:root{--paper:#f7f6f2;--ink:#262922;--muted:#65675f;--line:#d5d6cd;--accent:#775445;--gutter:clamp(22px,4.8vw,90px);--serif:Italiana,Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block;height:auto}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{background:#775445;color:white}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-100px;z-index:200;padding:12px;background:var(--paper)}.skip-link:focus{top:12px}.section{padding:100px var(--gutter)}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;line-height:1.7}.display{font-family:var(--serif);font-size:clamp(42px,5.8vw,90px);line-height:1.08;letter-spacing:-.035em}.display em{font-style:normal;color:var(--accent)}
.header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:50;background:var(--paper)}.header-overlay{position:absolute;inset:0 0 auto;background:transparent;color:white;border-bottom-color:#ffffff40}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.14em;font-size:18px}.brand-symbol{font:34px var(--serif);display:grid;place-items:center;border:1px solid currentColor;width:39px;height:39px;line-height:1}.desktop-nav{display:flex;gap:38px;align-items:center;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-contact{margin-left:36px}.nav-contact span{margin-left:20px}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;position:relative}.menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:currentColor;top:17px;transition:transform .25s}.menu-toggle span+span{top:26px}.menu-toggle[aria-expanded=true] span{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:40;inset:0;background:var(--ink);color:var(--paper);padding:130px 28px 40px}.mobile-menu nav{display:flex;flex-direction:column;gap:24px;margin-bottom:70px;font:40px/1.1 var(--serif)}.menu-open .header{position:fixed;inset:0 0 auto;background:var(--ink);color:white;border-bottom-color:#ffffff25}
.hero{height:100svh;min-height:700px;max-height:1200px;position:relative;background:#322a22;overflow:hidden;color:white}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;animation:photo-in 1.5s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,17,14,.18) 20%,rgba(16,17,14,.28) 45%,rgba(16,17,14,.66) 100%)}.hero-inner{position:relative;padding:116px var(--gutter) 28px;display:flex;flex-direction:column;height:100%}.hero-wordmark{font-family:var(--serif);font-size:clamp(100px,20.8vw,350px);line-height:1;letter-spacing:-.055em;text-align:center;margin-left:-.035em;animation:title-in 1s .1s both}.hero-main{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;padding:30px 0 56px;gap:36px}.hero .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(30px,3.3vw,55px);line-height:1.18;letter-spacing:-.045em;max-width:650px;animation:title-in 1s .25s both}.hero-description{font-size:15px;line-height:1.85;margin-right:3vw;padding-bottom:4px}.hero .button{margin-top:30px}.hero-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #ffffff55;font-size:12px;letter-spacing:.015em}.hero-bottom span{margin-left:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;min-height:56px;border:1px solid transparent;font-size:14px;line-height:1.5;transition:background .25s,color .25s,transform .25s}.button span{font-size:23px;line-height:1}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:white;transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--accent)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-bottom:1px solid currentColor;padding:10px 0;background:transparent;font-size:14px}.text-link span{font-size:22px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.intro{padding-top:115px;padding-bottom:110px}.intro>.eyebrow{margin-bottom:38px}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw}.intro-copy{padding-top:12px;max-width:425px}.intro-copy>p:first-child{font-size:22px;line-height:1.5;color:var(--ink)}.intro-copy p{color:var(--muted);margin-bottom:24px}.intro-copy .text-link{margin-top:8px}.work-section{border-top:1px solid var(--line);padding-top:74px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}.section-heading .display{font-size:clamp(42px,4.7vw,72px)}.section-heading .text-link{flex-shrink:0;margin-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 34px}.project-card a{display:block}.project-image{position:relative;overflow:hidden;background:#e4e3dd;aspect-ratio:4/5}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-card a:hover .project-image img{transform:scale(1.035)}.image-action{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--ink);width:48px;height:48px;display:grid;place-items:center;font-size:26px;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}.project-card a:hover .image-action,.project-card a:focus-visible .image-action{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:20px;gap:15px}.project-meta h3{font-size:24px;line-height:1.3;letter-spacing:-.035em}.project-meta p{font-size:13px;margin-top:7px;color:var(--muted)}.project-meta p span{margin:0 6px}.project-index{font-size:12px;color:var(--muted);margin-top:4px}.home-grid .project-card:nth-child(even){padding-top:105px}.home-grid .project-card:nth-child(3) .project-image{aspect-ratio:1/1}.home-grid .project-card:nth-child(4) .project-image{aspect-ratio:1/1}.craft-section{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.craft-image{min-height:660px;overflow:hidden}.craft-image img{width:100%;height:100%;object-fit:cover}.craft-copy{padding:85px clamp(28px,5vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.craft-copy .eyebrow{color:#c5c7bb;margin-bottom:35px}.craft-copy .display{font-size:clamp(42px,4.4vw,70px);margin-bottom:26px}.craft-copy>p:not(.eyebrow){max-width:440px;color:#d3d5cb}.craft-list{width:100%;margin:34px 0 15px}.craft-list span{display:block;border-bottom:1px solid #ffffff24;padding:13px 0;font-size:15px}.craft-copy .text-link{margin-top:16px}.before-section{padding-top:115px;padding-bottom:120px}.before-section>.eyebrow{margin-bottom:32px}.before-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw}.before-grid .display{font-size:clamp(42px,4.6vw,72px)}.before-grid p{max-width:440px;color:var(--muted);margin:5px 0 30px}
.footer{background:var(--ink);color:var(--paper);padding:75px var(--gutter) 28px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:75px}.footer .eyebrow{color:#c5c7bb;margin-bottom:15px}.footer-invite{font:clamp(35px,4.7vw,76px)/1.2 var(--serif);letter-spacing:-.025em}.footer-invite span{font-family:var(--sans);font-size:.75em;margin-left:28px}.footer-contact{display:flex;flex-direction:column;font-size:15px;padding-top:8px;gap:8px}.footer-contact span{color:#b5b8aa;margin-top:12px;font-size:13px}.footer-wordmark{font-family:var(--serif);font-size:20.6vw;line-height:.82;letter-spacing:-.052em;margin-left:-.035em;text-align:center;padding-bottom:30px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff35;padding-top:23px;font-size:12px;color:#d0d2c9}.footer-bottom a:hover{color:white}
.page-intro{padding-top:76px;padding-bottom:80px}.page-intro>.eyebrow{margin-bottom:30px}.page-intro-grid{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:8vw}.page-intro-grid h1{font-size:clamp(48px,6.5vw,104px)}.page-intro-grid>p{color:var(--muted);max-width:360px;margin-bottom:6px}.portfolio-section{padding-top:0}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px;padding:10px 0;gap:15px}.filter-buttons{display:flex;gap:28px;flex-wrap:wrap}.filter-buttons button{background:none;border:0;padding:15px 0;color:var(--muted);font-size:14px;position:relative}.filter-buttons button[aria-pressed=true]{color:var(--ink)}.filter-buttons button[aria-pressed=true]:after{content:'';position:absolute;bottom:-11px;left:0;right:0;height:2px;background:var(--ink)}.filter-buttons sup{margin-left:6px;font-size:10px}.filter-count{font-size:12px;color:var(--muted);white-space:nowrap}.portfolio-grid .project-image{aspect-ratio:5/4}.project-heading{padding-top:40px;padding-bottom:50px}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:60px}.project-heading .eyebrow{margin-bottom:22px}.project-heading h1{font-size:clamp(56px,8vw,130px)}.project-subheading{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:18px}.project-subheading>span{font-size:14px;color:var(--muted)}.project-cover{height:78vh;max-height:1000px;min-height:420px;overflow:hidden}.project-cover img{height:100%;width:100%;object-fit:cover;object-position:center 52%}.project-story{display:grid;grid-template-columns:1fr 1.7fr;gap:12vw}.project-story aside{position:sticky;top:30px;align-self:start}.project-story dl{margin:25px 0 35px}.project-story dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.project-story dt{color:var(--muted)}.project-story dd{margin:0;text-align:right}.services{padding:0;list-style:none;font-size:14px;color:var(--muted);margin:20px 0}.services li{padding:4px 0}.story-intro{font-size:clamp(25px,2.5vw,38px);line-height:1.42;letter-spacing:-.025em}.story-block{margin-top:38px}.story-block h3{font-size:22px;margin-bottom:12px}.story-block p{color:var(--muted)}.project-gallery{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:48px 28px;align-items:start}.project-gallery figure{margin:0}.project-gallery figure:only-child{grid-column:1/-1;max-width:850px;width:100%;margin:auto}.gallery-open{border:0;padding:0;position:relative;width:100%;background:transparent;display:block;overflow:hidden}.gallery-open img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}.gallery-open:hover img{transform:scale(1.025)}.gallery-open>span{position:absolute;bottom:18px;right:18px;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;font-size:22px}.project-gallery figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px;color:var(--muted)}.more-projects{border-top:1px solid var(--line);padding-top:70px}.more-projects .project-image{aspect-ratio:5/4}.lightbox{border:0;padding:65px 25px 20px;max-width:95vw;max-height:95svh;background:var(--ink);color:white}.lightbox::backdrop{background:#10130fec}.lightbox img{max-height:75svh;max-width:85vw;object-fit:contain;width:auto;margin:auto}.lightbox p{font-size:13px;margin-top:14px}.lightbox-close{position:absolute;right:22px;top:15px;background:transparent;border:0;color:white;padding:10px}.about-image{height:70vh;max-height:900px;min-height:400px;position:relative;overflow:hidden}.about-image img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.about-image>p{position:absolute;bottom:30px;left:var(--gutter);background:var(--paper);padding:12px 20px;font-size:14px}.trades{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;border-top:1px solid var(--line)}.trades>div>.eyebrow{margin-bottom:25px}.trade-list{border-top:1px solid var(--line)}.trade-list details{border-bottom:1px solid var(--line)}.trade-list summary{display:flex;align-items:center;gap:25px;padding:27px 0;cursor:pointer;list-style:none}.trade-list summary::-webkit-details-marker{display:none}.trade-number{font-size:12px;color:var(--muted)}.trade-list h3{font-size:20px;flex:1}.plus{width:15px;height:15px;position:relative}.plus:before,.plus:after{content:'';height:1px;width:15px;background:currentColor;position:absolute;top:7px;left:0}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:none}.trade-list p{padding:0 35px 28px 40px;color:var(--muted)}.method{padding-top:65px;background:#eaeae3}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.method-number{font-family:var(--serif);font-size:65px;color:var(--accent)}.method-grid h3{font-size:19px;margin:15px 0}.method-grid p{font-size:15px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;padding-top:76px}.contact-aside .eyebrow{margin-bottom:28px}.contact-aside h1{font-size:clamp(50px,5.3vw,86px)}.contact-aside>p:not(.eyebrow){color:var(--muted);margin:30px 0;max-width:370px}.contact-details{display:flex;flex-direction:column;gap:10px;margin-top:35px}.contact-details a{display:flex;align-items:center;justify-content:space-between;max-width:340px;font-size:17px}.contact-details>span{font-size:13px;margin-top:20px;color:var(--muted)}.contact-photo{width:100%;height:370px;object-fit:cover;margin-top:50px}.form-intro{font-size:18px;margin-bottom:35px}.form-intro span{font-size:12px;color:var(--muted)}fieldset{padding:0;margin:0 0 35px;border:0;min-width:0}legend{font-size:22px;margin-bottom:24px;letter-spacing:-.02em}legend>span{font-size:12px;letter-spacing:0;color:var(--muted);margin-right:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}label{display:flex;flex-direction:column;gap:10px;font-size:13px}.form-grid .full{grid-column:1/-1}input,select,textarea{border:0;border-bottom:1px solid #b5b8aa;border-radius:0;padding:10px 0 13px;background:transparent;width:100%;color:var(--ink);font-size:15px;outline:none}input:focus,select:focus,textarea:focus{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}input::placeholder,textarea::placeholder{color:#7d7f76;font-size:14px}textarea{resize:vertical;min-height:110px}select{cursor:pointer}.work-types{margin-top:30px;margin-bottom:27px}.work-types legend{font-size:13px;letter-spacing:0;margin-bottom:16px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkbox-grid label{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;font-size:13px}.checkbox-grid input{width:17px;height:17px;accent-color:var(--ink);margin:0;flex-shrink:0}.message-label{margin-top:25px}.form-note{font-size:12px;color:var(--muted);margin:0 0 20px;max-width:430px}#form-result{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}#form-result h2{font-size:23px}#form-result p{margin:15px 0;font-size:14px}#form-result .button{margin-bottom:12px}#form-result .text-link{margin-left:15px}#form-result pre{white-space:pre-wrap;word-break:break-word;font:14px/1.6 var(--sans);background:#eeeee7;padding:20px}#form-result details{font-size:14px}.error-page{min-height:60vh}.error-page h1{margin:25px 0 35px}
.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.js-ready .reveal.visible{opacity:1;transform:none}@keyframes title-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes photo-in{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(min-width:1700px){.section{padding-left:max(var(--gutter),calc((100vw - 1560px)/2));padding-right:max(var(--gutter),calc((100vw - 1560px)/2))}}
@media(max-width:1000px){.desktop-nav{gap:23px}.nav-contact{margin-left:5px}.hero-description{margin-right:0}.hero h1{font-size:38px}.hero-main{padding-bottom:40px}.intro-grid,.before-grid{gap:5vw;grid-template-columns:1.25fr 1fr}.craft-copy{padding:55px 35px}.craft-image{min-height:570px}.contact-layout{gap:5vw}.project-story{gap:7vw}.method-grid{grid-template-columns:1fr 1fr}.page-intro-grid{gap:5vw;grid-template-columns:1.5fr 1fr}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:700px){.section{padding:65px var(--gutter)}.header{height:78px}.brand{font-size:15px}.brand-symbol{height:33px;width:33px;font-size:29px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{min-height:650px;max-height:950px}.hero-inner{padding-top:100px;padding-bottom:24px}.hero-wordmark{font-size:20.1vw;letter-spacing:-.055em}.hero-main{display:block;padding-bottom:36px}.hero h1{font-size:clamp(30px,7.9vw,44px);line-height:1.22}.hero .eyebrow{font-size:10px;margin-bottom:20px}.hero-description{display:none}.hero-bottom{font-size:10px;gap:30px;align-items:center}.hero-bottom a:first-child{white-space:nowrap}.hero-bottom a:last-child{text-align:right;max-width:165px}.hero-bottom span{margin-left:9px}.hero .button{margin-top:27px}.hero-photo{object-position:45% center}.intro>.eyebrow{margin-bottom:30px}.intro-grid,.before-grid{grid-template-columns:1fr;gap:30px}.intro-copy{max-width:none;padding-top:0}.intro-copy>p:first-child{font-size:20px}.display{font-size:47px}.section-heading{display:block;margin-bottom:32px}.section-heading .text-link{margin-top:20px}.project-grid{gap:38px 18px}.home-grid{grid-template-columns:1fr}.home-grid .project-card:nth-child(even){padding-top:0}.home-grid .project-image,.home-grid .project-card:nth-child(3) .project-image,.home-grid .project-card:nth-child(4) .project-image{aspect-ratio:5/6}.project-meta h3{font-size:22px}.project-meta p{font-size:12px}.image-action{opacity:1;transform:none;width:40px;height:40px;font-size:23px;right:13px;bottom:13px}.craft-section{grid-template-columns:1fr}.craft-image{height:440px;min-height:0}.craft-image img{object-position:center 40%}.craft-copy{padding:55px var(--gutter)}.craft-copy .display{font-size:47px}.craft-copy .eyebrow{margin-bottom:25px}.before-grid p{max-width:none}.footer{padding-top:55px}.footer-top{display:block;padding-bottom:50px}.footer-invite{font-size:43px}.footer-invite span{margin-left:10px}.footer-contact{margin-top:30px;font-size:14px}.footer-wordmark{font-size:20vw;padding-bottom:25px}.footer-bottom{flex-wrap:wrap;gap:15px 22px;font-size:11px}.footer-bottom>span:first-child{margin-right:auto}.footer-bottom>a:last-child{display:none}.page-intro{padding-top:55px;padding-bottom:45px}.page-intro-grid{grid-template-columns:1fr;gap:25px}.page-intro-grid h1{font-size:50px}.page-intro-grid>p{max-width:none;font-size:15px}.portfolio-section{padding-top:0}.filter-bar{display:block;padding:7px 0;margin-bottom:30px}.filter-buttons{gap:18px}.filter-buttons button{font-size:12px;padding:13px 0}.filter-buttons button[aria-pressed=true]:after{bottom:-8px}.filter-count{display:none}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .project-image{aspect-ratio:5/5}.project-heading{padding-top:30px;padding-bottom:35px}.back-link{margin-bottom:35px}.project-heading h1{font-size:54px;overflow-wrap:anywhere}.project-subheading{display:block;font-size:17px}.project-subheading>span{display:block;margin-top:14px;font-size:13px}.project-cover{height:65svh;min-height:360px}.project-story{display:flex;flex-direction:column;gap:40px}.project-story aside{position:static}.project-story dl{margin-top:16px}.project-story .services{display:flex;flex-wrap:wrap;gap:6px 20px}.story-intro{font-size:25px}.story-block{margin-top:28px}.story-block h3{font-size:21px}.project-gallery{padding-top:0;grid-template-columns:1fr;gap:35px}.project-gallery .gallery-open img{aspect-ratio:auto;max-height:80vh;object-fit:cover}.more-projects{padding-top:50px}.more-projects .project-grid{grid-template-columns:1fr}.about-image{height:55vh}.about-image>p{font-size:12px;left:22px;bottom:22px}.trades{grid-template-columns:1fr;gap:35px}.trade-list h3{font-size:18px}.trade-list summary{gap:18px;padding:22px 0}.trade-list p{padding-left:30px;padding-right:10px;font-size:15px}.method-grid{gap:30px 22px}.method-number{font-size:50px}.method-grid h3{font-size:18px;line-height:1.4}.method-grid p{font-size:14px}.contact-layout{display:block;padding-top:50px}.contact-aside h1{font-size:56px}.contact-photo{height:280px;margin-top:30px}.contact-aside{margin-bottom:50px}.contact-layout form{padding-top:30px;border-top:1px solid var(--line)}.form-grid{gap:24px 18px}.form-grid>label:first-child{grid-column:1/-1}.form-intro{font-size:17px}legend{font-size:21px}input,select,textarea{font-size:16px}.checkbox-grid{gap:15px 10px}.checkbox-grid label{font-size:12px}.contact-details a{max-width:none}#form-result .text-link{margin-left:0;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
label,.work-types legend,.checkbox-grid label{font-size:14px}
.hero-wordmark{line-height:.82}
@media(max-width:700px){.filter-buttons button{font-size:14px}.hero .eyebrow{font-size:12px}.hero-bottom{font-size:12px}.filter-buttons{gap:16px}.hero-main{padding-bottom:30px}}

/* The real identity and the documentary film. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.brand-logo{width:168px;height:auto}.footer-logo{width:min(560px,70%);height:auto;margin:0 auto 52px}.menu-open .brand-logo{filter:brightness(0) invert(1)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.hero-video.has-played{opacity:1}.hero-shade{background:linear-gradient(180deg,#11181070 0%,#11181035 40%,#111810bc 100%)}
.hero-film-controls{display:flex;align-items:center;gap:24px}.hero-film-controls button{padding:8px 0;color:inherit;background:none;border:0;font-size:12px}.hero-film-controls .film-open{display:flex;align-items:center;gap:10px}.hero-bottom .hero-film-controls span{margin:0}.hero-motion{min-width:55px;border-left:1px solid #ffffff50!important;padding-left:20px!important}.hero-film-controls button:focus-visible{outline-color:white}.hero-bottom{align-items:center;padding-top:12px}.hero-bottom a{padding:8px 0}.hero-film-controls button:hover{text-decoration:underline;text-underline-offset:6px}
.film-dialog{width:min(1100px,95vw);max-width:95vw;max-height:94svh;padding:22px;background:var(--ink);color:var(--paper);border:1px solid #ffffff30}.film-dialog::backdrop{background:#11160fec;backdrop-filter:blur(6px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.film-dialog h2{font-size:18px}.film-close{color:inherit;background:none;border:0;padding:8px;font-size:14px}.film-close span{font-size:24px;margin-left:15px}.film-dialog video{display:block;width:100%;max-height:70svh;background:#111}.film-dialog>p{font-size:12px;color:#c5c7bb;margin-top:15px;max-width:700px}.film-is-open{overflow:hidden}
/* Three photographs, with native scrolling and a linear fallback. */
.scroll-story{background:#e9e8e0;padding-bottom:110px}.story-heading{display:grid;grid-template-columns:1fr 1.15fr;gap:20px 70px;align-items:start;margin-bottom:70px}.story-heading .eyebrow{grid-column:1/-1}.story-heading>p:last-child{align-self:end;max-width:260px;color:var(--muted);padding-bottom:6px}.story-visual{display:none}.story-steps{display:grid;gap:60px}.story-step{max-width:680px}.story-step figure{margin:0 0 28px}.story-inline-image img{width:100%;max-height:75svh;object-fit:cover}.story-step-number{font-size:12px;letter-spacing:.1em;color:var(--accent)}.story-step h3{font:clamp(36px,4vw,62px)/1.1 var(--serif);letter-spacing:-.035em;margin:20px 0}.story-step>p{max-width:380px;color:var(--muted)}.story-step .story-scope{font-size:12px;margin-top:25px}.story-step .text-link{margin-top:16px}.story-enabled .story-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:start}.story-enabled .story-visual{display:block;position:sticky;top:30px;height:calc(100svh - 60px);max-height:900px;overflow:hidden;background:#ceccc3}.story-frame{position:absolute;inset:0;opacity:0;transition:opacity .55s var(--ease-out)}.story-frame.is-active{opacity:1}.story-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1s var(--ease-out)}.story-frame.is-active img{transform:scale(1)}.story-frame:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#10140d90)}.story-frame-label{position:absolute;left:25px;bottom:25px;z-index:1;color:white;font-size:13px}.story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}.story-progress span{height:100%;display:block;background:var(--paper);transform:scaleX(0);transform-origin:left}.story-enabled .story-inline-image{display:block;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.story-enabled .story-step{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.story-enabled .story-step:last-child{min-height:90svh}.story-enabled .story-steps{gap:0}
/* Two independent views: movable division, never a synthetic morph. */
.transformation{border-top:1px solid var(--line);background:#edeae3}.transformation-intro{max-width:300px;color:var(--muted);margin-bottom:5px}.comparison{--split:50%}.comparison-stage{height:min(700px,78svh);min-height:400px;position:relative;display:flex;overflow:hidden;background:#d5d1c8}.comparison-pane{margin:0;position:relative;height:100%;overflow:hidden;min-width:0}.comparison-before{width:var(--split)}.comparison-after{width:calc(100% - var(--split))}.comparison-pane img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;pointer-events:none}.comparison-pane figcaption{position:absolute;top:22px;left:22px;padding:7px 15px;background:var(--paper);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.comparison-after figcaption{left:auto;right:22px}.comparison-divider{display:none;position:absolute;top:0;bottom:0;left:var(--split);width:44px;margin-left:-22px;cursor:ew-resize;touch-action:pan-y}.comparison.is-interactive .comparison-divider{display:flex;align-items:center;justify-content:center}.comparison-divider:before{content:'';position:absolute;top:0;bottom:0;width:2px;background:var(--paper)}.comparison-divider span{position:relative;display:grid;place-items:center;width:44px;height:64px;flex-shrink:0;border-radius:24px;background:var(--paper);font-size:19px;box-shadow:0 2px 15px #0002}.comparison.is-endpoint .comparison-divider{display:none}.comparison:focus-within .comparison-divider span{outline:2px solid var(--accent);outline-offset:4px}.comparison-tools{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0;border-bottom:1px solid #c9c6bd}.comparison-presets{display:flex;gap:3px}.comparison-presets button{padding:12px 18px;font-size:13px;border:1px solid transparent;background:transparent;color:var(--muted);transition:color .2s,background .2s}.comparison-presets button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.comparison-range-label{display:flex;flex-direction:row;align-items:center;gap:18px;font-size:12px;color:var(--muted)}.comparison-range-label input{width:180px;min-height:44px;accent-color:var(--ink);cursor:ew-resize;padding:0;border:0}.comparison-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:22px}.comparison-caption p{font-size:12px;color:var(--muted)}.comparison-caption .text-link{padding-top:0;flex-shrink:0}.button:active,.comparison-presets button:active,.film-open:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.comparison-presets button:hover{background:#d7d4cb;color:var(--ink)}.comparison-presets button[aria-pressed=true]:hover{background:var(--ink);color:white}}
@media(max-width:900px){.story-heading{gap:25px;grid-template-columns:1fr}.story-heading>p:last-child{max-width:none}.story-steps{grid-template-columns:1fr;gap:60px}.story-step{max-width:none}.story-inline-image img{max-height:600px;aspect-ratio:4/5;object-position:center}.story-step>p{max-width:550px}.comparison-range-label{flex-direction:column;gap:0}.comparison-range-label input{width:160px}}
@media(max-width:700px){.brand-logo{width:142px}.footer-logo{width:85%;margin-bottom:35px}.hero-film-controls{gap:12px}.hero-film-controls .film-duration{display:none}.hero-motion{padding-left:12px!important}.hero-wordmark{margin-top:10px}.hero-bottom{gap:10px}.hero-film-controls button{font-size:12px}.film-dialog{padding:14px}.film-dialog h2{font-size:16px}.film-dialog video{max-height:65svh}.story-heading{margin-bottom:40px}.story-heading .display{font-size:58px}.story-step h3{font-size:43px}.story-step-number{font-size:11px}.transformation-intro{margin-top:22px}.transformation .display{font-size:44px}.comparison-stage{height:500px;min-height:0;max-height:65svh}.comparison-pane img{object-fit:cover}.comparison-pane figcaption{top:12px;left:10px;font-size:10px;padding:6px 9px}.comparison-after figcaption{left:auto;right:10px}.comparison-tools{align-items:center;gap:15px;flex-wrap:wrap;padding:16px 0}.comparison-presets{flex:1;justify-content:center}.comparison-presets button{padding:11px 18px}.comparison-range-label{width:100%;flex-direction:row;justify-content:center;font-size:11px;gap:12px}.comparison-range-label input{width:125px}.comparison-caption{flex-direction:column;gap:16px}.comparison-caption p{font-size:11px}.comparison-divider span{height:54px;width:36px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-video.user-playing{display:block}.story-frame img{transform:none}.comparison-pane{scroll-behavior:auto}}
