/* Final art direction, layered over the original editorial system. */
:root{--ivory:#eeeae2;--paper:#f6f3ec;--ink:#292b24;--olive:#4d5142;--bronze:#97764e;--stone:#b9ac96;--ease:cubic-bezier(.22,.68,0,1);--pad:6.2vw}
.site-header{height:108px;padding:0 4.2vw}.site-header.hero-dark{border-color:#f6f1e32d}.brand{gap:17px}.desktop-nav a,.inquire{font-size:10px;letter-spacing:.09em}.inquire{padding:15px 20px}.desktop-nav{gap:32px}.site-header.hero-dark .brand img{filter:brightness(0) invert(1);opacity:.94}.site-header.is-pinned .brand img{filter:none}
.hero-stage{background:#282a24;min-height:650px}.film-stills,.film-still,.film-shade{position:absolute;inset:0;width:100%;height:100%}.film-still{object-fit:cover;object-position:60% center}.hero-video{z-index:1;object-position:60% center}.film-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(14,22,19,.55),rgba(16,22,18,.14) 52%,transparent 80%),linear-gradient(180deg,rgba(15,20,17,.4),transparent 28%,transparent 68%,rgba(15,20,17,.6))}.hero-copy-intro{color:var(--paper);top:29%;max-width:65%}.hero-copy-intro .eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:28px}.hero-copy h1{font-size:clamp(72px,7.5vw,128px);letter-spacing:-.052em;line-height:.97;text-shadow:0 2px 28px #1113}.hero-description{font-size:20px;line-height:1.45;margin-top:28px;margin-bottom:20px}.hero-copy .text-link{font-size:10px;gap:25px;letter-spacing:.12em}.hero-copy-detail{top:35%;max-width:85%}.hero-copy-detail h2{font-size:clamp(56px,6.5vw,100px)}.hero-copy-detail .text-link{margin-top:35px}.film-location{position:absolute;right:4.2vw;bottom:132px;z-index:8;color:var(--paper);display:flex;flex-direction:column;text-align:right;font-size:10px;line-height:1.7;letter-spacing:.03em}.hero-bottom{padding:0 4.2vw;height:91px;background:none;border-top:1px solid #ffffff30}.journey-chapters{gap:25px}.journey-chapters button{font-size:10px;gap:8px;opacity:.72}.journey-chapters button[aria-current]{opacity:1}.journey-tools{gap:22px}.journey-tools button,.scroll-cue{font-size:9px}.journey-progress{height:2px}.journey-progress>span{background:#f3ecd9}.manifesto{padding-top:68px;padding-bottom:108px}.manifesto-content{padding-top:77px}.section-kicker,.eyebrow{font-size:10px}.manifesto h2{font-size:clamp(46px,5.4vw,88px)}.engineering-photo img{object-position:48% center;filter:brightness(.92)}.collection-image img{transition:opacity .3s}.text-link{font-size:10px}.footer-bottom{font-size:9px}
@media(max-width:1100px){.journey-chapters{gap:15px;margin:0 10px}.journey-chapters button{font-size:9px}.desktop-nav{gap:20px}.film-location{bottom:122px}}
@media(max-width:760px){.site-header{height:88px;padding:0 6vw}.site-header .brand-word{width:137px}.site-header .brand-mark{width:34px;height:34px}.brand{gap:11px}.hero-stage{min-height:680px}.hero-copy-intro{top:27%;max-width:90%;left:6vw}.hero-copy h1{font-size:clamp(60px,12.5vw,92px)}.hero-copy-intro .eyebrow{font-size:8px;margin-bottom:25px}.hero-description{font-size:18px;margin-top:24px}.hero-copy .text-link{font-size:8px}.film-still,.hero-video{object-position:64% center}.film-shade{background:linear-gradient(90deg,#0e161373,#0e16131a),linear-gradient(180deg,#10171366,transparent 40%,#10171388)}.film-location{display:none}.hero-bottom{height:116px;padding:0 6vw;align-items:flex-end;padding-bottom:17px}.journey-chapters{display:flex;position:absolute;top:13px;left:6vw;right:6vw;justify-content:space-between;margin:0;gap:8px}.journey-chapters button{font-size:8px}.journey-chapters button>span{font-size:7px}.journey-tools{gap:16px}.journey-tools button,.scroll-cue{font-size:8px}.cue-line{width:22px}.hero-copy-detail{left:6vw;top:34%;max-width:90%}.hero-copy-detail h2{font-size:clamp(40px,9.5vw,66px)}.hero-copy-detail .eyebrow{font-size:8px}.reduced-motion .hero-bottom{height:76px}.section-kicker{font-size:8px}.manifesto{padding-top:46px;padding-bottom:65px}.manifesto-content{padding-top:46px}.footer-bottom{font-size:7px}}
@media(max-width:380px){.journey-chapters button>span{display:none}.hero-copy h1{font-size:57px}.journey-tools{gap:10px}.hero-description{font-size:17px}}
@media(max-width:760px){.journey-chapters{width:auto;max-width:none}.hero-bottom{flex-wrap:nowrap}.hero-stage{min-height:min(680px,100svh)}.reduced-motion .hero-stage{min-height:min(680px,100svh)}}
/* Finishing pass */
h1,h2,h3,.hero-copy h1,.hero-copy-detail h2{letter-spacing:-.035em;text-wrap:balance}.body-copy,.manifesto-foot>p{max-width:38ch;text-wrap:pretty}.hero-copy-intro .eyebrow{animation:enter-soft 1100ms var(--ease) both}.hero-copy-intro h1{animation:enter-soft 1400ms 80ms var(--ease) both}.hero-copy-intro .hero-description{animation:enter-soft 1300ms 180ms var(--ease) both}.hero-copy-intro>.text-link{animation:enter-soft 1200ms 280ms var(--ease) both}@keyframes enter-soft{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.text-link .round-arrow{transition:transform .6s var(--ease),background .4s,color .4s}.text-link:hover .round-arrow{transform:rotate(45deg);background:var(--ink);color:var(--paper)}.hero-copy .text-link:hover .round-arrow{background:var(--paper);color:var(--ink)}.inquire{position:relative;overflow:hidden;transition:background .45s,color .45s,border-color .45s}.inquire span{transition:transform .4s}.inquire:hover span{transform:translate(3px,-3px)}.hero-dark .inquire:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.collection-tabs button{transition:color .4s,padding .5s var(--ease)}.collection-tabs button:hover{padding-left:9px}.collection-image,.engineering-photo,.craft-photo,.project-photo{overflow:hidden}.project-photo>img{transition:transform 1.3s var(--ease),filter .7s}.project-card:hover .project-photo>img{transform:scale(1.04)}.project-info b{transition:color .3s}.project-card:hover .project-info b{color:var(--olive)}.detail-list button{transition:padding .45s,background .45s}.detail-list button:hover{padding-left:10px;padding-right:10px;background:#ffffff08}.detail-list button>span:last-child{transition:transform .5s}.detail-list button:hover>span:last-child{transform:rotate(90deg)}
.material-item{transition:flex .8s var(--ease)}.material-item img,.material-texture{transition:height .8s var(--ease),filter .7s}.material-item:not(.active){filter:saturate(.7)}.material-item:hover{filter:none}.enquiry-action{transition:background .5s,color .5s,transform .7s var(--ease)}.enquiry-action:hover{transform:translateY(-6px)}.enquiry-action>span:last-child{transition:transform .5s}.enquiry-action:hover>span:last-child{transform:translate(4px,-4px)}.dialog-close{transition:transform .4s}.dialog-close:hover{transform:rotate(90deg)}dialog::backdrop{background:rgba(20,24,18,.62);backdrop-filter:blur(6px)}dialog[open]::backdrop{animation:backdrop-in .4s ease}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
/* Content stays available even if motion observers are interrupted. */
.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}.journey-chapters button{min-height:40px}.journey-tools button,.scroll-cue{min-height:44px}.journey-chapters button:after{transition:opacity .35s,transform .5s}.journey-chapters button:hover{opacity:1}.back-top{transition:transform .4s}.back-top:hover{transform:translateY(-4px)}
@media(max-width:760px){.hero-copy h1{letter-spacing:-.035em}.journey-chapters{top:8px}.journey-chapters button{padding:11px 0}.hero-copy-intro{top:27%}.footer-bottom{line-height:1.7}.collection-tabs button:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){.hero-copy-intro>*{animation:none!important}.project-card:hover .project-photo>img,.enquiry-action:hover{transform:none}}
.manifesto{padding-top:104px}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-reduced .hero-copy-intro>*{opacity:1}.site-header.is-pinned{background:var(--ivory);backdrop-filter:none}
@media(max-width:760px){.manifesto{padding-top:96px}}
.hero-bottom{background:linear-gradient(0deg,rgba(13,19,16,.72),rgba(13,19,16,.12));text-shadow:0 1px 8px #0008}.journey-chapters button{opacity:.84}.journey-chapters button[aria-current]{opacity:1}.hero-copy-detail{text-shadow:0 1px 18px #0005}.film-location{color:#fff9ee}.hero-copy .round-arrow{width:34px;height:34px}.journey-tools button:focus-visible,.journey-chapters button:focus-visible{outline-offset:2px}.material-item:focus-visible,.project-card:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.is-playing .scroll-cue>span:nth-child(2),.reduced-motion .scroll-cue>span:nth-child(2){font-size:inherit}.is-playing .scroll-cue>span:nth-child(2):after,.reduced-motion .scroll-cue>span:nth-child(2):after{content:none}.film-unavailable .motion-toggle{display:none}

/* Brand-book finish: tactile colours, clear detail, quiet 700ms reveals. */
.hero-stage{background:var(--ink)}.film-shade{z-index:3}.hero-copy{z-index:5}.hero-bottom{z-index:6}.film-location{z-index:5}
.manifesto{background:var(--paper)}.enquiry-section{background:var(--olive);color:var(--paper)}.enquiry-section .eyebrow,.enquiry-meta{color:var(--paper)}.enquiry-action{border-color:currentColor}.enquiry-action:hover{background:var(--paper);color:var(--olive)}
.manifesto-mark p{color:var(--olive)}.section-kicker{color:var(--olive)}.materials-section{background:var(--ivory)}
.hero-copy-intro .eyebrow{animation-duration:700ms}.hero-copy-intro h1{animation-duration:800ms;animation-delay:100ms}.hero-copy-intro .hero-description{animation-duration:700ms;animation-delay:200ms}.hero-copy-intro>.text-link{animation-duration:700ms;animation-delay:300ms}
@media(max-width:760px){.hero-copy-detail{top:30%}}

/* Keep the architectural junction clear of the closing statement. */
.hero-copy-detail{max-width:43%;top:30%}.hero-copy-detail h2{font-size:clamp(42px,4.6vw,76px);line-height:1.06}.hero-copy-detail .eyebrow{margin-bottom:22px}.hero-copy-detail .text-link{margin-top:28px}.film-still,.hero-video{object-position:55% center}
@media(max-width:760px){.hero-copy-detail{max-width:86%;top:22%}.hero-copy-detail h2{font-size:clamp(38px,8.4vw,60px)}.film-still,.hero-video{object-position:57% center}}

.journey-chapters{grid-template-columns:repeat(3,1fr)}

/* A single, centered invitation keeps the film unobstructed. */
.hero-bottom,.reduced-motion .hero-bottom{display:flex;justify-content:center;align-items:center;height:88px;padding:0 6vw;border-top:0;background:none}
.hero-bottom .journey-chapters,.hero-bottom .journey-tools,.hero-bottom .scroll-cue>span:first-child,.hero-bottom .scroll-cue>span:last-child{display:none}
.hero-bottom .scroll-cue{margin:0;justify-content:center;text-align:center;gap:0}
@media(max-width:760px){.hero-bottom,.reduced-motion .hero-bottom{height:76px;padding:0 6vw}}

/* The film plays once; the page has no pinned or scrubbed scroll interval. */
.cinematic-hero.autoplay-hero{height:100svh;min-height:590px}
.autoplay-hero .hero-stage{position:relative;height:100%;min-height:0}
.autoplay-hero .hero-copy,.autoplay-hero .hero-bottom{opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,.68,0,1)}
.autoplay-hero.film-finished .hero-copy,.autoplay-hero.film-finished .hero-bottom{opacity:1;transform:none;pointer-events:auto}
.autoplay-hero .hero-copy{max-width:90%}
.autoplay-hero .hero-copy .text-link{margin-top:36px}
.autoplay-hero .film-shade{opacity:.2;transition:opacity 1.1s ease}
.autoplay-hero.film-finished .film-shade{opacity:1}
@media(prefers-reduced-motion:reduce){.autoplay-hero .hero-copy,.autoplay-hero .hero-bottom,.autoplay-hero .film-shade{transition:none}}

/* Reveal the copy 100ms after playback starts; both finish together. */
.autoplay-hero .hero-copy,.autoplay-hero .hero-bottom{transform:translateY(8px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,.68,0,1)}
.autoplay-hero.film-finished .hero-copy,.autoplay-hero.film-finished .hero-bottom{transform:none}
.autoplay-hero .film-shade{transition:opacity .45s ease}
@media(prefers-reduced-motion:reduce){.autoplay-hero .hero-copy,.autoplay-hero .hero-bottom,.autoplay-hero .film-shade{transition:none}}

/* A passage through type between the film and the paper section. */
.type-portal{position:fixed;inset:0;z-index:18;pointer-events:none;visibility:hidden;overflow:hidden;color:var(--paper,#f6f3ec)}
.type-portal svg{overflow:visible}
.type-portal text{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;fill:currentColor;will-change:transform}
.autoplay-hero.film-finished .hero-copy,.autoplay-hero.film-finished .hero-bottom{opacity:var(--portal-copy,1)}
@media(prefers-reduced-motion:reduce){.type-portal{display:none}}

/* Refined collection hierarchy and a quiet, continuous paper handoff. */
.type-portal{display:none!important}
.manifesto{position:relative;z-index:2;background:var(--paper);border-radius:24px 24px 0 0;margin-top:-24px}
.collection-section{gap:clamp(32px,6vw,100px);align-items:center;padding-top:80px;padding-bottom:90px}
.collection-copy{padding:0;max-width:580px}
.collection-copy h2{font-size:clamp(48px,5.2vw,80px);line-height:1.02;letter-spacing:-.04em;margin:26px 0}
.collection-copy>.body-copy{font-size:clamp(18px,1.5vw,22px);line-height:1.5;max-width:38ch;min-height:4.5em;margin-bottom:30px}
.collection-image{border-radius:2px;overflow:hidden;aspect-ratio:4/5}
.collection-image>img{height:100%;width:100%;object-fit:cover}
.collection-tabs{margin-top:0}
.collection-tabs button{position:relative;display:grid;grid-template-columns:24px 1fr 24px;gap:15px;padding:23px 0;font-size:clamp(21px,2vw,30px);align-items:center;transition:color .25s,background .25s}
.collection-tabs button>span:first-child{font-size:10px;letter-spacing:.06em}
.collection-tabs button>span:last-child{font-size:24px;transition:transform .3s}
.collection-tabs button.active{color:var(--ink);background:linear-gradient(90deg,rgba(151,118,78,.08),transparent)}
.collection-tabs button.active>span:last-child{transform:rotate(45deg)}
.collection-tabs button:hover{padding-left:0;color:var(--ink)}
.collection-panel{padding-top:24px;line-height:1.5}
.projects-heading h2{font-size:clamp(52px,6vw,88px);line-height:1.02;letter-spacing:-.04em}
.projects-heading{margin-bottom:44px}
.project-photo{aspect-ratio:4/3;overflow:hidden}
.project-photo img{transition:transform .8s cubic-bezier(.22,.68,0,1);filter:none}
.project-card:hover .project-photo img{transform:scale(1.025)}
.project-info{align-items:start;padding-top:4px}.project-info b{font-size:clamp(26px,2.5vw,38px)}
.project-info small{display:block;margin-top:12px;letter-spacing:.09em;font-size:9px}
.project-controls button{width:44px;height:44px;transition:background .25s,color .25s}
.project-controls button:hover{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.collection-section{padding:50px 6vw 60px;gap:32px}.collection-copy{max-width:none}.collection-copy h2{font-size:52px;margin:22px 0}.collection-copy>.body-copy{font-size:19px;min-height:0;margin-bottom:28px}.collection-image{aspect-ratio:5/4}.collection-tabs button{font-size:23px;padding:22px 0;gap:12px}.projects-heading{display:block;margin-bottom:30px}.projects-heading h2{font-size:58px}.projects-heading>div:last-child{margin-top:28px;display:flex;justify-content:space-between}.project-card{flex-basis:88%}.project-photo{aspect-ratio:4/3}.project-info b{font-size:29px}.manifesto{border-radius:18px 18px 0 0;margin-top:-18px}}
@media(prefers-reduced-motion:reduce){.project-photo img,.collection-tabs button,.collection-tabs button>span:last-child{transition:none}}
.collection-image .image-index{background:rgba(25,29,23,.66);padding:10px 13px;left:18px;top:18px;bottom:auto;color:#f6f3ec;letter-spacing:.1em}

/* Editorial rhythm, readable fine type, and intentional interaction states. */
section[id]{scroll-margin-top:90px}
.body-copy{max-width:42ch;text-wrap:pretty}
h1,h2{text-wrap:balance}
.collection-copy .eyebrow,.projects-heading .eyebrow,.craft-copy .eyebrow,.engineering-copy .eyebrow{line-height:1.6}
.collection-panel>span{display:block;color:#65695e;font-size:18px;min-height:27px}
.collection-panel .text-link{margin-top:20px}
.text-link{min-height:44px;transition:color .25s}
.text-link .round-arrow{transition:transform .35s,background .35s}
.text-link:hover .round-arrow{transform:translate(2px,-2px)}
.project-controls button:disabled{opacity:.28;cursor:default;background:transparent;color:inherit}
.project-controls button:focus-visible,.collection-tabs button:focus-visible,.image-expand:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.project-track{overscroll-behavior-x:contain;scroll-padding-right:var(--pad);scrollbar-width:thin;scrollbar-color:#b9ac96 transparent;padding-bottom:18px}
.project-open{background:rgba(25,29,23,.72);padding:12px 16px;color:#f6f3ec;backdrop-filter:blur(8px)}
.project-card:focus-visible .project-open{opacity:1;transform:none}
.image-expand{min-width:44px;min-height:44px}
.material-item{min-height:44px}
@media(max-width:760px){
 .eyebrow,.section-kicker{font-size:10px;letter-spacing:.14em;line-height:1.6}
 .text-link,.hero-copy .text-link{font-size:11px;letter-spacing:.1em}
 .hero-bottom .scroll-cue{font-size:11px;letter-spacing:.16em}
 .project-info small{font-size:10px;line-height:1.5;letter-spacing:.055em}
 .project-controls>span{font-size:10px}
 .projects-heading>div:last-child{margin-top:22px}
 .project-controls{margin-left:auto}
 .collection-copy>.body-copy{line-height:1.55}
 .collection-panel>span{font-size:18px}
 .craft-copy,.engineering-copy{padding-bottom:64px}
 .footer-bottom,.footer-bottom button{font-size:10px;line-height:1.6}
 .site-footer nav a,.site-footer nav button{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
 .detail-list button{min-height:60px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.text-link,.text-link .round-arrow{transition:none}}

/* Desktop composition: bounded columns and shared architectural margins. */
@media(min-width:1000px){
 :root{--pad:clamp(48px,6.25vw,120px)}
 .site-header{padding-inline:var(--pad);height:96px}
 .site-header.is-pinned{height:80px;background:rgba(246,243,236,.97);backdrop-filter:blur(16px)}
 .desktop-nav{gap:30px}.desktop-nav a,.inquire{font-size:14px;letter-spacing:.025em}
 .brand-word{width:178px}.brand-mark{width:43px;height:46px}
 .hero-copy-intro{left:var(--pad);top:29%;max-width:75%}
 .hero-copy h1{font-size:clamp(80px,7.1vw,124px);line-height:1.03;letter-spacing:-.035em}
 .hero-copy-intro .eyebrow{font-size:12px;margin-bottom:28px}
 .hero-copy .text-link{font-size:12px;letter-spacing:.1em;gap:22px}
 .hero-bottom .scroll-cue{font-size:12px}
 .manifesto{border-radius:0;margin-top:0;padding-top:64px;padding-bottom:100px}
 .manifesto-content{padding-top:64px;gap:70px}
 .manifesto h2{font-size:clamp(60px,5.6vw,90px);line-height:1.06}
 .collection-section{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(48px,5.5vw,92px);padding:88px var(--pad);align-items:center}
 .collection-image{width:100%;height:clamp(540px,44vw,720px);min-height:0;aspect-ratio:auto;margin:0}
 .collection-copy{width:100%;min-width:0;max-width:none;padding:0}
 .collection-copy h2{font-size:clamp(56px,4.6vw,76px);margin:24px 0}
 .collection-copy>.body-copy{font-size:21px;line-height:1.5;min-height:0;max-width:35ch;margin-bottom:32px}
 .collection-tabs button{font-size:clamp(23px,2vw,30px);padding:23px 0;gap:14px}
 .collection-panel>span{font-size:18px}.collection-panel .text-link{font-size:11px}
 .engineering-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:740px}
 .engineering-copy{padding:90px var(--pad) 80px 64px;align-self:center}
 .engineering-copy h2{font-size:clamp(52px,4.4vw,72px);line-height:1.06}
 .engineering-copy .body-copy{font-size:21px;line-height:1.55}
 .detail-list button{font-size:13px;min-height:64px}
 .projects-section{padding:100px var(--pad)}
 .projects-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
 .projects-heading>div:last-child{justify-self:end;max-width:360px}
 .projects-heading .body-copy{font-size:21px;line-height:1.5;margin-bottom:25px}
 .projects-heading h2{font-size:clamp(64px,5.8vw,92px)}
 .project-controls{justify-content:flex-end}.project-controls>span{font-size:11px}
 .project-track{gap:32px;margin-right:0;padding-right:0}
 .project-card{flex:0 0 calc(66.666% - 11px)}
 .project-photo{aspect-ratio:1.5}
 .project-info b{font-size:34px}.project-info small{font-size:11px;letter-spacing:.07em}
 .project-info>span:last-child{font-size:12px}
 .materials-heading h2,.craft-copy h2{font-size:clamp(56px,4.8vw,78px);line-height:1.07}
 .craft-copy{padding:90px var(--pad) 90px 64px}
 .craft-copy .body-copy{font-size:22px;line-height:1.55}
 .eyebrow,.section-kicker{font-size:11px;letter-spacing:.15em}
 .footer-top nav>*{font-size:13px}.footer-bottom,.footer-bottom button{font-size:11px}
}
/* The document already reserves header space for anchor navigation. */
section[id]{scroll-margin-top:0}
@media(min-width:1000px){html{scroll-padding-top:80px}}

/* Product material, without unrelated architectural palette samples. */
.frame-material{margin:0 0 60px;max-width:100%}
.frame-material img{display:block;width:100%;height:clamp(280px,38vw,560px);object-fit:cover;object-position:center}
.frame-material figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #292b2426;font-size:16px}
.frame-material figcaption span{color:#696c62;font-size:12px}
@media(max-width:760px){.frame-material{margin-bottom:32px}.frame-material img{height:300px}.frame-material figcaption{font-size:14px}}
.brand-horizontal{width:220px;height:auto}
.hero-dark .brand-horizontal{filter:invert(1)}
.brand-signoff{padding:100px var(--pad);display:flex;justify-content:center;background:var(--paper);border-top:1px solid var(--line)}
.brand-signoff img{width:min(640px,80%);height:auto}
@media(max-width:760px){.brand-horizontal{width:180px}.brand-signoff{padding:70px 6vw}.brand-signoff img{width:100%;max-width:440px}}

/* One compact signature, followed by a quiet utility footer. */
.brand-signoff{padding:64px var(--pad) 48px;border-top:0}
.brand-signoff img{width:320px;max-width:70%}
.site-footer{padding-top:0;background:var(--paper)}
.footer-top{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line)}
.footer-top nav{display:flex;gap:32px;margin:0;order:0;width:auto}
.footer-top .back-top{width:38px;height:38px;font-size:20px}
.footer-bottom{padding-top:20px;margin-top:0}
@media(max-width:760px){.brand-signoff{padding:48px 6vw 36px}.brand-signoff img{width:240px;max-width:75%}.footer-top{flex-wrap:nowrap;gap:14px;padding:18px 0}.footer-top nav{gap:18px;flex-wrap:wrap;width:auto;order:0;margin:0}.footer-top nav a,.footer-top nav button{font-size:12px;min-height:36px}.footer-top .back-top{flex-shrink:0}.footer-bottom{padding-top:16px}}

.brand-signoff img{width:200px;max-width:60%}@media(max-width:760px){.brand-signoff img{width:160px}}

/* Brand-book geometry: decorative border / Olive, quatrefoil / Limestone. */
.footer-motif-runner{height:72px;background:#4D4F3B url('assets/footer-runner.svg') repeat-x center;background-size:80px 72px}
.footer-pattern-field{height:120px;background:#F0E9DB url('assets/footer-quatrefoil.svg') repeat center;background-size:90px 90px;border-top:1px solid #72563526}
@media(max-width:760px){.footer-motif-runner{height:54px;background-size:60px 54px}.footer-pattern-field{height:90px;background-size:72px 72px}}

/* Vector arrows never use the platform emoji font. */
.arrow-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.round-arrow .arrow-icon,.back-top .arrow-icon,.project-controls .arrow-icon,.image-expand .arrow-icon{width:20px;height:20px}
.collection-tabs .arrow-icon{width:24px;height:24px}