/* Cool Rabbit v7 — inner pages (services, events, blog, articles, about) · AD700 2026 */
.v7i main#top{display:block}
.v7i .hero-page{min-height:86vh;min-height:86svh}
.v7i .hero-page .hero-m img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.06) brightness(.6)}
.v7i .hero-page .hero-sh{background:linear-gradient(90deg,rgba(6,6,7,.86) 0,rgba(6,6,7,.45) 55%,rgba(6,6,7,.2)),linear-gradient(180deg,rgba(6,6,7,.5) 0,transparent 30%,transparent 50%,#060607 100%)}
.v7i .hx-s{font-size:clamp(52px,min(8.6vw,13vh),150px);line-height:.84;max-width:16ch}
.v7i .hx-m{font-size:clamp(60px,min(11vw,16vh),190px)}
.v7i .lead{max-width:640px;font-size:clamp(16px,1.3vw,19px);color:rgba(243,240,232,.78);margin:0 0 30px}
.v7i .acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.v7i .crumbs{margin-bottom:22px}
.v7i .crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.v7i .crumbs li+li::before{content:"/";margin-right:6px;color:rgba(243,240,232,.25)}
.v7i .crumbs a:hover{color:var(--lime)}
.v7i .crumbs [aria-current]{color:var(--mut)}
.v7i .chipset{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.v7i .chipset span{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* generic blocks */
.v7i .blk{position:relative;padding:clamp(90px,10vw,150px) 0}
.v7i .blk-d{background:#0a0a0c;border-top:1px solid var(--line)}
.v7i .blk-l{background:var(--ink);color:#0b0b0d}
.v7i .blk-l .k{color:#0b0b0d}.v7i .blk-l .k::before{background:var(--pink);box-shadow:none}
.v7i .blk-l .big i,.v7i .blk-l .big em{color:var(--pink)}
.v7i .bh{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,70px)}
.v7i .bh .big{font-size:clamp(44px,6vw,104px)}
.v7i .bh p{color:var(--mut);max-width:440px}
.v7i .blk-l .bh p{color:rgba(11,11,13,.68)}

/* feature cards */
.v7i .fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.v7i .fc{position:relative;min-height:220px;padding:26px;border-radius:24px;background:#111114;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),border-color .4s,color .4s}
.v7i .fc::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lime);transform:translateY(101%);transition:transform .6s var(--ease)}
.v7i .fc:hover{transform:translateY(-6px);color:#000;border-color:var(--lime)}
.v7i .fc:hover::before{transform:none}
.v7i .fc b{font:900 64px/.8 var(--cond);color:transparent;-webkit-text-stroke:1.5px rgba(243,240,232,.5);transition:-webkit-text-stroke-color .4s}
.v7i .fc:hover b{-webkit-text-stroke-color:rgba(0,0,0,.55)}
.v7i .fc h3{font:800 clamp(24px,2vw,30px)/1 var(--cond);text-transform:uppercase;margin-top:30px}
.v7i .fc p{font-size:14px;opacity:.72;margin-top:10px;line-height:1.5}
.v7i .blk-l .fc{background:#fff;border-color:rgba(11,11,13,.08)}
.v7i .blk-l .fc b{-webkit-text-stroke-color:rgba(11,11,13,.35)}

/* image cards (hub, related, archive) */
.v7i .ig{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.v7i .ic{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:380px;border-radius:26px;overflow:hidden;isolation:isolate;background:#111}
.v7i .ic figure{position:absolute;inset:0;z-index:-2}
.v7i .ic figure img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.05);transform:scale(1.04);transition:transform 1.2s var(--ease),filter .6s}
.v7i .ic:hover figure img{transform:scale(1.12);filter:brightness(.9) saturate(1.3)}
.v7i .ic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.88))}
.v7i .ic .sv-glow{z-index:-1}
.v7i .ic:hover .sv-glow{opacity:1}
.v7i .ic-b{padding:26px}
.v7i .ic-n{position:absolute;top:20px;left:24px;font:900 58px/.8 var(--cond);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7)}
.v7i .ic h3{font:900 clamp(28px,2.4vw,38px)/.92 var(--cond);text-transform:uppercase;margin-bottom:10px}
.v7i .ic p{font-size:14px;color:rgba(243,240,232,.75);line-height:1.5}
.v7i .ic .sv-go{margin-top:16px}

/* rails */
.v7i .rail{overflow-x:auto;scrollbar-width:none;cursor:grab;padding:10px 0 30px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.v7i .rail::-webkit-scrollbar{display:none}
.v7i .rail.drag{cursor:grabbing;scroll-snap-type:none}
.v7i .rail.drag a{pointer-events:none}
.v7i .rail-t{display:flex;gap:14px;padding:0 var(--pad);width:max-content}
.v7i .rail figure{flex:none;height:clamp(260px,42vh,460px);border-radius:22px;overflow:hidden;scroll-snap-align:center;background:#111}
.v7i .rail figure img{height:100%;width:auto;max-width:none;object-fit:cover;user-select:none;-webkit-user-drag:none}

/* steps with 3 items */
.v7i .pr-steps.s3{grid-template-columns:repeat(3,1fr);margin-top:0;padding:0}
.v7i .pr-steps.s3::before,.v7i .pr-steps.s3::after{left:0;right:0}
.v7i .pr-steps.s3 li{padding-right:30px}
.v7i .pr-steps.s3 span{font-size:15px}

/* related chips */
.v7i .rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.v7i .rel a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;border-radius:18px;border:1px solid rgba(11,11,13,.14);background:#fff;font:800 22px/1.05 var(--cond);text-transform:uppercase;transition:background .35s,color .35s,transform .5s var(--ease)}
.v7i .rel a:hover{background:#0b0b0d;color:var(--lime);transform:translateY(-4px)}
.v7i .rel a .ar{width:22px;height:22px}

/* inline brief */
.v7i .ib{position:relative;padding:clamp(100px,11vw,160px) 0;overflow:hidden;isolation:isolate;background:#060607;border-top:1px solid var(--line)}
.v7i .ib-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start}
.v7i .ib-h{position:sticky;top:110px}
.v7i .ib-h .big{font-size:clamp(50px,6vw,104px);margin-bottom:22px}
.v7i .ib-h p:not(.k){color:var(--mut);margin-bottom:26px;max-width:420px}

/* CTA band */
.v7i .band{position:relative;padding:clamp(80px,9vw,130px) 0;background:var(--lime);color:#000;overflow:hidden}
.v7i .band .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.v7i .band h2{font:900 clamp(56px,8vw,140px)/.84 var(--cond);text-transform:uppercase}
.v7i .band h2 em,.v7i .band h2 i{font-style:italic}
.v7i .band .k{color:#000}.v7i .band .k::before{background:#000;box-shadow:none}
.v7i .band .btn{background:#000;color:var(--lime)}
.v7i .band .btn::before{background:var(--pink)}
.v7i .band .btn:hover{color:#fff}
.v7i .band-w{position:absolute;right:-2vw;bottom:-4vw;font:900 22vw/.8 var(--cond);color:transparent;-webkit-text-stroke:2px rgba(0,0,0,.08);pointer-events:none;white-space:nowrap}

/* event page */
.v7i .ev-hero{min-height:92vh;min-height:92svh}
.v7i .ev-hero .hero-m img{width:100%;height:100%;object-fit:cover;filter:blur(36px) saturate(1.4) brightness(.5);transform:scale(1.2)}
.v7i .ev-hg{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,90px);align-items:end}
.v7i .ev-poster{position:relative;justify-self:end;width:min(420px,100%);border-radius:24px;overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12);transform:perspective(900px) rotateY(-8deg) rotateX(4deg);transition:transform .5s var(--ease)}
.v7i .ev-poster img{width:100%;height:auto}
.v7i .ev-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.12);margin-bottom:20px}
.v7i .ev-badge.up{background:var(--lime);color:#000}
.v7i .ev-badge.up i{width:8px;height:8px;border-radius:50%;background:#ff2d55;animation:rec 1.6s infinite}
.v7i .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v7i .facts>div{padding:28px 24px 28px 0;border-right:1px solid var(--line)}
.v7i .facts>div+div{padding-left:24px}
.v7i .facts>div:last-child{border-right:0}
.v7i .facts span{display:block;font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.v7i .facts strong{font:800 clamp(22px,2vw,32px)/1.05 var(--cond);text-transform:uppercase}
.v7i .facts a{display:inline-block;margin-top:8px;font:500 11px var(--mono);color:var(--lime);letter-spacing:.1em;text-transform:uppercase}
.v7i .cd{display:flex;gap:10px;margin-top:6px}
.v7i .cd b{font:900 46px/.9 var(--cond);color:var(--lime)}
.v7i .story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,90px)}
.v7i .story .big{font-size:clamp(44px,5vw,88px)}
.v7i .story-c p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:rgba(243,240,232,.82);margin-bottom:20px}
.v7i .story-c p:first-child::first-letter{float:left;font:900 5.2em/.78 var(--cond);color:var(--lime);margin:.06em .1em 0 0}
.v7i .people{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.v7i .tags{display:flex;flex-wrap:wrap;gap:8px}
.v7i .tags span,.v7i .tags a{padding:11px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:.3s}
.v7i .tags a:hover{background:var(--lime);color:#000;border-color:var(--lime)}

/* archive */
.v7i .evg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,2vw,26px)}
.v7i .evg .ev{width:auto}
.v7i .evg .ev p.ev-x{margin-top:8px;font-size:13px;color:var(--mut);line-height:1.5}

/* blog */
.v7i .jh{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.v7i .jc{position:relative;height:clamp(320px,46vh,480px)}
.v7i .jc figure{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.v7i .jc figure img{width:100%;height:100%;object-fit:cover}
.v7i .jc .c1{width:62%;height:70%;right:0;top:0;transform:rotate(3deg)}
.v7i .jc .c2{width:48%;height:52%;left:0;bottom:0;transform:rotate(-4deg)}
.v7i .jc .c3{width:36%;height:38%;right:12%;bottom:-4%;transform:rotate(6deg)}
.v7i .jstats{display:flex;gap:30px;margin-top:30px;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.v7i .jstats b{display:block;font:900 48px/.9 var(--cond);color:var(--ink);letter-spacing:0}
.v7i .jf{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:40px}
.v7i .jf button{padding:10px 16px;border-radius:999px;border:1px solid rgba(11,11,13,.16);font:500 12px var(--mono);letter-spacing:.06em;transition:.3s}
.v7i .jf button.on,.v7i .jf button:hover{background:#0b0b0d;color:var(--lime);border-color:#0b0b0d}
.v7i .jg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v7i .jcard{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(11,11,13,.08);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.v7i .jcard:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.v7i .jcard.big{grid-column:span 2;flex-direction:row}
.v7i .jcard figure{position:relative;aspect-ratio:16/10;overflow:hidden}
.v7i .jcard.big figure{flex:1.2;aspect-ratio:auto;min-height:340px}
.v7i .jcard figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.v7i .jcard:hover figure img{transform:scale(1.07)}
.v7i .jcard figure span{position:absolute;top:14px;left:14px;padding:7px 11px;border-radius:999px;background:var(--acc,#d8ff28);color:#000;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.v7i .jcard .jb{flex:1;padding:24px;display:flex;flex-direction:column;gap:10px}
.v7i .jcard time{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(11,11,13,.5)}
.v7i .jcard h3{font:900 clamp(26px,2.1vw,34px)/.95 var(--cond);text-transform:uppercase}
.v7i .jcard.big h3{font-size:clamp(34px,3.4vw,56px)}
.v7i .jcard p{font-size:14px;color:rgba(11,11,13,.68);line-height:1.55}
.v7i .jcard .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.v7i .jcard[hidden]{display:none}

/* article */
.v7i .art-hero{min-height:80vh;min-height:80svh}
.v7i .art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:22px}
.v7i .art-meta span::before{content:"●";color:var(--lime);margin-right:8px;font-size:8px;vertical-align:middle}
.v7i .art{background:var(--ink);color:#141416;padding:clamp(70px,8vw,120px) 0}
.v7i .art-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(30px,5vw,80px);align-items:start}
.v7i .prose{font:400 clamp(17px,1.25vw,19px)/1.75 var(--sans);max-width:760px}
.v7i .prose>*:first-child{margin-top:0}
.v7i .prose p{margin:0 0 1.2em}
.v7i .prose h2{font:900 clamp(34px,3.2vw,52px)/.95 var(--cond);text-transform:uppercase;margin:1.6em 0 .55em;color:#0b0b0d}
.v7i .prose h3{font:800 clamp(24px,2vw,32px)/1 var(--cond);text-transform:uppercase;margin:1.4em 0 .5em}
.v7i .prose h4{font:700 18px/1.3 var(--sans);margin:1.2em 0 .4em}
.v7i .prose a{color:#0b0b0d;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:3px}
.v7i .prose a:hover{background:var(--lime)}
.v7i .prose ul,.v7i .prose ol{margin:0 0 1.3em;padding-left:1.2em;list-style:revert}
.v7i .prose li{margin:.35em 0}
.v7i .prose li::marker{color:var(--pink)}
.v7i .prose img{border-radius:18px;margin:1.6em 0;height:auto}
.v7i .prose blockquote{margin:1.6em 0;padding:8px 0 8px 24px;border-left:4px solid var(--lime);font:800 clamp(24px,2vw,30px)/1.15 var(--cond);text-transform:uppercase}
.v7i .prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px}
.v7i .prose th,.v7i .prose td{padding:12px;border-bottom:1px solid rgba(11,11,13,.12);text-align:left}
.v7i .prose th{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.v7i .prose strong{color:#0b0b0d}
.v7i .aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px}
.v7i .aside-c{padding:28px;border-radius:24px;background:#0b0b0d;color:var(--ink)}
.v7i .aside-c h2{font:900 34px/.92 var(--cond);text-transform:uppercase;margin:6px 0 14px}
.v7i .aside-c p{font-size:14px;color:var(--mut);margin-bottom:20px}
.v7i .aside-l{padding:22px 24px;border-radius:24px;background:#fff;display:flex;flex-direction:column;gap:10px}
.v7i .aside-l a{display:flex;justify-content:space-between;font:800 20px var(--cond);text-transform:uppercase;padding:6px 0;border-bottom:1px solid rgba(11,11,13,.08)}
.v7i .aside-l a:hover{color:var(--pink)}
.v7i .aside .k{margin-bottom:10px}
.v7i .crp-ad{margin:2em 0;padding:14px;border-radius:16px;background:rgba(11,11,13,.04);text-align:center}
.v7i .crp-ad small{display:block;font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(11,11,13,.4);margin-bottom:8px}
.v7i .art .google-auto-placed{margin:2em 0!important}

/* about */
.v7i .ab-p{font:500 clamp(24px,2.6vw,42px)/1.25 var(--sans);letter-spacing:-.02em;max-width:1100px}

/* responsive */
@media (max-width:1100px){
 .v7i .jg{grid-template-columns:1fr 1fr}
 .v7i .art-g{grid-template-columns:1fr}
 .v7i .aside{position:static}
}
@media (max-width:900px){
 .v7i .hero-page{min-height:auto;padding-top:calc(var(--nav) + 70px)}
 .v7i .hx-s{font-size:clamp(44px,12.5vw,84px)}
 .v7i .bh,.v7i .ib-g,.v7i .ev-hg,.v7i .story,.v7i .people,.v7i .jh{grid-template-columns:1fr}
 .v7i .ib-h{position:static}
 .v7i .ev-poster{justify-self:start;width:min(320px,80%);transform:rotate(-2deg)}
 .v7i .pr-steps.s3{grid-template-columns:1fr;padding-left:30px}
 .v7i .pr-steps.s3::before,.v7i .pr-steps.s3::after{left:7px;right:auto}
 .v7i .facts{grid-template-columns:1fr 1fr}
 .v7i .facts>div,.v7i .facts>div+div{padding:20px 12px 20px 0;border-right:0;border-bottom:1px solid var(--line)}
 .v7i .ic{min-height:320px}
 .v7i .jg{grid-template-columns:1fr}
 .v7i .jcard.big{grid-column:auto;flex-direction:column}
 .v7i .jcard.big figure{min-height:0;aspect-ratio:16/10}
 .v7i .jc{height:300px}
 .v7i .band .wrap{flex-direction:column;align-items:flex-start}
 .v7i .acts .btn{flex:1 1 auto;justify-content:space-between}
}