/* ============================================================
   MINI SITES — the live proofs
   ============================================================ */
.mini-frame{position:absolute;inset:0;overflow:hidden;background:#fff}
.mini-scale{position:absolute;top:0;left:0;width:1200px;height:auto;transform-origin:0 0}
.mini-scroll{position:absolute;top:0;left:0;width:1200px;height:auto;transition:transform 4.6s var(--ease-2)}
.plate:hover .mini-scroll,.plate:focus-visible .mini-scroll{transform:translateY(var(--sy,0px))}
.hero__plate:hover .mini-scroll{transform:translateY(var(--sy,0px))}
.run__win[data-autoplay="on"] .mini-scroll{transition:transform 22s linear;transform:translateY(var(--sy,0px))}

.mini{width:1200px;min-height:1700px;background:var(--m-bg);color:var(--m-ink);
  font-family:var(--f-disp);position:relative;overflow:hidden}
.mini *{box-sizing:border-box}
.m-bar{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid var(--m-line)}
.m-logo{font-size:19px;letter-spacing:.16em;text-transform:uppercase;font-variation-settings:'wdth' 104,'wght' 600}
.m-nav{display:flex;gap:26px}
.m-nav span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.m-pill{border:1px solid currentColor;border-radius:999px;padding:8px 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.m-btn{background:var(--m-acc);color:var(--m-btn-fg,#fff);border-radius:var(--m-rad,999px);padding:12px 24px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:inline-block}
.m-art{background:var(--a1);position:relative;overflow:hidden}
.m-art.b{background:var(--a2)}
.m-art.c{background:var(--a3)}
.m-art::before{content:'';position:absolute;left:46%;top:16%;width:46%;height:70%;transform:translateX(-50%);
  border-radius:48% 48% 42% 42%/60% 60% 40% 40%;
  background:radial-gradient(60% 70% at 42% 26%,rgba(255,255,255,.13),rgba(255,255,255,.03) 58%,rgba(0,0,0,.10) 100%);
  filter:blur(22px)}
.m-art.b::before{left:62%;top:24%;width:40%;height:58%}
.m-art.c::before{left:34%;top:10%;width:52%;height:76%}
.m-art::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.18),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 42%)}
.m-line{height:1px;background:var(--m-line)}
.m-bars{display:grid;gap:7px}
.m-bars i{display:block;height:5px;background:currentColor;opacity:.18}
.m-bars i:nth-child(2){width:88%}
.m-bars i:nth-child(3){width:66%}

/* layout A: editorial */
.mA .mh{position:relative;height:590px}
.mA .mh .m-art{position:absolute;inset:0}
.mA .mh .cap{position:absolute;left:40px;bottom:44px;right:40px;color:var(--m-hero-fg,#fff);z-index:2}
.mA .mh h1{margin:0;font-size:104px;line-height:.86;letter-spacing:-.045em;text-transform:uppercase;font-variation-settings:'wdth' 108,'wght' 500}
.mA .mh h1 em{font-family:var(--f-ser);font-style:italic;text-transform:none;font-variation-settings:normal;letter-spacing:-.02em}
.mA .mh .sm{margin-top:20px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;opacity:.8}
.mA .strip{display:flex;justify-content:space-between;padding:22px 40px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.65;border-bottom:1px solid var(--m-line)}
.mA .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:44px 40px}
.mA .g3 .it .m-art{height:300px;margin-bottom:16px}
.mA .g3 .it h4{margin:0;font-size:15px;letter-spacing:.04em;text-transform:uppercase;font-variation-settings:'wdth' 100,'wght' 500}
.mA .g3 .it p{margin:6px 0 0;font-size:12.5px;opacity:.55}
.mA .quote{padding:70px 40px;text-align:center;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
.mA .quote p{margin:0 auto;max-width:16ch;font-family:var(--f-ser);font-style:italic;font-size:44px;line-height:1.14}
.mA .wide{height:330px;margin:44px 40px}
.mA .foot{display:flex;justify-content:space-between;padding:34px 40px 60px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.5}

/* layout B: commerce */
.mB .mh{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.mB .mh .txt{padding:64px 46px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.mB .mh h1{margin:0;font-size:76px;line-height:.92;letter-spacing:-.04em;font-variation-settings:'wdth' 100,'wght' 600}
.mB .mh p{margin:0;font-size:15px;line-height:1.55;opacity:.6;max-width:26ch}
.mB .mh .m-art{min-height:100%}
.mB .ticker{display:flex;gap:40px;padding:16px 40px;background:var(--m-acc);color:var(--m-btn-fg,#fff);overflow:hidden}
.mB .ticker span{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.mB .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:48px 40px}
.mB .g4 .it .m-art{height:210px;margin-bottom:14px;border-radius:var(--m-rad2,0)}
.mB .g4 .it h4{margin:0;font-size:13px;letter-spacing:.02em;font-variation-settings:'wdth' 100,'wght' 500}
.mB .g4 .it .pr{margin-top:6px;display:flex;justify-content:space-between;font-size:12px;opacity:.6}
.mB .band{margin:20px 40px 44px;padding:56px 44px;background:var(--m-band);display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:var(--m-rad2,0)}
.mB .band h3{margin:0;font-size:40px;line-height:1;letter-spacing:-.03em;max-width:14ch;font-variation-settings:'wdth' 100,'wght' 600}
.mB .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0 40px 60px}
.mB .cols h5{margin:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.5}

/* layout C: dark tech */
.mC .mh{padding:110px 60px 80px;text-align:center;position:relative;overflow:hidden}
.mC .glow{position:absolute;width:760px;height:760px;left:50%;top:-42%;transform:translateX(-50%);
  background:radial-gradient(circle,var(--m-glow),transparent 62%);filter:blur(6px)}
.mC .mh > *:not(.glow){position:relative;z-index:2}
.mC .tag{display:inline-block;border:1px solid var(--m-line);border-radius:999px;padding:8px 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.mC .mh h1{margin:28px 0 0;font-size:88px;line-height:.94;letter-spacing:-.045em;font-variation-settings:'wdth' 96,'wght' 600}
.mC .mh h1 span{color:var(--m-acc)}
.mC .mh p{margin:26px auto 0;max-width:34ch;font-size:16px;line-height:1.6;opacity:.55}
.mC .mrow{display:flex;gap:14px;justify-content:center;margin-top:34px}
.mC .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 60px 60px}
.mC .g3 .cd{border:1px solid var(--m-line);border-radius:var(--m-rad2,14px);padding:32px 28px;display:grid;gap:16px}
.mC .g3 .cd .ic{width:38px;height:38px;border-radius:10px;background:var(--m-acc);opacity:.9}
.mC .g3 .cd h4{margin:0;font-size:17px;letter-spacing:-.01em;font-variation-settings:'wdth' 100,'wght' 500}
.mC .logos{display:flex;justify-content:space-between;padding:34px 60px;border-block:1px solid var(--m-line);opacity:.45}
.mC .logos span{font-size:16px;letter-spacing:.12em;text-transform:uppercase}
.mC .stats{display:grid;grid-template-columns:repeat(3,1fr);padding:60px;gap:30px}
.mC .stats .st b{display:block;font-size:58px;line-height:1;letter-spacing:-.04em;font-variation-settings:'wdth' 92,'wght' 500}
.mC .stats .st span{display:block;margin-top:10px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.45}
.mC .cta{margin:0 60px 60px;padding:70px 50px;border-radius:var(--m-rad2,14px);background:var(--m-band);text-align:center}
.mC .cta h3{margin:0 0 24px;font-size:46px;line-height:1;letter-spacing:-.035em;font-variation-settings:'wdth' 100,'wght' 600}

/* ---- theme palettes ---- */
.t-fashion{--m-bg:#EDE8E1;--m-ink:#1C1815;--m-acc:#8A6A4F;--m-line:rgba(28,24,21,.14);--m-band:#DED6CB;
  --a1:linear-gradient(155deg,#CDBBA5,#96795F 58%,#5B4736);--a2:linear-gradient(20deg,#DCD1C2,#A98F73);--a3:linear-gradient(200deg,#B9A188,#6E5947)}
.t-pet{--m-bg:#F5EFE4;--m-ink:#2B211A;--m-acc:#C4652F;--m-line:rgba(43,33,26,.14);--m-band:#EADFCC;--m-rad:6px;--m-rad2:8px;
  --a1:linear-gradient(160deg,#EBC08F,#C4652F 68%,#7C3D1C);--a2:linear-gradient(30deg,#E5D3B4,#B98A55);--a3:linear-gradient(210deg,#D9A874,#8C4F26)}
.t-ai{--m-bg:#07080A;--m-ink:#E9EDF3;--m-acc:#6E8CFF;--m-line:rgba(233,237,243,.13);--m-band:#101319;--m-glow:rgba(110,140,255,.36);--m-rad2:16px;--m-hero-fg:#E9EDF3;
  --a1:radial-gradient(90% 80% at 30% 20%,#2B3A78,#0A0D18 70%);--a2:linear-gradient(140deg,#1B2340,#080A12);--a3:radial-gradient(70% 70% at 70% 30%,#3A4A9E,#090C15 72%)}
.t-agency{--m-bg:#0D0E10;--m-ink:#F2F1EC;--m-acc:#C9FF4B;--m-btn-fg:#0D0E10;--m-line:rgba(242,241,236,.14);--m-band:#15171A;--m-glow:rgba(201,255,75,.16);--m-rad2:4px;--m-hero-fg:#F2F1EC;
  --a1:linear-gradient(150deg,#2A2E22,#0C0D0F 70%);--a2:linear-gradient(30deg,#3C4430,#101210);--a3:linear-gradient(210deg,#232619,#0B0C0D)}
.t-ledger{--m-bg:#FAFAF8;--m-ink:#14181F;--m-acc:#1E3FD8;--m-line:rgba(20,24,31,.12);--m-band:#EEF1FA;--m-rad2:10px;
  --a1:linear-gradient(150deg,#C6D2F2,#7F94D8 62%,#39498F);--a2:linear-gradient(20deg,#DDE3F4,#9AA9D9);--a3:linear-gradient(200deg,#AFBEEA,#4F5FA8)}
.t-terra{--m-bg:#E7E8DF;--m-ink:#21261D;--m-acc:#5E7452;--m-line:rgba(33,38,29,.14);--m-band:#D8DBCB;
  --a1:linear-gradient(150deg,#B9C2A6,#6E8158 62%,#3A472E);--a2:linear-gradient(25deg,#CFD4BF,#8B9A76);--a3:linear-gradient(200deg,#A5B292,#4F5F3C)}
.t-aurem{--m-bg:#0F0D0A;--m-ink:#F0E7D5;--m-acc:#C6A34A;--m-btn-fg:#14110B;--m-line:rgba(240,231,213,.14);--m-band:#171310;--m-hero-fg:#F0E7D5;
  --a1:radial-gradient(80% 80% at 40% 25%,#6B5527,#100D08 72%);--a2:linear-gradient(140deg,#3A2E16,#0D0B07);--a3:radial-gradient(70% 70% at 60% 40%,#8B6E33,#0F0C08 74%)}
.t-halide{--m-bg:#141210;--m-ink:#F4EEE4;--m-acc:#E2603A;--m-line:rgba(244,238,228,.14);--m-band:#1D1916;--m-hero-fg:#F4EEE4;
  --a1:linear-gradient(150deg,#6A3320,#160F0C 72%);--a2:linear-gradient(30deg,#43261B,#120E0C);--a3:radial-gradient(70% 70% at 40% 30%,#8A4526,#140F0C 72%)}
.t-volt{--m-bg:#0A0A0B;--m-ink:#FFFFFF;--m-acc:#D8FF2E;--m-btn-fg:#0A0A0B;--m-line:rgba(255,255,255,.14);--m-band:#131315;--m-glow:rgba(216,255,46,.14);--m-hero-fg:#fff;
  --a1:linear-gradient(150deg,#33361B,#0A0A0B 70%);--a2:linear-gradient(30deg,#4A4F22,#0E0E0F);--a3:linear-gradient(200deg,#26280F,#090909)}
.t-plinth{--m-bg:#FFFFFF;--m-ink:#111214;--m-acc:#E24A2B;--m-line:rgba(17,18,20,.12);--m-band:#F3F1EE;--m-rad2:2px;
  --a1:linear-gradient(150deg,#E4D9D2,#B29A8E 62%,#6F5B51);--a2:linear-gradient(25deg,#EFE7E1,#C3B0A5);--a3:linear-gradient(200deg,#D6C6BC,#8B7368)}