@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#0d1119;--ink:#edf1f8;--green:#17243d;--lime:#81a8ff;--line:#30394a;--muted:#a9b4c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a8c3ff;outline-offset:5px}a,button{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,.brand,.display{font-family:'Space Grotesk',sans-serif;line-height:1.03;letter-spacing:-.055em;margin:0}p{margin:0 0 20px}button{font:inherit}header,.wrap{max-width:1380px;padding-left:5%;padding-right:5%;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:700;letter-spacing:-1.4px}.brand span{color:#81a8ff}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-contact{border:1px solid var(--ink);border-radius:50px;padding:10px 20px}a:hover .arrow{transform:translate(3px,-3px)}.arrow{display:inline-block;transition:transform .2s}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;display:block}.hero{padding-top:65px;padding-bottom:65px}.hero-top>.eyebrow:first-child{text-transform:none}.hero-top{display:flex;justify-content:space-between;align-items:center}.dot{display:inline-block;width:7px;height:7px;background:#81a8ff;border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(62px,8.2vw,116px);margin:27px 0 28px;max-width:1100px;font-weight:600}.hero h1 em{color:#0d1119;font-style:normal;background:var(--lime);padding:0 12px;border-radius:8px;display:inline-block;transform:rotate(-2deg)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero-bottom p{max-width:550px;font-size:19px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:50px;padding:15px 24px;background:var(--lime);color:#0d1119;font-weight:600;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.band .wrap{display:flex;justify-content:space-between;gap:18px;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:24px}.section h2{font-size:clamp(40px,5vw,64px);font-weight:500}.section-head>p{max-width:300px;color:var(--muted);font-size:14px;margin:0}.section-head .eyebrow{margin-bottom:16px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 26px}.feature{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;min-height:380px;background:var(--green);color:var(--ink);border-radius:16px;overflow:hidden}.feature-type{padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff30}.feature-type .display{font-size:clamp(70px,9vw,130px);color:var(--lime);font-weight:500}.feature-type .eyebrow{color:#acbedd}.feature-copy{padding:45px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-size:36px;letter-spacing:-1.5px;margin:20px 0}.feature-copy p{font-size:16px;color:#c1cbe0}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:25px;align-items:center;text-decoration:underline;text-underline-offset:6px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid currentColor;padding:4px 10px;border-radius:30px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;opacity:.85}.project-media{aspect-ratio:16/10;background:#182332;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:28px}.project-media img{width:100%;height:auto;box-shadow:0 10px 25px #00000040;transition:transform .35s}.project:hover .project-media img{transform:scale(1.035)}.project:nth-child(3) .project-media{background:#25243b}.project-meta{display:flex;justify-content:space-between;margin:19px 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.project h3{font-size:30px;margin-bottom:15px;font-weight:500;letter-spacing:-1.4px}.project p{font-size:16px;color:var(--muted);max-width:490px}.project-title{display:flex;justify-content:space-between;gap:20px}.project-title .arrow{font-size:30px}.reel{display:grid;grid-template-columns:.65fr 1fr;gap:50px;align-items:center;padding:50px 0;border-top:1px solid var(--line);margin-top:60px}.reel h3{font-size:40px;margin:14px 0 20px}.reel p{color:var(--muted);font-size:16px}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:12px;background:#edf1f8}.about{background:#141c29}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait{position:relative;max-width:420px;transform:rotate(-3deg);margin:15px}.portrait img{aspect-ratio:1;object-fit:cover;border:10px solid #263247;border-radius:5px}.portrait figcaption{color:#0d1119;display:inline-block;background:var(--lime);padding:8px 18px;font-family:'Space Grotesk',sans-serif;font-size:18px;transform:rotate(5deg);margin-top:-15px;position:relative;float:right}.about-copy h2{margin:20px 0 25px}.about-copy p{max-width:630px}.credentials{border-top:1px solid #30394a;margin-top:26px}.credential{padding:15px 0;border-bottom:1px solid #30394a;display:flex;justify-content:space-between;gap:25px;font-size:14px}.credential span{color:var(--muted)}.mdm{display:grid;grid-template-columns:.7fr 1fr;gap:65px}.mdm h2{margin:20px 0}.mdm p{color:var(--muted)}.mdm-links{display:grid;gap:0;border-top:1px solid var(--line);margin-top:28px}.mdm-links a{padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:15px}.contact{background:#17243d;padding:70px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{font-size:clamp(46px,6.8vw,90px);max-width:770px;margin-top:20px}footer{padding-top:25px!important;padding-bottom:25px!important;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.skip{color:#0d1119;position:absolute;top:-100px;background:var(--lime);padding:15px;z-index:5}.skip:focus{top:0}.case-hero{padding-top:50px;padding-bottom:45px}.back{font-size:13px;display:inline-block;margin-bottom:45px}.case-hero h1{font-size:clamp(55px,7.5vw,104px);max-width:1100px;margin:20px 0 28px}.case-lead{max-width:750px;font-size:22px}.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.case-stats span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.case-stats strong{font-size:15px;font-weight:500}.case-image{width:100%;border-radius:12px}.case-section{display:grid;grid-template-columns:.55fr 1fr;gap:60px;padding:55px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:35px;font-weight:500}.case-section h3{font-size:23px;letter-spacing:-.7px;margin-bottom:13px}.case-section p{color:var(--muted);max-width:730px}.contribution{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.contribution:last-child{margin:0;padding:0;border:0}.case-footer{padding:55px 0;display:flex;justify-content:space-between}.source{font-size:12px;color:var(--muted);margin-top:30px}.source a{text-decoration:underline}.case-banner{background:var(--green);color:var(--lime);border-radius:14px;padding:70px 7%;font-size:clamp(50px,8vw,100px)}
@media(max-width:800px){header{height:85px}nav{gap:16px}.hero{padding-top:35px}.hero-top>span:last-child{display:none}.hero h1{font-size:clamp(56px,10vw,85px)}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.band .wrap{flex-wrap:wrap;justify-content:center;font-size:10px}.section{padding-top:55px;padding-bottom:55px}.feature{grid-template-columns:1fr}.feature-type{border-right:0;border-bottom:1px solid #ffffff30;min-height:270px;padding:30px}.feature-type .display{font-size:80px}.feature-copy{padding:30px}.work-grid{gap:35px 20px}.project-media{padding:14px}.project h3{font-size:26px}.project-meta{font-size:9px}.reel,.about-layout,.mdm{grid-template-columns:1fr;gap:32px}.portrait{max-width:330px;margin:10px auto 25px}.contact .wrap{align-items:start;flex-direction:column;gap:30px}.section-head>p{display:none}.case-section{grid-template-columns:1fr;gap:25px}.case-stats{grid-template-columns:1fr 1fr}.case-lead{font-size:19px}.mdm{gap:20px}}@media(max-width:500px){.brand{font-size:22px}nav{gap:15px;font-size:12px}.nav-contact{padding:8px 12px}nav a:nth-child(2){display:none}.hero h1{font-size:55px}.hero-bottom p{font-size:17px}.work-grid{grid-template-columns:1fr}.project-media{padding:22px}.feature-type .display{font-size:75px}.credential{flex-direction:column;gap:4px}.contact h2{font-size:47px}footer{gap:20px}.case-hero h1{font-size:52px}.case-footer{gap:20px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.clock-trailer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:30px;margin-bottom:30px;border:1px solid var(--line);border-radius:13px;background:#142530}.clock-trailer h2{font-size:30px;margin:15px 0}.clock-trailer p{font-size:14px;color:var(--muted);margin:0}.clock-trailer .button{flex-shrink:0}@media(max-width:800px){.clock-trailer{flex-direction:column;align-items:start;padding:24px}}

.case-study{--case-accent:#81a8ff}.case-study.babysteps{--case-accent:#b2a5ed}.case-study.clock-tower{--case-accent:#8cbccc}
.case-study .case-hero h1{color:var(--ink)}.case-study .case-hero .eyebrow{color:var(--case-accent)}
.case-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;padding:40px;background:#141e2e;border:1px solid var(--line);border-radius:15px}.case-overview p{margin:16px 0 0;color:var(--muted)}.case-overview .focus{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.3;letter-spacing:-.6px;color:var(--ink)}
.case-nav{display:flex;flex-wrap:wrap;gap:25px;border-bottom:1px solid var(--line);padding:24px 0;font-size:13px;color:var(--muted)}.case-nav a:hover{color:var(--ink)}
.case-study .case-section h2{line-height:1.13}.ownership{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--case-accent);display:block;margin-bottom:12px}.case-study .contribution h3{line-height:1.18}
.technical{margin:55px 0;border:1px solid var(--line);border-top:3px solid var(--case-accent);border-radius:13px;padding:38px;background:#141c29}.technical h2{font-size:clamp(30px,4vw,47px);line-height:1.13;max-width:800px;margin:17px 0 32px}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.challenge-grid h3{font-size:20px;letter-spacing:-.6px;margin-bottom:15px}.challenge-grid p{color:var(--muted);font-size:16px;margin:0}.system-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:35px 0 0;list-style:none;gap:12px}.system-steps li{border:1px solid var(--line);padding:18px;border-radius:7px;font-size:13px;color:var(--muted)}.system-steps strong{display:block;font-size:15px;margin-bottom:7px;color:var(--case-accent)}
.case-resources{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.case-resources .button{font-size:12px;padding:11px 17px}.case-next{display:flex;justify-content:space-between;gap:22px;padding:35px 0 60px}.case-next a{font-size:15px}.case-next small{display:block;color:var(--muted);margin-bottom:7px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.case-next a:last-child{text-align:right}
.mdm-card{padding:30px;border:1px solid var(--line);border-radius:13px;background:#191e30}.mdm-card.clock{background:#142530}.mdm-card .eyebrow{color:#b2a5ed;margin-bottom:42px}.mdm-card.clock .eyebrow{color:#8cbccc}.mdm-card h3{font-size:40px}.mdm-card p{max-width:100%;margin:20px 0 25px}.mdm-card .text-link{color:var(--ink)}.feature-type .display{font-size:clamp(53px,6.8vw,95px)}
@media(max-width:800px){.case-overview{grid-template-columns:1fr;gap:25px;padding:28px}.challenge-grid{grid-template-columns:1fr;gap:28px}.technical{padding:27px}.feature-type .display{font-size:70px}.case-nav{gap:18px}}@media(max-width:500px){.system-steps{grid-template-columns:1fr}.technical{padding:22px}.case-overview .focus{font-size:23px}.case-next{flex-direction:column}.case-next a:last-child{text-align:left}.mdm-card{padding:25px}.feature-type .display{font-size:61px}.case-study .case-hero h1{font-size:48px}}

.explorer-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:end;padding-top:35px;padding-bottom:38px}.explorer-intro h1{font-size:clamp(46px,5.1vw,72px);line-height:1.08;font-weight:500;margin:15px 0 0;letter-spacing:-.055em}.explorer-intro h1 span{color:var(--lime)}.intro-note{display:flex;gap:18px;align-items:center;max-width:430px;justify-self:end}.intro-note img{width:55px;height:65px;object-fit:cover;border-radius:7px;transform:rotate(-4deg);flex-shrink:0}.intro-note p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.explorer{padding-bottom:60px}.explorer-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;align-items:center}.explorer-heading .eyebrow{font-size:10px;letter-spacing:1.6px}.explorer-controls{display:flex;gap:8px;align-items:center}.explorer-controls[hidden]{display:none}.explorer-controls button{display:grid;place-items:center;background:transparent;color:var(--ink);width:33px;height:33px;border:1px solid var(--line);border-radius:50%;cursor:pointer}.explorer-controls button:hover{background:#24334b}.explorer-controls .counter{margin-right:15px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.explorer-grid{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#111925}.project-directory{display:flex;flex-direction:column;gap:0;background:#101620;border-right:1px solid var(--line);padding:14px}.project-choice{display:grid;grid-template-columns:23px 1fr 15px;gap:9px;align-items:start;padding:23px 12px;position:relative;border-radius:7px;margin:3px 0;border:1px solid transparent}.project-choice:focus-visible{outline-offset:-3px}.project-choice .index{font-size:10px;color:#75839b;padding-top:5px;font-variant-numeric:tabular-nums}.project-choice strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:17px;display:block;line-height:1.2;letter-spacing:-.4px}.project-choice small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.project-choice .selection-mark{color:var(--lime);opacity:0;font-size:15px;line-height:1.3}.project-choice:hover{background:#192333}.project-choice[aria-selected=true]{background:#1c2940;border-color:#385075}.project-choice[aria-selected=true] .selection-mark{opacity:1}.project-choice[aria-selected=true] strong{color:#bed2ff}.directory-foot{margin-top:auto;padding:20px 12px 10px;color:#8f9bb0;font-size:11px;line-height:1.7;border-top:1px solid #273143}.project-panel{min-width:0;--project-accent:#81a8ff;animation:project-in .28s ease both}.project-panel[hidden]{display:none}.stage-media{aspect-ratio:2.15;background:#111925;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.stage-media img{width:100%;height:100%;object-fit:cover}.stage-media.cover img{object-fit:contain;background:#090d14}.stage-media .media-label{position:absolute;bottom:15px;left:19px;background:#0d1119e8;padding:7px 11px;border:1px solid #5b677c;border-radius:4px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#edf1f8}.type-stage{height:100%;padding:35px 38px;display:flex;flex-direction:column;justify-content:space-between;background:#191d32;color:var(--project-accent)}.clock-tower .type-stage{background:#122832}.type-stage .display{font-size:clamp(35px,4.3vw,61px);line-height:1.04;max-width:600px}.type-stage .eyebrow{font-size:10px}.type-stage .stage-foot{font-size:11px;color:var(--muted);letter-spacing:.3px}.stage-content{padding:27px 33px 25px}.stage-title-row{display:flex;gap:30px;align-items:start;justify-content:space-between}.stage-title-row .eyebrow{font-size:10px;color:var(--project-accent);letter-spacing:1.2px}.stage-title-row h2{font-size:37px;line-height:1.08;margin:10px 0 15px;letter-spacing:-1.4px}.stage-role{text-align:right;white-space:nowrap;color:var(--muted);font-size:11px;padding-top:2px}.stage-role strong{display:block;color:var(--ink);font-size:13px;font-weight:500;margin-top:8px}.stage-description{font-size:15px;max-width:640px;color:var(--muted);margin-bottom:19px;min-height:47px}.stage-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.stage-chips span{font-size:10px;color:#b7c4d8;padding:4px 9px;border:1px solid var(--line);border-radius:4px}.stage-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.stage-actions .button{font-size:12px;padding:12px 18px;gap:20px;background:var(--project-accent)}.stage-actions .text-link{font-size:12px}.technical-peek{border-top:1px solid var(--line);margin-top:24px}.technical-peek summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0 0;font-size:12px;line-height:1.5}.technical-peek summary::-webkit-details-marker{display:none}.technical-peek summary span:first-child{color:var(--muted)}.technical-peek summary b{font-weight:500;color:var(--project-accent);font-size:18px;flex-shrink:0}.technical-peek[open] summary b{transform:rotate(45deg)}.technical-peek p{font-size:14px;line-height:1.7;color:var(--muted);padding:17px 0 0;margin:0;max-width:700px}.case-trailer-link{margin-bottom:30px;display:flex;gap:25px;align-items:center}.case-trailer-link img{width:240px;border-radius:10px}.case-trailer-link p{margin:8px 0 15px;color:var(--muted);font-size:14px}.case-trailer-link .button{font-size:12px}.nojs-note{font-size:13px;color:var(--muted)}.explorer-reel .reel{margin-top:0}.explorer-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes project-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.stage-media{aspect-ratio:2.4}}@media(max-width:1050px){.explorer-grid{grid-template-columns:220px minmax(0,1fr)}.project-directory{padding:10px}.project-choice{padding:22px 8px;gap:6px}.stage-content{padding:25px}.stage-title-row{flex-direction:column;gap:0}.stage-role{text-align:left;margin:0 0 15px}.stage-role strong{display:inline;margin-left:8px}.stage-title-row h2{margin-bottom:13px}.stage-media{aspect-ratio:1.85}.type-stage{padding:28px}.type-stage .display{font-size:42px}}
@media(max-width:750px){.explorer-intro{grid-template-columns:1fr;padding-top:20px;gap:22px;padding-bottom:28px}.explorer-intro h1{font-size:48px}.intro-note{justify-self:start;max-width:530px}.intro-note img{width:39px;height:48px}.intro-note p{font-size:13px}.explorer-grid{grid-template-columns:1fr}.project-directory{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);gap:8px;padding:10px;scrollbar-width:thin;scrollbar-color:#46628c #111925}.project-choice{min-width:190px;padding:15px 11px;grid-template-columns:19px 1fr 10px;margin:0}.project-choice strong{font-size:15px}.project-choice small{margin-top:7px}.directory-foot{display:none}.stage-media{aspect-ratio:1.85}.stage-title-row{flex-direction:row;gap:14px}.stage-title-row h2{font-size:32px}.stage-role{font-size:10px;text-align:right}.stage-role strong{font-size:11px;display:block;margin:5px 0 0}.stage-content{padding:24px}.stage-description{min-height:0}.type-stage .display{font-size:43px}.type-stage{padding:24px}.case-trailer-link{flex-direction:column;align-items:start}.case-trailer-link img{width:100%;max-width:460px}}
@media(max-width:420px){.explorer-intro h1{font-size:42px}.stage-title-row{flex-direction:column;gap:0}.stage-role{text-align:left}.stage-role strong{display:inline;margin-left:6px}.stage-content{padding:20px}.type-stage .display{font-size:35px}.stage-media{aspect-ratio:1.6}.type-stage .stage-foot{font-size:10px}.explorer-heading .eyebrow{font-size:9px}.explorer-controls .counter{margin-right:5px}}
@media(prefers-reduced-motion:reduce){.project-panel{animation:none}}

/* Project map and responsive media */
.clock-trailer{display:block}.clock-trailer>div{min-width:0;width:100%}.clock-trailer video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#05080e;border-radius:8px;margin:18px 0}.clock-trailer .button{margin-top:16px}
.stage-media.trailer-media{aspect-ratio:16/9;background:#05080e}.stage-media video{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}.trailer-media .media-label{top:12px;bottom:auto;pointer-events:none}.trailer-media:has(video:focus) .media-label{display:none}
.explorer-grid{grid-template-columns:340px minmax(0,1fr);background:transparent;border:0;overflow:visible;gap:24px;align-items:start}.project-directory{position:relative;isolation:isolate;min-height:650px;border:1px solid #2a3a54;border-radius:16px;padding:26px 20px;gap:14px;background:radial-gradient(circle at 50% 40%,#21365366,transparent 65%),radial-gradient(#40527370 1px,transparent 1px),#0d1420;background-size:auto,22px 22px,auto;overflow:hidden}.project-directory:before{content:'';position:absolute;z-index:-1;width:1px;background:linear-gradient(#81a8ff,#b9a6f5,#89cbd7,#91b5e5,#c3a4e9);top:65px;bottom:95px;left:50%;opacity:.6;transform:rotate(-8deg)}.project-choice{width:88%;padding:18px 13px;margin:0;border:1px solid #35455f;background:#101a2bee;box-shadow:0 8px 22px #0003;transition:transform .22s,border-color .22s,background .22s}.project-choice:nth-child(even){align-self:flex-end}.project-choice:hover{transform:translateY(-3px);border-color:#7c9dcf}.project-choice[aria-selected=true]{background:#243858;border-color:#a7c2ff;box-shadow:0 0 26px #568cff24}.project-choice strong{font-size:18px}.project-choice small{font-size:12px}.project-choice .index{font-size:12px}.project-choice .selection-mark{font-size:18px}.directory-foot{font-size:13px;background:#0d1420b0;border:0;padding:16px 8px 0}.project-stage{min-width:0;border:1px solid #35445d;border-radius:16px;overflow:hidden;background:#111925}.explorer-heading .eyebrow{font-size:12px}.stage-media{aspect-ratio:16/9}.stage-role,.stage-role strong,.stage-actions .button,.stage-actions .text-link,.technical-peek summary{font-size:14px}.stage-description{font-size:16px}.stage-chips span{font-size:12px}.stage-title-row .eyebrow{font-size:12px}.media-expand{position:absolute;top:12px;right:12px;padding:9px 12px;background:#101827ec;border:1px solid #667b99;border-radius:6px;color:#fff;font:inherit;font-size:13px;cursor:pointer}.media-expand:hover{background:#2c4264}.media-dialog{width:min(1100px,94vw);max-width:94vw;padding:16px;border:1px solid #50688d;border-radius:14px;background:#0d1420;color:#edf1f8}.media-dialog::backdrop{background:#03070eeb;backdrop-filter:blur(8px)}.media-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.media-dialog button{background:#213553;color:white;border:1px solid #52698b;border-radius:6px;padding:10px 16px;font:inherit;cursor:pointer}.media-dialog img,.media-dialog video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#05080e}.swipe-hint{font-size:12px;color:var(--muted);margin-right:16px}
@media(max-width:1050px){.explorer-grid{grid-template-columns:280px minmax(0,1fr);gap:16px}.project-directory{padding:22px 12px}.project-choice{width:96%}}
@media(max-width:750px){.explorer-grid{grid-template-columns:minmax(0,1fr);gap:14px}.project-directory{min-height:0;flex-direction:row;padding:16px;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.project-directory:before{left:0;right:0;top:50%;bottom:auto;width:100%;height:1px;transform:none}.project-choice,.project-choice:nth-child(even){min-width:215px;width:215px;flex-shrink:0;align-self:center;scroll-snap-align:center}.directory-foot{display:none}.stage-media{aspect-ratio:16/9}.swipe-hint{display:none}.stage-content{padding:22px}.stage-title-row{flex-direction:column}.stage-role{text-align:left}.stage-role strong{display:inline;margin-left:8px}}
@media(prefers-reduced-motion:reduce){.project-choice{transition:none}}