*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#efede8;color:#122321;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,summary{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a,button,summary{-webkit-tap-highlight-color:transparent}button,a,summary:focus-visible{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b34f26}button{min-height:44px}img{display:block;width:100%;object-fit:cover}figure{margin:0}p{line-height:1.6}h1,h2,h3{font-weight:400;margin:0;letter-spacing:-.045em}h1{font-size:clamp(48px,5.2vw,80px);line-height:1.02}h2{font-size:clamp(38px,4.2vw,64px);line-height:1.06}h3{font-size:30px;line-height:1.15}.label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:25px}.small{font-size:12px;line-height:1.7}.skip{position:fixed;z-index:99;top:5px;left:5px;padding:12px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}.site-header,.pitch-header{position:sticky;top:0;z-index:20;height:80px;background:#efede8;border-bottom:1px solid #12232133;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4vw}.site-header img{width:240px;height:auto}.site-header a,.pitch-header a{text-decoration:none;font-size:13px}.site-header nav,.pitch-header nav{display:flex;gap:30px}.consult{border-bottom:1px solid;padding:12px 0}.menu-toggle{display:none}.menu{padding:30px;border:0;background:#c9cec2;color:#122321;width:min(94vw,520px);max-height:90dvh}.menu-close{display:block;margin-left:auto}.menu nav{display:grid;gap:5px;margin:30px 0}.menu nav a{font-size:27px;letter-spacing:-.035em;padding:12px 0;text-decoration:none;border-bottom:1px solid #12232133}.menu::backdrop,.gallery::backdrop{background:#122321b3}.lead{padding:64px 5vw 32px;display:flex;justify-content:space-between;gap:40px;align-items:end}.lead p{max-width:285px;font-size:16px;margin:0 0 6px}.hero{margin:0 5vw;position:relative}.hero>img{height:min(43vw,650px);object-position:center 60%}.hero figcaption{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.04em;padding:18px 0;border-bottom:1px solid #12232140}.hero figcaption a{text-decoration:none}.intro{padding:100px 5vw 110px;max-width:1000px}.intro>p{font-size:clamp(25px,2.8vw,40px);line-height:1.38;letter-spacing:-.03em;margin:0 0 32px}.text-link{font-size:13px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid;padding:6px 0}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:50px}.section-head>p{max-width:320px;margin:0}.room{padding:80px 5vw 35px;background:#c9cec2}.folio{display:grid;grid-template-columns:1.16fr .84fr;gap:55px 6vw}.folio .room-whole{grid-row:span 2}.folio figure>img{aspect-ratio:1.12;object-position:center 55%}.room-reveal{height:100%;min-height:650px;max-height:940px;overflow:hidden}.room-reveal img{height:100%;object-position:center}.room-whole{display:flex;flex-direction:column}.room-whole figcaption{flex-shrink:0}.folio figcaption{font-size:13px;line-height:1.5;padding-top:16px}.folio figcaption span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.js [data-reveal]{clip-path:inset(0 27% 0 27%);transition:clip-path 1.65s cubic-bezier(.2,.7,.15,1)}.js [data-reveal].seen{clip-path:inset(0)}.room-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.room-bottom p{font-size:11px}.selected{padding:110px 5vw}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 5vw}.project:nth-child(2){margin-top:170px}.project:nth-child(3){grid-column:1/-1;width:70%;margin:0 auto}.gallery-link{text-decoration:none;display:block}.project-image{position:relative;overflow:hidden}.project-image img{aspect-ratio:1.1;transition:transform .5s}.project:nth-child(2) img{aspect-ratio:.95}.project:nth-child(3) img{aspect-ratio:1.65}.gallery-link:hover img{transform:scale(1.025)}.round-arrow{position:absolute;bottom:20px;right:20px;border-radius:50%;background:#efede8;width:46px;height:46px;display:grid;place-items:center;font-size:24px}.project-meta{display:flex;justify-content:space-between;font-size:11px;margin:18px 0}.project h3{font-size:31px}.project p{font-size:14px;margin:12px 0 0;max-width:360px}.studio{background:#122321;color:#efede8;padding:90px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.studio img{aspect-ratio:.76;max-height:650px;object-position:center 30%}.studio figcaption{font-size:11px;padding-top:14px}.studio h2{font-size:clamp(36px,3.9vw,58px)}.studio p{max-width:400px;font-size:15px;margin-top:26px}.studio .text-link{margin-top:8px}.services{padding:110px 5vw}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.service-grid img{aspect-ratio:1.2;object-position:center}.service-grid figcaption{font-size:11px;padding-top:15px}.service-list details{border-top:1px solid #12232155;padding:14px 0}.service-list summary{list-style:none;display:flex;gap:16px;align-items:center;min-height:48px;cursor:pointer;font-size:19px;letter-spacing:-.02em}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:11px;letter-spacing:0}.service-list summary b{font-size:24px;font-weight:400;margin-left:auto}.service-list details[open] summary b{transform:rotate(45deg)}.service-list details p{font-size:15px;padding-left:30px;max-width:440px;margin-top:10px}.service-list>.small{margin-top:20px}.contact{background:#c9cec2;padding:85px 9vw}.contact h2{font-size:clamp(43px,5.5vw,82px);max-width:900px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:32px 0}.contact-row p{max-width:430px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:18px 24px;text-decoration:none;font-size:13px;border:1px solid #122321;background:#122321;color:#efede8;white-space:nowrap;transition:background .2s}.button:hover{background:#2c4642}.email{font-size:19px}.contact>.small{margin-top:20px}footer{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:45px 5vw;font-size:11px;line-height:1.9}footer img{width:200px;height:auto;margin-top:7px}footer a{text-decoration:none}.motion-toggle{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:0;white-space:nowrap}.gallery{position:fixed;inset:0;border:0;background:#efede8;color:#122321;width:min(1200px,95vw);height:94dvh;max-height:94dvh;padding:24px 32px;overflow:auto}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-top h2{font-size:27px}.gallery-close{padding:0 10px}.gallery-stage{height:calc(94dvh - 200px);margin:12px 0;background:#e3e0d9}.gallery-stage img{height:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:24px}.gallery-controls button{border:1px solid #12232160;width:48px;font-size:24px}.gallery-controls p{font-size:13px;min-width:180px;text-align:center;margin:8px}.gallery-note{font-size:10px;text-align:center;max-width:700px;margin:8px auto}.no-scroll{overflow:hidden}.pitch-header{height:70px}.pitch-header>a:first-child{font-size:11px;letter-spacing:.04em}.pitch-header>a:first-child span{margin-left:18px}.pitch-cover{padding:70px 6vw 85px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center}.pitch-cover h1{font-size:clamp(43px,5vw,74px)}.pitch-cover p{max-width:420px;font-size:16px;margin:32px 0 22px}.pitch-cover img{height:610px;object-position:center}.pitch-cover figcaption{font-size:10px;margin-top:13px}.pitch-opportunity{background:#c9cec2;padding:90px 7vw}.pitch-opportunity .section-head{align-items:start;margin:0}.pitch-opportunity .section-head>div{max-width:450px}.pitch-opportunity p:first-child{margin-top:0}.pitch-direction{padding:100px 6vw}.native-preview{border:1px solid #12232160;background:#efede8;padding:28px 34px;overflow:hidden}.preview-nav{display:flex;justify-content:space-between;align-items:center}.preview-nav img{width:210px;height:auto}.preview-nav span{font-size:11px}.preview-lead{display:flex;justify-content:space-between;align-items:end;padding:45px 0 25px}.preview-lead h3{font-size:clamp(30px,4.3vw,65px);line-height:1.04}.preview-lead p{font-size:12px;max-width:180px}.preview-photo{height:430px;object-position:center 60%}.preview-actions{display:flex;gap:28px;align-items:center;margin-top:25px;flex-wrap:wrap}.preview-actions p{font-size:13px;max-width:360px;margin-right:auto}.pitch-thinking{background:#122321;color:#efede8;padding:90px 7vw}.thinking-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.thinking-grid article{border-top:1px solid #efede855;padding:25px 0}.thinking-grid article span{font-size:11px}.thinking-grid h3{font-size:25px;margin:13px 0}.thinking-grid p{font-size:15px;max-width:440px}.pitch-next{padding:95px 7vw 30px}.pitch-next h2{font-size:clamp(46px,6vw,85px)}.pitch-foot{border-top:1px solid #12232140;display:flex;align-items:center;gap:30px;font-size:11px;margin-top:70px;padding-top:25px}.pitch-foot p{max-width:550px;margin-right:auto}.pitch-foot a{white-space:nowrap}.reduced *, .reduced{scroll-behavior:auto!important}.reduced [data-reveal]{clip-path:none!important;transition:none!important}.reduced *, .reduced *::before,.reduced *::after{transition:none!important;animation:none!important}
@media(min-width:1600px){main,footer{max-width:1800px;margin:auto}}
@media(max-width:850px){.site-header nav{gap:15px}.site-header img{width:200px}.pitch-header nav{display:none}.section-head{gap:35px}.folio{gap:35px}.project-meta{gap:15px}.project-meta span:last-child{display:none}.studio{gap:6vw;padding:70px 5vw}.service-grid{gap:35px}.contact-row{align-items:start;flex-direction:column;gap:16px}footer{flex-wrap:wrap}.pitch-cover{gap:35px}.pitch-cover img{height:500px}.thinking-grid{gap:45px}.pitch-foot{flex-wrap:wrap}}
@media(max-width:650px){html{scroll-padding-top:83px}.site-header{height:66px;padding:0 20px;gap:15px}.site-header img{width:155px}.site-header nav{display:none}.site-header .consult{font-size:12px;margin-left:auto;white-space:nowrap}.menu-toggle{display:block;font-size:12px;padding:0;white-space:nowrap}.menu-toggle span{display:none}.lead{padding:40px 20px 25px;display:block}h1{font-size:47px}.lead p{font-size:14px;max-width:330px;margin:24px 0 0}.hero{margin:0 20px}.hero>img{height:400px;object-position:48% center}.hero figcaption{font-size:9px;padding:16px 0;gap:12px}.intro{padding:65px 20px}.intro>p{font-size:27px}.label{font-size:10px;margin-bottom:22px}h2{font-size:39px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;font-size:14px;max-width:350px}.room{padding:55px 20px 25px}.folio{display:block}.folio figure{margin-bottom:30px}.room-reveal{height:470px;min-height:0;max-height:none}.folio figure>img{height:410px;aspect-ratio:auto;object-fit:contain;background:#bdc5b5}.folio figcaption{font-size:13px;padding-top:13px}.folio figcaption span{font-size:10px}.room-bottom{align-items:start;gap:15px;margin-top:0}.room-bottom p{font-size:10px;max-width:155px}.replay{font-size:11px;white-space:nowrap}.selected{padding:65px 20px}.projects{display:block}.project,.project:nth-child(2),.project:nth-child(3){margin:40px 0 0;width:100%}.project-image img,.project:nth-child(2) img,.project:nth-child(3) img{aspect-ratio:1.13}.project:nth-child(2) img{aspect-ratio:1.1;object-position:center}.project-meta{font-size:10px;margin:15px 0}.project h3{font-size:28px}.project p{font-size:13px}.studio{display:flex;flex-direction:column-reverse;gap:35px;padding:60px 20px}.studio h2{font-size:42px}.studio p{font-size:14px}.studio figure{width:100%}.studio img{height:440px;aspect-ratio:auto;object-position:center 25%}.services{padding:65px 20px}.service-grid{display:flex;flex-direction:column;gap:35px}.service-grid figure{width:100%}.service-grid img{height:270px}.service-list{width:100%}.service-list summary{font-size:17px;gap:12px}.service-list details p{font-size:14px;padding-left:25px}.contact{padding:60px 20px}.contact h2{font-size:45px}.contact-row{margin:25px 0}.contact-row p{font-size:15px}.button{white-space:normal;width:100%;text-align:center}.email{font-size:17px}footer{padding:32px 20px;gap:25px;display:grid;grid-template-columns:1fr 1fr}footer img{width:180px;grid-column:span 2}footer>.motion-toggle{justify-self:start}footer>div{font-size:10px}.gallery{padding:14px;width:100vw;height:100dvh;max-height:100dvh}.gallery-top h2{font-size:23px}.gallery-stage{height:calc(100dvh - 190px)}.gallery-controls{gap:10px}.gallery-controls p{min-width:160px;font-size:12px}.gallery-note{font-size:9px}.pitch-header{padding:0 20px;height:66px;gap:15px}.pitch-header>a:first-child{font-size:10px;max-width:150px;line-height:1.6}.pitch-header>a:first-child span{display:block;margin:0}.pitch-header>a:last-child{font-size:11px;white-space:nowrap}.pitch-cover{padding:45px 20px 55px;display:block}.pitch-cover h1{font-size:46px}.pitch-cover p{font-size:14px;margin:24px 0 18px}.pitch-cover figure{margin-top:30px}.pitch-cover img{height:430px}.pitch-opportunity{padding:55px 20px}.pitch-opportunity .section-head>div{margin-top:25px}.pitch-opportunity p{font-size:14px}.pitch-opportunity .small{font-size:11px}.pitch-direction{padding:60px 20px}.native-preview{padding:16px 14px}.preview-nav img{width:160px}.preview-nav span{display:none}.preview-lead{display:block;padding:24px 0 16px}.preview-lead h3{font-size:34px}.preview-lead p{font-size:10px;max-width:none;margin:15px 0 0}.preview-photo{height:280px;object-position:48% center}.preview-actions{display:block}.preview-actions p{font-size:12px;margin:20px 0}.preview-actions .text-link{margin-top:12px}.pitch-thinking{padding:60px 20px}.thinking-grid{display:block}.thinking-grid>div{margin-top:35px}.thinking-grid h3{font-size:25px}.thinking-grid p{font-size:14px}.pitch-next{padding:60px 20px 25px}.pitch-next h2{font-size:48px}.pitch-foot{margin-top:45px;gap:18px}.pitch-foot p{font-size:10px;flex-basis:100%}}
@media(max-width:370px){.site-header{gap:11px;padding:0 16px}.site-header img{width:143px}.site-header .consult{font-size:11px}h1{font-size:43px}.pitch-cover h1{font-size:42px}.room-reveal{height:420px}.folio figure>img{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-reveal]{clip-path:none!important}}
@media print{header,.pitch-header,button,.gallery,.menu{display:none!important}body{background:white}section{break-inside:avoid}[data-reveal]{clip-path:none!important}.pitch-cover img{height:300px}.native-preview{break-inside:avoid}a{color:inherit}.pitch-cover,.pitch-direction,.pitch-thinking,.pitch-next,.pitch-opportunity{padding:25px}}

@media(max-width:650px){.menu-toggle{min-width:44px}.hero figcaption{flex-wrap:wrap;row-gap:0}.hero figcaption a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}}

html:not(.js) .menu-toggle,html:not(.js) [data-replay],html:not(.js) .motion-toggle{display:none}
@media(max-width:650px){.pitch-header{height:112px;flex-wrap:wrap;align-content:center;row-gap:0;padding-top:8px}.pitch-header nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:15px}.pitch-header nav a{display:flex;align-items:center;min-height:44px;font-size:11px}.pitch section[id]{scroll-margin-top:40px}}
/* Final character pass: original identity with a geometric, Futura-inspired voice. */
@font-face{font-family:Jost;src:url('assets/jost.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}body{font-family:Jost,Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(52px,6.4vw,98px);line-height:1.02}.lead{padding-top:50px}.lead p{font-size:17px}.intro>p{font-size:clamp(28px,3.1vw,44px)}.room h2{font-size:clamp(42px,4.7vw,70px)}.selected .section-head{align-items:center}.selected .section-head h2{font-size:clamp(42px,4.5vw,66px)}.projects{grid-template-columns:repeat(3,1fr);gap:3vw}.project:nth-child(2),.project:nth-child(3){margin:0;width:auto;grid-column:auto}.project-image img,.project:nth-child(2) img,.project:nth-child(3) img{aspect-ratio:.84}.project:nth-child(1) img{object-position:61% center}.project:nth-child(2) img{object-position:61% center}.project:nth-child(3) img{object-position:50% center}.project-meta{font-size:12px;border-bottom:1px solid #12232140;padding-bottom:15px}.project-meta span:last-child{display:none}.project h3{font-size:29px;letter-spacing:-.035em}.project p{font-size:15px}.hero figcaption{font-size:12px}.gallery-controls p{font-size:15px}.gallery-note{font-size:11px}.pitch-cover{background:#c9cec2;grid-template-columns:1.2fr .8fr;padding:65px 6vw 75px;align-items:start}.pitch-cover h1{font-size:clamp(64px,7.5vw,112px);line-height:1.04;letter-spacing:-.055em}.pitch-cover .label{margin-bottom:50px}.pitch-cover p{font-size:18px;max-width:460px}.pitch-cover figure{padding-top:75px}.pitch-cover img{height:530px}.pitch-cover figcaption{font-size:12px}.pitch-opportunity{background:#efede8}.pitch-opportunity h2{font-size:clamp(44px,5.2vw,76px)}.pitch-opportunity .section-head>div{font-size:18px}.pitch-direction{background:#122321;color:#efede8}.pitch-direction h2{font-size:clamp(44px,5.3vw,78px)}.pitch-direction .section-head>p{font-size:17px}.native-preview{color:#122321;border:0}.pitch-direction .button{background:#efede8;color:#122321;border-color:#efede8}.preview-nav span,.preview-lead p{font-size:13px}.preview-actions p{font-size:15px}.pitch-thinking{background:#efede8;color:#122321}.thinking-grid{display:block}.thinking-grid>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:50px}.thinking-grid article{border-color:#12232150}.thinking-grid h3{font-size:30px;line-height:1.2}.thinking-grid p{font-size:16px}.thinking-grid article span{font-size:13px}.pitch-next{background:#c9cec2}.pitch-next h2{font-size:clamp(48px,7vw,100px)}
@media(max-width:850px){.projects{gap:22px}.project h3{font-size:25px}.pitch-cover h1{font-size:70px}.thinking-grid h3{font-size:25px}}
@media(max-width:650px){h1{font-size:49px}.lead p{font-size:16px}.hero figcaption{font-size:11px}.intro>p{font-size:29px}.room h2,.selected .section-head h2{font-size:42px}.projects{display:block}.project,.project:nth-child(2),.project:nth-child(3){margin-top:40px}.project-image img,.project:nth-child(2) img,.project:nth-child(3) img{aspect-ratio:1.08}.project h3{font-size:30px}.project p{font-size:15px}.project-meta{font-size:12px}.studio p,.service-list details p{font-size:16px}.site-header .consult,.menu-toggle{font-size:12px}.pitch-cover{padding:40px 20px 55px}.pitch-cover h1{font-size:59px}.pitch-cover .label{margin-bottom:30px}.pitch-cover p{font-size:16px}.pitch-cover figure{padding:0}.pitch-cover img{height:430px}.pitch-cover figcaption{font-size:11px}.pitch-opportunity h2,.pitch-direction h2{font-size:43px}.pitch-opportunity p{font-size:16px}.pitch-direction .section-head>p{font-size:16px}.preview-lead h3{font-size:35px}.preview-lead p{font-size:12px}.preview-actions p{font-size:14px}.thinking-grid>div{display:block;margin-top:35px}.thinking-grid h3{font-size:29px}.thinking-grid p{font-size:16px}.pitch-next h2{font-size:54px}.gallery-controls p{font-size:13px}.gallery-note{font-size:10px}}
@media(max-width:370px){h1{font-size:46px}.pitch-cover h1{font-size:54px}.pitch-next h2{font-size:49px}.site-header .consult{font-size:11px}}
/* Final portfolio framing: allow the rooms to set the proportions. */
@media(min-width:651px){.projects{grid-template-columns:1.05fr .95fr;gap:70px 6vw;align-items:start}.project:nth-child(2){margin-top:190px}.project:nth-child(3){grid-column:1/-1;width:82%;margin:0 auto}.project-image img{aspect-ratio:.96}.project:nth-child(2) img{aspect-ratio:1.3;object-position:center}.project:nth-child(3) img{aspect-ratio:1.5;object-position:center}.project h3{font-size:38px}.project p{max-width:450px;font-size:16px}}

/* v5: a more expressive studio, workbench and closing invitation. */
.studio{position:relative;grid-template-columns:1.05fr .95fr;gap:65px 8vw;padding:85px 7vw 100px;overflow:hidden}
.studio-heading{grid-column:1/-1;border-bottom:1px solid #efede83d;padding-bottom:48px}
.studio-heading p{font-size:clamp(54px,7.6vw,112px);line-height:1.02;letter-spacing:-.05em;max-width:none;margin:25px 0 0}
.studio-heading em{font-style:normal;color:#c9cec2;margin-left:12vw;display:block}
.studio>figure{position:relative;margin-left:5vw}
.studio>figure img{aspect-ratio:.8;max-height:650px;object-fit:contain}
.studio>div:last-child{align-self:end;padding-bottom:35px}
.studio h2{font-size:clamp(34px,3.5vw,52px)}
.js .studio>figure{clip-path:inset(0 100% 0 0);transform:translateY(35px);transition:clip-path 1.35s cubic-bezier(.22,.7,.2,1),transform 1.35s cubic-bezier(.22,.7,.2,1)}
.js .studio>figure.arrived{clip-path:inset(0);transform:none}
.service-grid{grid-template-columns:1.1fr .9fr;gap:7vw;align-items:start}
.service-grid>figure{position:sticky;top:110px;padding:25px;background:#e1dfd5;border-bottom:4px solid #8e9a7d;transition:background .55s,border-color .55s}
.service-grid>figure img{height:auto;aspect-ratio:1.18;object-fit:contain;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.service-grid>figure figcaption{display:flex;flex-direction:column;gap:20px;font-size:12px}
.service-current{font-size:27px;letter-spacing:-.03em}
.service-grid[data-service="1"]>figure{background:#c9cec2;border-color:#486457}
.service-grid[data-service="2"]>figure{background:#e4d6c7;border-color:#a7795b}
.service-list details{padding:23px 0;transition:background .3s}
.service-list details[open]{border-top:2px solid #122321}
.service-list summary{font-size:23px;line-height:1.3}
.service-list details p{padding-left:31px;line-height:1.7}
.js .service-grid>figure:not(.arrived) img{transform:scale(.87)}
.contact{position:relative;padding:0;background:#c9cec2;overflow:hidden}
.contact-opening{position:relative;padding:80px 7vw 65px;background:#122321;color:#efede8;font-size:clamp(70px,10.8vw,165px);line-height:.96;letter-spacing:-.055em}
.contact-opening span,.contact-opening i{display:block;position:relative;z-index:1;font-style:normal}
.contact-opening i{margin-left:19vw;color:#c9cec2}
.contact-content{position:relative;padding:70px 9vw 85px}
.contact-content h2{font-size:clamp(42px,5vw,74px)}
.js .contact-opening::before,.js .contact-opening::after{content:"";position:absolute;inset:0;background:#8e9a7d;z-index:2;transition:transform 1.45s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.js .contact-opening::before{right:50%;transform-origin:left}
.js .contact-opening::after{left:50%;transform-origin:right}
.js .contact-opening.arrived::before{transform:translateX(-101%)}
.js .contact-opening.arrived::after{transform:translateX(101%)}
footer{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;padding-top:15px}
.footer-signature{grid-column:1/-1;font-size:clamp(65px,12.5vw,190px);line-height:1.2;letter-spacing:-.065em;border-bottom:1px solid #12232144;padding:10px 0 25px;display:flex;align-items:center;justify-content:space-between}
.footer-signature span{font-size:.45em;font-weight:400;transition:transform .3s}
.footer-signature:hover span{transform:translateY(-8px)}
@media(max-width:650px){
.studio{display:grid;grid-template-columns:1fr;padding:55px 20px 60px;gap:35px}
.studio-heading{padding-bottom:30px}
.studio-heading p{font-size:52px}
.studio-heading em{margin-left:20px}
.studio>figure{margin:0;grid-row:2}
.studio>figure img{height:auto;max-height:540px;aspect-ratio:.8}
.studio>div:last-child{padding:0}
.studio h2{font-size:39px}
.service-grid>figure{position:relative;top:auto;padding:16px}
.service-grid>figure img{height:auto;aspect-ratio:1.15}
.service-grid>figure figcaption{gap:12px}
.service-current{font-size:25px}
.service-list summary{font-size:21px}
.service-list details{padding:20px 0}
.contact-opening{padding:55px 20px;font-size:69px}
.contact-opening i{margin-left:18px}
.contact-content{padding:50px 20px 60px}
.contact-content h2{font-size:43px}
footer{grid-template-columns:1fr 1fr}
.footer-signature{font-size:15vw;padding-bottom:20px;white-space:nowrap}
footer img{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
.js .studio>figure{clip-path:none;transform:none}
.js .service-grid>figure:not(.arrived) img{transform:none}
.js .contact-opening::before,.js .contact-opening::after{display:none}
}
.reduced .studio>figure{clip-path:none!important;transform:none!important}
.reduced .service-grid>figure img{transform:none!important}
.reduced .contact-opening::before,.reduced .contact-opening::after{display:none!important}
@media print{.studio>figure{clip-path:none!important;transform:none!important}.contact-opening::before,.contact-opening::after{display:none!important}}

@media(min-width:651px){footer{grid-template-columns:1.2fr 1fr auto}}

/* Candidate: native project sheets. Each has the same bottom release line. */
@media(max-width:650px) and (min-height:590px){
html.js:not(.reduced) .project-stack{display:flex;flex-direction:column;gap:16px;isolation:isolate;padding-bottom:16px}
html.js:not(.reduced) .project-stack .project{position:sticky;top:calc(78px + var(--sheet)*44px);height:calc(min(500px,100svh - 94px) - var(--sheet)*44px);margin:0;width:100%;background:#efede8;z-index:calc(1 + var(--sheet));border-top:1px solid #12232170;flex:none}
html.js:not(.reduced) .project-stack .gallery-link{height:100%;display:flex;flex-direction:column}
html.js:not(.reduced) .project-stack h3{order:-1;margin:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:24px;line-height:1.15;padding:5px 0;flex:none}
html.js:not(.reduced) .project-stack h3::after{content:"↗";font-size:20px;margin-right:5px}
html.js:not(.reduced) .project-stack .project-meta{display:none}
html.js:not(.reduced) .project-stack .project-image{flex:1;min-height:0}
html.js:not(.reduced) .project-stack .project-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
html.js:not(.reduced) .project-stack .project p{font-size:14px;line-height:1.45;margin:0;padding:12px 0 14px;max-width:none;flex:none}
html.js:not(.reduced) .project-stack .round-arrow{width:44px;height:44px;bottom:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){
html.js:not(.reduced) .project-stack{display:block;padding:0}
html.js:not(.reduced) .project-stack .project{position:static;height:auto;margin-top:40px}
html.js:not(.reduced) .project-stack .gallery-link{display:block}
html.js:not(.reduced) .project-stack .project-image img{height:auto;aspect-ratio:1.08}
html.js:not(.reduced) .project-stack h3{padding:12px 0 0}
html.js:not(.reduced) .project-stack h3::after{content:none}
html.js:not(.reduced) .project-stack .project-meta{display:flex}
}
@media print{.project-stack .project{position:static!important;height:auto!important}.project-stack .gallery-link{display:block!important}.project-stack .project-image img{height:auto!important}}