:root{--ink:#0c0b0a;--ink2:#151310;--paper:#efe9df;--paper2:#e6dfd3;--wood:#a7734e;--wood2:#c39b78;--muted:#aba49b;--line:rgba(255,255,255,.15);--darkline:rgba(12,11,10,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'DM Sans',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{position:fixed;top:0;left:0;right:0;height:74px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 4vw;z-index:100;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,rgba(12,11,10,.94),rgba(12,11,10,.68));backdrop-filter:blur(12px)}.brand{width:148px;height:48px;display:block}.brand img{object-fit:contain}.desktop-nav{display:flex;justify-content:center;gap:30px}.desktop-nav a,.header-cta{font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:500}.desktop-nav a{opacity:.72;transition:.25s}.desktop-nav a:hover{opacity:1}.header-cta{border:1px solid rgba(255,255,255,.55);padding:12px 17px;border-radius:999px}.menu-btn{display:none;background:none;border:0;padding:10px;color:white}.menu-btn span{display:block;width:25px;height:1px;background:currentColor;margin:7px 0}.hero{min-height:100svh;padding:118px 4vw 48px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:4vw;position:relative;overflow:hidden;align-items:end}.hero-word{position:absolute;left:-.02em;top:8vh;font-family:'Libre Caslon Display',serif;font-size:clamp(170px,24vw,430px);line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);letter-spacing:-.07em;white-space:nowrap;pointer-events:none}.hero-copy{position:relative;z-index:2;padding-bottom:8vh}.kicker{margin:0 0 22px;font-size:10px;text-transform:uppercase;letter-spacing:.34em;color:var(--wood2);font-weight:500}.kicker.dark{color:#765942}.hero h1,.manifesto h2,.projects-story h2,.story-step h3,.portfolio-head h2,.atelier h2,.process h2,.contact h2{font-family:'Libre Caslon Display',serif;font-weight:400;letter-spacing:-.04em}.hero h1{font-size:clamp(62px,7.3vw,126px);line-height:.84;margin:0}.hero h1 em{font-weight:400;color:var(--wood2)}.hero-bottom{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:34px;align-items:end;margin-top:42px;max-width:760px}.hero-bottom p{margin:0;color:#d2cec8;line-height:1.72;font-size:14px}.arrow-link{font-size:10px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:8px;white-space:nowrap}.arrow-link span{font-size:16px;margin-left:10px}.hero-image{margin:0;height:76vh;min-height:610px;position:relative;overflow:hidden;background:#1b1916}.hero-image:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.28);z-index:2;pointer-events:none}.hero-image img{filter:contrast(1.03) saturate(.98)}.hero-image figcaption{position:absolute;left:32px;right:32px;bottom:28px;display:flex;justify-content:space-between;z-index:3;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.hero-side{position:absolute;right:1.2vw;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-size:8px;text-transform:uppercase;letter-spacing:.28em;color:#8c857d}.section-light{background:var(--paper);color:var(--ink)}.manifesto{padding:120px 5.5vw;display:grid;grid-template-columns:100px minmax(0,1.2fr) minmax(260px,.55fr);gap:4vw;align-items:start}.manifesto-index{font:400 80px/1 'Libre Caslon Display',serif;color:#a9927e}.manifesto-copy h2{font-size:clamp(50px,5.6vw,92px);line-height:.96;margin:0;max-width:920px}.manifesto-accent{font-family:'Libre Caslon Display',serif;font-size:clamp(28px,3vw,48px);line-height:1.08;color:#8d5d3a;margin:28px 0 0}.manifesto-note{padding-top:74px;border-top:1px solid var(--darkline)}.manifesto-note p{font-size:14px;line-height:1.82;margin:0;color:#534d47}.projects-story{padding:120px 4vw 130px;background:var(--ink)}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:70px}.section-title h2{font-size:clamp(55px,6vw,100px);line-height:.9;margin:0}.section-title>p:last-child{max-width:340px;color:#958f88;line-height:1.6;margin:0 0 8px;justify-self:end}.story-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:6vw;align-items:start}.story-visual{position:sticky;top:96px;height:calc(100vh - 125px);min-height:650px;background:#151310;overflow:hidden}.story-image{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .65s ease,transform 1.1s ease}.story-image.active{opacity:1;transform:scale(1)}.story-image img{filter:contrast(1.025) saturate(.98)}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,4,.55),transparent 32%);pointer-events:none}.story-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:4;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.17em}.story-steps{padding-bottom:16vh}.story-step{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:8vh 0;border-top:1px solid rgba(255,255,255,.13);opacity:.34;transition:.4s}.story-step.active{opacity:1}.chapter{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--wood2);margin-bottom:26px}.story-step h3{font-size:clamp(40px,4.5vw,70px);line-height:.98;margin:0 0 27px}.story-step p{margin:0 0 28px;max-width:540px;color:#b5afa8;line-height:1.82;font-size:14px}.story-step ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.13)}.story-step li{font-size:9px;text-transform:uppercase;letter-spacing:.16em;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}.portfolio-break{padding:120px 4vw 130px}.portfolio-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:52px}.portfolio-head h2{font-size:clamp(54px,6vw,96px);line-height:.9;margin:0}.portfolio-head>p:last-child{max-width:380px;justify-self:end;line-height:1.7;color:#59524b;margin:0}.portfolio-grid{display:grid;grid-template-columns:1.15fr .7fr .95fr;grid-template-rows:240px 300px;gap:14px}.portfolio-card{margin:0;position:relative;overflow:hidden;background:#d7d0c5}.portfolio-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.74))}.card-a{grid-row:1/3}.card-b{grid-column:2}.card-c{grid-column:2/4;grid-row:2}.portfolio-card figcaption{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;color:white;display:grid;grid-template-columns:34px 1fr;gap:8px 14px;align-items:end}.portfolio-card figcaption span{grid-row:1/3;font:400 29px/1 'Libre Caslon Display',serif;color:#d4b394}.portfolio-card figcaption strong{font:400 27px/1 'Libre Caslon Display',serif}.portfolio-card figcaption small{font-size:10px;color:#d6d0c8;line-height:1.5}.atelier{padding:120px 5vw;background:#13110f;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.atelier-copy{position:sticky;top:120px;align-self:start}.atelier h2{font-size:clamp(54px,5.3vw,88px);line-height:.93;margin:0 0 28px}.atelier-copy>p:last-child{max-width:480px;color:#aaa39c;line-height:1.8;font-size:14px}.atelier-list{border-top:1px solid rgba(255,255,255,.15)}.atelier-list>div{display:grid;grid-template-columns:52px 1fr 1fr;gap:18px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:start}.atelier-list span{color:#b98761;font:400 25px/1 'Libre Caslon Display',serif}.atelier-list strong{font:400 30px/1.05 'Libre Caslon Display',serif}.atelier-list p{margin:0;color:#99928a;line-height:1.65;font-size:13px}.process{padding:120px 4vw 130px}.process-head{display:flex;justify-content:space-between;gap:4vw;align-items:end;margin-bottom:60px}.process h2{font-size:clamp(54px,6vw,94px);line-height:.92;margin:0}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--darkline)}.process-line article{padding:27px 28px 20px 0;border-right:1px solid var(--darkline);min-height:230px}.process-line article+article{padding-left:28px}.process-line span{font:400 34px/1 'Libre Caslon Display',serif;color:#9d7354}.process-line h3{font:400 30px/1 'Libre Caslon Display',serif;margin:70px 0 12px}.process-line p{margin:0;color:#625c55;line-height:1.6;font-size:12px}.contact{min-height:88vh;position:relative;display:flex;align-items:center;padding:100px 5vw;overflow:hidden}.contact-image,.contact-shade{position:absolute;inset:0}.contact-image img{object-position:center}.contact-shade{background:linear-gradient(90deg,rgba(7,7,6,.92),rgba(7,7,6,.72) 43%,rgba(7,7,6,.08) 78%)}.contact-copy{position:relative;z-index:2;max-width:800px}.contact h2{font-size:clamp(62px,7.7vw,124px);line-height:.87;margin:0 0 34px}.contact h2 em{font-weight:400;color:#c49a78}.contact-copy>p:not(.kicker){max-width:480px;color:#d2ccc5;line-height:1.75;font-size:14px}.contact-btn{display:inline-flex;align-items:center;gap:44px;margin-top:24px;padding:17px 21px;background:var(--paper);color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.contact-btn span{font-size:18px}footer{display:grid;grid-template-columns:170px 1fr auto;gap:30px;align-items:center;padding:45px 4vw;background:#080706;border-top:1px solid rgba(255,255,255,.12)}.footer-brand{width:150px;height:54px}.footer-brand img{object-fit:contain}footer p,footer small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#817b74}.footer-links{display:flex;gap:25px;font-size:10px}.footer-links a{opacity:.72}.footer-links a:hover{opacity:1}footer small{grid-column:1/-1}.whatsapp{position:fixed;right:20px;bottom:20px;width:50px;height:50px;border-radius:50%;background:#25d366;padding:12px;z-index:100;box-shadow:0 12px 34px rgba(0,0,0,.32)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.on{opacity:1;transform:none}@media(max-width:1050px){.desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-btn{display:block}.desktop-nav.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#0c0b0a;padding:28px 4vw 34px;gap:22px}.hero{grid-template-columns:1fr;padding-top:108px}.hero-copy{padding-bottom:0}.hero-image{height:62vh;min-height:520px}.hero-side{display:none}.hero-bottom{grid-template-columns:1fr auto}.manifesto{grid-template-columns:70px 1fr}.manifesto-note{grid-column:2}.story-shell{grid-template-columns:1fr}.story-visual{position:relative;top:auto;height:65vh;min-height:480px;margin-bottom:30px}.story-step{min-height:auto;padding:70px 0;opacity:1}.portfolio-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 300px}.card-a{grid-column:1/3;grid-row:1}.card-b{grid-column:1;grid-row:2}.card-c{grid-column:2;grid-row:2}.atelier{grid-template-columns:1fr}.atelier-copy{position:relative;top:auto}.process-line{grid-template-columns:1fr 1fr}.process-line article:nth-child(2){border-right:none}.process-line article:nth-child(3),.process-line article:nth-child(4){border-top:1px solid var(--darkline)}}@media(max-width:680px){.site-header{height:66px;padding:0 20px}.brand{width:132px}.hero{padding:98px 20px 34px}.hero h1{font-size:55px}.hero-bottom{grid-template-columns:1fr;margin-top:30px}.hero-image{height:52vh;min-height:420px}.hero-word{font-size:170px;top:11vh}.manifesto{padding:80px 20px;grid-template-columns:1fr}.manifesto-index{font-size:54px}.manifesto-note{grid-column:auto;padding-top:28px}.projects-story{padding:82px 20px}.section-title{grid-template-columns:1fr;margin-bottom:35px}.section-title>p:last-child{justify-self:start}.story-visual{height:52vh;min-height:380px}.story-caption{font-size:8px;gap:20px}.story-step{padding:58px 0}.story-step h3{font-size:39px}.portfolio-break{padding:82px 20px}.portfolio-head{grid-template-columns:1fr}.portfolio-head>p:last-child{justify-self:start}.portfolio-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.portfolio-card,.card-a,.card-b,.card-c{grid-column:auto;grid-row:auto;height:330px}.atelier{padding:82px 20px}.atelier-list>div{grid-template-columns:44px 1fr}.atelier-list p{grid-column:2}.process{padding:82px 20px}.process-head{display:block}.process-line{grid-template-columns:1fr}.process-line article,.process-line article+article{padding:24px 0;border-right:none;border-top:1px solid var(--darkline);min-height:190px}.process-line h3{margin-top:42px}.contact{min-height:75vh;padding:82px 20px}.contact h2{font-size:57px}.contact-shade{background:linear-gradient(90deg,rgba(7,7,6,.92),rgba(7,7,6,.6))}footer{grid-template-columns:1fr;padding:38px 20px}.footer-links{flex-wrap:wrap}footer small{grid-column:auto}}
