@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap');
:root{--paper:#f3f1e9;--ink:#292d27;--sage:#e8e7dd;--olive:#565e4c}header{position:absolute;inset:0 0 auto;height:100px;z-index:3;background:transparent;border:0;color:#fff;padding:0 5%}.logo{font-size:29px;font-weight:500;letter-spacing:-1.6px}.logo span{display:none}header nav a:hover{color:#e9e5da}header .list-trigger #count{background:#ffffff20;color:white}header a:focus-visible,header button:focus-visible,.cinema-hero a:focus-visible,.cinema-hero button:focus-visible{outline-color:white}.cinema-hero{position:relative;height:100svh;min-height:760px;max-height:1150px;isolation:isolate;background:#33382e;color:white;overflow:hidden}.cinema-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(14,23,15,.62),rgba(14,23,15,.16) 64%,rgba(14,23,15,.1)),linear-gradient(180deg,#1116,transparent 22%,transparent 70%,#1117)}.cinema-copy{padding:clamp(160px,20vh,245px) 6% 130px}.cinema-copy .eyebrow{font-size:10px;font-weight:400;letter-spacing:2px;margin-bottom:28px}.cinema-copy h1{font:400 clamp(70px,7.2vw,116px)/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-3.5px;max-width:750px}.cinema-copy p{font-size:13px;line-height:1.8;margin-top:27px;color:#f2f0e9}.cinema-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #ffffffa0;padding:15px 0;font-size:12px;margin-top:22px}.cinema-link span{font-size:21px}.cinema-bottom{position:absolute;bottom:28px;left:6%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.cinema-bottom>div{display:flex;gap:24px;align-items:center}.cinema-bottom button{background:#1a211650;border:1px solid #ffffff70;color:white;padding:11px 16px;font-size:11px;min-width:110px}.principles{font-size:10px;padding:30px 0}.section{padding:100px 6%}h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-1.2px;font-size:58px}.filters{gap:25px;border-bottom:1px solid var(--line);padding-bottom:0}.filters button{border:0;border-radius:0;padding:13px 0;background:none!important;color:var(--muted)!important}.filters button.active{border-bottom:1px solid var(--ink);color:var(--ink)!important}.product-art,.product:nth-child(n) .product-art{background:#e9e7de}.product-art svg{opacity:.8}.product-title h3{font-weight:400}.approach{background:#e8e7de}.cinema-detail{padding:0;min-height:650px;display:block}.cinema-detail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:85% center}.cinema-detail .art-caption{position:absolute;bottom:25px;left:25px;background:#f3f1e9d9;padding:10px;font-size:8px}.approach-copy{padding:80px 12%}.approach-copy h2{font-size:52px}.closing{background:#30372c}.closing h2{font-size:76px}.footer-bottom{flex-wrap:wrap;gap:20px}.button{border-radius:0}footer .logo{font-size:32px}
@media(max-width:760px){header{height:82px;padding:0 6%}header .logo{font-size:27px}header nav{display:none}.list-trigger{font-size:11px;gap:8px}.cinema-hero{min-height:780px;max-height:none}.cinema-copy{padding:185px 7% 130px}.cinema-copy h1{font-size:67px;letter-spacing:-2px}.cinema-copy .eyebrow{max-width:260px;font-size:8px;line-height:1.8}.cinema-copy p{font-size:12px}.cinema-hero video{object-position:65% center}.cinema-shade{background:linear-gradient(90deg,#0e170fc4,#0e170f44),linear-gradient(#1113,transparent 80%,#1118)}.cinema-bottom{left:7%;right:7%;bottom:22px;align-items:end}.cinema-bottom>div{align-items:end;flex-direction:column;gap:12px;max-width:200px;text-align:right;font-size:8px;line-height:1.5}.cinema-bottom>a{font-size:8px}.principles{gap:12px}.section{padding:65px 6%}h2{font-size:44px}.filters{gap:18px;flex-wrap:wrap}.filters button{padding:10px 0;font-size:11px}.cinema-detail{min-height:420px}.approach-copy{padding:50px 8%}.approach-copy h2{font-size:46px}.closing h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared typography: editorial headings and a single sans-serif for all UI. */
:root{--font-display:'Libre Caslon Display',Georgia,serif;--font-text:'Manrope',Arial,sans-serif;--type-body:14px;--type-ui:12px;--type-label:10px}
body{font-family:var(--font-text);font-weight:400;font-size:var(--type-body);line-height:1.7}
button,input,select,textarea{font-family:var(--font-text);font-weight:400}
h1,h2,h3,.cinema-copy h1{font-family:var(--font-display);font-weight:400}
h2,.approach-copy h2{font-size:58px;line-height:1.1;letter-spacing:-.025em}
.product-title h3,.approach-item h3,.project-row h3{font-family:var(--font-display);font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:400}
.project-row h3{font-size:24px}
.cinema-copy p,.section-heading>p,.product p,.approach-copy>p,.approach-item p,.guide p,.questions p,dialog p,.footer-top p{font-family:var(--font-text);font-size:var(--type-body);font-weight:400;line-height:1.8;letter-spacing:0}
nav,.list-trigger,.button,.cinema-link,.cinema-bottom button,.filters button,.text-button,.project-row button,.project-row input,.footer-top>a:last-child,summary{font-family:var(--font-text);font-size:var(--type-ui);font-weight:500;letter-spacing:0;line-height:1.5}
.eyebrow,.cinema-copy .eyebrow,.art-caption,.cinema-detail .art-caption,.product-number{font-family:var(--font-text);font-size:var(--type-label);font-weight:500;letter-spacing:.14em;line-height:1.6}
.catalogue-note,.principles,.footer-bottom,.footer-bottom button,.cinema-bottom,.cinema-bottom>div,.cinema-bottom>a{font-family:var(--font-text);font-size:11px!important;font-weight:400;line-height:1.6;letter-spacing:0}
.logo,footer .logo,header .logo{font-family:var(--font-text);font-weight:500;line-height:1.2}
@media(max-width:760px){h2,.approach-copy h2{font-size:44px}.product-title h3,.approach-item h3{font-size:23px}.cinema-copy .eyebrow{font-size:9px}.cinema-bottom>div{max-width:205px}.cinema-bottom>div>span{font-size:9px}.principles{font-size:10px!important}.cinema-copy p{max-width:320px}.project-row h3{font-size:24px}}

.coming-soon-label{font-size:10px;letter-spacing:.16em;font-weight:500}.cinema-copy .launch-note{font-size:12px;margin-top:28px;letter-spacing:.02em}.footer-coming-soon{font-size:12px;font-weight:500}.cinema-bottom>span{font-size:9px;letter-spacing:.12em}footer{border-top:7px solid #30372c}@media(max-width:600px){.footer-coming-soon{width:100%}.coming-soon-label{font-size:9px}.cinema-bottom>span{font-size:8px;max-width:100px}}

/* Selected hero direction 04: understated launch. */
.cinema-copy{position:absolute;top:auto;bottom:19%;left:7%;right:7%;padding:0;max-width:700px}
.cinema-copy h1{font-family:var(--font-display);font-size:clamp(38px,3.5vw,56px);line-height:1.06;letter-spacing:-.025em;font-weight:400}
.cinema-copy p{font-size:12px;line-height:1.8;margin:25px 0 0;color:#ffffffdb}
.cinema-shade{background:linear-gradient(0deg,#101d1599,transparent 80%),linear-gradient(90deg,#101d1544,transparent)}
@media(max-width:650px){.cinema-copy{bottom:19%;left:7%;right:7%;padding:0}.cinema-copy h1{font-size:43px}.cinema-copy p{font-size:11px}}

/* Selected logo 09: two weights, matching the supplied SVG. */
.logo,header .logo,footer .logo{font-family:Arial,sans-serif;letter-spacing:-.0461538em;white-space:nowrap}
.logo .logo-kitchen,.logo .logo-form{display:inline}
.logo .logo-kitchen{font-weight:600}
.logo .logo-form{font-weight:300}
.logo .logo-kitchen,.logo .logo-form{font-size:inherit;letter-spacing:inherit;vertical-align:baseline;margin:0}

/* Original Manrope wordmark and dot, with a regular-weight kitchen. */
.logo,header .logo,footer .logo{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.0588em}
.logo .logo-kitchen{font-weight:400}
.logo .logo-form{font-weight:650}
.logo .logo-dot{display:inline-block;font-family:'Manrope',Arial,sans-serif;font-size:.35em;font-weight:400;letter-spacing:0;vertical-align:top;margin:.67em 0 0 .42em}
/* Slightly more breathing room for the selected wordmark. */
.logo,header .logo,footer .logo{letter-spacing:-.035em}