:root{--g:#0B0A09;--e:#14120F;--iv:#F3EEE4;--sage:#9C9486;--tc:#D6B77C;--gold:#D6B77C;--ink:#070706;--serif:"Instrument Serif",Georgia,serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0}html{scroll-padding-top:70px;-webkit-text-size-adjust:100%}body{background:var(--g);color:var(--iv);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.01em}h1{font-size:clamp(2.8rem,5.6vw,5rem);line-height:1}h2{font-size:clamp(2.4rem,5.5vw,4.6rem)}h3{font-size:1.7rem}em{font-style:italic;color:var(--gold)}.label{font-size:.75rem;letter-spacing:.2em;color:var(--sage);margin-bottom:1.1rem}.lead{color:#dcd8cb;max-width:56ch;font-size:1.05rem}.sec{padding:clamp(4.5rem,10vw,8rem) clamp(1.1rem,5vw,4rem);max-width:1320px;margin:0 auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--iv);color:var(--g);padding:.5rem 1rem;z-index:200}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:999px;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.btn.primary{background:var(--tc);color:#0b0a09}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px -8px var(--tc)}.btn.ghost{border-color:#f5f0e666;color:var(--iv)}.btn.ghost:hover{background:#f5f0e61a}.btn.sm{padding:.6rem 1.1rem}.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.1rem,4vw,3rem);transition:box-shadow .3s}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0b0a09db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s}.nav.solid:before{opacity:1}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;letter-spacing:.04em}.mono{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;font-family:var(--serif);font-style:italic;color:var(--gold);font-size:.9rem}.nav nav{display:flex;align-items:center;gap:1.8rem}.nav nav a:not(.btn){text-decoration:none;font-size:.85rem;opacity:.8;position:relative}.nav nav a[aria-current]{opacity:1}.nav nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold)}.burger{display:none;background:none;border:0;color:var(--iv);cursor:pointer;padding:.4rem}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:6rem clamp(1.1rem,5vw,4rem) 4rem;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#2a2218,var(--g) 62%)}.hero-art{position:absolute;top:0;right:0;bottom:0;left:48%}.static-ma{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:clamp(9rem,22vw,20rem);color:#d6b77ce6;transition:opacity 1s}.hero3d{position:absolute;top:0;right:0;bottom:0;left:0}.hero3d canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.hero3d canvas.on{opacity:1}.hero-art:has(canvas.on) .static-ma{opacity:0}.hero-copy{position:relative;max-width:600px;z-index:2}.hero-copy h1{margin-bottom:1.2rem;text-shadow:0 2px 30px rgba(11,10,9,.6)}.sub{font-family:var(--serif);font-size:1.3rem;color:var(--sage);margin-bottom:1rem}.rise{animation:rise .9s var(--d,0s) both cubic-bezier(.2,.7,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.scroll{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;letter-spacing:.3em;text-decoration:none;color:var(--sage)}.scroll i{width:1px;height:38px;background:linear-gradient(var(--gold),transparent);animation:drip 2s infinite}@keyframes drip{50%{transform:scaleY(.4);transform-origin:top}}.video{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:clamp(2rem,6vw,6rem);align-items:center;position:relative}.video:before,.web:before{content:"";position:absolute;top:0;left:clamp(1.1rem,5vw,4rem);right:clamp(1.1rem,5vw,4rem);height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.meta{margin-top:2.2rem;display:grid;gap:1rem;border-left:1px solid var(--gold);padding-left:1.2rem}.meta dt{font-size:.7rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.meta dd{color:#dcd8cb;font-size:.95rem}.phone{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 40px 80px -30px #000,0 0 0 1px #f3eee429}.phone video{width:100%;height:100%;object-fit:cover;display:block}.bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;border-radius:50%;border:0;background:#d6b77cf2;color:#0b0a09;cursor:pointer;display:grid;place-items:center}.vctl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:.5rem;padding:2.5rem 1rem 1rem;background:linear-gradient(transparent,#000000a6)}.vctl button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(245,240,230,.4);background:#0b0a0980;color:var(--iv);cursor:pointer;display:grid;place-items:center}.vctl button:hover{background:#f5f0e633}.vfail{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:2rem;font-size:.85rem;color:var(--sage)}.web{position:relative;max-width:1400px}.web-head{margin-bottom:2.5rem}.browser{background:#0b0a09;border-radius:14px;overflow:hidden;box-shadow:0 50px 90px -40px #000,0 0 0 1px #f5f0e61f}.bar{display:flex;align-items:center;gap:.8rem;padding:.65rem .9rem;background:#1c1915;flex-wrap:wrap;font-size:.75rem}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--sage);opacity:.5}.livetag{display:flex;align-items:center;gap:.4rem;letter-spacing:.14em;color:var(--gold);font-weight:700;font-size:.65rem}.livetag b{width:7px;height:7px;border-radius:50%;background:#5fd38d;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.3}}.addr{display:flex;align-items:center;gap:.4rem;flex:1;min-width:160px;background:#0000004d;padding:.35rem .8rem;border-radius:999px;color:var(--sage)}.mini{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--iv);border:1px solid rgba(245,240,230,.3);padding:.35rem .8rem;border-radius:999px;font-weight:700}.screen{position:relative;aspect-ratio:16/10;background:#fff}.screen iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--e);color:var(--sage);text-align:center;padding:1rem;font-size:.9rem;z-index:1;pointer-events:none}.spin{width:28px;height:28px;border:2px solid var(--sage);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.note{padding:.8rem 1rem;background:#1c1915;font-size:.85rem;color:var(--sage)}.note a{color:var(--gold)}.web-foot{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-top:2rem}.web-foot>div:first-child{max-width:52ch}.tag{font-size:.75rem;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin:.4rem 0 .8rem}.work{background:var(--e);max-width:none}.work>*{max-width:1320px;margin-inline:auto}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin:2rem auto}.filters button{background:none;color:var(--iv);border:1px solid rgba(245,240,230,.3);padding:.5rem 1.1rem;border-radius:999px;font:inherit;font-size:.85rem;cursor:pointer}.filters button.on{background:var(--iv);color:var(--g);border-color:var(--iv)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem;perspective:1000px}.card{grid-column:span 2;transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s}.card.c0,.card.c1{grid-column:span 3}.card.c2{grid-column:span 2}.card-btn{all:unset;display:block;width:100%;cursor:pointer;border-radius:10px;overflow:hidden;background:#14120f;box-shadow:0 20px 40px -24px #000}.card-btn:focus-visible{outline:2px solid var(--gold)}.art{aspect-ratio:4/3;background-size:cover;background-position:center;display:grid;place-items:center;transition:transform .6s}.c0 .art{aspect-ratio:3/2}.c2 .art{aspect-ratio:1/1}.card-btn:hover .art{transform:scale(1.04)}.art span{font-family:var(--serif);font-style:italic;font-size:5rem;color:#f5f0e6d9}.card-btn{position:relative}.art{overflow:hidden}.info{padding:1.1rem 1.2rem;display:grid;gap:.4rem}.cat{font-size:.75rem;color:var(--sage)}.chip{justify-self:start;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);padding:.2rem .6rem;border-radius:999px}.modal{margin:auto;border:1px solid rgba(214,183,124,.4);border-radius:14px;background:var(--e);color:var(--iv);width:min(560px,92vw);padding:0}.modal::backdrop{background:#0b0a09bf}.m-in{padding:2rem;display:grid;gap:1rem;justify-items:start;position:relative}.x{position:absolute;top:.8rem;right:.8rem;background:none;border:0;color:var(--iv);cursor:pointer}.tech{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.tech li{background:#f5f0e61a;padding:.25rem .7rem;border-radius:999px;font-size:.8rem}.sv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:3rem}.sv{padding:2rem;border:1px solid rgba(245,240,230,.15);border-radius:12px;display:grid;gap:.9rem;align-content:start}.sv.big{background:var(--e);border-color:#d6b77c59;padding:2.5rem}.sv.big h3{font-size:2.1rem}.sv .num{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:1.1rem}.sv p{color:#dcd8cb}.sv ul{list-style:none;padding:0;display:grid;gap:.3rem;font-size:.9rem;color:var(--sage)}.sv li:before{content:"— ";color:var(--gold)}.sv .btn{justify-self:start;margin-top:.6rem}.about-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(2rem,6vw,5rem);align-items:center}.portrait{margin:0;aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:0 40px 80px -40px #000,0 0 0 1px #f3eee424}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.phone:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none}.phone:fullscreen video{object-fit:contain}.phone:-webkit-full-screen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}.phone:-webkit-full-screen video{object-fit:contain}.about{position:relative}.about .lead{margin-top:1.5rem}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.5rem;position:relative}.steps li{border-top:1px solid var(--gold);padding-top:1rem;font-family:var(--serif);font-size:1.6rem}.steps span{display:block;font-family:var(--sans);font-size:.75rem;color:var(--gold);letter-spacing:.2em}.contact{text-align:center;display:flex;flex-direction:column;align-items:center}.contact .btns{justify-content:center}.details{list-style:none;padding:0;margin-top:2.5rem;display:grid;gap:.8rem}.details li{display:flex;gap:.7rem;align-items:center;justify-content:center;color:var(--sage)}.details a{color:var(--iv)}.footer{background:var(--ink);padding:3rem clamp(1.1rem,5vw,4rem) 1.5rem;border-top:1px solid rgba(214,183,124,.3)}.f-top{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:center}.f-top p{color:var(--sage);font-size:.85rem;margin-top:.5rem}.f-top nav{display:flex;gap:1.5rem}.f-top nav a{text-decoration:none;opacity:.8}.soc{display:flex;gap:.8rem}.soc a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,240,230,.3);display:grid;place-items:center}.soc a:hover{background:var(--tc);border-color:var(--tc);color:#0b0a09}.copy{max-width:1320px;margin:2rem auto 0;font-size:.75rem;color:var(--sage)}@media (max-width:900px){.burger{display:block}.nav nav{position:fixed;inset:64px 0 auto;background:var(--g);flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1.2rem;transform:translateY(-130%);transition:transform .4s,visibility 0s .4s;visibility:hidden;border-bottom:1px solid rgba(214,183,124,.3)}.nav nav.open{transform:none;visibility:visible;transition:transform .4s,visibility 0s}.hero{flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:4.5rem}.hero-art{position:relative;inset:auto;height:36svh;min-height:240px}.hero-copy{margin-top:.5rem}.scroll{display:none}.about-grid{grid-template-columns:1fr}.portrait{max-width:340px}.video{grid-template-columns:1fr}.phone{max-width:320px;margin:0 auto}.grid{grid-template-columns:1fr}.card,.card.c0,.card.c1,.card.c2{grid-column:auto}.sv-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.screen{aspect-ratio:9/14}.addr{order:3;flex-basis:100%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}