:root{--blush:#E5C1BA;--shadow:#A17B73;--ink:#311622;--button:#250C18;--petrol:#141B17;--burgundy:#271416;--teal:#3C6967;--pearl:#DBB9A5}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;background:var(--blush);color:var(--ink);font:18px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark,.footer-logo{font-family:Georgia,'Times New Roman',serif;font-weight:400}.skip{position:fixed;top:8px;background:var(--ink);color:var(--blush);padding:14px;z-index:20}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 3%}.wordmark{font-size:clamp(32px,3.6vw,58px);letter-spacing:-2px;line-height:1.15}nav{display:flex;gap:36px;font-size:16px}nav a{padding:8px 0;transition:color .2s}nav a:hover{color:var(--teal)}
.hero{position:relative;height:50.6vw;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:-1.2%;z-index:-1}.scene picture{display:block;width:100%;height:100%}.scene img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-copy{position:relative;padding:10.4vw 3% 0;width:57%}.hero h1{font-size:7.1vw;line-height:.98;letter-spacing:-.055em}.hero-copy p{font-size:2.15vw;line-height:1.32;margin:2.3vw 0 2vw;letter-spacing:-.025em}.button{display:inline-block;background:var(--button);color:var(--blush);padding:16px 27px;border-radius:3px 18px 3px 18px;font-size:16px;line-height:1.4;transition:background .2s}.button:hover{background:#442135}.hero-copy .button{font-size:clamp(14px,1.15vw,18px);padding:14px 25px}
.work{padding:0 2.3% 70px;background:linear-gradient(180deg,#FAC1B9 0,var(--blush) 240px)}.collection-heading{font-size:25px;padding:25px 0 20px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{display:block;position:relative;aspect-ratio:1.65;overflow:hidden;text-align:left;color:var(--pearl)}.petrol{background:var(--petrol)}.burgundy{background:var(--burgundy)}.project img{width:100%;height:100%;object-fit:cover;transition:none}.project:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,10,.3),transparent 60%);z-index:1;pointer-events:none}.project-copy{position:absolute;top:8%;left:6%;z-index:2}.project h3{font-family:Arial,sans-serif;font-size:clamp(24px,2.5vw,38px);line-height:1.15;letter-spacing:-.035em}.view-work{display:block;font-size:14px;margin-top:22px}.project .view-work{opacity:1;transform:none}.project:hover .view-work,.project:focus-visible .view-work{opacity:1;transform:none}
.project-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:70px 3% 0}.project-note{display:block;align-self:start;padding:20px 0 25px}.project-note:nth-child(2){margin-top:35px}.eyebrow{display:block;font-size:14px;line-height:1.4}.project-note h3{font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.035em;margin:18px 0;transition:color .25s}.project-note:hover h3,.project-note:focus-visible h3{color:var(--teal)}.note-summary{display:block;font-size:17px;line-height:1.5;max-width:320px}.project-note .view-work{text-decoration:underline;text-underline-offset:6px}
.studio{padding:60px 5% 105px;overflow:hidden}.studio-intro{max-width:1200px;margin:auto}.studio-intro h2{font-size:clamp(44px,5.7vw,85px);line-height:1;letter-spacing:-.05em}.studio-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1200px;margin:65px auto 0}.studio-story>p{font-size:40px;line-height:1.15;letter-spacing:-.025em;font-family:Georgia,serif}.studio-story>div>p{font-size:19px;line-height:1.6;margin-bottom:22px}.studio-contact{display:inline-block;font-size:19px;text-decoration:underline;text-underline-offset:8px;margin-top:8px}
footer{padding:70px 5% 25px;background:var(--button);color:var(--blush)}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.footer-logo{display:flex;align-items:center;gap:6px;font-size:64px;letter-spacing:-3px;line-height:1.2}.footer-logo img{width:100px;height:70px;object-fit:contain}footer h2{font-size:clamp(48px,5vw,80px);line-height:1.05;letter-spacing:-.045em}.email{display:inline-block;font-size:clamp(16px,1.9vw,26px);padding:25px 0;text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}.footer-bottom{margin-top:65px;display:flex;gap:24px;font-size:14px}.footer-bottom span{margin-right:auto}
body:has(dialog[open]){overflow:hidden}dialog{border:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:var(--blush);color:var(--ink);padding:0;overflow:auto}dialog[open]{display:grid;grid-template-columns:57% 43%;align-items:start}dialog::backdrop{background:var(--button)}.dialog-art{position:sticky;top:0;height:100dvh;background:var(--burgundy);overflow:hidden}.dialog-art img{width:100%;height:100%;object-fit:cover;object-position:center}.art-caption{position:absolute;left:20px;bottom:16px;color:var(--pearl);font-size:12px;background:var(--button);padding:4px 8px}.dialog-inner{padding:75px 45px 60px}.dialog-inner h2{font-size:clamp(40px,4vw,68px);line-height:1.05;letter-spacing:-.035em;margin:20px 0}.lead{font-size:24px;line-height:1.4;letter-spacing:-.025em}.case-section{margin-top:30px}.case-section h3{font-family:Arial,sans-serif;font-size:15px;font-weight:400;margin-bottom:10px}.case-section p{font-size:17px;line-height:1.65}.dialog-inner .button{margin-top:35px;font-size:15px}.close{position:fixed;z-index:5;top:20px;right:24px;width:auto;border:0;background:var(--blush);color:var(--ink);padding:12px 18px;cursor:pointer;font-size:16px}.text-exhibit[open]{display:block}.text-exhibit .dialog-art{display:none}.text-exhibit .dialog-inner{max-width:1100px;margin:auto;padding:95px 8% 70px}.text-exhibit .dialog-inner h2{font-size:clamp(48px,7vw,100px);max-width:850px}.text-exhibit #dialog-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.text-exhibit .lead{max-width:700px}
.subpage header{position:relative}.case-page{padding:30px 5% 90px}.back-link{font-size:15px;text-decoration:underline;text-underline-offset:6px}.case-heading{max-width:1050px;margin:70px auto 50px}.case-heading h1{font-size:clamp(46px,7vw,100px);line-height:1.05;letter-spacing:-.055em;margin:22px 0}.case-heading .lead{max-width:720px}.case-art{position:relative;max-width:1300px;margin:auto;overflow:hidden}.case-art img{width:100%;height:auto;display:block}.case-body{max-width:900px;margin:60px auto 0}.case-body .case-section h3{font-size:18px}.case-body .case-section p{font-size:19px}.case-body .button{margin-top:40px}.legal-page{padding:50px 5% 90px;max-width:900px;margin:auto}.legal-page h1{font-size:64px;line-height:1.1;letter-spacing:-.04em;margin-bottom:20px}.legal-page h2{font-size:30px;margin:35px 0 14px}.legal-page p{margin:16px 0;line-height:1.65}.legal-page .meta{font-size:14px}.legal-page a{text-decoration:underline}
@media(max-width:1000px){header{padding:22px 4%}nav{gap:24px;font-size:14px}.project-grid{gap:15px}.project{aspect-ratio:1.65}.project img{object-position:center}.project h3{font-size:20px}.project-notes{gap:4%;padding-top:40px}.studio-story{gap:50px}.footer-logo{font-size:48px}.footer-logo img{width:75px}dialog[open]{grid-template-columns:1fr}.dialog-art{position:relative;height:42dvh;min-height:260px}.dialog-inner{padding:40px 7% 55px}.dialog-inner h2{font-size:48px}.text-exhibit .dialog-inner{padding:80px 7% 55px}}
@media(max-width:600px){header{padding:22px 5%}.wordmark{font-size:36px}nav{gap:18px;font-size:14px}.hero{height:740px}.scene{inset:0}.hero-copy{padding:110px 5% 0;width:100%}.hero h1{font-size:clamp(43px,12.7vw,76px)}.hero-copy p{font-size:19px;margin:20px 0 22px}.hero-copy .button{padding:14px 22px;font-size:15px}.work{padding:0 5% 40px;background:linear-gradient(180deg,#E8A7A1 0,var(--blush) 200px)}.collection-heading{font-size:23px;padding:22px 0}.project-grid{grid-template-columns:1fr;gap:18px}.project{aspect-ratio:1.65}.project h3{font-size:20px}.project .view-work{opacity:1;transform:none;margin-top:12px;font-size:12px}.project-notes{grid-template-columns:1fr;padding:25px 0 0;gap:10px}.project-note{padding:25px 0}.project-note:nth-child(2){margin-top:0}.project-note h3{font-size:38px;margin:12px 0}.project-note .view-work{margin-top:15px}.note-summary{max-width:360px}.studio{padding:40px 5% 65px}.studio-story{grid-template-columns:1fr;gap:28px;margin-top:40px}.studio-story>p{font-size:34px}.studio-story>div>p{font-size:17px}.studio-contact{font-size:18px}.footer-top{grid-template-columns:1fr;gap:35px}footer{padding-top:45px}.footer-logo{font-size:46px}.footer-logo img{width:75px;height:60px}footer h2{font-size:58px}.email{font-size:18px}.footer-bottom{flex-wrap:wrap;gap:18px;margin-top:30px}.footer-bottom span{flex-basis:100%}.dialog-inner h2{font-size:42px}.lead{font-size:22px}.close{top:12px;right:12px}.text-exhibit #dialog-detail{grid-template-columns:1fr;gap:0}.text-exhibit .dialog-inner h2{font-size:50px}.case-heading{margin:45px 0 30px}.case-body{margin-top:35px}.case-body .case-section p{font-size:17px}.legal-page h1{font-size:50px}}
@media(max-width:380px){.wordmark{font-size:30px}nav{gap:12px;font-size:13px}.hero-copy p{font-size:17px}.studio-intro h2{font-size:39px}.hero{height:700px}.hero-copy{padding-top:100px}footer h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.entry{opacity:1;transform:none}.project img{transform:none!important}::view-transition-group(*){animation:none!important}}

/* Contact always opens on the page; email-app support is optional. */
dialog.contact-sheet[open]{display:block;background:var(--button);color:var(--blush)}.contact-layout{display:grid;grid-template-columns:180px 1fr;gap:65px;max-width:1050px;margin:0 auto;padding:16vh 6% 70px}.contact-mark{width:100%;height:auto;margin-top:35px}.contact-sheet h2{font-size:clamp(45px,5.4vw,78px);line-height:1.04;letter-spacing:-.045em;margin:25px 0}.contact-intro{font-size:19px;max-width:570px;margin-bottom:38px}.contact-label{display:block;font-size:14px;color:var(--pearl);margin-bottom:12px}#contact-email{display:block;width:100%;min-width:0;border:0;background:transparent;color:var(--blush);padding:0;font:clamp(19px,2.3vw,31px)/1.4 Arial,sans-serif}#contact-email:focus-visible{outline:2px solid var(--blush);outline-offset:7px}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:25px}.copy-email{border:0;cursor:pointer;background:var(--blush);color:var(--button);padding:14px 22px;border-radius:3px 18px 3px 18px;font-size:15px}.contact-actions a{font-size:15px;text-decoration:underline;text-underline-offset:5px}.contact-close{position:fixed;top:24px;right:24px;padding:12px 18px;border:0;cursor:pointer;background:var(--blush);color:var(--ink);font-size:16px}#copy-status{font-size:15px;min-height:25px;margin-top:22px;color:var(--pearl)}
@media(max-width:650px){.contact-layout{grid-template-columns:1fr;gap:25px;padding:85px 7% 45px}.contact-mark{width:95px;margin-top:0}.contact-sheet h2{font-size:46px}.contact-intro{font-size:17px}.contact-actions{gap:22px}.contact-close{top:15px;right:15px}}

/* Enquiry fields use the studio palette and retain entries after an error. */
#enquiry-form{margin:25px 0 35px}.enquiry-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}#enquiry-form label{display:block;font-size:14px;margin-bottom:19px}#enquiry-form label span{color:var(--pearl);font-size:12px}#enquiry-form input,#enquiry-form textarea{display:block;width:100%;min-width:0;margin-top:9px;background:#311622;color:var(--blush);border:1px solid #89636b;border-radius:2px;padding:12px;font:16px/1.45 Arial,sans-serif}#enquiry-form textarea{resize:vertical}#enquiry-form input:focus-visible,#enquiry-form textarea:focus-visible{outline:2px solid var(--blush);outline-offset:3px}.enquiry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.enquiry-privacy{font-size:12px;line-height:1.5;color:var(--pearl);margin:5px 0 15px}.enquiry-privacy a{text-decoration:underline;text-underline-offset:3px}#enquiry-status{font-size:14px;margin:10px 0;min-height:21px}.send-enquiry{background:var(--blush);color:var(--button);border:0;border-radius:3px 18px 3px 18px;font:16px Arial,sans-serif;padding:15px 25px;cursor:pointer}.send-enquiry:disabled{opacity:.6;cursor:default}#enquiry-success{margin:35px 0 45px}#enquiry-success h3{font-size:40px;line-height:1.1;margin-bottom:15px}.contact-layout{padding-top:95px}.contact-sheet h2{font-size:clamp(43px,4.5vw,64px)}.contact-intro{margin-bottom:25px}
@media(max-width:650px){.enquiry-row{grid-template-columns:1fr;gap:0}.contact-layout{padding-top:80px}.contact-sheet h2{font-size:43px}.contact-mark{width:75px}.contact-layout{gap:15px}}

/* Compact contact layout: introduction beside the form on desktop. */
.contact-layout{grid-template-columns:minmax(230px,.85fr) minmax(0,1.35fr);gap:65px;max-width:1120px;padding:85px 5% 45px}.contact-mark{width:95px;height:72px;margin:0 0 18px}.contact-sheet h2{font-size:43px;margin:20px 0;line-height:1.05}.contact-intro{font-size:16px;line-height:1.55;max-width:330px;margin:0}.contact-introduction .eyebrow{font-size:12px;max-width:260px}.contact-fields #enquiry-form{margin:0 0 25px}.contact-fields #enquiry-form label{margin-bottom:14px;font-size:13px}.contact-fields #enquiry-form input{padding:9px 11px;margin-top:7px}.contact-fields #enquiry-form textarea{padding:10px;margin-top:7px;min-height:105px}.contact-fields .enquiry-privacy{margin:0 0 8px}.contact-fields #enquiry-status{margin:5px 0;min-height:0}.contact-fields .send-enquiry{padding:13px 23px;font-size:15px;margin-top:5px}.contact-fields .contact-label{margin:0 0 6px;font-size:12px}.contact-email{display:inline-block;font-size:18px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
@media(max-width:700px){.contact-layout{grid-template-columns:1fr;gap:25px;padding:75px 7% 35px}.contact-mark{width:65px;height:48px;margin-bottom:12px}.contact-introduction .eyebrow{display:none}.contact-sheet h2{font-size:35px;margin:0 0 13px}.contact-sheet h2 br{display:none}.contact-intro{font-size:15px;max-width:none}.contact-fields .enquiry-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.contact-fields #enquiry-form input{font-size:16px}.contact-email{font-size:17px}.contact-close{padding:9px 13px;font-size:14px}}

/* A third selected build shares the existing image-led catalogue. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project.bots{background:var(--burgundy)}.project h3{font-size:clamp(22px,2vw,34px)}.project-copy{top:7%;left:5%}.project .view-work{margin-top:16px}
@media(min-width:601px) and (max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project.bots{grid-column:1 / -1;aspect-ratio:2.5}.project.bots img{object-position:center 57%}}
@media(max-width:600px){.project-grid{grid-template-columns:minmax(0,1fr)}.project h3{font-size:20px}.project .view-work{margin-top:12px}}