@font-face{font-family:"Archivo";src:url("../fonts/archivo-wdth.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Marker";src:url("../fonts/permanent-marker.woff2") format("woff2");font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url("../fonts/zilla-slab-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{--ink:#0E1A24;--night:#10202c;--paper:#EDE6D6;--amber:#F2A33A;--rust:#9E4524;--pad:clamp(20px,4.5vw,72px);--tear:clamp(44px,6vw,100px);
  --hf:"Archivo",Impact,sans-serif;--hw:900;--hs:75%;--ht:uppercase;--hls:-.005em;--hlh:.9;
  --a1:#1f3a5f;--a2:#4a6a8f;--a1raw:#1f3a5f;--a2raw:#4a6a8f;--on1:#fff;--on2:#fff;--bg:#FBFAF7;--text:#141A1F;--surf:#F1EEE7;--line:rgba(20,26,31,.12);--muted:rgba(20,26,31,.68)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--ink);color:var(--paper);font:400 1.0625rem/1.55 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
button{font:inherit}
.cond{font-family:"Archivo",Impact,sans-serif;font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;line-height:.86}
.wide{font-family:"Archivo",Arial,sans-serif;font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.marker{font-family:"Marker","Comic Sans MS",cursive;line-height:1.05}
.o{color:transparent;-webkit-text-stroke:clamp(1.5px,.16vw,3px) var(--oc,#EDE6D6)}
.cb--site,.cb--print{--oc:#0E1A24}
.tear{position:absolute;left:0;right:0;height:var(--tear);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;z-index:3}
.tear--up{bottom:-1px;background-image:url("../img/v2/tear-up.webp")}
.tear--down{top:-1px;background-image:url("../img/v2/tear-down.webp")}
.tear--bottom{top:auto;bottom:calc(var(--tear) * -1 + 1px)}
.btn2{display:inline-block;font:800 clamp(.8rem,1vw,.95rem)/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:18px 28px;border:2px solid transparent;border-radius:999px;cursor:pointer}
.btn2--ink{background:var(--ink);color:var(--paper)}
.btn2--line2{border-color:var(--ink);color:var(--ink)}

/* ================= FLOW ================= */
.flow{min-height:100svh;display:flex;flex-direction:column}
.flow__top{display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--paper);font:700 1.3rem/1 "Zilla Slab",Georgia,serif}
.brand b{color:var(--amber);font-weight:600}
.brand img{width:32px;height:32px}
.flow__hint{font-size:.9rem;color:rgba(237,230,214,.7)}
.flow__main{flex:1;display:grid;place-items:center;padding:20px var(--pad) 40px}
.box{width:100%;max-width:720px;background:var(--paper) url("../img/v2/paper.jpg");background-size:600px;color:var(--ink);padding:clamp(26px,3.6vw,48px);border:2.5px solid var(--ink);box-shadow:0 2px 3px rgba(0,0,0,.3),0 40px 60px -24px rgba(0,0,0,.7);position:relative}
.box::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:rgba(242,163,58,.85);transform:rotate(-3deg);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,97% 30%,100% 55%,96% 80%,100% 100%,10% 100%,6% 88%,2% 100%,0 78%,3% 50%,0 28%)}
.progress{display:flex;gap:6px;margin:4px 0 22px}
.progress i{flex:1;height:5px;background:rgba(14,26,36,.15)}
.progress i.on{background:var(--amber)}
.kicker{margin:0 0 8px;font:800 .72rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.q{margin:0 0 10px;font-family:"Archivo",Impact,sans-serif;font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.6rem);line-height:.88;letter-spacing:-.005em}
.sub{margin:0 0 22px;color:rgba(14,26,36,.78);max-width:34em}
.sub em{font-style:normal;font-weight:700;color:var(--ink)}
.input{width:100%;font:500 1.25rem/1.2 "DM Sans",system-ui,sans-serif;padding:16px 18px;background:#fff;border:2px solid var(--ink);color:var(--ink)}
.input:focus-visible,.btn:focus-visible,.ind:focus-visible,.sw:focus-visible,.mode:focus-visible,.stl:focus-visible,.drop:focus-within,.shot--add:focus-within{outline:3px solid var(--amber);outline-offset:3px}
.err{min-height:1.4em;margin:10px 0 0;font-weight:700;color:var(--rust)}
.actions{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}
.btn{appearance:none;border:0;cursor:pointer;background:var(--ink);color:var(--paper);font:800 .9rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.09em;text-transform:uppercase;padding:18px 28px;border-radius:999px}
.btn:hover{background:#1c3140}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn--ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn--big{background:var(--amber);color:var(--ink);padding:20px 32px}
.link{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--rust);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.link--back{display:inline-flex;align-items:center;gap:4px;text-decoration:none;margin-bottom:14px}
.link--back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.step{animation:in .28s ease both}
.step.back{animation-name:inb}
.step.still{animation:none}
@keyframes in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes inb{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ind{appearance:none;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;background:#fff;border:2px solid var(--ink);color:var(--ink);text-align:left}
.ind strong{font:800 .95rem/1.15 "Archivo",Arial,sans-serif;font-stretch:100%}
.ind:hover,.ind.is-on{background:var(--ink);color:var(--paper)}
.ind--wide{grid-column:1/-1;flex-direction:row;align-items:center}
.ind__icon{width:36px;height:36px;display:grid;place-items:center;background:var(--amber);border-radius:10px;color:var(--ink);flex:none}
.ind__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 20px;border:2px dashed var(--ink);background:rgba(255,255,255,.5);cursor:pointer}
.drop.is-over{background:rgba(242,163,58,.25)}
.drop svg{width:30px;height:30px;fill:none;stroke:var(--rust);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.drop strong{font-size:1.05rem}
.drop span{font-size:.92rem;color:rgba(14,26,36,.7)}
.drop input,.shot--add input{position:absolute;opacity:0;width:1px;height:1px}
.got{display:flex;align-items:center;gap:18px}
.got__img{width:120px;height:120px;background:#fff;border:2px solid var(--ink);display:grid;place-items:center;padding:10px}
.got__img img{max-width:100%;max-height:100%;object-fit:contain}
.got p{margin:0 0 6px;font-weight:700}
.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.slot{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid rgba(14,26,36,.25);background:#fff}
.slot.is-set{border-color:var(--ink)}
.slot__dot{width:30px;height:30px;border-radius:50%;background:repeating-linear-gradient(45deg,rgba(14,26,36,.12) 0 4px,transparent 4px 8px);flex:none}
.slot small{display:block;font-size:.75rem;color:rgba(14,26,36,.65)}
.slot b{font-size:.95rem}
.lbl{margin:16px 0 8px;font:800 .72rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.swatches{display:flex;flex-wrap:wrap;gap:9px}
.sw{position:relative;appearance:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);display:grid;place-items:center}
.sw svg{width:20px;height:20px;fill:none;stroke:var(--tick);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.sw[aria-pressed="true"]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}
.sw[aria-pressed="true"] svg{opacity:1}
.sw--custom{background:#fff;border:2px dashed var(--ink);color:var(--ink);font-weight:700;font-size:1.3rem}
.sw--custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.modes,.styles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.styles{grid-template-columns:repeat(3,1fr)}
.mode,.stl{appearance:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:2px solid rgba(14,26,36,.3);color:var(--ink);text-align:left}
.mode[aria-checked="true"],.stl[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--amber)}
.mode svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.mode--dark{background:#10202c;color:var(--paper)}
.mode b,.stl b{display:block;font-size:.95rem}
.mode small,.stl small{font-size:.78rem;opacity:.7}
.stl__sample{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--paper);flex:none;font-size:1.3rem}
.stl--bold .stl__sample{font-family:"Archivo";font-stretch:62%;font-weight:900;text-transform:uppercase}
.stl--classic .stl__sample{font-family:"Zilla Slab",serif;font-weight:700}
.stl--clean .stl__sample{font-family:"DM Sans";font-weight:700;letter-spacing:-.03em}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.shot{position:relative;aspect-ratio:1;background:#fff;border:2px solid var(--ink);overflow:hidden}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-style:dashed;cursor:pointer;color:var(--rust);font-weight:700}
.shot--add svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shot--add.is-over{background:rgba(242,163,58,.25)}
.shot__x{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer;font-size:1.1rem;line-height:1}
.flow__note{margin:0;padding:0 var(--pad) 24px;text-align:center;font-size:.9rem;color:rgba(237,230,214,.6)}
@media (max-width:640px){.inds{grid-template-columns:1fr 1fr}.styles{grid-template-columns:1fr}.slots{grid-template-columns:1fr}.box{padding:22px 18px}}

/* ================= BOARD CHROME ================= */
.bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:10px var(--pad);background:#000;color:#fff}
.bar__back{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:700}
.bar__back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bar__mid{margin:0 auto;font-size:.95rem;color:rgba(255,255,255,.8)}
.bar__acts{display:flex;gap:8px}
.bar__btn{appearance:none;cursor:pointer;border:0;background:var(--amber);color:var(--ink);font:800 .72rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.08em;text-transform:uppercase;padding:11px 16px;border-radius:999px}
.bar__btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.print-head{display:none}
.cb{position:relative;padding:clamp(60px,8vw,120px) var(--pad)}
.cb__head{margin-bottom:clamp(28px,4vw,56px)}
.cb__head h2{margin:0;font-size:clamp(44px,7vw,130px)}
.cb__head h2 .s,.cb__head h2 .o{display:block}
.cb__sub{margin:clamp(14px,1.6vw,24px) 0 0;font-size:clamp(1.05rem,1.35vw,1.3rem);max-width:34em;opacity:.85}
.cb__kicker{display:block;font-size:clamp(.72rem,.95vw,.9rem);color:var(--amber);margin-bottom:14px}
.cb__note{display:inline-block;margin-top:18px;font-size:clamp(1.3rem,2vw,2rem);color:var(--amber);transform:rotate(-3deg)}
.cb__fine{margin:22px 0 0;font-size:clamp(1.1rem,1.5vw,1.5rem);color:var(--rust);transform:rotate(-2deg);display:inline-block}
.cb--intro{background:var(--ink);color:var(--paper);padding-top:clamp(50px,7vw,100px);padding-bottom:calc(var(--tear) + clamp(30px,4vw,60px))}
.cb--intro h1{margin:0;font-size:clamp(50px,9.5vw,180px);line-height:.86}
.cb__lead{margin:clamp(22px,3vw,40px) 0 0;max-width:36em;font-size:clamp(1.05rem,1.45vw,1.4rem);color:rgba(237,230,214,.9)}
.paperbg{background:var(--paper) url("../img/v2/paper.jpg");background-size:600px;color:var(--ink)}
.cb--site,.cb--print{background:var(--paper) url("../img/v2/paper.jpg");background-size:600px;color:var(--ink)}
.cb--kit{background:var(--night);color:var(--paper);padding-top:calc(var(--tear) + clamp(56px,8vw,110px))}
.cb--kit .kit__lbl{color:var(--amber)}
.cb--kit .pin{color:var(--amber)}
.cb--google{background:var(--paper) url("../img/v2/paper.jpg");background-size:600px;color:var(--ink);--oc:#0E1A24;padding-top:clamp(60px,8vw,120px);padding-bottom:clamp(60px,8vw,120px)}
.cb--google .gcheck svg{stroke:var(--rust)}
.cb--social{background:var(--night);color:var(--paper);padding-top:calc(var(--tear) + clamp(56px,8vw,110px));padding-bottom:calc(var(--tear) + clamp(56px,8vw,110px))}
.cb--social .cb__fine,.cb--kit .cb__fine{color:var(--amber)}
.cb--kit{padding-bottom:calc(var(--tear) + clamp(60px,8vw,110px))}
.cb--print{padding-bottom:calc(var(--tear) + clamp(60px,8vw,110px))}
.cb--close{background:var(--amber);color:var(--ink);padding-top:calc(var(--tear) + clamp(40px,5vw,80px))}
.close__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:center;max-width:1500px;margin:0 auto}
.close__hey{margin:0;font-size:clamp(150px,26vw,480px);line-height:.74}
.close__big{margin:0 0 18px;font:800 clamp(1.5rem,3vw,3.2rem)/1.08 "Archivo",Arial,sans-serif;font-stretch:100%;letter-spacing:-.01em}
.close__p{margin:0 0 24px;max-width:34em;font-size:clamp(1rem,1.25vw,1.2rem)}
.close__btns{display:flex;flex-wrap:wrap;gap:12px}
.close__contact{margin:22px 0 0;font-weight:700}
.close__contact a{color:inherit}
.close__note{display:inline-block;margin-top:14px;font-size:clamp(1.3rem,2vw,2rem);transform:rotate(-3deg);color:var(--rust)}
.cb__foot{background:#000;color:rgba(255,255,255,.75);padding:24px var(--pad);display:flex;flex-wrap:wrap;gap:8px 30px;font-size:.9rem}
.cb__foot b{color:#fff}
.cb__foot-fine{flex-basis:100%;opacity:.6}
@media (max-width:980px){.close__grid{grid-template-columns:1fr}.close__hey{font-size:clamp(150px,40vw,340px)}}

/* ================= FRAMES ================= */
.frames{position:relative;margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(20px,3vw,50px);align-items:end;max-width:1500px;margin:0 auto}
.frame{background:#111;border-radius:16px;box-shadow:0 2px 3px rgba(14,26,36,.3),0 40px 70px -24px rgba(14,26,36,.6);overflow:hidden}
.frame--desk{padding:0}
.frame__bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#1b1f24}
.frame__bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.frame__bar i:nth-child(2){background:#febc2e}.frame__bar i:nth-child(3){background:#28c840}
.frame__bar span{margin-left:12px;flex:1;background:#2a3038;color:#aab3bd;border-radius:6px;font-size:.78rem;padding:5px 12px}
.frame__screen{container-type:inline-size;background:var(--bg);color:var(--text);overflow:hidden}
.frame--phone{border-radius:38px;padding:12px;background:#0b0d10;position:relative;transform:rotate(-2deg) translateY(10px)}
.frame--phone .frame__screen{border-radius:28px}
.frame__notch{position:absolute;top:20px;left:50%;width:96px;height:24px;margin-left:-48px;background:#0b0d10;border-radius:14px;z-index:5}
@media (max-width:980px){.frames{grid-template-columns:1fr}.frame--phone{width:min(320px,100%);margin:0 auto;transform:none}}

/* ---- mini site (cqw units; container = frame screen) ---- */
.ms{font-family:"DM Sans",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:1.3cqw}
.ms h1,.ms h2{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:var(--hlh);margin:0}
.ms svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ms__top{display:flex;justify-content:space-between;gap:2cqw;padding:.8cqw 3.5cqw;background:var(--btn);color:var(--onbtn);font-size:1.05cqw;font-weight:600}
.ms__top span{display:inline-flex;align-items:center;gap:.6cqw}
.ms__top svg{width:1.2cqw;height:1.2cqw}
.ms__nav{display:flex;align-items:center;gap:2.2cqw;padding:1.7cqw 3.5cqw;border-bottom:1px solid var(--line);background:var(--bg)}
.ms__logo{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);font-size:2.3cqw;letter-spacing:var(--hls);color:var(--text);white-space:nowrap}
.ms__logo--img{height:4.2cqw;width:auto;max-width:22cqw;object-fit:contain}
.ms__links{margin-left:auto;display:flex;gap:2.6cqw;font-size:1.25cqw;font-weight:600;color:var(--muted)}
.ms__btn{display:inline-block;background:var(--btn);color:var(--onbtn);font-weight:700;font-size:1.2cqw;padding:1cqw 1.9cqw;border-radius:.6cqw;white-space:nowrap}
.ms__btn--big{font-size:1.45cqw;padding:1.35cqw 2.6cqw}
.ms__btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 .18cqw var(--text);font-size:1.45cqw;padding:1.35cqw 2.6cqw}
.ms__btn--inv{background:var(--bg);color:var(--text)}
.ms__btns{display:flex;gap:1.2cqw;margin-top:2.4cqw}
.ms__eyebrow{display:inline-block;font-size:1cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a1);margin-bottom:1.2cqw}
.ms__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:4cqw;align-items:center;padding:5cqw 3.5cqw 4cqw}
.ms__herotext h1{font-size:5.4cqw;margin-bottom:1.4cqw}
.ms__herotext p{margin:0;font-size:1.45cqw;line-height:1.5;color:var(--muted);max-width:40cqw}
.ms__ticks{display:flex;flex-wrap:wrap;gap:1cqw 2cqw;margin-top:2.6cqw;font-size:1.1cqw;font-weight:600}
.ms__ticks span{display:inline-flex;align-items:center;gap:.6cqw}
.ms__ticks svg{width:1.4cqw;height:1.4cqw;color:var(--a1);stroke-width:3}
.ms__visual{position:relative;aspect-ratio:1.05;margin-right:1.5cqw}
.ms__block{position:absolute;right:-1.5cqw;bottom:-1.5cqw;width:70%;height:70%;background:var(--a2raw);border-radius:1.4cqw;opacity:.9}
.ph{position:relative;background-size:cover;background-position:center}
.ms__visual .ms__heroimg{position:absolute;inset:0;border-radius:1.4cqw;overflow:hidden}
.ph--tex{background-image:linear-gradient(135deg,var(--a1raw),var(--a2raw))}
.ph--tex1{background-image:linear-gradient(160deg,var(--a2raw),var(--a1raw) 70%)}
.ph--tex2{background-image:radial-gradient(circle at 30% 30%,var(--a2raw),var(--a1raw) 75%)}
.ph--tex::after{content:"";position:absolute;inset:0;background:url("../img/v2/paper.jpg");background-size:400px;mix-blend-mode:multiply;opacity:.5}
.ph--tex::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 6px,transparent 6px 16px)}
.ms__chip{position:absolute;left:-2cqw;bottom:3cqw;background:var(--bg);color:var(--text);font-size:1.1cqw;padding:1cqw 1.4cqw;border-radius:.8cqw;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.25);white-space:nowrap}
.ms__chip b{color:var(--a1)}
.ms__sec{padding:4cqw 3.5cqw}
.ms__sechead{margin-bottom:2.4cqw}
.ms__sechead--row{display:flex;align-items:flex-end;justify-content:space-between;gap:2cqw}
.ms__sechead h2{font-size:3.4cqw;max-width:50cqw}
.ms__link{font-size:1.2cqw;font-weight:700;color:var(--a1);white-space:nowrap}
.ms__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}
.ms__svc{background:var(--surf);padding:2cqw;border-radius:1cqw;display:flex;flex-direction:column}
.ms__ico{width:3.2cqw;height:3.2cqw;border-radius:50%;background:var(--btn);color:var(--onbtn);display:grid;place-items:center;margin-bottom:1.4cqw}
.ms__ico svg{width:1.6cqw;height:1.6cqw}
.ms__svc b{display:block;font-size:1.5cqw;margin-bottom:.5cqw}
.ms__svc span:last-child{font-size:1.15cqw;color:var(--muted);line-height:1.4}
.ms__gal{padding:0 3.5cqw 4cqw}
.ms__shots{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}
.ms__shot{aspect-ratio:1;border-radius:.9cqw;overflow:hidden}
.ms__quote{margin:0 3.5cqw 4cqw;padding:3.5cqw;background:var(--surf);border-left:.5cqw solid var(--btn);border-radius:1cqw}
.ms__stars{color:var(--a1);font-size:1.4cqw;letter-spacing:.1em}
.ms__quote blockquote{margin:1cqw 0 1.2cqw;font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);font-size:2.6cqw;line-height:1.1;letter-spacing:var(--hls)}
.ms__who{font-size:1.1cqw;color:var(--muted)}
.ms__band{display:flex;align-items:center;justify-content:space-between;gap:3cqw;margin:0 3.5cqw;padding:3.2cqw;background:var(--btn);color:var(--onbtn);border-radius:1.2cqw}
.ms__band h2{font-size:3cqw;margin-bottom:.6cqw}
.ms__band p{margin:0;font-size:1.3cqw;opacity:.9}
.ms__foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3cqw;padding:4cqw 3.5cqw 2cqw;margin-top:4cqw;border-top:1px solid var(--line);font-size:1.15cqw;color:var(--muted)}
.ms__fcol{display:flex;flex-direction:column;gap:.6cqw}
.ms__fcol b{color:var(--text);margin-bottom:.4cqw}
.ms__fcol p{margin:1cqw 0 0;line-height:1.5;max-width:30cqw}
.ms__legal{padding:1.4cqw 3.5cqw 2.6cqw;font-size:1cqw;color:var(--muted)}
/* phone */
.ms--phone{font-size:4cqw}
.ms--phone .ms__top{padding:9cqw 5cqw 2cqw;font-size:2.8cqw;justify-content:center}
.ms--phone .ms__top span:last-child{display:none}
.ms--phone .ms__top svg{width:3cqw;height:3cqw}
.ms--phone .ms__nav{padding:4cqw 5cqw;justify-content:space-between}
.ms--phone .ms__logo{font-size:5.4cqw}
.ms--phone .ms__logo--img{height:9cqw;max-width:50cqw}
.ms__burger{display:flex;flex-direction:column;gap:1.3cqw}
.ms__burger i{display:block;width:6cqw;height:.9cqw;background:var(--text)}
.ms--phone .ms__hero{grid-template-columns:1fr;gap:6cqw;padding:7cqw 6cqw 4cqw}
.ms--phone .ms__eyebrow{font-size:2.8cqw;margin-bottom:3cqw}
.ms--phone .ms__herotext h1{font-size:12cqw;margin-bottom:3.5cqw}
.ms--phone .ms__herotext p{font-size:4cqw;max-width:100%}
.ms--phone .ms__btns{flex-direction:column;gap:2.5cqw;margin-top:5cqw}
.ms--phone .ms__btn{font-size:3.6cqw;padding:3.2cqw 5cqw;text-align:center;border-radius:2cqw}
.ms--phone .ms__btn--ghost{box-shadow:inset 0 0 0 .5cqw var(--text)}
.ms--phone .ms__ticks{flex-direction:column;gap:2cqw;margin-top:5cqw;font-size:3.6cqw}
.ms--phone .ms__ticks svg{width:4cqw;height:4cqw}
.ms--phone .ms__visual{aspect-ratio:1.1;margin:2cqw 4cqw 4cqw 0}
.ms--phone .ms__block{right:-4cqw;bottom:-4cqw;border-radius:4cqw}
.ms--phone .ms__visual .ms__heroimg{border-radius:4cqw}
.ms--phone .ms__chip{left:-2cqw;bottom:5cqw;font-size:3.2cqw;padding:2.5cqw 3.5cqw;border-radius:2.5cqw}
.ms--phone .ms__sec{padding:7cqw 6cqw}
.ms--phone .ms__sechead h2{font-size:9cqw;max-width:100%}
.ms--phone .ms__grid{grid-template-columns:1fr 1fr;gap:3cqw}
.ms--phone .ms__svc{padding:4.5cqw;border-radius:3cqw}
.ms--phone .ms__ico{width:9cqw;height:9cqw;margin-bottom:3cqw}
.ms--phone .ms__ico svg{width:4.5cqw;height:4.5cqw}
.ms--phone .ms__svc b{font-size:4.2cqw}
.ms--phone .ms__svc span:last-child{font-size:3.2cqw}
.ms--phone .ms__gal{padding:0 6cqw 7cqw}
.ms--phone .ms__link{display:none}
.ms--phone .ms__shots{grid-template-columns:1fr 1fr;gap:3cqw}
.ms--phone .ms__shot{border-radius:3cqw}
.ms--phone .ms__quote{margin:0 6cqw 7cqw;padding:6cqw;border-left-width:1.5cqw;border-radius:3cqw}
.ms--phone .ms__stars{font-size:4cqw}
.ms--phone .ms__quote blockquote{font-size:7cqw;margin:2.5cqw 0 3cqw}
.ms--phone .ms__who{font-size:3.2cqw}
.ms--phone .ms__band{flex-direction:column;align-items:flex-start;margin:0 6cqw;padding:7cqw;border-radius:3cqw;gap:4cqw}
.ms--phone .ms__band h2{font-size:8cqw}
.ms--phone .ms__band p{font-size:3.6cqw}
.ms--phone .ms__foot{grid-template-columns:1fr;gap:5cqw;padding:8cqw 6cqw 3cqw;font-size:3.4cqw}
.ms--phone .ms__fcol p{max-width:100%}
.ms--phone .ms__legal{padding:4cqw 6cqw 9cqw;font-size:3cqw}

.scrollcue{position:absolute;left:50%;bottom:calc(var(--tear) + 18px);width:56px;height:56px;margin-left:-28px;border-radius:50%;border:2.5px solid var(--amber);display:grid;place-items:center;color:var(--amber);z-index:4;animation:cue 1.8s ease-in-out infinite}
.scrollcue svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.scrollcue:hover{background:var(--amber);color:var(--ink)}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.scrollcue{animation:none}}
@media print{.scrollcue{display:none}}
.cb--intro{padding-bottom:calc(var(--tear) + clamp(90px,10vw,130px))}

/* ================= STUDIO NOTES / DRAFT ================= */
.cb__num{display:block;font-size:clamp(2rem,3.4vw,3.6rem);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--oc,#EDE6D6);margin-bottom:14px}
.intro__row{display:flex;align-items:center;flex-wrap:wrap;gap:28px 60px}
.stamp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 26px;border:4px solid var(--rust);color:var(--rust);border-radius:8px;transform:rotate(-8deg);font-family:"Archivo",Impact,sans-serif;font-stretch:62%;font-weight:900;text-transform:uppercase;line-height:1;opacity:.95;mask:url("../img/v2/paper.jpg") center/300px;-webkit-mask:url("../img/v2/paper.jpg") center/300px}
.stamp span{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:.04em}
.stamp small{font-size:.8rem;letter-spacing:.2em;margin-top:6px}
.pin{position:absolute;display:inline-flex;align-items:center;gap:8px;font-size:clamp(1.1rem,1.6vw,1.6rem);color:var(--rust);transform:rotate(-3deg);pointer-events:none;z-index:7}
.pin svg{width:clamp(44px,5vw,76px);height:auto;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cb--social .pin,.cb--google .pin{color:var(--amber)}
.pin--1{left:40%;top:-44px}
.pin--2{left:-2%;top:-40px;transform:rotate(-4deg)}
.pin--3{right:0;bottom:-44px;transform:rotate(2deg)}
.pin--4{left:50%;bottom:4px;transform:translateX(-50%) rotate(-2deg);color:var(--amber)}
.pin--5{position:static;display:inline-flex;margin-top:14px}

/* ================= INSTAGRAM / STUDIO ================= */
.studio{position:relative;max-width:900px;margin:40px auto 50px}
.studio__notes{position:absolute;inset:0;pointer-events:none}
.ig{background:#fff;color:#111;border-radius:18px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,.3),0 40px 70px -24px rgba(0,0,0,.7)}
.ig__head{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);padding:clamp(16px,2.4vw,28px) clamp(16px,2.4vw,28px) 10px}
.ig__avatar{flex:none;width:clamp(64px,9vw,104px);height:clamp(64px,9vw,104px);border-radius:50%;background:var(--a1raw);color:var(--on1);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--a2raw)}
.ig__avatar img{width:100%;height:100%;object-fit:contain;background:#fff;padding:12%}
.ig__avatar b{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);font-size:clamp(1.4rem,2.4vw,2.4rem)}
.ig__meta{flex:1;min-width:0;font-size:.95rem}
.ig__meta>b{display:block;font-size:1.15rem;margin-bottom:6px}
.ig__bio{display:block;line-height:1.45}
.ig__follow{flex:none;background:#0095f6;color:#fff;font-weight:700;font-size:.9rem;padding:8px 18px;border-radius:8px}
.ig__hl{display:flex;gap:18px;padding:6px clamp(16px,2.4vw,28px) 16px;border-bottom:1px solid #e5e5e5;font-size:.75rem;color:#333}
.ig__h{display:flex;flex-direction:column;align-items:center;gap:5px}
.ig__h i{width:52px;height:52px;border-radius:50%;border:2px dashed #bbb;background:linear-gradient(135deg,var(--a1raw),var(--a2raw));background-clip:padding-box;opacity:.85}
.ig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:#fff;container-type:inline-size}
.post{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surf);font-family:"DM Sans",sans-serif}
.post .ph{position:absolute;inset:0}
.post__tag{position:absolute;top:5%;right:5%;background:rgba(255,255,255,.92);color:var(--rust);font:800 clamp(.5rem,1.3cqw,.75rem)/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;padding:.6em .9em;border:1.5px dashed var(--rust);border-radius:3px;z-index:3}
.post__badge{position:absolute;top:5%;left:5%;z-index:3;width:clamp(26px,9cqw,56px);height:clamp(26px,9cqw,56px);border-radius:50%;background:var(--a1raw);color:var(--on1);display:grid;place-items:center;font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);font-size:clamp(.7rem,3.2cqw,1.3rem);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.post__badge--img{object-fit:contain;background:#fff;padding:1.5%}
.post--a .post__grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
.post__bar{position:absolute;left:0;right:0;bottom:0;padding:5% 6%;background:var(--a1raw);color:var(--on1)}
.post__bar b{display:block;font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:1;font-size:clamp(.8rem,3.6cqw,1.9rem)}
.post__bar span{display:block;margin-top:.6em;font-size:clamp(.5rem,1.4cqw,.8rem);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.post--b{display:flex;flex-direction:column;padding:7%;background:var(--a2raw);color:var(--on2)}
.post__kicker{font-size:clamp(.5rem,1.4cqw,.8rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.post__big{margin:auto 0;font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:var(--hlh);font-size:clamp(.9rem,4.4cqw,2.4rem)}
.post__foot{display:flex;justify-content:space-between;gap:1em;font-size:clamp(.5rem,1.4cqw,.8rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.post__foot i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post--c{display:grid;grid-template-columns:1fr 1fr}
.post__half{position:relative;overflow:hidden}
.post__half:first-child .ph{filter:grayscale(1) contrast(.85) brightness(.8)}
.post__lbl{position:absolute;left:8%;bottom:8%;background:rgba(0,0,0,.6);color:#fff;font:800 clamp(.5rem,1.6cqw,.85rem)/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.12em;text-transform:uppercase;padding:.6em .9em;z-index:2}
.post__lbl--on{background:var(--a1raw);color:var(--on1)}
.post__divider{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#fff;z-index:2}
.post--wip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;text-align:center;padding:8%;background:repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 8px,transparent 8px 16px),#fafafa;color:#333;box-shadow:inset 0 0 0 2px #fff;outline:2px dashed var(--rust);outline-offset:-10px}
.post__wipt{font-family:"Archivo",Impact,sans-serif;font-stretch:62%;font-weight:900;text-transform:uppercase;font-size:clamp(.9rem,4cqw,2rem);line-height:.9;color:var(--rust)}
.post__wips{font-size:clamp(.55rem,1.6cqw,.85rem);color:#555;max-width:90%}
@media (max-width:640px){.ig__head{gap:12px}.ig__avatar{width:60px;height:60px}.ig__meta>b{font-size:1rem}.ig__follow{display:none}.ig__bio{font-size:.88rem}.ig__hl{gap:12px}.ig__h i{width:42px;height:42px}.studio__notes{display:none}}

/* ================= CARD DECK ================= */
.deck{position:relative;max-width:1100px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(36px,4.5vw,66px) clamp(20px,3.5vw,56px) clamp(64px,6vw,86px);background:var(--night);border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bc{position:relative;aspect-ratio:1.75;border-radius:14px;overflow:hidden;padding:7% 8%;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.4),0 30px 50px -18px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}
.bc--front{background:var(--a1raw);color:var(--on1);transform:rotate(-2deg);justify-content:flex-end}
.bc__stripe{position:absolute;top:0;right:0;bottom:0;width:38%;background:repeating-linear-gradient(-45deg,var(--a2raw) 0 7%,transparent 7% 14%);opacity:.95;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.bc__stripe::after{content:"";position:absolute;inset:0;background:var(--a2raw);clip-path:polygon(52% 0,100% 0,100% 100%,24% 100%)}
.bc__badge{position:absolute;top:8%;left:8%;width:17%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.95);color:var(--a1raw);display:grid;place-items:center;overflow:hidden;z-index:2}
.bc__badge img{width:100%;height:100%;object-fit:contain;padding:12%}
.bc__badge b{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);font-size:clamp(.8rem,1.5vw,1.6rem)}
.bc__name{position:relative;z-index:2;font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:var(--hlh);font-size:clamp(1.4rem,3.2vw,3.4rem);max-width:66%}
.bc__tag{position:relative;z-index:2;margin-top:3%;font:700 clamp(.55rem,.9vw,.9rem)/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.bc__city{position:absolute;right:8%;top:9%;z-index:2;font:700 clamp(.5rem,.8vw,.8rem)/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--on2);opacity:.9}
.bc--back{background:var(--bg);color:var(--text);transform:rotate(1.5deg);justify-content:flex-start;padding-left:11%}
.bc__rule{position:absolute;left:0;top:0;bottom:0;width:3.5%;background:var(--a1raw)}
.bc__who{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);font-size:clamp(1.2rem,2.5vw,2.7rem);line-height:.95}
.bc__role{font:700 clamp(.55rem,.85vw,.85rem)/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--a1);margin-top:2.5%}
.bc__lines{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:3%;font-size:clamp(.68rem,1.15vw,1.15rem);line-height:1.3}
.bc__lines li{display:flex;align-items:center;gap:.6em}
.bc__lines svg{width:1.1em;height:1.1em;fill:none;stroke:var(--a1);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bc__qr{position:absolute;right:8%;bottom:10%;width:21%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:8%;border:2px dashed var(--a1);border-radius:6px}
.bc__qr i{background:var(--text);opacity:.85;border-radius:1px}
.bc__qr i:nth-child(5){opacity:0}
.bc__qr small{position:absolute;left:0;right:0;bottom:-1.6em;text-align:center;font:700 clamp(.45rem,.7vw,.7rem)/1 "DM Sans",sans-serif;letter-spacing:.14em;color:var(--a1)}
@media (max-width:760px){.deck{grid-template-columns:1fr;max-width:460px;gap:34px}.bc--front,.bc--back{transform:none}}

.bc__logoplate{position:relative;z-index:2;margin-bottom:auto;width:58%;height:50%;display:flex;align-items:flex-start}
.bc__logoplate img{max-width:100%;max-height:100%;object-fit:contain;object-position:left top;background:#fff;padding:4%;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.bc--alpha .bc__logoplate img{background:transparent;padding:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.bc--haslogo .bc__tag{margin-top:0;font-size:clamp(.6rem,1vw,1rem)}
.bc__backlogo{position:absolute;right:8%;top:9%;width:26%;height:22%;display:flex;justify-content:flex-end}
.bc--alpha .bc__backlogo{background:var(--a1raw);padding:3%;border-radius:8px;width:28%;height:26%;justify-content:center;align-items:center}
.bc--alpha .bc__backlogo img{object-position:center}
.bc__backlogo img{max-width:100%;max-height:100%;object-fit:contain;object-position:right top}

.logo-alpha .post__badge--img{background:transparent;padding:0;box-shadow:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
.logo-alpha .ig__avatar img{background:var(--a1raw);padding:12%}
.logo-alpha .bc__badge img{padding:12%}

/* ================= GOOGLE ================= */
.google{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(30px,5vw,90px);align-items:start}
.google .cb__head{margin:0}
.gcheck{list-style:none;margin:clamp(20px,2.4vw,34px) 0 0;padding:0;display:grid;gap:10px;font-size:1.02rem}
.gcheck li{display:flex;align-items:center;gap:10px}
.gcheck svg{width:20px;height:20px;fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gbp{background:#fff;color:#202124;border-radius:14px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,.3),0 40px 70px -24px rgba(0,0,0,.7);font-family:Arial,Roboto,sans-serif}
.gbp__top{display:grid;grid-template-columns:1.2fr 1fr 1fr;height:170px;gap:2px}
.gbp__map{position:relative;background:#e8eaed;overflow:hidden}
.gbp__map i{position:absolute;inset:0;background:linear-gradient(#fff 2px,transparent 2px) 0 0/100% 34px,linear-gradient(90deg,#fff 2px,transparent 2px) 0 0/44px 100%,linear-gradient(35deg,transparent 48%,#fff 48% 56%,transparent 56%),linear-gradient(-20deg,transparent 60%,#d2e3c8 60% 70%,transparent 70%)}
.gbp__pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-90%);color:#ea4335}
.gbp__pin svg{width:38px;height:38px;fill:#ea4335;stroke:#fff;stroke-width:1.2}
.gbp__photo{position:relative}
.gbp__body{padding:18px 20px 20px}
.gbp__name{font-size:1.5rem;font-weight:400;margin-bottom:4px}
.gbp__stars{font-size:.92rem;color:#70757a}
.gbp__stars span{color:#fbbc04;letter-spacing:1px}
.gbp__stars b{color:#202124;font-weight:400}
.gbp__line{font-size:.92rem;color:#70757a;margin:4px 0 14px}
.gbp__open{color:#188038}
.gbp__btns{display:flex;gap:8px;margin-bottom:14px}
.gbp__btns span{display:inline-flex;align-items:center;gap:6px;border:1px solid #dadce0;border-radius:20px;padding:8px 14px;font-size:.88rem;color:#1a73e8;font-weight:500}
.gbp__btns svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gbp__svcs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.gbp__svcs span{font-size:.8rem;background:#f1f3f4;border-radius:14px;padding:5px 11px;color:#3c4043}
.gbp__rev{border-top:1px solid #dadce0;padding-top:14px;font-size:.95rem;line-height:1.45}
.gbp__rev .gbp__stars{display:block;margin-bottom:4px;color:#fbbc04}
.gbp__rev small{display:block;margin-top:6px;color:#70757a;font-size:.78rem}
@media (max-width:980px){.google{grid-template-columns:1fr}}

/* ================= KIT ================= */
.kit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,44px);max-width:1400px;margin:0 auto}
.kit__swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kswatch{aspect-ratio:1.2;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:10px}
.kswatch b{font:800 .72rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.kswatch span{font-weight:700;font-size:1.1rem;margin-top:4px}
.kit__lbl{display:block;font:800 .72rem/1 "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.kit__type{background:var(--bg);color:var(--text);padding:clamp(22px,3vw,40px);border-radius:14px;border:1px solid var(--line)}
.kit__spec{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:18px 0}
.kit__h1{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:var(--hlh);font-size:clamp(2.2rem,4.5vw,4.8rem);color:var(--a1)}
.kit__h2{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);letter-spacing:var(--hls);line-height:1.05;font-size:clamp(1.2rem,2vw,2rem);margin-top:12px}
.kit__body{margin:12px 0 0;color:var(--muted);line-height:1.55;max-width:34em}
.kit__meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px;font-size:.85rem;font-weight:700;color:var(--muted)}
.kit__logos{grid-column:1/-1}
.kit__tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kit__tile{aspect-ratio:2.4;display:grid;place-items:center;border-radius:12px;padding:20px;border:1px solid var(--line)}
.kit__logo--img{max-height:80px;max-width:70%;object-fit:contain}
.kit__logo--text{font-family:var(--hf);font-weight:var(--hw);font-stretch:var(--hs);text-transform:var(--ht);font-size:clamp(1.4rem,2.8vw,2.8rem);text-align:center}
@media (max-width:860px){.kit{grid-template-columns:1fr}.kit__tiles{grid-template-columns:1fr}}

/* ================= PRINT ================= */
@page{size:letter;margin:.5in}
@media print{
  body{background:#fff;color:#111}
  .bar,.tear,.flow{display:none!important}
  .print-head{display:none}
  .cb::before{content:"Concept by Hey Stetly \00b7 Brand & Digital Studio \00b7 Fort Worth, TX \00b7 (469) 724-0176 \00b7 Dallas@HeyStetly.com \00b7 HeyStetly.com";display:block;font:700 9pt/1 "DM Sans",sans-serif;color:#1F3446;padding-bottom:6pt;margin-bottom:18pt;border-bottom:1pt solid #1F3446}
  .cb--close::before{border-color:#0E1A24;color:#0E1A24}
  :root{--oc:#111}
  .cb__lead,.cb__sub{color:#333!important;opacity:1}
  .cb__kicker{color:#9E4524!important}
  .cb{padding:28pt 0;break-inside:avoid;page-break-inside:avoid}
  .cb--intro{padding-top:30pt;background:#fff!important;color:#111}
  .cb--intro h1{font-size:40pt}
  .cb--intro .o{-webkit-text-stroke-color:#111}
  .cb__kicker,.cb__note,.cb__fine{color:#9E4524}
  .cb--social,.cb--google{background:#fff!important;color:#111;padding-top:28pt;padding-bottom:28pt}
  .cb--site,.cb--print,.cb--kit{background:#fff!important}
  .cb__head h2{font-size:28pt}
  .cb--close{background:#F2A33A!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .close__hey{font-size:120pt}
  .cb__foot{background:#fff;color:#111;border-top:1pt solid #111}
  .frames{grid-template-columns:1fr 200px}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}