:root{--ink:#171714;--deep:#11110f;--paper:#f3f0e9;--white:#fffdf8;--muted:#77736b;--gold:#c89b42;--line:rgba(23,23,20,.16);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--pad:clamp(1.25rem,5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--gold);color:#111;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:3.25rem}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.demo-bar{position:fixed;inset:0 0 auto;z-index:60;height:34px;padding:0 var(--pad);display:flex;align-items:center;justify-content:center;gap:1rem;background:#0b0b0a;color:rgba(255,255,255,.62);border-bottom:1px solid rgba(255,255,255,.1);font-size:.69rem;line-height:1;letter-spacing:.035em}.demo-bar p{margin:0}.demo-bar strong{color:rgba(255,255,255,.8);font-weight:500}.demo-bar>a.demo-desktop{position:absolute;right:var(--pad);color:#e7bd67;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:color .25s}.demo-bar>a.demo-desktop:hover{color:#fff}.demo-mobile{display:none}
.site-header{position:fixed;inset:34px 0 auto;z-index:50;height:88px;padding:0 var(--pad);display:flex;align-items:center;gap:2.5rem;color:#fff;transition:.4s}.site-header.scrolled{height:72px;background:rgba(17,17,15,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{width:88px;display:block}.brand img{width:100%;height:70px;object-fit:contain}.desktop-nav{display:flex;gap:clamp(1.1rem,2.5vw,2.4rem);margin-left:auto}.desktop-nav a{font-size:.875rem;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.4rem;height:1px;background:var(--gold);transition:.3s}.desktop-nav a:hover:after{right:0}.header-cta{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.5);padding:.7rem 1rem;transition:.3s}.header-cta:hover{background:var(--gold);border-color:var(--gold);color:#111}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;min-height:100svh;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{animation:heroZoom 14s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(10,10,8,.84) 0%,rgba(10,10,8,.54) 45%,rgba(10,10,8,.14) 82%),linear-gradient(0deg,rgba(10,10,8,.5),transparent 40%)}.hero-content{position:relative;z-index:2;padding:9rem var(--pad) 8rem;max-width:870px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.24em;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:1rem}.eyebrow:before{content:"";width:40px;height:1px;background:currentColor}.hero h1,.display{font-family:var(--serif);font-weight:400;line-height:.9;letter-spacing:-.025em;margin:.9rem 0;font-size:clamp(4.2rem,9.2vw,9rem)}.hero h1 em,.display em{font-weight:400;color:var(--gold)}.hero-copy{max-width:610px;font-size:clamp(1rem,1.5vw,1.2rem);color:rgba(255,255,255,.76);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;min-height:52px;padding:.9rem 1.25rem;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:600;transition:.3s}.button-gold{background:var(--gold);color:#151513}.button-gold:hover{background:#e0ba67;transform:translateY(-2px)}.text-link{font-size:.85rem;padding:.7rem 0;border-bottom:1px solid currentColor}.text-link.light{color:#fff}.hero-services{position:absolute;z-index:2;left:var(--pad);bottom:2.1rem;display:flex;gap:2.5rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.hero-services span{display:flex;align-items:center;gap:.7rem}.hero-services span:before{content:"";width:4px;height:4px;background:var(--gold)}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:1rem;font-size:.7rem;letter-spacing:.18em;color:rgba(255,255,255,.55)}
.section-label{padding-top:4rem;border-top:1px solid var(--line);display:flex;gap:1.25rem;text-transform:uppercase;font-size:.71rem;letter-spacing:.15em;color:var(--muted)}.section-label span:first-child{color:var(--gold)}.manifesto{padding-top:8rem;padding-bottom:10rem}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,9rem);align-items:end}.manifesto .display{font-size:clamp(4rem,8vw,8rem)}.manifesto-copy{padding-bottom:.8rem;max-width:530px}.manifesto-copy>p:first-child{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.65}.quiet{color:var(--muted);margin-top:2rem}
.projects{background:#dfdcd4;padding-top:1px;padding-bottom:10rem}.projects-head{padding-top:7rem}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:3rem}.heading-row .display{font-size:clamp(3.6rem,7vw,7.2rem)}.heading-row>p{max-width:300px;color:var(--muted);margin-bottom:1.5rem}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.25rem,3vw,3rem);align-items:start}.project{margin-top:4rem}.image-wrap{overflow:hidden;background:#c7c1b7}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.035)}.project-main .image-wrap{aspect-ratio:4/3}.project-tall{margin-top:10rem}.project-tall .image-wrap{aspect-ratio:3/4}.project-wide{grid-column:1/3;width:72%;margin-left:auto}.project-wide .image-wrap{aspect-ratio:16/8}.project-meta{display:flex;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(23,23,20,.28);margin-top:.9rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.13em}.project-meta span:last-child{color:var(--muted)}
.services{padding-top:9rem;padding-bottom:10rem;background:var(--paper)}.services-intro{display:grid;grid-template-columns:1.25fr .6fr;gap:4rem;align-items:end}.services-intro .display{font-size:clamp(3.6rem,7vw,7.2rem)}.services-intro>p{color:var(--muted);max-width:380px;margin-bottom:1.5rem}.service-list{margin-top:5rem;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr 1.1fr 50px;gap:2rem;align-items:center;padding:2.2rem 0;border-bottom:1px solid var(--line);transition:.3s}.service>span:first-child{font-size:.7rem;color:var(--gold)}.service h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);font-weight:400;margin:0}.service p{color:var(--muted);max-width:500px;margin:0}.service-mark{font-size:1.4rem;color:var(--gold);transition:.3s}.service:hover{padding-left:1rem}.service:hover .service-mark{transform:rotate(45deg)}
.dual{background:var(--deep);color:#fff;padding-top:8rem;padding-bottom:9rem}.light-label{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.52)}.dual-intro{display:grid;grid-template-columns:1.25fr .65fr;gap:5rem;align-items:end}.dual-intro .display{font-size:clamp(3.6rem,7vw,7rem)}.dual-intro>p{color:rgba(255,255,255,.62);margin-bottom:1.5rem}.dual-columns{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.dual-column{padding:3rem 4rem 3.5rem 0;display:grid;grid-template-columns:50px 1fr}.dual-column+ .dual-column{border-left:1px solid rgba(255,255,255,.16);padding-left:4rem}.dual-num{font-size:.72rem;color:var(--gold)}.dual-column h3{font-family:var(--serif);font-size:3rem;font-weight:400;margin:0 0 1.5rem}.dual-column ul{grid-column:2;list-style:none;margin:0;padding:0}.dual-column li{padding:.7rem 0;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.74)}
.process{padding-top:9rem;padding-bottom:10rem}.process-head{display:flex;justify-content:space-between;gap:3rem;align-items:end}.process-head .display{font-size:clamp(3.6rem,7vw,7rem)}.process-head>p{color:var(--muted);max-width:270px;margin-bottom:1.6rem}.timeline{list-style:none;margin:5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.timeline li{position:relative;padding:2.5rem 2rem 2rem 0;min-height:240px}.timeline li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--gold)}.timeline li+li{padding-left:2rem;border-left:1px solid var(--line)}.timeline>li>span{font-size:.72rem;color:var(--gold)}.timeline h3{font-family:var(--serif);font-size:2rem;font-weight:400;margin:2rem 0 .7rem}.timeline p{color:var(--muted);font-size:.92rem}.process-note{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.principles{background:#e2ded5;padding-top:8rem;padding-bottom:9rem}.principle-words{margin-top:4rem;display:flex;flex-wrap:wrap}.principle-words span{font-family:var(--serif);font-size:clamp(2.2rem,5vw,5.6rem);line-height:1.2;color:#918c82;transition:.3s}.principle-words span:not(:last-child):after{content:" / ";color:var(--gold);margin:0 .3em}.principle-words span:hover{color:var(--ink)}
.about{display:grid;grid-template-columns:.7fr 1.3fr;min-height:800px;padding-top:9rem;padding-bottom:9rem;gap:7vw}.about-mark{background:var(--gold);min-height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-mark span{font-family:var(--serif);font-size:clamp(10rem,22vw,22rem);line-height:1;color:#171714;letter-spacing:-.12em;transform:translateX(-.05em)}.about-content{align-self:center}.about-content .display{font-size:clamp(3.4rem,6vw,6.3rem);margin-top:3rem}.about-content>p:not(.signature){max-width:610px;font-size:1.08rem;color:var(--muted)}.signature{margin-top:3rem;display:flex;flex-direction:column;padding-left:1.2rem;border-left:2px solid var(--gold)}.signature span{font-family:var(--serif);font-size:1.8rem}.signature small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.final-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:#fff;text-align:center;padding-top:9rem;padding-bottom:9rem}.final-cta .eyebrow{justify-content:center}.final-cta .display{font-size:clamp(4rem,8vw,8rem);position:relative}.final-cta>p:not(.eyebrow){color:rgba(255,255,255,.62);margin:1.5rem auto 2rem}.cta-watermark{position:absolute;z-index:-1;inset:50% auto auto 50%;transform:translate(-50%,-48%);font-family:var(--serif);font-size:45vw;color:rgba(255,255,255,.018);line-height:1}.footer{background:#0b0b0a;color:#fff;padding-top:5rem;padding-bottom:2rem}.footer-top{display:flex;align-items:center;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.14)}.footer-top img{width:150px}.footer-top p{color:rgba(255,255,255,.5)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:4rem 0}.footer-grid>div,.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.footer-label{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--gold);margin-bottom:.75rem}.footer-grid a,.footer-grid p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);font-size:.72rem;color:rgba(255,255,255,.42)}
.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:45;background:var(--gold);color:#151513;height:52px;padding:0 1.1rem;display:flex;align-items:center;gap:.65rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 35px rgba(0,0,0,.2);transition:.3s}.whatsapp-float:hover{transform:translateY(-3px);background:#e0ba67}.whatsapp-float svg{width:20px;fill:currentColor}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(max-width:900px){html{scroll-padding-top:6.5rem}.demo-bar{height:32px;padding:0 .8rem}.demo-desktop{display:none!important}.demo-mobile{display:block;color:rgba(255,255,255,.7);font-size:.68rem;letter-spacing:.04em;white-space:nowrap}.demo-mobile span{color:#e7bd67}.site-header{top:32px;height:72px}.desktop-nav,.header-cta{display:none}.brand{width:72px}.brand img{height:58px}.menu-toggle{display:flex;margin-left:auto;width:44px;height:44px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px;padding:10px}.menu-toggle span{height:1px;background:#fff;width:24px;transition:.3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:104px 0 0;background:var(--deep);padding:2rem var(--pad);flex-direction:column;gap:0;transform:translateX(100%);transition:.4s}.mobile-menu.open{transform:none}.mobile-menu>a:not(.button){font-family:var(--serif);font-size:2.5rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-menu .button{margin-top:2rem}.hero-content{padding-top:9rem}.hero-services{gap:1.2rem;right:var(--pad);flex-wrap:wrap}.manifesto-grid,.services-intro,.dual-intro,.process-head{grid-template-columns:1fr;display:grid;gap:1rem}.heading-row{align-items:start;flex-direction:column}.about{grid-template-columns:1fr}.about-mark{min-height:420px}.timeline{grid-template-columns:1fr 1fr}.timeline li:nth-child(3){border-left:0}.timeline li:nth-child(n+3){border-top:1px solid var(--line)}.service{grid-template-columns:45px 1fr 35px}.service p{grid-column:2}.service-mark{grid-column:3;grid-row:1}.dual-column{padding-right:2rem}.dual-column+ .dual-column{padding-left:2rem}}
@media(max-width:600px){:root{--pad:1.25rem}.hero{min-height:720px}.hero h1{font-size:clamp(4rem,19vw,6rem)}.hero-copy{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column;gap:.9rem;max-width:340px}.hero-actions .text-link{text-align:center}.hero-services{bottom:1.3rem;font-size:.63rem;gap:.65rem 1rem}.hero-index{display:none}.section-label{padding-top:2.5rem}.manifesto,.services,.process{padding-top:5rem;padding-bottom:6rem}.manifesto-grid{gap:2rem}.manifesto .display,.heading-row .display,.services-intro .display,.dual-intro .display,.process-head .display,.about-content .display{font-size:clamp(3.5rem,16vw,5rem)}.projects-head{padding-top:5rem}.project-grid{grid-template-columns:1fr}.project,.project-tall{margin-top:2.5rem}.project-wide{grid-column:auto;width:100%;margin-left:0}.project-wide .image-wrap{aspect-ratio:4/3}.service{gap:.65rem;padding:1.6rem 0}.service:hover{padding-left:0}.dual{padding-top:5rem;padding-bottom:6rem}.dual-columns{grid-template-columns:1fr;margin-top:3rem}.dual-column{padding:2.2rem 0}.dual-column+ .dual-column{padding:2.2rem 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.timeline{grid-template-columns:1fr}.timeline li{min-height:auto;padding:2rem 0;display:grid;grid-template-columns:45px 1fr}.timeline li+li,.timeline li:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.timeline li:before{display:none}.timeline h3{margin:0 0 .5rem}.timeline p{margin:0}.principles{padding-top:5rem;padding-bottom:6rem}.about{min-height:0;padding-top:5rem;padding-bottom:6rem;gap:3.5rem}.about-mark{min-height:360px}.about-content .display{margin-top:2rem}.final-cta{padding-top:6rem;padding-bottom:6rem}.final-cta .display{font-size:clamp(3.7rem,17vw,5.3rem)}.footer-top{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{gap:1rem;flex-direction:column}.whatsapp-float{width:52px;padding:0;justify-content:center}.whatsapp-float span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}