@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-sans-latin-wght-normal.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{font-family:'Avenir Next',Nunito,sans-serif;color:#20231f;background:#f7f7f2;--ink:#20231f;--muted:#65685f;--line:#dedfd7;--signal:#e0582e;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait}:focus-visible{outline:3px solid #a63515;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.8px;text-decoration:none;line-height:1}.brand span{color:var(--signal)}
.catalogue-header{position:sticky;top:0;z-index:10;max-width:1440px;margin:auto;padding:22px 48px;display:flex;gap:35px;align-items:center;border-bottom:1px solid var(--line);background:#f7f7f2ed;backdrop-filter:blur(18px)}.catalogue-header nav{display:flex;gap:28px;margin-left:auto;margin-right:auto;font-size:13px}.catalogue-header nav a{text-decoration:none;color:#62655c}.catalogue-header nav a[aria-current]{color:var(--ink);font-weight:800}.catalogue-header nav a:hover{color:#b24120}.account-link{font-size:13px;font-weight:700;text-decoration:none;border:1px solid #d6d8ce;background:#fff;padding:11px 17px;border-radius:9px;white-space:nowrap}.account-link span{margin-left:15px}main{max-width:1344px;width:calc(100% - 96px);margin:auto}.catalogue-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:570px;gap:35px;position:relative;padding:62px 0 58px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.6}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px}.status-dot{width:7px;height:7px;background:var(--signal);border-radius:50%;box-shadow:0 0 0 5px #e0582e10}h1{font-size:clamp(54px,6.2vw,92px);line-height:1.025;letter-spacing:-.065em;font-weight:750;margin:0 0 25px}h1 span{color:#bf4624}.lead{font-size:22px;letter-spacing:-.035em;line-height:1.5;margin:0 0 15px}.hero-description{font-size:14px;color:var(--muted);line-height:1.75;max-width:395px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:27px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--signal);border:1px solid #ce4922;box-shadow:inset 0 1px #ffffff35,0 3px 5px #29231a0a;border-radius:8px;min-height:46px;padding:12px 20px;color:#21180f;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#ee7048;transform:translateY(-2px)}.secondary{background:white;border-color:#d6d8ce}.secondary:hover{background:#eeeee7}.text-link{font-size:13px;font-weight:700;text-decoration:none}.text-link span{margin-left:10px}.hero-footnote{font-size:11px;color:var(--muted);margin-top:25px}.hero-footnote span{color:#ac492c;margin-right:7px}
.hero-projects{position:relative;height:430px;isolation:isolate;perspective:1200px}.hero-projects:before{content:'';position:absolute;inset:-30px -10px;background:radial-gradient(ellipse,#f4d7c36b,transparent 66%),linear-gradient(#d9dace55 1px,transparent 1px),linear-gradient(90deg,#d9dace55 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-1}.hero-project{position:absolute;display:block;width:74%;padding:9px;background:#fff;border:1px solid #dddcd4;border-radius:15px;text-decoration:none;box-shadow:0 18px 40px -14px #3b392e38;transition:transform .45s,box-shadow .45s;overflow:hidden}.hero-project img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;object-position:top;border-radius:8px;background:#ecece4}.hero-project .project-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:10px 3px 3px;font-weight:700}.project-caption small{font-size:9px;color:#75786c;font-weight:500}.hero-project:nth-child(1){top:0;right:1%;transform:rotate(5deg);width:65%;z-index:1}.hero-project:nth-child(2){top:112px;left:0;transform:rotate(-6deg);z-index:2}.hero-project:nth-child(3){bottom:-3px;right:0;transform:rotate(4deg);width:61%;z-index:3}.hero-project:hover,.hero-project:focus-visible{transform:rotate(0) translateY(-8px);z-index:4;box-shadow:0 25px 45px -15px #3b392e50}.counts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;margin-bottom:64px}.counts>div{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid var(--line)}.counts>div:last-child{border:0}.counts strong{font-size:35px;font-weight:650;letter-spacing:-.05em}.counts span{font-size:11px;color:var(--muted);max-width:110px;line-height:1.6}
.catalogue-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.catalogue-heading .eyebrow{margin:0 0 8px;color:var(--muted)}h2{font-size:36px;letter-spacing:-.05em;font-weight:700;line-height:1.15;margin:0}h2 span{color:var(--signal)}.catalogue-heading>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}#filters{display:grid;grid-template-columns:minmax(240px,1fr) 150px 180px auto;gap:10px;padding:14px;border:1px solid var(--line);background:#eeeeea;border-radius:12px}input,select,.reset{border:1px solid #d9dad2;background:#fff;min-height:46px;border-radius:7px;font-size:12px;padding:10px 13px;width:100%}.search-label{display:flex;align-items:center;position:relative}.search-label input{padding-left:39px;padding-right:38px}.search-icon{position:absolute;left:14px;font-size:25px;color:#6a6d63;pointer-events:none}kbd{position:absolute;right:13px;font-size:11px;color:#777a70;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.reset{background:transparent;border:0;text-decoration:underline;white-space:nowrap;width:auto;color:var(--muted)}.catalogue-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 12px}.quick-filters{display:flex;gap:7px;flex-wrap:wrap}.quick-filters button{min-height:38px;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 12px;font-size:12px;color:#65685f}.quick-filters button[aria-pressed=true]{background:#252923;border-color:#252923;color:white}.quick-filters span{margin-left:6px;font-size:10px;opacity:.7}.sort-label{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--muted)}.sort-label select{width:auto;min-height:38px;background:transparent;border:0;font-size:11px;color:var(--ink);font-weight:700}#result-count{font-size:11px;color:var(--muted);margin:0 0 23px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-width:0;display:flex;flex-direction:column;border:1px solid #dedfd7;border-radius:13px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.card:focus-within{transform:translateY(-5px);border-color:#b9bcb0;box-shadow:0 18px 38px -20px #262d2345}.card-visual{position:relative;overflow:hidden;background:#e9ece4;aspect-ratio:1.65;border-bottom:1px solid #e1e2db}.card-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.card:hover .card-visual img{transform:scale(1.035)}.visual-label{position:absolute;bottom:12px;left:12px;padding:5px 9px;background:#ffffffed;border:1px solid #ffffffa0;border-radius:4px;font-size:9px;letter-spacing:.04em}.card .copy{padding:23px 22px 18px;display:flex;flex-direction:column;flex:1}.tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#73766c}.card h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:10px 0}.card p{color:var(--muted);font-size:12px;line-height:1.75;margin:0 0 18px;overflow-wrap:anywhere}.card .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.card .card-meta{font-size:10px;display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid #eeeeea}.card a{font-size:12px;font-weight:800;display:flex;justify-content:space-between;text-decoration:none;margin-top:12px}.revision-label{font-size:9px!important;color:#73766c!important;margin-bottom:8px!important}.abstract-cover{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 25%,#ffffff,transparent 55%),#e7ebdf;overflow:hidden}.abstract-cover span{font-size:65px;letter-spacing:-.08em;font-weight:800;color:#718163;transform:rotate(-12deg);border:1px solid #90a47955;padding:12px 40px;box-shadow:12px 12px 0 #c7d0bd}.card:nth-child(3n+2) .abstract-cover{background:radial-gradient(circle at 30% 30%,#fff,transparent 60%),#f0dfd2}.card:nth-child(3n+2) .abstract-cover span{color:#a46542;border-color:#d3af9566;box-shadow:12px 12px 0 #dfc4ad}.card:nth-child(3n) .abstract-cover{background:radial-gradient(circle at 60% 10%,#fff,transparent 60%),#dfe7ef}.card:nth-child(3n) .abstract-cover span{color:#657b97;border-color:#a3b3c7;box-shadow:12px 12px 0 #c1ccdb}.load-more{text-align:center;margin:35px 0 40px}.load-more p{font-size:11px;color:var(--muted)}.empty{grid-column:1/-1;padding:65px 20px;text-align:center;border:1px dashed #bfc2b7;border-radius:12px;color:var(--muted)}.catalogue-note{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:16px 20px;border-radius:9px;color:var(--muted);font-size:11px}.catalogue-note>span{border:1px solid #94988b;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.catalogue-note p{margin:0;flex:1;line-height:1.6}.catalogue-note a{white-space:nowrap;color:var(--ink)}.closing-note{text-align:center;padding:100px 0 90px}.closing-note .eyebrow{color:#9b482d}.closing-note h2{font-size:48px;margin:14px 0 22px}footer{max-width:1344px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;gap:25px;padding:30px 0;border-top:1px solid var(--line)}footer p{font-size:12px;color:var(--muted)}footer nav{display:flex;gap:20px;font-size:11px;margin-left:auto}footer nav a{text-decoration:none}footer small{font-size:10px;color:var(--muted)}
#detail:empty{display:none}#detail:not(:empty)+#overview{display:none}#detail{padding:55px 0 80px;max-width:1050px;margin:auto}#detail .back{display:inline-block;margin-bottom:30px;font-size:12px}#detail h1{font-size:clamp(42px,6vw,72px);margin:16px 0 25px}#detail .detail-body{max-width:900px}#detail p,#detail li{font-size:14px;line-height:1.8}#detail .lead{font-size:21px}#detail h2{font-size:28px;margin:40px 0 18px}#detail h3{font-size:18px}.notice{background:#eeeee7;border-left:3px solid var(--signal);padding:15px 20px;color:#585c50}.preserve-lines{white-space:pre-line}#detail .button{margin:8px 10px 8px 0}.lessons{list-style:none;padding:0;border-top:1px solid var(--line)}.lessons li{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid var(--line)}.lessons small{color:var(--muted);white-space:nowrap}.file-list{max-height:360px;overflow:auto;overflow-wrap:anywhere}.source-image{width:100%;max-height:500px;object-fit:contain;background:#e8e9e2;border-radius:10px}figure{margin:30px 0}figcaption{font-size:11px;color:var(--muted);margin-top:10px}#preview-entry{display:block;width:100%;margin:10px 0 14px;text-overflow:ellipsis}.isolated-preview{width:100%;height:650px;border:1px solid var(--line);border-radius:10px}
@media(max-width:1000px){main,footer{width:calc(100% - 48px)}.catalogue-header{padding:20px 24px;gap:20px}.catalogue-header nav{gap:15px}.catalogue-hero{gap:20px;min-height:530px}.hero-projects{height:370px}h1{font-size:65px}.hero-actions{gap:18px}.hero-description{font-size:13px}.hero-project:nth-child(2){top:130px}.hero-project:nth-child(3){bottom:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#filters{grid-template-columns:minmax(200px,1fr) 135px 150px auto;gap:6px;padding:10px}.counts span{max-width:95px}.counts strong{font-size:30px}.catalogue-heading>p{display:none}}
@media(max-width:700px){:root{scroll-padding-top:85px}.catalogue-header{padding:19px 20px;gap:15px}.brand{font-size:27px}.catalogue-header nav{margin-left:auto;margin-right:0;font-size:12px}.catalogue-header nav a:not(:first-child){display:none}.account-link{font-size:11px;padding:9px 11px}.account-link span{margin-left:6px}main,footer{width:calc(100% - 40px)}.catalogue-hero{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:40px 0 35px;min-height:0}.hero-copy .eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:clamp(50px,12vw,70px);margin-bottom:23px}.lead{font-size:21px}.hero-description{font-size:13px;max-width:430px}.hero-actions{gap:20px;margin-top:23px}.hero-actions .button{font-size:12px;padding:12px 15px;gap:13px}.hero-actions .text-link{font-size:11px}.hero-footnote{margin-top:19px}.hero-projects{height:340px;margin:10px 0 0}.hero-project:nth-child(1){width:65%;right:1%;top:0}.hero-project:nth-child(2){top:90px;width:73%}.hero-project:nth-child(3){bottom:0;width:61%}.hero-project{padding:6px;border-radius:11px}.hero-project .project-caption{font-size:9px;padding:7px 2px 2px}.project-caption small{font-size:8px}.counts{padding:23px 0;margin-bottom:44px;gap:0}.counts>div{flex-direction:column;align-items:flex-start;gap:5px;padding:0 13px}.counts>div:first-child{padding-left:0}.counts>div:last-child{padding-right:0}.counts strong{font-size:29px}.counts span{font-size:9px;max-width:88px}.catalogue-heading h2{font-size:29px}.catalogue-heading .eyebrow{font-size:9px}#filters{grid-template-columns:1fr 1fr;padding:10px;gap:9px}.search-label{grid-column:1/-1}#filters .reset{grid-column:1/-1;min-height:30px;padding:3px 10px;text-align:right}.catalogue-toolbar{align-items:start;flex-direction:column;gap:8px;margin-top:18px}.quick-filters{gap:1px;width:100%;justify-content:space-between}.quick-filters button{padding:8px 10px;font-size:11px}.quick-filters span{font-size:9px;margin-left:5px}.sort-label{align-self:flex-end}#result-count{font-size:10px;line-height:1.6;margin-bottom:18px}.grid{grid-template-columns:1fr;gap:23px}.card .copy{padding:22px}.card h3{font-size:24px}.catalogue-note{align-items:start;gap:12px;flex-wrap:wrap;padding:17px}.catalogue-note p{min-width:220px}.catalogue-note a{margin-left:30px}.closing-note{padding:70px 0 60px}.closing-note h2{font-size:35px}footer{flex-wrap:wrap;gap:20px;padding:30px 0}footer p{margin-left:auto}footer nav{margin-left:0;flex-wrap:wrap;gap:22px;width:100%}.lessons li{flex-direction:column;gap:4px}.desktop-break{display:none}#detail{padding-top:35px}#detail .lead{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}.hero-projects{animation:arrive 1s ease-out both}.hero-project:nth-child(1){animation:float-one 8s ease-in-out infinite}.hero-project:nth-child(3){animation:float-three 9s ease-in-out infinite}.hero-projects:has(a:hover) .hero-project,.hero-projects:has(a:focus-visible) .hero-project{animation-play-state:paused}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes float-one{50%{translate:0 -7px}}@keyframes float-three{50%{translate:0 6px}}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-project img{height:auto}.catalogue-hero{padding-top:45px;padding-bottom:45px}@media(max-width:700px){.catalogue-hero{padding-top:40px;padding-bottom:35px}}

/* Full-page card previews. The image is clipped, never enlarged beyond its column. */
.course-preview-wrap{position:relative}.course-card .scroll-preview{aspect-ratio:1.35;overflow:hidden}.course-card .scroll-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:none!important;transition:object-position 1s ease-out}.course-card .scroll-preview:focus-visible{outline:3px solid #b6401c;outline-offset:-3px}.course-preview-wrap .visual-label{bottom:13px;pointer-events:none;z-index:1}.preview-scroll-toggle{position:absolute;right:10px;bottom:12px;z-index:2;min-height:34px;border:1px solid #d4d9ca;background:#fffffff2;border-radius:6px;padding:6px 9px;font-size:10px;color:#263020;box-shadow:0 2px 8px #1c291412}.course-card .scroll-preview.is-scrolling img{object-position:50% 100%;transition-duration:9s;transition-timing-function:linear}.course-card .long-preview.is-scrolling img{transition-duration:15s}@media(prefers-reduced-motion:reduce){.course-card .scroll-preview{overflow-y:auto;overscroll-behavior:contain}.course-card .scroll-preview img{height:auto;object-position:top;transition:none!important}.preview-scroll-toggle span{font-size:0}.preview-scroll-toggle span:after{content:'Scroll manually';font-size:10px}}

.course-card .scroll-preview.is-paused img{object-position:50% 0%!important;transition-duration:1s!important}

.course-card .scroll-preview{position:relative}.course-header-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.is-video-playing .course-header-video{display:block}.course-card .is-video-playing img{object-position:50% 0%;transition:none}@media(prefers-reduced-motion:reduce){.course-header-video{display:none!important}}

/* Verified video section positions */
#card-preview-inside-grid-nine[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-driftwood[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-haven[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-salt-smoke-under-the-hood[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-inside-fermata[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-inside-meridian-ballet[data-preview-stop="0"] img{object-position:50% 28.857527609354698%;transition-duration:2597ms;transition-timing-function:linear}
#card-preview-hearth-ember[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-veloce-gt-e[data-preview-stop="0"] img{object-position:50% 76.64632352941176%;transition-duration:6898ms;transition-timing-function:linear}
#card-preview-inside-tidepool-version-71fa7ef2[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms;transition-timing-function:linear}
#card-preview-emberglass-from-fire-to-interface[data-preview-stop="0"] img{object-position:50% 48.121858544758254%;transition-duration:4331ms;transition-timing-function:linear}

#card-preview-halden[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}

.course-card .description{display:block;-webkit-line-clamp:unset;overflow:visible}


/* Verified landing-page header clips, October 2026. */
#card-preview-building-kurobune-revision-12b0fe8e[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-inside-pulse[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-building-sol-ne[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-inside-aeris[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-ironvault-field-manual[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-building-velora-version-04d594be[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-build-a-quieter-experience[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
#card-preview-you-are-a-senior-creative-developer-9[data-preview-stop="0"] img{object-position:50% 0%;transition-duration:0ms}
/* Shared catalogue dropdowns: preserve native selection and keyboard behaviour. */
select{appearance:none;background-color:#fcfcfa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2365685f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:39px;cursor:pointer;transition:border-color .18s,background-color .18s}
select:hover{border-color:#aeb5a5;background-color:#f3f4ee}select:focus-visible{outline:2px solid #a65636;outline-offset:3px}.sort-label{gap:12px}.sort-label select{border:1px solid #dedfd7;border-radius:8px;background-color:#fcfcfa;padding:10px 39px 10px 14px;min-height:44px;font-weight:600;font-size:12px}select option{font:inherit;background:#fcfcfa;color:#242724}
@supports (appearance:base-select){select,select::picker(select){appearance:base-select}select{background-image:none;padding-right:14px}.sort-label select{padding-right:14px}select::picker-icon{color:#65685f;transition:rotate .18s;margin-left:20px}select:open::picker-icon{rotate:180deg}select::picker(select){background:#fcfcfa;color:#242724;border:1px solid #dedfd7;border-radius:10px;padding:5px;box-shadow:0 12px 32px #252d2718;margin-block:6px;font:inherit;min-width:anchor-size(width)}select option{padding:11px 13px;border-radius:6px;min-height:42px;gap:14px;font-size:12px;cursor:pointer}select option:hover,select option:focus{background:#edf0e6;color:#20291f}select option:checked{background:#e6ebdd;color:#293c27;font-weight:700}select option::checkmark{color:#526846}}
@media(prefers-reduced-motion:reduce){select,select::picker-icon{transition:none}}

.course-card .course-first-lesson{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:36px;padding:8px 11px;font-size:11px;font-weight:700;text-decoration:none;z-index:3;pointer-events:auto;background:#fcfcfa;color:#253321;border:1px solid #d5ddcb;border-radius:6px}.course-card .course-first-lesson:hover{background:#e7eedc}.course-card .course-first-lesson:focus-visible{outline:3px solid #a65636;outline-offset:3px}

/* Continuous recordings preserve fixed scenes and chapter transitions. */
.course-card .scroll-preview[data-scroll-recording] img,.course-card .scroll-preview[data-scroll-recording] video{object-fit:contain;background:#111;height:100%}.course-card .scroll-preview[data-scroll-recording]{overflow:hidden}@media(prefers-reduced-motion:reduce){.course-card .scroll-preview[data-scroll-recording].is-video-playing .course-header-video{display:block!important}.course-preview-wrap:has([data-scroll-recording]) .preview-scroll-toggle span{font-size:10px}.course-preview-wrap:has([data-scroll-recording]) .preview-scroll-toggle span:after{content:none}}

.catalogue-header .brand:hover,footer .brand:hover{text-decoration:none}

/* Video-backed course cards retain a readable badge above the moving preview. */
#catalogue .course-card{position:relative}
.course-featured-pill{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border:1px solid #ffffff52;border-radius:999px;background:#243129;color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em;pointer-events:none}

/* Compact sorting and right-aligned catalogue reset. */
#sort{box-sizing:border-box;height:29.48px;min-height:29.48px;padding-block:0;line-height:1.2;align-items:center}
#sort::picker-icon{align-self:center;line-height:1}
#filters{grid-template-columns:minmax(0,1fr) auto}
#filters>.reset{grid-column:2;justify-self:end;text-align:right}
@media(max-width:700px){#filters>.reset{grid-column:1/-1}}

/* Swap the sort indicator without a rotation animation. */
#sort::picker-icon{content:"\25BE";rotate:none;transform:none;transition:none}
#sort:open::picker-icon{content:"\25B4";rotate:none;transform:none;transition:none}

/* Catalogue sort options: 33% shorter than the original 42px rows. */
#sort option{box-sizing:border-box;height:28.14px;min-height:28.14px;padding-block:0;align-items:center}

/* Explicit playback remains available with reduced motion; automatic scrolling stays off. */
@media(prefers-reduced-motion:reduce){.course-card .scroll-preview[data-video-preview].is-video-playing .course-header-video{display:block!important}.course-preview-wrap:has([data-video-preview]) .preview-scroll-toggle span{font-size:10px}.course-preview-wrap:has([data-video-preview]) .preview-scroll-toggle span:after{content:none}}