:root{--bg:#eeece7;--ink:#242925;--muted:#73796f;--line:#cdd2c5;--accent:#bf8f6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--accent);color:#fff}.wrap{width:calc(100% - 104px);max-width:1600px;margin:auto}.site-header{position:fixed;inset:0 0 auto;height:88px;z-index:10;background:#111713b5;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff25;color:#f0f0e8}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:15px;font-weight:800;letter-spacing:-.7px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:5px}.mark{width:29px;height:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewY(-20deg)}.mark i{background:#e5e8dc}.mark i:nth-child(2){height:70%;align-self:end}.mark i:nth-child(3){height:45%;align-self:end}#nav{display:flex;gap:15px;font-size:11px}#nav a{color:#bec6b8}#nav a:hover,#nav a[aria-current]{color:white}.nav-project{font-size:10px;border:1px solid #ffffff50;border-radius:30px;padding:11px 15px;white-space:nowrap}.nav-project span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin:0 8px;background:var(--accent);color:#111;border-radius:50%}#menu{display:none;border:0;background:transparent;color:inherit;font-size:23px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:400;display:flex;align-items:center;gap:12px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);flex:none}.film-media{position:absolute;inset:0;overflow:hidden;background:#111913}.film-media>img,.film-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.35) contrast(1.12)}.film-media>video{opacity:0;transition:opacity .7s}.film-media>video.ready{opacity:1}.page-hero{position:relative;isolation:isolate;min-height:720px;height:90svh;max-height:1080px;background:#111713;color:#f1f0e8;overflow:hidden}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#08110def,#08110d60 70%),linear-gradient(0deg,#08110d9c,transparent 70%)}.page-hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:150px 0 45px}.hero-topline{display:flex;justify-content:space-between;gap:25px}.film-stamp{font:8px monospace;letter-spacing:2px;color:#bcc6b3}.page-hero h1{font-size:clamp(65px,8.4vw,135px);line-height:.95;font-weight:400;letter-spacing:-.06em;margin:55px 0 35px;max-width:1200px}.page-hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#d5d7c9}.page-hero-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:30px}.page-hero-bottom p{font-size:13px;color:#c3cbbd;line-height:1.8;max-width:400px;margin:0}.page-hero-bottom>a{font:9px monospace;letter-spacing:1px}.page-hero-bottom button{background:transparent;border:1px solid #ffffff50;border-radius:25px;color:inherit;padding:12px 17px;font:9px monospace}.hero-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform-origin:left;animation:line-grow 1.5s ease-out}.compact-hero{min-height:620px;height:78svh}.editorial-intro{padding:95px 0;display:grid;grid-template-columns:1fr 2fr;gap:65px}.editorial-intro>.eyebrow{align-self:start;padding-top:15px}h2{font-size:clamp(40px,4.7vw,75px);font-weight:400;line-height:1.02;letter-spacing:-.05em;margin:0 0 30px}h2 em{font-family:Georgia,serif;font-weight:400;color:#7b8174}.editorial-intro p{font-size:15px;line-height:1.9;color:var(--muted);max-width:680px;margin:18px 0}.story-chapter{position:relative;isolation:isolate;min-height:520px;color:#f0f0e6;overflow:hidden;background:#101913}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08110deb,#08110d85 65%,#08110d35),linear-gradient(0deg,#08110da0,transparent)}.story-copy{position:relative;padding:80px 0 65px;z-index:1}.story-copy>.eyebrow{color:#d0a580}.story-copy h2{font-size:clamp(48px,6.2vw,95px);margin:35px 0 25px;max-width:1000px}.story-copy p{font-size:14px;line-height:1.9;color:#c0cab7;max-width:520px;margin:0}.film-link{display:inline-block;border-bottom:1px solid #ffffff60;font-size:11px;padding-bottom:12px;margin-top:30px}.story-number{position:absolute;right:6%;top:55px;font:72px Georgia,serif;color:#ffffff65}.film-tag{position:absolute;right:0;bottom:60px;font:9px monospace;letter-spacing:2px;color:#c0cab7}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:85px 0}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid span{font:9px monospace;color:#9d7e63;letter-spacing:1px}.process-grid h3{font-size:29px;font-weight:400;letter-spacing:-1px;margin:30px 0 20px}.process-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:360px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:85px;padding:95px 0}.faq-section h2{margin-top:25px}.faq-section details{border-top:1px solid var(--line);padding:22px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px}.faq-section details p{font-size:13px;color:var(--muted);line-height:1.8;max-width:540px}.closing-cta{padding:100px 0}.closing-cta h2{margin:35px 0}.closing-cta>div{display:flex;gap:35px;align-items:center;flex-wrap:wrap}.button{background:#242e25;color:#eef1e5;border:0;padding:18px 22px;font-size:11px;display:inline-flex;gap:45px;justify-content:space-between;align-items:center}.button:hover{background:#394936}.text-link{background:none;border:0;padding:8px 0;font-size:11px;color:inherit;text-decoration:underline;text-underline-offset:5px}.site-footer{border-top:1px solid var(--line);padding:32px 0}.site-footer>.wrap{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.site-footer .brand{color:var(--ink)}.chapter-nav{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:35px 0;font:10px monospace}.chapter-nav a{padding:8px 0;border-bottom:1px solid var(--line)}.process-note{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:60px 0}.process-note p{font-size:15px;line-height:1.9;max-width:650px;margin:0;color:var(--muted)}.application-pair{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0}.application-pair h3{font-size:40px;line-height:1.1;font-weight:400;letter-spacing:-1.5px;margin:30px 0 20px}.application-pair p{font-size:14px;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:30px}.application-product{position:relative;background:white;min-height:380px;display:grid;place-items:center;padding:35px 35px 60px}.application-product img{width:100%;height:310px;object-fit:contain}.application-product span{position:absolute;bottom:20px;left:25px;font:8px monospace;color:var(--muted);letter-spacing:1px}.case-section{padding-bottom:85px}.case-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.case-filters button{background:none;border:1px solid var(--line);border-radius:25px;padding:11px 17px;font-size:11px;color:var(--ink)}.case-filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-art{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:center;position:relative;width:100%;min-height:270px;background:white;border:0;padding:40px 15px 55px}.case-art img{width:100%;height:165px;object-fit:contain;transition:transform .6s}.case-art:hover img{transform:translateY(-7px)}.case-art span{position:absolute;left:22px;bottom:20px;font:8px monospace;letter-spacing:1px;color:var(--muted)}.case-copy{padding:25px 3px}.case-copy .eyebrow{font-size:7px;letter-spacing:1px}.case-copy h3{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:17px 0}.case-copy p{font-size:12px;line-height:1.8;color:var(--muted);min-height:70px}.journal{padding:85px 0}.journal-heading{margin-bottom:60px}.journal-heading h2{margin-top:25px}.journal-row{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--line);padding:40px 0}.journal-art{position:relative;height:340px;border:0;background:#111913;color:white}.journal-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08110d88,transparent)}.journal-art>span{position:absolute;bottom:25px;left:25px;font:11px monospace;letter-spacing:1px;z-index:1}.journal-copy h3{font-size:38px;font-weight:400;line-height:1.08;letter-spacing:-1.5px;margin:28px 0 20px}.journal-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:500px}.journal-copy .text-link{margin-top:15px}.contact-layout{padding:85px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.contact-info h2{margin-top:35px}.contact-phone{font-size:clamp(23px,2.8vw,44px);letter-spacing:-1.5px;display:flex;gap:15px;align-items:center;margin:35px 0}.contact-phone span{font-size:25px;color:#9e8066}.contact-info>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:440px}.contact-checklist{border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.contact-checklist>span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.contact-checklist ul{padding-left:17px;font-size:13px;line-height:2;color:var(--muted);margin:20px 0}.project-form{padding:35px;background:#e1e4d9;border:1px solid #c6ceba;align-self:start}.project-form>.eyebrow{margin-bottom:30px}.project-form label{display:block;font-size:10px;color:#64705b;margin-top:22px}.project-form input,.project-form select,.project-form textarea{display:block;width:100%;padding:14px;margin-top:10px;border:1px solid #b8c1aa;color:var(--ink);background:#eeece766;font-size:12px;min-width:0;border-radius:0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-two label{margin-top:0}.project-form textarea{resize:vertical;line-height:1.7}.project-form .button{width:100%;margin-top:25px}.form-note{font-size:9px;color:var(--muted);line-height:1.8}.equipment-selection{margin-top:25px;padding:20px 0;border-top:1px solid #bdc7af;border-bottom:1px solid #bdc7af}.equipment-selection>div{display:flex;gap:20px;justify-content:space-between;font:8px monospace;letter-spacing:1px}.equipment-selection pre{font:11px/1.8 Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0}.equipment-selection p{font-size:11px;color:var(--muted);line-height:1.7}.copy-status,#caseStatus{background:#d0dbc5;border-left:2px solid #8e9d7e;padding:15px;font-size:12px;line-height:1.7}dialog{border:1px solid #b7bfad;color:var(--ink);background:var(--bg);width:min(940px,calc(100% - 40px));padding:0;max-height:90svh;overflow:auto}dialog::backdrop{background:#061008cf;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:#eeece7e0;width:38px;height:38px;font-size:27px;border-radius:50%}.dialog-story{padding:65px 55px 45px}.dialog-story h2{font-size:45px;margin:30px 0}.dialog-story p{font-size:14px;line-height:1.9;color:var(--muted)}.dialog-story h3{font-size:25px;font-weight:400;margin:35px 0 15px;letter-spacing:-.6px}.dialog-story .button{margin-top:25px}.case-items{margin:25px 0}.case-item{display:flex;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.case-item img{width:85px;height:85px;object-fit:contain;background:white}.case-item p{font-size:12px;line-height:1.5;margin:0;flex:1}.case-item a{font-size:10px;white-space:nowrap}.page-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#222e23;color:#f0f1e6;padding:15px 22px;font-size:11px;line-height:1.7;z-index:20}.film-enter[data-reveal]{animation:content-enter .85s cubic-bezier(.2,.8,.2,1) both}.story-chapter.film-enter .story-copy{animation:content-enter 1s ease-out both}.story-chapter.film-enter .film-media{animation:film-zoom 1.7s ease-out both}@keyframes content-enter{from{opacity:.15;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes film-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1200px){#nav{display:none;position:absolute;top:87px;left:0;right:0;padding:25px;background:#111913;flex-direction:column;font-size:15px;border-bottom:1px solid #ffffff30}#nav.open{display:flex}#menu{display:block}.nav-project{margin-left:auto}.contact-layout{gap:50px}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.editorial-intro{gap:35px;grid-template-columns:1fr 2fr}.faq-section{gap:45px}.process-grid{gap:25px}.application-pair,.journal-row{gap:35px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-info>p{max-width:600px}.story-copy h2{max-width:80%}.film-tag{right:0;bottom:35px}.story-number{font-size:55px;top:40px}.page-hero h1{font-size:88px}.film-stamp{font-size:7px}.project-form{max-width:760px;width:100%}.journal-copy h3{font-size:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:72px}#nav{top:71px}.brand{font-size:12px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.mark{width:22px;height:25px;gap:2px}.nav-row{gap:12px}.nav-project{padding:9px 11px;font-size:9px}.nav-project span{margin:0 4px}.page-hero{height:auto;min-height:690px}.page-hero-inner{padding:125px 0 32px;min-height:690px}.page-hero h1{font-size:clamp(51px,10.8vw,67px);letter-spacing:-.06em;margin:70px 0 45px;overflow-wrap:normal}.hero-topline>.eyebrow{font-size:7px;letter-spacing:1.5px}.film-stamp{display:none}.page-hero-bottom{flex-wrap:wrap;gap:25px}.page-hero-bottom p{width:100%;max-width:360px;font-size:12px}.page-hero-bottom>a{font-size:8px}.page-hero-bottom button{font-size:8px}.compact-hero,.compact-hero .page-hero-inner{min-height:600px}.editorial-intro{grid-template-columns:1fr;gap:30px;padding:60px 0}.editorial-intro p{font-size:13px}h2{font-size:43px;letter-spacing:-2px}.story-chapter{min-height:480px}.story-copy{padding:65px 0 55px}.story-copy h2{font-size:52px;max-width:100%;margin-top:50px}.story-copy p{font-size:12px;max-width:350px}.story-number{font-size:40px;right:20px;top:22px}.film-tag{position:static;display:block;margin-top:30px;font-size:8px}.process-grid{grid-template-columns:1fr;gap:30px;padding:60px 0}.process-grid h3{margin-top:23px}.faq-section{grid-template-columns:1fr;gap:30px;padding:60px 0}.closing-cta{padding:65px 0}.closing-cta h2{font-size:45px}.button{font-size:11px;gap:25px;padding:17px 20px}.site-footer>.wrap{flex-wrap:wrap;font-size:9px;gap:25px}.site-footer .brand{width:100%;font-size:15px}.chapter-nav{gap:20px;padding:28px 0;font-size:9px}.process-note{grid-template-columns:1fr;gap:23px;padding:40px 0}.process-note p{font-size:13px}.application-pair{grid-template-columns:1fr;gap:30px;padding:55px 0}.application-pair h3{font-size:33px}.application-pair p{font-size:12px}.application-product{min-height:310px}.application-product img{height:250px}.case-grid{grid-template-columns:1fr}.case-art{min-height:280px}.case-copy p{min-height:0}.case-section{padding-bottom:55px}.case-copy{padding-bottom:35px}.journal{padding:60px 0}.journal-heading{margin-bottom:35px}.journal-row{grid-template-columns:1fr;gap:28px;padding:30px 0}.journal-art{height:270px}.journal-copy h3{font-size:33px;margin:23px 0 18px}.journal-copy p{font-size:12px}.contact-layout{padding:60px 0}.contact-phone{font-size:27px;letter-spacing:-1px;gap:10px}.project-form{padding:25px 20px}.form-two{grid-template-columns:1fr;gap:20px}.dialog-story{padding:55px 23px 30px}.dialog-story h2{font-size:33px}.dialog-story p{font-size:13px}.case-item{gap:12px;flex-wrap:wrap}.case-item img{width:65px;height:65px}.case-item p{font-size:11px;min-width:160px}.case-item a{margin-left:77px}.eyebrow{font-size:8px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-media>video{display:none}.film-media>video,.case-art img{transition:none}.film-enter,.film-enter *, .hero-line{animation:none!important}.case-art:hover img{transform:none}[data-motion-toggle]{display:none}}
