#kb-site-preview .cinema-editorial{--ink:#302135;--paper:#f3f0eb;max-width:none;background:#fbfaf7;color:var(--ink)}
#kb-site-preview .cinema-editorial em{font-weight:400;color:inherit}
#kb-site-preview .cinema-editorial .service-hero{position:relative;display:grid;grid-template-columns:.9fr 1.3fr;gap:5vw;background:#211c24;color:#fff;padding:80px 6vw 85px;align-items:center}
#kb-site-preview .cinema-editorial .service-hero h1{font-size:clamp(42px,5.5vw,88px);line-height:1.02;letter-spacing:-.045em;margin:25px 0 30px}
#kb-site-preview .cinema-editorial .service-hero p{color:#e2dce3;font-size:16px;max-width:390px}
#kb-site-preview .cinema-editorial .service-hero .kicker{color:#c7b3c9;font-size:10px;letter-spacing:.2em}
#kb-site-preview .cinema-editorial .service-hero .service-figure{margin:0;transform:translateY(25px)}
#kb-site-preview .cinema-editorial .service-hero .action{margin-top:18px;background:transparent;border:1px solid #b9a6bb;color:#fff}
#kb-site-preview .cinema-editorial .service-jump{justify-content:center;background:#fbfaf7;padding:18px 5vw;border-color:#ded7d0;gap:12px 40px}
#kb-site-preview .cinema-editorial .service-jump a{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#kb-site-preview .cinema-editorial .service-section{padding:100px 8vw}
#kb-site-preview .cinema-editorial .service-heading h2{font-size:clamp(36px,4.5vw,65px);line-height:1.08;margin:18px 0 26px}
#kb-site-preview .cinema-editorial .kicker{font-size:10px;letter-spacing:.17em;color:#795b74}
#kb-site-preview .cinema-editorial .service-heading p{font-size:16px;line-height:1.8}
#kb-site-preview .cinema-editorial #on-site,#kb-site-preview .cinema-editorial #first-sketch{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}
#kb-site-preview .cinema-editorial #on-site .service-heading,#kb-site-preview .cinema-editorial #first-sketch .service-heading{margin:0}
#kb-site-preview .cinema-editorial #first-sketch{grid-template-columns:1.25fr .75fr;background:var(--paper);padding-top:90px;padding-bottom:90px}
#kb-site-preview .cinema-editorial #first-sketch .service-heading{grid-column:2;grid-row:1}
#kb-site-preview .cinema-editorial #first-sketch .service-figure{grid-column:1;grid-row:1;transform:rotate(-2deg);padding:15px;background:#fff;box-shadow:0 18px 40px #30213518}
#kb-site-preview .cinema-editorial .service-figure{margin:0;min-width:0}
#kb-site-preview .cinema-editorial .gallery-open{border:0;background:transparent;position:relative}
#kb-site-preview .cinema-editorial .gallery-open img{display:block;width:100%;height:auto;object-fit:contain}
#kb-site-preview .cinema-editorial .gallery-open span{position:absolute;right:10px;bottom:10px;background:#302135df;color:white;padding:8px 12px;font-size:10px;letter-spacing:.08em}
#kb-site-preview .cinema-editorial .service-figure figcaption{font-size:11px;line-height:1.6;color:#776c79;padding:12px 0 0;max-width:520px}
#kb-site-preview .cinema-editorial .service-hero figcaption{color:#bdb2c0}
#kb-site-preview .cinema-editorial #working-drawings>.service-heading{max-width:660px;margin:0 auto 50px;text-align:center}
#kb-site-preview .cinema-editorial .cinema-drawing-spread{gap:35px;align-items:center}
#kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure{background:#fff;border:1px solid #e6e0db;padding:20px}
#kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure:nth-child(2){margin-top:75px}
#kb-site-preview .cinema-editorial .service-small{font-size:11px;color:#817683;text-align:center;margin-top:35px}
#kb-site-preview .cinema-editorial #finished-room{background:#211c24;color:#f8f5f9;padding-bottom:85px}
#kb-site-preview .cinema-editorial #finished-room>.service-heading{max-width:720px;margin-bottom:45px}
#kb-site-preview .cinema-editorial #finished-room p{color:#d3cbd6}
#kb-site-preview .cinema-editorial #finished-room .kicker{color:#c7b3c9}
#kb-site-preview .cinema-editorial #finished-room>.service-figure{margin:0 -3vw 45px}
#kb-site-preview .cinema-editorial #finished-room .service-drawing-pair{gap:35px}
#kb-site-preview .cinema-editorial #finished-room figcaption{color:#bdb2c0}
#kb-site-preview .cinema-editorial #finished-room .actions{margin-top:55px;padding-top:30px;border-top:1px solid #534756;gap:25px}
#kb-site-preview .cinema-editorial #finished-room .textlink{color:#e3d5e5}
@media(max-width:800px){
#kb-site-preview .cinema-editorial .service-hero{grid-template-columns:1fr;padding:45px 7vw 55px;gap:25px}
#kb-site-preview .cinema-editorial .service-hero .service-figure{transform:none}
#kb-site-preview .cinema-editorial .service-section{padding:60px 7vw}
#kb-site-preview .cinema-editorial #on-site,#kb-site-preview .cinema-editorial #first-sketch{grid-template-columns:1fr;gap:30px;padding:60px 7vw}
#kb-site-preview .cinema-editorial #first-sketch .service-heading,#kb-site-preview .cinema-editorial #first-sketch .service-figure{grid-column:auto;grid-row:auto}
#kb-site-preview .cinema-editorial .cinema-drawing-spread{grid-template-columns:1fr}
#kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure:nth-child(2){margin-top:0}
#kb-site-preview .cinema-editorial .service-jump{gap:5px 20px}
#kb-site-preview .cinema-editorial #finished-room>.service-figure{margin:0 0 30px}
}

