/* DK Art & Craft Institute — premium site v2. Designed by RS Digital Agency */
:root{
  --cream:#FFF9F1;--paper:#fff;--sand:#F6EEE2;--ink:#1E1B2E;--ink2:#3D3A52;--muted:#6B6880;--line:#EADFCF;
  --coral:#F0592F;--coral-d:#D2431B;--teal:#0E9AA7;--gold:#F7B32B;--violet:#7A4BC4;--green:#22B573;--pink:#FF4E8E;
  --deep:#231942;--deep2:#2E2057;
  --r:22px;--r-s:14px;--sh:0 10px 30px -12px rgba(35,25,66,.22);--sh2:0 24px 60px -24px rgba(35,25,66,.35);
  --disp:'Fraunces',Georgia,'Times New Roman',serif;--body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--hand:'Caveat','Segoe Script',cursive;
  --hb:74px;--hh:74px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body);background:var(--cream);color:var(--ink);line-height:1.65;font-size:16px;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;z-index:400}
.skip:focus{left:8px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
section{padding:84px 0;position:relative}
.ico{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ico.f{fill:currentColor;stroke:none}
.hand{font-family:var(--hand);font-weight:700}
.dsk{display:revert}.mob{display:none}

/* scroll progress */
.prog{position:fixed;left:0;top:0;height:4px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--coral),var(--gold),var(--green),var(--teal),var(--violet),var(--pink));z-index:500}

