:root{--ink:#20231e;--paper:#f2efe8;--cream:#ded6c8;--olive:#6e745f;--dark:#242820;--line:rgba(32,35,30,.2);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{font-family:var(--serif);font-size:25px;letter-spacing:-1px}.brand span{font-family:var(--sans);font-weight:300;font-size:.62em;letter-spacing:2px}.site-header nav{display:flex;gap:34px;font-size:12px;letter-spacing:.08em}.site-header nav a,.header-cta{position:relative}.site-header nav a:after,.header-cta:after{content:"";height:1px;width:0;background:currentColor;position:absolute;left:0;bottom:-6px;transition:.3s}.site-header nav a:hover:after,.header-cta:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:28px}.lang-toggle{display:flex;border:0;background:none;color:#fff;padding:0;gap:8px;font-size:10px;letter-spacing:.12em;cursor:pointer}.lang-toggle span{opacity:.45}.lang-toggle .active{opacity:1}.header-cta{text-transform:uppercase;font-size:10px;letter-spacing:.13em}.menu-btn{display:none;background:none;border:0;padding:10px}.menu-btn i{display:block;width:22px;height:1px;background:#fff;margin:5px}
.hero{height:100svh;min-height:720px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero.jpg") center/cover no-repeat;animation:heroScale 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,19,15,.76) 0%,rgba(18,19,15,.41) 40%,rgba(18,19,15,.08) 75%),linear-gradient(0deg,rgba(18,19,15,.42),transparent 50%)}@keyframes heroScale{from{transform:scale(1.05)}to{transform:scale(1)}}.hero-copy{position:relative;z-index:1;width:700px;margin:70px 0 0 10.5vw}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:400}.hero h1,.services h2,.portfolio h2,.process h2,.stories h2,.contact h2{font:400 clamp(52px,6.5vw,102px)/.95 var(--serif);letter-spacing:-.035em;margin:35px 0}.hero h1 em,h2 em{font-weight:400}.hero-intro{font-size:15px;line-height:1.7;max-width:470px;color:rgba(255,255,255,.8)}.hero-buttons{display:flex;align-items:center;gap:34px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;align-items:center;min-height:54px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer}.button-light{background:#e9e5dc;color:#23251f}.button:hover{filter:brightness(.92)}.arrow-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.5);padding:16px 0}.hero-index{position:absolute;z-index:1;bottom:38px;right:5vw;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:14px}.hero-index span{width:45px;height:1px;background:#fff}
.section-pad{padding:130px 8vw}.section-label{display:flex;align-items:flex-start;gap:18px;text-transform:uppercase;font-size:9px;letter-spacing:.18em;font-weight:500}.section-label span{opacity:.5}.section-label p{margin:0}.section-label.light{color:#e8e5dc}.intro{display:grid;grid-template-columns:24% 76%}.intro-copy{max-width:1020px}.lead{font:400 clamp(35px,4.1vw,61px)/1.13 var(--serif);letter-spacing:-.02em;margin:0 0 70px}.intro-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:23%}.intro-detail p,.services-head>p,.stories-head>p,.contact-intro>p{font-size:14px;line-height:1.8;margin:0}.line-link{display:flex;justify-content:space-between;align-self:end;border-bottom:1px solid var(--line);padding:14px 0;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:500}
.services{background:var(--dark);color:#e9e5dc}.services-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin:55px 0 100px}.services h2,.process h2,.contact h2{font-size:clamp(50px,6vw,88px);margin:0}.services-head>p{max-width:330px;color:rgba(255,255,255,.6);padding-bottom:10px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}.service-card{padding:28px 42px 0 0;border-right:1px solid rgba(255,255,255,.18);min-height:260px}.service-card+article{padding-left:42px}.service-card:last-child{border:0}.service-card>span{font:26px var(--serif);opacity:.5}.service-card h3{font:30px/1.15 var(--serif);font-weight:400;margin:40px 0 18px}.service-card p{color:rgba(255,255,255,.55);font-size:12px;line-height:1.7;max-width:300px}
.portfolio-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin:55px 0 80px}.portfolio h2,.stories h2{font-size:clamp(50px,6vw,88px);margin:0}.portfolio-heading .line-link{width:200px;justify-self:end}.gallery{display:grid;grid-template-columns:1.45fr .75fr;gap:7vw;align-items:end}.gallery figure{margin:0}.gallery-wide img{aspect-ratio:1.5;object-fit:cover}.gallery-tall{transform:translateY(80px)}.gallery-tall img{aspect-ratio:.77;object-fit:cover}.gallery figcaption{display:flex;justify-content:space-between;margin-top:17px;font:24px var(--serif)}.gallery figcaption small{font:9px var(--sans);text-transform:uppercase;letter-spacing:.12em;padding-top:6px}
.process{padding-left:0;background:#68705d;color:#f0ede4;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw}.process-image{height:100%;min-height:850px}.process-image img{height:100%;object-fit:cover}.process-content{padding:30px 8vw 30px 0}.process h2{margin:70px 0 80px}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:50px 1fr;border-top:1px solid rgba(255,255,255,.25);padding:27px 0}.process li>span{font-size:9px;opacity:.6}.process li h3{font:27px var(--serif);font-weight:400;margin:0 0 10px}.process li p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.65);margin:0}
.stories-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin:55px 0 80px}.stories-head>p{max-width:330px}.story-card{display:grid;grid-template-columns:1.1fr .9fr;background:#ded8cc}.story-image img{height:100%;object-fit:cover}.story-copy{padding:7vw}.story-copy h3{font:45px var(--serif);font-weight:400;margin:30px 0}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.story-copy dl{margin-top:50px;border-top:1px solid var(--line)}.story-copy dl div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:13px 0}.story-copy dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.story-copy dd{font-size:11px;margin:0}
.contact{background:#242820;color:#e9e5dc;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-intro h2{margin:70px 0 40px}.contact-intro>p{color:rgba(255,255,255,.6);max-width:380px}.contact-intro>a{display:inline-block;margin-top:35px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;font-size:12px}.inquiry-form{padding-top:15px}.inquiry-form label{display:block;border-bottom:1px solid rgba(255,255,255,.3);padding:17px 0}.inquiry-form label span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:rgba(255,255,255,.55);margin-bottom:10px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;background:none;border:0;color:#fff;outline:0;border-radius:0;font-size:14px;font-weight:300}.inquiry-form select option{color:#222}.inquiry-form textarea{resize:vertical}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:rgba(255,255,255,.35)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.inquiry-form button{margin-top:34px;min-width:240px}.form-note,.form-status{font-size:9px;color:rgba(255,255,255,.45);line-height:1.6}.form-status{color:#d8c79d;min-height:15px}
footer{padding:60px 8vw 35px;background:#171a16;color:#e9e5dc;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px}footer>p{font:24px var(--serif);margin:0;max-width:330px}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:45px;font-size:8px;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:78px;padding:0 22px}.site-header nav,.header-cta{display:none}.menu-btn{display:block}.hero-copy{margin:60px 24px 0;width:auto}.hero h1{font-size:53px}.hero-intro{max-width:330px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:12px}.section-pad{padding:90px 24px}.intro,.services-head,.portfolio-heading,.stories-head,.contact{grid-template-columns:1fr}.section-label{margin-bottom:45px}.intro-detail{grid-template-columns:1fr;margin:0;gap:35px}.lead{font-size:39px;margin-bottom:45px}.services-head{margin:0 0 60px;gap:30px}.service-list{grid-template-columns:1fr}.service-card,.service-card+article{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:28px 0;min-height:0}.service-card h3{margin:25px 0 12px}.gallery{grid-template-columns:1fr;gap:35px}.gallery-tall{transform:none;width:82%;margin-left:auto!important}.gallery figcaption{font-size:20px}.process{padding:0;grid-template-columns:1fr;gap:0}.process-image{min-height:520px}.process-content{padding:85px 24px}.process-content .section-label{margin-bottom:0}.process h2{margin:55px 0}.stories-head{margin:0 0 55px;gap:30px}.story-card{grid-template-columns:1fr}.story-image img{aspect-ratio:1.2}.story-copy{padding:45px 28px}.contact{gap:60px}.contact-intro h2{margin:45px 0 30px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}footer small{grid-column:1}.site-header.menu-open nav{display:flex;position:absolute;left:0;top:78px;width:100%;padding:30px 24px;background:#20231e;flex-direction:column}.hero-image{background-position:62% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal{opacity:1;transform:none;transition:none}}
