/* Grimberg & Co. – v8 "Apple" theme: light, white / #f5f5f7, near-black type, Apple blue accents.
   Visual layer only. SF Pro on Apple devices, Heebo elsewhere. */
:root{--ink:#ffffff;--char:#f5f5f7;--paper:#f5f5f7;--card:#ffffff;--text:#1d1d1f;--muted:#6e6e73;--head:#1d1d1f;
--gold:#0071e3;--gold-soft:#0066cc;--blue:#0071e3;--blue-h:#0077ed;--link:#0066cc;--line:#d2d2d7;--line-2:#e8e8ed;--wa:#1f8f4e;--r:980px;
--gg:linear-gradient(90deg,#1d1d1f,#1d1d1f);
--serif:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Hebrew","Heebo","Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Hebrew","Heebo","Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;
--ease:cubic-bezier(.28,.11,.32,1);--rr:28px;--shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;font-family:var(--sans);font-weight:400;color:var(--text);background:#fff;line-height:1.6;font-size:17px;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.ar{--serif:-apple-system,BlinkMacSystemFont,"SF Arabic","Noto Sans Arabic","Heebo",sans-serif;--sans:-apple-system,BlinkMacSystemFont,"SF Arabic","Noto Sans Arabic","Heebo",sans-serif}
a{color:var(--link);text-decoration:none;transition:color .2s}
a:hover{text-decoration:underline;text-underline-offset:3px}
b,strong{font-weight:600;color:var(--head)}
img{max-width:100%;display:block}
::selection{background:rgba(0,113,227,.2)}
:focus-visible{outline:2px solid #0071e3;outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.narrow{max-width:840px}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.skip{position:absolute;right:-999px}.skip:focus{right:10px;top:10px;background:#1d1d1f;color:#fff;padding:8px 12px;border-radius:8px;z-index:99}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;color:var(--head);letter-spacing:-.015em}
h2{font-size:clamp(32px,4.2vw,56px);line-height:1.08;margin:0 0 18px;font-weight:700}
h3{font-size:22px;line-height:1.25;margin:28px 0 8px}
em.gold,.hero h1 em,.ai-seal .big em,.statement em,h2 em{font-style:normal;color:#6e6e73}
.kicker{display:block;font-size:17px;font-weight:600;color:#6e6e73;margin:0 0 10px;letter-spacing:0}
.sub{color:var(--muted);margin:0 0 56px;max-width:760px;font-size:clamp(19px,1.7vw,24px);line-height:1.35;font-weight:500;letter-spacing:-.005em}
/* ---------- header: Apple globalnav ---------- */
.top{background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#1d1d1f;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(0,0,0,.08);transition:background .3s}
.top.v8-scrolled{background:rgba(255,255,255,.88)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;max-width:1080px;padding:0 22px}
.brand{color:#1d1d1f;text-decoration:none;line-height:1.2;display:flex;align-items:center;gap:10px;flex:none}
.brand:hover{text-decoration:none}
.brand .mono{width:28px;height:28px;display:grid;place-items:center;font-family:var(--serif);color:#fff;font-size:15px;font-weight:700;background:#1d1d1f;border-radius:8px}
.brand b{font-family:var(--serif);font-weight:600;font-size:14px;display:block;color:#1d1d1f;letter-spacing:-.01em}
.brand small{display:block;font-size:11px;color:#6e6e73;letter-spacing:0}
.menu{display:flex;align-items:center;gap:0}
.menu>a,.menu .dd>a{color:rgba(0,0,0,.8);text-decoration:none;padding:8px 9px;font-size:12.5px;position:relative;white-space:nowrap;letter-spacing:-.01em;transition:color .2s}
.menu>a:hover,.menu .dd>a:hover,.menu a[aria-current=page]{color:#000;text-decoration:none}
.menu a[aria-current=page]{font-weight:600}
.badge{display:inline-block;font-size:10px;background:#0071e3;color:#fff;padding:0 6px;margin-inline-start:6px;vertical-align:1px;border-radius:20px;font-weight:600;line-height:16px}
.dd{position:relative}
.dd>a .car{font-size:9px;margin-inline-start:4px;color:#6e6e73}
.dd-panel{position:absolute;top:100%;right:0;min-width:270px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.12);padding:10px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .25s,transform .25s,visibility .25s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none}
.dd-panel a{display:block;color:#1d1d1f;text-decoration:none;padding:8px 14px;font-size:14px;border-radius:10px}
.dd-panel a:hover{background:#f5f5f7;text-decoration:none}
.top-actions{display:flex;gap:10px;align-items:center}
.pill{color:#fff;background:#0071e3;text-decoration:none;padding:5px 14px;border-radius:980px;font-size:12.5px;white-space:nowrap;transition:background .2s}
.pill:hover{background:#0077ed;text-decoration:none}
.mnav{display:none}
details.mnav,details.mnav:first-of-type{border:0;padding:0}
/* ---------- buttons (Apple pills) ---------- */
.cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:46px;font-weight:500;text-decoration:none;font-size:17px;letter-spacing:-.01em;border:1px solid transparent;border-radius:980px;transition:background .2s,color .2s,border-color .2s}
.btn:hover{text-decoration:none}
.btn svg{width:17px;height:17px;fill:currentColor}
.btn-gold,.btn-call,form button{background:#0071e3;color:#fff}
.btn-gold:hover,.btn-call:hover,form button:hover{background:#0077ed;color:#fff}
.btn-line,.btn-outline,.btn-ink,.btn-navy,.btn-wa,.btn-wa.on-light{background:transparent;border-color:#0071e3;color:#0066cc}
.btn-line:hover,.btn-outline:hover,.btn-ink:hover,.btn-navy:hover,.btn-wa:hover{background:#0071e3;color:#fff}
.btn-wa svg{fill:currentColor}
.more{font-weight:400;color:var(--link);text-decoration:none;font-size:17px}
.more:hover{text-decoration:underline}
/* ---------- sections ---------- */
section{padding:clamp(80px,10vw,140px) 0;position:relative;background:#fff}
section>.wrap{position:relative}
.paper{background:#f5f5f7}
.dark{background:#f5f5f7;color:#1d1d1f}
.dark p{color:#1d1d1f}
.divider{display:none}
main section>.wrap>.kicker,main section>.wrap>h2,main section>.wrap>.sub{text-align:center;margin-inline:auto}
/* ---------- hero (centered, huge type) ---------- */
.hero,.newband{padding:0}
.hero{background:#fff;color:#1d1d1f;position:relative;overflow:hidden;isolation:isolate}
.hero .wrap{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:64px;padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(72px,9vw,130px)}
.hero .wrap>div{max-width:1000px;display:flex;flex-direction:column;align-items:center}
.hero h1{color:#1d1d1f;font-size:clamp(44px,6vw,84px);line-height:1.05;letter-spacing:-.015em;font-weight:700;margin:0 0 22px}
.hero.cinematic h1 em{background:linear-gradient(90deg,#1d1d1f 0%,#0058b9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[dir=rtl] .hero.cinematic h1 em,html[dir=rtl] .hero.cinematic h1 em{background:linear-gradient(270deg,#1d1d1f 0%,#0058b9 100%);-webkit-background-clip:text;background-clip:text}
.hero .lead{font-size:clamp(19px,1.8vw,24px);line-height:1.4;color:#6e6e73;margin:0 0 34px;max-width:760px;font-weight:500;letter-spacing:-.005em}
.hero .kicker{color:#6e6e73;font-size:17px;font-weight:600;margin-bottom:14px}
.hero .cta{justify-content:center}
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:56px;border-top:0}
.facts div{padding:0 26px;font-size:14px;color:#6e6e73;border-inline-start:1px solid #d2d2d7;line-height:1.5}
.facts div:first-child{border-inline-start:0}
.facts b{display:block;font-weight:600;font-size:21px;color:#1d1d1f;letter-spacing:-.01em;margin-bottom:2px}
.portrait{position:relative;justify-self:center;max-width:460px;width:100%;margin:0}
.portrait img{position:relative;width:100%;height:auto;border-radius:var(--rr);display:block}
.hero .portrait img{transform:scale(var(--ps,1));transform-origin:50% 0;transition:transform .1s linear;box-shadow:0 30px 80px -30px rgba(0,0,0,.35)}
.portrait figcaption{margin-top:16px;font-size:14px;color:#6e6e73;text-align:center}
.hero.simple .wrap{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.hero.simple h1{font-size:clamp(36px,4.8vw,64px);max-width:980px}
.hero.simple{background:#fff;border-bottom:1px solid #e8e8ed}
.crumbs{font-size:13px;color:#6e6e73;margin-bottom:18px}.crumbs a{color:#424245}.crumbs a:hover{color:#0066cc}
/* ---------- new band ---------- */
.newband{background:#f5f5f7;border:0}
.newband .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding-top:26px;padding-bottom:26px}
.newtag{color:#b64400;font-size:14px;font-weight:600;white-space:nowrap}
.newband h2{font-size:21px;font-weight:600;margin:0 0 4px;line-height:1.3;letter-spacing:-.01em}
.newband p{margin:0;color:#6e6e73;font-size:15px}
/* ---------- product-tile grid ---------- */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.area,.card,.panel,.member{background:#f5f5f7;border:0;border-radius:var(--rr);position:relative}
.paper .area,.paper .card,.paper .panel,.paper .member,.dark .card,.dark .panel{background:#fff}
.area{padding:44px 30px 36px;display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.area:hover,.card:hover,.member:hover,.branch:hover{transform:scale(1.015);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.area .num{position:absolute;top:30px;left:28px;color:#6e6e73;font-size:13px;font-weight:500}
.area h3{font-size:28px;font-weight:700;margin:6px 0 16px;letter-spacing:-.015em}
.area ul{list-style:none;margin:0 0 26px;padding:0;flex:1}
.area li{padding:8px 0;border-bottom:1px solid #e0e0e5;font-size:15px}
.area li:last-child{border-bottom:0}
.area li a{text-decoration:none;color:#1d1d1f;display:flex;justify-content:space-between}
.area li a:after{content:"";width:7px;height:7px;border-inline-start:1.5px solid #0071e3;border-bottom:1.5px solid #0071e3;transform:translateY(8px) rotate(45deg);opacity:0;transition:opacity .2s}
body.ar .area li a:after{transform:translateY(8px) rotate(-135deg)}
.area li a:hover{color:#0066cc;text-decoration:none}.area li a:hover:after{opacity:1}
.card{padding:32px}.panel{padding:44px}
.icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border-radius:12px;background:#fff}
.paper .icon,.dark .icon{background:#f5f5f7}
.icon svg{width:26px;height:26px;fill:none;stroke:#0071e3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why div{padding:28px 24px;background:#f5f5f7;border-radius:22px}
.paper .why div{background:#fff}
.why b{display:block;font-weight:600;font-size:21px;margin-bottom:4px;color:#1d1d1f;letter-spacing:-.01em}
.why span{color:#6e6e73;font-size:15px}
.why.col{grid-template-columns:1fr 1fr}
.checks{list-style:none;padding:0;margin:22px 0}.checks li{padding:8px 32px 8px 0;position:relative}
.checks li:before{content:"";position:absolute;right:4px;top:15px;width:12px;height:6px;border-left:2px solid #0071e3;border-bottom:2px solid #0071e3;transform:rotate(-45deg)}
/* editorial split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
blockquote.note{font-size:24px;line-height:1.45;color:#1d1d1f;font-weight:600;margin:0 0 24px;padding-inline-start:22px;border-inline-start:3px solid #0071e3}
.note{font-size:14px;color:#6e6e73}
/* team */
.team{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.member{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px;align-items:center;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.member img{width:150px;height:188px;object-fit:cover;object-position:50% 18%;border-radius:16px}
.member h3{margin:0 0 2px;font-size:22px}.member .role{color:#6e6e73;font-size:14px;margin:0 0 10px}.member p{margin:0 0 12px;font-size:15px}
.prose .team{grid-template-columns:1fr}
/* article */
.layout{display:grid;grid-template-columns:1fr 310px;gap:64px;align-items:start}
.prose{max-width:760px}
.prose h2{font-size:clamp(28px,3vw,40px);margin:64px 0 16px;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:#1d1d1f;font-size:17px;line-height:1.65}
.prose ul,.prose ol{padding-inline-start:22px}
.prose li{margin:7px 0}
.prose li::marker{color:#6e6e73}
.callout{background:#f5f5f7;border:0;border-radius:18px;padding:20px 24px;margin:28px 0;color:#1d1d1f;font-size:16px}
.keyfacts{background:#f5f5f7;border:0;border-radius:22px;padding:28px 30px;margin:0 0 36px}
.keyfacts h3{margin:0 0 12px;font-size:21px}
.keyfacts dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.keyfacts dt{color:#1d1d1f;font-weight:600;white-space:nowrap}.keyfacts dd{margin:0;color:#424245}
.toc{position:sticky;top:84px}
.toc .box{background:#f5f5f7;border:0;border-radius:22px;padding:24px}
.toc b{font-weight:600;font-size:17px}
.toc ol{margin:10px 0 0;padding-inline-start:18px;font-size:14.5px}
.toc li{margin:6px 0}.toc li::marker{color:#6e6e73}
.toc a{text-decoration:none;color:#1d1d1f}.toc a:hover{color:#0066cc}
.side-cta{background:#1d1d1f;border:0;border-radius:22px;color:#f5f5f7;padding:26px;margin-top:16px;overflow:hidden}
.side-cta img{margin:-26px -26px 18px;width:calc(100% + 52px);max-width:none}
.side-cta b{font-weight:600;font-size:19px;color:#fff}
.side-cta p{color:#a1a1a6;margin:6px 0 16px;font-size:15px}
.side-cta .btn{width:100%;margin-top:10px}
.side-cta .btn-wa,.side-cta .btn-line{border-color:#2997ff;color:#2997ff}.side-cta .btn-wa:hover,.side-cta .btn-line:hover{background:#2997ff;color:#000}
.related{margin-top:16px;border:0;background:#f5f5f7;border-radius:22px;padding:22px 24px}
.related a{display:block;padding:8px 0;border-bottom:1px solid #e0e0e5;text-decoration:none;font-size:15px;color:#1d1d1f}
.related a:last-child{border-bottom:0}.related a:hover{color:#0066cc}
/* faq */
details{border-bottom:1px solid #d2d2d7;padding:22px 0}
details:first-of-type{border-top:1px solid #d2d2d7}
summary{cursor:pointer;font-weight:600;color:#1d1d1f;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:20px;letter-spacing:-.01em}
summary:hover{color:#0066cc}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:#6e6e73;font-weight:300;font-size:26px;line-height:1;transition:transform .3s var(--ease)}
details[open] summary:after{transform:rotate(45deg)}
details p{margin:12px 0 0;color:#424245;max-width:780px}
/* AI & Arabic bands (light) */
.arband .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.ar-text{font-family:var(--sans)}
.ai-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ai-list li{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:#fff;border-radius:22px;padding:26px 24px}
.ai-list .icon{margin:0 0 6px;flex:none;background:#f5f5f7}
.ai-list b{display:block;font-weight:600;font-size:19px;color:#1d1d1f;margin-bottom:4px}
.ai-list span{color:#6e6e73;font-size:15px;line-height:1.55}
.ai-seal{padding:0;position:relative;background:none;border:0}
.ai-seal .big{font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:700;color:#1d1d1f;margin:0 0 18px;letter-spacing:-.015em}
.ai-seal .big em{color:#0066cc}
.ai-seal p:not(.big):not(.kicker){color:#6e6e73;font-size:19px;line-height:1.5}
.statement{font-size:clamp(28px,3.6vw,48px);line-height:1.2;font-weight:700;letter-spacing:-.015em;color:#1d1d1f;max-width:960px;margin:0 auto;text-align:center}
.tt{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:0;border-radius:var(--rr);background:#fff;padding:36px 40px}
.tt .h{font-size:28px;font-weight:700;direction:ltr;display:inline-block;color:#1d1d1f;letter-spacing:-.01em}
.tt p{margin:4px 0 0;color:#6e6e73}
/* contact */
.info-row{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #e0e0e5}
.info-row:last-child{border-bottom:0}
.info-row b{min-width:110px;color:#1d1d1f;font-weight:600}
form label{display:block;font-size:14px;color:#6e6e73;margin:16px 0 6px}
form input,form textarea,form select{width:100%;padding:13px 16px;border:1px solid #d2d2d7;border-radius:12px;font:inherit;color:#1d1d1f;background:#fff;transition:border-color .2s,box-shadow .2s}
form select option{background:#fff}
form input:focus,form textarea:focus,form select:focus{outline:0;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.18)}
form textarea{min-height:110px;resize:vertical}
form button{margin-top:24px;border:0;padding:13px 30px;font:inherit;font-weight:500;cursor:pointer;border-radius:980px;transition:background .2s}
.check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#6e6e73;margin-top:16px}.check input{width:auto;margin-top:7px}
.small{font-size:13.5px;color:#6e6e73;margin-top:12px}
/* footer – Apple style */
footer{background:#f5f5f7;color:#6e6e73;padding:40px 0 60px;font-size:12.5px;line-height:1.5;border-top:0;position:relative}
footer .wrap{max-width:1000px}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
footer h4{font-weight:600;margin:0 0 10px;font-size:12.5px;color:#1d1d1f;letter-spacing:0}
footer a{color:#424245;text-decoration:none}footer a:hover{color:#1d1d1f;text-decoration:underline}
footer p{margin:0 0 8px}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:0 0 8px}
footer .legal{border-top:1px solid #d2d2d7;margin-top:30px;padding-top:16px;font-size:12px;color:#6e6e73}
/* floating buttons – white circles */
.float-wa,.float-tel{position:fixed;left:22px;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.08);z-index:44;transition:transform .3s var(--ease),box-shadow .3s}
.float-wa{bottom:22px}.float-tel{bottom:86px}
.float-wa:hover,.float-tel:hover{transform:scale(1.06);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.float-wa svg{width:26px;height:26px;fill:#1f8f4e}
.float-tel svg{width:22px;height:22px;fill:#0071e3}
.mbar{display:none}
/* images */
.wide-photo{margin:30px 0;position:relative}
.wide-photo img{width:100%;height:auto;border-radius:var(--rr);border:0}
.wide-photo.tall{max-width:520px}
.wide-photo figcaption{margin-top:14px;font-size:14px;color:#6e6e73}
.v8-zoom{overflow:hidden;border-radius:var(--rr)}
.v8-zoom img{transform:scale(var(--z,1));transition:transform .1s linear;will-change:transform}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 8px}
.gcard{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:22px;text-decoration:none;background:#000}
.gcard:hover{text-decoration:none}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gcard:hover img{transform:scale(1.04)}
.gcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.75));pointer-events:none}
.gcap{position:absolute;right:0;left:0;bottom:0;padding:18px 20px;z-index:2}
.gcap b{display:block;font-size:19px;color:#fff}
.gcap small{color:#e8e8ed;font-size:13.5px}
/* ---------- podcast: the one dark "product tile" section ---------- */
.podband{background:#000;color:#f5f5f7;border:0}
.podband h2,.podband h3,.podband b{color:#f5f5f7}
.podband .kicker{color:#a1a1a6}
.podband h2 em,.podband em.gold{color:#a1a1a6}
.podband .lead,.podband p{color:#a1a1a6}
.podband a:not(.btn):not(.ep){color:#2997ff}
.podband .btn-line,.podband .btn-wa{border-color:#2997ff;color:#2997ff}.podband .btn-line:hover,.podband .btn-wa:hover{background:#2997ff;color:#000}
.pod-head{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.pod-photo{margin:0;position:relative;max-width:400px;justify-self:center;width:100%}
.pod-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;border-radius:var(--rr);height:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}
.chips span{border:0;color:#1d1d1f;padding:6px 14px;font-size:14px;background:#f5f5f7;border-radius:980px}
.podband .chips span{background:#1d1d1f;color:#f5f5f7}
.eps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.ep{position:relative;display:flex;flex-direction:column;padding:28px 24px 22px;background:#1d1d1f;border:0;border-radius:24px;text-decoration:none;color:#a1a1a6;transition:transform .5s var(--ease),background .3s;overflow:hidden}
.ep:hover{transform:scale(1.02);background:#272729;text-decoration:none}
.ep-n{font-size:44px;line-height:1;font-weight:700;color:#f5f5f7;margin-bottom:14px;letter-spacing:-.02em}
.ep-play{position:absolute;top:26px;left:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f5f5f7;color:#000;font-size:12px;padding-left:2px}
.ep h3{color:#f5f5f7;font-size:21px;margin:0 0 8px}.ep p{font-size:15px;margin:0 0 16px;flex:1;color:#a1a1a6}
.ep-meta{font-size:13px;color:#a1a1a6;border-top:1px solid #424245;padding-top:12px}
.topics{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.topics li{display:flex;flex-direction:column;padding:18px 22px;border:0;border-radius:18px;background:#fff}
.topics b{font-size:19px;font-weight:600;color:#1d1d1f}.topics span{font-size:15px;color:#6e6e73}
.team3{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.team3 .member{grid-template-columns:1fr;align-items:start;padding:0 0 24px;background:#f5f5f7}
.team3 .member img{width:100%;height:auto;aspect-ratio:4/5;border-radius:0}
.team3 .member>div{padding:4px 24px 0}
.branches{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.branch{padding:32px;border:0;border-radius:var(--rr);background:#f5f5f7;position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.paper .branch{background:#fff}
.branch h3{margin:4px 0 10px;font-size:24px}.branch p{margin:0 0 18px}
.menu>a:has(.badge){display:none}
/* ---------- reveal (fade + slight rise) ---------- */
html.v6-anim .v8-r{opacity:0;transform:translate3d(0,28px,0);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
html.v6-anim .v8-r.v8-in{opacity:1;transform:none}
html.v6-anim .v8-r.v8-in.v8-done{transition:transform .5s var(--ease),box-shadow .5s var(--ease),opacity .3s}
/* ---------- responsive ---------- */
@media (max-width:1240px){.menu>a,.menu .dd>a{padding:8px 6px;font-size:12px}.brand small{display:none}}
@media (max-width:1300px) and (min-width:1121px){.top-actions .pill{display:none}}
@media (max-width:1120px){
  .menu{display:none}
  .mnav{display:block;position:relative}
  .mnav summary{font-size:14px;font-weight:500;color:#1d1d1f;border:0;padding:6px 4px;display:block;background:none}
  .mnav summary:after{content:none}
  .mnav[open] summary{color:#0071e3}
  /* full-screen white panel. Explicit height: the header's backdrop-filter is the fixed panel's containing block */
  .mnav .panel-m{position:fixed;top:56px;right:0;left:0;bottom:auto;height:calc(100vh - 56px);height:calc(100dvh - 56px);background:#fff;padding:18px 40px 60px;overflow:auto;overscroll-behavior:contain}
  .mnav .panel-m a{display:block;color:#1d1d1f;text-decoration:none;padding:8px 0;font-size:26px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
  .mnav .panel-m a.subl{padding:5px 0;padding-inline-start:0;font-size:16px;font-weight:500;color:#6e6e73;letter-spacing:0}
  .mnav .panel-m a:hover{color:#0066cc}
  .mnav details{border:0;padding:0}
  .brand small{display:block}
  .layout,.arband .wrap,.g2,.split,.team,.pod-head{grid-template-columns:1fr}
  .g3,.g4,.why,.eps,.team3{grid-template-columns:1fr 1fr}
  .toc{position:static}
  .newband .wrap{grid-template-columns:1fr;gap:14px}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  body{font-size:17px}
  .wrap{padding:0 22px}
  .top .wrap{height:52px;padding:0 18px}
  .mnav .panel-m{top:52px;height:calc(100vh - 52px);height:calc(100dvh - 52px);padding:14px 28px 90px}
  .mnav .panel-m a{font-size:24px}
  .brand .mono,.brand small,.pill{display:none}
  .brand b{font-size:15px}
  .hero .wrap{gap:44px}
  .hero h1{font-size:40px;line-height:1.08}.hero.simple h1{font-size:34px}
  .hero .lead{font-size:19px}
  .btn{width:100%}
  .hero .cta{width:100%}
  section{padding:72px 0}
  h2{font-size:32px}
  .g3,.g4,.why,.why.col,.eps,.team3,.branches,.ai-list{grid-template-columns:1fr}
  .facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;margin-top:40px}
  .facts div{padding:0 12px}
  .facts div:nth-child(odd){border-inline-start:0}
  .area{padding:36px 24px 28px}.panel{padding:28px 22px}
  .member{grid-template-columns:96px 1fr;gap:16px;padding:16px}.member img{width:96px;height:120px}
  .team3 .member{grid-template-columns:1fr;padding:0 0 22px}.team3 .member img{width:100%;height:auto;aspect-ratio:1/1;object-position:50% 15%}
  .portrait{max-width:330px;margin-inline:auto}
  .pod-photo{max-width:320px}
  .tt{padding:28px 24px}
  footer .cols{grid-template-columns:1fr}
  footer{padding-bottom:110px}
  .gallery{grid-template-columns:1fr 1fr}.gallery .gcard:first-child{grid-column:1/-1;aspect-ratio:1/1}
  .float-tel,.float-wa{display:none!important}
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;right:0;left:0;z-index:39;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid rgba(0,0,0,.08)}
  .mbar a{color:#1d1d1f;text-decoration:none;text-align:center;padding:11px 0;font-size:16px;font-weight:500;display:flex;gap:8px;justify-content:center;align-items:center;border-radius:980px;background:#f5f5f7}
  .mbar a:first-child{background:#0071e3;color:#fff}.mbar a:first-child svg{fill:#fff}
  .mbar a svg{width:17px;height:17px;fill:#1f8f4e}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important}
  .v8-r{opacity:1!important;transform:none!important}
  .hero .portrait img,.v8-zoom img{transform:none!important}
}
/* home rhythm: keep white / #f5f5f7 alternating */
.dark.ai{background:#fff}
.dark.ai .ai-list li{background:#f5f5f7}
.dark.ai .ai-list .icon{background:#fff}
.dark.ai+section{background:#f5f5f7}
.dark.ai+section .member{background:#fff}
.dark.ai+section+.paper{background:#fff}
.toc .side-cta .btn-gold,.side-cta .btn-gold{color:#fff}