/* type */
h1,h2,h3,h4{font-family:var(--disp);font-weight:600;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.35rem,6vw,4.4rem)}
h2{font-size:clamp(1.9rem,4.2vw,3rem)}
h3{font-size:1.3rem}
em.hl{font-style:italic;color:var(--coral);font-weight:500}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
.kicker::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;transform-origin:left;transform:scaleX(0);transition:transform .8s .2s}
.in .kicker::before,.kicker.in::before,.hero .kicker::before{transform:none}
.lead{font-size:1.1rem;color:var(--ink2);max-width:640px}
.sechd{margin-bottom:46px}
.sechd.c{text-align:center}.sechd.c .lead{margin-inline:auto}.sechd.c .kicker{justify-content:center}
.sechd .lead{margin-top:14px}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 26px;border-radius:999px;font-weight:700;font-size:.97rem;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover::after{left:130%}
.btn:hover{transform:translateY(-2px)}
.b1{background:var(--coral);color:#fff;box-shadow:0 12px 24px -10px rgba(240,89,47,.7)}
.b1:hover{background:var(--coral-d)}
.b2{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}
.b2:hover{border-color:var(--ink)}
.b3{background:#1FAF5B;color:#fff;box-shadow:0 12px 24px -12px rgba(31,175,91,.8)}
.b4{background:var(--ink);color:#fff}
.bsm{min-height:42px;padding:0 18px;font-size:.88rem}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pulse-btn{animation:glow 2.6s infinite}
@keyframes glow{0%,100%{box-shadow:0 12px 24px -10px rgba(240,89,47,.7),0 0 0 0 rgba(240,89,47,.45)}50%{box-shadow:0 12px 24px -10px rgba(240,89,47,.7),0 0 0 10px rgba(240,89,47,0)}}

/* header */
.hdr{position:sticky;top:0;z-index:300;background:rgba(255,249,241,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.hdr.sc{border-color:var(--line);box-shadow:0 8px 24px -16px rgba(35,25,66,.3)}
.hbar{display:flex;align-items:center;justify-content:space-between;height:var(--hb);gap:14px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}
.brand b{display:block;font-family:var(--disp);font-size:1.18rem;line-height:1.1;white-space:nowrap}
.brand small{display:block;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}
.nav{display:flex;align-items:center;gap:2px}
.nav a{padding:9px 13px;border-radius:999px;font-size:.92rem;font-weight:600;color:var(--ink2);transition:background .2s,color .2s}
.nav a:hover{background:var(--sand)}
.nav a.act{background:var(--ink);color:#fff}
.hcta{display:flex;align-items:center;gap:10px}
.mnav{display:none}
.mtrack{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.mtrack::-webkit-scrollbar{display:none}
.mtrack a{flex:none;scroll-snap-align:center;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.84rem;font-weight:700;background:#fff;border:1px solid var(--line);color:var(--ink2);line-height:1.2;min-height:38px}
.mtrack a .ico{width:16px;height:16px;color:var(--coral)}
.mtrack a.act{background:var(--ink);border-color:var(--ink);color:#fff}
.mtrack a.act .ico{color:var(--gold)}
.mtrack a.adm{background:var(--coral);border-color:var(--coral);color:#fff}
.mtrack a.adm .ico{color:#fff}

/* hero */
.hero{padding:40px 0 96px;overflow:hidden}
.bl{position:absolute;border-radius:50%;filter:blur(46px);animation:drift 16s ease-in-out infinite;pointer-events:none}
.bl.b1{width:460px;height:460px;background:#FFD27A;opacity:.6;right:-140px;top:-120px}
.bl.b2{width:380px;height:380px;background:#8DDCE3;opacity:.55;left:-150px;bottom:-140px;animation-delay:-5s}
.bl.b3{width:260px;height:260px;background:#FFB6CE;opacity:.4;left:44%;top:6%;animation-delay:-9s}
@keyframes drift{50%{transform:translate(40px,-30px) scale(1.1)}}
.dd{position:absolute;pointer-events:none;z-index:0;animation:float 7s ease-in-out infinite}
.dd svg{width:100%;height:100%}
.d1{width:46px;height:46px;left:3%;top:14%;color:var(--gold)}
.d2{width:34px;height:34px;left:47%;bottom:9%;color:var(--teal);animation-delay:-2s}
.d3{width:60px;height:60px;right:3%;bottom:12%;color:var(--pink);animation-delay:-4s}
.d4{width:30px;height:30px;right:42%;top:7%;color:var(--violet);animation-delay:-3s}
.hgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;position:relative;z-index:1}
.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:.84rem;font-weight:700;box-shadow:var(--sh);margin-bottom:22px}
.pill i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,181,115,.2);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(34,181,115,0)}}
.hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.06}
.hero h1 .ln{display:block;overflow:hidden;padding:.04em 0 .26em;margin-bottom:-.18em}
.hero h1 .ln>span{display:block;transform:translateY(115%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*.13s + .12s)}
@keyframes up{to{transform:none}}
.hero h1 em.hl{position:relative;display:inline-block}
.hero h1 em.hl svg.sq{position:absolute;left:0;bottom:-.14em;width:100%;height:.26em;overflow:visible}
.hero h1 em.hl svg.sq path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.4s 1.1s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero p.sub{font-size:1.15rem;color:var(--ink2);margin-top:20px;max-width:520px}
.hfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hfacts div{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:9px 14px 9px 10px;box-shadow:var(--sh);line-height:1.2}
.hfacts .ico{width:34px;height:34px;padding:8px;background:rgba(240,89,47,.1);border-radius:11px;color:var(--coral)}
.hfacts small{display:block;color:var(--muted);font-weight:500;font-size:.72rem}
.stage{position:relative;min-height:560px}
.arch{position:absolute;left:11%;top:0;width:66%;aspect-ratio:4/5;border-radius:999px 999px 32px 32px;border:8px solid #fff;overflow:hidden;box-shadow:var(--sh2);background:var(--sand)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.08)}}
.pol{position:absolute;background:#fff;padding:7px 7px 24px;border-radius:5px;box-shadow:0 18px 40px -16px rgba(35,25,66,.5);transform:rotate(var(--r,0deg));animation:bob 7s ease-in-out infinite;z-index:2;transition:transform .3s}
.pol:hover{transform:rotate(0) scale(1.06);z-index:6}
.pol .im{aspect-ratio:4/5;overflow:hidden;background:#f3ecdf}
.pol .im img{width:100%;height:100%;object-fit:cover}
.pol .hand{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:.98rem;color:var(--ink2);line-height:1.2}
.pol::before{content:"";position:absolute;left:50%;top:-11px;width:62px;height:20px;margin-left:-31px;background:rgba(247,179,43,.75);transform:rotate(-4deg);box-shadow:0 2px 4px rgba(0,0,0,.08)}
@keyframes bob{50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
.p1{--r:-9deg;left:-1%;top:7%;width:33%}
.p2{--r:7deg;right:-1%;bottom:2%;width:35%;animation-delay:-3s}
.p3{--r:6deg;right:2%;top:1%;width:25%;animation-delay:-5s}
.p3::before{background:rgba(255,78,142,.7)}.p1::before{background:rgba(14,154,167,.7)}
.chip3{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#fff;box-shadow:var(--sh);font-weight:800;font-size:.78rem;letter-spacing:.06em;z-index:3;animation:float 6s ease-in-out infinite}
.chip3 .ico{color:var(--coral)}
.ch1{left:3%;bottom:30%}.ch2{left:24%;bottom:2%;animation-delay:-2s}
.ch2 .ico{color:var(--teal)}
@keyframes float{50%{transform:translateY(-10px)}}
.spin{position:absolute;right:-6px;top:41%;width:112px;height:112px;z-index:4}
.spin svg{animation:rot 24s linear infinite;width:100%;height:100%}
@keyframes rot{to{transform:rotate(360deg)}}

/* ribbon */
.ribbon{background:var(--deep);color:#fff;padding:16px 0;overflow:hidden;transform:rotate(-1.2deg);margin:-30px -10px 0;position:relative;z-index:2}
.rtrack{display:flex;gap:46px;white-space:nowrap;animation:slide 32s linear infinite;width:max-content}
.rtrack span{font-family:var(--disp);font-size:1.45rem;font-style:italic;display:flex;align-items:center;gap:46px}
.rtrack span::after{content:"✦";color:var(--gold);font-style:normal;font-size:1rem}
@keyframes slide{to{transform:translateX(-50%)}}

/* cards */
.grid{display:grid;gap:24px}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.thumb{aspect-ratio:4/3;overflow:hidden;background:var(--sand);position:relative}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .thumb img{transform:scale(1.06)}
.thumb.svg img{object-fit:contain;padding:26px}
.thumb .tag{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;background:#fff;padding:6px 13px 6px 9px;border-radius:999px;font-size:.76rem;font-weight:800;box-shadow:var(--sh)}
.pad{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pad p{color:var(--muted);font-size:.95rem}
.more{margin-top:auto;padding-top:6px;color:var(--coral);font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;gap:7px}
.more .ico{transition:transform .2s}.card:hover .more .ico{transform:translateX(5px)}
.ib{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:none}
.ib .ico{width:26px;height:26px}
.c-teal{background:linear-gradient(135deg,#17B3C1,#0A7A85)}.c-coral{background:linear-gradient(135deg,#FF7A52,#D8431B)}
.c-gold{background:linear-gradient(135deg,#FFC64D,#D8920A)}.c-violet{background:linear-gradient(135deg,#9468DA,#5E30A8)}
.c-green{background:linear-gradient(135deg,#3BCB8A,#14894F)}.c-pink{background:linear-gradient(135deg,#FF72A6,#D42F6E)}
.tagline{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.04em;color:var(--teal);background:rgba(14,154,167,.1);padding:5px 12px;border-radius:999px}
.minis{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.minis a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 18px 12px 12px;font-weight:700;font-size:.92rem;box-shadow:var(--sh);transition:transform .25s}
.minis a:hover{transform:translateY(-3px)}
.minis .ib{width:40px;height:40px;border-radius:12px}.minis .ib .ico{width:20px;height:20px}
.minis small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}

/* stats */
.stats{background:var(--deep);color:#fff;padding:60px 0;overflow:hidden}
.stats::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0,rgba(240,89,47,.35),transparent),radial-gradient(500px 300px at 0 100%,rgba(14,154,167,.3),transparent)}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;text-align:center}
.sgrid b{display:block;font-family:var(--disp);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;color:var(--gold)}
.sgrid span{display:block;margin-top:10px;font-size:.92rem;color:#d6d0ec;font-weight:600}

/* student drawings wall */
.wall{background:linear-gradient(180deg,var(--cream),var(--sand) 12%,var(--sand) 88%,var(--cream));overflow:hidden;padding:84px 0 70px}
.wall::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,78,142,.12),transparent 38%),radial-gradient(circle at 88% 80%,rgba(14,154,167,.14),transparent 40%);pointer-events:none}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mqt{display:flex;gap:26px;width:max-content;padding:22px 0 26px;animation:slide 60s linear infinite}
.mq.mqr .mqt{animation-direction:reverse;animation-duration:70s}
.mq:hover .mqt{animation-play-state:paused}
.pc{position:relative;flex:none;width:210px;background:#fff;padding:10px 10px 36px;border-radius:6px;box-shadow:0 20px 40px -18px rgba(35,25,66,.45);transform:rotate(var(--r,0deg));transition:transform .3s}
.pc:hover{transform:rotate(0) scale(1.07);z-index:3}
.pc .im{aspect-ratio:4/5;overflow:hidden;background:#f3ecdf}
.pc .im img{width:100%;height:100%;object-fit:cover}
.pc .hand{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:1.1rem;color:var(--ink2);line-height:1.2}
.pc::before{content:"";position:absolute;left:50%;top:-10px;width:58px;height:19px;margin-left:-29px;background:var(--tape,rgba(247,179,43,.75));transform:rotate(-3deg)}
.wallnote{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;font-size:1.5rem;color:var(--coral)}

/* about */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.founder{position:relative;max-width:440px;width:100%;margin-inline:auto}
.founder::before{content:"";position:absolute;inset:-14px -14px 14px 14px;border-radius:30px;background:linear-gradient(135deg,var(--gold),var(--coral) 60%,var(--pink));opacity:.9;transform:rotate(3deg);z-index:0}
.founder .fi{position:relative;z-index:1;border-radius:30px;overflow:hidden;box-shadow:var(--sh2);border:8px solid #fff;aspect-ratio:1/1.08;background:var(--sand)}
.founder .fi img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.fbadge{position:absolute;right:-14px;bottom:26px;z-index:2;background:var(--ink);color:#fff;padding:13px 18px;border-radius:18px;box-shadow:var(--sh2);max-width:230px}
.fbadge b{display:block;font-family:var(--disp);font-size:1.08rem}.fbadge small{opacity:.8;font-size:.76rem}
.fsmall{position:absolute;left:-22px;top:-22px;z-index:2;width:128px;height:96px;border-radius:18px;overflow:hidden;border:5px solid #fff;box-shadow:var(--sh2);transform:rotate(-6deg)}
.fsmall img{width:100%;height:100%;object-fit:cover}
.ticks{list-style:none;display:grid;gap:13px;margin:24px 0}
.ticks li{display:flex;gap:13px;align-items:flex-start;color:var(--ink2)}
.ticks .ico{width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(34,181,115,.15);color:var(--green);margin-top:2px}
.quote{border-left:4px solid var(--coral);padding:6px 0 6px 22px;font-family:var(--disp);font-style:italic;font-size:1.25rem;color:var(--ink);margin:20px 0}
.creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.cred{display:inline-flex;gap:8px;align-items:center;padding:9px 16px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:600}
.cred .ico{color:var(--coral)}
.more-t{margin-top:14px}
.more-t summary{list-style:none;cursor:pointer;color:var(--coral);font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}
.more-t summary::-webkit-details-marker{display:none}
.more-t summary::after{content:"+";font-size:1.2rem;line-height:1}
.more-t[open] summary::after{content:"−"}
.more-t>div{margin-top:10px}

/* second about */
.about2{grid-template-columns:1.05fr .95fr}
/* bento gallery */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px}
.bento figure,.mas figure{position:relative;overflow:hidden;border-radius:20px;background:var(--sand);cursor:zoom-in}
.bento figure:nth-child(1){grid-row:span 2;grid-column:span 2}
.bento figure:nth-child(4){grid-column:span 2}
.bento img,.mas img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bento figure:hover img,.mas figure:hover img{transform:scale(1.06)}
figcaption.cap{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(20,14,40,.78));color:#fff;font-weight:700;font-size:.9rem;line-height:1.3;transform:translateY(8px);opacity:0;transition:.3s}
figcaption.cap em{display:block;font-style:normal;font-weight:500;font-size:.78rem;opacity:.85}
figure:hover figcaption.cap,figure:focus-within figcaption.cap{opacity:1;transform:none}
.mas{columns:4 230px;column-gap:16px}
.mas figure{break-inside:avoid;margin-bottom:16px}
.mas figure.mt img{object-fit:contain;padding:22px;background:#fff}
.mas img{height:auto}
.mas figure.mt{border:1px solid var(--line)}
.mas figure[data-more]{display:none}
.lmore{display:flex;justify-content:center;margin-top:30px}

/* workshop feature */
.wfeat{background:linear-gradient(135deg,#F0592F,#C23A12 60%,#7A4BC4);border-radius:34px;color:#fff;padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.wfeat::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1)}
.wfeat .kicker{color:#FFE29B}.wfeat p{color:#fff2ea;margin-top:14px}
.wphotos{position:relative;display:flex;justify-content:center;gap:0;margin-bottom:18px;z-index:1}
.wphotos img{width:31%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:5px solid #fff;box-shadow:0 18px 36px -14px rgba(0,0,0,.5);margin:0 -2%;transform:rotate(var(--r,0deg));transition:transform .3s}
.wphotos img:nth-child(1){--r:-7deg}.wphotos img:nth-child(2){--r:2deg;margin-top:-14px;z-index:2}.wphotos img:nth-child(3){--r:8deg}
.wphotos img:hover{transform:rotate(0) scale(1.06);z-index:4}
.wmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px;position:relative;z-index:1}
.wmeta div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:20px 12px;text-align:center;backdrop-filter:blur(4px)}
.wmeta b{display:block;font-family:var(--disp);font-size:2rem;line-height:1}
.wmeta span{font-size:.78rem;font-weight:600;opacity:.9}
.wlist{list-style:none;display:grid;gap:10px;margin-top:20px}
.wlist li{display:flex;gap:10px;align-items:center;font-weight:600}
.wlist .ico{color:#FFE29B}
.wfeat .btn{background:#fff;color:var(--coral-d);box-shadow:none}

/* video */
.vid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.vbox{border-radius:26px;overflow:hidden;box-shadow:var(--sh2);border:8px solid #fff;background:#000;aspect-ratio:16/9}
.vbox video{width:100%;height:100%;object-fit:cover}

/* reviews */
.rev{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:16px;position:relative}
.rev::before{content:"“";font-family:var(--disp);font-size:6rem;line-height:.6;color:var(--coral);opacity:.18;position:absolute;right:22px;top:30px}
.rev p{color:var(--ink2);font-size:1.02rem}
.rhead{display:flex;align-items:center;gap:14px}
.rhead img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--sand)}
.rhead b{display:block}.rhead span{font-size:.82rem;color:var(--muted)}
.stars{color:var(--gold);display:flex;gap:2px}.stars .ico{width:17px;height:17px}

/* notices */
.nlist{display:grid;gap:14px}
.nitem{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:box-shadow .25s}
.nitem[open]{box-shadow:var(--sh)}
.nitem summary{list-style:none;display:flex;gap:18px;align-items:center;padding:18px 22px;cursor:pointer}
.nitem summary::-webkit-details-marker{display:none}
.date{flex:none;width:64px;text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:8px 0;line-height:1.1}
.date b{display:block;font-family:var(--disp);font-size:1.5rem}.date span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--coral)}
.nt{flex:1;min-width:0}.nt h3{font-size:1.1rem;font-family:var(--body);font-weight:700;letter-spacing:0}
.nt p{font-size:.9rem;color:var(--muted);margin-top:2px}
.badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-right:8px;vertical-align:middle}
.k-admission{background:rgba(14,154,167,.12);color:#0A7A85}.k-workshop{background:rgba(247,179,43,.2);color:#946400}.k-result{background:rgba(122,75,196,.14);color:#5E30A8}
.k-new{background:var(--coral);color:#fff}
.k-drawing{background:rgba(14,154,167,.12);color:#0A7A85}.k-painting{background:rgba(240,89,47,.12);color:#C23A12}.k-craft{background:rgba(247,179,43,.2);color:#946400}.k-clay{background:rgba(122,75,196,.14);color:#5E30A8}
.chev{flex:none;transition:transform .25s;color:var(--muted)}.nitem[open] .chev{transform:rotate(180deg)}
.nbody{padding:0 22px 22px 104px;color:var(--ink2);font-size:.97rem}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.tab{padding:10px 20px;border-radius:999px;background:var(--paper);border:1.5px solid var(--line);font-weight:700;font-size:.88rem;min-height:44px;transition:.2s;white-space:nowrap}
.tab:hover{border-color:var(--ink)}.tab[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-hide]{display:none!important}

/* blog */
.bcard .thumb{aspect-ratio:16/10}
.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);font-weight:600;align-items:center}
.meta .ico{width:14px;height:14px;margin-right:4px;display:inline;vertical-align:-2px}
.art{max-width:780px;margin-inline:auto}
.art h4{font-family:var(--disp);font-size:1.45rem;margin:34px 0 8px}
.art p{margin:12px 0;color:var(--ink2);font-size:1.07rem}
.art ul{margin:12px 0 12px 22px;color:var(--ink2);font-size:1.05rem}.art li{margin:6px 0}
.artimg{border-radius:26px;overflow:hidden;box-shadow:var(--sh2);margin:0 auto 40px;max-width:780px;aspect-ratio:16/9;border:8px solid #fff}
.artimg img{width:100%;height:100%;object-fit:cover}

/* faq */
.faq{display:grid;gap:12px}
.q{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.q summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:56px}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"+";font-size:1.5rem;color:var(--coral);transition:transform .25s;line-height:1}
.q[open] summary::after{transform:rotate(45deg)}
.q[open]{box-shadow:var(--sh)}
.q .a{padding:0 22px 20px;color:var(--ink2)}

/* syllabus */
.sylb{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:0;margin-bottom:22px;scroll-margin-top:calc(var(--hh) + 20px);overflow:hidden}
.sylb>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:26px 30px}
.sylb>summary::-webkit-details-marker{display:none}
.sylb .sylh h3{font-size:1.6rem}
.sylb .sylx{flex:1;min-width:0}
.sylb .chev{margin-left:auto}
.sylb[open]>summary .chev{transform:rotate(180deg)}
.sylb .faq{padding:0 30px 30px}
.sylb .sylc{padding:0 30px 26px}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}

/* table */
.tbl{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}
table{width:100%;border-collapse:collapse}
th,td{padding:16px 22px;text-align:left}
thead th{background:var(--ink);color:#fff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
tbody tr+tr td{border-top:1px solid var(--line)}
tbody td:first-child{font-weight:700}

/* page head */
.phead{padding:52px 0 54px;background:linear-gradient(180deg,var(--sand),var(--cream));position:relative;overflow:hidden}
.phead::after{content:"";position:absolute;right:-100px;top:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(247,179,43,.35),transparent 65%);animation:drift 14s ease-in-out infinite}
.phead::before{content:"";position:absolute;left:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(14,154,167,.22),transparent 65%);animation:drift 18s ease-in-out infinite reverse}
.crumb{font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;position:relative;z-index:1}
.crumb a:hover{color:var(--coral)}
.phead h1{font-size:clamp(2.2rem,5vw,3.6rem);position:relative;z-index:1}
.phead .lead{margin-top:16px;position:relative;z-index:1}

/* contact */
.cgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}
.box{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--sh)}
.box h3{margin-bottom:20px}
.crow{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:flex-start}
.crow:first-of-type{border-top:0}
.crow .ibs{width:46px;height:46px;border-radius:14px;background:var(--cream);display:grid;place-items:center;color:var(--coral);flex:none}
.crow small{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.crow b,.crow a{font-weight:700;font-size:1rem;overflow-wrap:anywhere}
.crow a:hover{color:var(--coral)}
form label{display:block;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:16px 0 7px}
input,select,textarea{width:100%;font:inherit;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--cream);color:var(--ink);min-height:52px}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--coral);background:#fff;box-shadow:0 0 0 4px rgba(240,89,47,.12)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form .btn{width:100%;margin-top:22px}
.note{font-size:.84rem;color:var(--muted);margin-top:12px;text-align:center}
.map{margin-top:28px;border-radius:28px;overflow:hidden;border:8px solid #fff;box-shadow:var(--sh2);background:var(--sand)}
.map iframe{width:100%;height:420px;border:0;display:block}
.mapbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 26px;background:#fff;flex-wrap:wrap}
.sign{margin-top:28px;background:linear-gradient(135deg,var(--deep),var(--deep2));color:#fff;border-radius:28px;padding:34px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.sign img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:22px;padding:6px}
.sign h3{font-size:1.5rem}.sign p{color:#d6d0ec;font-size:.95rem;margin-top:6px}
.spills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.spills span{padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.06em}

/* cta */
.cta{background:var(--deep);color:#fff;border-radius:34px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 85% 0,rgba(240,89,47,.5),transparent),radial-gradient(420px 260px at 5% 100%,rgba(14,154,167,.45),transparent)}
.cta>*{position:relative}
.cta p{color:#d6d0ec;max-width:560px;margin:14px auto 0}
.cta .btns{justify-content:center}
.cta .b2{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}

/* footer */
.ftr{position:relative;background:#150E2B;color:#cfc9e6;padding:64px 0 24px;margin-top:96px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M14 22l6 6m0-6l-6 6'/%3E%3Ccircle cx='86' cy='30' r='5'/%3E%3Cpath d='M20 84c6-8 12 8 18 0s12 8 18 0'/%3E%3Cpath d='M92 88l8-8m-2 10l8-8'/%3E%3C/g%3E%3C/svg%3E")}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--coral),var(--gold),var(--green),var(--teal),var(--violet),var(--pink),var(--coral));background-size:200% 100%;animation:strip 8s linear infinite}
@keyframes strip{to{background-position:200% 0}}
.ftr .wave{position:absolute;left:0;right:0;top:-46px;height:46px;color:#150E2B}
.ftr .wave svg{width:100%;height:100%}
.ftr .wave path{fill:currentColor}
.fbig{font-family:var(--disp);font-style:italic;font-size:clamp(2.6rem,9.6vw,7.6rem);line-height:.95;text-align:center;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16);margin:0 0 44px;user-select:none;white-space:nowrap;overflow:hidden}
.fbig b{font-weight:600;-webkit-text-stroke:0;background:linear-gradient(90deg,var(--gold),var(--coral),var(--pink),var(--violet),var(--teal),var(--gold));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:strip 9s linear infinite;opacity:.9}
.fgrid{display:grid;grid-template-columns:1.5fr 1.3fr 1.2fr;gap:44px;position:relative}
.ftr h4{font-family:var(--body);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.ftr a:hover{color:var(--gold)}
.ftr .brand b{color:#fff}.ftr .brand img{mix-blend-mode:normal;background:#fff;border-radius:12px;padding:3px}
.ftr p{font-size:.94rem;margin-top:16px;max-width:360px}
.flinks{display:flex;flex-wrap:wrap;gap:8px}
.flinks a{padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.88rem;font-weight:600;transition:.2s}
.flinks a:hover{background:var(--coral);border-color:var(--coral);color:#fff}
.ftr ul{list-style:none;display:grid;gap:12px;font-size:.94rem}
.fci{display:flex;gap:11px;align-items:flex-start;font-size:.94rem}
.fci .ico{margin-top:4px;color:var(--gold)}
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.2s}
.social a:hover{background:var(--coral);color:#fff;transform:translateY(-3px)}
.fdots{display:flex;gap:8px;margin-top:22px}
.fdots i{width:12px;height:12px;border-radius:50%;animation:bob2 2.4s ease-in-out infinite}
.fdots i:nth-child(1){background:var(--coral)}.fdots i:nth-child(2){background:var(--gold);animation-delay:.2s}.fdots i:nth-child(3){background:var(--green);animation-delay:.4s}.fdots i:nth-child(4){background:var(--teal);animation-delay:.6s}.fdots i:nth-child(5){background:var(--violet);animation-delay:.8s}.fdots i:nth-child(6){background:var(--pink);animation-delay:1s}
@keyframes bob2{50%{transform:translateY(-8px)}}
.copy{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#9a93bb}

/* floating */
.wafab{position:fixed;right:22px;bottom:22px;z-index:90;width:62px;height:62px;border-radius:50%;background:#1FAF5B;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(31,175,91,.7);transition:transform .2s}
.wafab:hover{transform:scale(1.08)}.wafab .ico{width:32px;height:32px}
.wafab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1FAF5B;animation:ring 2.4s infinite}
@keyframes ring{to{transform:scale(1.5);opacity:0}}
.mbar{display:none}
.totop{position:fixed;left:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s;z-index:90}
.totop.on{opacity:1;pointer-events:auto}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(15,10,30,.92);z-index:600;display:none;align-items:center;justify-content:center;padding:20px;flex-direction:column;gap:14px}
.lb.on{display:flex}
.lb img{max-height:78vh;max-width:min(94vw,1000px);width:auto;border-radius:16px;object-fit:contain}
.lb p{color:#fff;text-align:center;font-weight:600;max-width:640px}
.lb button{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}
.lb button:hover{background:var(--coral)}
.lb .x{top:16px;right:16px}.lb .pv{left:14px;top:50%}.lb .nx{right:14px;top:50%}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.rl{transform:translateX(-40px)}.rv.rr{transform:translateX(40px)}.rv.rz{transform:scale(.92)}
.rv.in{opacity:1;transform:none}
.nojs .rv{opacity:1;transform:none}

/* tablet + mobile header: chips menu */
@media (max-width:1060px){
  :root{--hb:58px;--hh:108px}
  .nav{display:none}
  .mnav{display:block;border-top:1px solid var(--line)}
  .hcta .bsm{min-height:38px;padding:0 15px;font-size:.82rem}
  .brand img{width:40px;height:40px}.brand b{font-size:1.05rem}.brand small{font-size:.58rem;letter-spacing:.14em}
  .g4{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}
}
@media (max-width:900px){
  section{padding:56px 0}
  .hgrid,.about,.vid,.wfeat,.cgrid{grid-template-columns:1fr}
  .hgrid{gap:26px}
  .stage{min-height:480px;max-width:520px;margin-inline:auto;width:100%}
  .g3{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}
  .bento figure:nth-child(1){grid-column:span 2}
  .sgrid{grid-template-columns:repeat(2,1fr);gap:34px 16px}
  .wfeat{padding:38px 26px;border-radius:28px}
  .about{gap:44px}
  .fbadge{right:6px}
}

/* ====== MOBILE: short, scannable, app-like ====== */
@media (max-width:640px){
  :root{--hb:56px;--hh:104px}
  body{font-size:15px;line-height:1.55}
  .wrap{width:calc(100% - 28px)}
  .dsk{display:none!important}.mob{display:revert}
  .g3,.g2{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.g4.one,.g3.one{grid-template-columns:1fr}.g3.hs,.g4.hs{display:flex}
  .g3.one{gap:10px}.g4.one{gap:10px}
  h2{font-size:1.65rem}h3{font-size:1.12rem}
  section{padding:38px 0}
  .sechd{margin-bottom:20px}
  .sechd .lead{display:none}
  .kicker{font-size:.7rem;margin-bottom:8px}
  .btn{min-height:48px;padding:0 20px;font-size:.93rem}
  .btns{gap:10px;margin-top:20px}
  .hero .btns .btn{flex:1 1 140px}
  .bsm{width:auto}
  /* hero */
  .hero{padding:20px 0 56px}
  .hero h1{font-size:clamp(2rem,9.4vw,2.6rem)}
  .hero p.sub{font-size:1rem;margin-top:14px}
  .pill{font-size:.76rem;margin-bottom:14px;padding:6px 13px 6px 9px}
  .hfacts{gap:8px;margin-top:18px}
  .hfacts div{padding:7px 11px 7px 8px;font-size:.78rem;border-radius:14px;gap:8px}
  .hfacts .ico{width:28px;height:28px;padding:6px}.hfacts small{display:none}
  .stage{min-height:320px;max-width:400px}
  .d1,.d4{display:none}
  .arch{left:17%;width:66%;border-width:6px}
  .p1{width:36%;left:-2%;top:12%}.p2{width:38%;right:-3%;bottom:1%}.p3{display:none}
  .chip3{font-size:.66rem;padding:6px 10px}.ch1{left:0;bottom:36%}.ch2{left:19%;bottom:0}
  .spin{width:78px;height:78px;right:-2px;top:36%}
  .bl.b1{width:260px;height:260px}.bl.b2{width:240px;height:240px}
  .ribbon{padding:11px 0;margin-top:-22px}.rtrack span{font-size:1.1rem}
  /* swipe carousels */
  .hs{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin-inline:-14px;padding:4px 14px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hs::-webkit-scrollbar{display:none}
  .hs>*{flex:0 0 78%;scroll-snap-align:center;min-width:0}
  .hs.hs2>*{flex-basis:68%}
  .hs .pad{padding:16px;gap:6px}.hs .pad p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem}
  .hs .thumb{aspect-ratio:16/11}
  .swipe{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:-2px}
  .minis{gap:8px;margin-top:6px}.minis a{padding:8px 12px 8px 8px;font-size:.8rem;border-radius:14px}.minis small{display:none}.minis .ib{width:30px;height:30px;border-radius:10px}.minis .ib .ico{width:16px;height:16px}
  /* horizontal list cards */
  .hz{flex-direction:row}
  .hz .thumb{flex:0 0 112px;aspect-ratio:auto;min-height:112px}
  .hz .pad{padding:13px 14px;gap:4px}.hz .pad p{display:none}
  .hz h3{font-size:1rem}
  .hz .more{padding-top:2px;font-size:.8rem}
  .hz .tagline{font-size:.66rem;padding:3px 9px}
  .hz .thumb .tag{display:none}
  .stats{padding:34px 0}.sgrid{gap:22px 12px}.sgrid b{font-size:2.1rem}.sgrid span{font-size:.78rem;margin-top:4px}
  .wall{padding:44px 0 36px}
  .pc{width:150px;padding:7px 7px 28px}.pc .hand{font-size:.95rem}
  .mqt{gap:16px;animation-duration:44s}.mq.mqr .mqt{animation-duration:52s}
  .wallnote{font-size:1.2rem;margin-top:12px}
  .founder{max-width:300px}
  .founder::before{inset:-10px -10px 10px 10px}
  .fsmall{width:96px;height:72px;left:-14px;top:-14px;border-width:4px}
  .fbadge{padding:10px 14px;right:-8px;bottom:18px}.fbadge b{font-size:.95rem}
  .about{gap:30px}.quote{font-size:1.05rem;margin:14px 0}
  .ticks{margin:14px 0;gap:10px}
  .bento{grid-auto-rows:128px;gap:8px}
  .bento figure{border-radius:14px}
  .wfeat{padding:26px 18px;border-radius:24px;gap:22px}
  .wfeat p{font-size:.92rem;margin-top:8px}
  .wlist{margin-top:12px;gap:7px;font-size:.9rem}
  .wmeta b{font-size:1.45rem}.wmeta div{padding:14px 6px;border-radius:16px}
  .vbox{border-width:5px;border-radius:20px}
  .rev{padding:20px}.rev::before{font-size:4rem}.rev p{font-size:.94rem}
  .nitem summary{padding:12px;gap:11px}.date{width:50px;border-radius:13px}.date b{font-size:1.2rem}
  .nt h3{font-size:.95rem}.nt p{font-size:.8rem}
  .nbody{padding:0 14px 16px;font-size:.9rem}
  .box{padding:22px 18px;border-radius:22px}
  .f2{grid-template-columns:1fr}
  .map iframe{height:300px}.map{border-width:5px;border-radius:22px}
  .sign{grid-template-columns:1fr;padding:22px}
  .sylb{border-radius:20px;margin-bottom:12px}.sylb>summary{padding:16px 16px;gap:12px}.sylb .sylh h3{font-size:1.15rem}.sylb .faq{padding:0 14px 16px}.sylb .sylc{padding:0 16px 16px}
  .sylb .ib{width:42px;height:42px;border-radius:13px}.sylb .ib .ico{width:21px;height:21px}
  .q summary{padding:13px 16px;min-height:48px;font-size:.92rem}.q .a{padding:0 16px 16px;font-size:.92rem}
  .jump{flex-wrap:nowrap;overflow-x:auto;margin-inline:-14px;padding:0 14px 4px;scrollbar-width:none}.jump::-webkit-scrollbar{display:none}
  .tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-14px;padding:0 14px 6px;scrollbar-width:none;margin-bottom:18px}.tabs::-webkit-scrollbar{display:none}
  .tab{padding:8px 16px;min-height:40px}
  th,td{padding:11px 10px;font-size:.84rem}
  .cta{padding:34px 18px;border-radius:24px}.cta h2{font-size:1.5rem}.cta p{font-size:.92rem}
  .phead{padding:26px 0 26px}.phead h1{font-size:clamp(1.8rem,8vw,2.3rem)}.phead .lead{font-size:.95rem;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .crumb{margin-bottom:10px;font-size:.78rem}
  .mas{columns:2 140px;column-gap:8px}.mas figure{margin-bottom:8px;border-radius:14px}
  .acts .pad{padding:14px;gap:6px}.acts .pad p{display:none}.acts .ib{width:40px;height:40px;border-radius:12px}.acts h3{font-size:.95rem}
  .art p{font-size:1rem}
  /* footer */
  .ftr{padding:46px 0 92px;margin-top:64px}
  .ftr .wave{top:-30px;height:30px}
  .fbig{font-size:2.5rem;margin-bottom:26px;white-space:normal;line-height:1}
  .fgrid{grid-template-columns:1fr;gap:26px}
  .ftr h4{margin-bottom:12px}
  .ftr p{font-size:.88rem;margin-top:12px}
  .copy{margin-top:30px;font-size:.78rem}
  .wafab{display:none}
  .totop{bottom:86px;left:12px;width:40px;height:40px}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--line);padding:7px 10px calc(7px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -10px 30px -14px rgba(35,25,66,.4)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;font-weight:800;padding:6px 0;border-radius:12px;color:var(--ink2);min-height:46px;justify-content:center}
  .mbar a.w{background:#1FAF5B;color:#fff}
  .mbar a.p{background:var(--ink);color:#fff}
  .mbar a.a{background:var(--coral);color:#fff}
  .mbar .ico{width:20px;height:20px}

  /* extra compaction */
  .hfacts{flex-wrap:nowrap;gap:6px}.hfacts div{padding:6px 9px 6px 6px;font-size:.72rem;gap:6px;white-space:nowrap}.hfacts .ico{width:24px;height:24px;padding:5px;border-radius:8px}
  .hs .thumb{aspect-ratio:16/9}.hs .tagline,.hs .more{display:none}.hs .pad{padding:14px;gap:4px}.hs h3{font-size:1.02rem}
  .mq.mqr{display:none}
  .pc{width:138px}
  .wall .btns{margin-top:12px}
  .founder{max-width:250px}
  .bento{grid-auto-rows:118px}
  .bento figure:nth-child(n){grid-column:auto;grid-row:auto}
  .wfeat .btns .btn+.btn{display:none}
  .wphotos{margin-bottom:10px}.wphotos img{border-width:4px;border-radius:14px}
  .cta .b2{display:none}
  .fbig{font-size:1.9rem;white-space:nowrap;margin-bottom:20px}
  .ftr{padding-top:40px}
  .ftr .flinks a{padding:7px 13px;font-size:.84rem}
  .ftr .fdots{margin-top:14px}.social{margin-top:14px}
  .about2{grid-template-columns:1fr!important}
  .lb .pv{left:6px}.lb .nx{right:6px}.lb button{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}.hero h1 .ln>span{transform:none}.hero h1 em.hl svg.sq path{stroke-dashoffset:0}}
@media print{.hdr,.mbar,.wafab,.totop,.ftr,.prog{display:none}}