@font-face{font-family:Nimbus;src:url('assets/sans.otf')}@font-face{font-family:Nimbus;src:url('assets/sans-bold.otf');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#202321;color:#f0f0e8;font-family:Nimbus,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #FFD500;outline-offset:7px}::selection{background:#FFD500;color:#202321}.filters{position:absolute;width:0;height:0}.board-grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;filter:url(#grain)}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 24% 21%,#adb4a012,transparent 55%),radial-gradient(ellipse at 80% 70%,#0003,transparent 60%);pointer-events:none}.mono{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.5px;line-height:1.7}.scribble{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-weight:400}.accent{color:#FFD500}.skip{position:absolute;top:-100px;z-index:99;padding:20px;background:#202321}.skip:focus{top:0}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;padding:28px 0;border-bottom:1px solid #e4e5dc30}.logo{font-weight:700;font-size:30px;letter-spacing:-2px}.logo span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:45px;font-size:13px}nav a:hover{color:#FFD500}.contact-nav span{margin-left:20px;color:#FFD500}.hero{min-height:810px;height:calc(100svh - 90px);max-height:1050px;position:relative;overflow:hidden}.hero-note{position:absolute;top:35px;left:4.5%;color:#c4c8be}.hero-brand{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:4;text-align:center;width:80%;pointer-events:none}.hero-brand h1{font-size:clamp(55px,11.4vw,180px);font-weight:700;line-height:.75;letter-spacing:-.072em;margin:0 0 30px;text-shadow:1px 0 #d3d5c6,-1px 0 #72786b}.brand-mark{font-size:20px;vertical-align:top;letter-spacing:0;position:absolute;margin:10px}.hero-brand p{display:inline-block;font-size:clamp(25px,3.3vw,48px);margin:0;letter-spacing:-1.5px;position:relative}.hero-brand em{font-family:Georgia,serif;font-weight:400;color:#FFD500}.hero-brand svg{position:absolute;bottom:-20px;width:60%;right:-5%;height:20px;fill:none;stroke:#FFD500;stroke-width:1.4}.sketch{position:absolute;margin:0}.sketch-view{position:relative;width:100%;height:100%;overflow:hidden;mask-image:radial-gradient(ellipse at center,black 48%,transparent 75%)}.sketch img,.sketch canvas{position:absolute;width:100%;height:100%;object-fit:cover}.sketch img{opacity:.65;mask-image:linear-gradient(115deg,black 0%,black 20%,transparent 54%);transition:opacity .7s,mask-image .7s;filter:saturate(.7)}.sketch canvas{opacity:.8;transition:opacity .7s}.sketch:hover img{mask-image:none;opacity:1}.sketch:hover canvas{opacity:.2}.hero-ceiling{width:35%;height:300px;right:0;top:-15px;transform:rotate(-8deg)}.hero-ceiling img{mask-image:linear-gradient(120deg,transparent 42%,black 85%)}.hero-display{width:28%;height:340px;left:0;bottom:80px;transform:rotate(-7deg)}.hero-bottles{width:24%;height:330px;right:3%;bottom:57px;transform:rotate(7deg)}.sketch figcaption{position:absolute;bottom:-8px;left:25%;white-space:nowrap;display:flex;flex-direction:column;gap:10px}.sketch figcaption .scribble{font-size:20px;color:#FFD500}.sketch figcaption .mono{font-size:8px;color:#a4ac9d}.hero-ceiling figcaption{bottom:40px;left:9%}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:24px;display:flex;align-items:center;justify-content:space-between}.hero-bottom p{font-size:16px;line-height:1.3;margin:0}.hero-bottom .mono{font-size:9px;text-align:right;line-height:1.8;color:#b3bbac}.round-link{display:grid;place-items:center;border:1px solid #919888;border-radius:50%;width:46px;height:46px;font-size:24px;margin-left:100px;transition:.2s}.round-link:hover{background:#FFD500;color:#202321}.chalk-marks{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#e5e7d3;stroke-width:1;opacity:.35;pointer-events:none}.about,.work,.cta{margin:0 4.5%;border-top:1px solid #e4e5dc40;padding:75px 0}.section-label{margin-bottom:30px;color:#c2c9bb}.section-label .accent{margin-right:18px}.about{display:grid;grid-template-columns:1fr 2.5fr;gap:70px;padding-top:90px;padding-bottom:100px}.about h2,h2{font-size:clamp(44px,5.6vw,85px);letter-spacing:-3px;line-height:1.02;font-weight:700;margin:0}.outline{color:transparent;-webkit-text-stroke:1px #d3d7c6}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;max-width:720px;font-size:17px;line-height:1.6;color:#c8cec1}.about-copy p{margin:0}.disciplines{display:flex;gap:40px;margin-top:38px}.disciplines span:before{content:'+';color:#FFD500;margin-right:10px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.work-heading .scribble{font-size:24px;color:#FFD500;transform:rotate(-7deg);margin:0 25px 20px}.work-heading .scribble span{font-size:40px;display:block;text-align:center}.gallery{display:grid;grid-template-columns:1.1fr 1fr;gap:55px 30px;align-items:start}.project{position:relative;background:none;border:0;padding:0;text-align:left;width:100%;overflow:hidden}.project img{display:block;width:100%;height:340px;object-fit:cover;filter:saturate(.6);transition:filter .4s,transform .7s}.project-wide img{height:450px}.project:nth-child(2){margin-top:85px}.project:nth-child(4){margin-top:45px}.project:hover img{filter:saturate(1);transform:scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:18px;background:#202321;font-size:15px}.project-caption>span+span{font-family:monospace;color:#FFD500}.details-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;margin-top:70px;padding-top:35px;border-top:1px solid #e4e5dc30}.details-row>.mono{max-width:160px;color:#b5bdad}.detail{border:0;background:none;padding:0;text-align:left}.detail img{width:100%;height:170px;object-fit:cover;filter:grayscale(.4);display:block}.detail span{display:block;font-size:13px;margin-top:15px;color:#cbd0c1}.detail:hover span{color:#FFD500}.cta{position:relative;padding-top:85px;padding-bottom:85px}.cta h2{font-size:clamp(55px,8vw,110px);margin-bottom:45px}.cta h2 .scribble{color:#FFD500;letter-spacing:-3px}.email{font-size:clamp(24px,3vw,38px);border-bottom:1px solid #FFD500;padding-bottom:12px;display:inline-flex;gap:80px}.email span{color:#FFD500}.cta p{color:#b9c0b0;font-size:16px;margin-top:25px}footer{margin:0 4.5%;padding:25px 0 30px;border-top:1px solid #e4e5dc30;display:flex;align-items:center;gap:35px;font-size:12px}footer>.mono{margin-left:auto;color:#a9b09f}footer>a.mono{margin-left:0}dialog{border:0;background:#202321;color:#fff;padding:45px;max-width:92vw;max-height:93svh}dialog::backdrop{background:#101310ed;backdrop-filter:blur(8px)}dialog img{max-width:100%;max-height:73svh;display:block;margin:auto;object-fit:contain}dialog p{font-size:14px;margin-bottom:0}.close{position:absolute;right:7px;top:2px;border:0;background:none;font-size:32px;padding:0 9px}
@media(min-width:1700px){header,.about,.work,.cta,footer{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{padding:22px 0}nav{gap:25px;font-size:12px}.hero{min-height:690px;height:calc(92svh - 80px)}.hero-brand{top:43%;width:89%}.hero-brand h1{font-size:12.5vw;margin-bottom:25px}.brand-mark{font-size:12px}.hero-brand p{font-size:30px}.hero-ceiling{width:55%;height:240px;right:-8%;top:25px}.hero-display{width:42%;height:255px;bottom:100px;left:-5%}.hero-bottles{width:36%;height:255px;bottom:100px;right:0}.sketch figcaption .scribble{font-size:15px}.sketch figcaption .mono{font-size:7px;letter-spacing:.5px}.hero-note{font-size:8px}.hero-bottom p{font-size:13px}.hero-bottom .mono{font-size:7px;letter-spacing:.6px}.round-link{margin-left:0;width:35px;height:35px}.about{grid-template-columns:1fr;gap:10px;padding:55px 0}.about h2,h2{letter-spacing:-2px}.about-copy{gap:20px;font-size:15px}.work,.cta{padding:55px 0}.work-heading .scribble{font-size:17px;margin-right:0}.gallery{gap:30px 20px}.project img{height:220px}.project-wide img{height:290px}.project:nth-child(2){margin-top:40px}.project:nth-child(4){margin-top:20px}.project-caption{font-size:12px;padding-top:12px}.details-row{gap:20px;margin-top:40px}.detail img{height:120px}.details-row>.mono{font-size:8px}.detail span{font-size:11px}.cta h2 .scribble{letter-spacing:-2px}.email{gap:35px}footer{flex-wrap:wrap;gap:20px}footer>.mono{margin-left:auto}footer>a.mono{width:100%;text-align:right}dialog{padding:35px 15px 15px}}
@media(max-width:460px){nav{gap:18px}.contact-nav span{margin-left:5px}.logo{font-size:26px}.hero{min-height:650px}.hero-brand p{font-size:25px}.hero-ceiling{top:45px;height:210px}.hero-display{height:235px;width:49%;bottom:110px}.hero-bottles{height:230px;width:42%;bottom:112px}.hero-bottom-right{max-width:130px}.about-copy{grid-template-columns:1fr;gap:18px}.work-heading .scribble{display:none}.gallery{grid-template-columns:1fr;gap:30px}.project img,.project-wide img{height:300px}.project:nth-child(2),.project:nth-child(4){margin-top:0}.details-row{grid-template-columns:1fr 1fr}.details-row>.mono{grid-column:1/-1;max-width:none}.hero-ceiling figcaption{bottom:25px}.sketch figcaption{left:12%}.hero-display figcaption{left:20%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Upright architectural annotations, in chalk rather than script. */
@font-face{font-family:Architectural;src:url('assets/architects-daughter.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.scribble,.hero-brand em{font-family:Architectural,'Courier New',monospace;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.015em;color:#e3e7d7}
.sketch figcaption .scribble,.work-heading .scribble,.cta h2 .scribble{color:#e3e7d7}
.hero-brand em{font-size:.94em}.cta h2 .scribble{font-size:.85em;letter-spacing:0}
.work-heading .scribble{transform:rotate(-3deg)}
.detail img[src$="table-new.jpg"]{object-fit:contain;object-position:center;background:#252824}
/* Chalkboard blueprint: a restrained drafting layer on the opening board. */
.hero{background-color:#202824;background-image:linear-gradient(#dbe4df05 1px,transparent 1px),linear-gradient(90deg,#dbe4df05 1px,transparent 1px),linear-gradient(#dbe4df0b 1px,transparent 1px),linear-gradient(90deg,#dbe4df0b 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;background-position:center center}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 47% 45%,transparent 18%,#20282445 73%),linear-gradient(18deg,transparent 42%,#ced9ca05 47%,transparent 53%)}
.hero-brand h1{position:relative;isolation:isolate}
.hero-brand h1:after{content:'SHFTR';position:absolute;inset:0;transform:translate(3.5px,-3.5px);color:transparent;-webkit-text-stroke:.65px #edf0de55;z-index:-1;text-shadow:none}
.hero-brand svg{stroke:#e3e7d7;opacity:.7}.hero .sketch canvas{opacity:.98}.hero .sketch img{opacity:.3;filter:grayscale(.75) saturate(.3)}
.hero .sketch:hover img{opacity:.9;filter:saturate(.7)}.hero .sketch:hover canvas{opacity:.2}
.hero .sketch-view{mask-image:radial-gradient(ellipse at center,black 48%,transparent 83%)}
.drafting{z-index:1;opacity:.63;stroke:#dee7db;stroke-width:.8}.drafting .construction{stroke-dasharray:9 7 2 7;opacity:.22}.drafting .dimensions{opacity:.5}.drafting .register{opacity:.65}.drafting .leaders{opacity:.55}.drafting .draft-labels{stroke:none;fill:#d8e1d1;font-family:'Courier New',monospace;font-size:9px;letter-spacing:2px;opacity:.8}.drafting marker{stroke-width:1.2;fill:none}
.drawing-note{position:absolute;top:76px;left:4.5%;display:flex;flex-direction:column;gap:3px;border-left:1px solid #d2ddce70;padding-left:12px;font-size:8px;color:#b8c7b5;letter-spacing:1px;z-index:2}
.hero .hero-bottom,.hero .hero-note,.hero .sketch{z-index:2}.hero .hero-brand{z-index:4}
@media(max-width:800px){.hero{background-size:20px 20px,20px 20px,100px 100px,100px 100px}.drafting .draft-labels{display:none}.drafting .dimensions{opacity:.4}.drawing-note{top:67px;font-size:6px;letter-spacing:.5px}.hero-brand h1:after{transform:translate(2px,-2px)}}
@media(max-width:460px){.drafting .construction{opacity:.13}.drafting .leaders{opacity:.35}.drawing-note{max-width:45%;font-size:6px}.hero .sketch img{opacity:.25}}
.doing{font-family:Nimbus,Arial,sans-serif;font-weight:700;font-style:normal;color:inherit;letter-spacing:inherit;text-transform:uppercase}
.story{margin:0 4.5%;border-top:1px solid #e4e5dc40;padding:85px 0 100px;display:grid;grid-template-columns:1fr 2.5fr;gap:70px}.story-content h2{font-size:clamp(38px,4.8vw,70px);line-height:1.08;letter-spacing:-2.5px}.story-copy{max-width:760px;margin-top:35px}.story-lead{font-size:clamp(21px,2.1vw,29px);line-height:1.4;letter-spacing:-.5px;max-width:650px;margin:0 0 28px;color:#e1e6d7}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#c8cec1;font-size:17px;line-height:1.6}.story-columns p{margin:0}.story-columns .doing{font-size:.94em}
@media(min-width:1700px){.story{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:800px){.story{grid-template-columns:1fr;gap:10px;padding:55px 0}.story-content h2{letter-spacing:-1.8px}.story-columns{gap:20px;font-size:15px}.story-copy{margin-top:25px}.story-lead{font-size:22px}header nav{gap:22px}}
@media(max-width:560px){header{flex-wrap:wrap;gap:18px}header nav{width:100%;justify-content:space-between;gap:12px}.story-columns{grid-template-columns:1fr;gap:18px}.story-content h2{font-size:clamp(31px,7.3vw,42px)}}
.hero-note{max-width:85%;text-wrap:balance}
@media(max-width:460px){.hero-note{max-width:90%;font-size:7px;letter-spacing:1px}}
/* Architectural hero studies and a barely visible, original screenplay fragment. */
.hero .hero-display{width:34%;height:330px;left:-1%;bottom:90px;transform:rotate(-4deg)}
.hero .hero-bottles{width:33%;height:320px;right:-1%;bottom:78px;transform:rotate(4deg)}
.script-trace{position:absolute;top:13%;left:8%;width:350px;transform:rotate(-7deg);color:#dce5d5;opacity:.065;font-family:'Courier New',monospace;font-size:12px;line-height:1.6;letter-spacing:.3px;pointer-events:none;user-select:none;mask-image:linear-gradient(145deg,transparent,black 15%,black 65%,transparent)}
.script-trace p{margin:0 0 20px}.script-character{text-align:center}.script-dialogue{padding-left:85px}.script-cut{text-align:right}
.process-studies{display:grid;gap:65px}.process-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:18px}.process-heading h3{font-size:26px;font-weight:400;letter-spacing:-.6px;margin:0}.process-heading .mono{color:#b6bfae;font-size:9px;text-align:right}.process-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.process-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-image{position:relative;display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left}.process-image-label{display:block;padding:11px 0;color:#c2cbb9;border-top:1px solid #e4e5dc35;font-size:9px}.process-image img{display:block;width:100%;height:350px;object-fit:cover;filter:saturate(.75);transition:filter .3s}.process-image:hover img{filter:saturate(1)}.process-enlarge{position:absolute;bottom:12px;right:12px;background:#202321cc;padding:7px 11px;font-size:18px}.process-triptych .process-image img{height:300px}.additional-work{margin-top:65px;margin-bottom:20px;color:#b6bfae}.supplemental-gallery .project:nth-child(2){margin-top:0}.supplemental-gallery .project img{height:310px}.details-row{grid-template-columns:.8fr repeat(3,1fr)}
@media(max-width:800px){.hero .hero-display{width:44%;height:270px;left:-4%;bottom:100px}.hero .hero-bottles{width:44%;height:270px;right:-3%;bottom:100px}.script-trace{top:13%;left:6%;width:255px;font-size:9px;opacity:.06}.process-studies{gap:40px}.process-heading h3{font-size:22px}.process-heading .mono{font-size:7px}.process-pair,.process-triptych{gap:15px}.process-image img{height:260px}.process-triptych .process-image img{height:220px}.details-row{grid-template-columns:repeat(3,1fr)}.details-row>.mono{grid-column:1/-1;max-width:none}.process-image-label{font-size:8px;letter-spacing:.7px}}
@media(max-width:560px){.hero .hero-display,.hero .hero-bottles{height:225px;width:49%;bottom:108px}.hero .hero-display figcaption{left:12%}.hero .hero-bottles figcaption{left:4%}.process-heading{display:block}.process-heading .mono{display:block;text-align:left;margin-top:8px}.process-pair{gap:12px}.process-image img{height:220px}.process-triptych{grid-template-columns:1fr 1fr}.process-triptych .process-image:last-child{grid-column:1/-1}.process-triptych .process-image img{height:220px}.process-triptych .process-image:last-child img{height:290px}.process-image-label{font-size:7px;letter-spacing:.3px}.supplemental-gallery .project img{height:270px}.details-row{grid-template-columns:1fr 1fr}.script-trace{width:225px;left:5%;top:14%;font-size:8px}}
/* Expanded project contact sheets preserve the relationship between every stage. */
.process-studies{gap:85px}.process-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.process-support .process-image img{height:240px}.process-support:has(>.process-image:only-child){grid-template-columns:minmax(0,1fr) 1fr 1fr}.process-image img{filter:none;background:#191e1b}.ceiling-study>.process-pair .process-image img{height:480px;object-fit:contain}.process-pair .process-image img{object-position:center}.supplemental-gallery .project img{height:320px;filter:none}.supplemental-gallery .project:nth-child(n){margin-top:0}.supplemental-gallery .project:nth-child(3){grid-column:1/-1}.supplemental-gallery .project:nth-child(3) img{height:400px}.object-studies{display:grid;grid-template-columns:2fr 1fr;gap:35px;align-items:start}.object-studies .process-heading h3{font-size:22px}.object-studies .process-heading .mono{font-size:8px}.object-studies .process-image img{height:260px;object-fit:contain}.panel-study .process-image img{height:260px}.process-image-label{white-space:normal}
@media(max-width:800px){.process-studies{gap:55px}.process-support{gap:15px;margin-top:15px}.process-support .process-image img{height:190px}.ceiling-study>.process-pair .process-image img{height:380px}.object-studies{grid-template-columns:1fr;gap:35px}.panel-study{max-width:50%}.supplemental-gallery .project:nth-child(3) img{height:330px}}
@media(max-width:560px){.process-support{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.process-support .process-image img{height:140px}.process-support .process-image-label{font-size:6px;line-height:1.5;min-height:36px;padding:7px 0}.process-support .process-enlarge{font-size:12px;padding:3px 6px;bottom:6px;right:5px}.process-support:has(>.process-image:only-child){grid-template-columns:1fr 1fr}.ceiling-study>.process-pair .process-image img{height:290px}.object-studies .process-image img{height:220px}.panel-study{max-width:100%}.panel-study .process-image img{height:270px}.supplemental-gallery .project:nth-child(3) img{height:270px}.object-studies .process-heading .mono{margin-top:8px}}
/* A more legible screenplay layer, with clear space around the central brand. */
.script-trace{opacity:.18;top:14%;left:7%;font-size:13px;width:370px;color:#e2e9db;line-height:1.7}
.supplemental-gallery .project:nth-child(n){grid-column:auto}.supplemental-gallery .project:nth-child(n) img{height:320px}.supplemental-gallery .project:last-child{grid-column:1/-1}.supplemental-gallery .project:last-child img{height:420px}
.object-studies{grid-template-columns:1fr;gap:65px}.chair-study .process-triptych .process-image img{height:350px;object-fit:contain}.chess-study .process-pair .process-image img{height:350px;object-fit:contain}.chess-study .process-support .process-image img{height:240px;object-fit:cover}.panel-study{max-width:420px}.panel-study .process-image img{object-fit:contain}.drawing-studies{margin-top:65px}.drawing-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.drawing-study .process-image img{height:330px;object-fit:contain;background:#f4f4ef}.drawing-download{display:inline-block;padding:16px 0 0;border-bottom:1px solid #b6bfae60;padding-bottom:8px;color:#dce5d4;font-size:9px}.drawing-download:hover{color:#FFD500}
@media(max-width:800px){.script-trace{opacity:.16;width:275px;font-size:10px;left:5%;top:14%}.chair-study .process-triptych .process-image img{height:280px}.chess-study .process-pair .process-image img{height:280px}.drawing-study .process-image img{height:240px}.supplemental-gallery .project:nth-child(n) img{height:270px}.supplemental-gallery .project:last-child img{height:330px}}
@media(max-width:560px){.script-trace{opacity:.15;width:235px;font-size:8px;top:13%;left:5%}.chair-study .process-triptych{grid-template-columns:1fr 1fr}.chair-study .process-triptych .process-image:last-child{grid-column:1/-1}.chair-study .process-triptych .process-image img{height:240px}.chair-study .process-triptych .process-image:last-child img{height:340px}.chess-study .process-pair .process-image img{height:230px}.drawing-pair{grid-template-columns:1fr;gap:30px}.drawing-study .process-image img{height:280px}.object-studies{gap:45px}.supplemental-gallery .project:last-child img{height:280px}}
.project-credit{display:block;font-size:12px;line-height:1.5;color:#c0cbb7;margin-top:8px;letter-spacing:0}.drawing-study h4{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:0 0 15px;line-height:1.3}.drawing-pair{row-gap:42px}
/* Architecture woven through the page, with a luminous facade on the opening board. */
.hero .hero-facade{width:42%;height:300px;right:-1%;bottom:95px;transform:rotate(2deg)}.hero .hero-facade .sketch-view{mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}.hero .hero-facade img{opacity:.83;filter:saturate(.85);object-position:center 58%;mask-image:linear-gradient(105deg,transparent 6%,black 45%)}.hero .hero-facade canvas{opacity:.55}.hero-facade figcaption{left:22%;bottom:-13px}.hero .hero-facade:hover img{opacity:1;filter:none}
.arch-inline{grid-column:1/-1;margin-top:15px;min-width:0}.arch-study-label{color:#b9c5b0;font-size:9px;margin:0 0 18px}.arch-duo{display:grid;grid-template-columns:1fr 1fr;gap:25px}.arch-image{position:relative;border:0;background:transparent;text-align:left;padding:0;display:block;min-width:0;width:100%}.arch-image img{display:block;width:100%;height:340px;object-fit:cover;transition:filter .3s}.arch-image:hover img{filter:brightness(1.07)}.arch-image-caption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;font-size:14px;line-height:1.4;color:#d3dcc9}.arch-image-caption>span+span{color:#FFD500}.architecture,.architectural-graphics{margin:0 4.5%;padding:75px 0;border-top:1px solid #e4e5dc40}.arch-intro{font-size:17px;line-height:1.6;color:#bdc8b4;max-width:300px;margin:0 0 8px 40px}.arch-subheading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin:55px 0 22px}.arch-subheading h3{font-weight:400;font-size:25px;letter-spacing:-.5px;margin:0}.arch-subheading .mono{font-size:9px;color:#adbba1}.arch-trio,.arch-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.arch-trio .arch-image img{height:310px}.arch-features .arch-image img{height:310px}.arch-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px;margin-top:35px}.arch-detail-grid .arch-image img{height:225px;object-fit:contain;background:#191e1b}.architectural-graphics .arch-subheading{margin-top:0}.architectural-graphics .arch-trio .arch-image img{height:350px}
@media(min-width:1700px){.architecture,.architectural-graphics{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){nav{gap:25px}.hero .hero-facade{width:45%;height:280px}.arch-intro{max-width:260px;font-size:15px}.arch-trio,.arch-features{gap:18px}.arch-trio .arch-image img,.arch-features .arch-image img{height:260px}}
@media(max-width:800px){.hero .hero-facade{width:49%;height:250px;right:-3%;bottom:102px}.arch-duo{gap:18px}.arch-image img{height:270px}.architecture,.architectural-graphics{padding:55px 0}.arch-intro{max-width:220px;font-size:14px;margin-left:20px}.arch-subheading h3{font-size:22px}.arch-subheading .mono{font-size:7px}.arch-detail-grid{gap:25px 18px}.arch-detail-grid .arch-image img{height:175px}.arch-image-caption{font-size:12px}.architectural-graphics .arch-trio .arch-image img{height:270px}}
@media(max-width:560px){.hero .hero-facade{width:53%;height:230px;right:-3%;bottom:108px}.hero .hero-facade figcaption{left:9%;bottom:-7px}.hero .hero-facade figcaption .scribble{font-size:13px}.hero .hero-facade figcaption .mono{font-size:6px}.arch-duo{gap:15px}.arch-image img{height:240px}.architecture .work-heading{display:block}.arch-intro{max-width:100%;margin:25px 0 0;font-size:15px}.arch-subheading{display:block;margin-top:35px}.arch-subheading .mono{display:block;margin-top:10px}.arch-trio,.arch-features{grid-template-columns:1fr;gap:25px}.arch-trio .arch-image img,.arch-features .arch-image img,.architectural-graphics .arch-trio .arch-image img{height:300px}.arch-detail-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.arch-detail-grid .arch-image img{height:190px}.arch-inline .arch-study-label{font-size:7px}.arch-inline{margin-top:15px}header nav{gap:10px;font-size:11px}}
.hero .hero-retail{width:36%;height:310px;left:-1%;bottom:95px;transform:rotate(-3deg)}.hero .hero-retail img{opacity:.68;filter:saturate(.7);object-position:center}.hero .hero-retail canvas{opacity:.75}.hero .hero-retail figcaption{left:25%;bottom:-10px}.hero .hero-retail:hover img{opacity:1;filter:none}
@media(max-width:800px){.hero .hero-retail{width:46%;height:260px;left:-3%;bottom:105px}}
@media(max-width:560px){.hero .hero-retail{width:49%;height:230px;left:-3%;bottom:108px}.hero .hero-retail figcaption{left:15%;bottom:-7px}}
/* Studio introduction and origin story, fitted to the existing composition. */
.about .studio-headline{font-size:clamp(34px,3.9vw,58px);line-height:1.08;letter-spacing:-1.8px;max-width:850px}.studio-disciplines{margin:36px 0 0;color:#dbe3d2;font-size:10px;letter-spacing:1.8px}.story-content .studio-story-title{font-size:clamp(35px,4.1vw,61px);line-height:1.1;letter-spacing:-2px}.studio-story-copy{max-width:860px}.studio-story-columns{gap:40px}.studio-story-columns>div p+p{margin-top:22px}.studio-story-columns .story-principle{margin-top:30px;color:#e6ecde;font-size:20px;line-height:1.4;letter-spacing:-.3px}.story-principle strong{font-weight:700}
@media(max-width:800px){.about .studio-headline{font-size:clamp(33px,5.3vw,46px);letter-spacing:-1.2px}.story-content .studio-story-title{font-size:clamp(33px,5.4vw,46px);letter-spacing:-1.2px}.studio-story-columns{gap:25px}.studio-disciplines{font-size:9px;letter-spacing:1px}.studio-story-columns .story-principle{font-size:19px}}
@media(max-width:560px){.studio-story-columns{grid-template-columns:1fr;gap:22px}.about .studio-headline,.story-content .studio-story-title{font-size:clamp(30px,7.2vw,39px)}.studio-disciplines{font-size:8px;letter-spacing:.8px}.studio-story-columns .story-principle{margin-top:26px}}
.studio-rd{max-width:720px;margin:27px 0 0;font-size:17px;line-height:1.6;color:#c8cec1}.studio-rd strong{font-weight:700;color:#e3ead8}
@media(max-width:800px){.studio-rd{font-size:15px}}
/* Section navigation: one destination and one project visible at a time. */
[hidden]{display:none!important}.view-mode header{position:sticky;top:0;z-index:30;background:#202321f5;backdrop-filter:blur(12px);padding:23px 0;gap:30px}.view-mode header nav{gap:24px;flex-wrap:wrap;font-size:12px}.view-mode header nav a{position:relative;padding:6px 0;white-space:nowrap}.view-mode nav a[aria-current="page"]{color:#FFD500}.view-mode nav a[aria-current="page"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor}.view-mode main{min-height:calc(100svh - var(--site-header-height,90px) - 90px)}.view-mode main>section:not(.hero){padding-top:34px;padding-bottom:38px;border-top:0}.view-mode .hero{height:calc(100svh - var(--site-header-height,90px) - 85px);min-height:580px;max-height:900px}.view-mode .work-heading{margin-bottom:25px;align-items:center}.view-mode .work-heading h2,.view-mode .objects-view>h2,.view-mode .drawings-view>h2{font-size:clamp(30px,3.3vw,48px);line-height:1.1;letter-spacing:-1.5px}.view-mode .work-heading .section-label,.view-mode .objects-view>.section-label,.view-mode .drawings-view>.section-label{margin-bottom:16px}.objects-view,.drawings-view{margin:0 4.5%}.section-tabs{display:flex;gap:7px 24px;overflow-x:auto;padding:3px 2px 13px;margin:22px 0 24px;border-bottom:1px solid #e4e5dc35;scrollbar-width:thin}.section-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 0;color:#bbc7af;font-size:13px;white-space:nowrap}.section-tabs button[aria-selected="true"]{color:#eef2e5;border-bottom-color:#FFD500}.section-tabs button:focus-visible{outline-offset:3px}.view-mode .process-studies,.view-mode .object-studies,.view-mode .drawing-pair{display:block}.view-mode .process-heading{margin-bottom:14px}.view-mode .process-heading h3{font-size:23px}.view-mode .process-pair .process-image img{height:clamp(220px,34svh,340px)}.view-mode .process-support{margin-top:16px}.view-mode .process-support .process-image img{height:clamp(120px,19svh,175px)}.view-mode .ceiling-study>.process-pair .process-image img{height:clamp(260px,44svh,440px)}.view-mode .chair-study .process-triptych .process-image img{height:clamp(230px,42svh,380px)}.view-mode .scenic-panel .additional-work{display:none}.view-mode .supplemental-gallery{gap:24px}.view-mode .supplemental-gallery .project:nth-child(n){grid-column:auto}.view-mode .supplemental-gallery .project:nth-child(n) img{height:240px}.view-mode .architecture-panel{padding:0;margin:0;border:0}.view-mode .architecture-panel .arch-subheading{margin:0 0 18px}.view-mode .arch-trio .arch-image img,.view-mode .arch-features .arch-image img{height:clamp(240px,47svh,430px)}.view-mode .drawing-studies{margin-top:0}.view-mode .drawing-study{max-width:1100px;margin:0 auto}.view-mode .drawing-study h4{font-size:21px}.view-mode .drawing-study .process-image img{height:clamp(280px,50svh,550px)}.view-mode .panel-study{max-width:650px}.view-mode .panel-study .process-image img{height:clamp(250px,48svh,450px)}.view-mode .about,.view-mode .story{gap:22px 55px;padding-bottom:40px}.view-mode .supporting-studies{grid-column:1/-1}.supporting-studies summary{cursor:pointer;font-family:'Courier New',monospace;font-size:11px;color:#c6d4bb;padding:15px 0;border-top:1px solid #e4e5dc30}.supporting-studies .arch-inline{margin-top:15px}.view-mode footer{padding:20px 0}.view-mode .cta{min-height:50svh;padding-top:65px!important}.view-mode .studio-headline{font-size:clamp(31px,3.3vw,48px)}.view-mode .studio-story-title{font-size:clamp(31px,3.3vw,48px)}
@media(min-width:1700px){.objects-view,.drawings-view{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.view-mode header{gap:15px;flex-wrap:wrap}.view-mode header nav{gap:19px;font-size:11px}.view-mode .about,.view-mode .story{grid-template-columns:1fr;gap:15px}.view-mode .about>.section-label,.view-mode .story>.section-label{margin-bottom:0}}
@media(max-width:650px){.view-mode header{padding:15px 0;gap:12px}.view-mode header nav{width:100%;justify-content:flex-start;gap:5px 20px}.view-mode header .logo{font-size:27px}.view-mode .hero{min-height:600px;height:calc(100svh - var(--site-header-height) - 80px)}.view-mode .section-tabs{gap:18px;margin-top:22px}.section-tabs button{font-size:12px}.view-mode .architecture .work-heading{display:block}.view-mode .arch-intro{margin:16px 0 0;max-width:none}.view-mode .architecture-panel .arch-trio,.view-mode .architecture-panel .arch-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.view-mode .architecture-panel .arch-image img{height:230px}.view-mode .architecture-panel .arch-image:last-child{grid-column:1/-1;max-width:100%}.view-mode .architecture-panel .arch-image:last-child img{height:260px}.view-mode .supplemental-gallery{grid-template-columns:1fr 1fr;gap:24px 15px}.view-mode .supplemental-gallery .project:nth-child(n) img{height:200px}.view-mode .project-caption{font-size:11px}.view-mode .process-heading .mono{font-size:7px}.view-mode .work-heading .scribble{display:none}.view-mode .drawings-view>h2,.view-mode .objects-view>h2{font-size:31px}.view-mode .drawing-study .process-image img{height:350px}}
@media(prefers-reduced-motion:reduce){.view-mode{scroll-behavior:auto}}
/* Lighting and scenic collections retain compact project-by-project browsing. */
.view-mode .lighting-studies>.section-tabs,.view-mode .scenic-panel>.section-tabs{margin-top:0;border-bottom-color:#e4e5dc20}.view-mode .lighting-studies>.section-tabs button,.view-mode .scenic-panel>.section-tabs button{font-size:12px}.view-mode .scenic-panel .supplemental-gallery{display:block}.view-mode .scenic-slide{max-width:1000px;margin:0 auto}.view-mode .scenic-slide .project:nth-child(n) img,.view-mode .scenic-slide .process-image img{height:clamp(280px,52svh,560px);object-fit:contain;background:#191e1b}.view-mode .scenic-slide .project-caption{padding-top:16px}.view-mode .scenic-slide .process-image-label{font-size:10px}.view-mode .scenic-slide .project{overflow:visible}
@media(max-width:650px){.view-mode .scenic-slide .project:nth-child(n) img,.view-mode .scenic-slide .process-image img{height:clamp(240px,42svh,390px)}}
.view-mode .scenic-project{max-width:1100px;margin:0 auto}.view-mode .scenic-project>.project img,.view-mode .scenic-project>.process-image img{height:clamp(280px,52svh,560px);object-fit:contain;background:#191e1b}.view-mode .scenic-project .process-pair .process-image img{height:clamp(230px,35svh,360px);object-fit:contain}.view-mode .scenic-project .process-support .project img,.view-mode .scenic-project .process-support .process-image img{height:clamp(140px,22svh,220px);object-fit:contain;background:#191e1b}.view-mode .scenic-project .process-support .project-caption{font-size:12px}.view-mode .scenic-project>.project .project-caption{padding-top:16px}
@media(max-width:650px){.view-mode .scenic-project>.project img,.view-mode .scenic-project>.process-image img{height:clamp(260px,45svh,440px)}.view-mode .scenic-project .process-pair .process-image img{height:260px}.view-mode .scenic-project .process-support:has(>.project:only-child){grid-template-columns:1fr 1fr}}
.additional-project-views{margin-top:22px;border-top:1px solid #e4e5dc30}.additional-project-views summary{cursor:pointer;font-family:'Courier New',monospace;font-size:11px;color:#c6d4bb;padding:15px 0}.additional-views-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.view-mode .additional-views-grid .process-image img{height:240px;object-fit:contain;background:#191e1b}.view-mode .scenic-project .process-support .process-image img[src$="scenic-sign-artwork.png"]{background:#fff}.view-mode .drawing-study .additional-project-views .process-image img{height:280px}.view-mode .scenic-project .process-pair .project img{height:clamp(230px,35svh,360px);object-fit:contain;background:#191e1b}
@media(max-width:800px){.additional-views-grid{grid-template-columns:1fr 1fr;gap:15px}.view-mode .additional-views-grid .process-image img{height:230px}}
.view-mode .arch-interiors{max-width:1100px;margin:0 auto}.view-mode .arch-interiors .arch-image img{height:clamp(300px,55svh,580px);object-fit:contain;background:#191e1b}.hero-retail figcaption a.mono{color:#c1cdb5;text-decoration:underline;text-underline-offset:4px;pointer-events:auto}.hero-retail figcaption a.mono:hover{color:#FFD500}
@media(max-width:650px){.view-mode .arch-interiors .arch-image img{height:clamp(280px,45svh,440px)}}
/* A personal photographic scrapbook, linked from the studio's story. */
.story-archive-link{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:9px 28px;padding:24px 28px;border:1px solid #b3c3a35c;margin-top:5px;background:#b3c3a306;transition:border-color .2s}.story-archive-link:hover{border-color:#FFD500}.archive-link-label{font-size:9px;color:#b9c7ae;grid-column:1/-1}.archive-link-title{font-size:27px;letter-spacing:-.7px}.archive-link-copy{grid-column:1;font-size:14px;color:#b9c7ae}.archive-link-open{grid-column:2;grid-row:2/4;align-self:center;font-family:Architectural,monospace;font-size:15px;color:#e0e6d6}.archive-view{margin:0 4.5%}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.archive-heading h2{font-size:clamp(34px,4.3vw,60px);letter-spacing:-2px}.archive-heading .section-label{margin-bottom:12px}.archive-heading p{font-size:15px;color:#b6c3aa;line-height:1.5;margin:15px 0 0}.archive-return{font-size:9px;color:#c8d4bd;white-space:nowrap;padding:10px 0;border-bottom:1px solid #b6c3aa50}.scrapbook-spread{position:relative;max-width:1230px;margin:0 auto;padding:24px 30px 18px;background:linear-gradient(12deg,#252b2440,#8c9b7920),repeating-linear-gradient(0deg,transparent,transparent 27px,#cad7bd06 28px);border:1px solid #bdc9ad28}.scrapbook-page-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 28px}.scrapbook-page-note .mono{font-size:8px;color:#a3b295}.scrapbook-page-note .scribble{font-size:15px;text-transform:none;color:#d9e1cb;letter-spacing:0}.scrapbook-photos{display:grid;grid-template-columns:1.45fr .8fr 1fr;gap:34px;align-items:center;padding:5px 5px 20px;min-height:330px}.scrapbook-print{position:relative;background:#e7e4d7;margin:0;padding:10px 10px 13px;box-shadow:0 8px 18px #0005;transform:rotate(-2deg);max-width:470px;justify-self:center}.scrapbook-print:before{content:'';position:absolute;z-index:1;left:37%;top:-12px;width:68px;height:23px;transform:rotate(5deg);background:#c4bd98a6;box-shadow:inset 0 0 8px #eee5;pointer-events:none;clip-path:polygon(1% 4%,97% 0,100% 96%,2% 100%)}.scrapbook-print:nth-child(2){transform:rotate(3deg)}.scrapbook-print:nth-child(3){transform:rotate(-1.5deg)}.archive-photo{position:relative;display:block;background:#181b17;border:0;padding:0;max-width:100%;margin:auto;cursor:zoom-in}.archive-photo img{display:block;max-width:100%;max-height:270px;width:auto;height:auto;object-fit:contain}.archive-photo-open{position:absolute;right:6px;bottom:6px;font-size:14px;background:#1a2218b8;color:#e5eddd;padding:3px 7px;opacity:0;transition:opacity .2s}.archive-photo:hover .archive-photo-open,.archive-photo:focus-visible .archive-photo-open{opacity:1}.scrapbook-print figcaption{display:flex;gap:13px;align-items:baseline;font-family:Architectural,monospace;color:#373d32;font-size:14px;line-height:1.3;padding-top:11px}.archive-photo-number{font-family:'Courier New',monospace;font-size:9px;color:#767a6a}.scrapbook-footnote{font-size:7px;color:#a8b79a;margin:10px 0 0;text-align:right}.scrapbook-spread-2 .scrapbook-photos{grid-template-columns:1.05fr 1.4fr;grid-template-rows:1fr 1fr;gap:24px 40px;min-height:360px}.scrapbook-spread-2 .scrapbook-print:first-child{grid-row:1/3}.scrapbook-spread-2 .scrapbook-print:nth-child(n+2) img{max-height:150px}.scrapbook-spread-3 .scrapbook-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.scrapbook-spread-3 .archive-photo img{max-height:240px}.view-mode .architecture-panel>.arch-duo .arch-image img{height:clamp(280px,44svh,450px);object-fit:cover}
@media(min-width:1700px){.archive-view{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.scrapbook-photos{gap:22px}.scrapbook-print{padding:8px 8px 12px}.scrapbook-page-note .scribble{font-size:13px}.scrapbook-print figcaption{font-size:12px;gap:8px}.archive-photo img{max-height:240px}.scrapbook-spread{padding:22px}.scrapbook-spread-2 .scrapbook-photos{gap:20px}.scrapbook-page-note{gap:15px}}
@media(max-width:600px){.story-archive-link{padding:20px;grid-template-columns:1fr;gap:10px}.archive-link-open{grid-column:1;grid-row:auto;padding-top:8px}.archive-link-title{font-size:25px}.archive-heading{display:block}.archive-return{display:inline-block;margin-top:15px}.archive-heading h2{font-size:36px}.scrapbook-spread{padding:18px 14px}.scrapbook-page-note{display:block;margin-bottom:25px}.scrapbook-page-note .scribble{display:block;margin-top:10px}.scrapbook-photos{grid-template-columns:1fr 1fr;gap:30px 20px;min-height:0;padding:5px 6px 15px}.scrapbook-print:first-child{grid-column:1/-1}.archive-photo img{max-height:230px}.scrapbook-print:nth-child(n+2) img{max-height:210px}.scrapbook-spread-2 .scrapbook-photos{grid-template-columns:1fr;grid-template-rows:auto;gap:30px;min-height:0}.scrapbook-spread-2 .scrapbook-print:first-child{grid-row:auto}.scrapbook-spread-2 .scrapbook-print:nth-child(n+2) img{max-height:155px}.scrapbook-spread-3 .scrapbook-photos{grid-template-columns:1fr;gap:30px}.scrapbook-spread-3 .archive-photo img{max-height:230px}.scrapbook-footnote{text-align:left;font-size:6px}.scrapbook-print:before{width:55px;height:20px;top:-10px}}
.scrapbook-print{min-width:0;width:fit-content;max-width:min(100%,470px)}
/* A solid edge-to-edge header; a quiet footer without the repeated lockup. */
header,.view-mode header{margin-left:0;margin-right:0;max-width:none;width:100%;padding-left:4.5%;padding-right:4.5%;background:#202321}
.view-mode footer{justify-content:space-between}.view-mode footer>.mono{margin-left:0}
@media(max-width:650px){header,.view-mode header{padding-left:4.5%;padding-right:4.5%}.view-mode footer>a.mono{width:auto}}
/* Centre the brand itself on the opening board, with a separate, quieter tagline. */
.hero{--hero-logo-size:clamp(46.75px,9.69vw,153px);--hero-brand-gap:clamp(38px,4svh,56px)}
.hero .hero-brand{inset:0;width:100%;height:100%;transform:none}
.hero .hero-brand h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--hero-logo-size);line-height:.75;margin:0;white-space:nowrap}
.hero .hero-brand p{position:absolute;left:50%;top:calc(50% + var(--hero-logo-size)*.375 + var(--hero-brand-gap));transform:translateX(-50%);font-size:clamp(20px,2.64vw,38.4px);margin:0;white-space:nowrap;letter-spacing:-1px}
.hero .hero-ceiling{left:50%;right:auto;top:55px;width:35%;height:29%;max-height:250px;transform:translateX(-50%)}
.hero .hero-ceiling figcaption{left:50%;bottom:0;transform:translateX(-50%);align-items:center;text-align:center}
@media(max-width:800px){.hero{--hero-logo-size:10.625vw;--hero-brand-gap:38px}.hero .hero-brand p{font-size:24px}.hero .hero-ceiling{width:48%;max-height:220px}}
@media(max-width:560px){.hero{--hero-brand-gap:35px}.hero .hero-brand p{font-size:20px}.hero .hero-ceiling{top:65px;width:64%;height:26%;max-height:190px}.hero .hero-ceiling figcaption{bottom:-2px}}
/* Screenplay fragment, quietly centred along the foot of the opening board. */
.hero .script-trace{top:auto;bottom:26px;left:50%;width:370px;max-width:calc(100% - 36px);transform:translateX(-50%);font-size:13px;line-height:1.6;opacity:.28;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}
.hero .script-trace p{margin-bottom:11px}
.hero .script-trace p:last-child{margin-bottom:0}
@media(max-width:800px){.hero .script-trace{width:300px;font-size:11px;opacity:.27;bottom:28px}}
@media(max-width:560px){.hero .script-trace{width:260px;font-size:9px;line-height:1.6;opacity:.26;bottom:30px}.hero .script-trace p{margin-bottom:9px}.hero .script-dialogue{padding-left:62px}}
/* A refined secondary wordmark and the two-line studio maxim. */
.hero .hero-brand p{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;letter-spacing:-.025em;line-height:1.2}
.hero .hero-brand p .doing{font-family:Nimbus,Arial,sans-serif;font-weight:700;font-size:.82em;letter-spacing:.08em;margin-left:.12em}
.hero .hero-note{line-height:1.9;text-wrap:initial}
.hero .script-trace{left:calc(50% + 24px)}
@media(max-width:560px){.hero .script-trace{left:calc(50% + 12px)}}
/* A compact script block clears the secondary wordmark. */
.hero .script-trace{bottom:8px;font-size:12px;line-height:1.3;letter-spacing:.1px;opacity:.34}
.hero .script-trace p{margin-bottom:6px}
.hero .script-trace p:last-child{margin-bottom:0}
.hero .hero-brand p .doing{color:#F04B42}
@media(max-width:800px){.hero .script-trace{font-size:10px;bottom:8px}}
@media(max-width:560px){.hero .script-trace{font-size:9px;bottom:8px}.hero .script-trace p{margin-bottom:5px}}
/* Opening statement balances the studio maxim at the top of the board. */
.hero .hero-intro{position:absolute;top:35px;right:4.5%;margin:0;text-align:right;z-index:3}
.hero .hero-bottom{justify-content:flex-end}
/* A compact index of the studio's disciplines, reached from one header link. */
.services-view{margin:0 4.5%}
.services-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}
.services-heading .section-label{margin-bottom:16px}
.services-heading h2{font-size:clamp(30px,3.3vw,48px);margin:0}
.services-heading>p{font-size:15px;line-height:1.6;color:#bdc3b6;margin:0}
.capability-index{border-top:1px solid #e4e5dc35}
.capability-link{display:grid;grid-template-columns:40px minmax(220px,.9fr) minmax(260px,1.2fr);align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid #e4e5dc35;transition:border-color .2s}
.capability-number{color:#FFD500;font-size:10px}
.view-mode main>section[id] .capability-link h3{font-size:22px;line-height:1.2;margin:0}
.capability-link p{font-size:15px;line-height:1.6;color:#bfc5b9;margin:0;max-width:480px}
.capability-action{justify-self:end;text-align:right}
.capability-link:hover{border-bottom-color:#FFD500}
.capability-link:hover h3{color:#FFD500}
.services-footnote{font-size:9px;letter-spacing:1px;color:#b7c0ac;line-height:1.7;margin:24px 0 0}
.collection-return{display:inline-block;color:#bcc4b4;font-size:9px;letter-spacing:1px;margin:0 0 23px;padding:5px 0;border-bottom:1px solid #e4e5dc30}
.collection-return:hover{color:#FFD500;border-color:#FFD500}
@media(min-width:1700px){.services-view{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:800px){.services-heading>p{max-width:250px;font-size:13px}.capability-link{grid-template-columns:24px minmax(180px,.9fr) minmax(180px,1fr);gap:18px;padding:20px 0}.view-mode main>section[id] .capability-link h3{font-size:19px}.capability-link p{font-size:13px}}
@media(max-width:560px){.services-heading{display:block;margin-bottom:20px}.services-heading>p{max-width:none;margin-top:17px}.capability-link{grid-template-columns:22px minmax(0,1fr);gap:9px 13px;padding:18px 0}.capability-link h3{grid-column:2;grid-row:1}.capability-link p{grid-column:2;grid-row:2;font-size:13px}.capability-action{grid-column:3;grid-row:1/3;align-self:center}.capability-number{grid-column:1;grid-row:1;align-self:baseline}.services-footnote{font-size:8px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.capability-link{transition:none}}
/* The secondary wordmark sits at the foot of the board, below the screenplay. */
.hero .hero-brand p{top:auto;bottom:24px;text-decoration:none}
.hero .hero-brand .doing{text-decoration:none}
.hero .script-trace{bottom:110px}
@media(max-width:800px){.hero .script-trace{bottom:100px}}
@media(max-width:560px){.hero .hero-brand p{bottom:22px}.hero .script-trace{bottom:90px}}
/* Broader falloff leaves quiet board space around the three opening studies. */
.hero .sketch .sketch-view{-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 24%,rgba(0,0,0,.82) 36%,rgba(0,0,0,.28) 54%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000 24%,rgba(0,0,0,.82) 36%,rgba(0,0,0,.28) 54%,transparent 70%)}

.about-copy>div p+p{margin-top:22px}.creative-background{margin-top:22px;border-top:1px solid #e4e5dc30;padding-top:12px}.creative-background summary{cursor:pointer;font-family:'Courier New',monospace;font-size:10px;line-height:1.6;letter-spacing:.5px;color:#d9dcd2}.creative-background summary:focus-visible{outline:2px solid #FFD500;outline-offset:5px}.creative-background[open] p{margin-top:14px;font-size:15px}.creative-background+ .story-principle{margin-top:25px}
/* Keep the capability menu compact enough for shorter screens. */
.view-mode main>section#services{padding-top:24px;padding-bottom:24px}
#services .services-heading{margin-bottom:18px;gap:24px}
#services .services-heading .section-label{margin-bottom:10px}
.view-mode main>section#services h2{font-size:clamp(26px,2.6vw,36px)}
#services .services-heading>p{font-size:13px;line-height:1.5}
#services .capability-link{padding:15px 0;gap:20px;grid-template-columns:30px minmax(200px,.9fr) minmax(240px,1.2fr)}
.view-mode main>section#services .capability-link h3{font-size:18px;line-height:1.2}
#services .capability-link p{font-size:14px;line-height:1.45}
#services .services-footnote{margin-top:16px}
@media(max-width:800px){#services .capability-link{grid-template-columns:24px minmax(150px,.9fr) minmax(160px,1fr);gap:15px}.view-mode main>section#services .capability-link h3{font-size:17px}#services .capability-link p{font-size:13px}}
@media(max-width:560px){.view-mode main>section#services{padding-top:18px;padding-bottom:18px}#services .services-heading{margin-bottom:14px}#services .services-heading .section-label{font-size:8px;margin-bottom:7px}#services .services-heading>p{font-size:12px;line-height:1.4;margin-top:8px}#services .capability-link{grid-template-columns:20px minmax(0,1fr);padding:12px 0;gap:6px 10px}.view-mode main>section#services .capability-link h3{font-size:16px}#services .capability-link p{font-size:12px;line-height:1.4}#services .services-footnote{margin-top:13px;font-size:8px;line-height:1.4}}
@media(min-width:561px) and (max-height:650px){.view-mode main>section#services{padding-top:16px;padding-bottom:16px}#services .services-heading{margin-bottom:12px}#services .capability-link{padding:11px 0}#services .services-footnote{margin-top:12px}}