:root{--bg: #0c0a08;--surface: #181512;--ink: #ffffff;--muted: #8f8a84;--accent: #c9a45a;--accent-ink: #0c0a08;--gutter: 20px;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2rem, 1.3rem + 3.2vw, 4rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Archivo,sans-serif;font-weight:400;background:var(--bg);color:var(--ink);font-size:var(--step-body);line-height:1.5}img,video{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:12px var(--gutter);position:sticky;top:0;z-index:5;background:var(--bg)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}.logo{width:2.25rem;height:2.25rem;object-fit:contain;flex:none}nav{display:flex;align-items:center;gap:1.4rem}nav a{text-decoration:none}button{background:var(--accent);color:var(--accent-ink);border:0;padding:.55rem 1rem;cursor:pointer;font-weight:600;border-radius:0}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.home{height:calc(100svh - 4.25rem);padding:0 var(--gutter) .8rem;display:flex;flex-direction:column;overflow:hidden}.band{display:grid;grid-template-columns:1.4fr 1.6fr 1fr .8fr;gap:1rem;font-size:var(--step-small);color:var(--muted);max-width:100%}.band p{margin:0}.band a{color:var(--accent);text-decoration:none;font-weight:600}.home h1{margin:.15rem 0 .35rem;font-size:7.2vw;font-weight:400;letter-spacing:-.02em;line-height:1;text-wrap:balance}.home .support,.home #intro{margin:0 0 .35rem;max-width:46rem;font-size:var(--step-body);color:var(--ink)}.home #intro{max-width:40rem}.home-actions{margin:0 0 .7rem}.cta-btn{display:inline-block;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600;padding:.7rem 1.15rem;min-height:44px}.frames{display:flex;flex-wrap:wrap;gap:8px;align-content:stretch;flex:1;min-height:0}.frames button{background:var(--surface);color:var(--ink);padding:0;height:calc((100% - 8px)/2);flex:1 1 12%;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1)}.frames button:hover{transform:translateY(-6px)}.cta-btn{transition:transform .24s cubic-bezier(.16,1,.3,1)}.cta-btn:hover,.tile.accent:hover{transform:translateY(-4px)}.home h1{animation:rise .9s cubic-bezier(.16,1,.3,1) both}.home .support{animation:rise .9s 80ms cubic-bezier(.16,1,.3,1) both}.home #intro{animation:rise .9s .14s cubic-bezier(.16,1,.3,1) both}.home-actions{animation:rise .9s .2s cubic-bezier(.16,1,.3,1) both}.frames img{width:100%;height:100%;object-fit:cover}.frames button.is-dim{opacity:.28}.frames button.is-on{opacity:1}.preview{margin:.55rem 0 0;min-height:1.3em;color:var(--accent);font-size:var(--step-small)}.intro,.how,.gallery,.cabinet,.faq{padding:7.5rem var(--gutter) 0}.intro h2,.how h2,.gallery h2,.cabinet h2,.faq h2{font-size:var(--step-head);font-weight:400;letter-spacing:-.02em;line-height:1;margin:0 0 1.6rem}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.tiles p{margin:0;background:var(--surface);padding:1.6rem 1.3rem;min-height:14rem}.intro-pic{width:100%;height:42svh;object-fit:cover;animation:grow 18s ease-in-out infinite alternate}@keyframes grow{0%{transform:scale(1)}to{transform:scale(1.04)}}.intro{overflow:hidden}.how-grid{display:grid;grid-template-columns:1fr 26rem;gap:4rem;align-items:start}.how ol,.how ul{margin:0 0 1.4rem;padding:0 0 0 1.1rem}.how li{margin:0 0 .7rem}.how h3{font-size:var(--step-lead);font-weight:400;margin:0 0 .8rem}.desk label{display:flex;justify-content:space-between;margin:.8rem 0 .25rem;font-weight:600}.desk input,.desk textarea{width:100%;padding:.55rem .2rem;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:0}.picked{margin:.4rem 0 0;color:var(--muted)}.desk-actions{margin-top:1.2rem}.status{min-height:1.3em;margin:.6rem 0 .2rem;color:var(--accent)}.tiny{margin:.3rem 0 0;font-size:var(--step-small);color:var(--muted)}.how-clip{width:min(100%,22rem);aspect-ratio:3 / 4;object-fit:cover;object-position:center;margin:2.4rem 0 0}.masonry{columns:3;column-gap:8px}.masonry figure{margin:0 0 14px;break-inside:avoid}.masonry img{width:100%}.masonry figcaption{margin-top:6px;font-size:var(--step-small);color:var(--muted)}.masonry .span{column-span:all}.masonry .span img{height:38svh;object-fit:cover;width:100%}.cabinet{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.cabinet h2{grid-column:1 / -1}.cabinet .who-copy{max-width:none}.cabinet h3{font-size:var(--step-lead);font-weight:400;margin:0 0 1rem}.menu{list-style:none;margin:0;padding:0}.menu li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;min-height:2.25rem;align-items:start;padding:.35rem 0}.menu .note{grid-column:1 / -1;color:var(--muted);font-size:var(--step-small)}.menu button{padding:.2rem .7rem;justify-self:end}.faq-text{columns:2;column-gap:56px}.faq-text p{margin:0 0 1.25rem;break-inside:avoid}.faq-text strong{font-weight:600}.cta{padding-top:7.5rem}.cta>h2{padding:0 var(--gutter) 1.4rem;font-size:var(--step-head);font-weight:400;letter-spacing:-.02em;margin:0}.cta-strip{display:grid;grid-template-columns:1fr 1fr 1fr}.cta-strip img{width:100%;height:40svh;object-fit:cover}.cta-band{position:relative;min-height:44svh;background:var(--surface);padding:3.2rem var(--gutter)}.cta-band h2{font-size:var(--step-head);font-weight:400;letter-spacing:-.02em;margin:0 0 1rem;max-width:14ch}.cta-band #closeBody{max-width:36ch;margin:0}.cta-note{margin:2rem 0 0;max-width:36ch}.cta-link{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}.cta-object{position:absolute;right:40px;bottom:40px;width:150px;height:auto}footer{padding:var(--gutter)}.foot-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.tile{background:var(--surface);padding:1.25rem;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.tile:nth-child(1){grid-column:1 / 5}.tile:nth-child(2){grid-column:5 / 8}.tile:nth-child(2) a{display:block;text-decoration:none;margin:0 0 .4rem}.tile:nth-child(3){grid-column:8 / 10}.tile:nth-child(4){grid-column:10 / 13;font-size:var(--step-lead)}.tile.mark{grid-column:1 / 9;min-height:320px;background:var(--ink);color:var(--bg);font-size:9vw;letter-spacing:-.04em;line-height:1;align-items:center;justify-content:center}.tile.accent{grid-column:9 / 13;min-height:320px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-size:var(--step-lead);font-weight:600}.tile.accent svg{align-self:flex-end}.intro,.how,.gallery,.cabinet,.faq,.cta{opacity:1}.rise{animation:rise .7s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{animation:none}}
