@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){html.js .site .dstage{padding-block:24px 0}html.js .site .pin-track{height:210vh;view-timeline:--pin block}html.js .site .pin-sticky{position:-webkit-sticky;position:sticky;top:var(--head-h);height:calc(100vh - var(--head-h));display:grid;align-content:center}html.js .site .pin-sticky>.wrap{width:100%}html.js .site .pin-sticky .hhero-visual{width:min(100%,calc((100vh - var(--head-h) - 72px) * 1200 / 680));margin-inline:auto}html.js .site .pin-track .dv-hero-book,html.js .site .pin-track .dv-hero-phone,html.js .site .pin-track .dv-hero-phones,html.js .site .pin-track .dv-hero-tablet{will-change:transform}}@keyframes pin-scene{0%{transform:translateY(72px) scale(.84)}to{transform:none}}@keyframes pin-tilt{0%{transform:rotateX(-16deg)}to{transform:none}}@keyframes pin-lid{0%{transform:rotateX(-34deg)}to{transform:none}}@keyframes pin-from-left{0%{transform:translate(-200px,36px);opacity:0}to{transform:none;opacity:1}}@keyframes pin-from-right{0%{transform:translate(220px,36px);opacity:0}to{transform:none;opacity:1}}@keyframes pin-phones{0%{transform:translate(-96px,56px)}to{transform:none}}@keyframes pin-book{0%{transform:translateY(120px)}to{transform:none}}@supports (animation-timeline:view()){@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){html.js .site .pin-track .hhero-visual :is(.dv-scene,.dv-tilt,.dv-lid,.dv-hero-phone,.dv-hero-tablet,.dv-hero-phones,.dv-hero-book){animation-timing-function:cubic-bezier(.25,.6,.3,1);animation-fill-mode:both;animation-duration:auto;animation-timeline:--pin}html.js .site .pin-track .hhero-visual .dv-scene{animation-name:pin-scene;animation-range:cover 8% cover 42%}html.js .site .pin-track .hhero-visual .dv-tilt{animation-name:pin-tilt;animation-range:cover 12% cover 48%}html.js .site .pin-track .hhero-visual .dv-lid{animation-name:pin-lid;animation-range:cover 22% cover 50%}html.js .site .pin-track .hhero-visual .dv-hero-phone{animation-name:pin-from-left;animation-range:cover 28% cover 52%}html.js .site .pin-track .hhero-visual .dv-hero-tablet{animation-name:pin-from-right;animation-range:cover 30% cover 54%}html.js .site .pin-track .hhero-visual .dv-hero-phones{animation-name:pin-phones;animation-range:cover 6% cover 54%}html.js .site .pin-track .hhero-visual .dv-hero-book{animation-name:pin-book;animation-range:cover 6% cover 54%}}}@supports not (animation-timeline:view()){@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){html.js .site .pin-track[data-driven] .hhero-visual :is(.dv-scene,.dv-tilt,.dv-lid,.dv-hero-phone,.dv-hero-tablet,.dv-hero-phones,.dv-hero-book){--r:calc(1 - clamp(0, (var(--pin, 1) - var(--a)) / (var(--b) - var(--a)), 1));animation:none}html.js .site .pin-track[data-driven] .hhero-visual .dv-scene{--a:0.08;--b:0.42;transform:translateY(calc(var(--r) * 72px)) scale(calc(1 - var(--r) * .16))}html.js .site .pin-track[data-driven] .hhero-visual .dv-tilt{--a:0.12;--b:0.48;transform:rotateX(calc(var(--r) * -16deg))}html.js .site .pin-track[data-driven] .hhero-visual .dv-lid{--a:0.22;--b:0.5;transform:rotateX(calc(var(--r) * -34deg))}html.js .site .pin-track[data-driven] .hhero-visual .dv-hero-phone{--a:0.28;--b:0.52;transform:translate(calc(var(--r) * -200px),calc(var(--r) * 36px));opacity:calc(1 - var(--r))}html.js .site .pin-track[data-driven] .hhero-visual .dv-hero-tablet{--a:0.3;--b:0.54;transform:translate(calc(var(--r) * 220px),calc(var(--r) * 36px));opacity:calc(1 - var(--r))}html.js .site .pin-track[data-driven] .hhero-visual .dv-hero-phones{--a:0.06;--b:0.54;transform:translate(calc(var(--r) * -96px),calc(var(--r) * 56px))}html.js .site .pin-track[data-driven] .hhero-visual .dv-hero-book{--a:0.06;--b:0.54;transform:translateY(calc(var(--r) * 120px))}}}@media (prefers-reduced-motion:no-preference){html.js .site .hhero-visual .dv-stage{animation:depth-stage-in 1.1s var(--ease-out) .12s both;transform-origin:50% 100%}}@keyframes depth-stage-in{0%{opacity:0;transform:perspective(1600px) translateY(40px) rotateX(14deg) scale(.97)}to{opacity:1;transform:none}}@keyframes depth-drift{0%{transform:translateY(var(--drift,0))}to{transform:translateY(calc(var(--drift, 0px) * -1))}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.js .site .hhero-visual :is(.dv-hero-phones,.dv-hero-book){animation:depth-drift linear both;animation-timeline:--dv-stage;animation-range:cover 0 cover 100%}html.js .site .hhero-visual .dv-hero-phones{--drift:18px}html.js .site .hhero-visual .dv-hero-book{--drift:30px}}}@keyframes depth-tip{0%{transform:perspective(1400px) translateY(var(--tip-y,48px)) rotateX(var(--tip,14deg)) scale(.97)}to{transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.js .site :is(.minicards,.numsteps,.guidecards,.gcse-steps,.gcse-tiers,.gcse-groups,.schoolcards){transform-origin:50% 0;animation:depth-tip linear both;animation-timeline:view();animation-range:entry 0 cover 30%}}@media (max-width:719px){html.js .site :is(.minicards,.numsteps,.guidecards,.gcse-steps,.gcse-tiers,.gcse-groups,.schoolcards){--tip:8deg;--tip-y:28px}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.site :is(.minicard,.guidecard,.gcse-card){--tilt-max:4}.site .door{--tilt-max:2}.site .gcse-hero-visual{--tilt-max:6}html.js .site :is(.door,.minicard,.guidecard,.gcse-card)[data-tilting]{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px);transition:transform .16s linear,box-shadow .26s var(--ease-out),border-color .2s ease}.site .gcse-card{transition:transform .42s var(--ease-out),box-shadow .26s var(--ease-out)}.site .gcse-card:hover{box-shadow:0 2px 4px color-mix(in srgb,var(--ink) 4%,transparent),0 22px 44px -30px color-mix(in srgb,var(--accent) 50%,transparent)}}.site .story[data-live] .story-laptop .dv-tilt{transition:transform .9s var(--ease-out)}.site .story[data-live][data-active="0"] .story-laptop .dv-tilt{transform:rotateY(-7deg) rotateX(-3deg)}.site .story[data-live][data-active="1"] .story-laptop .dv-tilt{transform:rotateX(-2deg)}.site .story[data-live][data-active="2"] .story-laptop .dv-tilt{transform:rotateY(7deg) rotateX(-3deg)}@media (min-width:880px) and (prefers-reduced-motion:no-preference){html.js .site .gcse-hero-visual{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease-out);animation:depth-gcse-in 1.1s var(--ease-out) .15s backwards}html.js .site .gcse-hero-visual[data-tilting]{transition-duration:.16s;transition-timing-function:linear}html.js .site .gcse-hero-visual .gcse-device{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);box-shadow:0 2px 6px color-mix(in srgb,var(--ink) 6%,transparent),0 40px 80px -40px color-mix(in srgb,var(--accent) 55%,transparent)}}@keyframes depth-gcse-in{0%{opacity:0;transform:perspective(1400px) translateY(36px) rotateY(-18deg) rotateX(8deg)}}@keyframes depth-face-on{0%{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg)}to{transform:none}}@keyframes depth-art{0%{transform:translateY(0)}to{transform:translateY(-56px)}}@supports (animation-timeline:view()){@media (min-width:880px) and (prefers-reduced-motion:no-preference){html.js .site .gcse-hero{view-timeline:--gcse-hero block}html.js .site .gcse-hero-visual .gcse-device{animation:depth-face-on linear both;animation-timeline:--gcse-hero;animation-range:exit 0 exit 60%}html.js .site .gcse-hero-art{animation:depth-art linear both;animation-timeline:view();animation-range:cover 0 cover 100%}}}