@layer theme,base;@layer components{.ctl-ph{isolation:isolate;z-index:4;min-height:var(--spacing-page-hero-compact,15rem);color:var(--band-fg,var(--color-ink));grid-template-columns:minmax(0,1fr);align-items:center;padding-block:clamp(22px,3vw,44px) clamp(48px,5.6vw,84px);display:grid;position:relative}.ctl-ph--standard{min-height:var(--spacing-page-hero-standard,28rem)}.ctl-hero-amb{z-index:21;position:relative}.ctl-hero-amb>.amb-layer{z-index:1}.ctl-ph>.ctl-wrap{z-index:1;position:relative}.ctl-ph--swatch{--band-fg:var(--subject-on);--band-fg-muted:var(--subject-on-muted,var(--subject-on));--band-accent:var(--subject-accent-text,var(--subject-on));--band-folio:var(--subject-on-muted,var(--subject-on));--band-line:var(--subject-on-muted,var(--subject-on));--band-focus:var(--subject-focus,var(--color-butter));--band-foot:var(--subject-deep,var(--subject));--band-rule:var(--subject-on-muted,var(--subject-on));--band-grain:var(--grain-ink);--band-bg:radial-gradient(60% 80% at 88% 12%, var(--subject-glow,var(--subject)), transparent 70%), linear-gradient(165deg in oklab, var(--subject) 0%, var(--subject-deep,var(--subject)) 100%)}.ctl-ph--swatch[data-light]{--band-grain:var(--grain-paper)}.ctl-ph--swatch :focus-visible{outline-color:var(--band-focus)}.ctl-ph--stage{--band-fg:var(--on);--band-fg-muted:var(--on-muted);--band-accent:var(--color-brand);--band-folio:var(--on-muted);--band-line:var(--on-muted);--band-focus:var(--on);--band-foot:var(--cover);--band-rule:var(--on-muted);--band-grain:var(--grain-paper);--band-bg:linear-gradient(170deg, #ffffff29, transparent 50%), linear-gradient(var(--cover), var(--cover))}.ctl-ph--stage[data-stage=primary],.ctl-ph--stage[data-stage=middle-school]{--band-accent:var(--on)}.ctl-ph--stage[data-stage=secondary-school]{--band-accent:var(--color-butter);--band-focus:var(--color-focus-on-ink);--band-grain:var(--grain-ink);--band-bg:radial-gradient(90% 60% at 30% 0%, color-mix(in oklab, var(--cover) 80%, var(--color-royal)), transparent 70%), linear-gradient(var(--cover), var(--cover))}.ctl-ph--stage :focus-visible{outline-color:var(--band-focus)}.ctl-ph-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;min-width:0;display:grid}.ctl-ph-copy{min-width:0}@media (min-width:64rem){.ctl-ph-grid{column-gap:var(--spacing-gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.ctl-ph-copy{grid-column:1/span 7}.ctl-ph-plate{grid-column:9/-1}}.ctl-ph-eyebrow{color:var(--band-folio,var(--color-gilt-ink));align-items:center;gap:12px;margin-top:clamp(16px,2vw,24px);display:flex}.ctl-ph-eyebrow:before{content:"";opacity:.8;background:currentColor;flex:none;width:24px;height:1px}.ctl-ph-title{color:var(--band-fg,var(--color-ink));text-wrap:balance;overflow-wrap:anywhere;margin-top:12px}.ctl-ph-title .ctl-accent{color:var(--band-accent,var(--color-brand))}.ctl-ph-lede{max-width:var(--container-hero-copy);font-size:var(--text-body-l);line-height:var(--text-body-l--line-height);color:var(--band-fg-muted,var(--color-ink-muted));text-wrap:pretty;margin-top:14px}.ctl-ph-lede strong{color:var(--band-fg,var(--color-ink));font-weight:500}.ctl-ph-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}@media (max-width:47.99rem){.ctl-ph-actions>*{width:100%}}.ctl-ph-plate{min-width:0;position:relative}@media (max-width:63.99rem){.ctl-ph-plate--hide-md{display:none}}.ctl-ph-count{color:var(--band-fg-muted,var(--color-ink-muted));font-variant-numeric:tabular-nums;margin-top:10px;font-size:14px;font-weight:500}.ctl-ph .ctl-crumbs ol{color:var(--band-fg-muted)}@media (max-width:63.99rem){.ctl-ph-grid--swatch{--ph-plate:120px;grid-template-columns:minmax(0, 1fr) var(--ph-plate);align-items:start}.ctl-ph-grid--swatch>.ctl-ph-plate{width:var(--ph-plate);grid-area:1/2;justify-self:end}.ctl-ph-grid--swatch>.ctl-ph-copy{grid-area:1/1/auto/-1}.ctl-ph-grid--swatch>.ctl-ph-copy>:is(.ctl-crumbs,.ctl-ph-eyebrow,.ctl-ph-title){padding-right:calc(var(--ph-plate) - 4px)}}@media (max-width:47.99rem){.ctl-ph-grid--swatch{--ph-plate:96px}}@keyframes ctl-ph-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ctl-ph-fade{0%{opacity:0}to{opacity:1}}:root.js-motion .ctl-ph-copy>*{animation:ctl-ph-rise var(--duration-reveal,var(--duration-very-slow)) var(--ease-smooth-out) both}:root.js-motion .ctl-ph-copy>.ctl-crumbs{animation-name:ctl-ph-fade}:root.js-motion .ctl-ph-copy>:nth-child(2){animation-delay:var(--duration-micro)}:root.js-motion .ctl-ph-copy>:nth-child(3){animation-delay:var(--duration-quick)}:root.js-motion .ctl-ph-copy>:nth-child(4){animation-delay:var(--duration-fast)}:root.js-motion .ctl-ph-copy>:nth-child(n+5){animation-delay:var(--duration-medium)}:root.js-motion .ctl-ph-plate{animation:ctl-ph-rise var(--duration-spring-soft,var(--duration-very-slow)) var(--ease-spring-soft,var(--ease-smooth-out)) calc(var(--duration-medium) + var(--duration-micro)) both}.ctl-medal{aspect-ratio:1/1.08;place-items:center;width:min(100%,340px);margin-inline:auto;display:grid;position:relative}.ctl-medal:before{content:"";border-radius:var(--radius-panel);background:linear-gradient(160deg, color-mix(in oklab, var(--subject-deep,var(--subject)) 80%, var(--color-ink) 20%), var(--subject-deep,var(--subject)));position:absolute;inset:8% 4% 2% 14%;transform:rotate(7deg);box-shadow:0 30px 50px -30px #0009}.ctl-medal-disc{border-radius:var(--radius-panel);background:radial-gradient(80% 70% at 30% 18%, color-mix(in oklab, var(--subject-glow,var(--subject)) 78%, var(--color-paper-raised) 22%), transparent 70%), linear-gradient(165deg in oklab, var(--subject-glow,var(--subject)), var(--subject) 55%, var(--subject-deep,var(--subject)));box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 0 1px color-mix(in oklab, var(--subject-on) 18%, transparent), 0 44px 64px -36px #000000a6, 0 10px 20px -12px #00000059;position:absolute;inset:4% 10% 6% 6%;overflow:hidden;transform:rotate(-4deg)}.ctl-medal-disc:before{content:"";background:linear-gradient(90deg,#00000038,#ffffff14 60%,#0000001f);width:9%;position:absolute;top:0;bottom:0;left:0}.ctl-medal-disc:after{content:"";border:1px solid color-mix(in oklab, var(--subject-accent,var(--subject-on)) 55%, transparent);border-radius:18px;position:absolute;inset:7% 7% 7% 14%}.ctl-medal-band{background-color:var(--subject-on);opacity:.14;height:28%;position:absolute;bottom:0;left:9%;right:0}.ctl-medal-loop{z-index:1;place-items:center;width:100%;height:100%;padding-left:6%;display:grid;position:relative;transform:rotate(-4deg)}.ctl-medal-glyph{aspect-ratio:1;width:47%;height:auto;color:var(--subject-on);--glyph-accent:var(--subject-accent,var(--subject-on));filter:drop-shadow(0 6px 10px #0003)}@keyframes ctl-medal-sway{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-6px)}}:root.js-motion:not([data-motion=reduced]):not([data-motion=lite]):not([data-tab=hidden]) .ctl-medal-loop{animation:ctl-medal-sway 8s var(--ease-sine,ease-in-out) infinite}@media (prefers-reduced-motion:reduce){.ctl-medal-loop{animation:none!important}}@media (max-width:63.99rem){.ctl-ph-plate .ctl-medal{width:100%;margin-top:6px}}@media (max-width:47.99rem){.ctl-medal:before,.ctl-medal-disc{border-radius:14px}.ctl-medal-disc:after{border-radius:8px;inset:8% 8% 8% 16%}}.ctl-stage-plate{width:min(100%,320px);filter:drop-shadow(0 18px 24px color-mix(in oklab, var(--ctl-umber) 25%, transparent));margin-inline:auto}@media (max-width:63.99rem){.ctl-stage-plate{width:100%}}.ctl-fan{width:400px;max-width:100%;height:clamp(210px,19vw,280px);margin-inline:auto;position:relative}.ctl-fan>.ctl-fan-vol{width:30%;position:absolute;bottom:8%}.ctl-fan>.ctl-fan-vol:first-of-type{left:12%;transform:rotate(-14deg)translateY(6px)}.ctl-fan>.ctl-fan-vol:nth-of-type(2){z-index:2;left:35%;transform:rotate(-2deg)translateY(-14px)}.ctl-fan>.ctl-fan-vol:nth-of-type(3){left:58%;transform:rotate(11deg)translateY(4px)}.ctl-fan .ctl-cover-glyph{width:30%;height:auto}.ctl-fan .ctl-cover-swift{width:13%;height:auto}.ctl-fan:after{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--ctl-umber) 30%, transparent), transparent);border-radius:50%;height:10%;position:absolute;bottom:2%;left:10%;right:10%}.ctl-big-sticker{z-index:4;background:var(--color-pink);color:var(--color-ink);font:700 clamp(22px, 2.2vw, 30px)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-gilt) 60%, transparent), 0 14px 26px -12px color-mix(in oklab, var(--color-brand) 55%, transparent);border-radius:8px;place-items:center;padding:14px 22px;display:grid;position:absolute;top:4%;left:2%;transform:rotate(-4deg)}.ctl-big-sticker:after{content:"";border:1px dashed color-mix(in oklab, var(--color-ink) 35%, transparent);border-radius:5px;position:absolute;inset:5px}}@layer utilities;