:root{--bg:#0a0a0a;--fg:#f2eee7;--muted:#8c8882;--line:#262626;--warm:#bca88d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;opacity:.045;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 34px;mix-blend-mode:difference}.logo{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.16em}.logo span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #fff;margin-right:10px}.menu{background:none;border:0;color:#fff;letter-spacing:.15em;font-size:11px;cursor:pointer}.hero{min-height:100vh;position:relative;padding:150px 34px 50px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-tag{font-size:10px;letter-spacing:.18em;color:var(--muted);position:relative;z-index:3}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,11vw,190px);line-height:.78;font-weight:400;letter-spacing:-.065em;margin:70px 0 0;position:relative;z-index:3}.hero h1 em{color:var(--warm);font-weight:400}.hero-bottom{position:absolute;left:34px;right:34px;bottom:48px;display:flex;justify-content:space-between;align-items:end;z-index:3}.hero-bottom p{width:min(470px,45vw);color:#aaa59d;line-height:1.6}.hero-bottom a{color:var(--fg);text-decoration:none;font-size:12px;letter-spacing:.12em}.monolith{position:absolute;right:8vw;top:11vh;width:min(35vw,520px);height:77vh;background:linear-gradient(150deg,#1c1c1c 0 35%,#111 35% 100%);box-shadow:-80px 80px 140px #000;transform:skewY(-2deg)}.monolith:before{content:"";position:absolute;left:-18%;top:10%;width:18%;height:84%;background:#151515;transform:skewY(11deg)}.light{position:absolute;left:24%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--warm),transparent);box-shadow:0 0 45px rgba(188,168,141,.35)}.brand-slot{padding:130px 34px;display:grid;grid-template-columns:180px 1.5fr 1fr;gap:40px;border-bottom:1px solid var(--line)}.brand-slot span,.kicker,.work-title{font-size:10px;letter-spacing:.18em;color:var(--muted)}.brand-slot h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,7vw,110px);line-height:.9;letter-spacing:-.045em;margin:0}.brand-slot p{color:#9b9790;line-height:1.7;max-width:460px;align-self:end}.work{padding:90px 34px}.work-title{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.case{margin-top:32px}.visual{position:relative;overflow:hidden;min-height:540px;border:1px solid #1f1f1f}.visual span{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:.16em;color:#d7d0c7}.v1{background:linear-gradient(118deg,#151515 0 22%,#5d544a 22% 23%,#20201e 23% 57%,#9c8b75 57% 58%,#121212 58%)}.v1:after{content:"";position:absolute;width:38%;height:55%;right:16%;bottom:0;background:linear-gradient(90deg,#2a2825,#776a5a);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.split .visual{min-height:460px}.v2{background:linear-gradient(145deg,#111 0 35%,#3a332c 35% 62%,#0b0b0b 62%)}.v2:after{content:"";position:absolute;inset:18% 12% 0 40%;border:1px solid #9e8769;background:linear-gradient(90deg,#191817,#302b26)}.v3{background:linear-gradient(90deg,#1d1b19 0 25%,#7d6e5b 25% 27%,#34302b 27% 55%,#151515 55%)}.v3:after{content:"";position:absolute;width:34%;height:66%;right:12%;top:17%;background:#0b0b0b;border-left:1px solid #917f68}.case-copy{display:flex;justify-content:space-between;align-items:end;padding:18px 0 45px}.case-copy h3{font-family:Georgia,serif;font-weight:400;font-size:44px;margin:0}.case-copy p{color:var(--muted);font-size:12px}.twin{display:grid;grid-template-columns:1fr 1fr;gap:30px}.process{padding:110px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px}.process-grid>div{border-top:1px solid #343434;padding-top:18px}.process-grid b{font-size:10px;color:var(--muted)}.process-grid h3{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:60px 0 14px}.process-grid p{color:#8f8a84;line-height:1.6}.quote{padding:150px 34px}.quote p{font-family:Georgia,serif;font-size:clamp(50px,7vw,110px);font-weight:400;line-height:.98;max-width:1300px;margin:0;color:#d7d0c8}.contact{padding:120px 34px 60px;background:#d7cec2;color:#111}.contact .kicker{color:#655f58}.contact h2{font-family:Georgia,serif;font-size:clamp(60px,8vw,130px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:38px 0 100px}.contact-row{border-top:1px solid #91877b;padding-top:22px;display:flex;justify-content:space-between}.contact-row a{color:#111;text-decoration:none;font-size:20px}.contact-row span{font-size:12px;color:#5e5851}footer{display:flex;justify-content:space-between;padding:18px 34px;background:#d7cec2;color:#665f57;font-size:10px;letter-spacing:.12em}@media(max-width:850px){header{padding:22px}.hero{padding:120px 22px 35px;min-height:92vh}.hero h1{font-size:70px;margin-top:80px}.monolith{right:-9vw;width:58vw;height:62vh;top:20vh;opacity:.78}.hero-bottom{left:22px;right:22px;bottom:32px}.hero-bottom p{width:62%;font-size:13px}.brand-slot{grid-template-columns:1fr;padding:90px 22px}.brand-slot h2{font-size:58px}.work{padding:70px 22px}.visual{min-height:360px}.split{grid-template-columns:1fr}.case-copy h3{font-size:34px}.twin{grid-template-columns:1fr}.process{padding:90px 22px}.process-grid{grid-template-columns:1fr}.process-grid h3{margin-top:28px}.quote{padding:100px 22px}.contact{padding:90px 22px 40px}.contact h2{font-size:64px;margin-bottom:70px}.contact-row{flex-direction:column;gap:18px}footer{padding:18px 22px;flex-direction:column;gap:10px}}