/* Studio archive: real drawings as a quiet graphic layer, with a consistent margin and numbering system. */
#kb-site-preview .cinema-editorial{position:relative;isolation:isolate;overflow:hidden}
#kb-site-preview .cinema-colophon{display:flex;justify-content:space-between;gap:20px;padding:15px 6vw;border-block:1px solid #e2dbd6;background:#f5f2ec;font:400 10px/1.5 var(--font-navigation,sans-serif);text-transform:uppercase;letter-spacing:.15em;color:#6d5e70}
#kb-site-preview .cinema-editorial .service-section{position:relative;isolation:isolate}
#kb-site-preview .cinema-editorial .service-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('hut-cinema-working-2.webp') 25% 48% / 130% auto no-repeat;mix-blend-mode:multiply;filter:grayscale(1);opacity:.065}
#kb-site-preview .cinema-editorial #on-site:before{background-position:75% 55%;background-size:145% auto;opacity:.055}
#kb-site-preview .cinema-editorial #first-sketch:before{background-position:75% 70%;background-size:155% auto;opacity:.045}
#kb-site-preview .cinema-editorial #working-drawings:before{background-position:40% -85px;background-size:145% auto;opacity:.045}
#kb-site-preview .cinema-editorial #finished-room:before{display:none}
#kb-site-preview .cinema-section-label{position:absolute;top:28px;left:8vw;right:8vw;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cdbfce;padding-bottom:11px;font:400 9px/1.5 var(--font-navigation,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#806e83}
#kb-site-preview .cinema-chapter-number{position:absolute;top:50px;left:4vw;z-index:-1;font:400 clamp(125px,20vw,260px)/1 'playfair display',serif;letter-spacing:-.08em;color:#5c3e6510;pointer-events:none}
#kb-site-preview .cinema-editorial #on-site,#kb-site-preview .cinema-editorial #first-sketch{padding-top:125px;padding-bottom:110px}
#kb-site-preview .cinema-editorial #first-sketch .cinema-chapter-number{left:auto;right:6vw}
#kb-site-preview .cinema-editorial #first-sketch .service-heading{padding-top:22px}
#kb-site-preview .cinema-editorial #first-sketch .service-figure{position:relative;transform:rotate(-1.5deg);box-shadow:0 20px 60px #30213520;padding:18px 18px 32px}
#kb-site-preview .cinema-editorial #first-sketch .service-figure:before{content:"";position:absolute;top:-14px;left:42%;width:100px;height:30px;background:#d7cbb86b;border-inline:1px solid #e1d7c169;transform:rotate(6deg);z-index:2;pointer-events:none}
#kb-site-preview .cinema-margin-note{position:absolute;bottom:-38px;left:8px;font:italic 18px/1.5 'playfair display',serif;color:#735c79;transform:rotate(1.5deg)}
#kb-site-preview .cinema-editorial #on-site .service-figure{padding:13px 13px 0;border:1px solid #d3c6d4;background:#fbfaf7d9;outline:1px solid #d3c6d4;outline-offset:9px}
#kb-site-preview .cinema-editorial #on-site .service-figure figcaption{padding:12px 0}
#kb-site-preview .cinema-editorial #working-drawings{padding-top:125px;padding-bottom:85px}
#kb-site-preview .cinema-editorial #working-drawings .service-heading{position:relative}
#kb-site-preview .cinema-drawing-caption{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #ccbdcd;padding:12px 0;margin-bottom:28px;font:400 10px/1.5 var(--font-navigation,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#756079}
#kb-site-preview .cinema-editorial .cinema-drawing-spread{position:relative;gap:26px;align-items:start;grid-template-columns:1.1fr 1fr}
#kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure{border:0;border-top:2px solid #8b7693;box-shadow:0 15px 45px #3021350d;padding:20px 20px 16px}
#kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure:nth-child(2){margin-top:85px}
#kb-site-preview .cinema-detail-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px;padding-top:25px;border-top:1px solid #ccbdcd}
#kb-site-preview .cinema-detail-notes>div{display:flex;gap:14px;align-items:baseline}
#kb-site-preview .cinema-detail-notes span{font:italic 23px/1 'playfair display',serif;color:#967e9e}
#kb-site-preview .cinema-detail-notes p{font-size:13px;line-height:1.7;margin:0;color:#6c5b70}
#kb-site-preview .cinema-detail-notes strong{display:block;color:#3c2944;font-weight:400;font-size:15px;margin-bottom:6px}
#kb-site-preview .cinema-design-thought{background:#e9e1e8;padding:60px 8vw;text-align:center;position:relative}
#kb-site-preview .cinema-design-thought:before{content:"";position:absolute;left:50%;top:-22px;height:44px;width:1px;background:#947a9b}
#kb-site-preview .cinema-design-thought p{font:400 clamp(30px,3.7vw,52px)/1.2 'playfair display',serif;letter-spacing:-.025em;margin:22px auto;max-width:850px}
#kb-site-preview .cinema-design-thought a{display:inline-flex;align-items:center;gap:20px;font-size:12px;text-decoration:none;border-bottom:1px solid #af9cb6;padding-bottom:8px}
#kb-site-preview .cinema-design-thought a span{font-size:26px}
#kb-site-preview .cinema-editorial #finished-room{padding-top:125px}
#kb-site-preview .cinema-editorial #finished-room .cinema-section-label{color:#baaac2;border-color:#69586e}
#kb-site-preview .cinema-editorial #finished-room .cinema-chapter-number{color:#ccb5d415;left:auto;right:6vw}
#kb-site-preview .cinema-editorial .service-hero:before{content:"";position:absolute;left:6vw;bottom:35px;right:6vw;height:1px;background:#88718c55;pointer-events:none}
@media(max-width:800px){
 #kb-site-preview .cinema-colophon{padding:12px 7vw;gap:12px;font-size:8px;flex-wrap:wrap}
 #kb-site-preview .cinema-colophon span:last-child{display:none}
 #kb-site-preview .cinema-section-label{left:7vw;right:7vw;top:23px;font-size:8px}
 #kb-site-preview .cinema-section-label span:last-child{display:none}
 #kb-site-preview .cinema-chapter-number{top:55px;font-size:150px}
 #kb-site-preview .cinema-editorial #on-site,#kb-site-preview .cinema-editorial #first-sketch{padding:90px 7vw 80px}
 #kb-site-preview .cinema-editorial #first-sketch .service-heading{padding-top:0}
 #kb-site-preview .cinema-editorial .service-section:before{background-size:auto 85%;background-position:50% 50%;opacity:.055}
 #kb-site-preview .cinema-editorial #on-site:before,#kb-site-preview .cinema-editorial #first-sketch:before,#kb-site-preview .cinema-editorial #working-drawings:before{background-size:auto 115%;background-position:30% 45%;opacity:.035}
 #kb-site-preview .cinema-margin-note{font-size:15px;bottom:-32px}
 #kb-site-preview .cinema-editorial #working-drawings,#kb-site-preview .cinema-editorial #finished-room{padding-top:90px}
 #kb-site-preview .cinema-editorial .cinema-drawing-spread{grid-template-columns:1fr;gap:30px}
 #kb-site-preview .cinema-editorial .cinema-drawing-spread .service-figure:nth-child(2){margin-top:0}
 #kb-site-preview .cinema-detail-notes{grid-template-columns:1fr;gap:22px;margin-top:30px}
 #kb-site-preview .cinema-drawing-caption{font-size:8px;gap:12px}
 #kb-site-preview .cinema-design-thought{padding:55px 7vw}
}
@media(forced-colors:active){#kb-site-preview .cinema-editorial .service-section:before,#kb-site-preview .cinema-chapter-number{display:none}}