@import "https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:wght@300;400;500&display=swap";
: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:var(--font-display),"Instrument Serif",Georgia,serif;--mono:"Spline Sans Mono",ui-monospace,monospace;--body:var(--font-body),"Archivo",system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--fs-micro:.75rem;--lh-micro:1.3;--ls-micro:.12em;--fs-body:1.0625rem;--lh-body:1.6;--ls-body:0;--fs-body-lg:1.25rem;--lh-body-lg:1.55;--ls-body-lg:-.01em;--fs-h3:1.75rem;--lh-h3:1.2;--ls-h3:-.02em;--fs-h2:2.75rem;--lh-h2:1.1;--ls-h2:-.025em;--fs-h1:4rem;--lh-h1:1;--ls-h1:-.03em;--fs-display:clamp(2.75rem,9vw,8rem);--lh-display:.92;--ls-display:-.04em;--space-section:160px;--space-major:240px;--space-block:64px;--space-heading:20px;--measure:65ch}@media (max-width:640px){:root{--space-section:80px;--space-major:112px;--space-block:40px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}p{max-width:var(--measure)}::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}:root{--gutter:48px;--shell:1240px}@media (max-width:640px){:root{--gutter:24px}}.wrap{max-width:var(--shell);padding:0 var(--gutter);margin:0 auto}#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:400;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);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);opacity:0;margin-top:24px;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;padding:26px 0;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 0}.nav-inner{max-width:var(--shell);padding:0 var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:var(--display);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);font-weight:400}.brand span{color:var(--gold)}.nav-links{align-items:center;gap:38px;display:flex}.nav-links a{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-dim);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}}.hero{min-height:100vh;padding:140px var(--gutter) var(--space-section);align-items:center;display:flex;position:relative;overflow:hidden}.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;max-width:calc(var(--shell) - var(--gutter) * 2);width:100%;margin:0 auto;position:relative}.eyebrow{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-block);align-items:center;gap:16px;display:flex}.eyebrow:before{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:46px;height:1px}.hero h1{font-family:var(--display);font-weight:400;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);max-width:15ch;margin-bottom:max(var(--space-heading),.28em)}.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{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--ink-dim);max-width:var(--measure);opacity:0;transition:opacity 1s .7s}.reveal-ready .hero-sub{opacity:1}.hero-actions{margin-top:var(--space-block);opacity:0;flex-wrap:wrap;align-items:center;gap:24px;transition:opacity 1s .9s;display:flex}.reveal-ready .hero-actions{opacity:1}.btn-primary{color:var(--gold);font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold);background:0 0;padding:17px 32px;text-decoration:none;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary span{z-index:1;position:relative}.btn-primary:hover{color:var(--gold-soft);background-color:#c9a84c14}.btn-text{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;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);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);opacity:0;flex-direction:column;align-items:center;gap:14px;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);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);color:var(--ink-faint);align-items:center;padding:0 40px;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);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-heading);align-items:center;gap:14px;display:flex}.sec-label:before{content:"";background:var(--gold);width:30px;height:1px}.sec-title{font-family:var(--display);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}.sec-title em{color:var(--gold-soft);font-style:italic}.approach{padding:var(--space-section) 0;position:relative}.approach-head{max-width:var(--measure);margin-bottom:var(--space-block)}.approach-intro{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--ink-dim);max-width:var(--measure);margin-top:var(--space-heading)}.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);font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--gold);letter-spacing:var(--ls-micro);margin-bottom:28px;display:block}.principle h3{font-family:var(--display);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);margin-bottom:var(--space-heading);font-weight:400}.principle p{color:var(--ink-dim);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);max-width:var(--measure)}@media (max-width:820px){.principles{grid-template-columns:1fr}.principle{border-right:none;padding:42px 0}}.work{padding:var(--space-major) 0;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.work-head{max-width:var(--measure);margin-bottom:var(--space-heading)}.work-note{font-family:var(--body);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--ink-dim);text-transform:none;margin-top:var(--space-heading);max-width:var(--measure)}.work-grid{margin-top:var(--space-block);gap:var(--space-section);flex-direction:column;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);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-heading);display:block}.work-meta h3{font-family:var(--display);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);margin-bottom:var(--space-heading);font-weight:400}.work-meta .wdesc{color:var(--ink-dim);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);max-width:var(--measure);margin-bottom:var(--space-heading)}.work-meta .wstack{margin-bottom:var(--space-block);flex-wrap:wrap;align-items:baseline;gap:0;display:flex}.work-meta .wstack span{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--ink-faint);border:none;align-items:baseline;padding:0;display:inline-flex}.work-meta .wstack span:not(:last-child):after{content:"·";color:var(--ink-faint);opacity:.6;margin:0 .6em}.work-link{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);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;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}:root{--grade-saturate:.3;--grade-sepia:.55;--grade-contrast:1.06;--grade-brightness:1}.work-img{filter:saturate(var(--grade-saturate)) sepia(var(--grade-sepia)) contrast(var(--grade-contrast)) brightness(var(--grade-brightness))}.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);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);z-index:2;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:var(--space-section) 0}.process-head{max-width:var(--measure);margin-bottom:var(--space-block)}.steps{grid-template-columns:repeat(4,1fr);display:grid}.step{border-left:1px solid var(--line-soft);padding:44px 32px;position:relative;overflow:hidden}.step:first-child{border-left:none;padding-left:0}.step .snum{z-index:0;pointer-events:none;font-family:var(--display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--gold);opacity:.07;-webkit-text-stroke:0;transition:opacity .5s var(--ease);font-weight:400;position:absolute;top:-.12em;right:.08em}.step:hover .snum{opacity:.13}.step h4,.step p{z-index:1;position:relative}.step h4{font-family:var(--display);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);margin-bottom:var(--space-heading);font-weight:400}.step p{color:var(--ink-dim);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);max-width:var(--measure)}@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{padding:var(--space-major) 0 var(--space-section);border-top:1px solid var(--line-soft);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);font-weight:400;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);margin-bottom:var(--space-heading)}.contact h2 em{color:var(--gold-soft);font-style:italic}.contact p{color:var(--ink-dim);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);max-width:var(--measure);margin:0 0 var(--space-heading)}.availability{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:var(--space-block) 0;align-items:center;gap:11px;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);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--ink);font-style:italic;font-weight:400;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)}.footer-inner{max-width:var(--shell);padding:var(--space-block) var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}footer .fname{font-family:var(--display);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--ink-dim)}footer .fname span{color:var(--gold)}footer .flinks{gap:30px;display:flex}footer a{font-family:var(--mono);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none;transition:color .3s}footer a:hover{color:var(--gold-soft)}@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)}