@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600&display=swap";:root{--beige:#efe7dc;--black:#000;--sand:#e8ddcf;--cream:#f5efe7;--charcoal:#231f1c;--ink:#111;--gold:#c7a46a;--muted:#756b62;--line:#231f1c24;--white-line:#f5efe729}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--charcoal);margin:0;padding: 0;overflow-x: hidden;width: 100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,a{font:inherit}button{cursor:pointer;color:inherit}.logo{mix-blend-mode:multiply;width:136px;height:auto;display:block}.intro{z-index:200;background:var(--beige);place-items:center;display:grid;position:fixed;inset:0}.intro-logo{width:min(300px,48vw)}.header{z-index:90;background:var(--beige);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:0;padding:0 clamp(0px,4vw,58px);display:grid;position:fixed;top:0;left:0;right:0}.brand{background:0 0;border:0;padding:0}.brand .logo{width:146px}.desktop-nav{justify-content:center;gap:clamp(22px,4vw,54px);display:flex}.desktop-nav button,.hello-button,.menu-button,.mobile-nav button{letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;font-size:.96rem;font-weight:800}.desktop-nav button:hover,.hello-button:hover,.mobile-nav button:hover{color:var(--gold)}.hello-button{border:1px solid var(--charcoal);justify-self:end;padding:14px 20px}.menu-button{border:1px solid var(--line);justify-self:end;padding:12px 14px;margin-right:20px;display:none}.mobile-nav{background:var(--cream);border:1px solid var(--line);gap:18px;padding:26px;display:grid;position:absolute;top:86px;left:18px;right:18px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:clamp(28px,6vw,84px);min-height:100svh;padding:155px clamp(18px,4vw,58px) 120px;display:grid}.kicker{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px;font-size:1.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:1px;max-width:1120px;color:var(--beige);margin-bottom:28px;font-size:clamp(4.7rem,12vw,6.6rem);font-weight:900;line-height:1}h2{letter-spacing:-.088em;max-width:980px;margin-bottom:26px;font-size:clamp(2.8rem,6.2vw,7.5rem);font-weight:900;line-height:.84}h3{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(1.2rem,2vw,2.6rem);font-weight:900;line-height:1}.hero-copy>p{max-width:50%;line-height:1.75}.hero-image-panel{min-height:860px;overflow:hidden}.hero-image-panel img{object-fit:cover;object-position:center;width:100%;min-height:860px;display:block}.visual-strip{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,minmax(150px,1fr));display:grid}.strip-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream);flex-direction:column;justify-content:space-between;min-height:215px;padding:24px;display:flex}.strip-card-1{background:var(--sand)}.strip-card-2{background:var(--charcoal);color:var(--cream)}.strip-card-3{background:#d8c5ad}.strip-card span{color:var(--gold);font-size:.8rem;font-weight:900}.strip-card strong{letter-spacing:0;font-size:clamp(1.55rem,2.4vw,1.2rem);line-height:1}.section-intro{grid-template-columns:.45fr 1fr;align-items:start;gap:32px;margin-bottom:64px;padding:clamp(76px,11vw,150px) clamp(18px,4vw,58px);display:grid}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--beige);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5efe78a;min-height:430px;padding:clamp(28px,4vw,54px)}.service-card p{max-width:620px;color:var(--muted);font-size:1.04rem;line-height:1.75}.service-card ul{gap:14px;margin:34px 0 0;padding:0;list-style:none;display:grid}.service-card li{color:var(--charcoal);padding-top:14px;font-weight:800}.work{background:var(--charcoal);color:var(--cream)}.work .kicker{color:var(--gold)}.work-heading{grid-template-columns:.38fr 1fr;gap:32px;margin-bottom:62px;padding:clamp(76px,11vw,150px) clamp(18px,4vw,58px);display:grid}.project-list{border-top:1px solid var(--white-line)}.project-row{border-bottom:1px solid var(--white-line);grid-template-columns:90px 1fr .65fr auto;align-items:center;gap:22px;min-height:132px;display:grid}.project-row span{color:var(--gold);font-weight:900}.project-row h3{margin:0;font-size:clamp(1.7rem,3.2vw,4.1rem)}.project-row p{color:#f5efe79e;margin:0;font-weight:600}.project-row button{border:1px solid var(--white-line);color:var(--cream);letter-spacing:.14em;text-transform:uppercase;background:0 0;padding:13px 17px;font-size:.76rem;font-weight:900}.studio{background:var(--cream)}.studio-layout{grid-template-columns:.88fr 1.12fr;gap:clamp(30px,6vw,80px);display:grid}.studio-text{max-width:760px;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.8}.quote-band{background:var(--gold);color:var(--charcoal);padding:clamp(42px,6vw,78px) clamp(18px,4vw,58px)}.quote-band p{letter-spacing:-.086em;margin:0;font-size:clamp(2.2rem,6vw,7rem);font-weight:900;line-height:.86}.contact{background:var(--black);flex-direction:column;justify-content:center;min-height:70svh;padding:clamp(76px,11vw,150px) clamp(18px,4vw,58px);display:flex}.contact a{width:fit-content;color:var(--gold);letter-spacing:-.02em;border-bottom:4px solid var(--beige);font-size:clamp(2rem,5vw,5.4rem);font-weight:900;line-height:1;text-decoration:none}.footer{background:var(--cream);border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:48px;padding:24px clamp(18px,3vw,42px);display:grid}.footer-left .logo{width:146px}.footer-center p{max-width:520px;color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.footer-right{white-space:nowrap;align-items:center;gap:24px;display:flex}.footer-right a,.footer-right span{color:var(--muted);font-size:.9rem;text-decoration:none}.footer-right a:hover{color:var(--gold)}.legal-page{background:var(--black);min-height:100vh;padding:140px 20px 80px}.legal-container{max-width:900px;margin:0 auto}.legal-container h1{margin-bottom:40px;font-size:clamp(3rem,8vw,6rem);line-height:.9}.legal-container h2{letter-spacing:-.04em;color:var(--beige);margin-bottom:16px;font-size:clamp(1.2rem,2vw,2.6rem);font-weight:900;line-height:1}.legal-container p{color:var(--gold);line-height:1.8}@media (width<=1050px){.header{grid-template-columns:auto auto}.desktop-nav,.hello-button{display:none}.menu-button{display:block}.hero,.section-intro,.work-heading,.studio-layout{grid-template-columns:1fr}.visual-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.project-row{grid-template-columns:60px 1fr;padding:28px 0}.project-row p,.project-row button{grid-column:2}.footer{text-align:center;grid-template-columns:1fr;gap:24px}.footer-left{justify-content:center;display:flex}.footer-center p{margin:0 auto}.footer-right{flex-wrap:wrap;justify-content:center}}@media (width<=700px){.header{min-height:74px;padding:0}.brand .logo{width:112px}.hero{grid-template-columns:1fr;padding:124px 18px 54px}h1{font-size:clamp(2rem,6vw,2rem)}.hero-image-panel,.hero-image-panel img{min-height:380px}.visual-strip,.service-grid{grid-template-columns:1fr}.strip-card{min-height:150px}.service-card{min-height:auto}.section{padding-left:18px;padding-right:18px}.contact a{border-bottom-width:3px;font-size:clamp(1.8rem,7vw,4rem)}.footer-links{align-items:center;gap:18px;display:flex}.footer-links a{color:var(--muted);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--gold)}}
