:root{--ink:#191c1f;--paper:#f6f3ec;--paper-2:#e9e6df;--orange:#f05a18;--line:#c8c5bd;--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.course-header{height:76px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(246,243,236,.95);position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column}.brand>span{font:900 31px/1 var(--display);letter-spacing:1px}.brand b{color:var(--orange)}.brand small{font:700 7px var(--mono);letter-spacing:2px;margin-top:4px;color:#686b6d}.course-header nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.course-header nav button{border:0;background:none;padding:0;cursor:pointer}.course-hero{min-height:510px;padding:100px clamp(22px,8vw,130px);background:var(--ink);color:#fff;position:relative;overflow:hidden}.course-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 45%,rgba(240,90,24,.23) 45.3%,transparent 45.7%),linear-gradient(150deg,transparent 62%,rgba(255,255,255,.11) 62.2%,transparent 62.5%),radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:100% 100%,100% 100%,13px 13px}.course-hero>*{position:relative}.eyebrow{font:700 10px var(--mono);letter-spacing:2px;color:var(--orange);text-transform:uppercase}.course-hero h1{font:800 clamp(62px,8vw,118px)/.82 var(--display);text-transform:uppercase;margin:20px 0}.course-hero h1 strong{color:var(--orange);font-weight:inherit}.course-hero>p:not(.eyebrow){font-size:17px;line-height:1.55;color:#c4c7c9;max-width:690px}.course-status{position:absolute;right:8vw;bottom:70px;font:700 10px var(--mono);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.course-status span{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(240,90,24,.15);animation:pulse 2s infinite}.course-library{padding:90px clamp(22px,8vw,130px) 130px}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:45px}.section-head h2{font:800 54px/1 var(--display);text-transform:uppercase;margin:12px 0 0}.section-head>p{color:#656a6d;line-height:1.6;margin:0}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-card{border:1px solid var(--line);padding:18px 18px 26px;background:#faf8f3}.course-art{height:290px;background:var(--paper-2);position:relative;display:grid;place-items:center;overflow:hidden}.course-art span{font:900 90px var(--display);position:relative;z-index:2}.course-art i{position:absolute;border:1px solid var(--orange);width:180px;height:180px;transform:rotate(45deg);animation:orbit 12s linear infinite}.course-art i:nth-of-type(2){width:290px;height:80px;border-color:#7b7f81;animation-direction:reverse}.course-art i:nth-of-type(3){width:100px;height:270px;animation-duration:8s}.chat-art{background:var(--ink);color:white}.chat-art i{border-radius:50%}.course-meta{display:flex;justify-content:space-between;margin:22px 0 8px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--orange)}.course-card h3{font:800 32px var(--display);text-transform:uppercase;margin:0}.course-card>p{min-height:52px;color:#666b6e;font-size:14px;line-height:1.55}.course-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.button{border:0;border-radius:2px;min-height:46px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;font:700 10px var(--mono);letter-spacing:.7px;text-transform:uppercase;cursor:pointer}.button.primary{background:var(--orange);color:white}.icon-button{width:46px;height:46px;border:1px solid var(--ink);display:grid;place-items:center}svg{width:18px;height:18px}footer{background:var(--ink);color:#fff;padding:35px clamp(22px,8vw,130px);display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:1px;text-transform:uppercase}footer a{display:flex;align-items:center;gap:10px;color:var(--orange)}.viewer{display:none;position:fixed;inset:0;background:#0e1012;z-index:50;padding-top:62px}.viewer.is-open{display:block}.viewer-top{height:62px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff;border-bottom:1px solid #464a4d}.viewer-top>div:first-child{display:flex;flex-direction:column}.viewer-top small{font:700 8px var(--mono);letter-spacing:1px;color:var(--orange);text-transform:uppercase}.viewer-top strong{font:700 17px var(--display);text-transform:uppercase}.viewer-top>div:last-child{display:flex;gap:8px}.viewer-top button,.viewer-top a{width:40px;height:40px;border:1px solid #4d5154;background:none;color:white;display:grid;place-items:center;cursor:pointer}.viewer iframe{width:100%;height:100%;border:0;background:#fff}.help-dialog{display:none;position:fixed;inset:0;background:rgba(14,16,18,.82);z-index:60;place-items:center}.help-dialog.is-open{display:grid}.help-dialog>div{width:min(520px,calc(100% - 32px));background:var(--paper);border-top:5px solid var(--orange);padding:40px;position:relative}.help-dialog h2{font:800 42px var(--display);text-transform:uppercase;margin:10px 0 25px}.help-dialog ul{list-style:none;padding:0;display:grid;gap:15px}.help-dialog li{font-size:14px}.help-dialog kbd{font:700 11px var(--mono);border:1px solid var(--line);background:white;padding:5px 8px}.help-dialog>div>button{position:absolute;right:14px;top:14px;border:0;background:none;cursor:pointer}@keyframes orbit{to{transform:rotate(405deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:760px){.course-header nav a{display:none}.course-header{height:66px}.course-hero{padding:70px 20px 100px;min-height:480px}.course-hero h1{font-size:60px}.course-status{left:20px;right:auto;bottom:45px}.course-library{padding:70px 20px}.section-head,.course-grid{grid-template-columns:1fr}.course-art{height:220px}.course-card>p{min-height:0}footer{flex-direction:column;gap:18px}.viewer{padding-top:56px}.viewer-top{height:56px}}
@media(prefers-reduced-motion:reduce){.course-art i,.course-status span{animation:none}}