:root{--paper:#f3f4ef;--ink:#1d2522;--muted:#59635d;--coral:#ef5739;--blue:#3157d5;--acid:#c7dc37;--green:#207255;--display:'Archivo',Arial,sans-serif;--body:'Archivo',Arial,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--paper);color:var(--ink);font-family:var(--body)}body{overflow:hidden}.universe{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--paper)}.universe:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#27342d .55px,transparent .75px);background-size:10px 10px;mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 75%)}.world-window{position:absolute;inset:0;overflow:hidden}.world{position:absolute;left:0;top:0;width:1600px;height:1000px;transform-origin:0 0;will-change:transform}.person{position:absolute;z-index:2;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:opacity .55s}.person-name{font:500 59px/.77 var(--display);letter-spacing:-5.5px;text-align:center;position:relative;z-index:1}.person-name i{font-style:normal;font-weight:400;color:var(--coral)}.person-orbit{position:absolute;width:174px;height:152px;border:1px solid #9ba79c;border-radius:48% 52% 50% 50%;transform:rotate(-14deg);opacity:.46}.person-orbit:before{content:'';position:absolute;inset:-11px 10px 10px -9px;border:1px dotted #78897b;border-radius:50%;transform:rotate(18deg)}.person-orbit i,.person-orbit b{position:absolute;display:block;width:7px;height:7px;border-radius:50%;background:var(--coral)}.person-orbit i{left:17px;top:47px}.person-orbit b{right:14px;bottom:29px;background:var(--blue)}
.concept{position:absolute;z-index:2;left:var(--x);top:var(--y);width:320px;min-height:240px;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--ink);padding:15px 18px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .55s var(--ease),opacity .5s,filter .5s}.concept:hover,.concept.is-awake{transform:translate(-50%,-50%) scale(1.045)}.concept:focus-visible{outline:2px solid var(--coral);outline-offset:6px;border-radius:46%}.concept-art{position:relative;display:block;height:100px;width:100%;margin:0 auto 10px}.concept-name{position:relative;z-index:2;display:block;font:500 34px/.95 var(--display);letter-spacing:-1.5px}.concept-line{position:relative;z-index:2;display:block;max-width:275px;margin-top:9px;font:14px/1.4 var(--body);color:#46544c;letter-spacing:-.1px}.people-art{position:relative;width:160px;height:92px;margin:0 auto 10px}.people-art:before{content:'';position:absolute;left:22px;top:12px;width:84px;height:64px;border-radius:48% 52% 39% 61% / 56% 42% 58% 44%;background:var(--coral);transform:rotate(-13deg)}.people-art:after{content:'';position:absolute;left:65px;top:21px;width:73px;height:56px;border-radius:55% 45% 60% 40% / 43% 58% 42% 57%;background:var(--acid);transform:rotate(12deg)}.people-art i,.people-art b{position:absolute;z-index:1;display:block;width:37px;height:43px;border:1px solid #24342c;border-radius:49% 51% 43% 57%;background:var(--paper)}.people-art i{left:41px;top:8px;transform:rotate(-10deg)}.people-art b{left:94px;top:15px;transform:rotate(14deg)}.people-art em{position:absolute;z-index:2;left:71px;top:50px;width:31px;height:2px;background:#263a30;transform:rotate(9deg)}.people .concept-name{color:#d94c31}.people.is-awake .people-art i{transform:translate(-4px,-4px) rotate(-14deg)}.people.is-awake .people-art b{transform:translate(4px,3px) rotate(18deg)}
.problem-art{position:relative;width:160px;height:94px;margin:0 auto 8px}.problem-art i,.problem-art b,.problem-art em,.problem-art small{position:absolute;display:block;transition:transform .6s var(--ease)}.problem-art i{left:14px;top:20px;width:55px;height:51px;background:var(--blue);clip-path:polygon(0 12%,100% 0,66% 100%,16% 75%);transform:rotate(-8deg)}.problem-art b{left:67px;top:6px;width:43px;height:43px;background:var(--coral);border-radius:48% 52% 35% 65%;transform:rotate(21deg)}.problem-art em{left:104px;top:44px;width:42px;height:36px;background:var(--acid);clip-path:polygon(8% 0,100% 27%,69% 100%,0 74%);transform:rotate(8deg)}.problem-art small{left:53px;top:59px;width:26px;height:22px;background:var(--green);clip-path:polygon(0 25%,86% 0,100% 100%,19% 88%);transform:rotate(-16deg)}.problems .concept-name{color:var(--blue)}.problems.is-awake .problem-art i{transform:translate(-6px,2px) rotate(-17deg)}.problems.is-awake .problem-art b{transform:translate(5px,-5px) rotate(34deg)}.problems.is-awake .problem-art em{transform:translate(8px,5px) rotate(18deg)}.problems.is-awake .problem-art small{transform:translate(-6px,5px) rotate(-23deg)}
.structure-art{display:block;width:195px;height:98px;margin:0 auto 8px}.structure-art svg{width:100%;height:100%;overflow:visible}.structure-art path{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-width .5s}.structure-art circle{fill:var(--coral);stroke:var(--paper);stroke-width:1}.structure.is-awake .structure-art path{stroke-width:3}.structure.is-awake .structure-art circle{fill:var(--blue)}.structure .concept-name{color:var(--green)}
.making-art{position:relative;width:160px;height:95px;margin:0 auto 8px}.making-art:before{content:'';position:absolute;left:37px;top:29px;width:84px;height:51px;background:var(--blue);clip-path:polygon(0 18%,76% 0,100% 29%,28% 57%);transform:translate(-9px,4px)}.making-art i,.making-art b,.making-art em{position:absolute;display:block;transition:transform .65s var(--ease)}.making-art i{left:32px;top:22px;width:67px;height:54px;background:var(--coral);clip-path:polygon(0 18%,68% 0,100% 26%,28% 54%);transform:translateY(-7px)}.making-art b{left:51px;top:36px;width:65px;height:45px;background:#d9472c;clip-path:polygon(0 0,100% 0,100% 74%,0 100%);transform:translateY(-5px)}.making-art em{left:116px;top:19px;width:22px;height:22px;background:var(--acid);border-radius:50%}.making.is-awake .making-art i{transform:translate(-7px,-13px) rotate(-5deg)}.making.is-awake .making-art b{transform:translate(8px,4px)}.making.is-awake .making-art em{transform:translate(6px,-8px)}.making .concept-name{color:#d9472c}
@media(max-width:700px){.concept{width:260px;min-height:195px;padding:7px}.concept-name{font-size:26px}.concept-line{max-width:222px;font-size:12px}.people-art,.problem-art,.making-art{transform:scale(.82);transform-origin:center bottom;margin-bottom:3px;height:80px}.structure-art{width:160px;height:78px;margin-bottom:3px}.person-name{font-size:48px}.person-orbit{width:145px;height:132px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.world{transition:transform 1.15s cubic-bezier(.2,.75,.2,1)}
.concept.is-selected{z-index:4;transform:translate(-50%,-50%) scale(1.065)}
.world-window{touch-action:none;cursor:grab}.world-window.is-dragging{cursor:grabbing;user-select:none}









:root{--paper:#f5f1e9;--ink:#191613;--muted:#4b4540;--coral:#651f32;--blue:#191613;--acid:#191613;--green:#191613}
.universe{background:var(--paper)}
.universe:before{opacity:0;background:none}
.person-name i{color:var(--ink)}
.concept-line{color:#504943}
.concept.is-awake .concept-name{color:var(--coral)}
.concept.is-selected .concept-name{color:var(--coral)}
.people{width:350px;min-height:0;padding:12px 12px 16px}
.people-art{display:block;position:relative;width:260px;height:316px;margin:0 auto 8px}
.people-art:before,.people-art:after{content:none;display:none}
.people-art img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;transform-origin:50% 70%;transition:transform 1.5s cubic-bezier(.2,.75,.2,1)}
.people.is-awake .people-art img{transform:translateY(-2px) rotate(-.35deg) scale(1.01)}
.people .concept-name{color:var(--ink)}
.structure{width:350px;min-height:0;padding:12px 12px 16px}
.structure-art{display:block;width:258px;height:294px;margin:0 auto 8px;overflow:visible}
.structure-art img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.55) brightness(1.08);mix-blend-mode:multiply;transform-origin:50% 82%;transition:transform 1.7s cubic-bezier(.2,.75,.2,1)}
.structure.is-awake .structure-art img{transform:scale(1.018)}
.structure .concept-name{color:var(--ink)}
.making{width:350px;min-height:0;padding:12px 12px 16px}
.making-art{display:block;position:relative;width:270px;height:224px;margin:0 auto 8px;overflow:hidden}
.making-art:before{content:none;display:none}
.making-art img{position:absolute;display:block;width:367px;height:auto;max-width:none;left:-98px;top:-93px;filter:grayscale(.08) contrast(1.3);mix-blend-mode:multiply}
.making .concept-name{color:var(--ink)}
.problem-art i,.problem-art b,.problem-art em,.problem-art small{background:var(--ink)}
.problem-art b{background:var(--coral)}
.problems .concept-name{color:var(--ink)}


.people-art{width:280px;height:340px}
.structure-art{width:242px;height:280px}
@media(max-width:700px){.people{width:300px}.people-art{width:235px;height:286px}.structure{width:290px}.structure-art{width:210px;height:242px}.making{width:290px}.making-art{width:230px;height:190px}.making-art img{width:316px;left:-84px;top:-80px}.look-closer-signal{width:112px;height:70px}.look-closer-signal img{width:176px;left:-48px;top:-56px}.click-insight{width:42px;height:48px}.click-insight img{width:197px;left:-80px;top:-40px}}

/* Standalone transparent illustrations; each SVG keeps its own editable groups. */
.people-art img,.structure-art img,.making-art img{position:static;display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:none;mix-blend-mode:normal;transform-origin:center;}
.making-art{overflow:visible}
.people-art{width:280px;height:340px}
.structure-art{width:242px;height:280px}
.making-art{width:270px;height:224px}
.people.is-awake .people-art img{transform:translateY(-2px) scale(1.01)}
.structure.is-awake .structure-art img{transform:scale(1.018)}
.making.is-awake .making-art img{transform:translateY(-2px)}
@media(max-width:700px){.people-art{width:235px;height:286px}.structure-art{width:210px;height:242px}.making-art{width:230px;height:190px}}

/* The eight transparent symbols live directly in the spatial world. */
.concept{width:190px;min-height:0;height:210px;padding:8px;justify-content:center;transition:transform .55s var(--ease),opacity .5s,filter .5s}
.concept img{display:block;width:100%;height:100%;object-fit:contain;overflow:visible;filter:none;mix-blend-mode:normal;transition:transform .7s var(--ease)}
.concept.people{width:210px;height:220px}.concept.structure{width:170px;height:220px}.concept.making{width:190px;height:160px}
.concept.problems{width:205px;height:150px}.concept.look-closer{width:190px;height:150px}.concept.click{width:115px;height:130px}
.concept.future{width:150px;height:200px}.concept.killed-darling{width:140px;height:170px}
.concept.is-awake img{transform:scale(1.035)}
.concept.people img{object-fit:contain}
.people.is-awake img{filter:drop-shadow(0 2px 0 rgba(101,31,50,.12))}
.world{width:1600px;height:1050px}
@media(max-width:700px){.concept{width:145px;height:165px}.concept.people{width:160px;height:170px}.concept.structure{width:130px;height:170px}.concept.making{width:145px;height:125px}.concept.problems{width:155px;height:115px}.concept.look-closer{width:145px;height:115px}.concept.click{width:88px;height:100px}.concept.future{width:115px;height:155px}.concept.killed-darling{width:108px;height:132px}}

/* Raster symbol assets keep the artwork intact; motion stays on the whole object. */
.concept img{transform-origin:50% 55%;will-change:transform}
.concept.people.is-awake img{transform:translateY(-3px) rotate(-.45deg) scale(1.025)}
.concept.structure.is-awake img{transform-origin:50% 88%;animation:rooted-rise 1.1s var(--ease) both}
.concept.making.is-awake img{animation:making-shoot .72s var(--ease) both}
.concept.problems.is-awake img{animation:problem-wiggle .8s ease-in-out both}
.concept.killed-darling.is-awake img{animation:heart-wobble .75s ease-in-out both}
.concept.future.is-awake img{animation:future-pulse 1.6s ease-in-out infinite alternate}
.concept.click.is-awake img{animation:click-pulse .55s var(--ease) both}
.concept.look-closer.is-awake img{transform:scale(1.025)}
@keyframes rooted-rise{from{transform:scaleY(.965)}to{transform:scaleY(1.025)}}
@keyframes making-shoot{0%{transform:translate(0,0)}35%{transform:translate(3px,-5px) rotate(1deg)}100%{transform:translate(0,0)}}
@keyframes problem-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-1.2deg) translateX(-2px)}60%{transform:rotate(1deg) translateX(2px)}}
@keyframes heart-wobble{0%,100%{transform:rotate(0)}32%{transform:rotate(-1.4deg) translateX(-2px)}68%{transform:rotate(1.2deg) translateX(2px)}}
@keyframes future-pulse{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes click-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.concept.is-awake img{animation:none!important;transform:none!important}}

