/* MODE Digital — tool 3: industry website templates + business card preview (loaded on outils.html only). Local fonts only. */
/* ---- form & chrome ---- */
.tplinfo{margin:-6px 0 16px;padding:10px 12px;border:1px dashed var(--line2);border-radius:12px;font-size:.84rem;color:var(--muted);line-height:1.45}.tplinfo b{color:var(--ink);font-weight:600}
.stseg{margin:10px 0 0;width:100%}.stseg button{flex:1}
.cfs{border:1px solid var(--line);border-radius:14px;padding:14px 14px 0;margin:4px 0 16px}.cfs legend{padding:0 6px;font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.sw.auto{background:conic-gradient(var(--c,#c6ff3d) 0 50%,#fafaf8 50% 75%,#111 75%)}
#mkForm .btn{width:100%;margin-top:4px}.pkgnote{margin:8px 0 12px;text-align:center}
.ptabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.ptabs .seg{margin:0}
[data-pane][hidden],[data-for][hidden]{display:none!important}
/* ---- website template base ---- */
.mk{min-height:420px;background:#fff}
.mkin{background:var(--bg);color:var(--fg);font-family:var(--bf);font-weight:var(--bw);font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;text-align:left}
.mkin *{box-sizing:border-box}.mkin p{margin:0}
.mkin .h1,.mkin h4,.mkin .ct,.mkin .tier b,.mkin .sc b,.mkin .pg b,.mkin .pj b,.mkin .fq b,.mkin .li b{font-family:var(--hf);font-weight:var(--hw);text-transform:var(--ht);letter-spacing:var(--hs);font-style:var(--hst);color:inherit;margin:0}
.mkin .h1{font-size:clamp(1.8rem,6.4cqi,3.4rem);line-height:1.02;max-width:17ch;margin:0 0 14px;text-wrap:balance;overflow-wrap:break-word}
.mkin .eb{font:600 .68rem/1.4 "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--at);margin:0 0 12px}
.mkin .sub{color:var(--mut);max-width:46ch;margin:0 0 20px;font-size:.98rem}
.mkin .btns{display:flex;flex-wrap:wrap;gap:10px}
.mkin .b{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r);background:var(--a);color:var(--ai);font:600 .82rem/1.2 "Geist",system-ui,sans-serif;white-space:nowrap;font-style:normal;text-transform:none;letter-spacing:0}
.mkin .b.lg{padding:13px 20px;font-size:.92rem}.mkin .b.sm{padding:7px 12px;font-size:.76rem}
.mkin .b.gh{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fg) 40%,transparent)}
.mkin .i{width:16px;height:16px;flex:none}
.mkin .mh{display:flex;align-items:center;gap:16px;padding:14px 26px;border-bottom:1px solid var(--line)}
.mkin .ml{display:flex;align-items:center;gap:10px;font:700 .95rem/1.2 "Geist",sans-serif;flex:1;min-width:0;color:var(--fg)}.mkin .ml>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkin .lm{flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--a);color:var(--ai);font-style:normal;font-weight:800;font-size:.78rem;letter-spacing:-.02em}
.mkin .lm-sq{border-radius:min(var(--r),8px)}.mkin .lm-ci,.mkin .lm-ic{border-radius:50%}.mkin .lm .i{width:17px;height:17px}
.mkin .mn{display:flex;gap:18px;font-size:.78rem;color:var(--mut)}
.mkin .hc{display:grid;grid-template-columns:1fr auto 1fr}.mkin .hc .ml{justify-content:center;font-family:var(--hf);font-style:var(--hst);font-weight:var(--hw);font-size:1.35rem;letter-spacing:var(--hs)}.mkin .hc .b{justify-self:end}
.mkin .hm .mtel{font:500 .78rem "Geist Mono",monospace;color:var(--mut)}.mkin .burg{width:22px;height:22px}
.mkin .ubar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 16px;background:var(--a);color:var(--ai);font-size:.8rem}.mkin .ubar span{font-weight:700}
/* ---- heroes ---- */
.mkin .hero{position:relative;padding:56px 32px 44px;overflow:hidden}
.mkin .hero>div{position:relative;z-index:1;min-width:0}
.h-shine{text-align:center;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--a) 22%,transparent),transparent 62%)}
.mkin .h-shine .h1{font-size:clamp(2rem,7.4cqi,4rem);max-width:18ch;margin-inline:auto}.h-shine .sub{margin-inline:auto}.h-shine .btns{justify-content:center}.h-shine .car{display:block;width:min(560px,100%);margin:28px auto 0}
.h-spec,.h-frost,.h-bp,.h-quote,.h-urg,.h-shelf{display:grid;grid-template-columns:1.25fr .95fr;gap:30px;align-items:center}
.plate{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);font-family:"Geist Mono",monospace;overflow:hidden}
.plate .pt{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.plate ul{list-style:none;margin:0;padding:6px 16px}.plate li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.8rem}.plate li:last-child{border:0}.plate li span{color:var(--at)}.plate li b{font-weight:500}.plate .i{color:var(--at)}
.plate .haz{height:16px;background:repeating-linear-gradient(-45deg,var(--a) 0 10px,transparent 10px 20px)}
.h-soft{text-align:center;padding-bottom:52px}.mkin .h-soft .h1{margin-inline:auto;font-size:clamp(2rem,7cqi,3.8rem)}.h-soft .sub{margin-inline:auto}.h-soft .btns{justify-content:center}
.mkin .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--surf);border:1px solid var(--line);font-size:.78rem;margin:0 0 18px;color:var(--fg)}.mkin .pill .i{color:var(--at)}
.h-soft .float{position:relative;z-index:1;margin:30px auto 0;max-width:300px;background:var(--surf);border-radius:min(var(--r),22px);padding:18px 20px;display:grid;gap:8px;text-align:left;box-shadow:0 24px 50px -24px rgba(0,0,0,.25);transform:rotate(-2deg)}
.h-soft .float b{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.h-soft .float span{display:flex;gap:8px;align-items:center;font-size:.88rem}.h-soft .float .i{color:var(--ai);background:var(--a);border-radius:50%;padding:3px;width:20px;height:20px}
.h-soft .bub{position:absolute;border-radius:50%;background:var(--a);opacity:.14}.h-soft .b1{width:180px;height:180px;left:-60px;top:20px}.h-soft .b2{width:90px;height:90px;right:6%;top:30px}.h-soft .b3{width:240px;height:240px;right:-90px;bottom:-110px}
.h-hills{padding-bottom:150px}.mkin .h-hills .h1{font-size:clamp(2.3rem,8.4cqi,4.8rem);line-height:.96;max-width:15ch}.h-hills .hills{position:absolute;left:0;bottom:0;width:100%;height:120px}
.h-frost{background:radial-gradient(circle,color-mix(in srgb,var(--a) 22%,transparent) 1.4px,transparent 1.8px) 0 0/22px 22px,var(--bg)}
.mkin .h-frost .h1{font-size:clamp(2.2rem,8.6cqi,5rem);line-height:.9;max-width:11ch}
.h-frost .alert{align-self:end;background:var(--a);color:var(--ai);padding:20px;border-radius:var(--r);display:grid;gap:6px}.h-frost .alert .i{width:28px;height:28px}.h-frost .alert b{font-size:1.05rem}.h-frost .alert span{font-size:.86rem;opacity:.85}
.h-bp{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/24px 24px,var(--bg)}.h-bp .plan{width:100%;max-width:320px;justify-self:center;background:var(--surf);padding:12px;border:1px solid var(--line)}
.h-quote .qcard{background:var(--fg);color:var(--bg);padding:20px;border-radius:min(var(--r),18px);display:grid;gap:10px}
.h-quote .qcard>b{font-family:var(--hf);font-weight:var(--hw);text-transform:var(--ht);letter-spacing:var(--hs);font-size:1.15rem}
.h-quote .fld{display:grid;padding:8px 12px;border-radius:min(var(--r),8px);background:color-mix(in srgb,var(--bg) 12%,transparent);font-size:.9rem}.h-quote .fld small{font:500 .6rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.h-quote .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.h-quote .qcard .b{justify-content:center}
.h-quote .boxes{display:flex;align-items:flex-end;gap:6px;margin-top:26px}.h-quote .boxes i{display:block;width:58px;height:46px;background:var(--a);border:2px solid var(--fg)}.h-quote .boxes i:nth-child(2){height:66px;width:66px}.h-quote .boxes i:nth-child(3){height:34px;width:44px}
.h-urg .pcard{background:var(--surf);border:2px solid var(--a);border-radius:min(var(--r),18px);padding:22px;display:grid;gap:6px}
.h-urg .pcard b{font:800 clamp(1.4rem,4.6cqi,2.3rem)/1.1 "Geist",sans-serif;letter-spacing:-.03em;color:var(--at);overflow-wrap:anywhere}.h-urg .pcard small{font:500 .66rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.h-urg .pcard>span:last-child{font-size:.85rem;color:var(--mut)}
.h-urg .ics{display:flex;gap:8px}.h-urg .ics .i{width:26px;height:26px;color:var(--at)}
.h-menu{text-align:center;padding:60px 32px 50px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--a) 16%,transparent),transparent 60%)}
.h-menu .orn{display:flex;align-items:center;gap:12px;justify-content:center;font:500 .7rem "Geist Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--at);margin:0 0 14px}.h-menu .orn i{width:42px;height:1px;background:currentColor}
.mkin .h-menu .h1.big{font-size:clamp(2.6rem,10cqi,5.6rem);max-width:none;line-height:.95;overflow-wrap:anywhere}
.h-menu .tag{font-family:var(--hf);font-style:var(--hst);font-size:1.35rem;margin:0 auto 10px;max-width:30ch;line-height:1.25}.h-menu .sub{margin-inline:auto}.h-menu .btns{justify-content:center}
.h-arch{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}
.h-arch .arch{aspect-ratio:3/4;border-radius:999px 999px 0 0;background:linear-gradient(165deg,color-mix(in srgb,var(--a) 75%,var(--bg)),var(--surf) 85%);display:grid;place-items:center;border:1px solid var(--line);max-width:260px;width:100%;justify-self:center}
.h-arch .arch span{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:clamp(2.4rem,9cqi,4.6rem);color:var(--bg)}
.h-slash{min-height:330px;display:flex;align-items:center}.h-slash .sl{position:absolute;top:0;bottom:0;right:0;width:46%;background:var(--a);clip-path:polygon(32% 0,100% 0,100% 100%,0 100%)}
.h-slash>div{max-width:60%}.mkin .h-slash .h1{font-size:clamp(2.2rem,8.4cqi,4.8rem);line-height:.92}
.h-search .sbox{max-width:540px;background:var(--surf);border:1px solid var(--line);border-radius:min(var(--r),14px);padding:8px;box-shadow:0 20px 40px -26px rgba(0,0,0,.35);position:relative;z-index:1}
.h-search .tabs{display:flex;gap:4px;margin-bottom:6px}.h-search .tabs span{padding:6px 12px;font-size:.78rem;border-radius:min(var(--r),6px);color:var(--mut)}.h-search .tabs .on{background:var(--a);color:var(--ai)}
.h-search .sin{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;color:var(--mut);border-top:1px solid var(--line)}.h-search .sin>span:not(.b){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-search .sky{display:block;width:calc(100% + 64px);height:60px;margin:30px -32px -44px}
.h-rule .idx{display:flex;gap:16px;font:500 .72rem "Geist Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--fg);padding-bottom:10px;margin:0 0 30px}.h-rule .idx span:first-child{color:var(--at)}.h-rule .idx span:last-child{margin-left:auto}
.mkin .h-rule .h1{font-size:clamp(2rem,7cqi,4rem);max-width:19ch}
.h-rule .cols{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding-top:6px}.h-rule .side{border-left:1px solid var(--fg);padding-left:18px;display:grid;gap:8px;align-content:start}.h-rule .side small{font:500 .66rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--at)}.h-rule .side>span:not(.b){color:var(--mut);font-size:.88rem}.h-rule .side .b{justify-self:start}
.h-shelf .prods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.h-shelf .pr{aspect-ratio:1;background:var(--surf);border-radius:min(var(--r),18px);display:grid;place-items:center;position:relative;border:1px solid var(--line)}
.h-shelf .pr i{width:44%;aspect-ratio:1;background:var(--a)}.h-shelf .p0 i{border-radius:50%}.h-shelf .p1 i{border-radius:22%;transform:rotate(12deg);background:color-mix(in srgb,var(--a) 55%,#ffd23d)}.h-shelf .p2 i{clip-path:polygon(50% 0,100% 100%,0 100%);background:color-mix(in srgb,var(--a) 40%,var(--fg))}.h-shelf .p3 i{width:30%;aspect-ratio:1/1.6;border-radius:99px;background:color-mix(in srgb,var(--a) 50%,#5ac8fa)}
.h-shelf .pr small{position:absolute;left:10px;bottom:8px;font:500 .62rem "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.h-classic{background:linear-gradient(180deg,var(--surf),var(--bg))}
/* ---- sections ---- */
.mkin .s{padding:28px 32px}
.mkin .sh{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.mkin .sh h4{font-size:clamp(1.2rem,3.4cqi,1.7rem);line-height:1.1}.mkin .sk{font:500 .7rem "Geist Mono",monospace;color:var(--at)}.mkin .sk:empty{display:none}
.mkin .g3,.mkin .g2,.mkin .g4{display:grid;gap:12px;margin:0;padding:0;list-style:none}.mkin .g3{grid-template-columns:repeat(3,1fr)}.mkin .g2{grid-template-columns:repeat(2,1fr)}.mkin .g4{grid-template-columns:repeat(4,1fr)}
.mkin .tier,.mkin .sc,.mkin .fq,.mkin .se,.mkin .pc,.mkin .li{background:var(--surf);border:1px solid var(--line);border-radius:min(var(--r),18px);padding:18px;position:relative;min-width:0}
.mkin .tier b,.mkin .sc b,.mkin .fq b{display:block;font-size:1.05rem;line-height:1.2}.mkin .tier p,.mkin .sc p,.mkin .fq p,.mkin .se p,.mkin .pg p,.mkin .pj p,.mkin .li p,.mkin .s-steps p,.mkin .s-tl p{color:var(--mut);font-size:.84rem;margin-top:5px}
.mkin .tier.pop{border-color:var(--a);box-shadow:0 0 0 1px var(--a)}.mkin .tier small{display:block;margin-top:12px;font:500 .64rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--at)}
.mkin .tg{position:absolute;top:-10px;left:16px;background:var(--a);color:var(--ai);font:600 .6rem "Geist Mono",monospace;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:99px}
.mkin .ba{position:relative;display:grid;grid-template-columns:1fr 1fr;height:150px;border-radius:min(var(--r),18px);overflow:hidden;border:1px solid var(--line)}
.mkin .ba .bf{background:radial-gradient(circle at 30% 40%,rgba(120,100,70,.5) 0 8px,transparent 9px),radial-gradient(circle at 70% 70%,rgba(120,100,70,.45) 0 12px,transparent 13px),repeating-linear-gradient(135deg,color-mix(in srgb,var(--fg) 14%,var(--bg)) 0 6px,color-mix(in srgb,var(--fg) 8%,var(--bg)) 6px 12px)}
.mkin .ba .af{background:linear-gradient(115deg,var(--surf) 20%,color-mix(in srgb,var(--a) 45%,var(--surf)) 48%,var(--surf) 56%,color-mix(in srgb,var(--a) 20%,var(--surf)) 80%)}
.mkin .ba span{position:absolute;bottom:10px;margin-left:10px;padding:3px 9px;border-radius:99px;background:var(--bg);color:var(--fg);font:500 .62rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.mkin .ba>div{position:relative}
.mkin .ba .hd{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--a);transform:translateX(-50%)}.mkin .ba .hd::after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;background:var(--a);transform:translate(-50%,-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 30%,transparent)}
.mkin .s-steps li{padding:16px 0 0;border-top:2px solid var(--a)}.mkin .s-steps .n,.mkin .s-list .n,.mkin .s-tl .n,.mkin .s-prog .n{font:500 .72rem "Geist Mono",monospace;color:var(--at)}.mkin .s-steps b{display:block;margin:6px 0 0}
.mkin .ar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px;background:var(--fg);color:var(--bg);border-radius:min(var(--r),18px)}.mkin .ar>div{flex:1;display:grid;min-width:150px}.mkin .ar>div span{opacity:.75;font-size:.86rem}.mkin .ar>.i{width:24px;height:24px;color:var(--a)}
.mkin .s-cta{margin:8px 32px 28px;padding:32px 24px;border-radius:min(var(--r),22px);background:var(--a);color:var(--ai);text-align:center}.mkin .s-cta .ct{display:block;font-size:clamp(1.3rem,4cqi,2rem);line-height:1.1}.mkin .s-cta p{opacity:.8;margin:8px 0 18px}.mkin .s-cta .b{background:var(--ai);color:var(--a)}
.mkin .s-list ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.mkin .s-list li{display:grid;grid-template-columns:40px 1fr 1.2fr 20px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.mkin .s-list li p{color:var(--mut);font-size:.85rem}.mkin .s-list .i{color:var(--at)}
.mkin .si{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--a);color:var(--ai);margin-bottom:12px}.mkin .si .i{width:18px;height:18px}
.mkin .pg{padding:20px;background:var(--surf);border-left:4px solid var(--a)}.mkin .pg b{display:block;font-size:1.1rem}.mkin .s-prog .n{display:block;font:900 italic 2.2rem/1 "Geist",sans-serif;color:transparent;-webkit-text-stroke:1px var(--a);margin-bottom:10px}
.mkin .pj{padding:16px;border:1px solid var(--line);background:var(--surf);position:relative}.mkin .pj::before,.mkin .pj::after{content:"";position:absolute;width:10px;height:10px;border-color:var(--a);border-style:solid}.mkin .pj::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.mkin .pj::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.mkin .pj .dim{display:inline-block;font:500 .64rem "Geist Mono",monospace;color:var(--at);border:1px solid currentColor;padding:1px 6px;margin-bottom:8px}.mkin .pj b{display:block;font-size:1.05rem}
.mkin .s-tl ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0}.mkin .s-tl li{padding:30px 14px 0 0;position:relative}.mkin .s-tl li::before{content:"";position:absolute;top:11px;left:0;right:0;height:2px;background:var(--line)}.mkin .s-tl li::after{content:"";position:absolute;top:6px;left:0;width:12px;height:12px;background:var(--a);transform:rotate(45deg)}.mkin .s-tl b{display:block;margin-top:4px}
.mkin .s-ck ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mkin .s-ck li{display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--surf);border-radius:min(var(--r),14px);border:1px solid var(--line);font-size:.88rem}.mkin .s-ck .i{color:var(--ai);background:var(--a);border-radius:50%;padding:3px;width:20px;height:20px}
.mkin .fq.on{background:var(--a);color:var(--ai);border-color:var(--a)}.mkin .fq.on p{color:inherit;opacity:.8}
.mkin .qa{border-bottom:1px solid var(--line);padding:12px 0}.mkin .qa b{display:flex;justify-content:space-between;gap:12px;font-weight:600}.mkin .qa i{font-style:normal;color:var(--at)}.mkin .qa p{color:var(--mut);margin-top:6px;font-size:.88rem}
.mkin .se svg{width:34px;height:34px;margin-bottom:8px}.mkin .se b{display:block;font-family:var(--hf);font-style:var(--hst);font-weight:var(--hw);font-size:1.35rem;line-height:1.1}
.mkin .gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.mkin .ph{margin:0;aspect-ratio:4/3;border-radius:min(var(--r),14px);position:relative;overflow:hidden;border:1px solid var(--line)}
.mkin .ph0{background:linear-gradient(135deg,color-mix(in srgb,var(--a) 60%,var(--bg)),color-mix(in srgb,var(--a) 12%,var(--bg)))}
.mkin .ph1{background:radial-gradient(circle at 30% 70%,color-mix(in srgb,var(--a) 55%,transparent),transparent 55%),color-mix(in srgb,var(--fg) 10%,var(--bg))}
.mkin .ph2{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--a) 30%,var(--bg)) 0 14px,color-mix(in srgb,var(--a) 14%,var(--bg)) 14px 28px)}
.mkin .ph3{background:conic-gradient(from 200deg at 70% 30%,color-mix(in srgb,var(--a) 50%,var(--bg)),var(--surf),color-mix(in srgb,var(--a) 30%,var(--bg)))}
.mkin .ph span{position:absolute;left:10px;bottom:8px;font:500 .62rem "Geist Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);background:color-mix(in srgb,var(--bg) 80%,transparent);padding:2px 7px;border-radius:99px}
.t-beaute .ph{border-radius:999px 999px 0 0;aspect-ratio:3/4}.t-resto .ph{border-radius:0;aspect-ratio:1}
.mkin .s-menu ul{list-style:none;margin:0;padding:0}.mkin .s-menu li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.mkin .s-menu li b{font-family:var(--hf);font-style:var(--hst);font-weight:var(--hw);font-size:1.2rem}.mkin .s-menu li i{flex:1;border-bottom:1px dotted var(--mut);min-width:20px;transform:translateY(-4px)}.mkin .s-menu li p{width:100%;color:var(--mut);font-size:.86rem}.mkin .s-menu li span{font:500 .78rem "Geist Mono",monospace;color:var(--at)}
.mkin .hr{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.mkin .hr>div>b{display:block;font-family:var(--hf);font-style:var(--hst);font-weight:var(--hw);font-size:1.3rem;margin-bottom:8px}
.mkin .hr dl{margin:0}.mkin .hr dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.mkin .hr dd{margin:0;font:500 .82rem "Geist Mono",monospace}.mkin .hr dt{color:var(--mut)}
.mkin .map{position:relative;border-radius:min(var(--r),14px);overflow:hidden;background:var(--surf);border:1px solid var(--line);min-height:150px}.mkin .map svg{position:absolute;inset:0;width:100%;height:100%}
.mkin .map .pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--a);color:var(--ai);display:grid;place-items:center;box-shadow:0 0 0 8px color-mix(in srgb,var(--a) 25%,transparent)}.mkin .map small{position:absolute;bottom:10px;left:12px;font:500 .66rem "Geist Mono",monospace;text-transform:uppercase;letter-spacing:.1em}
.mkin .sch{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px}.mkin .sch>div{display:grid;gap:6px;align-content:start;min-width:0}.mkin .sch b{font:500 .7rem "Geist Mono",monospace;text-transform:uppercase;color:var(--mut);padding-bottom:6px;border-bottom:1px solid var(--line)}
.mkin .sch span{padding:12px 8px;font-weight:800;font-size:.7rem;text-transform:uppercase;font-style:italic;overflow:hidden;text-overflow:ellipsis}.mkin .sch .c0{background:var(--a);color:var(--ai)}.mkin .sch .c1{background:var(--surf);border-left:3px solid var(--a)}.mkin .sch .c2{border:1px solid var(--line)}
.mkin .li{padding:0 0 14px;overflow:hidden}.mkin .lim{height:96px;background:var(--surf);display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 8%,var(--bg)),var(--surf))}.mkin .lim svg{width:70%;height:80px}
.mkin .li small,.mkin .li b,.mkin .li p{padding:0 14px;display:block}.mkin .li small{font:500 .6rem "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--at)}.mkin .li b{font-size:1.05rem;margin-top:4px}
.mkin .pb{display:flex;align-items:center;gap:10px;padding:14px;border:1.5px solid var(--line);border-radius:min(var(--r),14px);font-weight:600;font-size:.9rem;background:var(--bg)}.mkin .pb .i{width:22px;height:22px;color:var(--at)}.mkin .pb:first-child{border-color:var(--a);background:color-mix(in srgb,var(--a) 8%,var(--bg))}
.mkin .s-mq{overflow:hidden;background:var(--a);color:var(--ai);padding:11px 0;white-space:nowrap}.mkin .s-mq>div{display:inline-flex;gap:18px;animation:mkmq 24s linear infinite;font:700 .8rem "Geist",sans-serif;text-transform:uppercase;letter-spacing:.08em}.mkin .s-mq i{font-style:normal;opacity:.6}
.t-meca .s-mq{background:repeating-linear-gradient(-45deg,var(--a) 0 14px,color-mix(in srgb,var(--a) 85%,#000) 14px 28px)}.t-meca .s-mq>div{font-family:"Geist Mono",monospace}
@keyframes mkmq{to{transform:translateX(-50%)}}
.mkin .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mkin .chips span{padding:6px 14px;border-radius:99px;border:1px solid var(--line);font-size:.8rem}.mkin .chips .on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.mkin .pc{padding:12px}.mkin .pc i{display:block;aspect-ratio:1;border-radius:min(var(--r),14px);margin-bottom:10px}.mkin .pc b{font-size:.84rem;font-weight:600}
.mkin .pc .p0{background:radial-gradient(circle at 50% 55%,var(--a) 0 30%,color-mix(in srgb,var(--a) 14%,var(--bg)) 31%)}.mkin .pc .p1{background:linear-gradient(135deg,color-mix(in srgb,var(--a) 50%,#ffd23d),color-mix(in srgb,var(--a) 10%,var(--bg)))}.mkin .pc .p2{background:conic-gradient(from 45deg,color-mix(in srgb,var(--a) 30%,var(--bg)) 0 25%,var(--a) 0 50%,color-mix(in srgb,var(--a) 30%,var(--bg)) 0 75%,var(--surf) 0)}.mkin .pc .p3{background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--a) 40%,#5ac8fa) 0 6px,var(--surf) 6px 12px)}
.mkin .mf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 32px;border-top:1px solid var(--line);font-size:.78rem;color:var(--mut)}.mkin .mf .ml{flex:0 1 auto;font-size:.85rem}
/* ---- style variants ---- */
.s-cl .eb{font-family:var(--hf);letter-spacing:.04em;text-transform:none;font-style:italic;font-size:.9rem}.s-cl .hero{border-bottom:1px double var(--line)}
.s-au .hero{border-bottom:4px solid var(--a)}.mkin.s-au .h1{line-height:.92}.s-au .mh{border-bottom-color:var(--a)}
/* ---- narrow frame (mobile view, phones) ---- */
@container (max-width:560px){
.mkin .hero{padding:36px 20px 30px}.mkin .s{padding:22px 20px}.mkin .s-cta{margin:6px 20px 22px;padding:24px 18px}.mkin .mh{padding:12px 16px;gap:10px}.mkin .mf{padding:14px 20px}
.mkin .mn,.mkin .hm .mtel{display:none}.mkin .hc{grid-template-columns:1fr auto}.mkin .hc .ml{justify-content:flex-start;font-size:1.15rem}
.mkin .g3,.mkin .g2{grid-template-columns:1fr}.mkin .g4{grid-template-columns:1fr 1fr}
.h-spec,.h-frost,.h-bp,.h-quote,.h-urg,.h-shelf,.h-arch,.h-rule .cols{grid-template-columns:1fr!important;gap:22px}
.h-arch .arch{max-width:180px;justify-self:start}.h-hills{padding-bottom:110px}.h-hills .hills{height:90px}
.h-slash{min-height:0;display:block;padding-bottom:120px}.h-slash>div{max-width:none}.h-slash .sl{top:auto;height:96px;width:100%;clip-path:polygon(0 45%,100% 0,100% 100%,0 100%)}
.h-search .sky{width:calc(100% + 40px);margin:24px -20px -30px}
.mkin .s-list li{grid-template-columns:30px 1fr 18px}.mkin .s-list li p{grid-column:2;grid-row:2}.mkin .s-list li .i{grid-row:1/3;grid-column:3}
.mkin .s-tl ol{grid-template-columns:1fr}.mkin .s-tl li{padding:0 0 16px 26px}.mkin .s-tl li::before{top:0;bottom:0;left:5px;right:auto;width:2px;height:auto}.mkin .s-tl li::after{top:4px}
.mkin .s-ck ul{grid-template-columns:1fr}.mkin .hr{grid-template-columns:1fr}.mkin .sch{grid-template-columns:repeat(3,1fr)}
.mkin .ba{height:120px}.h-shine .car{margin-top:20px}.mkin .ubar b{display:none}
}
/* ---- business card ---- */
.cstage{perspective:1600px;padding:clamp(34px,7vw,72px) clamp(14px,4vw,48px) clamp(40px,6vw,64px);border-radius:var(--r);background:radial-gradient(ellipse at 50% 30%,#262624,#0a0a0a 72%);border:1px solid var(--line2);position:relative;display:grid;place-items:center;overflow:hidden;min-height:300px}@media(min-width:960px){.cstage{min-height:440px}}
.cstage::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 70%,rgba(255,255,255,.03) 70%);pointer-events:none}
.cwrap{width:min(100%,540px);container-type:inline-size;perspective:1600px;position:relative;z-index:1}
.cflip{width:100%;aspect-ratio:3.5/2;position:relative;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-13deg) rotateZ(1deg);transition:transform .9s cubic-bezier(.2,.8,.2,1);cursor:pointer;z-index:1;border-radius:12px}
.cflip:hover{transform:rotateX(5deg) rotateY(-7deg) rotateZ(.5deg)}.cflip.on{transform:rotateX(9deg) rotateY(167deg) rotateZ(-1deg)}.cflip.on:hover{transform:rotateX(5deg) rotateY(173deg) rotateZ(-.5deg)}
.cflip:focus-visible{outline:2px solid var(--acc);outline-offset:10px}
.cshadow{position:absolute;bottom:clamp(16px,3vw,30px);left:50%;width:min(64%,420px);height:26px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 70%);filter:blur(8px);z-index:0}
.cbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.cbar .small{margin:0;font-size:.72rem;letter-spacing:.04em}
.bcx{position:absolute;inset:0;transform-style:preserve-3d}
.bc{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;background:var(--surf);color:var(--fg);font-family:var(--bf);font-weight:var(--bw);line-height:1.3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 34px 50px -22px rgba(0,0,0,.8),0 10px 18px -8px rgba(0,0,0,.55);text-align:left}
.bc::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 38%,transparent 70%,rgba(0,0,0,.06));pointer-events:none}
.bc *{box-sizing:border-box}.bc .back,.bc.back{transform:rotateY(180deg)}
.bc .deco{position:absolute;inset:0;pointer-events:none}
.bc.front{display:flex;flex-direction:column;justify-content:space-between;padding:7cqw 7.5cqw}
.bc .id{display:flex;align-items:center;gap:3cqw;position:relative;min-width:0}.bc .id>div{min-width:0}
.bc .mk2{flex:none;width:10cqw;height:10cqw;display:grid;place-items:center;background:var(--a);color:var(--ai);font:800 3.6cqw/1 "Geist",sans-serif;letter-spacing:-.02em;border-radius:min(var(--r),2cqw)}.bc .mk2 .i{width:56%;height:56%}
.bc .bn{display:block;font-family:var(--hf);font-weight:var(--hw);font-style:var(--hst);text-transform:var(--ht);letter-spacing:var(--hs);font-size:5.2cqw;line-height:1.02;overflow-wrap:anywhere;color:inherit}
.bc .tr{display:block;font:500 max(2.2cqw,8px)/1.3 "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--at);margin-top:1.2cqw}
.bc .ct{display:flex;justify-content:space-between;align-items:flex-end;gap:4cqw;position:relative;min-width:0}
.bc .who{min-width:0}.bc .who b{display:block;font:600 max(3.3cqw,10px)/1.2 "Geist",sans-serif;letter-spacing:-.01em}.bc .who span{display:block;font-size:max(2.4cqw,8.5px);opacity:.7;margin-top:.6cqw}
.bc ul{list-style:none;margin:0 0 0 auto;padding:0;display:grid;gap:1.1cqw;font-size:max(2.4cqw,8.5px);justify-items:end;text-align:right;min-width:0}.bc li{display:flex;gap:1.4cqw;align-items:center;min-width:0}.bc li span{overflow-wrap:anywhere}.bc li .i{width:2.8cqw;height:2.8cqw;min-width:9px;min-height:9px;flex:none;color:var(--at)}
.bc.back{background:var(--a);color:var(--ai);display:flex;align-items:center;justify-content:space-between;padding:7cqw;gap:5cqw}
.bc .bk{display:grid;gap:2cqw;min-width:0;position:relative;justify-items:start}.bc.back .mk2.lg{background:var(--ai);color:var(--a);width:11cqw;height:11cqw}.bc.back .bn{font-size:5.6cqw}.bc .tg{font-size:max(2.7cqw,9px);opacity:.85;max-width:34ch}
.bc .q{display:grid;gap:1.6cqw;justify-items:center;font:500 max(2cqw,8px) "Geist Mono",monospace;position:relative;flex:none}.bc .qr{width:21cqw;height:21cqw;border-radius:1cqw;display:block;box-shadow:0 0 0 1.2cqw #fff}
/* card kinds */
.c-chrome .front{background:linear-gradient(140deg,var(--surf),var(--bg));color:var(--fg)}.c-chrome .front .deco{background:linear-gradient(115deg,transparent 60%,var(--a) 60.2%,var(--a) 61%,transparent 61.2%,transparent 64%,color-mix(in srgb,var(--a) 45%,transparent) 64.2%,transparent 64.8%)}
.c-chrome .back{background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--a) 40%,var(--bg)),var(--bg) 62%);color:var(--fg)}.c-chrome .back .mk2.lg{background:var(--a);color:var(--ai)}
.c-stripe .front,.c-stripe .back{background:var(--surf);color:var(--fg)}.c-stripe .bn{font-family:"Geist Mono",monospace}.c-stripe .front{padding-bottom:10cqw}.c-stripe .front .deco{top:auto;height:4cqw;background:repeating-linear-gradient(-45deg,var(--a) 0 2cqw,var(--bg) 2cqw 4cqw)}
.c-stripe .back .deco{bottom:auto;height:4cqw;background:repeating-linear-gradient(-45deg,var(--a) 0 2cqw,var(--bg) 2cqw 4cqw)}.c-stripe .back .mk2.lg{background:var(--a);color:var(--ai)}.c-stripe .mk2{border-radius:0}
.c-soft .bc{border-radius:20px}.c-soft .front{background:#fff;color:var(--fg)}.c-soft .front .deco{inset:auto -12cqw auto auto;top:-14cqw;width:40cqw;height:40cqw;border-radius:50%;background:color-mix(in srgb,var(--a) 28%,transparent)}.c-soft .mk2{border-radius:50%}
.c-soft .back .deco{background:radial-gradient(circle at 12% 110%,rgba(255,255,255,.28) 0 18cqw,transparent 18.2cqw),radial-gradient(circle at 92% 0,rgba(255,255,255,.2) 0 10cqw,transparent 10.2cqw)}.c-soft .back .mk2.lg{border-radius:50%}
.c-leaf .front{background:var(--surf);color:var(--fg);padding-left:11cqw}.c-leaf .front .deco{right:auto;width:3cqw;background:var(--a)}.c-leaf .bn{font-size:6.4cqw}.c-leaf .mk2{border-radius:50%}
.c-leaf .back{background:var(--bg);color:var(--fg)}.c-leaf .back .deco{background:radial-gradient(ellipse 70% 40% at 20% 115%,var(--a) 99%,transparent 100%),radial-gradient(ellipse 80% 45% at 85% 120%,color-mix(in srgb,var(--a) 55%,var(--bg)) 99%,transparent 100%)}.c-leaf .back .mk2.lg{background:var(--a);color:var(--ai);border-radius:50%}.c-leaf .back .bk{align-self:flex-start}
.c-frost .front{background:#fff;color:var(--fg)}.c-frost .front .deco{background:radial-gradient(circle,color-mix(in srgb,var(--a) 30%,transparent) .35cqw,transparent .45cqw) 0 0/3.4cqw 3.4cqw;-webkit-mask:linear-gradient(225deg,#000,transparent 55%);mask:linear-gradient(225deg,#000,transparent 55%)}.c-frost .bn{font-size:6cqw;line-height:.95}.c-frost .mk2{border-radius:0}
.c-frost .back .deco{background:radial-gradient(circle,rgba(255,255,255,.35) .35cqw,transparent .45cqw) 0 0/3.4cqw 3.4cqw}.c-frost .back .mk2.lg{border-radius:0}
.c-grid .front{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/4cqw 4cqw,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/4cqw 4cqw,var(--surf);color:var(--fg)}.c-grid .mk2{border-radius:0;background:transparent;color:var(--at);box-shadow:inset 0 0 0 .35cqw var(--a)}
.c-grid .front .deco{inset:3.5cqw;border:1px solid var(--a);-webkit-mask:conic-gradient(at 4cqw 4cqw,transparent 75%,#000 0) 0 0/calc(100% - 4cqw) calc(100% - 4cqw);mask:conic-gradient(at 4cqw 4cqw,transparent 75%,#000 0) 0 0/calc(100% - 4cqw) calc(100% - 4cqw)}
.c-grid .back{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/4cqw 4cqw,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/4cqw 4cqw,var(--fg);color:var(--bg)}.c-grid .back .mk2.lg{background:var(--a);color:var(--ai);border-radius:0}
.c-bold .front{background:var(--a);color:var(--ai)}.c-bold .front .tr,.c-bold .front li .i{color:inherit}.c-bold .front .mk2{background:var(--ai);color:var(--a);border-radius:0}.c-bold .bn{font-size:7cqw;line-height:.92}
.c-bold .back{background:var(--fg);color:var(--a)}.c-bold .back .mk2.lg{background:var(--a);color:var(--ai);border-radius:0}.c-bold .back .deco{background:linear-gradient(var(--a),var(--a)) left bottom/100% 2.4cqw no-repeat}
.c-band .front{background:#fff;color:var(--fg);padding-left:13cqw}.c-band .front .deco{right:auto;width:5cqw;background:var(--a)}.c-band .front li:first-child{font-size:max(3.6cqw,11px);font-weight:800;color:var(--at)}.c-band .front li:first-child .i{width:3.6cqw;height:3.6cqw}
.c-band .back{background:var(--fg);color:var(--bg)}.c-band .back .mk2.lg{background:var(--a);color:var(--ai)}.c-band .back .deco{background:linear-gradient(var(--a),var(--a)) right top/5cqw 100% no-repeat}.c-band .back{padding-right:11cqw}
.c-serif .front{background:var(--surf);color:var(--fg);align-items:center;justify-content:center;text-align:center;gap:3.4cqw}.c-serif .front .deco{inset:3cqw;border:1px solid var(--a);outline:1px solid color-mix(in srgb,var(--a) 40%,transparent);outline-offset:-1.4cqw}
.c-serif .id{flex-direction:column;gap:1.6cqw}.c-serif .mk2{display:none}.c-serif .bn{font-size:7.2cqw}.c-serif .ct{flex-direction:column;align-items:center;gap:1.6cqw}.c-serif .who b,.c-serif .who span{text-align:center}
.c-serif ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.6cqw 3cqw;margin:0}.c-serif .back{background:var(--a);color:var(--ai)}.c-serif .back .bn{font-size:7cqw}.c-serif .back .mk2.lg{display:none}
.c-lux .front{background:var(--bg);color:var(--fg);align-items:center;text-align:center;justify-content:center;gap:4cqw}.c-lux .front .deco{inset:4cqw;border:1px solid color-mix(in srgb,var(--a) 55%,transparent)}
.c-lux .id{flex-direction:column;gap:2cqw}.c-lux .mk2{background:transparent;color:var(--at);border:1px solid var(--a);border-radius:99px 99px 0 0;width:9cqw;height:11cqw;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:5cqw}.c-lux .bn{font-size:6.4cqw}
.c-lux .ct{flex-direction:column;align-items:center;gap:1.6cqw}.c-lux ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.6cqw 3cqw;margin:0}.c-lux .who b,.c-lux .who span{text-align:center}
.c-lux .back{background:linear-gradient(160deg,var(--surf),var(--bg));color:var(--fg)}.c-lux .back .deco{background:radial-gradient(ellipse 22cqw 30cqw at 50% 100%,transparent 98%,color-mix(in srgb,var(--a) 50%,transparent) 99%,transparent 100%)}.c-lux .back .mk2.lg{background:transparent;color:var(--at);border:1px solid var(--a);border-radius:99px 99px 0 0;width:9cqw;height:12cqw}.c-lux .back .bn{color:var(--at)}
.c-slash .front{background:var(--bg);color:var(--fg)}.c-slash .front .deco{left:auto;width:40%;background:var(--a);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}.c-slash .bn{font-size:6.6cqw;line-height:.92}.c-slash .mk2{border-radius:0;transform:skewX(-10deg)}
.c-slash .front ul{justify-items:start;text-align:left;margin:0 auto 0 0}.c-slash .front .ct{justify-content:flex-start;flex-wrap:wrap;max-width:58%}.c-slash .front .id{max-width:62%}
.c-slash .back{background:var(--a);color:var(--ai)}.c-slash .back .mk2.lg{border-radius:0;transform:skewX(-10deg)}.c-slash .back .bn{font-size:7cqw;line-height:.9}
.c-classic .front{background:#fff;color:var(--fg)}.c-classic .front .deco{bottom:auto;height:2cqw;background:var(--a)}.c-classic .id{padding-bottom:3cqw;border-bottom:1px solid var(--line)}.c-classic .mk2{border-radius:50%;background:transparent;color:var(--at);box-shadow:inset 0 0 0 1px var(--a)}.c-classic .bn{font-size:5.8cqw}
.c-classic .back{background:var(--a);color:var(--ai)}.c-classic .back .deco{inset:4cqw;border:1px solid color-mix(in srgb,var(--ai) 35%,transparent)}.c-classic .back .mk2.lg{border-radius:50%}
.c-mono .front{background:#fff;color:var(--fg);padding:8.5cqw 9cqw}.c-mono .bn{font-size:4.8cqw}.c-mono .mk2{display:none}.c-mono .tr{color:var(--mut)}.c-mono .front .deco{inset:auto auto 8.5cqw 9cqw;width:6cqw;height:.5cqw;background:var(--a);top:auto}
.c-mono .who b{font-weight:500}.c-mono ul{font-family:"Geist Mono",monospace;font-size:max(2.1cqw,8px)}.c-mono .front .ct{padding-left:0}
.c-mono .back{background:var(--fg);color:var(--bg)}.c-mono .back .mk2.lg{background:var(--a);color:var(--ai);border-radius:0}
.c-pop .front{background:var(--bg);color:var(--fg)}.c-pop .front .deco{background:radial-gradient(circle at 92% 12%,var(--a) 0 9cqw,transparent 9.2cqw),radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--a) 50%,#ffd23d) 0 4cqw,transparent 4.2cqw)}.c-pop .mk2{border-radius:50%}
.c-pop .back .deco{background:radial-gradient(circle at 8% 90%,color-mix(in srgb,var(--a) 50%,#ffd23d) 0 10cqw,transparent 10.2cqw),radial-gradient(circle at 40% 10%,rgba(255,255,255,.3) 0 4cqw,transparent 4.2cqw)}.c-pop .back .mk2.lg{border-radius:50%}
.c-simple .front{background:#fff;color:#111}.c-simple .front .deco{bottom:auto;left:auto;width:3cqw;height:3cqw;top:7cqw;right:7.5cqw;background:var(--a)}
/* style variants on cards */
.bcx.s-au .front{background:#0d0d0d;color:#fff}.bcx.s-au .bn{text-transform:uppercase}.bcx.s-cl .bn{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-style:normal;text-transform:none;font-weight:500}
@media(max-width:620px){.cthumbs{display:none}.ptabs{flex-direction:column;align-items:stretch}.ptabs .seg{width:100%}.cflip{transform:rotateX(7deg) rotateY(-9deg)}.cflip.on{transform:rotateX(7deg) rotateY(171deg)}}
@media(prefers-reduced-motion:reduce){.cflip,.cflip:hover,.cflip.on,.cflip.on:hover{transition:none}.mkin .s-mq>div{animation:none}}
.cthumbs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}.cthumbs .tb{margin:0;min-width:0;container-type:inline-size}.cthumbs .bcx{position:relative;inset:auto;aspect-ratio:3.5/2;transform-style:flat}
.cthumbs .bc{transform:none!important;backface-visibility:visible;-webkit-backface-visibility:visible;box-shadow:0 14px 28px -16px #000,inset 0 0 0 1px rgba(255,255,255,.06)}.cthumbs .tb-f .back,.cthumbs .tb-b .front{display:none}
.cthumbs figcaption{margin-top:8px;font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}