:root{
  --bg:#f5f5f1;--ink:#111;--muted:#747474;--line:#d8d8d2;--dark:#111;--dark-muted:#a4a4a0;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(245,245,241,.92);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-logo{width:30px;height:30px;display:block}.brand-text{font-family:"Space Grotesk",sans-serif;font-size:13px;letter-spacing:.12em}.brand-text em{font-style:normal;font-weight:500;opacity:.55}
.nav{display:flex;gap:30px;font-size:13px}.nav a,.footer-links a{transition:opacity .2s}.nav a:hover,.footer-links a:hover{opacity:.5}.header-cta{font-size:13px;display:flex;gap:9px;align-items:center}.header-cta span{font-size:16px}.menu-toggle{display:none;border:0;background:none;font-size:20px}
.hero{min-height:calc(100vh - 78px);position:relative;display:grid;align-items:end;padding:8vh 6vw 6vh;overflow:hidden;background:#111;color:#f4f4f0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 25%,#6a6a6520 0 11%,transparent 33%),linear-gradient(120deg,#111 0%,#20201d 50%,#090909 100%)}.hero:after{content:"";position:absolute;width:45vw;height:45vw;right:-8vw;top:8vh;border:1px solid #fff2;border-radius:50%;box-shadow:0 0 0 8vw #fff015,0 0 0 16vw #fff00b;opacity:.22}
.hero-noise{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:2;max-width:860px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:700;color:#999;margin:0 0 22px}.hero .eyebrow{color:#a9a9a4}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(64px,9vw,140px);line-height:.9;letter-spacing:-.075em;margin:0 0 34px;font-weight:600}.hero h1 span{opacity:.5}.hero-copy{max-width:570px;color:#cacac5;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;border:1px solid currentColor;font-size:13px;font-weight:700;letter-spacing:.02em}.btn-light{color:#111;background:#f4f4f0;border-color:#f4f4f0}.text-link{font-size:13px;font-weight:700}.text-link span{display:inline-block;margin-left:8px}.hero-meta{position:absolute;left:6vw;right:6vw;bottom:22px;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#888}
.section-pad{padding:120px 6vw}.section-kicker{color:#888;margin-bottom:28px}.intro-grid,.studio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;max-width:var(--max);margin:0 auto}.intro h2,.studio h2,.contact h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,5.8vw,88px);line-height:.97;letter-spacing:-.065em;margin:0;font-weight:600}.intro h2 em,.studio h2 em{font-style:normal;opacity:.45}.intro p,.studio p{max-width:570px;color:#666;font-size:16px}.intro .lead,.studio .lead{font-size:21px;line-height:1.35;color:#222;margin-top:0}
.section-head{max-width:var(--max);margin:0 auto 40px;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-family:"Space Grotesk",sans-serif;font-size:44px;letter-spacing:-.05em;margin:0}.work-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:24px}.work-card{min-width:0}.visual{aspect-ratio:4/5;border:1px solid #deded8;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px;background:#ddd}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55) 100%)}.visual span{position:relative;z-index:1;color:#fff;font-size:11px;letter-spacing:.16em}.work-card-tall .visual{aspect-ratio:4/5.5}.visual-01{background:linear-gradient(145deg,#42433f,#979895 45%,#171816)}.visual-01:before{content:"";position:absolute;inset:20% 15% 15% 18%;border-radius:42% 58% 54% 46%;background:#10110f88;filter:blur(1px)}.visual-02{background:linear-gradient(135deg,#cecbc3,#776f66 55%,#292722)}.visual-02:before{content:"";position:absolute;left:20%;right:20%;top:12%;bottom:12%;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 50% 34%,#ded8ce 0 9%,#9b9287 10% 22%,transparent 23%),linear-gradient(180deg,#5b574f,#23211e)}.visual-03{background:radial-gradient(circle at 70% 35%,#c8c8c3 0 6%,transparent 7%),linear-gradient(150deg,#242522,#595b57 43%,#151614)}.visual-03:before{content:"";position:absolute;width:52%;height:52%;left:24%;top:20%;border:1px solid #fff8;transform:rotate(26deg);box-shadow:0 0 40px #fff1}.card-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:#8b8b87;margin-top:12px}.work-card h3{font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-.035em;margin:6px 0 0;font-weight:500}
.section-dark{background:#111;color:#f3f3ef}.section-dark .section-kicker{color:#74746f}.services-list{max-width:var(--max);margin:22px auto 0;border-top:1px solid #383834}.service-row{display:grid;grid-template-columns:70px 1fr 260px;align-items:center;padding:26px 0;border-bottom:1px solid #383834;gap:20px}.service-row>span{font-size:11px;letter-spacing:.12em;color:#71716c}.service-row h3{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,3.3vw,50px);font-weight:500;letter-spacing:-.045em}.service-row p{margin:0;color:#8e8e88;font-size:13px;text-align:right}
.studio{background:#e9e9e3}.studio-copy{padding-top:10px}.studio-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;border-top:1px solid #c9c9c2;margin-top:34px;padding-top:18px;max-width:520px}.studio-facts div{display:flex;gap:12px;align-items:baseline}.studio-facts strong{font-size:11px;color:#888}.studio-facts span{font-size:12px}
.contact{background:#111;color:#f2f2ed}.contact-box{max-width:var(--max);margin:auto;border-top:1px solid #393934;padding-top:36px;display:grid;grid-template-columns:1fr .7fr;gap:8vw}.contact-side{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.contact-side p{max-width:420px;color:#9a9a95;font-size:16px;margin-top:0;margin-bottom:30px}
.footer{background:#111;color:#f2f2ed;padding-top:28px;padding-bottom:28px}.footer-top{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:22px;font-size:12px;color:#9b9b96}.footer-bottom{max-width:var(--max);margin:50px auto 0;border-top:1px solid #333;padding-top:14px;display:flex;justify-content:space-between;color:#666;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.nav,.header-cta{display:none}.menu-toggle{display:block}.site-header{height:68px}.nav.open{position:absolute;top:68px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:8px 4vw 18px;background:#f5f5f1;border-bottom:1px solid var(--line)}.nav.open a{padding:12px 0}.hero{min-height:84vh;padding:12vh 7vw 7vh}.hero:after{width:70vw;height:70vw;right:-24vw;top:15vh}.intro-grid,.studio-grid,.contact-box{grid-template-columns:1fr;gap:42px}.work-grid{grid-template-columns:1fr 1fr}.work-card-tall{grid-column:1/-1}.section-pad{padding:90px 7vw}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.service-row{grid-template-columns:45px 1fr}.service-row p{text-align:left;grid-column:2}.footer-top{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:620px){.brand-text{font-size:11px}.hero h1{font-size:70px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.work-grid{grid-template-columns:1fr}.work-card-tall{grid-column:auto}.section-head h2{font-size:36px}.service-row{grid-template-columns:38px 1fr;padding:22px 0}.service-row h3{font-size:29px}.service-row p{font-size:12px}.intro h2,.studio h2,.contact h2{font-size:50px}}