/* The four core worlds share one visual scale around Nina. */
.concept.people,.concept.problems,.concept.structure,.concept.making{width:250px;height:270px}
@media(max-width:700px){.concept.people,.concept.problems,.concept.structure,.concept.making{width:190px;height:205px}}

/* In the Problems destination, keep its mark and name as one readable place. */
.concept.problems{justify-content:center;gap:3px}
.concept.problems img{width:205px;height:205px;flex:none}
.world-label{display:block;position:relative;z-index:2;font:500 28px/.95 var(--display);letter-spacing:-1.2px;color:var(--blue)}
.concept.problems.is-awake .world-label{color:var(--coral)}
@media(max-width:700px){.concept.problems img{width:150px;height:150px}.world-label{font-size:23px}}

/* Level 3 cases are quiet until a connected world is entered or discovered. */
.concept.case{width:330px;height:140px;padding:18px 20px;justify-content:center;opacity:.02;pointer-events:none;translate:var(--gravity-x,0px) var(--gravity-y,0px);will-change:translate;transition:transform .55s var(--ease),opacity .5s,color .35s}
.concept.case.is-near{opacity:.10}
.concept.case.is-discovered{opacity:.18;pointer-events:auto}
.concept.case.is-gravity-pending{opacity:.03!important;pointer-events:auto;transition-property:transform,color}
.concept.case.is-discovered,.concept.case.is-gravity-pending{z-index:8}
.concept.case.is-gravity-pending .case-title,.concept.case.is-gravity-revealed .case-title{color:#722f42}
.concept.case.is-gravity-revealed{opacity:1;pointer-events:auto}
.concept.case.is-selected{opacity:1;pointer-events:auto}
.concept.scholarship.is-selected .case-title,.concept.study-abroad.is-selected .case-title,.concept.logged-in.is-selected .case-title{visibility:hidden;transition:none}
.concept.case:hover:not(.is-selected){transform:translate(-50%,-50%) scale(1.015)}
.case-title{display:block;font:500 31px/.98 var(--display);letter-spacing:-1.3px;color:var(--ink)}
.case-entry{position:relative;z-index:3;border:0;padding:0;background:transparent;text-align:center;cursor:pointer;pointer-events:auto}
.scholarship-reader,.study-abroad-reader,.logged-reader{position:absolute;z-index:20;inset:0;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:#000;font-family:var(--body);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease}
.universe.is-scholarship-reader-open .scholarship-reader{visibility:visible;opacity:1;pointer-events:auto}
.reader-topbar{position:sticky;z-index:5;top:0;padding:12px 0 12px clamp(28px,4vw,80px);background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(8px)}
.reader-back{display:inline-flex;align-items:center;gap:10px;padding:8px 0;border:0;background:none;color:#000;font:600 21px/1.2 var(--body);cursor:pointer}
.reader-back span{font-size:20px;transition:transform .18s ease}
.reader-back:hover{color:#000}.reader-back:hover span{transform:translateX(-3px)}
.reader-back:focus-visible{outline:2px solid #000;outline-offset:4px}
.reader-content{width:min(1800px,calc(100% - clamp(48px,8vw,160px)));margin:0 0 0 clamp(28px,4vw,80px);padding:clamp(28px,4vh,52px) 0 100px}
.case-intro{max-width:110rem}
.case-intro h1{max-width:100%;margin:0;color:#000;font-size:clamp(96px,7.1vw,164px);font-weight:700;letter-spacing:-.055em;line-height:.98}
.case-deck{max-width:94rem;margin:34px 0 25px;color:#000;font-size:clamp(42px,3vw,62px);font-weight:500;line-height:1.22;letter-spacing:-.025em}
.case-disciplines{margin:0;color:#000;font-size:clamp(25px,1.55vw,34px);font-weight:600;line-height:1.4}
.case-disciplines span{padding:0 4px;color:#000}
.case-role{max-width:96rem;margin:26px 0 0;color:#000;font-size:clamp(30px,1.9vw,40px);line-height:1.42}
.case-context{max-width:100rem;margin-top:clamp(70px,8vw,140px)}
.case-context p{max-width:88rem;margin:0 0 24px;color:#000;font-size:clamp(32px,2vw,42px);line-height:1.42}
.case-section-copy{max-width:82ch}
.case-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);column-gap:clamp(36px,5vw,88px);align-items:start;position:relative;padding:clamp(100px,11vw,170px) 0 clamp(100px,11vw,170px)}
.case-section h2{margin:0;color:#000;font-size:clamp(58px,4.3vw,92px);font-weight:650;letter-spacing:-.05em;line-height:1.02}
.case-section-copy p{margin:0 0 26px;color:#000;font-size:clamp(30px,1.7vw,39px);line-height:1.44}
.case-section-copy p:last-child{margin-bottom:0}
.case-data-section{padding-bottom:clamp(80px,9vw,132px)}
.data-story-runway{grid-column:1/-1;position:relative;height:250vh;margin-top:clamp(32px,5vw,72px)}
.data-story-stage{position:sticky;top:72px;height:min(82svh,920px);min-height:540px;overflow:hidden;isolation:isolate}
.data-chip-cloud{position:absolute;z-index:1;inset:4% 2%}
.data-chip{position:absolute;left:var(--flow-x,var(--chaos-x));top:var(--flow-y,var(--chaos-y));transform:translate(-50%,-50%) rotate(var(--flow-tilt,var(--tilt,0deg))) scale(var(--flow-scale,1));opacity:var(--flow-opacity,1);display:block;max-width:32%;padding:14px 20px;border:1.5px solid #000;border-radius:999px;background:var(--paper);color:#000;font-size:clamp(16px,1.25vw,23px);font-weight:700;line-height:1.15;letter-spacing:.035em;text-align:center;white-space:nowrap;transition:left .85s var(--ease),top .85s var(--ease),transform .85s var(--ease),opacity .6s ease}
.data-group-label{position:absolute;z-index:2;top:28%;opacity:0;color:#000;font-size:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:opacity .35s ease}
.data-group-label--eligibility{left:9%}.data-group-label--information{left:57%}
.data-story[data-stage="groups"] .data-group-label{opacity:1}
.data-story[data-stage="experience"] .data-group-label{opacity:0}
.case-conclusion{grid-column:1/-1;max-width:1100px;margin:32px 0 0;color:#000;font-size:clamp(38px,3vw,64px);font-weight:600;line-height:1.18;letter-spacing:-.025em}
.case-evidence{grid-column:1/-1;margin:clamp(40px,5vw,76px) 0 0}
.case-evidence img{display:block;width:100%;height:auto}
.case-directory-evidence{max-width:1180px;margin-left:auto;margin-right:auto}
.case-directory-evidence img{max-height:1500px;object-fit:contain;object-position:top center}
.case-detail-evidence{max-width:850px;margin-left:10%}
.case-detail-evidence img{max-height:1100px;object-fit:contain;object-position:top left}
.tradeoff-mark{grid-column:1;grid-row:2;width:112px;height:auto;margin-top:36px;filter:grayscale(1) brightness(.15);opacity:1}
.case-outcome{padding-bottom:clamp(120px,14vw,210px)}
.reader-footer{padding-top:24px}
@media(max-width:1000px){
  .reader-content{width:calc(100% - 96px);margin-left:48px}
  .case-intro h1{font-size:clamp(82px,8.5vw,132px)}
  .case-deck{font-size:clamp(36px,4vw,50px)}
  .case-section{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);column-gap:32px;padding:100px 0}
  .case-section h2{font-size:clamp(52px,5.8vw,72px)}
  .case-section-copy p{font-size:clamp(27px,2.65vw,33px)}
  .data-story-stage{top:60px;height:78svh;min-height:480px}
}
@media(max-width:700px){
  .reader-topbar{padding:10px 22px}
  .reader-content{width:calc(100% - 44px);margin:0 auto;padding-top:22px}
  .reader-back{font-size:16px}
  .case-intro h1{font-size:clamp(48px,11vw,74px)}
  .case-deck{font-size:clamp(23px,5.6vw,32px);margin:24px 0 20px}
  .case-disciplines{font-size:17px}
  .case-role{font-size:20px}
  .case-context{margin-top:56px}
  .case-context p{font-size:21px}
  .case-section{grid-template-columns:minmax(0,1fr);row-gap:20px;padding:76px 0}
  .case-section h2{font-size:42px}
  .case-section-copy p{font-size:21px}
  .data-story-runway{height:auto;margin-top:28px}
  .data-story-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;gap:20px}
  .data-chip-cloud{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:8px}
  .data-chip{position:static;transform:none!important;opacity:1!important;max-width:100%;padding:9px 12px;font-size:12px;white-space:normal}
  .data-group-label{display:none}
  .case-conclusion{font-size:30px}
  .case-directory-evidence,.case-detail-evidence{margin-left:0;margin-right:0}
  .tradeoff-mark{grid-column:1;grid-row:auto;width:64px;margin:4px 0 0}
}

/* Scroll-led Scholarship Experience narrative. */
.case-hero-layout{margin-bottom:clamp(110px,14vw,190px)}
.case-deck{max-width:72rem;margin-top:clamp(34px,4vw,58px);font-size:clamp(34px,2.45vw,52px);line-height:1.2}
.case-role{max-width:76rem;margin-top:32px;font-size:clamp(23px,1.45vw,30px);line-height:1.5}
.case-problem h2{text-transform:none}
.case-problem{padding-bottom:clamp(92px,11vw,150px)}
.case-data-section{padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(56px,7vw,96px)}
.case-data-section .case-section-copy p{max-width:68ch}
.case-conclusion{max-width:1050px;margin:clamp(74px,9vw,132px) 0 clamp(42px,5vw,72px);font-size:clamp(38px,4.2vw,72px);line-height:1.13;font-weight:600}
.data-story-runway{height:148vh;margin-top:0;position:relative}
.data-story-stage{position:sticky;top:8vh;height:78svh;min-height:440px;overflow:visible}
.data-chip-cloud{inset:5% 2%}
.data-chip{font-size:clamp(13px,.95vw,18px);padding:10px 14px;max-width:25%;transition:left .72s cubic-bezier(.2,.75,.22,1),top .72s cubic-bezier(.2,.75,.22,1),transform .72s cubic-bezier(.2,.75,.22,1),opacity .5s ease}
.data-group-label{top:26%;font-size:clamp(13px,1vw,17px)}
.data-group-label--eligibility{left:10%}.data-group-label--information{left:56%}
.case-directory-section{padding-top:clamp(56px,7vw,96px)}
.directory-desktop-specimen{aspect-ratio:1.22}
.case-detail-section{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(110px,14vw,190px)}
.scholarship-page-specimen{grid-column:2;position:relative;right:auto;bottom:auto;width:min(100%,920px);margin:clamp(28px,4vw,60px) 0 0 auto;background:transparent;opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s var(--ease)}
.scholarship-page-specimen.is-visible{opacity:1;transform:translateY(0)}
.scholarship-page-specimen img{display:block;width:100%;height:auto;box-shadow:none!important}
.artifact-caption{grid-column:2;margin:20px 0 0 auto;width:min(100%,920px)}
.tradeoff-heading{display:flex;align-items:center;gap:.16em;flex-wrap:wrap}
.tradeoff-heading img{width:.72em;height:.72em;object-fit:contain;flex:none}
.case-tradeoff-evidence{display:none}
@media(max-width:1000px){
 .case-conclusion{font-size:clamp(34px,4vw,52px)}
 .data-story-runway{height:132vh}
}
@media(max-width:700px){
 .case-hero-layout{margin-bottom:112px}
 .case-deck{margin-top:26px;font-size:clamp(24px,5.8vw,32px)}
 .case-role{margin-top:22px;font-size:19px}
 .case-problem{padding-bottom:76px}
 .case-data-section{padding:38px 0 66px}
 .case-conclusion{margin:58px 0 32px;font-size:clamp(30px,8vw,40px)}
 .data-story-runway{height:136vh;margin-top:0}
 .data-story-stage{position:sticky;top:9vh;height:76svh;min-height:390px;overflow:visible}
 .data-chip-cloud{position:absolute;inset:8% 0;display:block}
 .data-chip{position:absolute;max-width:45%;padding:8px 9px;font-size:10px;white-space:normal}
 .data-group-label{font-size:10px}
 .case-directory-section{padding-top:60px}
 .directory-desktop-specimen{aspect-ratio:.98}
 .case-detail-section{padding:86px 0 100px}
 .scholarship-page-specimen{grid-column:1;width:100%;margin:24px 0 0}
 .artifact-caption{grid-column:1;width:100%;margin:14px 0 0;font-size:18px}
 .tradeoff-heading{gap:.18em}
 .tradeoff-heading img{width:.66em;height:.66em}
 .case-reveal{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){.scholarship-page-specimen{opacity:1;transform:none}}

/* Scholarship case composition and one-shot editorial reveals. */
.reader-content{width:min(1900px,calc(100% - clamp(64px,10vw,200px)));margin-left:clamp(36px,5vw,100px);padding-top:clamp(64px,9vh,112px)}
.case-hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);gap:clamp(36px,4vw,72px);align-items:center}
.case-intro{max-width:none}
.case-intro h1{font-size:clamp(86px,6.5vw,148px)}
.case-deck{max-width:70rem;font-size:clamp(37px,2.45vw,54px)}
.case-role{max-width:76rem;font-size:clamp(26px,1.55vw,34px)}
.case-hero-evidence{margin:0;align-self:stretch;min-height:500px;max-height:800px;overflow:hidden;background:#fff}
.case-hero-evidence img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.case-problem{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);column-gap:clamp(36px,5vw,88px);align-items:start;margin-top:clamp(90px,11vw,160px);padding:0 0 clamp(80px,9vw,130px)}
.case-problem h2{margin:0;font-size:clamp(58px,4.3vw,92px);font-weight:650;letter-spacing:-.05em;line-height:1.02;text-transform:uppercase}
.case-problem-copy{max-width:76ch}
.case-problem-copy p{margin:0 0 22px;font-size:clamp(28px,1.6vw,36px);line-height:1.42}
.case-section{padding:clamp(84px,9vw,130px) 0}
.case-data-section{padding-top:clamp(62px,7vw,96px);padding-bottom:clamp(70px,8vw,110px)}
.case-data-section h2{max-width:12ch}
.case-data-section .case-section-copy p{font-size:clamp(27px,1.55vw,35px)}
.data-story-runway{height:auto;margin-top:clamp(22px,3vw,42px);overflow:visible}
.data-story-stage{position:relative;top:auto;height:clamp(380px,34vw,500px);min-height:0;overflow:visible;isolation:isolate}
.data-chip-cloud{inset:3% 1%;overflow:visible}
.data-chip{font-size:clamp(14px,1.05vw,20px);padding:12px 17px;max-width:30%}
.data-group-label{top:27%;font-size:clamp(16px,1.25vw,21px)}
.case-conclusion{margin-top:16px;font-size:clamp(34px,2.6vw,54px)}
.case-directory-evidence{position:relative;width:80%;max-width:1560px;margin:clamp(26px,3vw,46px) 0 0 auto}
.directory-desktop-specimen{width:100%;aspect-ratio:1.68;overflow:hidden;background:#fff}
.directory-desktop-specimen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.directory-mobile-specimen{position:absolute;z-index:2;right:-3%;bottom:-5%;width:clamp(140px,15vw,236px);max-height:78%;overflow:hidden;background:#fff}
.directory-mobile-specimen img{display:block;width:100%;height:auto}
.case-detail-section{padding-bottom:clamp(72px,8vw,110px)}
.case-tradeoff{grid-template-rows:auto auto auto}
.case-tradeoff-evidence{grid-column:2;grid-row:2;width:100%;max-width:980px;margin:clamp(28px,3vw,44px) 0 0}
.case-tradeoff-evidence img{width:100%;height:auto;object-fit:contain}
.tradeoff-mark{grid-column:1;grid-row:2;width:68px;margin:clamp(28px,3vw,44px) 0 0;filter:none}
.case-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s var(--ease)}
.case-reveal.is-visible{opacity:1;transform:translateY(0)}
.case-data-section .data-story-runway{transition-delay:.12s}
.case-conclusion{grid-column:1/-1;max-width:850px;margin:26px 0 0;font-size:clamp(24px,1.5vw,32px);line-height:1.35}
.case-directory-section{position:relative;padding-top:clamp(12px,1.5vw,24px)}
.data-story[data-stage="falling"] .data-group-label{opacity:1}
.data-story[data-stage="experience"] .data-group-label{opacity:0}
@media(max-width:1000px){
  .reader-content{width:calc(100% - 112px);margin-left:56px;padding-top:clamp(48px,7vh,84px)}
  .case-hero-layout{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:30px}
  .case-hero-evidence{min-height:430px;max-height:640px}
  .case-intro h1{font-size:clamp(72px,7.7vw,112px)}
  .case-deck{font-size:clamp(32px,3.6vw,43px)}
  .case-role{font-size:clamp(24px,2.5vw,30px)}
  .case-problem,.case-section{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);column-gap:28px}
  .data-story-stage{height:420px}
  .case-directory-evidence{width:88%}
  .case-conclusion{font-size:24px}
}
@media(max-width:700px){
  .reader-content{width:calc(100% - 44px);margin:0 auto;padding-top:28px}
  .case-hero-layout{grid-template-columns:1fr;gap:26px}
  .case-hero-evidence{min-height:0;height:min(125vw,560px);max-height:none}
  .case-intro h1{font-size:clamp(48px,11vw,74px)}
  .case-problem{grid-template-columns:1fr;row-gap:18px;margin-top:72px;padding-bottom:64px}
  .case-problem h2{font-size:40px}
  .case-problem-copy p{font-size:21px}
  .case-data-section h2{max-width:none}
  .data-story-stage{display:block;height:360px;gap:0}
  .data-story-runway{height:auto}
  .data-chip-cloud{position:absolute;inset:4% 1%;display:block}
  .data-chip{max-width:42%;white-space:normal;font-size:11px;padding:8px 9px}
  .data-group-label{font-size:12px}
  .case-conclusion{font-size:19px}
  .case-directory-evidence{width:100%;margin-left:0}
  .directory-desktop-specimen{aspect-ratio:1.1}
  .directory-mobile-specimen{width:clamp(100px,30vw,160px);right:-2%;bottom:-4%}
  .case-tradeoff-evidence{grid-column:1;grid-row:auto}
  .tradeoff-mark{grid-column:1;grid-row:auto}
  .case-reveal{transform:translateY(16px)}
}
@media(prefers-reduced-motion:reduce){.case-reveal,.data-chip,.data-group-label{transition:none!important;transform:none!important}}
.case.is-selected .case-title,.case.is-awake .case-title{color:var(--coral)}

/* Entering Scholarship carries Nina's mark outside the readable case field. */
.world.is-scholarship-level .person{transform:translate(-50%,-50%) translate(-560px,-90px);transition:transform 1.15s var(--ease),opacity .55s}
@media(max-width:700px){.world.is-scholarship-level .person{transform:translate(-50%,-50%) translate(-430px,-65px)}}

@media(max-width:700px){.concept.case{width:270px;height:120px}.case-title{font-size:25px}}
.concept.people,.concept.making,.concept.structure{height:300px;min-height:0;justify-content:flex-start;gap:4px}
.concept.people img,.concept.making img,.concept.structure img{flex:1;min-height:0}
.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{color:var(--ink);font-size:22px;letter-spacing:1.4px}
.concept.people{width:210px}.concept.making{width:190px}.concept.structure{width:190px}
.concept.case{height:104px;flex-direction:column;justify-content:center;padding:12px 16px}
.case-title{font-size:26px;line-height:1.02;text-align:center}

.person{left:32%}














/* Typography trial: Stack Sans Headline, with hierarchy limited to labels. */
:root{--display:'Archivo',Arial,sans-serif}
.person-name{font-family:var(--display);font-weight:700;letter-spacing:-5.5px;line-height:.77}
.person-name .name-nina{font-weight:700}
.person-name .name-loana{font-weight:500}
.person-name .name-lindell{font-weight:300}

/* Final scroll story refinements (kept last to override earlier layout trials). */
.case-hero-layout{margin-bottom:clamp(110px,14vw,190px)}
.case-deck{max-width:72rem;margin-top:clamp(34px,4vw,58px);font-size:clamp(34px,2.45vw,52px);line-height:1.2}
.case-role{max-width:76rem;margin-top:32px;font-size:clamp(23px,1.45vw,30px);line-height:1.5}
.case-problem h2{text-transform:none}
.case-problem{padding-bottom:clamp(92px,11vw,150px)}
.case-data-section{padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(56px,7vw,96px)}
.case-conclusion{max-width:1050px;margin:clamp(74px,9vw,132px) 0 clamp(42px,5vw,72px);font-size:clamp(38px,4.2vw,72px);line-height:1.13;font-weight:600}
.data-story-runway{height:148vh;margin-top:0;position:relative}
.data-story-stage{position:sticky;top:8vh;height:78svh;min-height:440px;overflow:visible}
.data-chip-cloud{inset:5% 2%}
.data-chip{font-size:clamp(13px,.95vw,18px);padding:10px 14px;max-width:25%;transition:left .72s cubic-bezier(.2,.75,.22,1),top .72s cubic-bezier(.2,.75,.22,1),transform .72s cubic-bezier(.2,.75,.22,1),opacity .5s ease}
.data-group-label{top:26%;font-size:clamp(13px,1vw,17px)}
.data-group-label--eligibility{left:10%}.data-group-label--information{left:56%}
.case-directory-section{padding-top:clamp(56px,7vw,96px)}
.directory-desktop-specimen{aspect-ratio:1.22}
.case-detail-section{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(110px,14vw,190px)}
.scholarship-page-specimen{grid-column:2;position:relative;right:auto;bottom:auto;width:min(100%,920px);margin:clamp(28px,4vw,60px) 0 0 auto;background:transparent;opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s var(--ease)}
.scholarship-page-specimen.is-visible{opacity:1;transform:translateY(0)}
.scholarship-page-specimen img{display:block;width:100%;height:auto;box-shadow:none!important}
.artifact-caption{grid-column:2;margin:20px 0 0 auto;width:min(100%,920px)}
.tradeoff-heading{display:flex;align-items:center;gap:.16em;flex-wrap:wrap}
.tradeoff-heading img{width:.72em;height:.72em;object-fit:contain;flex:none}
.case-tradeoff-evidence{display:none}
@media(max-width:1000px){.case-conclusion{font-size:clamp(34px,4vw,52px)}.data-story-runway{height:132vh}}
@media(max-width:700px){
 .case-hero-layout{margin-bottom:112px}.case-deck{margin-top:26px;font-size:clamp(24px,5.8vw,32px)}.case-role{margin-top:22px;font-size:19px}
 .case-problem{padding-bottom:76px}.case-data-section{padding:38px 0 66px}.case-conclusion{margin:58px 0 32px;font-size:clamp(30px,8vw,40px)}
 .data-story-runway{height:136vh;margin-top:0}.data-story-stage{position:sticky;top:9vh;height:76svh;min-height:390px;overflow:visible}
 .data-chip-cloud{position:absolute;inset:8% 0;display:block}.data-chip{position:absolute;max-width:45%;padding:8px 9px;font-size:10px;white-space:normal}
 .data-group-label{font-size:10px}.case-directory-section{padding-top:60px}.directory-desktop-specimen{aspect-ratio:.98}
 .case-detail-section{padding:86px 0 100px}.scholarship-page-specimen{grid-column:1;width:100%;margin:24px 0 0}
 .artifact-caption{grid-column:1;width:100%;margin:14px 0 0;font-size:18px}.tradeoff-heading{gap:.18em}.tradeoff-heading img{width:.66em;height:.66em}
 .case-reveal{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){.scholarship-page-specimen{opacity:1;transform:none}}
.person-name .name-nina,.person-name .name-loana,.person-name .name-lindell{font-family:'Archivo',Arial,sans-serif}
.person-name i{font-weight:500}
.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:1.4px}
.case-title{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:-1.3px}
@media(max-width:700px){.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:16px}.case-title{font-size:17px}}

/* Gabarito typography pass. */
:root{--display:'Archivo',Arial,sans-serif;--body:'Archivo',Arial,sans-serif}
.person-name,.person-name .name-nina,.person-name .name-loana,.person-name .name-lindell{font-family:'Archivo',Arial,sans-serif}
.person-name{text-transform:uppercase}
.person{cursor:pointer}
.person-name .name-nina{font-weight:800}
.person-name .name-nina,.person-name .name-loana,.person-name .name-lindell{font-weight:700}
.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-family:'Archivo',Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:1.4px}
.case-title{font-family:'Archivo',Arial,sans-serif;font-size:17px;font-weight:500}
@media(max-width:700px){.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:16px}.case-title{font-size:14px}}

/* Organic orbit composition: keep each world at a stable point in the canvas. */
.concept.people img{flex:0 0 145px;height:145px}
.concept.making img{flex:0 0 134px;height:134px}
.concept.structure img{flex:0 0 180px;height:180px}
.concept.problems .world-label{margin-top:-28px}
.person-name{transform:scale(1.08)}
@media(max-width:700px){
  .concept.people img{flex-basis:108px;height:108px}
  .concept.making img{flex-basis:102px;height:102px}
  .concept.structure img{flex-basis:118px;height:118px}
}

@media(max-width:700px){.concept.people,.concept.making,.concept.structure{height:205px}.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:16px}.concept.case{height:82px}.case-title{font-size:21px}}

/* Scholarship case: original supplied artifacts, one directory moment, and a roomy editorial pace. */
.reader-content{width:min(1900px,calc(100% - clamp(64px,10vw,200px)));margin-left:clamp(36px,5vw,100px);padding-top:clamp(64px,10vh,120px)}
.case-hero-layout{display:block;min-height:0;margin-bottom:clamp(180px,22vw,340px)}
.case-intro{max-width:110rem}
.case-intro h1{max-width:14ch;font-size:clamp(86px,7.1vw,148px)}
.case-deck{max-width:82rem;margin-top:clamp(38px,5vw,72px);font-size:clamp(38px,2.7vw,58px)}
.case-role{max-width:90rem;margin-top:34px;font-size:clamp(27px,1.7vw,36px)}
.case-problem{margin-top:0;padding-bottom:clamp(150px,18vw,260px)}
.case-section{padding:clamp(116px,14vw,210px) 0}
.case-data-section{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(125px,15vw,220px)}
.data-story-runway{margin-top:clamp(48px,7vw,100px)}
.data-story-stage{height:clamp(460px,42vw,620px)}
.case-directory-section{padding-top:clamp(80px,9vw,132px)}
.case-directory-section>.case-section-copy{max-width:74ch}
.case-directory-evidence{position:relative;display:block;width:100%;max-width:none;margin:clamp(60px,7vw,104px) 0 0;overflow:visible}
.directory-desktop-specimen{width:100%;aspect-ratio:1.22;overflow:hidden;background:transparent}
.directory-desktop-specimen picture{display:block;width:100%;height:100%}
.directory-desktop-specimen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;box-shadow:none!important}
.scholarship-page-specimen{position:absolute;z-index:3;right:2%;bottom:-16%;width:42%;margin:0;background:#fff;opacity:0;transform:translate(5%,7%);transition:opacity .9s ease,transform .9s var(--ease)}
.scholarship-page-specimen.is-visible{opacity:1;transform:translate(0,0)}
.scholarship-page-specimen img{display:block;width:100%;height:auto;box-shadow:none!important}
.case-detail-section{padding-top:clamp(210px,24vw,360px);padding-bottom:clamp(140px,17vw,250px)}
.artifact-caption{grid-column:1/-1;margin-top:36px;font-size:clamp(20px,1.5vw,30px);font-weight:700;letter-spacing:.02em}
.case-tradeoff{align-items:center;row-gap:50px;padding-top:clamp(130px,16vw,240px)}
.case-tradeoff-evidence{grid-column:2;grid-row:1 / span 2;width:min(390px,58%);margin:0 auto}
.case-tradeoff-evidence img{display:block;width:100%;height:auto;box-shadow:none!important}
.tradeoff-mark{display:none}
.case-evidence img{box-shadow:none!important}
@media(max-width:1000px){
  .case-hero-layout{margin-bottom:180px}
  .case-intro h1{font-size:clamp(72px,8vw,112px)}
  .case-directory-evidence{width:100%}
  .scholarship-page-specimen{width:47%;right:1%;bottom:-12%}
  .case-detail-section{padding-top:240px}
}
@media(max-width:700px){
  .reader-content{width:calc(100% - 44px);margin:0 auto;padding-top:28px}
  .case-hero-layout{margin-bottom:150px}
  .case-intro h1{font-size:clamp(52px,12vw,76px)}
  .case-deck{margin-top:32px;font-size:clamp(25px,6.2vw,34px)}
  .case-role{font-size:20px}
  .case-problem{margin-top:0;padding-bottom:120px}
  .case-section{padding:92px 0}
  .case-data-section{padding:48px 0 116px}
  .data-story-stage{height:360px}
  .case-directory-section{padding-top:70px}
  .case-directory-evidence{margin-top:40px}
  .directory-desktop-specimen{aspect-ratio:1.2}
  .scholarship-page-specimen{width:58%;right:-1%;bottom:-10%}
  .case-detail-section{padding-top:180px;padding-bottom:100px}
  .artifact-caption{margin-top:12px}
  .case-tradeoff-evidence{grid-column:1;grid-row:auto;width:min(220px,65%);margin:22px auto 0}
  .case-tradeoff{row-gap:18px}
}

/* Final scroll story refinements. */
.case-hero-layout{margin-bottom:clamp(110px,14vw,190px)}
.case-deck{max-width:72rem;margin-top:clamp(34px,4vw,58px);font-size:clamp(34px,2.45vw,52px);line-height:1.2}
.case-role{max-width:76rem;margin-top:32px;font-size:clamp(23px,1.45vw,30px);line-height:1.5}
.case-problem h2{text-transform:none}
.case-problem{padding-bottom:clamp(92px,11vw,150px)}
.case-data-section{padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(56px,7vw,96px)}
.case-conclusion{max-width:1050px;margin:clamp(74px,9vw,132px) 0 clamp(42px,5vw,72px);font-size:clamp(38px,4.2vw,72px);line-height:1.13;font-weight:600}
.data-story-runway{height:148vh;margin-top:0;position:relative}
.data-story-stage{position:sticky;top:8vh;height:78svh;min-height:440px;overflow:visible}
.data-chip-cloud{inset:5% 2%}
.data-chip{font-size:clamp(13px,.95vw,18px);padding:10px 14px;max-width:25%;transition:left .72s cubic-bezier(.2,.75,.22,1),top .72s cubic-bezier(.2,.75,.22,1),transform .72s cubic-bezier(.2,.75,.22,1),opacity .5s ease}
.data-group-label{top:26%;font-size:clamp(13px,1vw,17px)}
.case-directory-section{padding-top:clamp(56px,7vw,96px)}
.directory-desktop-specimen{aspect-ratio:1.22}
.case-detail-section{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(110px,14vw,190px)}
.scholarship-page-specimen{grid-column:2;position:relative;right:auto;bottom:auto;width:min(100%,920px);margin:clamp(28px,4vw,60px) 0 0 auto;background:transparent;opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s var(--ease)}
.scholarship-page-specimen.is-visible{opacity:1;transform:translateY(0)}
.scholarship-page-specimen img{display:block;width:100%;height:auto;box-shadow:none!important}
.artifact-caption{grid-column:2;margin:20px 0 0 auto;width:min(100%,920px)}
.tradeoff-heading{display:flex;align-items:center;gap:.16em;flex-wrap:wrap}
.tradeoff-heading img{width:.72em;height:.72em;object-fit:contain;flex:none}
.case-tradeoff-evidence{display:none}
@media(max-width:1000px){.case-conclusion{font-size:clamp(34px,4vw,52px)}.data-story-runway{height:132vh}}
@media(max-width:700px){
 .case-hero-layout{margin-bottom:112px}.case-deck{margin-top:26px;font-size:clamp(24px,5.8vw,32px)}.case-role{margin-top:22px;font-size:19px}
 .case-problem{padding-bottom:76px}.case-data-section{padding:38px 0 66px}.case-conclusion{margin:58px 0 32px;font-size:clamp(30px,8vw,40px)}
 .data-story-runway{height:136vh;margin-top:0}.data-story-stage{position:sticky;top:9vh;height:76svh;min-height:390px;overflow:visible}
 .data-chip-cloud{position:absolute;inset:8% 0;display:block}.data-chip{position:absolute;max-width:45%;padding:8px 9px;font-size:10px;white-space:normal}
 .data-group-label{font-size:10px}.case-directory-section{padding-top:60px}.directory-desktop-specimen{aspect-ratio:.98}
 .case-detail-section{padding:86px 0 100px}.scholarship-page-specimen{grid-column:1;width:100%;margin:24px 0 0}
 .artifact-caption{grid-column:1;width:100%;margin:14px 0 0;font-size:18px}.tradeoff-heading{gap:.18em}.tradeoff-heading img{width:.66em;height:.66em}
 .case-reveal{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){.scholarship-page-specimen{opacity:1;transform:none}}






















/* Final typography overrides for the Stack Sans Headline trial. */
:root{--display:'Archivo',Arial,sans-serif}
.person-name{font-family:var(--display);font-weight:700}
.person-name .name-nina{font-weight:700}
.person-name .name-loana{font-weight:500}
.person-name .name-lindell{font-weight:300}
.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:1.4px}
.case-title{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:-1.3px}
@media(max-width:700px){.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:16px}.case-title{font-size:17px}}

/* Final Gabarito typography overrides. */
:root{--display:'Archivo',Arial,sans-serif;--body:'Archivo',Arial,sans-serif}
.person-name,.person-name .name-nina,.person-name .name-loana,.person-name .name-lindell{font-family:'Archivo',Arial,sans-serif}
.person-name .name-nina{font-weight:800}
.person-name .name-loana{font-weight:700}
.person-name .name-lindell{font-weight:600}
.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-family:'Archivo',Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:1.4px}
.case-title{font-family:'Archivo',Arial,sans-serif;font-size:17px;font-weight:500}
@media(max-width:700px){.world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:16px}.case-title{font-size:14px}}


/* Final case layout overrides after typography. */
.case-problem h2{text-transform:none}
.case-hero-layout{margin-bottom:clamp(110px,14vw,190px)}
.case-deck{max-width:72rem;margin-top:clamp(34px,4vw,58px);font-size:clamp(34px,2.45vw,52px);line-height:1.2}
.case-role{max-width:76rem;margin-top:32px;font-size:clamp(23px,1.45vw,30px);line-height:1.5}
.case-problem{padding-bottom:clamp(92px,11vw,150px)}
.case-data-section{padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(56px,7vw,96px)}
.case-conclusion{max-width:1050px;margin:clamp(74px,9vw,132px) 0 clamp(42px,5vw,72px);font-size:clamp(38px,4.2vw,72px);line-height:1.13;font-weight:600}
.data-story-runway{height:148vh;margin-top:0;position:relative}
.data-story-stage{position:sticky;top:8vh;height:78svh;min-height:440px;overflow:visible}
.data-chip-cloud{inset:5% 2%}
.data-chip{font-size:clamp(13px,.95vw,18px);padding:10px 14px;max-width:25%;transition:left .72s cubic-bezier(.2,.75,.22,1),top .72s cubic-bezier(.2,.75,.22,1),transform .72s cubic-bezier(.2,.75,.22,1),opacity .5s ease}
.data-group-label{top:26%;font-size:clamp(13px,1vw,17px)}
.case-directory-section{padding-top:clamp(56px,7vw,96px)}
.directory-desktop-specimen{aspect-ratio:1.22}
.case-detail-section{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(110px,14vw,190px)}
.scholarship-page-specimen{grid-column:2;position:relative;right:auto;bottom:auto;width:min(100%,920px);margin:clamp(28px,4vw,60px) 0 0 auto;background:transparent;opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s var(--ease)}
.scholarship-page-specimen.is-visible{opacity:1;transform:translateY(0)}
.scholarship-page-specimen img{display:block;width:100%;height:auto;box-shadow:none!important}
.artifact-caption{grid-column:2;margin:20px 0 0 auto;width:min(100%,920px)}
.tradeoff-heading{display:flex;align-items:center;gap:.16em;flex-wrap:wrap}
.tradeoff-heading img{width:.72em;height:.72em;object-fit:contain;flex:none}
.case-tradeoff-evidence{display:none}
@media(max-width:1000px){.case-conclusion{font-size:clamp(34px,4vw,52px)}.data-story-runway{height:132vh}}
@media(max-width:700px){
 .case-hero-layout{margin-bottom:112px}.case-deck{margin-top:26px;font-size:clamp(24px,5.8vw,32px)}.case-role{margin-top:22px;font-size:19px}
 .case-problem{padding-bottom:76px}.case-data-section{padding:38px 0 66px}.case-conclusion{margin:58px 0 32px;font-size:clamp(30px,8vw,40px)}
 .data-story-runway{height:136vh;margin-top:0}.data-story-stage{position:sticky;top:9vh;height:76svh;min-height:390px;overflow:visible}
 .data-chip-cloud{position:absolute;inset:8% 0;display:block}.data-chip{position:absolute;max-width:45%;padding:8px 9px;font-size:10px;white-space:normal}
 .data-group-label{font-size:10px}.case-directory-section{padding-top:60px}.directory-desktop-specimen{aspect-ratio:.98}
 .case-detail-section{padding:86px 0 100px}.scholarship-page-specimen{grid-column:1;width:100%;margin:24px 0 0}
 .artifact-caption{grid-column:1;width:100%;margin:14px 0 0;font-size:18px}.tradeoff-heading{gap:.18em}.tradeoff-heading img{width:.66em;height:.66em}
 .case-reveal{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){.scholarship-page-specimen{opacity:1;transform:none}.data-chip{transform:translate(-50%,-50%) rotate(var(--flow-tilt,0deg)) scale(1)!important}}

/* Continuous data → selection → experience sequence. */
.case-section,.case-problem{grid-template-columns:minmax(240px,.64fr) minmax(0,1.36fr);column-gap:clamp(24px,2.8vw,52px)}
.case-section-copy,.case-problem-copy,.case-directory-section>.case-section-copy{width:100%;max-width:82ch;min-width:0}
.case-data-section{padding-bottom:16px}
.case-data-section .case-section-copy p{max-width:none}
.case-data-section .case-section-copy .case-conclusion{margin:24px 0 0;max-width:34ch;font-size:clamp(29px,2.1vw,40px);font-weight:600;line-height:1.25;opacity:var(--thought-opacity,0);transform:translateY(var(--thought-y,12px));transition:none}
.data-story-runway{height:82svh;margin-top:12px}
.data-story-stage{position:sticky;top:clamp(92px,12svh,144px);height:48svh;min-height:300px;overflow:hidden}
.data-chip-cloud{inset:0 1%}
.data-chip{transition:none;transform:translate(-50%,-50%) rotate(var(--flow-tilt,var(--tilt))) scale(1);opacity:var(--flow-opacity,1)}
.data-story-runway .data-group-label{top:23%;opacity:var(--group-opacity,0);transition:none}
.experience-runway{position:relative;height:250svh;margin-top:0;--directory-opacity:0;--detail-opacity:0;--directory-heading-opacity:1}
.experience-pin{position:sticky;top:clamp(92px,12svh,144px);height:calc(100svh - clamp(92px,12svh,144px) - 20px);display:flex;flex-direction:column;gap:clamp(40px,4vw,64px)}
.experience-headings{display:grid;flex:none}
.experience-headings .case-section{grid-area:1/1;padding:0;margin:0;transition:none;transform:none}
.experience-headings .case-directory-section{opacity:calc(var(--directory-opacity) * var(--directory-heading-opacity))}
.experience-headings .case-detail-section{opacity:var(--detail-opacity);transform:translateY(var(--detail-y,36px))}
.experience-artifacts{position:relative;flex:1;min-height:0}
.experience-artifacts .case-directory-evidence{position:absolute;inset:0 auto auto 0;width:90%;height:92%;margin:0;opacity:var(--directory-opacity);transform:translateY(var(--directory-y,20px));overflow:hidden}
.experience-artifacts .directory-desktop-specimen{width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
.experience-artifacts .directory-desktop-specimen img{object-fit:cover;object-position:top center;max-height:none}
.experience-artifacts .scholarship-page-specimen{position:absolute;z-index:3;inset:auto 0 0 auto;width:62%;height:90%;margin:0;overflow:hidden;background:var(--paper);opacity:var(--detail-opacity);transform:translate(0,var(--detail-y,36px));transition:none;box-shadow:none}
.scholarship-page-specimen a{display:block}
.scholarship-page-specimen a:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.experience-pin>.artifact-caption{flex:none;width:auto;margin:0;align-self:flex-end;opacity:var(--detail-opacity)}
.tradeoff-heading{flex-wrap:nowrap;gap:.16em}
@media(max-width:700px){
 .case-section,.case-problem{grid-template-columns:minmax(0,1fr)}
 .case-data-section{padding-bottom:12px}
 .case-data-section .case-section-copy .case-conclusion{font-size:25px;margin-top:20px}
 .data-story-runway{height:80svh;margin-top:8px}
 .data-story-stage{height:46svh;min-height:270px;top:clamp(92px,12svh,144px)}
 .data-chip-cloud{inset:0 1%}
 .data-chip{font-size:10px;padding:8px;max-width:43%}
}
/* A normal reading stack for narrow/short viewports and reduced motion. */
@media(max-width:700px),(max-height:600px),(prefers-reduced-motion:reduce){
 .experience-runway{height:auto;margin-top:20px}
 .experience-pin{position:static;height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
 .experience-headings,.experience-artifacts{display:contents}
 .experience-headings .case-directory-section{grid-area:auto;grid-row:1;opacity:var(--directory-opacity)}
 .experience-artifacts .case-directory-evidence{grid-row:2;position:relative;inset:auto;width:100%;height:auto;opacity:var(--directory-opacity)}
 .experience-artifacts .directory-desktop-specimen{height:auto;aspect-ratio:auto}
 .experience-artifacts .directory-desktop-specimen picture,.experience-artifacts .directory-desktop-specimen img{height:auto;width:100%}
 .experience-headings .case-detail-section{grid-area:auto;grid-row:3;margin-top:44px}
 .experience-artifacts .scholarship-page-specimen{grid-row:4;grid-column:1;position:relative;inset:auto;width:100%;height:auto;background:transparent}
 .experience-pin>.artifact-caption{grid-row:5;grid-column:1;justify-self:start}
}
@media(prefers-reduced-motion:reduce){
 .data-story-runway{height:auto;margin:24px 0}
 .data-story-stage{position:relative;top:auto;height:360px;min-height:0}
 .case-data-section .case-section-copy .case-conclusion{opacity:1;transform:none}
 .experience-runway{--directory-opacity:1;--detail-opacity:1}
 .experience-artifacts .case-directory-evidence,.experience-artifacts .scholarship-page-specimen,.experience-headings .case-detail-section{transform:none}
}
.killed-darling-artifact{grid-column:2;margin:32px 0 0;width:100%;max-width:900px}
.killed-darling-artifact img{display:block;width:100%;height:auto;box-shadow:none}
@media(max-width:700px){.killed-darling-artifact{grid-column:1;margin-top:12px}}
@media(max-width:700px){
 .data-story-runway .data-chip{opacity:var(--flow-opacity,1)!important;transform:translate(-50%,-50%) rotate(var(--flow-tilt,var(--tilt)))!important}
}
.data-story-runway .data-group-label{display:block}


/* Extend only the body column's right edge; preserve all grid anchors. */
@media(min-width:701px){
 .case-section-copy,.case-problem-copy,.case-directory-section>.case-section-copy{width:calc(100% + clamp(10px,1.25vw,24px));max-width:none;padding-left:clamp(20px,2vw,36px)}
}

/* Shared project typeface, including native controls in the world. */
button,input,select,textarea{font-family:var(--body)}
.case-disciplines,.case-disciplines span{color:var(--coral)}

/* Bring the conclusion closer to the final artifact. */
.case-tradeoff{padding-bottom:clamp(64px,7vw,104px)}
.case-outcome{padding-top:clamp(48px,5vw,80px)}
/* Use the loaded Gabarito family throughout both the world and case reader. */
.universe,.universe *{font-family:'Archivo',Arial,sans-serif}

/* Study Abroad uses the same case system, with a shorter reading rhythm. */
.universe.is-study-reader-open .study-abroad-reader{visibility:visible;opacity:1;pointer-events:auto}
.study-content .case-intro h1{max-width:20ch;font-size:clamp(68px,6vw,126px)}
.study-content .case-hero-layout{margin-bottom:clamp(72px,8vw,120px)}
.study-context{max-width:60ch;margin:28px 0;font-size:clamp(24px,1.7vw,34px);line-height:1.4}
.study-content .case-role{max-width:72ch}
.study-section{padding:clamp(56px,6vw,88px) 0}
.study-backbone{grid-column:1/-1;width:100%;margin:clamp(80px,9vw,132px) 0 0;text-align:center;opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s var(--ease)}
.backbone-source{display:inline-block;margin:0;padding:0 0 30px;font-size:clamp(25px,2.2vw,38px);font-weight:600}
.brand-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;position:relative;padding-top:40px}
.brand-branches:before{content:'';position:absolute;top:0;left:16.66%;right:16.66%;height:1px;background:var(--coral);transform:scaleX(0);transition:transform .8s var(--ease)}
.brand-branches:after{content:'';position:absolute;left:50%;top:-30px;height:30px;width:1px;background:var(--coral);opacity:0;transition:opacity .5s ease}
.brand-branch{position:relative;transform:translateY(8px);transition:transform .8s var(--ease)}
.brand-branch:before{content:'';position:absolute;top:-40px;left:50%;width:1px;height:26px;background:var(--coral);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease) .25s}
.brand-branch h3{margin:0 0 12px;font-size:clamp(24px,2.2vw,40px);font-weight:600;letter-spacing:-.03em}
.brand-branch p{max-width:25ch;margin:auto;font-size:clamp(19px,1.4vw,26px);line-height:1.4}
.study-brands.is-connected .brand-branches:before{transform:scaleX(1)}
.study-brands.is-connected .brand-branches:after{opacity:1}
.study-brands.is-connected .brand-branch{transform:none}
.study-brands.is-connected .brand-branch:before{transform:scaleY(1)}
.backbone-principle{margin:48px 0 0;font-size:clamp(27px,2.3vw,42px);font-weight:600;line-height:1.2;letter-spacing:-.025em}
.study-flow-list{list-style:none;padding:0;margin:32px 0 0}
.study-flow-list li{padding:22px 0;border-top:1px solid currentColor;display:grid;gap:10px}
.study-flow-list strong{font-size:clamp(25px,1.7vw,34px);font-weight:600}
.study-flow-list span{font-size:clamp(22px,1.5vw,29px);line-height:1.4}
.case-section-copy .study-statement{margin-top:32px;font-size:clamp(32px,3vw,52px);line-height:1.15;font-weight:600;letter-spacing:-.03em}
.study-ending{padding-bottom:clamp(64px,8vw,120px)}
.study-ending-note{font-style:italic}
@media(max-width:700px){
 .study-content .case-intro h1{font-size:clamp(42px,9vw,64px)}
 .study-context{font-size:21px}
 .study-section{padding:48px 0}
 .brand-branches{grid-template-columns:1fr;gap:34px;padding:0 0 0 28px;text-align:left}
 .brand-branches:before{left:0;right:auto;top:0;bottom:0;width:1px;height:auto;transform:scaleY(0);transform-origin:top}
 .study-brands.is-connected .brand-branches:before{transform:scaleY(1)}
 .brand-branches:after{display:none}
 .brand-branch:before{top:16px;left:-28px;width:18px;height:1px;transform:scaleX(0);transform-origin:left}
 .study-brands.is-connected .brand-branch:before{transform:scaleX(1)}
 .brand-branch p{margin:0;max-width:none}
 .backbone-source{display:block;text-align:left}
 .backbone-principle{text-align:left;font-size:29px}
 .study-flow-list strong{font-size:23px}.study-flow-list span{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 .brand-branch,.brand-branch:before,.brand-branches:before,.brand-branches:after{transition:none!important}
}

/* Supplied edited reference: focus on the shared destination, with the full image accessible. */
.study-artifact{grid-column:1/-1;width:min(100%,1120px);margin:clamp(40px,5vw,72px) auto 0}
.study-artifact-image{display:block;aspect-ratio:.62;overflow:hidden}
.study-artifact-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:none}
.study-artifact figcaption{margin-top:18px;font-size:17px;line-height:1.5;color:var(--muted)}
.study-artifact figcaption a{color:inherit;text-underline-offset:3px;margin-left:.4em}
.study-artifact a:focus-visible{outline:2px solid var(--coral);outline-offset:5px}

/* Matching native-link affordance for the two original Scholarship artifacts. */
.experience-artifacts .directory-desktop-specimen{display:block}
.directory-desktop-specimen,.scholarship-page-specimen a{cursor:pointer}
.directory-desktop-specimen:focus-visible{outline:3px solid currentColor;outline-offset:-3px}

.study-brands.is-connected .study-backbone{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.study-backbone{transition:none;transform:none}}

/* Short, progressive evidence composition; all layers keep native full-image links. */
.study-stack-runway{grid-column:1/-1;position:relative;height:245svh;margin-top:clamp(48px,6vw,88px)}
.study-stack-pin{position:sticky;top:clamp(92px,12svh,144px);height:calc(100svh - clamp(92px,12svh,144px) - 24px);display:flex;flex-direction:column;gap:16px}
.study-stack-artifacts{position:relative;flex:1;min-height:0}
.study-stack-layer{position:absolute;margin:0;overflow:hidden;box-shadow:none;background:var(--paper)}
.study-stack-layer a{display:block;width:100%;height:100%;cursor:pointer}
.study-stack-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:none}
.study-stack-layer a:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.study-stack-main{left:0;top:0;width:83%;height:87%;z-index:1}
.study-stack-sports{right:0;top:7%;width:68%;height:86%;z-index:2;opacity:var(--sports-reveal,0);transform:translateY(var(--sports-offset,28px))}
.study-stack-blueberry{left:8%;bottom:0;width:65%;height:74%;z-index:3;opacity:var(--blueberry-reveal,0);transform:translateY(var(--blueberry-offset,28px))}
.study-stack-caption{font-size:16px;line-height:1.4;color:var(--muted);margin:0}
.case-section-copy .study-flow-insight{font-size:clamp(25px,1.9vw,36px);font-weight:600;line-height:1.3;margin-top:28px}
.study-lead-insight{opacity:var(--lead-reveal,0);transform:translateY(var(--lead-offset,12px))}
.study-content .study-context{margin-top:34px;margin-bottom:34px}
.study-content .case-role{margin-top:38px;line-height:1.55}
@media(max-width:700px),(max-height:600px),(prefers-reduced-motion:reduce){
 .study-stack-runway{height:auto;margin-top:40px}
 .study-stack-pin{position:static;height:auto;gap:20px}
 .study-stack-artifacts{display:grid;gap:40px}
 .study-stack-layer{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:.72}
 .study-stack-layer a{height:100%}
 .study-stack-main{aspect-ratio:.62}
 .study-stack-caption{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .study-stack-sports,.study-stack-blueberry,.study-lead-insight{opacity:1;transform:none}
}

/* Original supplied logos: natural proportions and colours, no image filters. */
.backbone-source img{display:block;width:clamp(220px,24vw,350px);height:auto;margin:0 auto 12px}
.backbone-source span{display:block;font-size:clamp(22px,1.7vw,30px);font-weight:500}
.brand-logo{display:flex;align-items:center;justify-content:center;min-height:100px}
.brand-logo img{display:block;width:min(100%,330px);height:auto;object-fit:contain}
@media(max-width:700px){
 .backbone-source img{margin-left:0;width:250px;max-width:100%}
 .brand-logo{justify-content:flex-start;min-height:0}
 .brand-logo img{width:min(100%,270px)}
}

.study-current-link{align-self:flex-start;flex:none;color:var(--coral);font-size:16px;font-weight:400;line-height:1.5;text-decoration:none;text-underline-offset:4px}
.study-current-link:hover{text-decoration:underline}
.study-current-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
@media(max-width:700px),(max-height:600px),(prefers-reduced-motion:reduce){
 .study-stack-artifacts{display:contents}
 .study-stack-main{order:0}
 .study-current-link{order:1}
 .study-stack-sports{order:2;margin-top:20px}
 .study-stack-blueberry{order:3;margin-top:20px}
 .study-stack-layer{flex:none}
}

/* Logged-in: a broad question narrows into a concrete direction, within the same case system. */
.universe.is-logged-reader-open .logged-reader{visibility:visible;opacity:1;pointer-events:auto}
.logged-content .case-hero-layout{margin-bottom:clamp(72px,8vw,120px)}
.logged-content .case-role{max-width:72ch;margin-top:38px;line-height:1.55}
.logged-section{padding:clamp(56px,6vw,88px) 0}
.logged-value,.logged-direction{grid-column:1/-1;margin:clamp(48px,6vw,88px) 0 0}
.logged-value{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:start}
.logged-value p{font-size:clamp(30px,3.3vw,58px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0}
.logged-value span{display:block;font-weight:400;font-size:.72em;margin-top:12px;letter-spacing:-.015em}
.logged-unlocks{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s var(--ease)}
.logged-value.is-unlocked .logged-unlocks{opacity:1;transform:none}
.logged-direction{text-align:center;padding:0 clamp(0px,3vw,48px)}
.logged-direction>p{font-size:clamp(28px,2.8vw,48px);font-weight:600;line-height:1.2;margin:0;letter-spacing:-.025em}
.direction-inputs{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;padding:32px 0;margin:32px auto;max-width:1100px;border-top:1px solid var(--coral);border-bottom:1px solid var(--coral);font-size:clamp(20px,1.8vw,30px)}
.direction-inputs li{transform:translateX(var(--spread,0px));transition:transform .9s var(--ease)}
.direction-inputs li:nth-child(1){--spread:-32px}.direction-inputs li:nth-child(2){--spread:-16px}.direction-inputs li:nth-child(4){--spread:16px}.direction-inputs li:nth-child(5){--spread:32px}
.direction-end{opacity:0;transform:translateY(16px);transition:opacity .8s ease .15s,transform .8s var(--ease) .15s}
.logged-direction.is-focused .direction-inputs li{transform:none}
.logged-direction.is-focused .direction-end{opacity:1;transform:none}
.case-section-copy .logged-insight{font-size:clamp(27px,2.1vw,38px);line-height:1.3;font-weight:600;margin-top:32px}
.logged-artifact{grid-column:1/-1;margin:clamp(48px,6vw,88px) 0 0;width:100%}
.logged-artifact a{display:block;width:100%;aspect-ratio:1.12;overflow:hidden;cursor:pointer}
.logged-artifact img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:none}
.logged-artifact a:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
@media(max-width:700px){
 .logged-section{padding:48px 0}
 .logged-value{grid-template-columns:1fr;gap:32px}
 .direction-inputs{gap:14px 20px}.direction-inputs li{transform:none}
 .logged-artifact a{aspect-ratio:auto}.logged-artifact img{height:auto}
}
@media(prefers-reduced-motion:reduce){
 .logged-unlocks,.direction-end{opacity:1;transform:none;transition:none}
 .direction-inputs li{transform:none;transition:none}
}
/* Logged-in evidence: intention → system → continuing value. */
.logged-value p{font-size:clamp(26px,2.4vw,42px);max-width:24ch;line-height:1.2;letter-spacing:-.025em}
.logged-direction>p{font-size:clamp(24px,2.1vw,36px)}
.logged-direction .direction-inputs{font-size:16px;gap:12px 24px;padding:20px 0;margin:24px auto;text-transform:uppercase}
.logged-signup-runway{grid-column:1/-1;position:relative;margin-top:36px}
.logged-signup-pin{position:sticky;top:90px;padding-bottom:24px}
.logged-signup-stage{position:relative;width:min(94%,1050px,calc((100svh - 190px)*1.586));aspect-ratio:925/584;margin:auto;padding-bottom:48px;box-sizing:content-box}
.logged-signup-layer{position:absolute;top:calc(var(--layer)*22px);left:24px;width:calc(100% - 48px);margin:0;z-index:calc(var(--layer) + 1);opacity:var(--reveal,1);transform:translateY(var(--offset,0px));box-shadow:none}
.logged-signup-layer a{display:block}.logged-signup-layer img{display:block;width:100%;height:auto;box-shadow:none}
.signup-connect,.signup-save{--reveal:0;--offset:36px;pointer-events:none}
.logged-artifact a{aspect-ratio:auto}.logged-artifact img{height:auto;object-fit:contain}
.logged-artifact a,.logged-signup-layer a{transition:opacity .2s ease}
.logged-artifact a:hover,.logged-signup-layer a:hover{opacity:.92}
.logged-signup-layer a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.logged-flow-composition{grid-column:1/-1;display:flow-root;margin-top:48px}
.logged-flow-map{margin:0}.logged-flow-detail{position:relative;width:clamp(300px,31%,450px);margin:-38% 4% 0 auto}
.logged-payoff{margin-top:36px;width:65%;justify-self:center}
.logged-section[aria-labelledby="logged-entry"]{padding-bottom:16px}
.logged-section[aria-labelledby="logged-flow"]{padding-top:40px;padding-bottom:24px}
.logged-section[aria-labelledby="logged-payoff"]{padding-top:32px}
.signup-connect{left:48px}.signup-save{left:0}
@media(max-width:700px){
 .logged-signup-runway{height:auto;margin-top:36px;padding-bottom:0}.logged-signup-pin{position:static;height:auto;display:block}
 .logged-signup-stage{width:100%;height:auto;aspect-ratio:auto;padding-bottom:0;display:grid;gap:32px}
 .logged-signup-layer{position:relative;top:auto;left:auto;width:100%;opacity:1;transform:none;pointer-events:auto}
 .logged-flow-detail{width:min(100%,390px);margin:20px auto 0}
 .logged-payoff{width:100%}
 .logged-value p{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
 .logged-signup-runway{height:auto;padding-bottom:0}.logged-signup-pin{position:static;height:auto}
 .logged-signup-stage{height:auto;aspect-ratio:auto;padding-bottom:0;display:grid;gap:36px}
 .logged-signup-layer{position:relative;top:auto;left:auto;width:100%;opacity:1;transform:none;pointer-events:auto}
}

/* Short, scroll-driven editorial pause within the existing research section. */
.logged-value-runway{grid-column:1/-1;margin-top:clamp(48px,6vw,88px)}
.logged-value-runway .logged-value{position:sticky;top:30svh;margin:0;padding:24px 0}
.logged-value .logged-unlocks,.logged-value.is-unlocked .logged-unlocks{opacity:var(--unlock-reveal,0);transform:translateY(var(--unlock-offset,14px));transition:none}
@media(max-width:700px){
 .logged-value-runway .logged-value{top:24svh;padding:16px 0}
 .logged-signup-stage{gap:20px}
 .logged-flow-composition{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
 .logged-value-runway .logged-value{position:static}
 .logged-value .logged-unlocks,.logged-value.is-unlocked .logged-unlocks{opacity:1;transform:none}
}

/* GRID is another organisation of the same portfolio and existing readers. */
.grid-portal,.world-portal{border:0;background:none;color:var(--ink);font:500 17px/1.15 var(--body);text-align:left;cursor:pointer;padding:12px}
.grid-portal{position:absolute;right:28px;bottom:24px;z-index:10;transition:transform .3s var(--ease),opacity .3s}
.grid-portal:hover{transform:translateY(-4px)}
.grid-portal img{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto 12px}
.grid-portal:focus-visible,.world-portal:focus-visible,.grid-entry:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.universe.is-scholarship-reader-open .grid-portal,.universe.is-study-reader-open .grid-portal,.universe.is-logged-reader-open .grid-portal{visibility:hidden}
.grid-view{position:absolute;inset:0;z-index:12;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;color:var(--ink)}
.grid-view[hidden]{display:none}
.grid-inner{max-width:1500px;margin:0 auto;padding:48px clamp(24px,5vw,84px) 72px}
.grid-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:56px}
.grid-identity h1{font:500 clamp(40px,4.5vw,68px)/.84 var(--display);letter-spacing:-.065em;margin:0}
.world-portal{padding:0 0 12px;align-self:flex-start;margin-top:4px;border-bottom:0;min-height:44px}
.grid-forces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:64px}
.grid-force{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border:0;padding:0;background:none;text-align:left;color:inherit}
.grid-force>span{font:600 16px/1.2 var(--body);letter-spacing:.02em}
.grid-force p{font:400 16px/1.4 var(--body);max-width:25ch;margin:10px 0 0}
.grid-index-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.grid-index-heading h2{font-size:16px;font-weight:500;margin:0}
.grid-entry{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 24px;align-items:start;gap:24px;border-top:1px solid #b5afa6;padding:28px 0 30px;color:inherit;text-decoration:none;transition:opacity .2s,background .2s}
.grid-entry h3{font:600 clamp(23px,2.1vw,34px)/1.08 var(--display);letter-spacing:-.035em;margin:0;max-width:19ch}
.grid-core{font-size:17px;line-height:1.4;margin:0;max-width:28ch}


.grid-entry-mark{font-size:25px;line-height:1;transition:transform .2s}
a.grid-entry:hover .grid-entry-mark{transform:translate(2px,-2px)}
a.grid-entry:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.grid-soon{opacity:.45;padding-top:23px;padding-bottom:23px}.grid-soon h3{font-size:clamp(20px,1.7vw,27px);font-weight:500}
.grid-soon-marker{font-size:12px;letter-spacing:.08em;padding-top:5px}
.universe.is-grid-view .world-window{visibility:hidden;pointer-events:none}.universe.is-grid-view .grid-portal{visibility:hidden}
.grid-view.is-entering .grid-inner{animation:grid-organise .4s var(--ease)}
@keyframes grid-organise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.grid-entry{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 20px;gap:18px}.grid-entry-mark{grid-column:3;grid-row:1}.grid-forces{gap:20px}.grid-header{margin-bottom:40px}}
@media(max-width:600px){.grid-inner{padding:32px 22px 48px}.grid-header{margin-bottom:40px}.grid-identity h1{font-size:46px}.world-portal{font-size:14px;max-width:12ch}.grid-forces{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:44px}.grid-force>span{font-size:14px}.grid-force p{font-size:14px}.grid-entry{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:24px 0}.grid-entry h3{font-size:28px;max-width:20ch}.grid-core{grid-column:1;max-width:30ch;font-size:16px}.grid-entry-mark{grid-column:2}.grid-soon h3{font-size:22px}.grid-soon-marker{grid-column:1}.grid-portal{right:16px;bottom:16px;font-size:15px}}

.grid-force img{display:block;width:64px;height:72px;object-fit:contain;margin-bottom:18px}
.grid-identity .name-nina{font-weight:800}.grid-identity .name-loana{font-weight:700}.grid-identity .name-lindell{font-weight:600}
.world-portal{min-width:100px;padding-top:88px}
@media(max-width:600px){.grid-force img{width:52px;height:60px;margin-bottom:14px}.grid-identity h1{font-size:40px}.world-portal{padding-top:64px}}

/* Responsive QA: preserve the artifacts and simplify the reading sequence. */
.case-intro h1:focus,.grid-identity h1:focus{outline:none}
.reader-back{min-height:44px}
@media(max-width:700px){
 .case-intro h1{font-size:clamp(32px,9.4vw,62px);overflow-wrap:normal}
 .study-content .case-intro h1{font-size:clamp(34px,9vw,58px)}
 .case-section h2{font-size:clamp(32px,9vw,42px);overflow-wrap:anywhere}
 .case-hero-layout{margin-bottom:64px}
 .reader-content{padding-bottom:48px}
 .case-section{padding-top:44px;padding-bottom:44px}
 .case-problem{padding-bottom:44px}
 .case-outcome{padding-top:36px;padding-bottom:48px}
 .logged-content .case-hero-layout,.study-content .case-hero-layout{margin-bottom:56px}
 .logged-section,.study-section{padding-top:40px;padding-bottom:40px}
 .case-tradeoff{padding-bottom:40px}
 .tradeoff-heading{flex-wrap:wrap}
 .concept .world-label,.concept.people .world-label,.concept.making .world-label,.concept.structure .world-label{font-size:30px;letter-spacing:.7px}
 .concept.case .case-title{font-size:26px;letter-spacing:-.8px}
 .concept.case .case-entry{min-height:80px}
 .grid-portal img{width:108px;height:108px;margin-bottom:4px}
 .grid-portal{font-size:14px;right:10px;bottom:10px;line-height:1.2}
}
@media(max-width:700px),(max-height:600px),(prefers-reduced-motion:reduce){
 .data-story-runway{height:auto;margin:24px 0}
 .data-story-stage{position:static;height:auto;min-height:0;overflow:visible}
 .data-chip-cloud{position:static;display:flex;flex-wrap:wrap;gap:8px;inset:auto}
 .data-story-runway .data-chip{position:static;max-width:100%;font-size:14px;padding:9px 12px;white-space:normal;transform:none!important;opacity:1!important}
 .data-story-runway .data-group-label{display:none}
 .logged-value-runway{margin-top:32px}
 .logged-value-runway .logged-value{position:static;padding:0;gap:24px}
 .logged-signup-runway{height:auto;padding-bottom:0}
 .logged-signup-pin{position:static;height:auto;padding-bottom:0}
 .logged-signup-stage{width:100%;height:auto;aspect-ratio:auto;padding-bottom:0;display:grid;gap:24px}
 .logged-signup-layer{position:relative;top:auto;left:auto;width:100%;opacity:1;transform:none;pointer-events:auto}
 .logged-flow-detail{width:min(100%,390px);margin:24px auto 0}
 .experience-headings .case-detail-section{margin-top:24px}
 .experience-pin{gap:24px}
 .study-stack-artifacts{gap:24px}
}
@media(max-height:600px) and (min-width:701px){
 .reader-content{padding-top:20px}
 .case-intro h1{font-size:clamp(48px,7.5vw,82px)}
 .study-content .case-intro h1{font-size:clamp(44px,6.5vw,72px)}
 .case-hero-layout{margin-bottom:56px}
}
@media(prefers-reduced-motion:reduce){
 .case-reveal,.study-backbone{opacity:1!important;transform:none!important}
 .logged-value .logged-unlocks{opacity:1!important;transform:none!important}
}

@media(max-width:700px),(max-height:600px){
 .case-reveal{opacity:1;transform:none}
}

/* Phones use the index as their sole portfolio view. */
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
 .grid-portal,.world-portal{display:none}
 .grid-view.is-entering .grid-inner{animation:none}
}

/* The unpublished work stays anchored between its worlds, with no entry action. */
.concept.case.soon{width:280px;height:auto;min-height:76px;padding:12px 16px;gap:8px;opacity:.22;pointer-events:none;cursor:default;will-change:auto}
.concept.case.soon .case-title{font-weight:400;font-size:19px;letter-spacing:-.6px;color:var(--ink)}
.world-soon-marker{font-size:12px;line-height:1.2;letter-spacing:.1em;font-weight:400}
.concept.case.soon.is-discovered{opacity:.38;pointer-events:none}
.concept.case:not(.soon):not(.is-discovered):not(.is-gravity-pending){opacity:.22}
@media(max-width:700px){.concept.case.soon .case-title{font-size:24px}.world-soon-marker{font-size:16px}}

/* One quiet project type treatment in WORLD's overview. */
.concept.case .case-title,.concept.case.soon .case-title{font-size:19px;font-weight:400;letter-spacing:-.6px;line-height:1.12}
.concept.case:not(.is-discovered):not(.is-gravity-pending){opacity:.22}
.concept.case.soon.is-discovered{opacity:.22}
.world-portal{padding-top:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .3s var(--ease)}
.world-portal img{display:block;width:140px;height:140px;object-fit:contain}
.world-portal:hover{transform:translateY(-4px)}
@media(max-width:700px){.concept.case .case-title,.concept.case.soon .case-title{font-size:26px}}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){.world-portal{display:none}}

/* A local glimpse behind the identity, available only in WORLD overview. */
.person{cursor:default}
.person.is-about-available{cursor:pointer}
.person:focus-visible{outline:1px solid currentColor;outline-offset:16px}
.nina-letter{display:inline-block;transition:transform .55s var(--ease),opacity .4s ease;will-change:transform}
.person.is-about-available:not(.is-about-open):hover .nina-letter:nth-child(2n){transform:translateY(-1.5px)}
.person.is-about-open .nina-letter{transform:translate(var(--letter-x),var(--letter-y)) rotate(var(--letter-turn));opacity:.25}
.nina-about{position:absolute;z-index:2;left:50%;top:50%;width:310px;max-width:none;margin:0;transform:translate(-50%,-50%);font-size:18px;line-height:1.45;letter-spacing:0;text-align:left;font-weight:400;cursor:pointer}
.nina-about[hidden]{display:none}
.person.is-about-open .nina-about{animation:nina-introduction .35s ease .16s both}
@keyframes nina-introduction{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.nina-about{width:290px;font-size:19px}}
@media(prefers-reduced-motion:reduce){
 .person.is-about-open .nina-letter{transform:none;opacity:0}
 .person.is-about-available:not(.is-about-open):hover .nina-letter{transform:none}
 .nina-about{animation:none!important}
}

.grid-header{gap:clamp(32px,5vw,80px)}
.grid-introduction{max-width:46ch;margin:0;flex:1;font-size:19px;line-height:1.5;align-self:center}
@media(max-width:900px){.grid-header{flex-wrap:wrap}.grid-introduction{flex-basis:100%;order:3;max-width:52ch;font-size:18px}.world-portal{margin-left:auto}}
@media(max-width:700px){.grid-header{gap:28px}.grid-introduction{font-size:17px;line-height:1.5}}

.about-signature{display:block;margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted);font-weight:400;letter-spacing:0}
.copyright-footer{font:400 12px/1.5 var(--body);color:var(--muted);padding:28px 0 0;margin:0}
.universe{display:grid;grid-template-rows:minmax(0,1fr) 44px}
.world-copyright{grid-row:2;padding:12px clamp(22px,4vw,80px);align-self:end;white-space:nowrap}
.world-window{bottom:44px}
.universe.is-grid-view .world-copyright,.universe.is-scholarship-reader-open .world-copyright,.universe.is-study-reader-open .world-copyright,.universe.is-logged-reader-open .world-copyright{display:none}
.universe.is-grid-view .world-window,.universe.is-scholarship-reader-open .world-window,.universe.is-study-reader-open .world-window,.universe.is-logged-reader-open .world-window{bottom:0}
.nina-about,.grid-introduction{font-weight:500}
.about-signature{font-weight:400}
/* A little breathing room between these WORLD symbols and their labels. */
.concept.people .world-label,.concept.problems .world-label,.concept.structure .world-label{margin-top:8px}
.concept.problems .world-label{margin-top:4px}
.about-signature{font-weight:600;color:var(--coral)}
.person.is-about-open .nina-letter{color:#971e1f}

.nina-about{text-align:center}

.killed-darling-artifact a{display:block;cursor:pointer}
.killed-darling-artifact a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
/* The long phone capture is an inspectable preview rather than several screens of scrolling. */
@media(max-width:700px){
 .experience-artifacts .directory-desktop-specimen{max-height:70svh;overflow:hidden}
}

/* Only visible case titles receive clicks; transparent card padding cannot cover neighbours. */
.world .concept.case{pointer-events:none!important}
.world .concept.case .case-title{pointer-events:none}
.world .concept.case.is-gravity-revealed:not(.soon) .case-title,
.world .concept.case.is-discovered:not(.is-gravity-pending):not(.soon) .case-title{pointer-events:auto}
/* Give the evidence screens enough height to show their contents. */
@media(min-width:701px) and (min-height:601px){
 .experience-pin{gap:24px;top:72px;height:calc(100svh - 92px)}
 .experience-headings h2{font-size:clamp(48px,4vw,80px)}
 .experience-artifacts{min-height:58svh}
 .experience-artifacts .case-directory-evidence{height:100%}
 .experience-artifacts .scholarship-page-specimen{height:96%}
}

/* Desktop WORLD exploration: faint titles are discoverable, focus is equivalent to hover. */
.world-subheading{display:none}
@media(min-width:701px){
 .world .world-subheading{display:block;max-width:260px;margin-top:12px;font:400 15px/1.4 var(--body);letter-spacing:0;color:var(--ink);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
 .world .concept.is-selected .world-subheading,.world .concept:hover .world-subheading,.world .concept:focus-visible .world-subheading{opacity:.72}
 .world .concept.case{opacity:0!important}
 .world .concept.case.is-world-preview{opacity:.18!important}
 .world .concept.case.is-discovered,.world .concept.case.is-gravity-revealed{opacity:1!important}
 .world .concept.case.soon.is-discovered,.world .concept.case.soon.is-gravity-revealed{opacity:.18!important}
 .world .concept.case.is-gravity-pending{opacity:.03!important}
 .world .concept.case .case-title{opacity:1;color:var(--ink);transition:color .35s var(--ease)}
 .world .concept.case.is-discovered:not(.soon) .case-title,.world .concept.case.is-gravity-revealed:not(.soon) .case-title{color:#722f42}
 .world .concept.case.is-world-preview .case-title{pointer-events:none!important}
 .world .concept.case.is-gravity-pending .case-title{pointer-events:none!important}
 .world .concept.case .world-soon-marker{opacity:1}

}
@media(prefers-reduced-motion:reduce){.world .case-title,.world .world-subheading{transition:none}}

/* Taller Study Abroad evidence windows retain the existing layered sequence. */
@media(min-width:701px) and (min-height:601px){
 .study-stack-pin{top:72px;height:calc(100svh - 92px);gap:12px}
 .study-stack-artifacts{min-height:64svh}
 .study-stack-main{height:100%}
 .study-stack-sports{top:3%;height:97%}
 .study-stack-blueberry{height:94%}
}

/* A narrower phone preview shows the introduction and at least one complete card. */
@media(max-width:700px){
 .experience-artifacts .case-directory-evidence{width:min(78%,280px);justify-self:center;margin-left:auto;margin-right:auto}
 .experience-artifacts .directory-desktop-specimen{width:100%;height:auto;aspect-ratio:.48;max-height:none;overflow:hidden}
 .experience-artifacts .directory-desktop-specimen picture,.experience-artifacts .directory-desktop-specimen img{width:100%;height:auto}
}

/* Restore the existing scroll-driven chip sequence on phones. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .data-story-stage{position:relative;top:auto;height:360px;min-height:0;overflow:hidden}
 .data-chip-cloud{position:absolute;display:block;inset:0 1%}
 .data-story-runway .data-chip{position:absolute;left:var(--flow-x,var(--chaos-x));top:var(--flow-y,var(--chaos-y));max-width:43%;font-size:10px;padding:8px;transform:translate(-50%,-50%) rotate(var(--flow-tilt,var(--tilt)))!important;opacity:var(--flow-opacity,1)!important}
}

@media(min-width:701px){
 .world .concept.case.is-discovered:not(.soon) .case-title,.world .concept.case.is-gravity-revealed:not(.soon) .case-title{font-weight:600}
}