:root{--bg:#080807;--bg-2:#0d0d0b;--ink:#f6f3ec;--ink-dim:#a8a297;--ink-faint:#6a655b;--gold:#c9a84c;--gold-soft:#e7d196;--gold-deep:#9a7e34;--line:#c9a84c29;--line-soft:#f6f3ec12;--display:"Cormorant Garamond",serif;--mono:"Spline Sans Mono",monospace;--body:"Archivo",sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.6;overflow-x:hidden}::selection{background:var(--gold);color:#080807}body:after{content:"";pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{max-width:1240px;margin:0 auto;padding:0 40px}@media (max-width:640px){.wrap{padding:0 24px}}#intro{z-index:10000;background:var(--bg);transition:opacity 1.2s var(--ease),visibility 1.2s;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-mono{font-family:var(--display);letter-spacing:.1em;color:#0000;-webkit-text-stroke:.7px var(--gold);text-align:center;font-size:clamp(2.2rem,7vw,4.6rem);font-weight:300;position:relative}.intro-mono .fill{color:var(--gold-soft);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);animation:introFill 1.7s .5s var(--ease)forwards;position:absolute;inset:0}.intro-line{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:0;height:1px;animation:introLine 1.4s 1.1s var(--ease)forwards;margin-top:26px}.intro-sub{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);opacity:0;margin-top:24px;font-size:.68rem;animation:.9s 1.6s forwards introSub}@keyframes introFill{to{clip-path:inset(0)}}@keyframes introLine{to{width:min(280px,62vw)}}@keyframes introSub{to{opacity:1}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9998;mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--gold-soft);width:5px;height:5px}.cursor-ring{width:34px;height:34px;transition:width .35s var(--ease),height .35s,border-color .35s;border:1px solid #e7d19666}.cursor-ring.hover{border-color:var(--gold);width:60px;height:60px}@media (max-width:900px){.cursor-dot,.cursor-ring{display:none}}nav{z-index:1000;transition:padding .5s var(--ease),background .5s,border-color .5s;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:26px 48px;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line-soft);background:#080807d1;padding:16px 48px}.brand{font-family:var(--display);letter-spacing:.05em;font-size:1.2rem;font-weight:400}.brand span{color:var(--gold)}.nav-links{align-items:center;gap:38px;display:flex}.nav-links a{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-dim);font-size:.7rem;text-decoration:none;transition:color .3s;position:relative}.nav-links a:not(.nav-cta):after{content:"";background:var(--gold);width:0;height:1px;transition:width .4s var(--ease);position:absolute;bottom:-6px;left:0}.nav-links a:not(.nav-cta):hover:after{width:100%}.nav-links a:hover{color:var(--gold-soft)}.nav-cta{border:1px solid var(--line);transition:all .4s var(--ease);padding:10px 20px;position:relative;overflow:hidden;color:var(--gold-soft)!important}.nav-cta:before{content:"";background:var(--gold);transition:transform .4s var(--ease);z-index:-1;position:absolute;inset:0;transform:translateY(101%)}.nav-cta:hover{border-color:var(--gold);color:#080807!important}.nav-cta:hover:before{transform:translateY(0)}@media (max-width:820px){.nav-links a:not(.nav-cta){display:none}nav,nav.scrolled{padding-left:24px;padding-right:24px}}.hero{align-items:center;min-height:100vh;padding:140px 48px 100px;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.hero{padding:140px 24px 80px}}.hero-bg{z-index:0;position:absolute;inset:0}.orb{filter:blur(60px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#c9a84c1f,#0000 62%);width:620px;height:620px;animation:16s ease-in-out infinite float1;top:8%;right:-8%}.orb-2{background:radial-gradient(circle,#9a7e341a,#0000 60%);width:480px;height:480px;animation:20s ease-in-out infinite float2;bottom:-12%;left:-6%}.hero-grid-lines{z-index:0;opacity:.5;background-image:linear-gradient(var(--line-soft)1px,transparent 1px),linear-gradient(90deg,var(--line-soft)1px,transparent 1px);background-size:100% 33.33%,33.33% 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,40px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.hero-inner{z-index:2;width:100%;max-width:1160px;margin:0 auto;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);align-items:center;gap:16px;margin-bottom:40px;font-size:.74rem;display:flex}.eyebrow:before{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:46px;height:1px}.hero h1{font-family:var(--display);letter-spacing:-.015em;max-width:15ch;margin-bottom:38px;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:.98}.hero h1 em{color:var(--gold-soft);font-style:italic}.line-mask{display:block;overflow:hidden}.line-mask>span{transition:transform 1.1s var(--ease);display:block;transform:translateY(110%)}.reveal-ready .line-mask>span{transform:translateY(0)}.reveal-ready .l2>span{transition-delay:.12s}.reveal-ready .l3>span{transition-delay:.24s}.hero-sub{color:var(--ink-dim);opacity:0;max-width:48ch;font-size:1.15rem;line-height:1.75;transition:opacity 1s .7s}.reveal-ready .hero-sub{opacity:1}.hero-actions{opacity:0;flex-wrap:wrap;align-items:center;gap:24px;margin-top:52px;transition:opacity 1s .9s;display:flex}.reveal-ready .hero-actions{opacity:1}.btn-primary{background:var(--gold);color:#080807;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold);padding:17px 32px;font-size:.78rem;text-decoration:none;transition:color .4s;position:relative;overflow:hidden}.btn-primary span{z-index:1;position:relative}.btn-primary:before{content:"";background:var(--bg);transition:transform .45s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn-primary:hover{color:var(--gold-soft)}.btn-primary:hover:before{transform:translateY(0)}.btn-text{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;font-size:.78rem;text-decoration:none;transition:color .3s;display:flex}.btn-text .arr{transition:transform .35s var(--ease)}.btn-text:hover{color:var(--gold-soft)}.btn-text:hover .arr{transform:translate(6px)}.scroll-hint{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);opacity:0;flex-direction:column;align-items:center;gap:14px;font-size:.64rem;animation:1s 1.4s forwards fadeIn;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.scroll-hint .ln{background:#c9a84c33;width:1px;height:46px;position:relative;overflow:hidden}.scroll-hint .ln:after{content:"";background:var(--gold-soft);width:1px;height:46px;animation:scrollDrop 2.2s var(--ease)infinite;position:absolute;top:-46px;left:0}@keyframes scrollDrop{0%{top:-46px}60%,to{top:46px}}@keyframes fadeIn{to{opacity:1}}.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);white-space:nowrap;background:var(--bg-2);padding:26px 0;overflow:hidden}.marquee-track{animation:32s linear infinite scrollX;display:inline-flex}.marquee-track span{font-family:var(--display);color:var(--ink-faint);letter-spacing:.02em;align-items:center;padding:0 40px;font-size:1.5rem;font-style:italic;display:inline-flex}.marquee-track span:after{content:"✦";color:var(--gold);margin-left:40px;font-size:.6rem;font-style:normal}@keyframes scrollX{to{transform:translate(-50%)}}.sec-label{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);align-items:center;gap:14px;margin-bottom:26px;font-size:.72rem;display:flex}.sec-label:before{content:"";background:var(--gold);width:30px;height:1px}.sec-title{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;line-height:1.08}.sec-title em{color:var(--gold-soft);font-style:italic}.approach{padding:150px 0;position:relative}.approach-head{max-width:62ch;margin-bottom:90px}.approach-intro{color:var(--ink-dim);max-width:56ch;margin-top:30px;font-size:1.18rem;line-height:1.78}.principles{grid-template-columns:repeat(3,1fr);display:grid}.principle{border-top:1px solid var(--line-soft);border-right:1px solid var(--line-soft);padding:50px 40px 50px 0;position:relative}.principle:last-child{border-right:none}.principle:before{content:"";background:var(--gold);width:0;height:1px;transition:width .9s var(--ease);position:absolute;top:-1px;left:0}.principle.in:before{width:100%}.principle .pnum{font-family:var(--mono);color:var(--gold);letter-spacing:.12em;margin-bottom:28px;font-size:.72rem;display:block}.principle h3{font-family:var(--display);margin-bottom:18px;font-size:1.75rem;font-weight:400;line-height:1.18}.principle p{color:var(--ink-dim);font-size:.98rem;line-height:1.72}@media (max-width:820px){.principles{grid-template-columns:1fr}.principle{border-right:none;padding:42px 0}}.work{background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:150px 0}.work-head{max-width:62ch;margin-bottom:30px}.work-note{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.04em;max-width:56ch;margin-top:24px;font-size:.74rem;line-height:1.8}.work-grid{flex-direction:column;gap:130px;margin-top:80px;display:flex}.work-item{grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;display:grid}.work-item:nth-child(2n){grid-template-columns:1.15fr 1fr}.work-item:nth-child(2n) .work-meta{order:2}.work-meta .wtag{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-size:.68rem;display:block}.work-meta h3{font-family:var(--display);letter-spacing:-.01em;margin-bottom:22px;font-size:clamp(2.6rem,5vw,4rem);font-weight:300;line-height:.95}.work-meta .wdesc{color:var(--ink-dim);max-width:44ch;margin-bottom:30px;font-size:1.04rem;line-height:1.74}.work-meta .wstack{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.work-meta .wstack span{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-faint);border:1px solid var(--line-soft);padding:7px 13px;font-size:.66rem}.work-link{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft);border-bottom:1px solid var(--line);transition:gap .35s var(--ease),color .3s;align-items:center;gap:12px;padding-bottom:7px;font-size:.76rem;text-decoration:none;display:inline-flex}.work-link:hover{color:var(--gold);gap:20px}.work-visual{aspect-ratio:4/3;border:1px solid var(--line);transition:box-shadow .6s var(--ease);transform-style:preserve-3d;background:linear-gradient(140deg,#19170f,#0a0a08 70%);border-radius:3px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-visual:hover{box-shadow:0 40px 120px #0009}.work-visual.has-image{background:0 0}.work-visual .work-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0}.work-visual:hover .work-img{transform:scale(1.05)}.work-visual.has-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 60%,#080807e6);position:absolute;inset:0}.work-visual.has-image:after{display:none}.work-visual:before{content:"";z-index:1;background:radial-gradient(circle at 35% 30%,#c9a84c1f,#0000 60%);position:absolute;inset:0}.work-visual:after{content:"";width:55%;height:200%;transition:left 1s var(--ease);background:linear-gradient(90deg,#0000,#e7d19614,#0000);position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.work-visual:hover:after{left:130%}.vlabel{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);z-index:2;font-size:.6rem;position:absolute;bottom:18px;left:20px}@media (max-width:820px){.work-item,.work-item:nth-child(2n){grid-template-columns:1fr;gap:34px}.work-item:nth-child(2n) .work-meta{order:0}.work-grid{gap:90px}}.process{padding:150px 0}.process-head{max-width:62ch;margin-bottom:80px}.steps{grid-template-columns:repeat(4,1fr);display:grid}.step{border-left:1px solid var(--line-soft);padding:44px 32px;position:relative}.step:first-child{border-left:none;padding-left:0}.step .snum{font-family:var(--display);color:#0000;-webkit-text-stroke:1px var(--gold-deep);transition:all .5s var(--ease);margin-bottom:24px;font-size:3.4rem;font-weight:300;line-height:1;display:block}.step:hover .snum{-webkit-text-stroke:1px var(--gold);color:#c9a84c0d}.step h4{font-family:var(--display);margin-bottom:14px;font-size:1.5rem;font-weight:400}.step p{color:var(--ink-dim);font-size:.92rem;line-height:1.68}@media (max-width:820px){.steps{grid-template-columns:1fr 1fr;gap:14px}.step:nth-child(3){border-left:none;padding-left:0}}@media (max-width:480px){.steps{grid-template-columns:1fr}.step{border-left:none;padding-left:0}}.contact{text-align:center;border-top:1px solid var(--line-soft);padding:170px 0 150px;position:relative;overflow:hidden}.contact-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(#c9a84c1a,#0000 68%);width:900px;height:600px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.contact-inner{z-index:1;position:relative}.contact h2{font-family:var(--display);letter-spacing:-.015em;margin-bottom:32px;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:300;line-height:1.02}.contact h2 em{color:var(--gold-soft);font-style:italic}.contact p{color:var(--ink-dim);max-width:52ch;margin:0 auto 20px;font-size:1.14rem;line-height:1.72}.availability{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:11px;margin:40px 0 44px;font-size:.74rem;display:inline-flex}.availability:before{content:"";background:var(--gold);width:8px;height:8px;box-shadow:0 0 14px var(--gold);border-radius:50%;animation:2.4s infinite pulse}.contact-email{font-family:var(--display);color:var(--ink);font-size:clamp(1.8rem,4.5vw,3rem);font-style:italic;font-weight:300;text-decoration:none;display:inline-block;position:relative}.contact-email:after{content:"";background:var(--line);width:100%;height:1px;transition:background .4s;position:absolute;bottom:0;left:0}.contact-email:hover{color:var(--gold-soft)}.contact-email:hover:after{background:var(--gold)}footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:48px;display:flex}footer .fname{font-family:var(--display);color:var(--ink-dim);font-size:1.05rem}footer .fname span{color:var(--gold)}footer .flinks{gap:30px;display:flex}footer a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem;text-decoration:none;transition:color .3s}footer a:hover{color:var(--gold-soft)}@media (max-width:640px){footer{padding:36px 24px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.reveal{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);transform:translateY(36px)}.reveal.in{opacity:1;transform:translateY(0)}
