html:has(body.scripta-page){scroll-behavior:auto}
/* Scripta product story — shared Dvani colour, typography and navigation. */
.sp{overflow:clip}.sp-wrap{width:min(1280px,100%);margin-inline:auto;padding-inline:clamp(22px,4vw,64px)}.sp section[id]{scroll-margin-top:135px}.sp p{line-height:1.75}.sp-kicker,.sp-eyebrow,.sp-section-line,.sp-hero-foot,.sp-photo figcaption,.sp-hero-visual figcaption,.sp-hardware-photo figcaption,.sp-demo-bar,.sp-paper-label,.sp-mode-top,.sp-dashboard-head,.sp-ecosystem>article>span{font:10px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}.sp-kicker{color:var(--orange);display:block}.sp-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}.sp-eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);padding-block:25px;border-bottom:1px solid var(--line)}.sp-hero-status{margin-left:auto;color:#c4ccda;font-size:9px}.sp-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(30px,5vw,80px);align-items:center;padding-block:65px 70px}.sp-hero h1{font-size:clamp(48px,6.3vw,86px);line-height:1;letter-spacing:-.065em;margin:22px 0 24px}.sp-hero h1 em{color:var(--orange)}.sp-lead{max-width:460px;font-size:17px}.sp-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.sp-text-link{font:11px/1.5 var(--mono);letter-spacing:.045em;color:var(--orange);display:inline-flex;align-items:center;border-bottom:1px solid transparent;padding-bottom:3px}.sp-text-link:hover{color:#fdba74;border-color:currentColor}.sp-hero-foot{font-size:8px;color:var(--muted);margin-top:26px}.sp figure{margin:0}.sp-hero-visual{position:relative;background:#0c1424;border:1px solid var(--line);box-shadow:0 30px 100px #0003}.sp-hero-visual:before{content:"";position:absolute;width:70px;height:2px;left:-1px;top:-1px;background:var(--orange)}.sp-hero-visual img{width:100%;height:auto;display:block}.sp-hero-visual figcaption,.sp-hardware-photo figcaption{display:flex;justify-content:space-between;gap:10px;padding:13px 17px;color:var(--muted);font-size:8px;border-top:1px solid var(--line)}.sp-visual-note{padding:21px 17px;display:flex;align-items:center;gap:10px;font-size:13px;color:#d4dbe8;border-top:1px solid var(--line)}.sp-principle-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:25px 30px}.sp-principle-strip p{font-size:clamp(24px,2.9vw,36px);line-height:1.2;color:var(--ink);letter-spacing:-.035em}.sp-principle-strip p em{color:var(--orange)}.sp-principle-strip>span{font-size:12px;line-height:1.6;color:var(--muted);text-align:right}.sp-local-nav{position:sticky;top:68px;z-index:30;display:flex;justify-content:center;gap:clamp(20px,3vw,42px);padding:16px 22px;background:#020617ef;backdrop-filter:blur(16px);border-block:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.sp-local-nav a{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:var(--muted)}.sp-local-nav a:hover,.sp-local-nav a[aria-current]{color:var(--orange)}.sp-section{padding-block:65px 90px}.sp-section-line{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.sp-section-line>span:first-child{color:#c6d0e1}.sp-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(35px,6vw,85px);align-items:end;margin:48px 0 48px}.sp h2{font-size:clamp(36px,4.6vw,63px);line-height:1.07;letter-spacing:-.055em}.sp h2 em{color:#d9e2f0}.sp-section-heading>p{font-size:15px;max-width:470px}.sp-experience-grid{display:grid;grid-template-columns:1.14fr 1fr;border:1px solid var(--line)}.sp-photo{min-width:0;background:#0b1220;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.sp-photo img{width:100%;height:auto}.sp-photo figcaption{padding:19px 22px;font-size:8px;color:var(--muted);border-top:1px solid var(--line)}.sp-experience-copy{padding:10px 30px 24px}.sp-experience-copy article,.sp-progress-copy article{display:flex;gap:20px;padding-block:25px;border-bottom:1px solid var(--line)}.sp-index{font:11px/1.6 var(--mono);color:var(--orange);padding-top:5px}.sp h3{font-size:25px;line-height:1.15;letter-spacing:-.035em}.sp-experience-copy h3{font-size:22px}.sp-experience-copy p{font-size:13px;margin-top:11px}.sp-small-callout{display:flex;gap:17px;padding-top:20px}.sp-small-callout>span{color:var(--orange);font-size:24px}.sp-small-callout p{margin:0;font-size:12px}.sp-band{background:#081020;border-block:1px solid var(--line)}.sp-tutor-grid{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid var(--line)}.sp-tutor-stages{padding:8px;border-right:1px solid var(--line);background:var(--bg)}.sp-tutor-stages button{width:100%;display:grid;grid-template-columns:25px 1fr 20px;gap:3px 15px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:23px 18px;color:var(--muted);transition:background .2s}.sp-tutor-stages button:last-child{border-bottom:0}.sp-tutor-stages button>span{grid-row:1/3;font:11px var(--mono);color:var(--orange);padding-top:3px}.sp-tutor-stages strong{font-size:19px;font-weight:400;line-height:1.2;color:var(--ink)}.sp-tutor-stages small{grid-column:2;font-size:12px;margin-top:7px}.sp-tutor-stages b{grid-column:3;grid-row:1/3;font-weight:400;color:var(--muted)}.sp-tutor-stages button[aria-selected=true]{background:#152038}.sp-tutor-stages button[aria-selected=true] b{color:var(--orange)}.sp-tutor-demo{background:#10192a;min-width:0}.sp-demo-bar{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted);padding:17px 21px;border-bottom:1px solid var(--line)}.sp-paper{background:repeating-linear-gradient(transparent,transparent 31px,#dad4c7 32px),#f5f1e7;color:#17223b;margin:30px 32px 0;padding:22px 25px 27px;transform:rotate(-1deg);box-shadow:4px 6px 0 #cfc6b9}.sp-paper-label{font-size:8px;color:#6e7480;background:#f5f1e7;padding-right:10px}.sp-paper>p{font-size:15px;color:#314362;margin:15px 0}.sp-equation{font:italic clamp(27px,3vw,43px)/1.5 Georgia,serif;color:#1c3d77}.sp-handwritten{font:italic 19px/1.5 Georgia,serif;color:#315b8d;margin-top:16px}.sp-voice-answer{padding:32px 32px 25px}.sp-voice-mark{display:block;color:var(--orange);font:21px var(--mono);letter-spacing:4px;margin-bottom:16px}.sp-voice-answer .sp-kicker{font-size:8px;color:var(--muted)}.sp-voice-answer>p{font-size:19px;line-height:1.55;color:var(--ink);margin-top:16px;min-height:90px}.sp-demo-foot{display:block;font:10px var(--mono);color:var(--orange);padding-top:20px}.sp-practice-types{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.sp-practice-types article{padding:30px;border-right:1px solid var(--line)}.sp-practice-types article:first-child{padding-left:0}.sp-practice-types article:last-child{border-right:0;padding-right:0}.sp-line-icon{font:44px/1.5 Georgia,serif;color:var(--orange);display:block;margin-bottom:20px}.sp-practice-types h3{margin-bottom:15px}.sp-practice-types p{font-size:14px}.sp-exam-block{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;margin-top:65px}.sp-exam-copy h3{font-size:37px;margin:20px 0}.sp-exam-copy>p{font-size:14px}.sp-exam-copy>.sp-fine{font-size:11px;margin-top:20px}.sp-exam-copy>.sp-text-link{margin-top:22px}.sp-fine{font-size:11px!important;line-height:1.7;color:var(--muted)}.sp-exam-modes{border:1px solid var(--line);background:#0b1426}.sp-mode-tabs,.sp-dashboard-tabs{display:flex;border-bottom:1px solid var(--line)}.sp-mode-tabs button,.sp-dashboard-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:17px 12px;flex:1;font:10px/1.6 var(--mono);white-space:nowrap}.sp-mode-tabs button[aria-selected=true],.sp-dashboard-tabs button[aria-selected=true]{color:var(--orange);border-color:var(--orange);background:#f9731608}.sp-mode-panel{padding:27px}.sp-mode-top{display:flex;justify-content:space-between;margin-bottom:26px;align-items:center}.sp-mode-top>span:first-child{border:1px solid #f9731659;background:#f973160e;color:#fdba74;padding:6px 10px;font-size:9px}.sp-mode-top>span:last-child{font-size:27px;color:var(--orange)}.sp-mode-panel>.sp-kicker{color:var(--muted);font-size:8px}.sp h4{font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.02em;margin:12px 0}.sp-mode-panel>p{font-size:13px;min-height:96px;margin-bottom:20px}.sp-mode-rule{padding-block:15px;border-top:1px solid var(--line);font-size:12px}.sp-mode-rule>span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.sp-mode-rule strong{font-weight:400;color:#d8e1ef}.sp-discussion{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:55px 85px}.sp-discussion h2{margin:22px 0}.sp-discussion p{max-width:420px;font-size:15px;margin-bottom:18px}.sp-discussion-art{height:360px;position:relative;display:grid;place-items:center;isolation:isolate}.sp-orbit-circle{position:absolute;border:1px solid #f9731640;width:310px;height:310px;border-radius:50%;transform:rotate(-25deg) scaleY(.78)}.sp-orbit-inner{width:230px;height:230px;border-style:dashed;border-color:#334155;transform:rotate(25deg) scaleY(.85)}.sp-agent{position:absolute;display:flex;gap:10px;align-items:center;padding:15px 17px;background:#101a2c;border:1px solid var(--line);font:9px var(--mono);letter-spacing:.05em}.sp-agent b{font-size:14px;font-weight:400;color:var(--orange)}.sp-agent-one{top:60px;left:4%}.sp-agent-two{top:95px;right:1%}.sp-agent-you{bottom:35px;left:32%;border-color:#f9731680}.sp-discussion-wave{font:21px var(--mono);letter-spacing:4px;color:var(--orange);padding-bottom:15px}.sp-hardware-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:start}.sp-hardware-photo{border:1px solid var(--line);position:sticky;top:155px;background:#0b1426}.sp-hardware-photo img{width:100%;height:auto}.sp-specs{margin:0}.sp-specs>div{border-bottom:1px solid var(--line);padding:20px 0}.sp-specs>div:first-child{padding-top:0}.sp-specs dt{font-size:19px;color:var(--ink);letter-spacing:-.025em}.sp-specs dd{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.75}.sp-specs dd strong{color:#d5dfed;font-weight:400}.sp-hardware-note{display:flex;align-items:baseline;gap:12px;padding:22px 0;margin-top:12px}.sp-hardware-note p{font-size:10px}.sp-beyond{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding-top:45px;margin-top:20px}.sp-beyond h3{font-size:30px;margin-top:17px}.sp-beyond h4{font-size:19px;margin-top:0}.sp-beyond p{font-size:13px}.sp-progress-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.sp-dashboard-preview{background:#0d1729;border:1px solid var(--line)}.sp-dashboard-head{padding:18px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:8px;border-bottom:1px solid var(--line);color:var(--muted)}.sp-sample{color:var(--orange);font-size:7px;white-space:nowrap}.sp-dashboard-tabs button{font-size:10px;padding:13px}.sp-dashboard-title{padding:25px 26px 20px}.sp-dashboard-title>.sp-kicker{font-size:8px;color:var(--muted)}.sp-dashboard-title h3{font-size:26px;margin-top:12px}.sp-topic{padding:13px 26px;display:grid;grid-template-columns:1fr auto;gap:11px;font-size:13px}.sp-topic strong{font:9px/1.5 var(--mono);color:#c4cfe0;font-weight:400}.sp-topic i{position:relative;grid-column:1/-1;height:3px;background:#24334d;display:block}.sp-topic i:after{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--orange);width:var(--progress)}.sp-recommendation{margin:15px 26px 27px;padding:17px;border-left:2px solid var(--orange);background:#172035}.sp-recommendation>.sp-kicker{font-size:8px}.sp-recommendation p{font-size:12px;margin-top:8px;color:#c6d2e5}.sp-progress-copy article{padding-block:25px}.sp-progress-copy article:first-child{padding-top:0}.sp-progress-copy p{font-size:14px;margin-top:15px}.sp-progress-copy>.sp-fine{margin-top:25px}.sp-ecosystem{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.sp-ecosystem>article{padding:25px 19px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.sp-ecosystem>article:last-child{border-right:0}.sp-ecosystem>article>span{font-size:8px;color:var(--muted)}.sp-ecosystem h3{font-size:23px;line-height:1.2;margin:24px 0 15px}.sp-ecosystem p{font-size:12px;margin-bottom:22px}.sp-ecosystem .sp-text-link{font-size:9px;margin-top:auto;align-self:flex-start}.sp-ecosystem-device{background:#f973160b;border-top:2px solid var(--orange)}.sp-ecosystem-device h3{color:var(--orange)}.sp-publishing{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:60px}.sp-publishing h3{font-size:38px;margin-top:20px}.sp-publishing p{font-size:14px;margin-bottom:18px}.sp-publishing .button{margin-top:10px}.sp-faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.sp-faq-section h2{margin-top:24px;font-size:44px}.sp-faq details{border-bottom:1px solid var(--line)}.sp-faq details:first-child{border-top:1px solid var(--line)}.sp-faq summary{display:flex;justify-content:space-between;gap:24px;align-items:center;cursor:pointer;font-size:17px;line-height:1.5;padding:21px 0;list-style:none;color:#e0e7f2}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary>span{font:22px var(--mono);color:var(--orange)}.sp-faq details[open] summary>span{transform:rotate(45deg)}.sp-faq details>p{font-size:13px;padding-bottom:22px}.sp-faq details>.sp-text-link{margin-bottom:20px}.sp-finale{text-align:center;padding-block:90px 100px;background:radial-gradient(ellipse at bottom,#f973160b,transparent 65%)}.sp-finale h2{font-size:clamp(47px,6.8vw,90px);margin:28px 0}.sp-finale h2 em{color:var(--orange)}.sp-finale p{font-size:16px}.sp-finale .sp-actions{justify-content:center}.scripta-page footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.sp-hero-grid{gap:30px}.sp-hero h1{font-size:65px}.sp-hero-foot{font-size:7px}.sp-ecosystem{grid-template-columns:repeat(3,1fr)}.sp-ecosystem>article:nth-child(3){border-right:0}.sp-ecosystem>article:nth-child(n+4){border-top:1px solid var(--line)}.sp-ecosystem>article:nth-child(4){grid-column:1/2}.sp-ecosystem>article:nth-child(5){grid-column:2/4}.sp-progress-grid,.sp-exam-block{gap:35px}.sp-section-heading{gap:40px}.sp-experience-copy{padding-inline:20px}.sp-experience-copy article{gap:15px}.sp-practice-types article{padding:25px}.sp-discussion{gap:35px}.sp-faq-section{gap:45px}}
@media(max-width:1050px){.sp-local-nav{top:62px}.sp section[id]{scroll-margin-top:125px}}
@media(max-width:760px){.sp-hero-grid{grid-template-columns:1fr;padding-block:45px 35px;gap:35px}.sp-hero h1{font-size:clamp(50px,10vw,70px);margin-block:18px 22px}.sp-hero-status{display:none}.sp-hero .sp-lead{font-size:16px;max-width:550px}.sp-hero-visual{width:100%;max-width:640px}.sp-hero-foot{font-size:8px;line-height:1.8}.sp-principle-strip{align-items:flex-start}.sp-principle-strip p{font-size:26px;max-width:230px}.sp-principle-strip>span{font-size:10px}.sp-local-nav{justify-content:flex-start;gap:25px;padding-block:14px}.sp-local-nav a{font-size:9px}.sp-section{padding-block:45px 60px}.sp-section-line{font-size:8px}.sp-section-line>span:last-child{display:none}.sp-section-heading{grid-template-columns:1fr;gap:22px;margin-block:34px 32px}.sp h2{font-size:clamp(36px,7.7vw,50px)}.sp-section-heading>p{font-size:14px;max-width:none}.sp-experience-grid,.sp-tutor-grid,.sp-exam-block,.sp-hardware-grid,.sp-progress-grid,.sp-publishing,.sp-faq-section{grid-template-columns:1fr;gap:30px}.sp-experience-grid,.sp-tutor-grid{gap:0}.sp-photo{border-right:0;border-bottom:1px solid var(--line)}.sp-experience-copy{padding-inline:23px}.sp-experience-copy article{padding-block:23px}.sp-tutor-stages{border-right:0;border-bottom:1px solid var(--line)}.sp-tutor-stages button{padding:18px 14px}.sp-tutor-stages strong{font-size:17px}.sp-tutor-stages small{font-size:11px}.sp-demo-bar{font-size:7px}.sp-paper{margin:25px 25px 0;padding:20px}.sp-voice-answer{padding:28px 25px}.sp-voice-answer>p{min-height:85px;font-size:18px}.sp-practice-types{grid-template-columns:1fr}.sp-practice-types article,.sp-practice-types article:first-child,.sp-practice-types article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.sp-practice-types article:last-child{border-bottom:0}.sp-line-icon{font-size:36px;margin-bottom:10px}.sp-practice-types h3{font-size:24px;margin-bottom:10px}.sp-exam-block{margin-top:40px;gap:28px}.sp-exam-copy h3{font-size:34px}.sp-mode-tabs button{padding:15px 8px;font-size:9px}.sp-mode-panel{padding:23px}.sp-mode-panel>p{min-height:92px}.sp-discussion{grid-template-columns:1fr;gap:10px;padding-block:20px 55px}.sp-discussion p{font-size:14px;max-width:none}.sp-discussion-art{height:310px;max-width:460px;width:100%;margin:auto}.sp-orbit-circle{width:280px;height:280px}.sp-orbit-inner{width:200px;height:200px}.sp-agent{padding:13px;font-size:8px}.sp-agent-one{top:50px;left:0}.sp-agent-two{top:90px;right:0}.sp-agent-you{bottom:22px}.sp-hardware-photo{position:static}.sp-specs>div:first-child{padding-top:0}.sp-specs dt{font-size:18px}.sp-beyond{grid-template-columns:1fr;gap:25px;padding-top:28px}.sp-beyond h3{font-size:31px}.sp-beyond h4{margin-bottom:9px}.sp-progress-copy article:first-child{padding-top:5px}.sp-progress-copy h3{font-size:24px}.sp-progress-copy p{font-size:13px}.sp-ecosystem{grid-template-columns:1fr 1fr}.sp-ecosystem>article{padding:22px 18px;border-top:1px solid var(--line)}.sp-ecosystem>article:nth-child(1),.sp-ecosystem>article:nth-child(2){border-top:0}.sp-ecosystem>article:nth-child(2n){border-right:0}.sp-ecosystem>article:nth-child(3){border-right:1px solid var(--line)}.sp-ecosystem>article:nth-child(4),.sp-ecosystem>article:nth-child(5){grid-column:auto}.sp-ecosystem>article:last-child{grid-column:1/-1}.sp-ecosystem h3{font-size:24px;margin:18px 0 12px}.sp-publishing{padding-top:35px;gap:25px}.sp-publishing h3{font-size:34px}.sp-publishing p{font-size:13px}.sp-faq-section{gap:30px}.sp-faq-section h2{font-size:38px}.sp-faq summary{font-size:16px;gap:20px;padding-block:20px}.sp-finale{padding-block:65px 75px}.sp-finale h2{font-size:clamp(43px,9.4vw,62px)}.sp-finale p{font-size:14px}.sp-finale .sp-actions{gap:10px}.sp-finale .button{padding:15px;font-size:10px}.sp-dashboard-head{gap:10px;font-size:7px;padding:15px}.sp-sample{font-size:6px}.sp-topic{padding-inline:21px}.sp-dashboard-title{padding:23px 21px 15px}.sp-recommendation{margin-inline:21px}}
@media(prefers-reduced-motion:reduce){.sp *{scroll-behavior:auto!important;transition:none!important}}
/* Short, on-demand excerpts from the Blender product film. */
.sp-film{min-width:0;background:#0b1426}.sp-film-stage{position:relative;aspect-ratio:16/9;background:#020617;overflow:hidden}.sp-film video{display:block;width:100%;height:100%;object-fit:contain}.sp-film-play{position:absolute;inset:0;display:flex;align-items:flex-end;gap:13px;text-align:left;color:#fff;border:0;padding:24px;background:linear-gradient(transparent 40%,#020617c9);cursor:pointer;font-family:inherit}.sp-film-play[hidden]{display:none}.sp-film-play>span:last-child{font-size:15px;line-height:1.45}.sp-film-play small{display:block;font:8px/1.6 var(--mono);letter-spacing:.1em;margin-top:5px;color:#d4dfef}.sp-play-icon{width:42px;height:42px;border:1px solid #fff7;background:#02061785;display:grid;place-items:center;flex-shrink:0;font-size:13px;padding-left:2px;transition:background .2s,border-color .2s}.sp-film-play:hover .sp-play-icon{background:var(--orange);border-color:var(--orange)}.sp-film-play:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}.sp-film-caption{padding:17px 21px;font-size:12px!important;line-height:1.7!important;color:var(--muted);border-top:1px solid var(--line);margin:0!important}.sp-film-error{padding:10px 21px;font-size:12px;color:#fdba74}.sp-film-intro{margin:45px 0 23px}.sp-film-intro h3{margin:12px 0}.sp-film-intro p{font-size:13px}.sp-film-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sp-film-pair>article{border:1px solid var(--line);background:#0b1426}.sp-film-heading{display:flex;justify-content:space-between;gap:16px;padding:15px 21px;font:9px/1.6 var(--mono);letter-spacing:.09em;color:#c7d3e5;border-bottom:1px solid var(--line)}.sp-film-heading>span:last-child{color:var(--orange)}.sp-writing-film{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:45px;margin:0 0 45px;padding:25px 0 40px;border-bottom:1px solid var(--line)}.sp-writing-film h3{font-size:36px;margin:18px 0}.sp-writing-film>div>p{font-size:14px;margin-bottom:18px}.sp-writing-film>.sp-film{border:1px solid var(--line)}.sp-hero-visual .sp-film-caption{font-size:11px!important}.sp-hardware-photo .sp-film-caption{font-size:11px!important}
@media(max-width:760px){.sp-film-pair,.sp-writing-film{grid-template-columns:1fr;gap:24px}.sp-film-play{padding:18px}.sp-film-play>span:last-child{font-size:14px}.sp-film-caption{padding:15px 18px}.sp-film-intro{margin-top:32px}.sp-writing-film{padding-top:0;margin-bottom:15px}.sp-writing-film h3{font-size:31px}.sp-film-heading{padding:13px 18px;font-size:8px}}

/* Supplied product artwork: preserve the whole square composition. */
.sp-showcase{padding-block:55px 5px}.sp-showcase figure{max-width:960px;margin-inline:auto;border:1px solid var(--line);background:#0b1426}.sp-showcase a{display:block}.sp-showcase img{display:block;width:100%;height:auto}.sp-showcase a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.sp-showcase figcaption{display:flex;justify-content:space-between;gap:18px;padding:15px 20px;font:8px/1.7 var(--mono);letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.sp-showcase{padding-block:30px 0}.sp-showcase figcaption{padding:12px;font-size:7px;flex-wrap:wrap;gap:4px 15px}}

.sp-course-photo{border:1px solid var(--line);background:#0b1426;margin-bottom:40px!important;scroll-margin-top:140px}.sp-course-photo img{display:block;width:100%;height:auto}.sp-course-photo figcaption{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.sp-course-photo h3{font-size:30px;margin:14px 0}.sp-course-photo p{font-size:13px;max-width:510px}.sp-course-links{display:flex;flex-direction:column;gap:15px;align-items:flex-end;flex-shrink:0}.sp-course-links>span{font:8px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted)}
@media(max-width:760px){.sp-course-photo figcaption{padding:22px;flex-direction:column;align-items:flex-start;gap:22px}.sp-course-photo h3{font-size:26px}.sp-course-links{align-items:flex-start}.sp-course-photo{margin-bottom:25px!important}}

/* The real gradient lesson replaces the abstract equation card. */
.sp-gradient-photo{background:#0b1426;border-bottom:1px solid var(--line)}.sp-gradient-photo a{display:block}.sp-gradient-photo img{width:100%;height:auto;display:block}.sp-gradient-photo figcaption{padding:17px 25px;border-top:1px solid var(--line)}.sp-gradient-photo figcaption>span{font:8px/1.6 var(--mono);letter-spacing:.1em;color:var(--orange)}.sp-gradient-photo figcaption>p{font-size:17px;color:var(--ink);margin-top:6px;line-height:1.5}.sp-gradient-photo a:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.sp-course-preview{padding-block:0 65px}.sp-course-preview-intro{display:grid;grid-template-columns:150px 1fr;gap:40px;align-items:center;border:1px solid var(--line);padding:35px;background:#0b1426}.sp-course-preview-intro>img{width:150px;height:auto;max-height:210px;object-fit:contain;box-shadow:8px 15px 25px #0005}.sp-course-preview h2{font-size:clamp(30px,3.5vw,45px);margin:18px 0}.sp-course-preview-intro p{font-size:14px;max-width:680px}.sp-course-preview .sp-actions{margin-top:23px}.sp-course-preview-note{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--line);border-top:0;padding:19px 25px}.sp-course-preview-note p{font-size:11px;max-width:740px}.sp-course-preview-note a{flex-shrink:0;font-size:9px}.sp-course-player{background:#081020;border:1px solid var(--line);border-top:0;scroll-margin-top:130px}.sp-course-player[hidden],.sp-course-preview [hidden]{display:none}.sp-course-player-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 20px;background:#111d31;font:9px/1.6 var(--mono);color:var(--muted)}.sp-course-player-bar button{background:transparent;border:1px solid var(--line);color:var(--ink);font:10px var(--mono);padding:9px 12px;white-space:nowrap}.sp-course-player iframe{display:block;width:100%;height:clamp(460px,75vh,800px);border:0;background:#080e1b}.sp-course-player>p{font-size:11px;padding:16px 20px;border-top:1px solid var(--line)}.sp-course-player>p a{color:var(--orange);display:inline-block;margin-left:12px}.sp-course-preview button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:760px){.sp-gradient-photo figcaption{padding:16px 22px}.sp-course-preview{padding-bottom:45px}.sp-course-preview-intro{grid-template-columns:1fr;padding:25px;gap:24px}.sp-course-preview-intro>img{width:100px;max-height:140px}.sp-course-preview h2{font-size:31px}.sp-course-preview-note{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 22px}.sp-course-player-bar{font-size:8px;padding:12px;align-items:flex-start}.sp-course-player iframe{height:510px}.sp-course-player>p a{display:block;margin:8px 0 0}}