@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10100f;--panel:#191918;--text:#f2f0e9;--muted:#a5a39b;--line:#33332f;--accent:#d7ff64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{font-weight:800;letter-spacing:-.08em;font-size:22px}.wordmark span{font-size:10px;letter-spacing:.18em;margin-left:8px;color:var(--accent)}nav{display:flex;gap:36px}nav a{font-size:12px;color:var(--muted)}nav a:hover,nav a.active{color:var(--accent)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{padding:8vw 6vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;min-height:620px}.eyebrow,.visual-index,.card-meta small,.intro-strip span{font:10px 'DM Mono',monospace;letter-spacing:.13em;color:var(--accent)}h1{font-size:clamp(48px,7.2vw,104px);letter-spacing:-.085em;line-height:.98;margin:28px 0}h1 span,h2 span{color:#77776f}.intro{max-width:490px;color:#b7b5ad;font-size:16px;line-height:1.85}.text-link{display:inline-block;margin-top:28px;padding-bottom:9px;border-bottom:1px solid var(--accent);font-size:12px}.text-link b{color:var(--accent);margin-left:14px}.visual{position:relative;overflow:hidden;min-height:280px;background:linear-gradient(135deg,#292a25,#535548 55%,#191a18);isolation:isolate}.visual:before{content:"";position:absolute;width:70%;height:130%;left:15%;top:-15%;background:linear-gradient(110deg,transparent 15%,#c7c7b2 16%,#77796c 42%,#20221e 72%);transform:rotate(24deg);opacity:.65}.visual:after{content:"";position:absolute;width:48%;height:85%;right:8%;bottom:-28%;border:1px solid #d7ff6480;border-radius:50%;transform:rotate(-28deg)}.visual i{position:absolute;width:38%;height:120%;left:34%;top:-10%;background:linear-gradient(90deg,#161714,#a4a58e 48%,#252620);transform:skew(-18deg);opacity:.55}.visual b{position:absolute;width:20%;height:65%;left:12%;bottom:-8%;background:#d7ff64;opacity:.25;filter:blur(24px)}.visual em{position:absolute;inset:12px;border:1px solid #ffffff22}.visual-index{position:absolute;z-index:2;top:26px;left:26px;color:#fff}.visual-word{position:absolute;z-index:2;bottom:24px;left:26px;font-size:clamp(20px,3vw,42px);font-weight:800;letter-spacing:-.07em}.hero-art{min-height:480px}.hero-art .visual-word{font-size:34px}.intro-strip{padding:35px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px}.intro-strip p{font-size:22px;line-height:1.5;max-width:700px;margin:0}.work-section{padding:100px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.beauty-band h2,.about-layout h2,.project-notes h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.07em;margin:14px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 18px}.project-card .visual{min-height:310px;transition:filter .3s,transform .3s}.project-card:hover .visual{filter:brightness(1.2)}.project-card:nth-child(3n+2) .visual{background:linear-gradient(135deg,#31322d,#77715f,#171816)}.project-card:nth-child(3n) .visual{background:linear-gradient(135deg,#252b30,#59646a,#161817)}.card-meta{display:flex;justify-content:space-between;gap:10px;padding-top:14px;font-size:12px}.card-meta small{color:var(--muted);font-size:9px}.beauty-band{padding:0 6vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.beauty-band .visual{min-height:420px}.beauty-band p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:450px}.cta{padding:85px 6vw;background:var(--accent);color:#111;text-align:center}.cta .eyebrow{color:#343a22}.cta h2{font-size:clamp(48px,7vw,90px);line-height:.95;letter-spacing:-.08em;margin:22px}.button{display:inline-block;background:#111;color:#f5f3eb;padding:16px 24px;font-size:11px;margin-top:20px}.footer{padding:45px 6vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;border-top:1px solid var(--line)}.footer p{color:var(--muted);font-size:11px}.footer>a:nth-of-type(2){text-align:right;font-size:12px;color:var(--accent)}.footer small{grid-column:1/-1;color:#777;font-size:10px;margin-top:18px}.page-wrap{padding:0 6vw}.page-hero{padding:95px 0 70px}.page-hero h1{margin-bottom:22px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-bottom:90px}.portrait-art{min-height:510px}.about-layout p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.values{border-top:1px solid var(--line);padding:50px 0 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values span{font:11px 'DM Mono';color:var(--accent)}.values h3{font-size:20px;letter-spacing:-.04em}.values p{color:var(--muted);font-size:13px;line-height:1.8}.contact-page{padding:100px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;min-height:75vh;align-items:center}.contact-email{font-size:clamp(20px,3vw,34px);display:block;margin:28px 0;border-bottom:1px solid var(--line);padding-bottom:16px}.contact-details p{color:var(--muted);font-size:13px;line-height:1.8}.contact-details p a{color:var(--text)}.project-detail{padding:75px 6vw}.project-detail-head{max-width:750px;padding-bottom:40px}.project-detail-head h1{font-size:clamp(50px,8vw,110px)}.detail-art{min-height:600px}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:80px 0}.project-notes p{font-size:14px;color:var(--muted);line-height:1.9}.next-project{border-top:1px solid var(--line);padding:30px 0}.next-project a{display:flex;justify-content:space-between;font-size:14px}.next-project b{color:var(--accent)}
@media(max-width:760px){.site-header{height:72px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 6vw;background:#171715;flex-direction:column;gap:22px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px;min-height:auto}.hero-art{min-height:350px}.intro-strip{grid-template-columns:1fr;gap:15px}.intro-strip p{font-size:18px}.project-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.project-card .visual{min-height:220px}.card-meta{display:block}.card-meta small{display:block;margin-top:7px}.beauty-band,.about-layout,.contact-page,.project-notes{grid-template-columns:1fr}.beauty-band{padding-top:20px}.beauty-band .visual{min-height:330px}.section-heading{align-items:start;gap:15px;flex-direction:column}.footer{grid-template-columns:1fr 1fr}.footer p{grid-column:1/-1;grid-row:2}.footer>a:nth-of-type(2){text-align:right}.page-hero{padding:70px 0 45px}.portrait-art{min-height:350px}.values{grid-template-columns:1fr;padding-bottom:60px}.contact-page{padding:75px 6vw;gap:45px}.project-detail{padding:55px 6vw}.detail-art{min-height:360px}.project-notes{padding:50px 0}.next-project a{gap:20px;flex-direction:column}.work-section{padding:65px 6vw}}
@media(max-width:420px){.project-grid{grid-template-columns:1fr}.project-card .visual{min-height:280px}.card-meta{display:flex}.card-meta small{margin:0}.hero h1{font-size:52px}}