:root{--bg:#0a0908;--bg2:#141210;--bg3:#1c1916;--text:#f4f1ea;--muted:#8a817a;--muted2:#5c5550;--accent:#b8a978;--accent-soft:#b8a97824;--border:#f4f1ea1a;--display:"Fraunces",Georgia,serif;--body:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.6;overflow-x:hidden}.font-display{font-family:var(--display);font-optical-sizing:auto}.wrap{max-width:90rem;margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem)}.label{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);font-size:.72rem;font-weight:500}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body:before{content:"";z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.5rem,5vw,5rem);transition:background .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s,border-color .6s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--border);background:#0a0908b8}nav .brand{font-family:var(--display);letter-spacing:.02em;font-size:1.15rem;font-weight:500}nav .brand span{color:var(--accent)}nav .links{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);gap:2.4rem;font-size:.8rem;display:flex}nav .links a{transition:color .4s}nav .links a:hover{color:var(--text)}nav .navcta{text-transform:uppercase;letter-spacing:.16em;border:1px solid var(--border);border-radius:2rem;padding:.6rem 1.2rem;font-size:.75rem;transition:all .4s}nav .navcta:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.menu-btn{color:var(--text);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.8rem;display:none}@media (width<=860px){nav .links{display:none}.menu-btn{display:block}}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding-bottom:clamp(3rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(at 72% 18%,#b8a97829 0%,#0000 55%),radial-gradient(at 18% 88%,#785a3c2e 0%,#0000 50%),linear-gradient(#0d0b09 0%,#0a0908 60%,#070605 100%);position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(#0000 40%,#07060599 100%);position:absolute;inset:0}.hero .wrap{z-index:2;width:100%;position:relative}.hero .kicker{align-items:center;gap:1.2rem;margin-bottom:1.6rem;display:flex}.hero .kicker .line{background:var(--accent);opacity:.6;width:54px;height:1px}.hero h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(3rem,11vw,11rem);font-weight:300;line-height:.9}.hero h1 em{color:var(--accent);font-style:italic}.hero .sub{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:3rem;margin-top:1.8rem;display:flex}.hero .tagline{font-family:var(--display);color:var(--text);max-width:18ch;font-size:clamp(1.3rem,2.6vw,2rem);font-style:italic;font-weight:300;line-height:1.2}.hero .blurb{max-width:42ch;color:var(--muted);font-size:1rem}.scroll-cue{z-index:3;letter-spacing:.3em;text-transform:uppercase;color:var(--muted2);flex-direction:column;align-items:center;gap:.6rem;font-size:.68rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-cue .bar{background:linear-gradient(var(--accent),transparent);width:1px;height:46px;animation:2.2s infinite drop}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}section{position:relative}.sec-pad{padding:clamp(5rem,12vw,11rem) 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:flex}.sec-head h2{font-family:var(--display);letter-spacing:-.02em;max-width:16ch;font-size:clamp(2.2rem,6vw,5rem);font-weight:300;line-height:.95}.sec-head .idx{font-family:var(--display);color:var(--muted2);font-size:1rem}.reel-frame{aspect-ratio:21/9;border:1px solid var(--border);cursor:pointer;background:radial-gradient(circle at 40% 40%,#b8a9781a,#0000 60%),linear-gradient(120deg,#15110d,#0a0908 50%,#1a1410);border-radius:4px;position:relative;overflow:hidden}.reel-frame:before{content:"";background-image:repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 4px);position:absolute;inset:0}.reel-frame .play{border:1px solid var(--accent);background:#0a09084d;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;transition:all .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-frame .play svg{width:26px;height:26px;fill:var(--accent);margin-left:4px}.reel-frame:hover .play{background:var(--accent);transform:translate(-50%,-50%)scale(1.08)}.reel-frame:hover .play svg{fill:var(--bg)}.reel-frame .tag{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.74rem;position:absolute;bottom:1.4rem;left:1.6rem}.reel-frame .runtime{letter-spacing:.2em;color:var(--muted);font-size:.74rem;position:absolute;bottom:1.4rem;right:1.6rem}.work-grid{grid-template-columns:repeat(6,1fr);gap:1.2rem;display:grid}.work-item{border:1px solid var(--border);background:var(--bg2);cursor:pointer;border-radius:3px;min-height:240px;position:relative;overflow:hidden}.work-item .ph{transition:transform 1.4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.work-item:hover .ph{transform:scale(1.06)}.work-item .meta{z-index:2;background:linear-gradient(#0000,#070605d9);padding:1.4rem;position:absolute;bottom:0;left:0;right:0}.work-item .meta .t{font-family:var(--display);font-size:1.4rem;font-weight:400}.work-item .meta .c{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:.3rem;font-size:.75rem}.work-item .soon{letter-spacing:.2em;text-transform:uppercase;color:var(--muted2);border:1px solid var(--border);z-index:2;border-radius:2rem;padding:.3rem .6rem;font-size:.62rem;position:absolute;top:1.2rem;right:1.2rem}.w-tall{grid-area:span 2/span 2;min-height:500px}.w-wide{grid-column:span 4}.w-2{grid-column:span 2}.w-3{grid-column:span 3}.g1{background:linear-gradient(135deg,#1a1206,#3a2a10 60%,#0a0908)}.g2{background:radial-gradient(circle at 70% 30%,#24303a,#0c1014)}.g3{background:linear-gradient(140deg,#2a1018,#0a0908)}.g4{background:linear-gradient(160deg,#101a18,#0a0908)}.g5{background:radial-gradient(circle at 30% 70%,#2a2410,#0a0908)}.g6{background:linear-gradient(135deg,#241a2e,#0a0908)}@media (width<=860px){.work-grid{grid-template-columns:repeat(2,1fr)}.w-tall,.w-wide,.w-3{grid-area:auto/span 2;min-height:280px}.w-2{grid-column:span 1}}.method{background:linear-gradient(#0a0908,#0d0b08)}.method-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.method-visual{aspect-ratio:4/5;border:1px solid var(--border);background:linear-gradient(135deg,#0d3d2e 0%,#0a2a20 30%,#0a0908 75%);border-radius:4px;position:relative;overflow:hidden}.method-visual .gs{background:repeating-linear-gradient(45deg,#00ff8c0a 0 14px,#0000 14px 28px);position:absolute;inset:0}.method-visual .badge{letter-spacing:.2em;text-transform:uppercase;color:#5fd99e;border:1px solid #5fd99e66;border-radius:2rem;padding:.4rem .8rem;font-size:.7rem;position:absolute;top:1.4rem;left:1.4rem}.method-visual .arrow{font-family:var(--display);color:var(--accent);text-align:center;letter-spacing:.05em;font-size:1.3rem;font-style:italic;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.method-steps{list-style:none}.method-steps li{border-top:1px solid var(--border);gap:1.4rem;padding:1.5rem 0;display:flex}.method-steps li:last-child{border-bottom:1px solid var(--border)}.method-steps .n{font-family:var(--display);color:var(--accent);min-width:2.4rem;font-size:1rem}.method-steps .h{font-family:var(--display);margin-bottom:.4rem;font-size:1.3rem;font-weight:400}.method-steps p{color:var(--muted);font-size:.95rem}@media (width<=860px){.method-grid{grid-template-columns:1fr}}.about{background:var(--bg2)}.about-lead{font-family:var(--display);max-width:26ch;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(1.6rem,3.6vw,2.8rem);font-weight:300;line-height:1.25}.about-lead em{color:var(--accent);font-style:italic}.about-foundation{color:var(--muted);max-width:54ch;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:1.05rem;line-height:1.7}.about-foundation b{color:var(--text);font-weight:500}.about-meta{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;gap:3rem;padding-top:2.4rem;font-size:.9rem;display:flex}.about-meta div{max-width:30ch}.about-meta b{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.72rem;font-weight:500;display:block}.brands{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:clamp(3.5rem,7vw,6rem) 0}.brands .label{text-align:center;margin-bottom:.8rem;display:block}.brands .subnote{text-align:center;color:var(--muted2);font-size:.82rem;font-style:italic;font-family:var(--display);margin-bottom:2.6rem}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{white-space:nowrap;gap:3.4rem;padding-right:3.4rem;animation:46s linear infinite scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--display);color:var(--muted);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:300;transition:color .4s}.marquee-track span:hover{color:var(--accent)}.marquee.rev .marquee-track{animation-duration:54s;animation-direction:reverse}@keyframes scroll{to{transform:translate(-50%)}}.marquee+.marquee{margin-top:1.4rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.svc{border:1px solid var(--border);background:linear-gradient(#f4f1ea04,#0000);border-radius:4px;padding:2.4rem;transition:all .5s}.svc:hover{background:var(--accent-soft);border-color:#b8a97866}.svc .n{font-family:var(--display);color:var(--muted2);font-size:.9rem}.svc h3{font-family:var(--display);margin:.8rem 0;font-size:1.6rem;font-weight:400;line-height:1.1}.svc.feat h3 em{color:var(--accent);font-style:italic}.svc p{color:var(--muted);font-size:.95rem}.svc.feat{border-color:#b8a9784d;grid-column:span 2}@media (width<=860px){.services-grid{grid-template-columns:1fr}.svc.feat{grid-column:span 1}}.contact{background:linear-gradient(180deg,var(--bg2),var(--bg))}.contact-grid{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);display:grid}.contact h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:300;line-height:.95}.contact h2 em{color:var(--accent);font-style:italic}.contact .note{color:var(--muted);max-width:32ch;margin-top:1.6rem}.contact .direct{font-family:var(--display);margin-top:2.4rem;font-size:1.3rem}.contact .direct a{border-bottom:1px solid var(--accent);color:var(--accent)}form{flex-direction:column;gap:1.3rem;display:flex}form .row{grid-template-columns:1fr 1fr;gap:1.3rem;display:grid}label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.7rem;display:block}input,textarea,select{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-family:var(--body);background:0 0;padding:.7rem 0;font-size:1rem;transition:border-color .4s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}select{appearance:none;cursor:pointer}select option{background:var(--bg2)}button.submit{background:var(--accent);color:var(--bg);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2rem;align-self:flex-start;margin-top:.6rem;padding:1rem 2.6rem;font-size:.78rem;font-weight:500;transition:all .4s}button.submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #b8a97880}.thanks{font-family:var(--display);color:var(--accent);font-size:1.4rem}@media (width<=860px){.contact-grid,form .row{grid-template-columns:1fr}}footer{border-top:1px solid var(--border);padding:clamp(3rem,6vw,5rem) 0 2.5rem}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.foot-top .big{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2rem,6vw,4rem);font-weight:300;line-height:.95}.foot-top .big span{color:var(--accent)}.foot-links{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:1.6rem;font-size:.8rem;display:flex}.foot-links a:hover{color:var(--accent)}.foot-bottom{color:var(--muted2);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;font-size:.74rem;display:flex}