/* HOME — "Editorial chapters": each chapter gets its own paper/ink, oversized folios, contour and seal ornaments */
.rd-index .story{background:#F6F1E7;overflow:hidden}
.rd-index .story::before{content:"01";position:absolute;right:2vw;top:30px;font:800 clamp(140px,20vw,320px)/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(43,69,230,.14);pointer-events:none}
.rd-index .story .big::first-letter{float:left;font:800 88px/.8 var(--display);color:var(--cobalt);margin:6px 12px 0 0}
.rd-index .story .stat{border-radius:22px;background:#fff;box-shadow:0 20px 40px -26px rgba(11,18,48,.5);padding:26px}
.rd-index .story .stat:nth-child(2){background:var(--volt)}.rd-index .story .stat:nth-child(3){background:var(--night);color:#fff}.rd-index .story .stat:nth-child(3) .lab{color:#C9CEE6}.rd-index .story .stat:nth-child(4){background:var(--cobalt);color:#fff}.rd-index .story .stat:nth-child(4) .lab{color:#DCE2FF}
.rd-index .ix-seal{right:4vw;top:-70px;width:150px;height:150px;z-index:3}
.rd-index .ix-seal text{font:700 11.5px var(--mono);letter-spacing:.32em;fill:var(--night);text-transform:uppercase}

.rd-index .work::before{content:"02";position:absolute;left:2vw;top:20px;font:800 clamp(140px,20vw,320px)/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.08);pointer-events:none}
.rd-index .book{background:linear-gradient(180deg,#FFF7E6,#F8E7C6)}
.rd-index .book .idea{border-radius:20px;box-shadow:0 18px 34px -26px rgba(90,60,10,.6)}
.rd-index .writing{background:#FBFAF6;background-image:linear-gradient(90deg,transparent 49.9%,rgba(11,18,48,.06) 50%,transparent 50.1%);}
.rd-index .writing .essay{border-top:3px solid var(--night);border-radius:0;background:transparent;box-shadow:none}
.rd-index .writing .essay h3{font-family:'Fraunces',serif;font-weight:700}
.rd-index .civic{background:var(--cobalt)}
.rd-index .civic .box{box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
@media(max-width:800px){.rd-index .ix-seal{width:100px;height:100px;top:-50px}.rd-index .writing{background-image:none}}
/* home v2: one hero, living background */
.hc .hs-stage{z-index:3}
.hc .glow{z-index:1;mix-blend-mode:screen;opacity:.75}.hc .beams{z-index:1}
.hc-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hc-l{position:absolute;inset:0;opacity:0;transition:opacity 2.6s cubic-bezier(.4,0,.2,1)}
.hc-l.on{opacity:1}
.hc-0{background:radial-gradient(55% 65% at 80% 18%,rgba(43,69,230,.55),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(217,244,91,.14),transparent 60%),linear-gradient(165deg,#0E1740 0%,#0B1230 55%,#070B20 100%)}
.hc-1{background:radial-gradient(55% 65% at 80% 18%,rgba(127,227,255,.30),transparent 62%),radial-gradient(50% 60% at 4% 95%,rgba(217,244,91,.16),transparent 60%),linear-gradient(165deg,#2338C9 0%,#1A2AA8 50%,#101C78 100%)}
.hc-2{background:radial-gradient(55% 65% at 82% 16%,rgba(242,140,60,.50),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(242,193,78,.18),transparent 60%),linear-gradient(165deg,#4A1418 0%,#36101A 55%,#1E0A12 100%)}
.hc-3{background:radial-gradient(55% 65% at 80% 18%,rgba(18,163,154,.50),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(217,244,91,.15),transparent 60%),linear-gradient(165deg,#08423F 0%,#062F33 55%,#041C22 100%)}
.hc-4{background:radial-gradient(55% 65% at 80% 18%,rgba(186,90,230,.45),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(255,122,182,.18),transparent 60%),linear-gradient(165deg,#3A1352 0%,#2A0E3D 55%,#170824 100%)}
.hc-aur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;mix-blend-mode:soft-light;background:#fff}
.hc-a1{width:46vw;height:46vw;left:-12vw;top:-18vw;animation:hc-drift 26s ease-in-out infinite alternate}
.hc-a2{width:34vw;height:34vw;right:-8vw;bottom:-14vw;opacity:.25;animation:hc-drift 32s ease-in-out infinite alternate-reverse}
@keyframes hc-drift{to{transform:translate(9vw,6vw) scale(1.15)}}
.hc-lines{position:absolute;inset:0;width:100%;height:100%}
.hc-dash{animation:hc-flow 3.2s linear infinite}@keyframes hc-flow{to{stroke-dashoffset:-32}}
.hc-grain{position:absolute;inset:-50%;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:hc-grain 1.2s steps(4) infinite}
@keyframes hc-grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}
.hc-vig{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.32))}
.hc .h-display,.hc .lead{text-shadow:0 2px 30px rgba(0,0,0,.25)}
.hc .pcard{transition:box-shadow 2.6s ease}
.hc[data-hc="1"] .pcard{box-shadow:0 40px 90px -40px rgba(5,10,60,.85)}
body[data-hc="1"] .nav .or-lockup .or-t{fill:#0B1230}
body[data-hc="1"] .nav .or-lockup .or-road{stroke:#0B1230}
.hc .hs-role{color:rgba(255,255,255,.78)}
/* home v2: page polish */
.rd-index h2{text-wrap:balance;letter-spacing:-.02em}
.rd-index .sec p{text-wrap:pretty}
.rd-index .stat,.rd-index .idea,.rd-index .essay{transition:translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.rd-index .stat:hover,.rd-index .idea:hover{translate:0 -6px;box-shadow:0 30px 50px -28px rgba(11,18,48,.55)}
.rd-index .writing .essay:hover{translate:0 -4px}
.rd-index .work,.rd-index .news{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.rd-index .sec:not(.hero)+.sec:not(.hero)::after{content:"";position:absolute;left:50%;top:0;width:min(220px,40vw);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(43,69,230,.35),transparent);pointer-events:none}
.rd-index::before{content:"";position:fixed;left:0;top:0;height:3px;width:100%;z-index:9999;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#2B45E6,#D9F45B);pointer-events:none}
@supports (animation-timeline:scroll()){.rd-index::before{animation:hc-prog linear both;animation-timeline:scroll(root)}}
@keyframes hc-prog{to{transform:scaleX(1)}}
.rd-index .btn{transition:translate .3s ease,box-shadow .3s ease,background-color .3s ease}
.rd-index .btn:hover{translate:0 -2px}
@media (prefers-reduced-motion:reduce){.hc-l{transition:none}.hc-aur,.hc-dash,.hc-grain{animation:none!important}.rd-index .stat,.rd-index .idea,.rd-index .essay,.rd-index .btn{transition:none}.rd-index .stat:hover,.rd-index .idea:hover,.rd-index .writing .essay:hover,.rd-index .btn:hover{translate:none}}
/* home v3: art-driven sections */
.rd-index .sec .h2,.rd-index .wdb .h2,.rd-index .rs .h2{font-size:clamp(40px,5vw,80px);line-height:1;letter-spacing:-.035em}
.rd-index .eyebrow{letter-spacing:.22em}
/* scroll reveal for new pieces */
.rs-in,.wband{opacity:1}
@supports (animation-timeline:view()){.rs-in{animation:v3-rise linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}
@keyframes v3-rise{from{opacity:0;translate:0 60px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
/* Rising Stars mosaic */
.rs{position:relative;background:#F6F1E7;color:var(--night);padding:120px 0 130px;overflow:hidden}
.rs::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 85% 10%,rgba(217,244,91,.45),transparent 70%),radial-gradient(35% 45% at 5% 95%,rgba(43,69,230,.14),transparent 70%);pointer-events:none}
.rs-grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(70px,auto);gap:22px}
.rs-txt{grid-column:1/6;grid-row:1/4;align-self:center;position:relative;z-index:2}
.rs-num{font:800 clamp(110px,13vw,210px)/.8 var(--display);color:transparent;-webkit-text-stroke:2px rgba(43,69,230,.35);margin:10px 0 -40px -6px;letter-spacing:-.05em}
.rs .h2 em{color:var(--cobalt);font-style:italic}
.rs-p{font-size:19px;line-height:1.55;color:#33395a;max-width:28em;margin:24px 0 30px}
.rs-ph{margin:0;position:relative}
.rs-ph img{display:block;width:100%;height:100%;object-fit:cover;box-shadow:0 40px 70px -40px rgba(11,18,48,.6)}
.rs-ph figcaption{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#59607e;margin-top:12px}
.rs-a{grid-column:6/9;grid-row:1/5}.rs-a img{border-radius:999px 999px 24px 24px;aspect-ratio:9/13}
.rs-b{grid-column:9/13;grid-row:1/3;align-self:end}.rs-b img{border-radius:50%;aspect-ratio:1;max-width:300px;margin-left:auto;outline:10px solid #D9F45B;outline-offset:-1px}
.rs-b figcaption{text-align:right}
.rs-c{grid-column:9/13;grid-row:3/6}.rs-c img{border-radius:24px;aspect-ratio:4/5}
.rs-d{grid-column:2/6;grid-row:4/7;margin-top:30px}.rs-d img{border-radius:24px 120px 24px 24px;aspect-ratio:7/9}
@media(max-width:1000px){.rs-grid{grid-template-columns:repeat(6,1fr)}.rs-txt{grid-column:1/-1;grid-row:auto}.rs-a{grid-column:1/4;grid-row:auto}.rs-b{grid-column:4/7;grid-row:auto;align-self:center}.rs-c{grid-column:4/7;grid-row:auto}.rs-d{grid-column:1/4;grid-row:auto;margin-top:0}}
@media(max-width:600px){.rs{padding:80px 0}.rs-grid{gap:16px}.rs-a,.rs-c,.rs-d{grid-column:1/-1}.rs-b{grid-column:1/-1}.rs-b img{max-width:240px;margin:0 auto}.rs-b figcaption{text-align:center}.rs-num{margin-bottom:-24px}}
/* word bands */
.wband{position:relative;overflow:hidden;background:var(--night);padding:30px 0;border-block:1px solid rgba(255,255,255,.08)}
.wb-track{display:flex;gap:40px;width:max-content;align-items:center;animation:v3-mq 46s linear infinite}
.wband span{font:800 clamp(44px,7vw,110px)/1 var(--display);letter-spacing:-.04em;color:#fff;white-space:nowrap}
.wband span:nth-of-type(even){color:transparent;-webkit-text-stroke:2px rgba(217,244,91,.85)}
.wband i{font-style:normal;color:var(--volt);font-size:clamp(22px,3vw,40px)}
.wb-do{background:var(--volt)}.wb-do span{color:var(--night)}.wb-do span:nth-of-type(even){-webkit-text-stroke:0;color:#2B45E6}.wb-do i{color:var(--cobalt)}.wb-do .wb-track{animation-direction:reverse}
@keyframes v3-mq{to{transform:translateX(-33.333%)}}
/* web design pointer: layered stage */
.rd-index .wdb{padding:130px 0;background:radial-gradient(60% 80% at 100% 0,rgba(43,69,230,.4),transparent 60%),var(--night)}
.rd-index .wdb::after{content:"WEB";position:absolute;right:-1vw;bottom:-6vw;font:800 clamp(160px,24vw,380px)/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.06);pointer-events:none}
.rd-index .wdb .shot{border-radius:18px;box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1)}
/* story: editorial spread */
.rd-index .story{padding-top:140px;padding-bottom:140px}
.rd-index .story .grid{column-gap:clamp(40px,6vw,110px)}
.rd-index .story .grid>div:last-child{border-left:1px solid rgba(11,18,48,.14);padding-left:clamp(24px,3vw,48px)}
.rd-index .story .big{font-size:clamp(22px,2vw,28px);line-height:1.35}
.rd-index .story .stats{gap:18px;margin-top:80px}
.rd-index .story .stat{border-radius:28px;padding:30px}
.rd-index .story .stat .num{font-size:clamp(44px,4.4vw,68px);letter-spacing:-.04em}
@media(min-width:1001px){.rd-index .story .stat:nth-child(even){translate:0 28px}.rd-index .story .stat:nth-child(even):hover{translate:0 22px}}
@media(max-width:1000px){.rd-index .story .grid>div:last-child{border-left:0;padding-left:0}}
/* then and now band: cinematic */
.rd-index .band:not(.route) .cap b{font-size:clamp(30px,4vw,62px);line-height:1.02;letter-spacing:-.03em;max-width:15em}
/* ubuntu: typographic moment */
.rd-index .ubu-word{background:linear-gradient(100deg,#0B1230 30%,#2B45E6 60%,#0B1230 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v3-sheen 9s ease-in-out infinite alternate}
@keyframes v3-sheen{to{background-position:100% 0}}
.rd-index .ubu .chips span,.rd-index .ubu .chips li{border-radius:999px}
/* work bento: layered dark gallery */
.rd-index .work{background:radial-gradient(50% 40% at 0 0,rgba(43,69,230,.35),transparent 70%),radial-gradient(40% 40% at 100% 100%,rgba(217,244,91,.12),transparent 70%),var(--night)}
.rd-index .work .bento{gap:20px}
.rd-index .work .tile{border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 70px -40px rgba(0,0,0,.8);transition:box-shadow .5s ease}
.rd-index .work .tile:hover{box-shadow:0 0 0 2px rgba(217,244,91,.7),0 50px 90px -40px rgba(0,0,0,.9)}
/* book: staggered idea index */
.rd-index .book .ideas{gap:20px}
.rd-index .book .idea{border-radius:26px;padding:30px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px)}
.rd-index .book .idea .n{font:800 clamp(48px,4.5vw,72px)/1 var(--display);color:transparent;-webkit-text-stroke:1.6px var(--cobalt)}
.rd-index .book .idea.hot{background:var(--cobalt)}.rd-index .book .idea.hot .n{-webkit-text-stroke-color:#D9F45B}
@media(min-width:1001px){.rd-index .book .idea:nth-child(3n+2){translate:0 34px}.rd-index .book .ideas{padding-bottom:34px}}
/* recognition: ledger */
.rd-index .recog .award{border-radius:0;border-bottom:1px solid rgba(11,18,48,.14);transition:background-color .4s ease,padding .4s ease}
.rd-index .recog .award:hover{background:#fff;padding-left:14px}
.rd-index .recog .award .yr{font:700 22px/1 'Fraunces',serif;color:var(--cobalt)}
.rd-index .recog .poster{border-radius:32px;rotate:-1.5deg}
/* timeline */
.rd-index .timeline .tl-item{border-radius:22px;border-top:4px solid var(--cobalt)}
/* speak */
.rd-index .speak .photo{border-radius:32px;overflow:hidden}
.rd-index .speak .acc-item{border-radius:18px}
/* press quotes */
.rd-index .pressq .qcard{border-radius:30px}
.rd-index .pressq .qcard h3,.rd-index .pressq .qcard p:first-of-type{letter-spacing:-.02em}
/* writing: magazine front */
@media(min-width:1001px){.rd-index .writing .essays.six>.essay:first-child{grid-column:span 2;grid-row:span 2;padding:40px;background:var(--night);color:#fff;border-top-color:var(--volt);border-radius:0 0 28px 28px}
.rd-index .writing .essays.six>.essay:first-child h4{font-size:clamp(40px,4vw,64px);line-height:1;letter-spacing:-.03em;margin-top:24px}
.rd-index .writing .essays.six>.essay:first-child .pub,.rd-index .writing .essays.six>.essay:first-child .foot{color:#C9CEE6}.rd-index .writing .essays.six>.essay:first-child .foot b{color:var(--volt)}}
.rd-index .writing .essay h4{letter-spacing:-.015em}
/* civic + news */
.rd-index .civic .box{border-radius:36px}
.rd-index .news .h2{font-size:clamp(48px,6vw,96px)}
@media (prefers-reduced-motion:reduce){.rs-in{animation:none!important}.wb-track{animation:none!important}.rd-index .ubu-word{animation:none!important}}
/* hero: 13-stage palette (overrides v2 5-stage) */
.hc-0{background:radial-gradient(55% 65% at 80% 18%,rgba(43,69,230,.55),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(217,244,91,.14),transparent 60%),linear-gradient(165deg,#0E1740 0%,#0B1230 55%,#070B20 100%)}
.hc[data-hc="0"]{--hct:#2B45E6;--hcr:#6F86FF}
.hc-ribbon .r0{background:#2B45E6}
.hc-1{background:radial-gradient(55% 65% at 80% 18%,rgba(127,227,255,.30),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(217,244,91,.16),transparent 60%),linear-gradient(165deg,#2338C9 0%,#1A2AA8 55%,#101C78 100%)}
.hc[data-hc="1"]{--hct:#2B45E6;--hcr:#9CC8FF}
.hc-ribbon .r1{background:#2B45E6}
.hc-2{background:radial-gradient(55% 65% at 80% 18%,rgba(217,244,91,.42),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(43,69,230,.20),transparent 60%),linear-gradient(165deg,#26330A 0%,#1C2607 55%,#111804 100%)}
.hc[data-hc="2"]{--hct:#D9F45B;--hcr:#D9F45B}
.hc-ribbon .r2{background:#D9F45B}
.hc-3{background:radial-gradient(55% 65% at 80% 18%,rgba(194,73,43,.60),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(242,193,78,.18),transparent 60%),linear-gradient(165deg,#4A1418 0%,#36101A 55%,#1E0A12 100%)}
.hc[data-hc="3"]{--hct:#C2492B;--hcr:#FF8A5B}
.hc-ribbon .r3{background:#C2492B}
.hc-4{background:radial-gradient(55% 65% at 80% 18%,rgba(242,193,78,.50),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(255,209,102,.18),transparent 60%),linear-gradient(165deg,#3D2C08 0%,#2E2106 55%,#1A1303 100%)}
.hc[data-hc="4"]{--hct:#F2C14E;--hcr:#FFD166}
.hc-ribbon .r4{background:#F2C14E}
.hc-5{background:radial-gradient(55% 65% at 80% 18%,rgba(226,87,76,.55),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(255,90,54,.20),transparent 60%),linear-gradient(165deg,#4E1714 0%,#3A110F 55%,#200907 100%)}
.hc[data-hc="5"]{--hct:#E2574C;--hcr:#FF8A7A}
.hc-ribbon .r5{background:#E2574C}
.hc-6{background:radial-gradient(55% 65% at 80% 18%,rgba(214,51,108,.55),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(247,197,159,.16),transparent 60%),linear-gradient(165deg,#4A0F2A 0%,#380B20 55%,#1F0612 100%)}
.hc[data-hc="6"]{--hct:#D6336C;--hcr:#FF7AB6}
.hc-ribbon .r6{background:#D6336C}
.hc-7{background:radial-gradient(55% 65% at 80% 18%,rgba(142,27,68,.70),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(214,51,108,.20),transparent 60%),linear-gradient(165deg,#3E0C22 0%,#2E0919 55%,#19050E 100%)}
.hc[data-hc="7"]{--hct:#8E1B44;--hcr:#E86A9A}
.hc-ribbon .r7{background:#8E1B44}
.hc-8{background:radial-gradient(55% 65% at 80% 18%,rgba(123,63,214,.60),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(255,122,182,.16),transparent 60%),linear-gradient(165deg,#2E1150 0%,#220C3D 55%,#130624 100%)}
.hc[data-hc="8"]{--hct:#7B3FD6;--hcr:#B88CFF}
.hc-ribbon .r8{background:#7B3FD6}
.hc-9{background:radial-gradient(55% 65% at 80% 18%,rgba(13,93,166,.65),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(156,200,255,.20),transparent 60%),linear-gradient(165deg,#08305C 0%,#062448 55%,#03152B 100%)}
.hc[data-hc="9"]{--hct:#0D5DA6;--hcr:#9CC8FF}
.hc-ribbon .r9{background:#0D5DA6}
.hc-10{background:radial-gradient(55% 65% at 80% 18%,rgba(18,163,154,.50),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(143,227,224,.18),transparent 60%),linear-gradient(165deg,#08423F 0%,#062F33 55%,#041C22 100%)}
.hc[data-hc="10"]{--hct:#12A39A;--hcr:#8FE3E0}
.hc-ribbon .r10{background:#12A39A}
.hc-11{background:radial-gradient(55% 65% at 80% 18%,rgba(47,125,91,.60),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(217,244,91,.14),transparent 60%),linear-gradient(165deg,#12382B 0%,#0E2A22 55%,#071812 100%)}
.hc[data-hc="11"]{--hct:#2F7D5B;--hcr:#8FD6AE}
.hc-ribbon .r11{background:#2F7D5B}
.hc-12{background:radial-gradient(55% 65% at 80% 18%,rgba(246,241,231,.26),transparent 62%),radial-gradient(45% 55% at 6% 92%,rgba(242,193,78,.16),transparent 60%),linear-gradient(165deg,#2E241A 0%,#241C14 55%,#14100B 100%)}
.hc[data-hc="12"]{--hct:#F6F1E7;--hcr:#F6F1E7}
.hc-ribbon .r12{background:#F6F1E7}
@property --hct{syntax:'<color>';inherits:true;initial-value:#2B45E6}
@property --hcr{syntax:'<color>';inherits:true;initial-value:#6F86FF}
.hc{transition:--hct 2.6s ease,--hcr 2.6s ease}
.hc-ribbon{position:absolute;left:0;right:0;bottom:0;height:4px;display:flex;opacity:.9}
.hc-ribbon i{flex:1}
.rd-index::before{display:none}
/* integrated hero photo */
.hc .portrait{perspective:none}
.hcut{position:absolute;inset:-40px -40px 0 -20px;margin:0;color:var(--hcr)}
.hcut-rim{position:absolute;left:12%;right:4%;top:2%;height:78%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hcr) 55%,transparent),transparent 72%);filter:blur(24px);opacity:.75;animation:hcut-breathe 10s ease-in-out infinite}
@keyframes hcut-breathe{50%{opacity:1;scale:1.05}}
.hcut-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hcut-media{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}
.hcut-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--hcr) 80%,transparent)) drop-shadow(-14px -6px 28px color-mix(in srgb,var(--hcr) 45%,transparent)) saturate(1.04) contrast(1.03)}
.hcut-tint{position:absolute;inset:0;background:linear-gradient(200deg,var(--hct),transparent 65%);mix-blend-mode:soft-light;opacity:.55;-webkit-mask:url(../img/hero-cut-1100.webp) 50% 100%/contain no-repeat;mask:url(../img/hero-cut-1100.webp) 50% 100%/contain no-repeat}
.hcut .cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hcut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(5,8,22,.72));pointer-events:none;z-index:2}
.hcut .cap .k{display:block;font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#D9F45B}
.hcut .cap b{display:block;font:800 clamp(20px,1.8vw,26px)/1.15 var(--display);margin:8px 0;max-width:19em}
.hcut .cap small{font-size:12px;color:rgba(255,255,255,.75)}
@media(max-width:760px){.hcut{inset:-10px -10px 0 -10px}}
/* full palette below hero */
.rd-index .timeline .tl-item:nth-child(7n+1){border-top-color:#C2492B}.rd-index .timeline .tl-item:nth-child(7n+2){border-top-color:#F2C14E}.rd-index .timeline .tl-item:nth-child(7n+3){border-top-color:#2F7D5B}.rd-index .timeline .tl-item:nth-child(7n+4){border-top-color:#0D5DA6}.rd-index .timeline .tl-item:nth-child(7n+5){border-top-color:#7B3FD6}.rd-index .timeline .tl-item:nth-child(7n+6){border-top-color:#D6336C}.rd-index .timeline .tl-item:nth-child(7n){border-top-color:#12A39A}
.rd-index .book .idea:nth-child(6n+1) .n{-webkit-text-stroke-color:#C2492B}.rd-index .book .idea:nth-child(6n+2) .n{-webkit-text-stroke-color:#2F7D5B}.rd-index .book .idea:nth-child(6n+4) .n{-webkit-text-stroke-color:#7B3FD6}.rd-index .book .idea:nth-child(6n+5) .n{-webkit-text-stroke-color:#8E1B44}.rd-index .book .idea:nth-child(6n) .n{-webkit-text-stroke-color:#0D5DA6}
.rd-index .recog .award:nth-child(2) .yr{color:#C2492B}.rd-index .recog .award:nth-child(3) .yr{color:#2F7D5B}.rd-index .recog .award:nth-child(4) .yr{color:#7B3FD6}.rd-index .recog .award:nth-child(5) .yr{color:#8E1B44}
.rd-index .writing .essay:nth-child(2){border-top-color:#C2492B}.rd-index .writing .essay:nth-child(3){border-top-color:#2F7D5B}.rd-index .writing .essay:nth-child(4){border-top-color:#D6336C}.rd-index .writing .essay:nth-child(5){border-top-color:#0D5DA6}.rd-index .writing .essay:nth-child(6){border-top-color:#7B3FD6}
.wb-route i:nth-of-type(4n+1){color:#F2C14E}.wb-route i:nth-of-type(4n+2){color:#E2574C}.wb-route i:nth-of-type(4n+3){color:#8FE3E0}
.rd-index .story .stat .bar{background:linear-gradient(90deg,#C2492B,#F2C14E,#2F7D5B,#0D5DA6)}
.rs::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#0B1230,#2B45E6,#D9F45B,#C2492B,#F2C14E,#E2574C,#D6336C,#8E1B44,#7B3FD6,#0D5DA6,#12A39A,#2F7D5B,#F6F1E7)}
.rd-index .work .tile.t-tv{box-shadow:0 0 0 1px rgba(123,63,214,.5),0 40px 70px -40px rgba(0,0,0,.8)}
@media (prefers-reduced-motion:reduce){.hc{transition:none}.hcut-rim{animation:none}}
/* hero photo sizing fixes */
.hcut{inset:-90px -70px 0 -50px}
.hcut-media img{object-position:50% 100%}
.hcut-back path:first-child{stroke-opacity:.08}
.hcut::after{left:-10%;right:-10%;height:46%;background:radial-gradient(70% 100% at 50% 100%,rgba(5,8,22,.78),transparent 75%)}
.hc .portrait .sticker{left:-30px;top:24px}
@media(min-width:1001px){.hc .portrait{height:700px}}
@media(max-width:760px){.hcut{inset:-30px -18px 0 -18px}.hc .portrait .sticker{left:-4px;top:-10px}.hc .portrait{height:520px}}