/* Standalone browser defaults; no framework or external stylesheets. */
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
button,input,textarea,summary{font:inherit;color:inherit}
button{border:0;background:transparent}
button:not(:disabled),summary{cursor:pointer}
input,textarea{min-width:0}
[hidden]{display:none!important}

@font-face{font-family:Archivo;src:url('fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Serif';src:url('fonts/dm-serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif';src:url('fonts/dm-serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--background:#f3f3f3;--foreground:#252521;--card:#f3f3f3;--card-foreground:#252521;--popover:#f3f3f3;--popover-foreground:#252521;--primary:#bd3d24;--primary-foreground:#fff;--secondary:#e8e8e6;--secondary-foreground:#252521;--muted:#e8e8e6;--muted-foreground:#61615a;--accent:#e8e8e6;--accent-foreground:#252521;--destructive:#a42118;--border:#b4b4ac;--input:#92928a;--ring:#bd3d24;--radius:0;--paper:#f3f3f3;--ink:#252521;--red:#bd3d24;--rule:#9b9b94;--gutter:clamp(22px,3.7vw,60px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-weight:300;font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:#bd3d24;color:white}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:250;letter-spacing:-.05em;line-height:1.05}em{font-family:'DM Serif',Georgia,serif;font-weight:400;color:var(--red);letter-spacing:-.065em}p{max-width:66ch}section{scroll-margin-top:28px}.site-shell{max-width:1720px;margin:auto;padding:0 var(--gutter)}.site-header{height:86px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:block;width:92px}.wordmark img{width:92px}.site-header nav{display:flex;align-items:center;gap:40px;font-size:16px;font-weight:400}.site-header nav>a:not(.button-link){padding:12px 0;transition:color .16s}.site-header nav>a:hover{color:var(--red)}.button-link{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;padding:13px 25px;font-size:16px;font-weight:400;line-height:1.3;border:1px solid var(--red);transition:background .18s,color .18s}.button-link:hover{background:var(--ink);border-color:var(--ink);color:white!important}.text-link{display:inline-block;min-height:44px;padding:10px 0 6px;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px;text-decoration-thickness:1px;font-size:17px;transition:color .16s}.text-link:hover{color:var(--red)}.skip-link{position:absolute;top:0;left:var(--gutter);transform:translateY(-130%);z-index:10;background:var(--ink);color:white;padding:14px}.skip-link:focus{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:7%;padding:52px 0 38px;align-items:end}.hero h1{font-size:clamp(62px,7.1vw,116px);letter-spacing:-.065em;line-height:1.04;padding-bottom:40px}.hero h1>span{display:block;white-space:nowrap}.hero h1 em{font-size:1.26em;line-height:.7;padding-left:.03em}.hero-aside{padding-bottom:2px}.hero-aside h2{font-size:clamp(25px,2.35vw,36px);letter-spacing:-.05em;margin-bottom:16px}.hero-aside p{font-size:18px;line-height:1.48;max-width:46ch;margin-bottom:18px}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:12px 0;font-size:14px;font-weight:400;line-height:1.5}.project-spread{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-image{overflow:hidden;aspect-ratio:1.74;background:#d6d3cc}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.3,1)}.project-image.packaging img{object-position:center 55%}.project-link:hover .project-image img{transform:scale(1.025)}.project-caption{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.project-caption h2,.project-caption p{font-size:clamp(27px,3vw,46px);letter-spacing:-.06em;line-height:1.15;font-weight:250}.project-caption h2 a:hover{color:var(--red)}.project-caption .text-link{margin-top:5px}.selected-work{padding-bottom:110px}
@media(prefers-color-scheme:dark){:root{--background:#f3f3f3;--foreground:#252521;--card:#f3f3f3;--card-foreground:#252521;--popover:#f3f3f3;--popover-foreground:#252521;--primary:#bd3d24;--primary-foreground:#fff;--secondary:#e8e8e6;--secondary-foreground:#252521;--muted:#e8e8e6;--muted-foreground:#61615a;--accent:#e8e8e6;--accent-foreground:#252521;--border:#b4b4ac;--input:#92928a;--ring:#bd3d24}}
@media(max-width:1100px){.hero{grid-template-columns:1.6fr 1fr;gap:5%;padding-top:45px}.hero h1{font-size:6.6vw;padding-bottom:30px}.hero-aside p{font-size:17px}.site-header nav{gap:28px}.project-caption p{font-size:30px}}
@media(max-width:760px){.site-header{height:79px;gap:14px}.wordmark,.wordmark img{width:74px}.site-header nav{gap:19px;font-size:14px}.site-header .button-link{padding:10px 14px;font-size:14px}.hero{grid-template-columns:1fr;gap:26px;padding:40px 0 35px}.hero h1{font-size:clamp(42px,9.5vw,72px);padding-bottom:0}.hero-aside h2{font-size:29px;margin-bottom:12px}.hero-aside p{font-size:17px;max-width:48ch}.project-spread{gap:10px}.project-image{aspect-ratio:1}.project-image.identity img{object-position:center}.project-caption{grid-template-columns:1fr;gap:10px}.project-caption h2{font-size:36px}.project-caption p{font-size:23px}.selected-work{padding-bottom:70px}}
@media(max-width:400px){.site-header nav{gap:13px}.site-header .button-link{padding:10px;font-size:13px}.wordmark,.wordmark img{width:66px}.hero h1{font-size:9.7vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-link:hover .project-image img{transform:none}}
.editorial-split{display:grid;grid-template-columns:42% 1fr;gap:7%}.section-kicker{font-size:18px;font-weight:300;letter-spacing:-.025em}.brand-gap{padding:12px 0 75px}.brand-gap h2{font-family:'DM Serif',Georgia,serif;font-size:clamp(46px,5.2vw,86px);letter-spacing:-.06em;line-height:1.12;margin-bottom:32px}.brand-gap h2 span{color:var(--red)}.large-body{font-size:clamp(22px,1.9vw,29px);line-height:1.42;letter-spacing:-.035em}.services{border-top:1px solid var(--rule);padding-top:42px;margin-bottom:105px}.services-layout{grid-template-columns:39% 1fr;gap:8%}.services h2{font-size:clamp(32px,3.7vw,59px);margin-top:35px;line-height:1.17}.service-row{display:grid;grid-template-columns:35px 145px 1fr;gap:16px;border-top:1px solid var(--rule);padding:22px 0 23px;align-items:start}.service-row h3{font-size:30px;letter-spacing:-.04em;line-height:1.2}.service-number{color:var(--red);font-size:21px;line-height:1.4}.service-row p{font-size:18px;letter-spacing:-.02em;line-height:1.4}.service-row ul{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none;padding:0;margin:8px 0 0;font-size:14px;line-height:1.7;color:#55554f}.service-row li:not(:last-child)::after{content:' ·';margin-left:8px}.craft-line{max-width:none;border-top:1px solid var(--rule);padding-top:23px;margin-top:24px;color:var(--red);font-size:23px;letter-spacing:-.035em;line-height:1.5}.studio{padding-bottom:110px}.studio-intro{display:grid;grid-template-columns:59% 1fr;gap:4%;padding:42px 0 55px}.studio h2{font-size:clamp(45px,6.3vw,102px);letter-spacing:-.055em;line-height:1.06}.studio h2 span{font-family:'DM Serif',Georgia,serif;color:var(--red);font-size:1.05em;letter-spacing:-.06em;white-space:nowrap}.studio-copy p{font-size:23px;line-height:1.45;letter-spacing:-.03em}.studio-copy p+p{margin-top:24px}.studio-copy strong{font-weight:400}.process{border-top:1px solid var(--rule);padding-top:35px}.process h3{font-size:clamp(36px,3.6vw,58px);margin-bottom:36px}.process ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;margin:0}.process li{padding-right:40px}.process li+li{border-left:1px solid #b4b4ac;padding-left:40px}.process-number{font-size:16px;font-weight:400}.process h4{font-size:clamp(27px,3vw,46px);font-weight:250;letter-spacing:-.05em;line-height:1.15;margin:16px 0 22px}.process p{font-size:22px;letter-spacing:-.03em;line-height:1.5}.contact-layout{display:grid;grid-template-columns:58% 1fr;gap:4%;padding:45px 0 65px}.contact h2{font-size:clamp(43px,6.4vw,105px);line-height:1.09;letter-spacing:-.06em}.contact h2 em{font-size:1.1em}.contact-intro p{font-size:23px;letter-spacing:-.035em;margin-top:34px;max-width:46ch}.contact-email{font-size:23px;letter-spacing:-.035em;margin-top:23px;overflow-wrap:anywhere}.enquiry-form{min-width:0}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:16px;line-height:1.4;font-weight:400;margin-bottom:7px}.form-field label span{font-weight:300}.enquiry-form .enquiry-input{font-size:17px;border:1px solid var(--input);border-radius:0;padding:11px 13px;box-shadow:none;min-height:47px;height:auto;background:transparent;color:var(--ink);width:100%;transition:border-color .18s}.enquiry-form .enquiry-input:focus-visible{outline:2px solid var(--red);outline-offset:2px;box-shadow:none}.enquiry-form .enquiry-input::placeholder{font-size:15px;color:#64645b}.enquiry-form .enquiry-textarea{resize:vertical;min-height:97px}.form-details{margin:24px 0 22px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.form-details [data-slot=accordion-item]{border:0}.form-details .details-trigger{font-family:Archivo,Arial,sans-serif;font-size:15px;font-weight:300;padding:16px 0;border-radius:0}.form-details .details-trigger:hover{text-decoration:none;color:var(--red)}.details-content{padding-top:10px}.enquiry-form .enquiry-submit{border-radius:0;min-height:49px;width:100%;font-size:16px;font-weight:400;padding:13px 20px;background:var(--red);color:white;border:1px solid var(--red);box-shadow:none;cursor:pointer}.enquiry-form .enquiry-submit:hover{background:var(--ink);border-color:var(--ink)}.form-helper,.privacy-note{font-size:14px;color:#61615a;line-height:1.5;margin-top:11px}.enquiry-form .copy-brief{padding:11px 0;min-height:44px;height:auto;font-family:Archivo,Arial,sans-serif;font-size:14px;font-weight:400;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--red);border-radius:0;cursor:pointer}.form-status{font-size:15px;line-height:1.45;color:var(--red)}.form-status:empty{display:none}.privacy-note{font-size:13px}.brief-fallback{min-height:240px!important}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding:22px 0 30px;gap:24px;font-size:14px;font-weight:300}.footer-wordmark{width:55px;flex-shrink:0}.case-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:40px 0 26px;align-items:start}.case-hero h1{font-size:clamp(58px,7.5vw,120px);letter-spacing:-.06em;line-height:1.05;margin-bottom:14px}.case-category{font-size:17px;font-weight:400}.case-scope{font-size:17px;color:#5e5e55;margin-top:2px}.case-headline{font-size:clamp(37px,4.2vw,65px);letter-spacing:-.04em;line-height:1.1;padding-top:7px}.case-headline span{font-family:'DM Serif',Georgia,serif;color:var(--red);font-size:1.12em;letter-spacing:-.04em}.case-idea{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:24px;padding:25px 0}.case-idea h2{font-size:clamp(33px,3.5vw,56px);line-height:1.15;margin-bottom:16px}.case-idea p{font-size:20px;line-height:1.45;letter-spacing:-.025em}.colour-logic{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:8px 0 0 30px;margin:0;gap:16px;border-left:1px solid var(--rule);align-self:stretch}.colour-logic li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:16px}.colour-logic strong{font-size:16px;font-weight:400}.colour-logic li>span:last-child{color:#62625a}.swatch{display:block;width:78px;aspect-ratio:1;border-radius:50%;margin-bottom:10px}.swatch.brown{background:#3a1a22}.swatch.pink{background:#f8b5b8}.swatch.orange{background:#f0522d}.case-gallery{display:grid;gap:18px;margin-top:24px}.case-gallery.two{grid-template-columns:1fr 1fr}.case-figure{margin:0;min-width:0}.case-figure img{width:100%;aspect-ratio:2048/1448;object-fit:contain;background:#e2dfd9}.case-figure figcaption{font-size:14px;line-height:1.4;padding-top:10px;color:#61615a}.case-colour-copy{padding:48px 0 70px;align-items:start}.case-colour-copy h2{font-size:42px}.case-colour-copy p{font-size:23px;line-height:1.4;letter-spacing:-.025em}.case-section-intro{border-top:1px solid var(--rule);padding-top:35px;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:start;margin-top:60px;margin-bottom:28px}.case-section-intro h2{font-size:clamp(36px,4.2vw,68px);line-height:1.12}.case-section-intro p{font-size:21px;line-height:1.45;letter-spacing:-.025em}.case-applications .case-section-intro{margin-top:0}.social-spread{grid-template-columns:1.2fr 1fr}.case-gallery.physical{grid-template-columns:1fr 1fr;max-width:1050px;margin-left:auto;margin-right:auto;gap:35px}.physical .case-figure img{aspect-ratio:4/5;object-fit:cover}.case-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);margin-top:75px;padding:45px 0 25px}.case-contact h2{font-size:clamp(36px,4vw,62px);max-width:22ch;line-height:1.1}.case-contact p{margin-top:14px;font-size:22px}.case-contact .button-link{flex-shrink:0}.back-to-work{margin-bottom:45px}
@media(max-width:1300px){.service-row{grid-template-columns:27px 110px 1fr;gap:12px}.service-row h3{font-size:27px}.service-row p{font-size:17px}.studio-copy p{font-size:20px}.process p{font-size:20px}.contact-intro p,.contact-email{font-size:21px}.studio h2{font-size:6.2vw}.brand-gap h2{font-size:5.1vw}}
@media(max-width:1000px){.editorial-split{grid-template-columns:32% 1fr;gap:7%}.brand-gap h2{font-size:6vw}.services-layout{grid-template-columns:1fr;gap:35px}.services h2{margin-top:20px;font-size:48px}.service-row{grid-template-columns:35px 150px 1fr;gap:18px}.studio-intro{grid-template-columns:1fr;gap:30px}.studio h2{font-size:8.3vw}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px}.studio-copy p+p{margin-top:0}.process li{padding-right:22px}.process li+li{padding-left:22px}.process h4{font-size:32px}.contact-layout{grid-template-columns:1fr 1fr;gap:5%}.contact h2{font-size:5.5vw}.contact-intro p,.contact-email{font-size:19px}.case-headline{font-size:4.1vw}.case-hero h1{font-size:7.5vw}.case-idea p{font-size:18px}.colour-logic{gap:10px;padding-left:18px}.colour-logic strong,.colour-logic li{font-size:14px}.swatch{width:65px}.site-footer{flex-wrap:wrap}.site-footer p:nth-of-type(2){margin-left:auto}.case-section-intro{grid-template-columns:1fr 1fr;gap:5%}.case-section-intro p{font-size:19px}}
@media(max-width:760px){body{font-size:17px}.editorial-split{grid-template-columns:1fr;gap:24px}.section-kicker{font-size:16px}.brand-gap{padding:0 0 55px}.brand-gap h2{font-size:clamp(36px,8.7vw,60px);margin-bottom:22px}.large-body{font-size:21px;line-height:1.45}.services{padding-top:30px;margin-bottom:65px}.services-layout{gap:30px}.services h2{font-size:36px;margin-top:20px}.service-row{grid-template-columns:28px 1fr;gap:12px;padding:20px 0}.service-row h3{font-size:29px}.service-row>div{grid-column:2}.service-row p{font-size:17px}.service-row ul{font-size:14px}.craft-line{font-size:20px;margin-top:10px}.craft-line span{display:block;margin-top:7px}.studio{padding-bottom:65px}.studio-intro{padding:25px 0 33px;gap:26px}.studio h2{font-size:clamp(37px,9vw,65px);line-height:1.15}.studio-copy{grid-template-columns:1fr;gap:22px}.studio-copy p{font-size:19px}.process{padding-top:28px}.process h3{font-size:36px;margin-bottom:25px}.process ol{grid-template-columns:1fr}.process li{padding:20px 0}.process li+li{border-left:0;border-top:1px solid #b4b4ac;padding:22px 0}.process h4{font-size:31px;margin:9px 0 14px}.process p{font-size:19px}.contact-layout{grid-template-columns:1fr;gap:36px;padding:30px 0 42px}.contact h2{font-size:clamp(39px,9.4vw,65px);line-height:1.12}.contact-intro p{font-size:19px;margin-top:22px}.contact-email{font-size:18px;margin-top:10px}.form-field{margin-bottom:18px}.privacy-note{font-size:14px}.site-footer{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding-bottom:28px;font-size:14px}.site-footer p:nth-of-type(2){margin-left:0}.footer-wordmark{width:54px}.case-hero{grid-template-columns:1fr;gap:20px;padding:32px 0 28px}.case-hero h1{font-size:clamp(47px,12vw,75px)}.case-headline{font-size:clamp(34px,8.7vw,54px)}.case-category,.case-scope{font-size:15px}.case-page .project-spread{grid-template-columns:1fr}.case-page .project-image{aspect-ratio:1.5}.case-idea{grid-template-columns:1fr;gap:25px;padding:28px 0}.case-idea h2{font-size:35px}.case-idea p{font-size:18px}.colour-logic{padding:23px 0 0;border-left:0;border-top:1px solid var(--rule);gap:12px}.swatch{width:62px}.colour-logic strong{font-size:14px}.case-gallery.two,.social-spread{grid-template-columns:1fr;gap:25px}.case-colour-copy{padding:35px 0 45px}.case-colour-copy h2{font-size:34px}.case-colour-copy p{font-size:20px}.case-section-intro{grid-template-columns:1fr;gap:20px;padding-top:28px;margin-top:45px;margin-bottom:24px}.case-section-intro h2{font-size:36px}.case-section-intro p{font-size:19px}.case-gallery.physical{grid-template-columns:1fr 1fr;gap:12px}.physical .case-figure figcaption{font-size:13px}.case-contact{align-items:flex-start;flex-direction:column;gap:23px;padding-top:30px;margin-top:50px}.case-contact h2{font-size:36px}.case-contact p{font-size:19px}.case-contact .button-link{margin-bottom:6px}.back-to-work{margin-bottom:35px}}
.not-found{padding:100px 0;min-height:65vh}.not-found h1{font-size:clamp(40px,6vw,84px);max-width:17ch}.not-found p{margin:25px 0;font-size:21px}

.form-details [data-slot="accordion-content"][data-state="closed"]{display:none}
@media(max-width:400px){.site-header .button-link{font-size:14px}}
@media(max-width:360px){.site-header{height:auto;display:block;padding:18px 0}.wordmark,.wordmark img{width:74px}.site-header nav{margin-top:15px;justify-content:space-between;gap:20px}.site-header .button-link{padding:10px 14px;white-space:nowrap}.hero{padding-top:32px}}

/* The revised hierarchy gives the work more space than the studio's claims. */
.hero{grid-template-columns:1.9fr 1fr;gap:5%;padding:44px 0 38px;align-items:center}
.hero h1{font-size:clamp(48px,5.3vw,91px);padding-bottom:0;line-height:1.09;letter-spacing:-.055em}
.hero h1 em{font-size:1.12em;letter-spacing:-.045em;line-height:1}
.hero-aside p{font-size:20px;line-height:1.5;margin-bottom:24px;max-width:40ch}
.project-caption h2{font-size:clamp(28px,2.5vw,38px)}
.project-caption p{font-size:22px;letter-spacing:-.035em;line-height:1.35;max-width:36ch}
.selected-work{padding-bottom:70px}
.services{grid-template-columns:44% 1fr;gap:8%;padding:38px 0 0;margin-bottom:65px}
.services h2{font-size:clamp(32px,3.1vw,48px);line-height:1.14;margin-top:22px;max-width:20ch}
.service-row{grid-template-columns:135px 1fr;gap:22px;padding:20px 0}
.service-row:first-child{border-top:0;padding-top:0}
.service-row h3{font-size:23px;font-weight:350;letter-spacing:-.03em;line-height:1.35}
.service-row p{font-size:18px;line-height:1.5}
.service-note{font-size:16px;color:#61615a;line-height:1.5;border-top:1px solid var(--rule);padding-top:18px}
.studio{border-top:1px solid var(--rule);padding:38px 0 60px;align-items:start}
.studio h2{font-size:clamp(32px,3.1vw,48px);line-height:1.14}
.studio-copy{display:block}
.studio-copy p{font-size:21px;letter-spacing:-.025em;line-height:1.5}
.studio-copy p+p{font-size:17px;color:#61615a;margin-top:20px}
.contact-layout{grid-template-columns:1fr 1fr;gap:12%;padding:38px 0 50px}
.contact h2{font-size:clamp(36px,3.7vw,58px);line-height:1.14}
.contact-intro p{font-size:20px;line-height:1.5;max-width:35ch;margin-top:24px}
.contact-email{font-size:19px;margin-top:14px}
.case-hero h1{font-size:clamp(54px,6vw,90px)}
.case-headline{font-size:clamp(30px,3.1vw,46px);line-height:1.2;letter-spacing:-.035em}
.case-headline span{font:inherit;color:inherit;letter-spacing:inherit}
.case-idea h2{font-size:clamp(30px,3vw,44px)}
.case-section-intro h2,.case-contact h2{font-size:clamp(32px,3vw,44px)}
.case-in-use+.case-applications{margin-top:55px}
.social-spread{grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto}
@media(max-width:1100px){.hero{grid-template-columns:1.65fr 1fr;gap:6%}.hero h1{font-size:5.2vw}.hero-aside p{font-size:18px}.services{grid-template-columns:40% 1fr;gap:7%}.service-row{grid-template-columns:115px 1fr;gap:18px}}
@media(max-width:760px){
 .hero{grid-template-columns:1fr;gap:24px;padding:34px 0 30px}.hero h1{font-size:clamp(34px,8.8vw,64px);line-height:1.14}.hero-aside p{font-size:17px;max-width:45ch;margin-bottom:20px}
 .project-caption h2{font-size:31px}.project-caption p{font-size:20px;max-width:32ch}.selected-work{padding-bottom:45px}
 .services{grid-template-columns:1fr;gap:28px;padding-top:28px;margin-bottom:40px}.services h2{font-size:34px;margin-top:16px}.service-row{grid-template-columns:1fr;gap:8px;padding:17px 0}.service-row>div{grid-column:auto}.service-row h3{font-size:23px}.service-row p{font-size:17px}.service-note{font-size:16px}
 .studio{grid-template-columns:1fr;gap:22px;padding:28px 0 40px}.studio h2{font-size:34px}.studio-copy p{font-size:19px}.studio-copy p+p{font-size:16px;margin-top:18px}
 .contact-layout{grid-template-columns:1fr;gap:28px;padding:28px 0 40px}.contact h2{font-size:38px}.contact-intro p{font-size:18px;margin-top:18px}.contact-email{font-size:17px;margin-top:10px}
 .case-hero h1{font-size:clamp(45px,11.6vw,70px)}.case-headline{font-size:29px}.case-idea h2{font-size:32px}.case-section-intro h2,.case-contact h2{font-size:34px}.case-in-use+.case-applications{margin-top:40px}
}
@media(max-width:360px){.hero{padding-top:28px}.hero h1{font-size:9vw}.contact h2{font-size:34px}}
/* Crop the source photograph's captured carousel indicators out of the frame. */
.physical .case-image-frame{aspect-ratio:4/5;overflow:hidden}
.physical .case-image-frame img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
.physical .case-figure:first-child img{transform:scale(1.075);transform-origin:center top}
@media(prefers-reduced-motion:reduce){.physical .case-figure:first-child img{transform:scale(1.075)}}

/* Approved Paper Playground direction: studio artwork, followed by client work. */
.home-page .site-header{border-bottom:0;height:90px;position:relative;z-index:2}
.wordmark{min-height:44px;display:flex;align-items:center}
.button-link{gap:8px;min-height:48px}
.button-link svg{flex-shrink:0}
.home-page .hero{display:block;position:relative;isolation:isolate;overflow:hidden;margin:0 calc(-1 * var(--gutter));height:clamp(600px,49.4vw,850px);padding:0}
.hero-scene{position:absolute;inset:0;z-index:-1;transform:translate3d(0,var(--scene-shift,0px),0)}
.hero-scene picture,.hero-scene img{display:block;width:100%;height:100%}
.hero-scene img{object-fit:cover;object-position:center center}
.hero-copy{padding:65px var(--gutter) 0;width:39%;min-width:0}
.hero-eyebrow{font-size:13px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;margin-bottom:23px;white-space:nowrap}
.home-page .hero h1{font-size:clamp(56px,5.45vw,90px);font-weight:350;letter-spacing:-.055em;line-height:1.055;padding:0;margin:0 0 24px}
.home-page .hero h1 span{white-space:nowrap;display:block}
.hero-description{font-size:clamp(21px,1.9vw,29px);font-weight:350;letter-spacing:-.035em;line-height:1.2;margin-bottom:32px;max-width:32ch}
.hero-copy .button-link{padding:16px 25px;font-size:19px}
.home-page .selected-work{padding:18px 0 65px}
.home-page .section-label{font-size:17px;padding:12px 0}
.work-feature{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:center}
.work-thumbnail{display:block;overflow:hidden;aspect-ratio:3/2;background:#dedbd4}
.work-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .5s}
.work-thumbnail:hover img{transform:scale(1.025)}
.work-caption h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;font-weight:350}
.work-caption p{font-size:18px;letter-spacing:-.025em;margin-top:5px}
.work-caption .text-link{color:var(--red);text-decoration:none;font-size:17px;margin-top:9px}
.site-header nav>a:not(.button-link){min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1720px){.home-page .hero{height:850px}.hero-copy{padding-top:100px}}
@media(max-width:1200px) and (min-width:901px){.hero-copy{padding-top:55px;width:42%}.home-page .hero h1{font-size:5.35vw}.hero-eyebrow{font-size:11px;letter-spacing:.18em}.hero-description{font-size:22px}.hero-copy .button-link{font-size:17px}.work-feature{grid-template-columns:minmax(0,1fr) 260px;gap:28px}}
@media(max-width:900px){
 .home-page .hero{height:auto;display:flex;flex-direction:column;margin:0 calc(-1 * var(--gutter));overflow:hidden}
 .hero-copy{width:100%;padding:34px var(--gutter) 35px;order:0}
 .home-page .hero h1{font-size:clamp(43px,7.6vw,70px);line-height:1.07;max-width:650px;margin-bottom:21px}
 .hero-eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:20px}
 .hero-description{font-size:21px;line-height:1.35;max-width:34ch;margin-bottom:23px}
 .desktop-break{display:none}
 .hero-copy .button-link{font-size:16px;padding:13px 21px}
 .hero-scene{position:relative;inset:auto;order:1;width:100%;height:clamp(270px,65vw,500px);z-index:0;transform:none!important}
 .hero-scene img{object-fit:cover;object-position:center 55%}
 .work-feature{grid-template-columns:minmax(0,1fr) 240px;gap:24px}
 .work-caption h2{font-size:25px}.work-caption p{font-size:16px}
 .home-page .selected-work{padding-bottom:45px}
}
@media(max-width:540px){
 .home-page .site-header,.site-header{height:76px}
 .site-header nav{gap:22px;font-size:15px}
 .site-header .button-link{display:none}
 .wordmark,.wordmark img{width:80px}
 .hero-copy{padding-top:27px;padding-bottom:30px}
 .home-page .hero h1{font-size:clamp(40px,10.6vw,56px)}
 .hero-eyebrow{font-size:10px;letter-spacing:.15em;white-space:normal}
 .hero-description{font-size:19px;max-width:29ch}
 .hero-scene{height:clamp(265px,78vw,400px)}
 .work-feature{grid-template-columns:1fr;gap:15px}
 .work-caption h2{font-size:27px}.work-caption p{font-size:17px}
 .work-caption .text-link{margin-top:3px}
 .home-page .section-label{font-size:15px}
}
@media(max-width:360px){.home-page .hero h1{font-size:10.6vw}.hero-description{font-size:18px}.hero-copy{padding-top:24px}.hero-eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transform:none!important}.work-thumbnail:hover img{transform:none}}
/* Fidelity pass: match the mockup's wider display type and readable navigation. */
.home-page .hero h1,.hero-description{font-family:Arial,Helvetica,sans-serif;font-weight:400}
.home-page .hero h1{letter-spacing:-.055em}
.hero-description{letter-spacing:-.04em;font-size:clamp(21px,2vw,30px)}
.hero-copy .button-link{font-size:20px;padding:16px 28px}
@media(min-width:901px){.home-page .site-header nav{font-size:20px}.home-page .site-header .button-link{font-size:20px;padding:16px 25px}}
.work-thumbnail img{object-position:center}
@media(max-width:900px){.hero-description{font-size:21px;letter-spacing:-.025em}.hero-copy .button-link{font-size:16px;padding:13px 21px}}
@media(max-width:540px){.hero-description{font-size:19px}}
@media(max-width:360px){.hero-description{font-size:18px}}
/* Clear the former narrow-screen stacked header; keep the navigation in one row. */
@media(max-width:540px){.site-header{display:flex;padding:0}.site-header nav{margin-top:0;justify-content:flex-end}}
@media(min-width:901px){
 .home-page .hero h1{font-size:clamp(56px,5.6vw,94px);letter-spacing:-.025em;line-height:1.025;margin-bottom:20px}
 .hero-description{font-size:clamp(21px,2.1vw,32px);letter-spacing:-.025em;line-height:1.2;margin-bottom:28px}
 .hero-copy .button-link{min-width:235px}
}

/* Native details preserves optional values even when collapsed. */
.form-details .details-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}
.form-details .details-trigger::-webkit-details-marker{display:none}
.details-trigger svg{width:16px;height:16px;flex-shrink:0;transition:transform .18s}
.form-details[open] .details-trigger svg{transform:rotate(180deg)}
.form-details .details-content{padding-bottom:3px}
summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.enquiry-form .copy-brief{display:inline-flex;align-items:center;background:none;border:0}
.enquiry-form .enquiry-submit{display:inline-flex;align-items:center;justify-content:center}