/* ===========================================================
   MONUMENTAS — martin.css
   Styles of the Martín Quaet-Faslem page (martin.html), moved over from the
   standalone site. Self-contained: it does not use the Monumentas theme.
=========================================================== */

  :root{
    color-scheme:light;
    --paper:#EDECE8;
    --paper-2:#E4E3DE;
    --paper-3:#DAD9D3;
    --ink:#161719;
    --graphite:#212327;
    --fog:#83837C;
    --line:#CDCCC5;
    --line-dark:#3A3C40;
    --serif:'Fraunces',Georgia,serif;
    --grotesk:'Archivo','Helvetica Neue',Arial,sans-serif;
    --r:16px;--r-sm:10px;--r-lg:22px;
    --pad:clamp(1.15rem,5vw,4.5rem);
    --maxw:1440px;--nav-h:64px;
    --safe-t:env(safe-area-inset-top,0px);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--grotesk);
    font-size:clamp(15px,1.02vw,17px);line-height:1.6}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  section[id]{scroll-margin-top:calc(var(--nav-h) + 14px)}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

  /* ---------- reusable ---------- */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;
    font-family:var(--grotesk);font-weight:600;font-size:.88rem;line-height:1;
    padding:.8rem 1.4rem;border-radius:999px;border:1px solid var(--ink);cursor:pointer;
    background:none;color:var(--ink);white-space:nowrap;
    transition:transform .25s,background .25s,color .25s,border-color .25s}
  .btn.solid{background:var(--ink);color:var(--paper)}
  .btn.solid:hover{transform:translateY(-2px)}
  .btn.ghost:hover{background:var(--ink);color:var(--paper)}
  .btn.sm{padding:.6rem 1.05rem;font-size:.8rem}
  .btn.light{border-color:#fff;color:#fff}
  .btn.light.solid{background:#fff;color:var(--ink)}
  .btn.light.ghost:hover{background:#fff;color:var(--ink)}
  .chip{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.7rem;
    letter-spacing:.1em;text-transform:uppercase;padding:.34rem .8rem;border-radius:999px;
    border:1px solid var(--line);color:var(--fog);background:none;white-space:nowrap}
  .chip.light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.15);backdrop-filter:blur(4px)}
  .eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
  .media{position:absolute;inset:0;background-size:cover;background-position:center}
  .media.ph{display:flex;align-items:center;justify-content:center;background:
    repeating-linear-gradient(135deg,rgba(0,0,0,.03) 0 2px,transparent 2px 14px),var(--paper-2);
    color:var(--fog);font-family:var(--serif);font-style:italic;font-size:1rem;text-align:center;padding:1rem}

  /* ---------- nav ---------- */
  header.nav{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;
    padding-top:var(--safe-t);border-bottom:1px solid transparent;
    transition:background .35s,color .35s,border-color .35s}
  header.nav.solid{background:rgba(237,236,232,.86);backdrop-filter:blur(12px) saturate(140%);
    color:var(--ink);border-color:var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}
  .nav-logo .mono{width:50px;height:auto;display:block}
  .nav-links{display:flex;gap:clamp(.9rem,2.2vw,2rem);align-items:center}
  .nav-links a{font-weight:500;font-size:.85rem;position:relative;padding:.2rem 0;color:currentColor}
  .nav-links a.link::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;
    background:currentColor;transition:right .35s cubic-bezier(.2,.7,.2,1)}
  .nav-links a.link:hover::after{right:0}
  .nav-links a.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-width:104px;
    padding:.75rem 1.7rem;border:1px solid currentColor;border-radius:999px;
    font-weight:600;font-size:.85rem;line-height:1;letter-spacing:.02em;margin-left:.3rem}
  header.nav:not(.solid) .nav-cta:hover{background:#fff;color:var(--ink)}
  header.nav.solid .nav-cta:hover{background:var(--ink);color:var(--paper)}
  .menu-btn{display:none;background:none;border:0;color:currentColor;font-family:var(--grotesk);
    font-weight:600;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}

  /* ---------- hero carousel ---------- */
  .hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end}
  .hslide{position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:0;transition:opacity 1.1s ease;z-index:0}
  .hslide.active{opacity:1}
  .hslide.ph-1{background:repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px),linear-gradient(120deg,#1c1e22,#2b2f36 55%,#191a1d)}
  .hslide.ph-2{background:repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px),linear-gradient(120deg,#232016,#37342a 55%,#1b1a15)}
  .hslide.ph-3{background:repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px),linear-gradient(120deg,#1a2220,#2b3733 55%,#161d1b)}
  .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(10,11,13,.35) 0%,rgba(10,11,13,0) 30%,rgba(10,11,13,.15) 55%,rgba(10,11,13,.72) 100%)}
  .hero-content{position:relative;z-index:2;width:100%}
  .hslide-inner{max-width:640px;padding-bottom:clamp(4.5rem,9vw,7rem);opacity:0;transition:opacity .5s}
  .hslide.active .hslide-inner{opacity:1;transition-delay:.25s}
  .hslide-set{position:relative}
  .hslide-inner:not(:first-child){position:absolute;bottom:0;left:0}
  .hero .htitle{font-family:var(--serif);font-weight:400;color:#fff;
    font-size:clamp(2.4rem,6.5vw,5rem);line-height:.98;letter-spacing:-.02em;margin:.9rem 0}
  .hero .htext{color:rgba(255,255,255,.9);font-size:1.05rem;max-width:46ch;margin-bottom:1.4rem}
  .hero-nav{position:absolute;z-index:3;right:var(--pad);bottom:clamp(1.4rem,4vw,2.4rem);
    display:flex;align-items:center;gap:.7rem}
  .hero-nav .arrows{display:flex;gap:.4rem}
  .hero-nav button.arw{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.55);
    background:rgba(0,0,0,.2);backdrop-filter:blur(4px);color:#fff;cursor:pointer;font-size:1.1rem;
    display:flex;align-items:center;justify-content:center;transition:background .25s}
  .hero-nav button.arw:hover{background:rgba(255,255,255,.9);color:var(--ink)}
  .hdots{position:absolute;z-index:3;left:var(--pad);bottom:clamp(1.6rem,4vw,2.6rem);display:flex;gap:.5rem}
  .hdots button{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid #fff;
    background:transparent;cursor:pointer;transition:background .25s}
  .hdots button.active{background:#fff}

  /* ---------- section frame ---------- */
  section.blk{padding-block:clamp(3rem,6vw,5.5rem)}
  section.blk.tint{background:var(--paper-2)}
  .blk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;
    flex-wrap:wrap;margin-bottom:clamp(1.6rem,3.5vw,2.6rem)}
  .blk-head .htext{display:flex;flex-direction:column;gap:.55rem;max-width:60ch}
  .blk-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.8vw,2.9rem);
    line-height:1;letter-spacing:-.01em}
  .blk-head p{color:var(--fog);font-size:.98rem;line-height:1.55}
  .blk-head .actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
  .feetag{font-weight:600;font-size:.8rem;color:var(--ink)}

  /* ---------- horizontal carousel ---------- */
  .carousel{position:relative}
  .track{display:flex;gap:clamp(.8rem,1.6vw,1.3rem);overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;padding:.3rem .1rem 1rem;scrollbar-width:none;cursor:grab}
  .track::-webkit-scrollbar{display:none}
  .track>*{scroll-snap-align:start;flex:0 0 auto}
  .car-btns{display:flex;gap:.4rem}
  .car-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);background:none;
    color:var(--ink);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;
    transition:background .25s,color .25s,opacity .25s}
  .car-btn:hover{background:var(--ink);color:var(--paper)}
  .car-btn:disabled{opacity:.28;cursor:default;background:none;color:var(--ink)}

  /* members */
  .mcard{width:clamp(150px,20vw,186px);display:flex;flex-direction:column;align-items:center;
    text-align:center;gap:.7rem;padding:1.1rem .8rem;border:1px solid var(--line);border-radius:var(--r);
    background:var(--paper);transition:border-color .25s,transform .25s}
  .mcard:hover{border-color:var(--ink);transform:translateY(-3px)}
  .avatar{position:relative;width:84px;height:84px;border-radius:50%;overflow:hidden;
    background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:1.5rem}
  .mname{font-weight:600;font-size:.92rem}
  .mnote{font-size:.76rem;color:var(--fog)}

  /* sponsors */
  .scard{width:clamp(180px,24vw,230px);display:flex;flex-direction:column;gap:.7rem}
  .slogo-frame{position:relative;aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r);
    overflow:hidden;background:var(--paper);display:flex;align-items:center;justify-content:center;
    transition:border-color .25s}
  .scard:hover .slogo-frame{border-color:var(--ink)}
  .slogo-frame .ph-name{font-family:var(--serif);font-style:italic;color:var(--fog);font-size:1.05rem;text-align:center;padding:1rem}
  .sname{font-weight:600;font-size:.85rem;color:var(--fog)}

  /* products */
  .pcard{width:clamp(210px,26vw,270px);display:flex;flex-direction:column}
  .pframe{position:relative;aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--r);
    overflow:hidden;transition:border-color .25s}
  .pcard:hover .pframe{border-color:var(--ink)}
  .pmeta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.8rem}
  .ptitle{font-weight:600;font-size:.94rem}
  .pprice{font-weight:500;font-size:.9rem;color:var(--fog)}

  /* collections */
  .ccard{width:clamp(280px,40vw,420px)}
  .cframe{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;
    border:1px solid var(--line)}
  .cover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;
    gap:.25rem;padding:1.3rem;color:#fff;
    background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%)}
  .ctitle{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.8rem)}
  .csub{font-size:.85rem;color:rgba(255,255,255,.85)}
  .clink{margin-top:.5rem;font-weight:600;font-size:.8rem;width:fit-content;
    border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:2px}
  .cframe .media.ph{color:rgba(255,255,255,.65);background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px),#2b2f36}

  /* ---------- newsletter + contact ---------- */
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem)}
  .panel{border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.4rem);background:var(--paper)}
  .panel h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.05;margin-bottom:.6rem}
  .panel p{color:var(--fog);margin-bottom:1.4rem;max-width:42ch}
  .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}
  .field label{font-weight:600;font-size:.78rem;letter-spacing:.04em;color:var(--fog)}
  .field input,.field textarea{font-family:var(--grotesk);font-size:.98rem;color:var(--ink);
    background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:.75rem .9rem;width:100%}
  .field textarea{min-height:120px;resize:vertical}
  .field input:focus,.field textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
  .inline-news{display:flex;gap:.6rem;flex-wrap:wrap}
  .inline-news input{flex:1;min-width:200px}
  .form-msg{font-size:.85rem;color:var(--ink);margin-top:.4rem;min-height:1.2em}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--ink);background:var(--paper)}
  .foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;
    padding-block:1.6rem}
  .foot .mono{width:42px;color:var(--ink)}
  .foot-links{display:flex;gap:1.2rem;flex-wrap:wrap;font-weight:500;font-size:.85rem}
  .foot-links a:hover{color:var(--fog)}
  .foot-copy{font-size:.78rem;color:var(--fog)}
  .foot-fly{display:block;width:72px;color:var(--ink);--flap:2.2s;--blade:3.4s;--lw:1.2px;transition:transform .3s}
  .foot-fly:hover{transform:translateY(-2px) rotate(-4deg);--flap:.3s;--blade:.5s}
  .foot-fly svg{display:block;width:100%;height:auto;overflow:visible}

  /* ---------- responsive ---------- */
  @media(max-width:860px){
    .nav-links{display:none}
    .menu-btn{display:block}
    .duo{grid-template-columns:1fr}
  }

  /* ===================================================================
     ADMIN PANEL
     =================================================================== */
  .admin{position:fixed;inset:0;z-index:1000;background:var(--paper);display:none;
    grid-template-rows:auto 1fr;overflow:hidden}
  body.admin-open .admin{display:grid}
  body.admin-open{overflow:hidden}
  .adm-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
    padding:.9rem var(--pad);border-bottom:1px solid var(--line);background:var(--paper-2)}
  .adm-top .brand{display:flex;align-items:center;gap:.7rem;font-weight:700}
  .adm-top .brand .mono{width:40px;color:var(--ink)}
  .adm-top .brand small{font-weight:500;color:var(--fog);letter-spacing:.04em}
  .adm-top .tools{display:flex;gap:.5rem;flex-wrap:wrap}
  .adm-body{display:grid;grid-template-columns:230px 1fr;overflow:hidden}
  .adm-tabs{border-right:1px solid var(--line);padding:1rem .8rem;overflow:auto;display:flex;flex-direction:column;gap:.2rem}
  .adm-tab{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
    padding:.7rem .9rem;border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--ink);border:0;background:none;text-align:left;width:100%}
  .adm-tab:hover{background:var(--paper-2)}
  .adm-tab.active{background:var(--ink);color:var(--paper)}
  .adm-tab .count{font-size:.72rem;font-weight:600;color:var(--fog)}
  .adm-tab.active .count{color:rgba(255,255,255,.7)}
  .adm-main{overflow:auto;padding:clamp(1rem,3vw,2rem)}
  .adm-main h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin-bottom:.3rem}
  .adm-main .hint{color:var(--fog);font-size:.88rem;margin-bottom:1.4rem;max-width:70ch}
  .adm-list{display:flex;flex-direction:column;gap:.6rem;max-width:820px}
  .adm-row{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;
    border:1px solid var(--line);border-radius:var(--r);padding:.7rem;background:var(--paper)}
  .adm-thumb{position:relative;width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;
    background:var(--paper-2);border:1px solid var(--line)}
  .adm-thumb .media.ph{font-size:.7rem}
  .adm-row .rt{font-weight:600;font-size:.95rem}
  .adm-row .rs{font-size:.8rem;color:var(--fog)}
  .adm-actions{display:flex;gap:.35rem;align-items:center}
  .icb{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--paper);
    cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}
  .icb:hover{border-color:var(--ink)}
  .icb.danger:hover{background:#b23b3b;border-color:#b23b3b;color:#fff}
  .adm-add{margin-top:1.2rem}
  .adm-empty{color:var(--fog);font-style:italic;padding:1.5rem 0}

  /* modal */
  .modal{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;
    padding:1rem;background:rgba(10,11,13,.45)}
  .modal.open{display:flex}
  .modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--paper);
    border-radius:var(--r-lg);border:1px solid var(--line);padding:clamp(1.2rem,3vw,2rem)}
  .modal-card h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-bottom:1.2rem}
  .drop{position:relative;border:1.5px dashed var(--line);border-radius:var(--r);padding:1rem;
    display:flex;gap:1rem;align-items:center;background:var(--paper-2)}
  .drop.drag{border-color:var(--ink);background:var(--paper-3)}
  .drop .prev{position:relative;width:88px;height:88px;border-radius:var(--r-sm);overflow:hidden;
    background:var(--paper);border:1px solid var(--line);flex:0 0 auto}
  .drop .prev .media.ph{font-size:.7rem}
  .drop .dtext{font-size:.82rem;color:var(--fog)}
  .drop .dtext b{color:var(--ink);font-weight:600}
  .modal-foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.4rem}
  .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
    background:var(--ink);color:var(--paper);padding:.7rem 1.1rem;border-radius:999px;font-size:.85rem;
    z-index:1200;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:90vw;text-align:center}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .adm-fine{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--fog);font-size:.82rem;max-width:70ch}

  @media(max-width:720px){
    .adm-body{grid-template-columns:1fr}
    .adm-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}
    .adm-tab{white-space:nowrap}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

  /* ===================================================================
     v4 — sections, visibility, custom blocks
     =================================================================== */
  [hidden]{display:none!important}
  .nav-links .ext,.foot-links .ext{font-size:.72em;margin-left:.25rem;opacity:.6}
  body.no-hero #page{padding-top:calc(var(--nav-h) + var(--safe-t))}
  .duo.single{grid-template-columns:1fr;max-width:760px}

  /* custom feature sections */
  section.blk.dark{background:var(--graphite);color:var(--paper)}
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
  .feature.layout-right .fimg{order:2}
  .feature.layout-text{grid-template-columns:1fr;max-width:760px}
  .fimg{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
  .ftext{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
  .ftext h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.8vw,2.9rem);line-height:1;letter-spacing:-.01em}
  .ftext p{color:var(--fog);font-size:1rem;line-height:1.6;max-width:56ch;white-space:pre-line}
  .ftext .btn{margin-top:.5rem}
  .dark .eyebrow{color:rgba(255,255,255,.55)}
  .dark .ftext p{color:rgba(255,255,255,.72)}
  .dark .ftext .btn{border-color:#fff;color:#fff}
  .dark .ftext .btn:hover{background:#fff;color:var(--ink)}
  .dark .fimg{border-color:var(--line-dark)}
  .dark .fimg .media.ph{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px),#2b2f36;color:rgba(255,255,255,.5)}
  .feature.layout-banner{display:flex;align-items:flex-end;position:relative;min-height:clamp(320px,48vw,560px);
    border-radius:var(--r-lg);overflow:hidden}
  .layout-banner .fimg{position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0}
  .layout-banner .fimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,13,0) 30%,rgba(10,11,13,.72) 100%)}
  .layout-banner .fimg .media.ph{background:repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px),linear-gradient(120deg,#1c1e22,#2b2f36 55%,#191a1d);color:rgba(255,255,255,.5);align-items:flex-start;padding-top:2rem}
  .layout-banner .ftext{position:relative;z-index:2;padding:clamp(1.4rem,4vw,3rem);color:#fff;max-width:680px}
  .layout-banner .eyebrow{color:rgba(255,255,255,.7)}
  .layout-banner .ftext p{color:rgba(255,255,255,.85)}
  .layout-banner .ftext .btn{background:#fff;color:var(--ink);border-color:#fff}
  @media(max-width:860px){
    .feature{grid-template-columns:1fr}
    .feature.layout-right .fimg{order:0}
  }

  /* admin additions */
  .adm-top .left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
  .mode{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;
    padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--fog)}
  .mode i{width:8px;height:8px;border-radius:50%;background:var(--fog);display:inline-block}
  .mode.live{color:var(--ink)} .mode.live i{background:#2f7d4f}
  .adm-row.sec{grid-template-columns:34px 1fr auto}
  .secno{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;
    justify-content:center;font-size:.8rem;font-weight:600;color:var(--fog)}
  .adm-row.off .adm-thumb,.adm-row.off .rtw,.adm-row.off .secno{opacity:.45}
  .tag{display:inline-block;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    padding:.12rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--fog);margin-left:.35rem;vertical-align:2px}
  .tag.off{border-color:#c9a34a;color:#8a6a1e}
  .swwrap{display:inline-flex;align-items:center;gap:.4rem;margin-right:.35rem}
  .sw{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line);border:0;cursor:pointer;
    flex:0 0 auto;transition:background .2s}
  .sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
  .sw.on{background:#2f7d4f}
  .sw.on::after{transform:translateX(18px)}
  .swl{font-size:.74rem;font-weight:600;color:var(--fog);width:46px}
  .sw.on + .swl{color:#2f7d4f}
  .notice{max-width:820px;border:1px solid #c9a34a;background:#f4ecd8;border-radius:var(--r);padding:1rem 1.1rem;
    margin-bottom:1.4rem;font-size:.88rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .notice .acts{display:flex;gap:.4rem}
  .field select{font-family:var(--grotesk);font-size:.98rem;color:var(--ink);background:var(--paper-2);
    border:1px solid var(--line);border-radius:var(--r-sm);padding:.75rem .9rem;width:100%}
  .check{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.92rem;font-weight:500;cursor:pointer}
  .check input{width:18px;height:18px;accent-color:var(--ink)}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  .drop.busy{opacity:.6;pointer-events:none}
  @media(max-width:720px){
    .adm-row,.adm-row.sec{grid-template-columns:1fr;gap:.6rem}
    .adm-row .adm-thumb{display:none}
    .secno{display:none}
    .adm-actions{flex-wrap:wrap}
  }

  /* ===== the fly: logo, intro, cursor, flight ===== */
  html.intro-on,html.intro-on body{overflow:hidden}
  .logo-slot{display:block;width:66px;height:34px;--flap:2.2s;--blade:3.4s;--lw:1.2px}
  .logo-slot svg{display:block;width:100%;height:auto;overflow:visible}
  #flyer{position:fixed;left:0;top:0;z-index:80;pointer-events:none;color:#fff;mix-blend-mode:difference;
    will-change:transform;opacity:0;transition:opacity .35s;--flap:1.9s;--blade:3s;--lw:1.4px}
  #flyer.ready{opacity:1}
  #flyer.away{opacity:0}
  #flyer svg{display:block;width:100%;height:auto;overflow:visible}
  #flyer.flying{--flap:.32s;--blade:.5s}
  .fly-svg .ln{stroke:currentColor;stroke-width:var(--lw);vector-effect:non-scaling-stroke;stroke-linecap:round}
  .fly-svg .ln.thin{stroke-width:calc(var(--lw)*.6);opacity:.5}
  .fly-svg .pt1{transform-box:fill-box;transform-origin:15% 100%;animation:flyFlapA var(--flap) ease-in-out infinite alternate}
  .fly-svg .pt2{transform-box:fill-box;transform-origin:0% 100%;animation:flyFlapB var(--flap) ease-in-out infinite alternate}
  .fly-svg .bl1,.fly-svg .bl2{transform-box:view-box;transform-origin:888px 715px}
  .fly-svg .bl1{animation:flyBladeL var(--blade) ease-in-out infinite alternate}
  .fly-svg .bl2{animation:flyBladeR var(--blade) ease-in-out infinite alternate}
  .fly-svg .legs{transform-box:view-box;transform-origin:888px 715px;animation:flyLegs 2.6s ease-in-out infinite alternate}
  @keyframes flyFlapA{from{transform:rotate(-7deg)}to{transform:rotate(9deg) scale(1,.8)}}
  @keyframes flyFlapB{from{transform:rotate(7deg)}to{transform:rotate(-9deg) scale(.82,1)}}
  @keyframes flyBladeL{from{transform:rotate(-9deg) scale(1,1)}to{transform:rotate(7deg) scale(.9,.7)}}
  @keyframes flyBladeR{from{transform:rotate(9deg) scale(1,1)}to{transform:rotate(-7deg) scale(.9,.7)}}
  @keyframes flyLegs{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}
  /* the fly as the mouse pointer (mouse / trackpad only) */
  html.fly-cursor,html.fly-cursor *{cursor:none!important}
  html.fly-cursor input,html.fly-cursor textarea,html.fly-cursor select,html.fly-cursor [contenteditable]{cursor:text!important}
  html.fly-cursor body.admin-open,html.fly-cursor body.admin-open *{cursor:auto!important}
  html.fly-cursor body.admin-open input,html.fly-cursor body.admin-open textarea{cursor:text!important}
  html.fly-cursor body.admin-open button,html.fly-cursor body.admin-open a,html.fly-cursor body.admin-open label{cursor:pointer!important}
  /* ===== the car on its turntable ===== */
  .car-sec{position:relative;height:260vh;background:#0e0f12;color:#f2f1ee}
  .car-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background-size:cover;background-position:center}
  .car-sticky::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
    background:linear-gradient(90deg,rgba(10,11,13,.86) 0%,rgba(10,11,13,.55) 28%,rgba(10,11,13,0) 55%),
               linear-gradient(0deg,rgba(10,11,13,.75) 0%,rgba(10,11,13,0) 32%),
               linear-gradient(180deg,rgba(10,11,13,.55) 0%,rgba(10,11,13,0) 22%)}
  .car-ui{z-index:2}
  #carCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
  .car-ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;
    padding-top:calc(var(--nav-h) + var(--safe-t) + clamp(1rem,4vh,2.6rem));padding-bottom:clamp(1.2rem,4vh,2.4rem)}
  .car-copy{max-width:430px;display:flex;flex-direction:column;gap:.7rem}
  .car-copy .eyebrow{color:rgba(255,255,255,.5)}
  .car-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1;letter-spacing:-.01em;color:#fff}
  .car-copy p{color:rgba(255,255,255,.62);font-size:.98rem;line-height:1.55;white-space:pre-line}
  .car-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
  .car-deg{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,5vw,3.4rem);line-height:1;color:#fff;opacity:.88}
  .car-hint{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);
    transition:opacity .6s;text-align:right}
  .car-hint.done{opacity:.35}
  .car-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18vh 6vw 22vh 30vw}
  .car-fallback svg{width:min(100%,760px);height:auto;overflow:visible}
  .car-fallback .cf-body{fill:#1d1f25;stroke:var(--accent);stroke-width:1.2;stroke-opacity:.7;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 45%,transparent))}
  .car-fallback .cf-line{fill:none;stroke:#1d1f25;stroke-width:5;stroke-linecap:round}
  @media(max-width:860px){.car-fallback{padding:30vh 6vw 30vh}}
  @media(max-width:720px){.car-copy p{font-size:.9rem}.car-copy{max-width:320px}}
  .car-guess{pointer-events:auto;margin-top:.5rem;display:flex;flex-direction:column;gap:.55rem;max-width:430px}
  .car-guess label{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:var(--eyebrow-case);color:#fff}
  .cg-row{display:flex;gap:.5rem}
  .cg-row input{flex:1;min-width:0;font:inherit;font-size:.95rem;color:#fff;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.28);border-radius:var(--btn-r);padding:.7rem 1.1rem;outline:none;transition:border-color .2s,background .2s}
  .cg-row input::placeholder{color:rgba(255,255,255,.45)}
  .cg-row input:focus{border-color:var(--accent);background:rgba(255,255,255,.12)}
  .cg-msg{font-size:.84rem;color:rgba(255,255,255,.75);min-height:1.2em}
  .cg-msg b{color:#fff}
  .cg-row select{flex:1;min-width:0;font:inherit;font-size:.9rem;color:#fff;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat right .9rem center;
    -webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.28);border-radius:var(--btn-r);padding:.7rem 2rem .7rem 1rem;cursor:pointer}
  .cg-row select:disabled{opacity:.45;cursor:not-allowed}
  .cg-row select option{color:#111}
  .cg-note{font-size:.8rem;color:var(--accent-2);font-weight:600}
  .cg-stats{align-self:flex-start;background:none;border:0;padding:0;color:rgba(255,255,255,.75);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}
  .cg-stats:disabled{text-decoration:none;cursor:default}
  @media(max-width:520px){.cg-row{flex-wrap:wrap}.cg-row select{flex:1 1 45%}.cg-row input{flex:1 1 100%}.cg-row .btn{flex:1 1 100%}}
  .cg-row{flex-wrap:wrap}.cg-row select{flex:1 1 30%}.cg-row input{flex:1 1 60%}
  /* =====================================================================
     v9 — theme tokens, colour, motion, shop
     ===================================================================== */
  :root{--accent:#2B4BFF;--accent-2:#FF5A36;--on-accent:#fff;--on-accent-2:#fff;--btn-r:999px;--h-scale:1;--eyebrow-case:uppercase}
  .btn{border-radius:var(--btn-r)}
  .btn.solid{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .btn.solid:hover{box-shadow:0 10px 24px -10px var(--accent)}
  .btn.ghost:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .btn.light.solid{background:#fff;border-color:#fff;color:var(--ink)}
  .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}
  .eyebrow{color:var(--accent);text-transform:var(--eyebrow-case)}
  .chip{text-transform:var(--eyebrow-case)}
  .nav-links a.nav-cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:var(--btn-r)}
  .blk-head h2{font-size:calc(clamp(1.8rem,3.8vw,2.9rem)*var(--h-scale))}
  .ftext h2{font-size:calc(clamp(1.8rem,3.8vw,2.9rem)*var(--h-scale))}
  .car-copy h2{font-size:calc(clamp(2rem,4.4vw,3.4rem)*var(--h-scale))}
  .panel h3{font-size:calc(clamp(1.5rem,3vw,2.1rem)*var(--h-scale))}
  .blk-head .eyebrow,.car-copy .eyebrow,.ftext .eyebrow{display:inline-flex;align-items:center;gap:.5rem}
  .blk-head .eyebrow::before,.car-copy .eyebrow::before,.ftext .eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-2)}
  .feetag{display:inline-flex;align-items:center;padding:.42rem .85rem;border-radius:999px;background:var(--accent-2);color:var(--on-accent-2)}
  .hero-slides::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
    background:radial-gradient(70% 80% at 0% 100%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%),
               radial-gradient(40% 50% at 100% 0%,color-mix(in srgb,var(--accent-2) 35%,transparent),transparent 70%)}
  .avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#fff!important}
  .pcard:hover .pframe,.mcard:hover,.scard:hover .slogo-frame{border-color:var(--accent)!important}
  .pframe,.ccard .cframe,.slogo-frame,.mcard{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .35s}
  .pcard:hover .pframe,.ccard:hover .cframe{transform:translateY(-4px);box-shadow:0 22px 40px -24px color-mix(in srgb,var(--accent) 70%,transparent)}
  .pprice{color:var(--accent)!important;font-weight:700!important}
  .pbadge{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--accent-2);color:var(--on-accent-2);
    font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .6rem;border-radius:999px}
  .pbadge.out{background:var(--ink);color:var(--paper);left:auto;right:.7rem}
  .padd{position:absolute;right:.7rem;bottom:.7rem;z-index:2;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;
    background:var(--accent);color:var(--on-accent);font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center;
    opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
  .pcard:hover .padd,.padd:focus-visible{opacity:1;transform:none}
  @media(hover:none){.padd{opacity:1;transform:none}}
  .car-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;
    text-transform:var(--eyebrow-case);padding:.4rem .8rem;border-radius:999px;background:var(--accent);color:var(--on-accent)}
  .car-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:pulse 1.6s infinite}
  @keyframes pulse{50%{opacity:.25}}
  footer{border-top:3px solid var(--accent)}
  /* reveal on scroll */
  .rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease var(--d,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
  .rv.in{opacity:1;transform:none}
  /* moving banner */
  .ticker{background:var(--accent);color:var(--on-accent);overflow:hidden;padding:clamp(.8rem,1.6vw,1.15rem) 0}
  .tk-track{display:flex;width:max-content;animation:tk 34s linear infinite}
  .tk-track span{font-family:var(--serif);font-size:calc(clamp(1.3rem,2.6vw,2.1rem)*var(--h-scale));white-space:nowrap;
    padding-right:1.4rem;display:inline-flex;align-items:center;gap:1.4rem;line-height:1.1}
  .tk-track span::after{content:"✦";font-size:.55em;color:var(--accent-2)}
  @keyframes tk{to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion:reduce){.tk-track{animation:none}.rv{opacity:1;transform:none}}
  /* nav: account + basket */
  .nav-inner{gap:.5rem}
  .nav-links{margin-left:auto}
  .nav-tools{display:flex;align-items:center;gap:.4rem;margin-left:.9rem}
  .nt-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;background:none;color:inherit;
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}
  .nt-btn:hover{transform:translateY(-1px)}
  .nt-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent-2);
    color:var(--on-accent-2);font-size:.66rem;font-weight:700;display:flex;align-items:center;justify-content:center}
  .nt-av{font-size:.72rem;font-weight:700}
  .nt-btn.bump{animation:bump .5s}
  @keyframes bump{30%{transform:scale(1.2)}60%{transform:scale(.94)}}
  @media(max-width:860px){.nav-tools{margin-left:auto}}
  /* drawer + sheets */
  html.sh-lock,html.sh-lock body{overflow:hidden}
  .sh-scrim{position:fixed;inset:0;background:rgba(10,11,13,.45);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s;z-index:90}
  .sh-scrim.open{opacity:1;visibility:visible}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--paper);color:var(--ink);z-index:95;
    transform:translateX(104%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;
    padding-top:var(--safe-t);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
  .drawer.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px rgba(0,0,0,.2)}
  .dr-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
  .dr-head h3,.sheet-card h3{font-family:var(--serif);font-weight:400;line-height:1.05}
  .dr-head h3{font-size:1.6rem}
  .dr-body{flex:1;overflow:auto;padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}
  .dr-line{display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center}
  .dr-img{position:relative;width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2)}
  .dr-txt{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;align-items:flex-start}
  .dr-txt>span:not(.qty){color:var(--fog)}
  .dr-txt em,.dr-row em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
  .dr-rm{background:none;border:0;color:var(--fog);cursor:pointer;padding:.4rem}
  .dr-empty{color:var(--fog);padding:2rem 0;text-align:center}
  .dr-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
  .dr-row{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
  .dr-row.total{font-size:1.05rem;padding-top:.6rem;border-top:1px dashed var(--line);margin-top:.2rem}
  .dr-fine,.pp-fine{font-size:.78rem;color:var(--fog);line-height:1.5}
  .btn.wide{width:100%;margin-top:.6rem}
  .qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  .qty button{background:none;border:0;width:38px;height:38px;font-size:1.1rem;cursor:pointer;color:var(--ink)}
  .qty span{min-width:28px;text-align:center;font-weight:600;color:var(--ink)}
  .qty.sm button{width:28px;height:28px}
  .sheet{position:fixed;inset:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:clamp(.6rem,3vw,2rem);
    opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .sheet.open{opacity:1;visibility:visible}
  .sheet-card{position:relative;background:var(--paper);color:var(--ink);border-radius:var(--r-lg);width:min(520px,100%);
    max-height:calc(100svh - 2rem);overflow:auto;padding:clamp(1.4rem,4vw,2.4rem);transform:translateY(24px) scale(.98);
    transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px rgba(0,0,0,.28)}
  .sheet.open .sheet-card{transform:none}
  .sheet-card.wide{width:min(960px,100%)}
  .sh-x{position:absolute;top:1rem;right:1rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
    cursor:pointer;color:var(--ink);z-index:3}
  .sh-x.static{position:static}
  .sheet-card h3{font-size:calc(clamp(1.6rem,3vw,2.2rem)*var(--h-scale));margin:.35rem 0 .8rem}
  .sheet-card h4,.adm-h4{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:1.4rem 0 .7rem;color:var(--ink)}
  .pp{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem);align-items:start}
  .pp-img{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
  .pp-price{font-size:1.45rem;font-weight:700;color:var(--accent);margin-bottom:.7rem}
  .pp-note{font-size:.85rem;background:var(--paper-2);border-left:3px solid var(--accent-2);padding:.7rem .9rem;border-radius:var(--r-sm);margin-bottom:.9rem}
  .pp-desc{color:var(--fog);white-space:pre-line;margin-bottom:1rem}
  .pp-buy{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1rem 0 .6rem}
  .si{max-width:420px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem 0}
  .si>p{color:var(--fog);font-size:.92rem}
  .si .field{width:100%;text-align:left}
  .si-alt{width:100%;margin-top:1rem;display:flex;flex-direction:column;gap:.2rem}
  .g-dot{width:16px;height:16px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);border:2px solid #fff}
  .ok-dot{width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:.6rem}
  .co{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.2rem,3vw,2.6rem)}
  .co-sum{background:var(--paper-2);border-radius:var(--r);padding:1.3rem;display:flex;flex-direction:column;gap:.55rem;align-self:start;position:sticky;top:0}
  .co-sum h4{margin-top:0}
  .co-who{font-size:.85rem;color:var(--fog);margin-bottom:1rem}
  .co-who a{text-decoration:underline}
  .acc-sub,.acc-ord{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
  .acc-sub>div,.acc-ord>div{display:flex;flex-direction:column;gap:.15rem}
  .acc-sub span,.acc-ord span{font-size:.82rem;color:var(--fog)}
  .acc-r{align-items:flex-end}
  .pill{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.22rem .6rem;border-radius:999px;background:var(--paper-2);color:var(--ink)!important}
  @media(max-width:760px){
    .pp,.co{grid-template-columns:1fr}
    .co-sum{position:static}
    .sheet{align-items:flex-end;padding:0}
    .sheet-card,.sheet-card.wide{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92svh;width:100%;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px))}
  }
  /* admin: sales + design */
  .adm-tabsep{display:block;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);padding:1rem .9rem .3rem}
  .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin:1.2rem 0;max-width:980px}
  .kpis div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
  .kpis span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fog);font-weight:700}
  .kpis b{font-size:1.6rem;font-family:var(--serif);font-weight:400;color:var(--accent)}
  .adm-filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;max-width:980px}
  .adm-filters input,.adm-filters select{padding:.6rem .9rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font:inherit;color:var(--ink)}
  .adm-filters input{flex:1;min-width:200px}
  .adm-filters input[type=checkbox]{flex:none;min-width:0;padding:0}
  .adm-filters .check{flex:1;min-width:220px}
  .tbl-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
  .tbl{width:100%;border-collapse:collapse;font-size:.86rem;min-width:780px}
  .tbl th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fog);padding:.8rem 1rem;border-bottom:1px solid var(--line);font-weight:700}
  .tbl td{padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
  .tbl tr:last-child td{border-bottom:0}
  .tbl tbody tr{cursor:pointer}
  .tbl tbody tr:hover{background:var(--paper-2)}
  .muted{color:var(--fog);font-size:.8rem}
  .tbl select.st{padding:.35rem .5rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font:inherit;font-size:.8rem;color:var(--ink)}
  .od{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}
  .od p{font-size:.9rem;margin-top:.3rem}
  .od-items{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--line);padding-top:1rem}
  .presets{display:flex;flex-wrap:wrap;gap:.6rem}
  .preset{display:flex;align-items:center;gap:.6rem;padding:.55rem .95rem .55rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);cursor:pointer;font:inherit;font-weight:600;font-size:.85rem;color:var(--ink)}
  .preset:hover{border-color:var(--accent)}
  .sw4{display:flex}
  .sw4 i{width:18px;height:18px;border-radius:50%;margin-left:-6px;border:2px solid var(--paper)}
  .sw4 i:first-child{margin-left:0}
  .colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;max-width:900px}
  .color{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;font-size:.86rem}
  .color input{width:40px;height:40px;border:0;padding:0;background:none;border-radius:8px;cursor:pointer;flex:0 0 auto}
  .color span{display:flex;flex-direction:column}
  .color code{font-size:.72rem;color:var(--fog)}
  .field input[type=range]{padding:0;accent-color:var(--accent)}
  .gtally{display:flex;flex-direction:column;gap:.45rem;max-width:640px}
  .gt{display:grid;grid-template-columns:minmax(120px,220px) 1fr 2.5rem;align-items:center;gap:.8rem;font-size:.88rem}
  .gt i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
  .gt b{text-align:right}
  /* fundraising line */
  .fund{pointer-events:auto;flex:0 1 540px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;border-radius:var(--r-lg);
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
  .fund-top{display:flex;align-items:center;gap:.7rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:var(--eyebrow-case);color:rgba(255,255,255,.72)}
  .fund-live{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent-2);color:var(--on-accent-2);padding:.2rem .55rem;border-radius:999px;font-size:.6rem}
  .fund-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}
  .fund-nums{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
  .fund-nums b{font-family:var(--serif);font-weight:400;font-size:calc(clamp(1.6rem,3vw,2.3rem)*var(--h-scale));line-height:1}
  .fund-nums span{color:rgba(255,255,255,.6);font-size:.88rem}
  .fund-nums em{margin-left:auto;font-style:normal;font-weight:700;color:var(--accent-2)}
  .fund-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
  .fund-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));
    transition:width 1.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
  .fund-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:shine 2.6s infinite}
  @keyframes shine{to{transform:translateX(100%)}}
  .fund-btns{display:flex;gap:.5rem;margin-top:.2rem}
  .fund-why{border-color:rgba(255,255,255,.6);color:#fff}
  .fund-why:hover{background:#fff;border-color:#fff;color:#111}
  @media(max-width:720px){.car-foot{flex-wrap:wrap}.fund{order:-1;flex:1 1 100%;padding:.85rem 1rem}.car-deg{font-size:1.8rem}}
  @media(prefers-reduced-motion:reduce){.fund-bar i::after{animation:none}}
  .don-amts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0 .4rem}
  .don-amts button{padding:.7rem 1.15rem;border-radius:var(--btn-r);border:1px solid var(--line);background:var(--paper);font:600 .95rem var(--grotesk);cursor:pointer;color:var(--ink)}
  .don-amts button.on,.don-amts button:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .why{max-width:660px;margin:0 auto;padding:.4rem 0}
  .why-text{white-space:pre-line;line-height:1.75;font-size:1.02rem}
  @media(max-width:720px){.adm-tabsep{display:inline-flex;align-items:center;padding:0 .4rem}}
  /* ===== header: logo left, Monumentas + Grill + account/basket right ===== */
  :root{--nav-pad:clamp(1rem,3.2vw,2.4rem)}
  .nav-inner{max-width:none;padding-inline:var(--nav-pad)}
  .nav-right{margin-left:auto;display:flex;align-items:center;gap:clamp(.5rem,1.4vw,1.1rem)}
  .nav-right .nav-tools{margin-left:0}
  .nav-ext{display:flex;align-items:center;gap:1.4rem}
  .nav-ext a{font-weight:500;font-size:.88rem;position:relative;padding:.2rem 0}
  .nav-ext a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .3s}
  .nav-ext a:hover::after{right:0}
  .grill-btn{display:inline-flex;align-items:center;gap:.6rem;height:40px;padding:0 1.05rem 0 .85rem;border-radius:var(--btn-r);
    border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:600 .86rem var(--grotesk);cursor:pointer;
    transition:transform .25s,box-shadow .25s}
  .grill-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px var(--accent)}
  .gr-ico{width:16px;height:16px;border-radius:3px;border:1px solid currentColor;
    background:repeating-conic-gradient(currentColor 0 25%,transparent 0 50%) 0 0/8px 8px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
  .grill-btn[aria-expanded="true"] .gr-ico{transform:rotate(90deg)}
  /* the starting-grid menu */
  .grill-pop{position:fixed;z-index:60;top:calc(var(--nav-h) + var(--safe-t) + 8px);right:var(--nav-pad);
    width:min(540px,calc(100vw - 2*var(--nav-pad)));max-height:calc(100svh - var(--nav-h) - var(--safe-t) - 24px);overflow:auto;
    background:radial-gradient(120% 80% at 100% 0%,#23262d,#121317 60%);color:#fff;border-radius:30px;
    padding:1.7rem clamp(1.1rem,3vw,1.7rem) 1.6rem;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);
    transform:scale(.25);opacity:0;visibility:hidden;transform-origin:var(--gx,90%) 0;
    transition:transform .5s cubic-bezier(.2,.9,.25,1.12),opacity .25s,visibility 0s .5s}
  .grill-pop.open{transform:none;opacity:1;visibility:visible;transition:transform .5s cubic-bezier(.2,.9,.25,1.12),opacity .25s}
  .gp-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem}
  .gp-head{display:flex;flex-direction:column;gap:.2rem}
  .gp-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:var(--eyebrow-case);color:var(--accent-2)}
  .gp-title{font-family:var(--serif);font-size:calc(1.7rem*var(--h-scale));line-height:1}
  .gp-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(.6rem,2vw,1.1rem);row-gap:.7rem;padding-bottom:1.9rem}
  .gp-slot{position:relative}
  .gp-slot.r{top:1.9rem}
  .gp-slot a{display:flex;align-items:center;gap:.8rem;padding:1rem 1rem 1.1rem;border:1.5px solid rgba(255,255,255,.55);
    border-bottom-color:transparent;border-radius:var(--r-sm) var(--r-sm) 0 0;transition:background .2s,border-color .2s,color .2s,transform .2s}
  .gp-slot a:hover,.gp-slot a:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translateY(-2px);outline:none}
  .gp-slot.pole a{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent-2)}
  .gp-pos{font:700 .8rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent-2);min-width:2.1em}
  .gp-slot.pole .gp-pos,.gp-slot a:hover .gp-pos{color:inherit}
  .gp-lbl{font-weight:600;font-size:.98rem}
  .grill-pop.open .gp-slot{animation:gpSlot .5s cubic-bezier(.2,.8,.2,1) calc(.1s + var(--i)*.045s) both}
  @keyframes gpSlot{from{opacity:0;transform:translateX(-16px)}}
  .shop-cats{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
  .shop-cats button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:.45rem .95rem;font:600 .8rem var(--grotesk);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
  .shop-cats button:hover{border-color:var(--accent)}
  .shop-cats button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .gp-more{margin-left:auto;font-size:1.3rem;line-height:1;opacity:.7;transition:transform .25s}
  .gp-slot a:hover .gp-more{transform:translateX(3px);opacity:1}
  .gp-subhead{display:flex;align-items:center;gap:1rem;margin:-.3rem 0 1rem}
  .gp-back{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:.45rem .9rem;font:600 .8rem var(--grotesk);cursor:pointer}
  .gp-back:hover{background:#fff;color:#111}
  .gp-subtitle{font-family:var(--serif);font-size:calc(1.4rem*var(--h-scale))}
  .gp-sub.enter{animation:gpSubIn .45s cubic-bezier(.2,.8,.2,1)}
  @keyframes gpSubIn{from{opacity:0;transform:translateX(28px)}}
  .gp-sub .gp-slot{animation:gpSlot .45s cubic-bezier(.2,.8,.2,1) calc(.05s + var(--i)*.04s) both}
  .gp-ext{display:none;gap:.6rem;flex-wrap:wrap;border-top:1px solid #2a2c32;padding-top:1rem}
  .gp-ext a{padding:.55rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:.85rem;font-weight:600}
  @media(prefers-reduced-motion:reduce){.grill-pop,.grill-pop.open .gp-slot{animation:none;transition:none}}
  @media(max-width:720px){
    .nav-ext{display:none}
    .gp-ext{display:flex}
  }
  @media(max-width:360px){.grill-btn{padding:0 .75rem;font-size:.8rem}}
  /* centred brand name in the header */
  .nav-inner{position:relative}
  .nav-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);
    font-size:calc(clamp(1.05rem,1.6vw,1.4rem)*var(--h-scale));letter-spacing:.01em;line-height:1;white-space:nowrap;
    transition:opacity .25s}
  .nav-brand:hover{opacity:.7}
  @media(max-width:600px){
    .nav-brand{position:static;transform:none;flex:1 1 auto;min-width:0;max-width:7.6em;margin:0 .5rem;text-align:left;
      white-space:normal;font-size:calc(.86rem*var(--h-scale));line-height:1.12}
    .logo-slot{width:52px;height:27px}
    .nav-right{margin-left:auto}
    .grill-btn{padding:0 .9rem}
  }
  /* car section: content aligned to the same left edge as the header logo, sized to the screen */
  .car-ui.wrap{max-width:none;margin:0;padding-inline:var(--nav-pad)}
  .car-copy{max-width:clamp(280px,33vw,470px);gap:clamp(.4rem,1.1vh,.7rem)}
  .car-copy h2{font-size:calc(clamp(1.7rem,3.4vw,3.2rem)*var(--h-scale))}
  .car-copy p{font-size:clamp(.86rem,1vw,1rem)}
  .car-guess{max-width:100%}
  .fund{flex-basis:clamp(300px,40vw,540px)}
  .car-foot{gap:clamp(.6rem,2vw,1.6rem)}
  .car-deg{font-size:calc(clamp(1.8rem,4vw,3.4rem))}
  @media(max-height:780px) and (min-width:721px){
    .car-ui{padding-top:calc(var(--nav-h) + var(--safe-t) + .7rem);padding-bottom:.9rem}
    .car-copy{gap:.35rem}
    .car-copy h2{font-size:calc(clamp(1.5rem,2.8vw,2.4rem)*var(--h-scale))}
    .car-copy p{font-size:.86rem}
    .car-guess{margin-top:.2rem;gap:.4rem}
    .cg-row select,.cg-row input{padding-top:.55rem;padding-bottom:.55rem}
    .fund{padding:.7rem 1rem;gap:.35rem}
    .fund-nums b{font-size:calc(1.5rem*var(--h-scale))}
    .car-deg{font-size:2rem}
  }
  @media(max-width:720px){.car-copy{max-width:100%}}
  .car-copy{margin-top:clamp(1.2rem,6vh,3.8rem)}            /* a little lower, away from the header */
  @media(max-height:780px) and (min-width:721px){.car-copy{margin-top:clamp(.8rem,4vh,2rem)}}
  @media(min-width:1600px){.car-copy{max-width:500px}}
  /* ===== HOME: portrait hero with cursor reveal ===== */
  .pt{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:var(--paper);isolation:isolate}
  .ptp{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#111}
  .ptp canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .pt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(calc(1 + var(--sp,0)*.08));transform-origin:center 40%}
  .pt.has-img::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
    background:linear-gradient(0deg,rgba(8,9,11,.62) 0%,rgba(8,9,11,0) 38%),linear-gradient(90deg,rgba(8,9,11,.35) 0%,rgba(8,9,11,0) 45%)}
  .pt.has-img .pt-meta,.pt.has-img .pt-line{color:#fff}
  .pt.has-img .pt-meta .btn.ghost{border-color:#fff;color:#fff}
  .pt.has-img .pt-scroll{color:rgba(255,255,255,.8)}
  .pt.has-img .pt-scroll i{background:rgba(255,255,255,.5)}
  .pt-bg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:0;
    transform:translate3d(var(--px,0px),var(--py,0px),0)}
  .pt-bg span{display:block;font-family:var(--serif);font-weight:400;line-height:.86;letter-spacing:-.045em;white-space:nowrap;will-change:transform}
  .pt-name1{font-size:calc(clamp(4.6rem,19vw,21rem)*var(--h-scale));color:var(--ink);transform:translateX(calc(var(--sp,0)*-18vw))}
  .pt-name2{font-size:calc(clamp(3rem,11.5vw,13.5rem)*var(--h-scale));color:transparent;-webkit-text-stroke:1.5px var(--ink);transform:translateX(calc(var(--sp,0)*18vw))}
  .pt-stage{position:relative;z-index:2;width:min(52vh,42vw,560px);aspect-ratio:4/5;
    transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(calc(1 - var(--sp,0)*.14));
    opacity:calc(1 - var(--sp,0)*.6)}
  .pt-img{position:absolute;inset:0;background-repeat:no-repeat;background-position:center bottom;background-size:contain}
  .pt-img svg{position:absolute;inset:6% 0 auto;width:100%;height:auto;overflow:visible}
  .pt-base{color:var(--ink)}
  .pt-reveal{-webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%),#000 88%,transparent 100%);
    mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%),#000 88%,transparent 100%)}
  .pt-reveal.fallback{background:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%),var(--accent) 0 99%,transparent 100%);color:#fff}
  .pt-lens{position:absolute;left:0;top:0;width:calc(var(--r,0px)*2);height:calc(var(--r,0px)*2);border-radius:50%;pointer-events:none;
    transform:translate(calc(var(--mxp,0px) - 50%),calc(var(--myp,0px) - 50%));border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);opacity:.8}
  .pt-meta{position:absolute;left:var(--nav-pad);bottom:clamp(1.4rem,5vh,3rem);z-index:3;max-width:min(440px,38vw);display:flex;flex-direction:column;gap:.7rem}
  .pt-line{font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.5;color:var(--ink)}
  .pt-ctas{display:flex;gap:.6rem;flex-wrap:wrap}
  .pt-scroll{position:absolute;right:var(--nav-pad);bottom:clamp(1.4rem,5vh,3rem);z-index:3;display:flex;align-items:center;gap:.7rem;
    font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:var(--eyebrow-case);color:var(--fog)}
  .pt-scroll i{display:block;width:56px;height:1px;background:var(--fog);position:relative;overflow:hidden}
  .pt-scroll i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:ptLine 2s infinite}
  @keyframes ptLine{to{transform:translateX(100%)}}
  @media(max-width:860px){
    .pt-meta{left:var(--nav-pad);right:var(--nav-pad);max-width:none}
    .pt-scroll{display:none}
  }
  @media(prefers-reduced-motion:reduce){.pt-scroll i::after{animation:none}}

  /* ===== STORY: a free-form board; scrolling travels across it to the right and downwards ===== */
  .story{position:relative;background:var(--graphite);color:#fff}
  .st-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
  .st-head{position:absolute;z-index:3;left:var(--nav-pad);top:calc(var(--nav-h) + var(--safe-t) + clamp(1rem,4vh,2.4rem));
    display:flex;flex-direction:column;gap:.5rem;pointer-events:none;will-change:opacity,transform}
  .st-head .eyebrow{display:inline-flex;align-items:center;gap:.5rem}
  .st-head .eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-2)}
  .st-head h2{font-family:var(--serif);font-weight:400;font-size:calc(clamp(2rem,4.4vw,3.8rem)*var(--h-scale));line-height:1;letter-spacing:-.02em}
  .st-board{position:absolute;left:0;top:0;will-change:transform}
  .st-item{position:absolute;display:flex;gap:clamp(1rem,2vw,2rem);will-change:transform,opacity}
  .st-item.tp-right{flex-direction:row;align-items:flex-end}
  .st-item.tp-left{flex-direction:row-reverse;align-items:flex-end}
  .st-item.tp-below{flex-direction:column}
  .st-item.tp-over{display:block}
  .st-picw{position:relative;flex:0 0 58%}
  .tp-below .st-picw,.tp-over .st-picw,.tp-none .st-picw{flex-basis:auto;width:100%}
  .st-pic{position:relative;aspect-ratio:var(--ar,4/3);border-radius:var(--r-lg);overflow:hidden;background:#1b1d22}
  .st-pic i{position:absolute;inset:-6%;background-size:cover;background-position:center;transform:translate3d(var(--pa,0px),var(--pb,0px),0)}
  .st-pic.ph i{background:radial-gradient(120% 90% at 20% 100%,color-mix(in srgb,var(--accent) 70%,#000),#15161a 70%)}
  .st-pic.ph b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:400;
    font-size:clamp(3rem,7vw,8rem);color:rgba(255,255,255,.13);letter-spacing:-.05em}
  .st-ep{position:absolute;left:-1.9em;top:0;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;
    font:600 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:var(--eyebrow-case);color:var(--accent-2)}
  .st-txt{display:flex;flex-direction:column;gap:.7rem;min-width:0}
  .st-txt h3{font-family:var(--serif);font-weight:400;font-size:calc(clamp(1.4rem,2.3vw,2.5rem)*var(--h-scale));line-height:1.04;letter-spacing:-.015em}
  .st-txt p{color:rgba(255,255,255,.74);font-size:clamp(.9rem,1vw,1.05rem);line-height:1.6;white-space:pre-line}
  .tp-over .st-txt{position:absolute;left:clamp(1rem,2vw,1.6rem);right:clamp(1rem,2vw,1.6rem);bottom:clamp(1rem,2vw,1.6rem);z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.6)}
  .tp-over .st-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,0) 60%)}
  .tp-none .st-txt{display:none}
  .story::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22vh;pointer-events:none;background:linear-gradient(0deg,var(--paper),transparent);opacity:var(--endfade,0)}
  /* admin board editor */
  .sb{position:relative;width:100%;max-width:1000px;background:#15161a;border-radius:var(--r);overflow:hidden;margin:.6rem 0 1rem;touch-action:none}
  .sb-view{position:absolute;border:1px dashed rgba(255,255,255,.35);pointer-events:none;border-radius:4px}
  .sb-view em{position:absolute;left:.4rem;top:.3rem;font-size:.6rem;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
  .sb-path{position:absolute;inset:0;pointer-events:none}
  .sb-it{position:absolute;border:1.5px solid var(--accent);background:#2a2c32 center/cover no-repeat;border-radius:6px;cursor:grab;color:#fff;
    font-size:.64rem;line-height:1.2;padding:.25rem .35rem;box-sizing:border-box;user-select:none;overflow:visible}
  .sb-it.drag{cursor:grabbing;outline:2px solid var(--accent-2);z-index:5}
  .sb-it span{background:rgba(0,0,0,.6);padding:.12rem .35rem;border-radius:3px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sb-rs{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent-2);border:2px solid #fff;cursor:nwse-resize}
  .sb-bar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;max-width:1000px}
  #intro{position:fixed;inset:0;z-index:70;background:var(--paper);display:flex;flex-direction:column;
    align-items:center;justify-content:flex-end;padding:0 1.2rem calc(20vh + env(safe-area-inset-bottom,0px));
    cursor:pointer;transition:opacity .8s ease,visibility .8s}
  #intro.gone{opacity:0;visibility:hidden}
  .intro-word{font-size:clamp(2.8rem,10vw,7.5rem);line-height:1.15;color:var(--ink);text-align:center;
    text-wrap:balance;opacity:0;transform:translateY(16px);filter:blur(10px);
    transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1),filter 1s}
  .intro-word.in{opacity:1;transform:none;filter:none}
  .intro-lang{margin-top:1.1rem;font:600 .72rem/1 var(--grotesk);letter-spacing:.22em;text-transform:uppercase;
    color:var(--fog);opacity:0;transition:opacity .8s .35s}
  .intro-lang.in{opacity:1}
  @media(prefers-reduced-motion:reduce){.fly-svg *{animation:none!important}}