:root{--ink:#11110f;--paper:#eeeae2;--light:#f5f1e9;--accent:#b7aa89;--copper:var(--accent);--serif:"DM Sans",Arial,sans-serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#11110f}body{margin:0;background:#11110f;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}img{display:block}a{color:inherit;text-decoration:none}p,h1,h2,figure{margin:0}em{font-style:italic;font-weight:400;color:var(--copper)}
.header{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.28);color:#fff}.logo-link{width:190px;height:52px;display:flex;align-items:center}.logo-link img{width:100%;filter:invert(1);transform:scale(1.5);transform-origin:left center}.header nav{display:flex;gap:40px;font-size:.73rem;letter-spacing:.11em}.header nav a,.header-action{transition:opacity .25s}.header nav a:hover,.header-action:hover{opacity:.55}.header-action{text-transform:uppercase;font-size:.7rem;letter-spacing:.17em;border-bottom:1px solid;padding-bottom:4px}
.hero{position:relative;height:100svh;min-height:650px;background:var(--ink);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.75) contrast(1.04)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.85) 0%,rgba(8,8,7,.5) 44%,rgba(8,8,7,.08) 75%),linear-gradient(0deg,rgba(8,8,7,.55),transparent 48%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,8vw,135px);bottom:clamp(90px,14vh,145px);max-width:900px}.eyebrow,.section-label{text-transform:uppercase;font-size:.66rem;letter-spacing:.22em;font-weight:500}.eyebrow{color:var(--copper);margin-bottom:28px}.hero h1,.vision h2,.human h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.92}.hero h1{font-size:clamp(4rem,8.8vw,9.3rem)}.hero-copy>p:last-child{margin-top:30px;color:rgba(255,255,255,.68);font-size:1rem}.scroll{position:absolute;z-index:2;right:clamp(24px,5vw,78px);bottom:45px;display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.61rem;letter-spacing:.18em}.scroll span{width:46px;height:1px;background:#fff}
.vision{min-height:90vh;padding:clamp(100px,13vw,190px) clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr 3.2fr;gap:7vw;align-items:start}.section-label{opacity:.5}.vision-copy>p{font-size:.9rem;margin-bottom:30px}.vision h2{font-size:clamp(3.3rem,6.5vw,7rem);max-width:1050px}
.sequence{height:200vh;background:var(--ink);color:#fff}.sequence-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.sequence-track{height:100%;width:200%;display:flex;will-change:transform}.frame{position:relative;width:50%;height:100%;overflow:hidden}.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.9);transition:filter .5s}.frame:nth-child(1) img{object-position:54% 50%}.frame:nth-child(2) img{object-position:38% 50%}.frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.48) 0%,rgba(4,5,6,.18) 40%,transparent 67%),linear-gradient(0deg,rgba(4,5,6,.5),transparent 55%)}.frame figcaption{position:absolute;z-index:2;left:clamp(25px,7vw,110px);bottom:clamp(65px,11vh,115px);display:grid;grid-template-columns:50px auto;align-items:end;column-gap:20px}.frame figcaption span{font-size:.65rem;letter-spacing:.18em;opacity:.65}.frame figcaption strong{font-family:var(--serif);font-size:clamp(4.5rem,9vw,10rem);font-weight:400;line-height:.8}.frame figcaption small{grid-column:2;font-size:.85rem;letter-spacing:.04em;margin-top:25px;color:rgba(255,255,255,.78)}.sequence-progress{position:absolute;z-index:4;left:7vw;right:7vw;bottom:32px;height:1px;background:rgba(255,255,255,.3)}.sequence-progress i{display:block;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left}
.human{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.human-image{min-height:100svh;overflow:hidden}.human-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.64)}.human-copy{display:flex;justify-content:center;flex-direction:column;padding:clamp(65px,8vw,130px)}.human-logo{width:min(330px,75%);margin-bottom:90px}.human h2{font-size:clamp(3.5rem,6vw,6.5rem)}.human-copy>p{max-width:490px;margin-top:38px;line-height:1.8;color:rgba(17,17,15,.62)}
.contact{background:var(--ink);color:var(--light);min-height:85vh;padding:clamp(95px,12vw,170px) clamp(24px,7vw,112px) clamp(48px,6vw,82px);display:grid;grid-template-columns:1.55fr .65fr;column-gap:10vw;row-gap:clamp(72px,10vw,140px)}.contact-copy{display:flex;flex-direction:column;align-items:flex-start}.contact h2{font-size:clamp(4rem,8vw,9rem);margin:55px 0 34px}.contact-lead{max-width:600px;margin-bottom:38px;color:rgba(255,255,255,.62);font-size:clamp(.9rem,1vw,1rem);line-height:1.75}.call{display:inline-block;background:var(--copper);color:var(--ink);padding:17px 25px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500;transition:transform .25s}.call:hover{transform:translateY(-3px)}.contact-info{align-self:end;display:grid;gap:45px}.contact-info>div{padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.contact-info span{color:var(--copper);text-transform:uppercase;font-size:.63rem;letter-spacing:.18em}.contact-info p{margin:17px 0;line-height:1.8;color:rgba(255,255,255,.62)}.contact-info a,.contact-proof>a{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:4px}.contact-proof{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.contact-proof p{display:flex;align-items:center;gap:20px}.contact-proof strong{font-size:.76rem;font-weight:500;letter-spacing:.08em}.contact-proof p>span{color:var(--copper);font-size:.72rem;letter-spacing:.12em}.contact-proof small{color:rgba(255,255,255,.48);font-size:.61rem;letter-spacing:.14em;text-transform:uppercase}
footer{height:110px;padding:0 clamp(24px,7vw,112px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:rgba(255,255,255,.45);border-top:1px solid rgba(255,255,255,.16);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}footer img{width:190px;filter:invert(1)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.header{height:76px}.logo-link{width:145px}.header nav{display:none}.hero-overlay{background:linear-gradient(0deg,rgba(8,8,7,.84) 0%,rgba(8,8,7,.1) 70%)}.hero-image{object-position:52% center}.hero-copy{left:24px;right:24px;bottom:85px}.hero h1{font-size:clamp(3.7rem,17vw,6.2rem)}.scroll{display:none}.vision{min-height:0;grid-template-columns:1fr;padding:100px 24px}.vision-copy{margin-top:40px}.sequence{height:auto}.sequence-sticky{position:relative;height:auto;overflow:visible}.sequence-track{width:100%;height:auto;display:block;transform:none!important}.frame{width:100%;height:100svh;min-height:650px}.frame figcaption{left:24px;bottom:60px}.frame figcaption strong{font-size:18vw}.sequence-progress{display:none}.human{grid-template-columns:1fr}.human-image{min-height:75svh}.human-copy{padding:90px 24px}.human-logo{margin-bottom:65px;width:250px}.contact{min-height:0;grid-template-columns:1fr;padding:100px 24px 52px;row-gap:68px}.contact-info{margin-top:0}.contact-proof{display:grid;gap:24px}.contact-proof p{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}.contact-proof small{grid-column:1/-1}.contact-proof>a{justify-self:start}footer{height:auto;min-height:130px;align-items:flex-start;flex-direction:column;padding-top:30px;padding-bottom:30px;gap:25px}footer img{width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.sequence{height:auto}.sequence-sticky{position:relative;height:auto}.sequence-track{width:100%;height:auto;display:block;transform:none!important}.frame{width:100%;height:100svh}.sequence-progress{display:none}}
