@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#142b4b;--blue:#2f51a6;--paper:#faf7f0;--line:#d9dce3;--accent:#345bdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd663a;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:white;padding:12px}.utility{display:flex;justify-content:space-between;padding:10px 5%;background:#172e50;color:#f4eada;font-size:11px;letter-spacing:.04em}header{padding:21px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#faf7f0ee}.brand{font-family:'Playfair Display',Georgia,serif;font-size:32px;display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px}.brand small{display:block;font:9px 'DM Sans',Arial;letter-spacing:.2em;margin-top:3px}nav{display:flex;gap:25px;font-size:13px}.button{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:17px 23px;border-radius:4px;font-size:13px;font-weight:600}.button.small{padding:12px 17px}.button.outline{background:transparent;color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid #aab1be;padding-bottom:5px}.hero{min-height:660px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;width:67%;height:100%;right:0;object-fit:cover;z-index:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf7f0 2%,#faf7f0f0 25%,#faf7f070 48%,transparent 68%);pointer-events:none}.hero-text{z-index:1;position:relative;padding:75px 6%;max-width:790px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;margin-bottom:24px;color:var(--blue)}h1,h2,h3{font-weight:500;margin:0;font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(44px,5.5vw,80px);line-height:1.08;letter-spacing:-.045em}em{font-weight:500;color:#44619a}h2{font-size:clamp(34px,3.6vw,53px);line-height:1.13;letter-spacing:-.035em}h3{font-size:28px}.lede{font-size:17px;line-height:1.7;max-width:470px;margin:26px 0}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.micro{font-size:10px!important;line-height:1.6!important;letter-spacing:.025em;margin-top:26px;color:#586b83}.section{padding:90px 7%}.intro{background:#fffdf9}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:25px;max-width:1000px}p{font-size:15px;line-height:1.75}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-heading p{max-width:390px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:38px}.tabs button{background:linear-gradient(130deg,var(--tint),#fffdf9);border:1px solid #cdd5e4;text-align:left;padding:22px;color:var(--ink);border-radius:12px;min-height:115px;transition:transform .2s}.tabs button:hover{transform:translateY(-3px)}.tabs button[aria-selected=true]{border:2px solid var(--accent);box-shadow:0 8px 25px #233e7220}.tabs strong{display:block;font:29px 'Playfair Display',Georgia;margin-top:8px}.tabs span{font-size:11px;letter-spacing:.1em}.track-body{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:25px 0}.track-body h3{font-size:40px}.track-body ul{list-style:none;padding:0}.track-body li{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}.track-project{padding:28px;background:linear-gradient(140deg,#eaf0ff,#f4e9e5);border-radius:10px}.track-project .eyebrow{margin:0 0 15px}.lab-section{background:#142b4b;color:white}.lab-section .eyebrow{color:#aebfe9}.lab-section p{color:#d0d9e8}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.demo-controls label{display:block;margin:16px 0;font-size:14px}.demo-controls input[type=range]{width:100%;accent-color:#b6c9ff}.demo-controls input[type=text]{width:100%;padding:15px;border:1px solid #61728d;border-radius:5px;background:#203d61;color:white}.demo-controls button{background:#d4dfff;color:#142b4b;border:0;padding:14px 20px;border-radius:4px}.demo-result{padding:30px;border:1px solid #60728d;border-radius:12px;min-height:240px;background:linear-gradient(130deg,#263f66,#203656)}.big-result{font:50px 'Playfair Display',Georgia;color:#e6cead;margin:8px 0 20px}.metric-row{display:flex;gap:25px;flex-wrap:wrap}.metric-row strong{font-size:29px;display:block}.metric-row span{font-size:11px}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matrix div{padding:15px;background:#ffffff0b;border:1px solid #ffffff22;border-radius:5px}.matrix b{display:block;font-size:25px}.agenda-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.agenda-section>div p{max-width:370px}.agenda-section ol{list-style:none;padding:0;margin:0}.agenda-section li{display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.agenda-section li.break{color:#718098}.agenda-section time{font-size:12px}.studio{background:#e9edf4;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.studio img{width:100%;border-radius:10px}.resource-row{padding:23px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.resource-row span{font-size:13px;color:#596b83}.resource-row h3{font-size:24px}.progress{margin-top:48px;padding:35px;background:linear-gradient(120deg,#ebedff,#faeade);border-radius:12px}.progress label{display:block;margin:14px 0;font-size:14px}.progress input{accent-color:var(--blue);margin-right:12px}.progress output{display:block;font-size:12px;margin-top:15px}.film-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#eeedf5;align-items:center}.film-section video{width:100%;background:#142b4b;border-radius:10px}.next{background:#192e4d;color:#f7f0e5}.next em{color:#b8c9ef}.next .eyebrow{color:#bccbeb}.next p{max-width:760px}.next .button{background:#e9cfb1;color:#142b4b;margin-top:20px}.faculty{max-width:850px}.faculty p{max-width:580px}footer{padding:55px 7%;background:#e8e7e2}footer .brand{display:block}.footer-links{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0;font-size:13px}footer small{font-size:10px;color:#526279}.bar{height:14px;background:#e4c4a5;border-radius:2px;margin:10px 0 22px;max-width:100%}.error{background:#fff0ee;color:#982e21;padding:15px}#track-panel:focus{outline:none}@media(max-width:850px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero{min-height:760px;align-items:start}.hero-art{width:100%;height:410px;top:auto;bottom:0}.hero:after{background:linear-gradient(#faf7f0 25%,#faf7f0 40%,transparent 75%)}.hero-text{padding:45px 7%;max-width:100%}.hero-text .lede{max-width:90%}.section{padding:60px 7%}.section-heading{display:block}.tabs{grid-template-columns:1fr 1fr}.track-body,.demo-layout,.agenda-section,.studio,.film-section{grid-template-columns:1fr;gap:35px}.intro-columns{gap:25px}.track-body h3{font-size:33px}.hero h1{font-size:52px}.utility{font-size:9px}.utility a{max-width:45%;text-align:right}.resource-row{align-items:start}.resource-row a{white-space:nowrap}.resource-row span{display:block}.brand{font-size:28px}.agenda-section li{grid-template-columns:100px 1fr}.intro-columns{grid-template-columns:1fr}.micro{max-width:85%}.tabs button{min-height:100px}.tabs strong{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:600px){.hero{min-height:950px}.hero-art{height:350px}.hero:after{background:linear-gradient(#faf7f0 0%,#faf7f0 56%,#faf7f080 67%,transparent 82%)}.hero h1{font-size:49px}.hero-text{padding-top:48px}}
@media(max-width:600px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{min-width:0;padding:17px}.tabs strong{font-size:22px}.tabs span{font-size:10px}}@media(max-width:360px){.tabs strong{font-size:20px}.hero{min-height:1050px}.hero h1{font-size:43px}}