@charset "UTF-8";
:root{--bg:#f5f5f0;--surface:#fff;--ink:#181b22;--muted:#575c65;--accent:#2947ed;--on-accent:#fff;--line:#d9dbd6;--secondary:#dafa67;--warm:#ff996b;--radius:0px;--shadow:none;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace;--content:1240px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;transition:background-color .3s,color .3s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}.wrap{width:min(var(--content),calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:28px;font-weight:700;line-height:1}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--accent);color:var(--on-accent);font-size:28px;letter-spacing:-5px;padding-right:5px;position:relative}.brand-mark span{display:inline;position:absolute;left:26px;top:8px;font-size:24px}.brand-dot{color:var(--accent)}.brand small{font-family:var(--font);font-size:10px;font-weight:500;display:block;letter-spacing:.015em;margin-top:6px}.main-nav{display:flex;gap:27px;font-size:14px}.main-nav a{padding:12px 0}.main-nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-style{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;background:transparent;border:1px solid var(--line);padding:11px 17px;border-radius:var(--radius)}.palette-symbol{font-size:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:76px 70px}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.055em}.eyebrow-line{width:20px;height:2px;background:var(--accent)}h1{font-size:clamp(64px,6.9vw,100px);font-weight:600;line-height:.99;letter-spacing:-.065em;margin:27px 0}h1>span{color:var(--accent)}.hero-description{max-width:450px;color:var(--muted);font-size:16px;line-height:1.75}.hero-description strong{display:block;font-weight:500;color:var(--ink);margin-top:7px}.button{display:inline-flex;align-items:center;gap:38px;font-size:15px;font-weight:600;padding:16px 23px;border-radius:var(--radius);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:var(--on-accent);margin-top:27px;box-shadow:var(--shadow)}.button span{font-size:24px;line-height:1}.hero-facts{display:flex;gap:24px;margin-top:27px;font-size:12px;color:var(--muted)}.hero-facts b{font-family:var(--display);font-size:20px;color:var(--ink);margin-right:3px}.hero-facts>span+span{border-left:1px solid var(--line);padding-left:24px}.hero-art{position:relative;padding:28px 0 0;max-width:540px;width:100%;justify-self:end}.art-coordinate{font-family:var(--mono);font-size:10px;letter-spacing:.07em;margin-bottom:16px;color:var(--muted)}.visual-window{background:var(--surface);border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:11px}.window-bar>span:first-child{display:flex;gap:5px}.window-bar i{width:6px;height:6px;border:1px solid var(--ink);border-radius:50%}.window-bar i:first-child{background:var(--ink)}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.art-tile{height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-blue{background:var(--accent);color:var(--on-accent)}.tile-lime{background:var(--secondary);color:#202720}.tile-orange{background:var(--warm);color:#241b18}.tile-paper{background:#ebece7;color:#1b2026}.art-tile small{font:10px var(--mono);position:absolute;bottom:12px;left:16px;letter-spacing:.09em}.asterisk{font:180px/1 'Arial',sans-serif;display:block;transition:transform .8s}.visual-window:hover .asterisk{transform:rotate(90deg)}.orbit{width:105px;height:105px;border:23px solid currentColor;border-radius:50%;position:relative}.orbit:after{content:'';position:absolute;width:100%;height:100%;border:1px solid currentColor;left:24px;top:-35px;border-radius:50%}.pixel-arrow{font-family:Arial,sans-serif;font-size:150px;line-height:1;font-weight:700;transform:translateY(-8px)}.binary{font-family:var(--mono);font-size:66px;letter-spacing:-.12em;line-height:.9;font-weight:600}.code-preview{padding:19px 22px;font-family:var(--mono);font-size:14px;border-top:1px solid var(--ink)}.code-line{display:flex;gap:23px}.line-number{color:var(--muted);font-size:11px;padding-top:3px}.code-line b{font-weight:500;color:var(--accent)}.code-line em{font-style:normal}.code-output{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px;margin-top:7px}.cursor{height:15px;width:7px;background:var(--accent);display:inline-block;animation:blink 1.4s steps(2,start) infinite}.art-sticker{position:absolute;right:-22px;bottom:107px;display:flex;align-items:center;gap:20px;background:var(--secondary);color:#202720;font-family:var(--display);font-size:16px;line-height:1.15;padding:15px 18px;transform:rotate(-7deg);border:1px solid #202720;box-shadow:3px 3px 0 #202720}.art-sticker>span:last-child{font-size:30px}.art-caption{display:flex;justify-content:space-between;margin-top:17px;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.02em}.design-note{border-block:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.design-note>div{display:flex;gap:17px;align-items:center}.note-icon{color:var(--accent);font-size:34px}.design-note p{display:flex;gap:17px;align-items:center;font-size:13px}.design-note p strong{font-weight:600}.design-note p>span{color:var(--muted)}.design-note button{background:transparent;font-size:13px;display:flex;gap:20px;align-items:center;white-space:nowrap}.design-note button:hover{text-decoration:underline;text-underline-offset:5px}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);padding-block:34px 160px;font-size:12px;color:var(--muted)}.footer-logo{font-size:36px;font-family:var(--display);color:var(--ink);font-weight:700}.site-footer>span{margin-left:auto}.style-dock{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 19px;background:#fff;color:#202329;border:1px solid #d7d9dc;box-shadow:0 10px 45px #0002;border-radius:15px;max-width:calc(100% - 32px)}.dock-label{display:flex;align-items:center;gap:11px;padding-right:14px;border-right:1px solid #e0e0e0;font:9px/1.45 var(--mono);letter-spacing:.035em;white-space:nowrap}.dock-spark{font-size:28px;color:#2947ed}.dock-options{display:flex;gap:4px}.dock-choice{background:transparent;padding:9px 10px;border-radius:8px;display:flex;flex-direction:column;gap:5px;align-items:center;min-width:56px;font-family:'DM Sans',sans-serif;font-size:10px;line-height:1.4;border:1px solid transparent;transition:background .2s}.dock-choice:hover{background:#eff1f5}.dock-choice[aria-pressed=true]{background:#eaf0ff;border-color:#b8c5ff;color:#1a36c8}.theme-glyph{font-size:22px;line-height:1;width:29px;height:27px;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:500}.dock-choice[aria-pressed=true] .theme-glyph{color:#2947ed}.next-style{background:#f0f1f4;border:1px solid #e1e3e7;border-radius:9px;height:40px;width:40px;flex:0 0 40px;font-size:24px}.dock-mobile{display:none}.style-dialog{border:1px solid #d6d9df;border-radius:20px;padding:32px;max-width:760px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:#19212c;background:#f8f9fc;box-shadow:0 30px 100px #0004;font-family:'DM Sans',sans-serif}.style-dialog::backdrop{background:#10172988;backdrop-filter:blur(6px)}.picker-top{display:flex;align-items:center;justify-content:space-between}.picker-top .eyebrow{font-size:10px;color:#505866}.close-dialog{background:#e9ecf2;width:36px;height:36px;border-radius:50%;font-size:25px;line-height:1}.style-dialog h2{font-family:'Space Grotesk',sans-serif;font-size:48px;letter-spacing:-.06em;line-height:1.05;margin:14px 0}.style-dialog h2 span{color:#2947ed}.picker-intro{font-size:14px;color:#555d6a;margin-bottom:24px}.picker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picker-choice{text-align:left;background:#fff;border:1px solid #d4d8e1;padding:13px;border-radius:10px;display:flex;flex-direction:column;gap:3px;font:14px 'DM Sans',sans-serif;color:#202734;position:relative;min-width:0}.picker-choice:hover{border-color:#2947ed}.picker-choice[aria-pressed=true]{outline:2px solid #2947ed;border-color:transparent}.picker-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:20px;top:20px;background:#fff;color:#2947ed;border-radius:50%;height:23px;width:23px;text-align:center;line-height:23px;box-shadow:0 1px 4px #0002}.picker-choice small{font-size:11px;color:#58606b;line-height:1.5}.swatch{height:57px;border-radius:5px;background:#2947ed;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#fff;font-size:33px;overflow:hidden}.picker-foot{display:flex;justify-content:space-between;margin-top:22px;font-size:12px;color:#505866}.noscript-notice{padding:20px;background:#fff;color:#111}.style-dock button:focus-visible,.style-dialog button:focus-visible{outline:3px solid #2947ed;outline-offset:3px}@keyframes blink{to{opacity:0}}
@media(min-width:1600px){.hero{padding-block:90px}.art-tile{height:190px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{gap:17px;font-size:12px}.header-style{padding:10px;font-size:12px;gap:8px}.hero{gap:36px}.art-tile{height:145px}.asterisk{font-size:155px}.art-sticker{right:-13px}.design-note p{flex-direction:column;align-items:flex-start;gap:2px}.dock-label{display:none}.dock-choice{padding-inline:8px}.hero-facts{gap:14px;font-size:10px}.hero-facts>span+span{padding-left:14px}.orbit{width:90px;height:90px;border-width:20px}.binary{font-size:58px}.pixel-arrow{font-size:130px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:88px;gap:12px}.main-nav{display:none}.brand{font-size:25px}.brand small{font-size:9px}.header-style{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-block:45px 40px;gap:30px}.hero h1{font-size:clamp(66px,13vw,98px);margin-block:22px}.hero-description{max-width:540px}.eyebrow{font-size:10px}.hero-art{justify-self:center;width:100%;max-width:540px;padding-top:14px}.hero-facts{font-size:12px;gap:20px}.hero-facts>span+span{padding-left:20px}.art-tile{height:150px}.art-sticker{right:-8px;bottom:94px}.art-caption{font-size:8px}.design-note{align-items:flex-start;flex-direction:column;gap:8px;padding-block:20px}.design-note p{font-size:12px}.design-note button{margin-left:48px;font-size:12px}.dock-options{display:none}.dock-mobile{display:flex;align-items:center;gap:34px;justify-content:space-between;background:transparent;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;padding:5px 8px;min-width:165px}.style-dock{gap:9px;bottom:16px;padding:8px 10px;border-radius:12px}.dock-label{display:flex;border:0;padding:0}.dock-label>span:last-child{display:none}.dock-spark{font-size:27px}.next-style{width:36px;height:36px;flex-basis:36px}.style-dialog{padding:22px;max-height:calc(100dvh - 24px)}.style-dialog h2{font-size:37px}.picker-options{grid-template-columns:repeat(2,1fr);gap:9px}.picker-choice{font-size:13px;padding:10px}.picker-choice small{font-size:11px}.swatch{height:45px}.picker-intro{font-size:13px;margin-bottom:18px}.picker-foot{font-size:10px}.site-footer{flex-wrap:wrap;gap:14px 24px;padding-bottom:125px}.site-footer>p{width:calc(100% - 80px)}.site-footer>span{margin-left:0}.code-preview{font-size:13px}.hero-facts b{font-size:20px}}
.section{padding-block:94px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-heading>.section-copy,.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:370px}.section-heading h2{font-size:clamp(34px,3.5vw,48px);line-height:1.08;letter-spacing:-.05em;font-weight:600;margin-top:17px}.section-heading h2 span{color:var(--muted)}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.75}.timeline{list-style:none;margin:0;padding:7px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}.timeline li{padding:0 26px 0 0;position:relative}.timeline-year{font:500 40px/1.3 var(--display);letter-spacing:-.06em}.timeline-point{height:1px;background:var(--line);margin:22px -26px 26px 0;position:relative}.timeline-point:before{content:'';position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--accent)}.timeline li:last-child .timeline-year{color:var(--accent)}.timeline li:last-child .timeline-point{margin-right:0;background:var(--accent)}.timeline h3{font-size:19px;letter-spacing:-.035em;margin-bottom:10px}.timeline p{font-size:14px;color:var(--muted);max-width:230px;line-height:1.75}.timeline-tag{font:9px var(--mono);display:block;margin-top:23px;letter-spacing:.025em;color:var(--muted)}.timeline li:last-child .timeline-tag{color:var(--accent)}.program-band{background:#e9ebe6;border-block:1px solid var(--line)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.program-card{padding:29px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.program-card:hover{transform:translateY(-4px)}.card-icon{font:500 26px var(--mono);height:48px;display:inline-flex;align-items:center;color:var(--accent)}.card-number{float:right;font:11px var(--mono);color:var(--muted);padding-top:12px}.program-card h3{font-size:21px;letter-spacing:-.04em;line-height:1.25;margin:19px 0 12px}.program-card p{font-size:14px;color:var(--muted);line-height:1.75}.card-tag{font:9px var(--mono);display:block;margin-top:26px;letter-spacing:.03em;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;color:var(--accent);margin-top:15px;border-bottom:1px solid currentColor;padding-bottom:3px}.section-footnote{font-size:12px;color:var(--muted);margin-top:24px}.project-stat{display:flex;gap:22px;align-items:center}.project-stat>b{font:600 44px/1 var(--display);letter-spacing:-.06em;white-space:nowrap;color:var(--accent)}.project-stat>b>span{display:block;font:10px var(--mono);letter-spacing:0;margin-top:8px}.project-stat p{font-size:13px!important;line-height:1.7!important}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border-radius:var(--radius);overflow:hidden}.project-visual{height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--radius)}.game-visual{background:var(--accent);color:var(--on-accent)}.web-visual{background:var(--secondary);color:#202720}.robot-visual{background:var(--warm);color:#241b18}.visual-label{position:absolute;left:17px;bottom:13px;font:9px var(--mono);letter-spacing:.025em}.game-grid{display:grid;grid-template-columns:repeat(3,45px);grid-auto-rows:45px;transform:rotate(-8deg);transition:transform .4s}.project-card:hover .game-grid{transform:rotate(0)}.game-grid>span{display:grid;place-items:center;font-size:40px;font-family:var(--display);line-height:1;border-right:1px solid currentColor;border-bottom:1px solid currentColor}.game-grid>span:nth-child(3n){border-right:0}.game-grid>span:nth-last-child(-n+3){border-bottom:0}.mini-browser{width:210px;transform:rotate(6deg);border:1px solid #202720;background:#f5f5f0;box-shadow:5px 5px 0 #202720}.mini-bar{display:block;border-bottom:1px solid #202720;font:8px var(--mono);padding:7px 10px}.mini-layout{display:flex;align-items:center;gap:20px;padding:15px 14px}.mini-layout b{font:600 28px/1 'Space Grotesk',sans-serif;letter-spacing:-.07em}.mini-layout b span{color:#2947ed}.mini-square{background:#2947ed;color:#fff;width:52px;height:52px;display:grid;place-items:center;font-size:40px}.mini-footer{font:7px var(--mono);display:block;padding:0 14px 14px}.flow-diagram{display:flex;flex-direction:column;align-items:center;font:10px var(--mono);transform:rotate(-5deg)}.flow-diagram>span{width:112px;padding:9px;text-align:center;border:1px solid currentColor;background:#ffffff4d}.flow-diagram>i{font-size:19px;font-style:normal;line-height:1.3}.flow-diagram>.flow-active{background:#241b18;color:#fff;border-color:#241b18}.project-copy{padding:24px 0 0}.project-copy .eyebrow{font-size:10px;color:var(--muted)}.project-copy h3{font-size:24px;line-height:1.18;letter-spacing:-.05em;margin:12px 0}.project-copy p{font-size:14px;color:var(--muted);line-height:1.75}.project-tags{font:9px var(--mono);display:block;margin-top:20px;color:var(--muted)}.after-band{border-block:1px solid var(--line)}.pathways{border-top:1px solid var(--line)}.pathway{display:grid;grid-template-columns:35px 1fr 1.2fr 160px 26px;gap:20px;align-items:center;padding:26px 12px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s;border-radius:var(--radius)}.pathway:hover{background:var(--surface);padding-left:20px}.path-number{font:11px var(--mono);color:var(--muted)}.pathway h3{font-size:21px;font-weight:500;letter-spacing:-.04em}.path-description{font-size:14px;color:var(--muted)}.path-duration{font:10px var(--mono);text-align:right}.path-arrow{font-size:24px;color:var(--accent)}.closing{text-align:center;padding-block:95px 80px}.closing .eyebrow{justify-content:center;font-size:10px}.closing h2{font-size:clamp(46px,5vw,72px);line-height:1.06;letter-spacing:-.065em;margin:24px 0;font-weight:600}.closing h2 span{color:var(--accent)}.closing>p:not(.eyebrow){color:var(--muted);font-size:14px}.closing .button{font-size:14px;gap:26px}.sources{font-size:12px;padding-block:0 30px;color:var(--muted)}.sources details{border-top:1px solid var(--line)}.sources summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding-top:18px}.sources summary::-webkit-details-marker{display:none}.sources summary>span{font-size:20px;line-height:1}.sources details[open] summary>span{transform:rotate(45deg)}.source-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:22px 0 0}.source-links p{grid-column:1/-1}.source-links a{text-decoration:underline;text-underline-offset:3px}.source-links a:hover{color:var(--accent)}
/* Material: surfaces arranged in clear layers. */
:root[data-theme=material]{--bg:#f4f8f6;--surface:#fff;--ink:#163e35;--muted:#4b625d;--accent:#006b50;--on-accent:#fff;--line:#ceddd6;--secondary:#c4efda;--warm:#eddfb8;--radius:24px;--shadow:0 3px 6px #173f3412,0 9px 25px #173f340d;--display:'DM Sans',sans-serif}
[data-theme=material] .site-header{border:0;height:100px}[data-theme=material] .brand-mark{border-radius:13px}[data-theme=material] .header-style{background:#e0f0e8;border:0;border-radius:40px}[data-theme=material] .hero{gap:52px;padding-block:56px 70px}[data-theme=material] h1{font-weight:500;letter-spacing:-.065em;font-size:clamp(60px,6.7vw,92px);line-height:1.03}[data-theme=material] .button{border-radius:100px}[data-theme=material] .visual-window{border:0;box-shadow:0 10px 35px #123c3425;transform:rotate(2deg)}[data-theme=material] .window-bar{border:0;background:#deeee5}[data-theme=material] .visual-grid{gap:10px;padding:10px;background:#fff}[data-theme=material] .art-tile{border-radius:15px}[data-theme=material] .tile-paper{background:#edf5f0;color:#164737}[data-theme=material] .code-preview{border:0;background:#f0f6f2}[data-theme=material] .art-sticker{border:0;box-shadow:0 4px 12px #173f3425;border-radius:16px;transform:rotate(-4deg)}[data-theme=material] .design-note{padding:22px 26px;background:#e2f0e8;border:0;border-radius:24px}[data-theme=material] .timeline{gap:20px}[data-theme=material] .timeline li{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:25px 21px}[data-theme=material] .timeline-point{margin:15px 0 20px}[data-theme=material] .timeline-point:before{border-radius:50%}[data-theme=material] .timeline-year{font-size:35px}[data-theme=material] .program-band{background:#e7f1eb;border:0;border-radius:44px}[data-theme=material] .program-card{border:0}[data-theme=material] .card-icon{background:#e2f3e9;border-radius:14px;width:48px;justify-content:center;font-size:22px}[data-theme=material] .program-card:hover{box-shadow:0 8px 28px #163e351e}[data-theme=material] .project-card{background:var(--surface);box-shadow:var(--shadow)}[data-theme=material] .project-visual{margin:12px;border-radius:18px}[data-theme=material] .project-copy{padding:10px 25px 28px}[data-theme=material] .pathways{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}[data-theme=material] .pathway{background:var(--surface);box-shadow:var(--shadow);border:0;padding:24px;grid-template-columns:22px 1fr 25px;gap:10px 15px}[data-theme=material] .pathway h3{grid-column:2}[data-theme=material] .path-description{grid-column:2;grid-row:2}[data-theme=material] .path-duration{grid-column:2;grid-row:3;text-align:left;margin-top:8px}[data-theme=material] .path-arrow{grid-column:3;grid-row:1/4}[data-theme=material] .after-band{background:#e9f1ed;border:0}[data-theme=material] .closing h2{font-weight:500}
/* Skeuomorphism: paper, ink, engraved rules and physical controls. */
:root[data-theme=skeuo]{--bg:#eee4d0;--surface:#faf5e9;--ink:#382b21;--muted:#675548;--accent:#754527;--on-accent:#fffaf1;--line:#bfb097;--secondary:#d9dfb5;--warm:#dfab76;--radius:6px;--shadow:1px 3px 4px #45322126,0 12px 30px #45322116;--display:'Playfair Display',Georgia,serif}
[data-theme=skeuo] body{background-image:repeating-linear-gradient(0deg,#48301003 0px,#48301003 1px,transparent 1px,transparent 3px)}[data-theme=skeuo] .site-header{border-bottom:3px double #ad987b}[data-theme=skeuo] .brand-mark{background:linear-gradient(#926845,#603c24);font-family:'Space Grotesk',sans-serif;border:1px solid #5c3923;border-radius:7px;box-shadow:inset 0 1px #cfa27a,0 2px 3px #39221244}[data-theme=skeuo] .header-style{background:linear-gradient(#fcf8ef,#e4d7be);box-shadow:inset 0 1px white,0 2px 3px #45322120;border-color:#b7a487}[data-theme=skeuo] .hero{gap:70px}[data-theme=skeuo] h1{font-size:clamp(62px,6.5vw,90px);letter-spacing:-.065em;font-weight:600;line-height:1.05;text-shadow:0 1px #fff}[data-theme=skeuo] .primary{background:linear-gradient(#946947,#684026);box-shadow:inset 0 1px #c5986f,0 3px 0 #422719,0 6px 9px #42271922;border:1px solid #5d3c25}[data-theme=skeuo] .primary:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #3a1e1688}[data-theme=skeuo] .hero-art{transform:rotate(2deg)}[data-theme=skeuo] .visual-window{background:#ede5d5;border:7px solid #78614b;box-shadow:inset 0 0 0 1px #332316,3px 6px 0 #4d3b2d,9px 20px 30px #30201033;border-radius:10px}[data-theme=skeuo] .window-bar{background:linear-gradient(#dacbb4,#c2af92);border-bottom:1px solid #816c53;color:#3e3125}[data-theme=skeuo] .visual-grid{padding:10px;gap:10px;background:#dbceb7}[data-theme=skeuo] .art-tile{border-radius:5px;box-shadow:inset 0 2px 5px #34271933,0 1px #fff8}[data-theme=skeuo] .tile-blue{background:linear-gradient(135deg,#986d4c,#573d2a);color:#fcf1db}[data-theme=skeuo] .tile-paper{background:repeating-linear-gradient(#f4eddb 0px,#f4eddb 22px,#cbbfaa 23px);color:#62503d}[data-theme=skeuo] .code-preview{background:#26362d;color:#eaf2d7;border:0;box-shadow:inset 0 3px 7px #0004}[data-theme=skeuo] .code-line b{color:#c3e3a4}[data-theme=skeuo] .code-output,[data-theme=skeuo] .line-number{color:#c2d1ba}[data-theme=skeuo] .cursor{background:#c3e3a4}[data-theme=skeuo] .art-sticker{background:#f4dd96;border:0;box-shadow:1px 5px 7px #3d2e1e33;font-family:var(--display);font-size:18px;color:#4f3c23}[data-theme=skeuo] .design-note{border-block:3px double #b3a187}[data-theme=skeuo] .timeline{gap:18px}[data-theme=skeuo] .timeline li{padding:23px 20px;background:linear-gradient(100deg,#f9f2e3,#f2e8d6);box-shadow:var(--shadow);border:1px solid #c7b798;transform:rotate(-1deg)}[data-theme=skeuo] .timeline li:nth-child(even){transform:rotate(1deg)}[data-theme=skeuo] .timeline-point{margin-right:0}[data-theme=skeuo] .timeline-tag{font-size:8px}[data-theme=skeuo] .program-band{background:#ded0b6;box-shadow:inset 0 4px 12px #5d432416}[data-theme=skeuo] .program-card{background:linear-gradient(100deg,#fcf8ee,#f1e8d6);border:1px solid #c9baa0;border-top:5px solid #8d7154;padding-top:24px}[data-theme=skeuo] .card-icon{color:#76573d}[data-theme=skeuo] .project-visual{border:8px solid #faf3e5;box-shadow:0 3px 8px #4e371c26}[data-theme=skeuo] .project-card{overflow:visible}[data-theme=skeuo] .project-card:nth-child(2){transform:translateY(15px)}[data-theme=skeuo] .pathway{border-bottom-style:dashed}[data-theme=skeuo] .pathway h3{font-weight:600}[data-theme=skeuo] .after-band{background:#e8ddc7}[data-theme=skeuo] .closing h2{font-weight:500}
/* Neumorphism: a calm, continuous surface with tactile relief. */
:root[data-theme=neuo]{--bg:#e5eaf0;--surface:#e5eaf0;--ink:#29374a;--muted:#526176;--accent:#3452b9;--on-accent:#fff;--line:#bcc8d5;--secondary:#cbdccf;--warm:#d8c8c2;--radius:28px;--shadow:9px 9px 20px #bec6d1,-9px -9px 20px #ffffff;--display:'DM Sans',sans-serif}
[data-theme=neuo] .site-header{border:0}[data-theme=neuo] .brand-mark{border-radius:14px;box-shadow:4px 4px 10px #bdc7d5,-4px -4px 10px #fff}[data-theme=neuo] .header-style{border-color:#ccd4df;box-shadow:5px 5px 12px #c0c8d3,-5px -5px 12px #fff;padding:12px 18px}[data-theme=neuo] h1{font-weight:700;letter-spacing:-.07em;line-height:1.07;font-size:clamp(62px,6.3vw,88px)}[data-theme=neuo] .hero{gap:75px;padding-bottom:85px}[data-theme=neuo] .visual-window{border:1px solid #d1dae5;padding:13px;box-shadow:15px 15px 30px #bcc5d1,-15px -15px 30px #fff;overflow:visible}[data-theme=neuo] .window-bar{border:0;padding-top:7px}[data-theme=neuo] .visual-grid{gap:15px;padding:16px 6px}[data-theme=neuo] .art-tile{height:160px;border-radius:26px;background:#e5eaf0;color:#455981;box-shadow:inset 5px 5px 10px #c0c8d3,inset -5px -5px 10px #fff}[data-theme=neuo] .tile-blue{box-shadow:5px 5px 12px #bbc5d3,-5px -5px 12px #fff;background:#e5eaf0;color:#3452b9}[data-theme=neuo] .asterisk{font-size:150px;text-shadow:3px 3px 5px #25385730,-3px -3px 5px #fff}[data-theme=neuo] .orbit{border-color:#6f819f;box-shadow:3px 3px 8px #a6b3c6,-3px -3px 8px #fff,inset 3px 3px 8px #a6b3c6,inset -3px -3px 8px #fff}[data-theme=neuo] .code-preview{border:0;border-radius:15px;box-shadow:inset 3px 3px 7px #c1cad7,inset -3px -3px 7px #fff;margin:6px;padding:17px}[data-theme=neuo] .art-sticker{background:#e5eaf0;color:#364760;border:1px solid #c5cfdc;box-shadow:5px 5px 12px #a8b5c6,-5px -5px 12px #fff;border-radius:16px;transform:none;right:-25px}[data-theme=neuo] .design-note{border:1px solid #d1dae5;border-radius:22px;box-shadow:inset 4px 4px 9px #c4ccd8,inset -4px -4px 9px #fff;padding:23px 28px}[data-theme=neuo] .program-band{background:transparent;border:0}[data-theme=neuo] .program-grid{gap:30px}[data-theme=neuo] .program-card{border:1px solid #d0d9e4;padding:30px}[data-theme=neuo] .card-icon{border:1px solid #ccd6e2;width:54px;height:54px;justify-content:center;border-radius:50%;box-shadow:inset 4px 4px 7px #c1cad7,inset -4px -4px 7px #fff;font-size:22px}[data-theme=neuo] .timeline-point:before{border-radius:50%;box-shadow:2px 2px 4px #aab9d0,-2px -2px 4px #fff}[data-theme=neuo] .project-card{box-shadow:var(--shadow);padding:16px;border:1px solid #d0d9e4}[data-theme=neuo] .project-visual{border-radius:20px;box-shadow:inset 4px 4px 12px #0002}[data-theme=neuo] .project-copy{padding:20px 8px 14px}[data-theme=neuo] .pathways{border:0;display:grid;gap:22px}[data-theme=neuo] .pathway{border:1px solid #d0d9e4;box-shadow:var(--shadow);padding-inline:25px}[data-theme=neuo] .pathway:hover{box-shadow:inset 4px 4px 10px #bec6d1,inset -4px -4px 10px #fff}[data-theme=neuo] .primary{box-shadow:5px 5px 12px #adb9cc,-5px -5px 12px #fff;border:1px solid #29459f}
/* Glass: light passes through dark, readable panes. */
:root[data-theme=glass]{--bg:#0c1025;--surface:#202641;--ink:#f6f5ff;--muted:#c4c9e1;--accent:#c2b5ff;--on-accent:#171329;--line:#596180;--secondary:#b7e4de;--warm:#dcaad9;--radius:22px;--shadow:0 15px 40px #03051b44;--display:'Space Grotesk',sans-serif;color-scheme:dark}
[data-theme=glass] body{background:radial-gradient(ellipse at 80% 12%,#60246680,transparent 35%),radial-gradient(ellipse at 0% 42%,#173f8270,transparent 42%),var(--bg);background-attachment:fixed}[data-theme=glass] .site-header{border-color:#ffffff26}[data-theme=glass] .brand-mark{border-radius:13px;background:#ffffff1f;border:1px solid #ffffff50;color:#e7ddff;box-shadow:inset 0 1px #ffffff66}[data-theme=glass] .header-style{background:#ffffff12;border:1px solid #ffffff40;backdrop-filter:blur(15px)}[data-theme=glass] .hero{gap:60px}[data-theme=glass] h1{font-weight:500;text-shadow:0 2px 35px #b28afc20}[data-theme=glass] .hero-art{padding:40px 0;isolation:isolate}[data-theme=glass] .hero-art:before{content:'';position:absolute;width:230px;height:230px;right:-12px;top:0;background:radial-gradient(circle at 30% 25%,#d6c3ff,#9b60da 50%,#463c78);border-radius:50%;z-index:-1;box-shadow:0 0 75px #a35ce755}[data-theme=glass] .hero-art:after{content:'';position:absolute;width:200px;height:200px;left:-45px;bottom:0;background:radial-gradient(circle at 35% 25%,#b2ebf2,#538cac 60%,#25435c);border-radius:50%;z-index:-1;box-shadow:0 0 70px #91ccdc20}[data-theme=glass] .visual-window{background:#20233cba;border:1px solid #ffffff5c;box-shadow:inset 0 1px 0 #ffffff55,0 30px 70px #03051366;backdrop-filter:blur(22px);transform:rotate(-3deg)}[data-theme=glass] .window-bar{border-color:#ffffff25;background:#ffffff08}[data-theme=glass] .visual-grid{gap:10px;padding:15px}[data-theme=glass] .art-tile{border:1px solid #ffffff38;border-radius:15px;background:#ffffff0c;color:#f2deff}[data-theme=glass] .tile-lime{background:#c0fce21a;color:#b7f1e4}[data-theme=glass] .tile-orange{background:#efbfef16;color:#f1c4ef}[data-theme=glass] .tile-paper{background:#9da8ec14;color:#d6dcff}[data-theme=glass] .code-preview{border-color:#ffffff26;background:#11172c80}[data-theme=glass] .art-sticker{background:#332e54de;backdrop-filter:blur(18px);border:1px solid #c9bfee80;color:#efe7ff;border-radius:13px;box-shadow:0 8px 30px #090b2444;right:-20px;bottom:125px}[data-theme=glass] .design-note{border:1px solid #ffffff30;background:#ffffff0a;backdrop-filter:blur(20px);padding:22px 27px;border-radius:18px}[data-theme=glass] .program-band{background:#141e3d66;border-color:#ffffff20}[data-theme=glass] .program-card{background:#232b47d9;border:1px solid #ffffff30;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff20,0 10px 30px #06092130}[data-theme=glass] .program-card:hover{border-color:#c2b5ff99;background:#2b3454}[data-theme=glass] .card-icon{color:#d3c6ff}[data-theme=glass] .timeline-point{background:#858cad80}[data-theme=glass] .timeline-year{font-weight:400}[data-theme=glass] .project-card{border:1px solid #ffffff30;background:#202944c9;padding:12px;box-shadow:inset 0 1px #ffffff20}[data-theme=glass] .project-visual{background:linear-gradient(135deg,#6c568366,#323757aa);border:1px solid #ffffff25;color:#f4eaff;border-radius:14px}[data-theme=glass] .web-visual{background:linear-gradient(135deg,#477d7366,#26415488)}[data-theme=glass] .robot-visual{background:linear-gradient(135deg,#98658366,#552e5988)}[data-theme=glass] .project-copy{padding:20px 13px}[data-theme=glass] .flow-diagram>span{background:#ffffff12}[data-theme=glass] .flow-diagram>.flow-active{background:#e1c5f3;color:#27213b;border-color:#e1c5f3}[data-theme=glass] .after-band{background:#181b3b55;border-color:#ffffff20}[data-theme=glass] .pathway:hover{background:#ffffff0a}[data-theme=glass] .primary{background:linear-gradient(120deg,#d8cbff,#aeb9f7);box-shadow:0 6px 30px #ad96e72b}[data-theme=glass] .closing h2 span{color:#d5c7ff}
/* Brutalism: scale, stark rules and deliberate rawness. */
:root[data-theme=brutal]{--bg:#f6ff62;--surface:#f9f9ee;--ink:#151515;--muted:#343629;--accent:#161616;--on-accent:#f6ff62;--line:#161616;--secondary:#f6ff62;--warm:#ff795b;--radius:0px;--shadow:6px 6px 0 #161616;--display:'Space Grotesk',sans-serif;--font:'IBM Plex Mono',monospace}
[data-theme=brutal] .site-header{border-bottom:3px solid #161616}[data-theme=brutal] .brand-mark{background:#161616;border:2px solid #161616;color:#f6ff62}[data-theme=brutal] .header-style{border:2px solid #161616;box-shadow:3px 3px 0 #161616;background:#fffef3}[data-theme=brutal] .hero{gap:40px;padding-block:50px 70px;grid-template-columns:1.18fr 1fr}[data-theme=brutal] h1{text-transform:uppercase;font-size:clamp(60px,7.3vw,107px);font-weight:700;line-height:.94;letter-spacing:-.085em}[data-theme=brutal] h1>span{background:#161616;color:#f6ff62;display:inline-block;padding:5px 10px 10px;margin-left:-4px;transform:rotate(-2deg)}[data-theme=brutal] .hero-description{font-size:14px}[data-theme=brutal] .hero-art{transform:rotate(2deg)}[data-theme=brutal] .visual-window{border:3px solid #161616;box-shadow:9px 9px 0 #161616}[data-theme=brutal] .window-bar{border-bottom:3px solid #161616;background:#fffdf1}[data-theme=brutal] .visual-grid{gap:3px;background:#161616}[data-theme=brutal] .code-preview{border-top:3px solid #161616;background:#fffdf1}[data-theme=brutal] .tile-paper{background:#fffdf1}[data-theme=brutal] .art-sticker{border:3px solid #161616;box-shadow:5px 5px 0 #161616;background:#ff795b;color:#161616;font-weight:700;text-transform:uppercase}[data-theme=brutal] .primary{background:#161616;border:2px solid #161616;box-shadow:5px 5px 0 #ff795b}[data-theme=brutal] .primary:active{transform:translate(4px,4px);box-shadow:1px 1px 0 #ff795b}[data-theme=brutal] .design-note{border-block:3px solid #161616}[data-theme=brutal] .section-heading h2{text-transform:uppercase;font-size:clamp(35px,4.2vw,58px);font-weight:700;letter-spacing:-.06em}[data-theme=brutal] .section-heading h2 span{color:#161616}[data-theme=brutal] .section-heading p{font-size:14px!important}[data-theme=brutal] .timeline{border:3px solid #161616}[data-theme=brutal] .timeline li{padding:24px;border-right:3px solid #161616}[data-theme=brutal] .timeline li:last-child{border:0;background:#161616;color:#f6ff62}[data-theme=brutal] .timeline li:last-child p,[data-theme=brutal] .timeline li:last-child .timeline-year,[data-theme=brutal] .timeline li:last-child .timeline-tag{color:#f6ff62}[data-theme=brutal] .timeline li:last-child .timeline-point{background:#f6ff62}[data-theme=brutal] .timeline li:last-child .timeline-point:before{background:#f6ff62}[data-theme=brutal] .timeline-point{margin-right:0}[data-theme=brutal] .timeline-year{font-weight:700;font-size:43px}[data-theme=brutal] .timeline p{font-size:12px}[data-theme=brutal] .program-band{background:#fffdf1;border-block:3px solid #161616}[data-theme=brutal] .program-grid{gap:22px}[data-theme=brutal] .program-card{border:3px solid #161616;background:#fffdf1;box-shadow:5px 5px 0 #161616}[data-theme=brutal] .program-card:nth-child(2n){background:#f6ff62}[data-theme=brutal] .card-icon{font-size:31px;font-weight:600}[data-theme=brutal] .program-card h3{text-transform:uppercase;font-size:22px;font-weight:700}[data-theme=brutal] .program-card p{font-size:13px}[data-theme=brutal] .project-card{border:3px solid #161616;box-shadow:5px 5px 0 #161616;background:#fffdf1}[data-theme=brutal] .project-visual{border-bottom:3px solid #161616}[data-theme=brutal] .project-copy{padding:24px}[data-theme=brutal] .project-copy h3{text-transform:uppercase;font-weight:700}[data-theme=brutal] .project-copy p{font-size:13px}[data-theme=brutal] .after-band{border-block:3px solid #161616}[data-theme=brutal] .pathway{border-bottom:2px solid #161616}[data-theme=brutal] .pathway h3{font-weight:700;text-transform:uppercase}[data-theme=brutal] .path-description{font-size:12px}[data-theme=brutal] .closing h2{text-transform:uppercase;font-weight:700;font-size:clamp(45px,6.8vw,95px);line-height:.98}[data-theme=brutal] .closing h2 span{background:#161616;color:#f6ff62;padding:0 12px 8px;display:inline-block;margin-top:10px}[data-theme=brutal] .site-footer{border-top:3px solid #161616}
/* Minimalism: whitespace, quieter scale and a deliberately reduced grid. */
:root[data-theme=minimal]{--bg:#fcfcfa;--surface:#fff;--ink:#272824;--muted:#66685f;--accent:#3e5144;--on-accent:#fff;--line:#dedfd9;--secondary:#e1e5dc;--warm:#e8e5de;--radius:0px;--shadow:none;--display:'DM Sans',sans-serif;--content:1140px}
[data-theme=minimal] .site-header{height:108px;border:0}[data-theme=minimal] .brand-mark{background:transparent;color:#3e5144;border:1px solid #c3cabf;border-radius:50%;font-size:25px}[data-theme=minimal] .brand-mark span{font-size:20px;left:24px;top:10px}[data-theme=minimal] .brand small{font-weight:400}[data-theme=minimal] .header-style{border:0;padding:0;font-weight:400}[data-theme=minimal] .hero{padding-block:110px 125px;grid-template-columns:1.25fr .85fr;gap:80px}[data-theme=minimal] h1{font-size:clamp(58px,6.1vw,85px);font-weight:400;line-height:1.1;letter-spacing:-.065em;margin-block:32px}[data-theme=minimal] .hero-description{font-size:15px;line-height:1.9}[data-theme=minimal] .primary{background:transparent;color:var(--ink);padding:9px 0;border-bottom:1px solid #61665f;border-radius:0;font-weight:400}[data-theme=minimal] .hero-facts{margin-top:38px}[data-theme=minimal] .hero-art{max-width:390px;opacity:.9}[data-theme=minimal] .visual-window{border:0;background:transparent}[data-theme=minimal] .window-bar{border-bottom:1px solid var(--line);padding-inline:0;color:var(--muted)}[data-theme=minimal] .window-bar i{width:4px;height:4px;border-color:#656c63}[data-theme=minimal] .visual-grid{gap:14px;padding-block:20px}[data-theme=minimal] .art-tile{height:140px;background:transparent!important;color:#748272!important}[data-theme=minimal] .asterisk{font-size:135px;font-weight:100}[data-theme=minimal] .orbit{border-width:1px;width:94px;height:94px}[data-theme=minimal] .orbit:after{left:15px;top:-15px}[data-theme=minimal] .pixel-arrow{font-size:120px;font-weight:400}[data-theme=minimal] .binary{font-weight:400;font-size:56px;color:#525e50}[data-theme=minimal] .code-preview{padding:20px 0;border-color:var(--line)}[data-theme=minimal] .art-sticker{position:static;transform:none;background:transparent;border:0;box-shadow:none;justify-content:flex-end;padding:15px 0;font-size:13px;line-height:1.4;color:var(--muted);font-weight:400}[data-theme=minimal] .art-sticker>span:last-child{font-size:21px}[data-theme=minimal] .art-caption{border-top:1px solid var(--line);padding-top:13px;font-size:8px}[data-theme=minimal] .design-note{border-top:0;padding-block:25px}[data-theme=minimal] .note-icon{font-size:25px}[data-theme=minimal] .section{padding-block:110px}[data-theme=minimal] .section-heading h2{font-size:40px;font-weight:400;line-height:1.2}[data-theme=minimal] .section-heading>p{font-size:15px}[data-theme=minimal] .timeline{gap:25px}[data-theme=minimal] .timeline-year{font-size:32px;font-weight:400}[data-theme=minimal] .timeline h3{font-size:18px;font-weight:500}[data-theme=minimal] .timeline-point:before{width:5px;height:5px;top:-2px;border-radius:50%}[data-theme=minimal] .program-band{background:transparent;border-block:1px solid var(--line)}[data-theme=minimal] .program-grid{grid-template-columns:1fr 1fr;gap:0 60px}[data-theme=minimal] .program-card{background:transparent;border:0;border-top:1px solid var(--line);padding:28px 0 36px;display:grid;grid-template-columns:50px 1fr;gap:0 15px}[data-theme=minimal] .card-icon{font-size:23px;grid-column:1;grid-row:1/4}[data-theme=minimal] .card-number{display:none}[data-theme=minimal] .program-card h3{margin:6px 0 10px;grid-column:2;font-weight:500;font-size:22px}[data-theme=minimal] .program-card p,[data-theme=minimal] .card-tag{grid-column:2}[data-theme=minimal] .card-tag{margin-top:17px}[data-theme=minimal] .program-card:hover{transform:none}[data-theme=minimal] .project-grid{gap:35px}[data-theme=minimal] .project-visual{height:205px;filter:grayscale(1)}[data-theme=minimal] .project-copy h3{font-size:22px;font-weight:400}[data-theme=minimal] .project-stat>b{font-weight:400}[data-theme=minimal] .pathway h3{font-weight:400;font-size:20px}[data-theme=minimal] .pathway:hover{background:transparent}[data-theme=minimal] .closing{padding-block:110px}[data-theme=minimal] .closing h2{font-weight:400;line-height:1.15;font-size:clamp(40px,5vw,64px)}
/* Maximalism: confident collisions held together by a strict grid. */
:root[data-theme=maximal]{--bg:#ffe9d6;--surface:#fff3df;--ink:#331451;--muted:#684269;--accent:#7130b6;--on-accent:#fff9e9;--line:#7130b6;--secondary:#e5fc63;--warm:#ff9278;--radius:20px;--shadow:7px 7px 0 #7130b6;--display:'Playfair Display',Georgia,serif}
[data-theme=maximal] .site-header{border-bottom:2px solid var(--ink)}[data-theme=maximal] .brand-mark{border-radius:12px;transform:rotate(-8deg);box-shadow:3px 3px 0 #331451;font-family:'Space Grotesk',sans-serif}[data-theme=maximal] .header-style{background:#e5fc63;color:#331451;border:2px solid #331451;box-shadow:3px 3px 0 #331451;border-radius:30px}[data-theme=maximal] .hero{padding-block:65px 85px;gap:60px}[data-theme=maximal] h1{font-size:clamp(63px,7vw,100px);font-weight:800;line-height:1.03;letter-spacing:-.065em}[data-theme=maximal] h1>span{display:inline-block;background:#e5fc63;color:#7130b6;border:2px solid #7130b6;border-radius:50%;padding:0 18px 10px;transform:rotate(-5deg);margin-top:5px;margin-left:-15px;white-space:nowrap}[data-theme=maximal] .hero-art{transform:rotate(4deg)}[data-theme=maximal] .visual-window{border:3px solid #331451;box-shadow:12px 12px 0 #7130b6;overflow:hidden;border-radius:24px}[data-theme=maximal] .window-bar{background:#ff9278;border-bottom:3px solid #331451;font-weight:600}[data-theme=maximal] .visual-grid{gap:4px;background:#331451}[data-theme=maximal] .tile-blue{background:repeating-linear-gradient(45deg,#7130b6 0px,#7130b6 14px,#60229f 14px,#60229f 28px);color:#ffe9d6}[data-theme=maximal] .tile-lime{color:#7130b6}[data-theme=maximal] .tile-orange{color:#7130b6}[data-theme=maximal] .tile-paper{background:#f5bdd7;color:#7130b6}[data-theme=maximal] .binary{font-family:Georgia,serif;font-size:80px;font-weight:700;letter-spacing:-.15em}[data-theme=maximal] .code-preview{background:#fff3df;border-top:3px solid #331451}[data-theme=maximal] .art-sticker{right:-22px;bottom:95px;transform:rotate(-16deg);background:#e5fc63;color:#331451;border:2px solid #331451;border-radius:45%;padding:22px;font-size:20px;box-shadow:4px 4px 0 #331451}[data-theme=maximal] .primary{border:2px solid #331451;box-shadow:5px 5px 0 #331451;border-radius:100px;background:#7130b6}[data-theme=maximal] .design-note{background:#7130b6;color:#fff6ec;border:2px solid #331451;border-radius:0 32px 0 32px;padding:23px 27px;transform:rotate(-1deg)}[data-theme=maximal] .design-note p>span,[data-theme=maximal] .note-icon{color:#e5fc63}[data-theme=maximal] .section-heading h2{font-size:clamp(38px,4.1vw,57px);font-weight:700;letter-spacing:-.06em}[data-theme=maximal] .section-heading h2 span{color:#7130b6}[data-theme=maximal] .timeline{gap:15px}[data-theme=maximal] .timeline li{border:2px solid #7130b6;border-radius:45px 0 35px 0;background:#fff3df;padding:24px;box-shadow:5px 5px 0 #7130b6}[data-theme=maximal] .timeline li:nth-child(even){background:#e5fc63;transform:translateY(17px)}[data-theme=maximal] .timeline-year{font-size:44px;font-weight:700}[data-theme=maximal] .timeline-point{margin-right:0}[data-theme=maximal] .timeline h3{font-size:21px}[data-theme=maximal] .timeline p{font-size:13px}[data-theme=maximal] .timeline-tag{font-size:8px}[data-theme=maximal] .program-band{background:#7130b6;border-block:3px solid #331451;--ink:#fff3df;--muted:#e8d7f6;--accent:#e5fc63;--line:#b694d5}[data-theme=maximal] .program-band .section-heading h2 span{color:#e5fc63}[data-theme=maximal] .program-grid{gap:25px}[data-theme=maximal] .program-card{background:#fff3df;color:#331451;border:2px solid #331451;border-radius:0 30px 0 30px;box-shadow:6px 6px 0 #331451;--accent:#7130b6;--muted:#684269}[data-theme=maximal] .program-card:nth-child(3n+2){background:#e5fc63;border-radius:30px 0 30px 0}[data-theme=maximal] .program-card:nth-child(3n){background:#f5bdd7}[data-theme=maximal] .program-card h3{font-size:24px;font-weight:700}[data-theme=maximal] .card-icon{font-size:30px}[data-theme=maximal] .project-card{border:2px solid #331451;box-shadow:7px 7px 0 #7130b6;background:#fff3df;border-radius:28px 28px 0 0}[data-theme=maximal] .project-card:nth-child(2){transform:translateY(20px)}[data-theme=maximal] .project-visual{border-radius:0;border-bottom:2px solid #331451}[data-theme=maximal] .project-copy{padding:23px}[data-theme=maximal] .project-copy h3{font-size:27px}[data-theme=maximal] .after-band{background:#f9bdd4;border-block:2px solid #7130b6}[data-theme=maximal] .pathways{border:0;display:grid;gap:15px}[data-theme=maximal] .pathway{background:#fff3df;border:2px solid #7130b6;box-shadow:5px 5px 0 #7130b6;padding-inline:20px;border-radius:50px}[data-theme=maximal] .pathway h3{font-size:23px;font-weight:700}[data-theme=maximal] .pathway:hover{background:#e5fc63}[data-theme=maximal] .closing h2{font-size:clamp(46px,6vw,85px);font-weight:700}[data-theme=maximal] .closing h2 span{display:inline-block;background:#e5fc63;border:2px solid #7130b6;border-radius:50%;padding:0 25px 14px;margin-top:6px;transform:rotate(-4deg)}
/* Typography: an editorial spread where letters supply the image. */
:root[data-theme=typo]{--bg:#f8f6f1;--surface:#f8f6f1;--ink:#24231f;--muted:#676158;--accent:#a3301d;--on-accent:#fff8ef;--line:#b4afa4;--secondary:#ded8ca;--warm:#d6b19e;--radius:0px;--shadow:none;--display:'Playfair Display',Georgia,serif;--font:'DM Sans',sans-serif}
[data-theme=typo] .site-header{border-bottom:4px solid #24231f;height:102px}[data-theme=typo] .brand{font-size:37px}[data-theme=typo] .brand-mark{background:transparent;color:#a3301d;border:1px solid #a3301d;font-family:'Space Grotesk',sans-serif}[data-theme=typo] .header-style{border:0;border-bottom:1px solid #24231f;padding:8px 0;font-family:var(--mono);font-size:12px}[data-theme=typo] .hero{grid-template-columns:1.35fr .75fr;gap:55px;padding-block:50px 65px}[data-theme=typo] h1{font-size:clamp(76px,8vw,116px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin-block:27px 32px}[data-theme=typo] h1>span{font-style:italic;font-weight:600}[data-theme=typo] .hero-description{font-size:15px;max-width:460px}[data-theme=typo] .hero-art{border-left:1px solid #b4afa4;padding-left:30px;max-width:380px}[data-theme=typo] .visual-window{border:0;overflow:visible}[data-theme=typo] .window-bar{padding-inline:0;border-bottom:1px solid #b4afa4;font-size:10px}[data-theme=typo] .window-bar>span:first-child{display:none}[data-theme=typo] .visual-grid{gap:0;background:transparent}[data-theme=typo] .art-tile{height:145px;background:transparent;color:#a3301d}[data-theme=typo] .tile-blue{grid-column:1/-1;height:185px;border-bottom:1px solid #b4afa4}[data-theme=typo] .asterisk{font-family:Georgia,serif;font-size:200px;font-weight:400}[data-theme=typo] .tile-lime{display:none}[data-theme=typo] .pixel-arrow{font-family:Georgia,serif;font-weight:400;font-size:140px;color:#24231f}[data-theme=typo] .tile-paper{color:#24231f}[data-theme=typo] .binary{font-family:Georgia,serif;font-size:75px;font-weight:400;letter-spacing:-.1em}[data-theme=typo] .art-tile small{display:none}[data-theme=typo] .code-preview{border-color:#b4afa4;padding:20px 0;font-size:12px}[data-theme=typo] .art-sticker{position:static;box-shadow:none;border:0;border-block:1px solid #b4afa4;background:transparent;transform:none;padding:15px 0;font-style:italic;font-size:27px;color:#a3301d;justify-content:space-between}[data-theme=typo] .art-sticker br{display:none}[data-theme=typo] .art-caption{font-size:8px;gap:10px}[data-theme=typo] .primary{background:transparent;color:#a3301d;border-block:1px solid #a3301d;padding:13px 0;border-radius:0;font-family:var(--mono);font-size:13px}[data-theme=typo] .hero-facts b{font-size:26px;font-weight:500}[data-theme=typo] .design-note{border-block:1px solid #24231f}[data-theme=typo] .design-note strong{font:500 20px var(--display)}[data-theme=typo] .section-heading{border-top:1px solid #24231f;padding-top:20px;align-items:center}[data-theme=typo] .section-heading h2{font-size:clamp(38px,4.2vw,59px);font-weight:500;letter-spacing:-.065em;line-height:1.05}[data-theme=typo] .section-heading h2 span{font-style:italic;color:#a3301d}[data-theme=typo] .section{padding-block:75px}[data-theme=typo] .timeline-year{font-size:55px;font-weight:400}[data-theme=typo] .timeline h3{font-size:23px;font-weight:500}[data-theme=typo] .timeline p{font-size:14px}[data-theme=typo] .timeline-point:before{width:5px;height:5px;top:-2px}[data-theme=typo] .program-band{background:transparent;border:0}[data-theme=typo] .program-grid{gap:0 32px}[data-theme=typo] .program-card{padding:25px 0 35px;border:0;border-top:1px solid #b4afa4;background:transparent}[data-theme=typo] .card-icon{font-family:Georgia,serif;font-size:50px;height:55px}[data-theme=typo] .card-number{font-size:13px}[data-theme=typo] .program-card h3{font-size:28px;font-weight:500;letter-spacing:-.05em}[data-theme=typo] .program-card:hover{transform:none}[data-theme=typo] .project-stat>b{font-size:60px;font-weight:400}[data-theme=typo] .project-grid{gap:35px}[data-theme=typo] .project-visual{filter:grayscale(.75);height:210px}[data-theme=typo] .project-copy h3{font-size:30px;font-weight:500}[data-theme=typo] .pathways{border-top:3px solid #24231f}[data-theme=typo] .pathway h3{font-size:27px;font-weight:500}[data-theme=typo] .pathway:hover{background:#eeeae2}[data-theme=typo] .closing h2{font-size:clamp(55px,7vw,96px);font-weight:500;letter-spacing:-.07em}[data-theme=typo] .closing h2 span{font-style:italic}[data-theme=typo] .site-footer{border-top:4px solid #24231f}
/* The selector is a stable comparison instrument in every universe. */
.picker-material .swatch{background:#e2f0e8;color:#006b50;border-radius:20px;box-shadow:0 3px 6px #123f3422}.picker-skeuo .swatch{background:linear-gradient(#d9c5a0,#a78459);color:#493421;box-shadow:inset 0 1px #fef1cc,0 2px 0 #755534;border:3px solid #a38862;text-shadow:0 1px #e9d9b8}.picker-neuo .swatch{background:#e5eaf0;color:#455981;box-shadow:inset 3px 3px 6px #b7c1cf,inset -3px -3px 6px #fff;border-radius:15px}.picker-glass .swatch{background:radial-gradient(circle at 70% 50%,#ac80dccc,transparent 55%),linear-gradient(130deg,#20335e,#2d164b);color:#e6d7ff;text-shadow:0 1px 15px #fff}.picker-brutal .swatch{background:#f6ff62;color:#161616;border:2px solid #161616;border-radius:0;box-shadow:3px 3px 0 #161616}.picker-minimal .swatch{background:#fcfcfa;color:#3e5144;border:1px solid #dedfd9;font-weight:400}.picker-maximal .swatch{background:repeating-linear-gradient(-45deg,#f9bdd4 0px,#f9bdd4 12px,#e5fc63 12px,#e5fc63 24px);color:#7130b6;border:2px solid #7130b6;border-radius:20px 0;font-size:44px}.picker-typo .swatch{background:#f8f6f1;color:#a3301d;font:italic 43px Georgia,serif;border-block:1px solid #a3301d;border-radius:0}
/* Responsive rules follow all art directions so each remains usable. */
.brand small{font-size:12px}.eyebrow{font-size:12px}.hero-facts{font-size:12px}.art-coordinate{font-size:12px}.art-caption{font-size:10px}.design-note p,.design-note button{font-size:14px}.dock-choice{font-size:12px}.dock-label{font-size:10px}.timeline-tag,.card-tag,.project-tags{font-size:11px;line-height:1.6}.card-number,.path-number{font-size:12px}.path-duration{font-size:12px}.project-copy .eyebrow{font-size:12px}.section-footnote,.sources,.site-footer{font-size:13px}.picker-choice small{font-size:12px}.picker-choice{font-size:14px}.closing>p:not(.eyebrow){font-size:16px}.program-card p,.project-copy p,.timeline p{font-size:16px}.main-nav{font-size:14px}.style-dialog{color-scheme:light}.close-dialog{min-width:44px;min-height:44px}.next-style{min-width:44px;min-height:44px}.sources summary{min-height:44px}
@media(max-width:1150px){.section-heading{gap:35px}.program-card{padding:24px}.timeline li{padding-right:18px}.timeline-point{margin-right:-18px}.pathway{grid-template-columns:25px 1fr 1fr 120px 20px;gap:12px}.pathway h3{font-size:20px}.path-description{font-size:13px}.path-duration{font-size:10px}.project-visual{height:210px}.project-stat{gap:14px}.project-grid{gap:18px}.project-copy h3{font-size:22px}.dock-choice{padding-inline:7px;min-width:51px;font-size:11px}[data-theme=skeuo] .hero,[data-theme=neuo] .hero{gap:40px}[data-theme=material] .timeline,[data-theme=skeuo] .timeline,[data-theme=maximal] .timeline{gap:12px}[data-theme=material] .timeline li,[data-theme=skeuo] .timeline li,[data-theme=maximal] .timeline li,[data-theme=brutal] .timeline li{padding:20px 16px}[data-theme=maximal] .pathway h3,[data-theme=typo] .pathway h3{font-size:22px}[data-theme=maximal] .project-copy,[data-theme=brutal] .project-copy{padding:20px}[data-theme=neuo] .program-grid{gap:22px}[data-theme=minimal] .hero{gap:45px}[data-theme=typo] .hero{gap:35px}[data-theme=typo] .art-coordinate{font-size:10px}}
@media(max-width:900px){.brand small{font-size:10px}.main-nav{gap:13px;font-size:12px}.header-style{font-size:12px}.hero{gap:28px}.hero-facts{gap:12px;font-size:11px}.hero-facts>span+span{padding-left:12px}.hero-art .art-coordinate{font-size:10px}.art-caption{font-size:8px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:300px}.section-heading h2{font-size:36px}.timeline{grid-template-columns:1fr 1fr;gap:35px 25px}.timeline p{max-width:none}.timeline li{padding-right:0}.timeline-point{margin-right:0}.program-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr;gap:30px}.project-card{display:grid;grid-template-columns:.85fr 1fr;gap:27px}.project-visual{height:230px}.project-copy{padding-top:20px;align-self:center}.project-copy h3{font-size:26px}.pathway{grid-template-columns:25px 1fr 140px 24px}.path-description{grid-column:2;grid-row:2;font-size:14px}.path-duration{grid-column:3;grid-row:1/3}.path-arrow{grid-column:4;grid-row:1/3}.pathway h3{grid-column:2}.path-number{align-self:start;padding-top:4px}.section{padding-block:75px}.project-stat{flex-direction:column;align-items:flex-start;gap:10px}[data-theme=material] .project-card,[data-theme=glass] .project-card,[data-theme=neuo] .project-card,[data-theme=maximal] .project-card,[data-theme=brutal] .project-card{gap:8px}[data-theme=material] .project-copy,[data-theme=glass] .project-copy{padding:20px}[data-theme=skeuo] .project-card:nth-child(2),[data-theme=maximal] .project-card:nth-child(2){transform:none}[data-theme=maximal] .project-visual,[data-theme=brutal] .project-visual{border-bottom:0;border-right:2px solid currentColor}[data-theme=maximal] .timeline li:nth-child(even){transform:none}[data-theme=brutal] .timeline{gap:0}[data-theme=brutal] .timeline li{border-bottom:3px solid #161616}[data-theme=brutal] .timeline li:nth-child(2){border-right:0}[data-theme=brutal] .timeline li:nth-child(3){border-bottom:0}[data-theme=neuo] .art-tile{height:130px}[data-theme=neuo] .asterisk{font-size:120px}[data-theme=neuo] .visual-grid{gap:10px;padding:10px 3px}[data-theme=typo] .hero-art{padding-left:20px}[data-theme=typo] .section-heading h2,[data-theme=maximal] .section-heading h2{font-size:39px}[data-theme=typo] .pathway h3{font-size:24px}[data-theme=minimal] .section{padding-block:80px}}
@media(max-width:760px){html{scroll-padding-top:20px}.brand small{font-size:10px}.header-style{min-height:44px}.hero,.section-heading,.project-stat{gap:28px}.hero-facts{font-size:12px;gap:20px}.hero-facts>span+span{padding-left:20px}.hero-art .art-coordinate{font-size:11px}.hero-description{font-size:16px}.art-caption{font-size:9px}.eyebrow{font-size:11px}.section{padding-block:58px}.section-heading{flex-direction:column;gap:20px;margin-bottom:32px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:none}.section-heading h2{font-size:36px;margin-top:14px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:16px}.timeline{gap:32px 24px}.timeline-year{font-size:36px}.timeline p{font-size:14px}.timeline h3{font-size:19px}.timeline-tag{font-size:10px;margin-top:17px}.program-grid{gap:13px}.program-card{padding:22px}.program-card h3{font-size:21px}.program-card p{font-size:14px}.card-tag{font-size:10px}.project-stat{flex-direction:row;align-items:center;gap:20px}.project-stat>b{font-size:40px}.project-card{display:block}.project-grid{gap:35px}.project-visual{height:240px}.project-copy{padding-top:20px}.project-copy h3{font-size:25px}.project-copy p{font-size:16px}.project-tags{font-size:11px}.pathway{grid-template-columns:22px 1fr 24px;padding:22px 0;gap:5px 12px}.pathway h3{font-size:20px}.path-description{grid-column:2;grid-row:2;font-size:14px}.path-duration{grid-column:2;grid-row:3;text-align:left;font-size:11px;margin-top:7px}.path-arrow{grid-column:3;grid-row:1/4}.path-number{font-size:11px}.pathway:hover{padding-left:8px}.closing{padding-block:65px}.closing h2{font-size:45px}.closing .button{font-size:13px;gap:17px}.closing .eyebrow{font-size:10px}.source-links{grid-template-columns:1fr;font-size:13px}.sources{font-size:13px}.site-footer{font-size:12px}.style-dialog h2{font-size:39px}.picker-top .eyebrow{font-size:10px}.picker-intro{font-size:14px}.picker-choice{font-size:14px;min-height:124px}.picker-choice small{font-size:12px}.picker-foot{font-size:12px;gap:12px}.style-dock{bottom:max(12px,env(safe-area-inset-bottom));padding:8px 12px}.dock-mobile{min-height:44px}.design-note{margin-top:10px}.design-note p,.design-note button{font-size:14px}.design-note button{white-space:normal}.design-note p>span{font-size:13px}.art-sticker{right:-5px}.hero-art{width:calc(100% - 6px)}
[data-theme=material] .hero,[data-theme=skeuo] .hero,[data-theme=neuo] .hero,[data-theme=glass] .hero,[data-theme=brutal] .hero,[data-theme=minimal] .hero,[data-theme=maximal] .hero,[data-theme=typo] .hero{grid-template-columns:1fr;padding-block:42px 52px;gap:34px}[data-theme=material] h1,[data-theme=skeuo] h1,[data-theme=neuo] h1,[data-theme=glass] h1,[data-theme=minimal] h1{font-size:clamp(62px,13vw,86px)}[data-theme=brutal] h1{font-size:clamp(58px,13vw,90px)}[data-theme=maximal] h1{font-size:clamp(64px,13vw,89px)}[data-theme=typo] h1{font-size:clamp(73px,14vw,103px)}[data-theme=skeuo] .hero-art,[data-theme=maximal] .hero-art,[data-theme=brutal] .hero-art{width:calc(100% - 20px);transform:rotate(1deg)}[data-theme=material] .visual-window{transform:rotate(1deg)}[data-theme=glass] .hero-art{width:calc(100% - 20px)}[data-theme=glass] .visual-window{transform:rotate(-1deg)}[data-theme=glass] .hero-art:before{right:0;width:170px;height:170px}[data-theme=glass] .hero-art:after{left:-12px;width:170px;height:170px}[data-theme=glass] .art-sticker{right:-5px}[data-theme=neuo] .art-sticker{right:0;font-size:15px;padding:12px}[data-theme=neuo] .art-tile{height:140px}[data-theme=neuo] .hero-art{width:calc(100% - 12px)}[data-theme=minimal] .hero-art{max-width:360px;justify-self:center}[data-theme=minimal] .hero{padding-top:60px}[data-theme=minimal] .section,[data-theme=typo] .section{padding-block:60px}[data-theme=minimal] .section-heading h2,[data-theme=typo] .section-heading h2,[data-theme=maximal] .section-heading h2{font-size:37px}[data-theme=brutal] .section-heading h2{font-size:36px}[data-theme=typo] .hero-art{border:0;padding:0;width:100%;max-width:none}[data-theme=typo] .visual-grid{grid-template-columns:1.3fr 1fr 1fr}[data-theme=typo] .tile-blue{grid-column:auto;border:0;height:140px}[data-theme=typo] .asterisk{font-size:135px}[data-theme=typo] .art-tile{height:140px}[data-theme=typo] .binary{font-size:58px}[data-theme=typo] .pixel-arrow{font-size:110px}[data-theme=typo] .visual-window{border-bottom:0}[data-theme=typo] .art-sticker{font-size:25px}[data-theme=typo] .art-sticker br{display:block}[data-theme=typo] .art-caption{font-size:10px}[data-theme=material] .design-note,[data-theme=neuo] .design-note,[data-theme=glass] .design-note,[data-theme=maximal] .design-note{padding:20px}[data-theme=material] .timeline,[data-theme=skeuo] .timeline,[data-theme=maximal] .timeline{gap:18px}[data-theme=material] .timeline li,[data-theme=skeuo] .timeline li,[data-theme=maximal] .timeline li{padding:22px 18px}[data-theme=material] .timeline-year,[data-theme=skeuo] .timeline-year,[data-theme=maximal] .timeline-year{font-size:35px}[data-theme=neuo] .program-grid{gap:23px}[data-theme=neuo] .program-card{padding:23px}[data-theme=minimal] .program-grid{gap:0 28px}[data-theme=minimal] .program-card{grid-template-columns:1fr;padding-block:25px}[data-theme=minimal] .card-icon{grid-column:1;grid-row:auto}[data-theme=minimal] .program-card h3,[data-theme=minimal] .program-card p,[data-theme=minimal] .card-tag{grid-column:1}[data-theme=typo] .program-grid{gap:0 24px}[data-theme=typo] .program-card h3{font-size:26px}[data-theme=material] .project-copy,[data-theme=glass] .project-copy,[data-theme=neuo] .project-copy{padding:20px}[data-theme=maximal] .project-visual,[data-theme=brutal] .project-visual{border-right:0;border-bottom:2px solid currentColor}[data-theme=material] .pathways{grid-template-columns:1fr}[data-theme=material] .pathway{padding:22px}[data-theme=neuo] .pathway{padding-inline:18px}[data-theme=maximal] .pathway{border-radius:20px;padding:22px 16px}[data-theme=maximal] .pathway h3,[data-theme=typo] .pathway h3{font-size:25px}[data-theme=typo] .closing h2{font-size:57px}[data-theme=maximal] .closing h2{font-size:49px}[data-theme=brutal] .closing h2{font-size:48px}[data-theme=minimal] .closing{padding-block:75px}[data-theme=minimal] .closing h2{font-size:44px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.header-style{padding:8px 10px;gap:6px}.header-style>span:last-child{display:none}.brand{gap:9px;font-size:23px}.brand-mark{width:37px;height:39px}.brand small{font-size:9px}.program-grid{grid-template-columns:1fr}.program-card{padding:25px}.program-card p{font-size:16px}.program-card h3{font-size:24px}.card-icon{height:39px}.card-tag{margin-top:20px;font-size:11px}.timeline{gap:30px 18px}.timeline p{font-size:14px}.timeline-year{font-size:32px}.timeline h3{font-size:18px}.timeline-tag{font-size:9px}.hero-facts{gap:12px;font-size:10px}.hero-facts>span+span{padding-left:12px}.hero-facts b{font-size:20px}.art-tile{height:140px}.asterisk{font-size:145px}.art-sticker{font-size:14px;bottom:100px;right:-2px;padding:12px}.orbit{width:88px;height:88px;border-width:20px}.binary{font-size:57px}.pixel-arrow{font-size:120px}.art-caption{font-size:8px}.hero-art .art-coordinate{font-size:10px}.section-heading h2{font-size:33px}.section-heading>p{font-size:15px}.closing h2{font-size:42px}.closing .button{font-size:12px;gap:10px;padding-inline:16px}.picker-options{gap:10px}.style-dialog{padding:20px;width:calc(100% - 20px)}.picker-choice{padding:10px;font-size:13px}.picker-choice small{font-size:11px}.picker-top .eyebrow{font-size:9px}.picker-foot{font-size:11px}.swatch{height:47px}.site-footer{gap:16px}.site-footer>p{font-size:11px}[data-theme=material] .timeline,[data-theme=skeuo] .timeline,[data-theme=maximal] .timeline{grid-template-columns:1fr;gap:18px}[data-theme=material] .timeline li,[data-theme=skeuo] .timeline li,[data-theme=maximal] .timeline li{padding:22px 24px}[data-theme=material] .timeline p,[data-theme=skeuo] .timeline p,[data-theme=maximal] .timeline p{font-size:16px}[data-theme=skeuo] .timeline li{transform:none}[data-theme=brutal] .timeline{grid-template-columns:1fr}[data-theme=brutal] .timeline li{border-right:0!important;border-bottom:3px solid #161616!important;padding:24px}[data-theme=brutal] .timeline li:last-child{border-bottom:0!important}[data-theme=brutal] .timeline p{font-size:15px}[data-theme=brutal] .hero-description{font-size:15px}[data-theme=brutal] .program-card p,[data-theme=brutal] .project-copy p{font-size:15px}[data-theme=brutal] .timeline-tag,[data-theme=skeuo] .timeline-tag,[data-theme=maximal] .timeline-tag{font-size:11px}[data-theme=typo] .hero h1{font-size:74px}[data-theme=maximal] .hero h1{font-size:66px}[data-theme=minimal] .hero h1{font-size:63px}[data-theme=minimal] .program-card{grid-template-columns:43px 1fr;gap:0 10px}[data-theme=minimal] .card-icon{grid-row:1/4}[data-theme=minimal] .program-card h3,[data-theme=minimal] .program-card p,[data-theme=minimal] .card-tag{grid-column:2}[data-theme=typo] .program-card h3{font-size:30px}[data-theme=typo] .art-caption{font-size:9px}[data-theme=typo] .hero-art .art-coordinate{font-size:11px}[data-theme=maximal] .section-heading h2,[data-theme=typo] .section-heading h2{font-size:36px}[data-theme=brutal] .section-heading h2{font-size:34px}[data-theme=neuo] .art-tile{height:125px}[data-theme=neuo] .pixel-arrow{font-size:104px}[data-theme=neuo] .asterisk{font-size:112px}[data-theme=neuo] .binary{font-size:50px}[data-theme=maximal] .art-sticker{font-size:16px;padding:17px;right:-4px}[data-theme=maximal] .closing h2{font-size:44px}[data-theme=brutal] .closing h2{font-size:42px}[data-theme=typo] .closing h2{font-size:49px}}
@media(max-width:360px){.header-style>span:nth-child(2){font-size:11px}.hero h1,[data-theme=typo] .hero h1{font-size:65px}[data-theme=maximal] .hero h1{font-size:59px}[data-theme=brutal] .hero h1{font-size:55px}.hero-facts{gap:8px;font-size:9px}.hero-facts>span+span{padding-left:8px}.hero-facts b{font-size:18px}.style-dock{max-width:calc(100% - 20px);gap:3px;padding:7px 9px}.dock-mobile{min-width:160px;font-size:13px;gap:15px}.art-caption{font-size:7px}.section-heading h2,[data-theme=maximal] .section-heading h2,[data-theme=typo] .section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Finishing details verified across all nine directions. */
.mini-browser{color:#202720}[data-theme=maximal] .program-band{color:var(--ink)}[data-theme=maximal] .design-note button:focus-visible{outline-color:#e5fc63}[data-theme=skeuo] h1,[data-theme=maximal] h1,[data-theme=typo] h1{letter-spacing:-.045em}[data-theme=skeuo] h2,[data-theme=skeuo] h3,[data-theme=maximal] h2,[data-theme=maximal] h3,[data-theme=typo] h2,[data-theme=typo] h3{letter-spacing:-.035em}[data-theme=brutal] h1{letter-spacing:-.06em}.hero-art{min-width:0}.hero-copy{min-width:0}.hero{overflow:clip;overflow-clip-margin:28px}.style-dialog{overscroll-behavior:contain}.picker-top{position:sticky;top:-1px;background:#f8f9fc;z-index:2;padding-bottom:8px}.pathway,.program-card{min-width:0}.sources a{overflow-wrap:anywhere}.style-dock{max-width:calc(100% - 32px)}
@media(max-width:1100px) and (min-width:761px){[data-theme=maximal] .hero-art{transform:rotate(1deg)}[data-theme=maximal] .art-sticker{right:0}[data-theme=maximal] .visual-window{box-shadow:7px 7px 0 #7130b6}}
@media(max-width:480px){[data-theme=minimal] .program-grid{grid-template-columns:1fr}}
@media print{.style-dock,.header-style,.design-note,.style-dialog,.closing button,.sources{display:none!important}:root{--bg:#fff!important;--ink:#000!important;--muted:#333!important;--accent:#000!important;--surface:#fff!important}body{background:#fff!important;color:#000!important}.wrap{width:100%;max-width:none}.section{padding-block:30px}.hero{padding:25px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:60px}.site-footer{padding-bottom:20px}.program-card,.project-card,.timeline li{break-inside:avoid;box-shadow:none!important}a{color:#000!important}}
/* ═══ Bandeau inter-versions (coût, crédits, liens croisés) ═══ */
.xnav{flex:1 0 100%;width:100%;box-sizing:border-box;min-width:0;
  margin-bottom:clamp(1.4rem,3vw,2.4rem);padding-bottom:clamp(1.4rem,3vw,2.2rem);
  border-bottom:1px solid color-mix(in srgb,var(--muted) 32%,transparent);
  font-family:var(--display, inherit);color:var(--ink)}
.xnav__grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem;
  max-width:62rem;margin:.9rem 0 0;padding:0;list-style:none}
.xnav__grid>li{display:flex;flex:1 1 15rem;min-width:0}
.xnav__item{display:flex;flex:1 1 auto;flex-wrap:wrap;align-content:center;align-items:baseline;justify-content:space-between;gap:.25rem .8rem;min-width:0;box-sizing:border-box;height:auto;
  padding:.65rem .85rem;text-decoration:none;color:inherit;border-radius:var(--radius, 8px);
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);transition:background-color .2s ease}
.xnav__item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.xnav__item[aria-current="page"]{background:color-mix(in srgb,var(--accent) 16%,transparent);
  border-color:var(--accent);cursor:default}
.xnav__name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xnav__name::before{content:"";flex:none;display:inline-block;width:.55rem;height:.55rem;border-radius:50%;
  margin-right:.45rem;vertical-align:.06em;background:var(--x-accent,var(--accent))}
.xnav__cost{font-family:var(--mono, monospace);font-size:.72rem;color:var(--muted);white-space:nowrap}
.xnav__self{white-space:nowrap}
@media (max-width:560px){.xnav__grid>li{flex-basis:100%}.xnav__item{flex-wrap:wrap}.xnav__cost,.xnav__self{white-space:normal}}
.xnav__self{font-size:.72rem;color:var(--muted);font-family:var(--mono, monospace)}
.xnav__credit{display:block;margin-top:1rem;font-size:.72rem;line-height:1.6;
  color:var(--muted);max-width:74rem}
.xnav__credit a{color:inherit}
.xnav__exergue{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin:0}
.xnav__exergue b{color:var(--accent)}