.v10-intro{
  --settle-duration:220ms;
  --settle-x:0px;
  --settle-y:0px;
  --settle-blur:0px;
  --settle-exposure:0;
  --enter-pulse-speed:1600ms;
  --enter-pulse-strength:.8;
  --projection-softness:.25px;
  --projection-exposure:.02;
  --projection-warmth:.06;
  --projection-vignette:.1;
  --projection-dust:.11;
  --ohp-text-scale:1;
  --ohp-line-spacing:1.25;
  background:radial-gradient(circle at 50% 39%,#fff 0,#f7f4ee 49%,#e9e1d6 100%);
}

.v10-intro .v6-opening-art{
  width:min(650px,calc(100vw - 40px));
  height:min(86vh,850px);
  padding:clamp(22px,3.2vh,38px) clamp(24px,4vw,46px) clamp(92px,12vh,118px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.v10-vertical-lockup{width:min(540px,100%);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vh,14px);transform:translateY(-1vh)}
.v10-brand-core{width:100%;height:auto;max-height:calc(100% - 40px);object-fit:contain}
.v10-established{flex:0 0 auto;color:#123d85;font:800 clamp(15px,2vh,21px)/1 Georgia,"Times New Roman",serif;letter-spacing:.16em;text-transform:uppercase}

.v10-history{display:grid;place-items:center;padding:clamp(52px,7vh,76px) 24px clamp(66px,9vh,92px);background:transparent}
.v10-history::after{display:none}
.v10-projector-stage{
  position:relative;
  width:min(700px,calc(100vw - 48px));
  height:min(76vh,720px);
  overflow:hidden;
  border:1px solid rgba(80,62,39,.22);
  border-radius:5px;
  background:#15120e;
  box-shadow:0 0 0 1px rgba(255,255,255,.32),0 26px 72px rgba(73,53,29,.2),0 0 68px rgba(255,242,200,.3);
  isolation:isolate;
}
.v10-projection-surface{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 49% 44%,#fffef7 0,#f7efd9 67%,#d9c9a7 100%)}
.v10-slide{position:absolute;inset:0;z-index:1;margin:0;padding:clamp(24px,4vh,40px);display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:none!important}
.v10-slide.is-active{z-index:2;visibility:visible;opacity:1}
.v10-slide.is-settling .v10-slide-content{animation:v10-slide-settle var(--settle-duration) cubic-bezier(.18,.7,.28,1) both}
.v10-slide-content{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-origin:center;filter:sepia(var(--projection-warmth)) blur(var(--projection-softness)) brightness(1)}

.v10-artifact{position:relative;width:100%;height:100%;overflow:hidden;background-color:rgba(255,252,243,.38);background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 15px 22px rgba(46,33,18,.18))}
.v10-slide-image{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}

.v10-ie-browser{width:100%;max-width:640px;max-height:100%;aspect-ratio:4/3;display:flex;flex-direction:column;overflow:hidden;border:1px solid #172c57;border-radius:3px;color:#111;background:#d4d0c8;box-shadow:0 16px 28px rgba(34,28,18,.24);font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;font-size:10px;line-height:1.1;filter:drop-shadow(0 15px 22px rgba(46,33,18,.14))}
.v10-ie-titlebar{height:24px;padding:3px 3px 3px 5px;display:flex;align-items:center;gap:5px;color:#fff;background:linear-gradient(90deg,#0a246a,#2f7dcc 72%,#7ca9e6)}
.v10-ie-title-icon{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1476d4;font:italic 900 13px/1 Arial,sans-serif;text-shadow:0 1px #073d85}
.v10-ie-title{min-width:0;flex:1;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.v10-ie-window-controls{display:flex;gap:2px}.v10-ie-window-controls span{width:16px;height:16px;display:grid;place-items:center;border:1px outset #fff;color:#111;background:#d4d0c8;font:bold 11px/1 Arial,sans-serif}
.v10-ie-menubar{height:20px;padding:0 7px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #8b8b8b;background:#d4d0c8}.v10-ie-menubar span:first-letter{text-decoration:underline}
.v10-ie-toolbar{height:37px;padding:2px 7px;display:flex;align-items:center;gap:12px;border-top:1px solid #fff;border-bottom:1px solid #808080;background:#d4d0c8}
.v10-ie-tool{min-width:25px;display:grid;place-items:center;color:#214f9b;font:bold 18px/1 Arial,sans-serif}.v10-ie-tool small{margin-top:2px;color:#111;font:8px/1 Tahoma,"MS Sans Serif",sans-serif}.v10-ie-tool.is-muted{color:#929292}
.v10-ie-addressbar{height:25px;padding:2px 4px;display:flex;align-items:center;gap:5px;border-top:1px solid #fff;border-bottom:1px solid #808080;background:#d4d0c8}
.v10-ie-address-label{padding:0 2px}.v10-ie-address-field{height:19px;min-width:0;flex:1;padding:1px 5px;display:flex;align-items:center;gap:5px;overflow:hidden;border:2px inset #fff;background:#fff;white-space:nowrap}.v10-ie-page-icon{color:#0c67c7;font:italic 900 12px/1 Arial,sans-serif}.v10-ie-go{padding:3px 7px;border:1px outset #fff;background:#d4d0c8}
.v10-ie-page{min-height:0;flex:1;padding:0;overflow:hidden;border:1px inset #fff;background:#fff}.v10-ie-artifact{filter:none;background-color:#fff;background-position:top center;background-size:contain}
.v10-ie-statusbar{height:19px;padding:2px 4px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff;background:#d4d0c8}.v10-ie-statusbar span{height:14px;padding:1px 5px;border:1px inset #fff}.v10-ie-statusbar span:first-child{flex:1}

.ohp-sheet{
  position:relative;
  width:min(92%,600px);
  min-height:min(72%,440px);
  padding:clamp(28px,5.3vw,56px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(91,75,45,.2);
  border-radius:2px 5px 3px 1px;
  color:#16233c;
  background:
    radial-gradient(ellipse at 15% 8%,rgba(255,255,255,.75),transparent 37%),
    linear-gradient(117deg,rgba(255,255,255,.16),transparent 34%,rgba(201,173,105,.08) 71%,transparent),
    rgba(255,249,219,.86);
  box-shadow:inset 0 0 34px rgba(127,99,38,.08),0 14px 28px rgba(46,32,15,.16);
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:clamp(21px,calc(3.75vw * var(--ohp-text-scale)),43px);
  font-weight:650;
  line-height:var(--ohp-line-spacing);
  letter-spacing:.01em;
  text-shadow:.018em .012em 0 rgba(15,37,75,.34);
  transform:rotate(-.18deg);
}
.ohp-sheet::before{content:"";position:absolute;inset:7px 9px 8px 7px;border:1px solid rgba(92,76,43,.07);pointer-events:none;transform:rotate(.12deg)}
.ohp-sheet::after{content:"";position:absolute;right:-6%;top:-12%;width:44%;height:52%;background:linear-gradient(132deg,rgba(255,255,255,.42),transparent 58%);opacity:.55;pointer-events:none;transform:rotate(7deg)}
.ohp-line{position:relative;z-index:1;margin:.22em 0}
.ohp-line strong,.ohp-question strong,.ohp-answer strong{font-weight:900;letter-spacing:.035em}
.ohp-mnemonic{margin-top:.62em;font-size:.84em;line-height:1.32}
.marker-emphasis{display:inline-block;padding:0 .05em;border-bottom:.12em solid rgba(139,42,32,.84);color:#9a241d;font-size:1.1em;font-weight:950;letter-spacing:.045em;line-height:1.05;transform:rotate(-.7deg)}
.ohp-visualise{align-items:center;text-align:center;font-size:clamp(26px,calc(4.6vw * var(--ohp-text-scale)),55px);font-weight:850;letter-spacing:.035em;line-height:1.28;transform:rotate(.14deg)}
.ohp-visualise p{position:relative;z-index:1;margin:0}
.ohp-drill{font-size:clamp(23px,calc(4vw * var(--ohp-text-scale)),47px);transform:rotate(-.1deg)}
.ohp-question,.ohp-answer{position:relative;z-index:1;margin:.18em 0}
.ohp-answer{margin-top:.82em;color:#8e261e;font-size:.9em;font-weight:760}
.ohp-answer[hidden]{display:none!important}
.ohp-sheet.answer-visible .ohp-answer{display:block}

.v10-projector-shutter{position:absolute;inset:0;z-index:12;visibility:hidden;background:#090806;opacity:1;pointer-events:none}
.v10-projector-stage.is-shutter-dark .v10-projector-shutter{visibility:visible}
.v10-projection-character{position:absolute;inset:-5px;z-index:9;overflow:hidden;pointer-events:none}
.v10-projection-character>span{position:absolute;inset:0;pointer-events:none}
.v10-lamp{background:#fff4cf;opacity:0;mix-blend-mode:screen;animation:v10-lamp-breathe 7.6s ease-in-out infinite}
.v10-dust{opacity:var(--projection-dust);background:radial-gradient(ellipse at 8% 17%,rgba(38,24,8,.65) 0 1px,transparent 2.4px),radial-gradient(ellipse at 21% 72%,rgba(255,252,229,.78) 0 1.2px,transparent 2.8px),radial-gradient(ellipse at 37% 31%,rgba(47,28,9,.54) 0 1.5px,transparent 3.1px),radial-gradient(ellipse at 69% 43%,rgba(43,25,7,.58) 0 1px,transparent 2.7px),radial-gradient(ellipse at 91% 66%,rgba(41,24,8,.5) 0 1.7px,transparent 3.2px)}
.v10-vignette{opacity:var(--projection-vignette);background:radial-gradient(ellipse at center,transparent 56%,rgba(61,38,16,.72) 100%)}

.v10-intro .intro-entry{padding-bottom:clamp(22px,3vh,34px)}
.v10-intro.is-running .intro-entry{opacity:1;pointer-events:auto}
.v10-intro .intro-action{min-width:176px;padding:13px 25px;border:1px solid #123d85;color:#fff;background:#123d85;box-shadow:0 10px 28px rgba(18,61,133,.22);font-size:12px;letter-spacing:.19em}
.v10-intro .intro-action.is-enter{animation:v10-enter-pulse var(--enter-pulse-speed) ease-in-out infinite}
.v10-intro .intro-action.is-enter:hover{background:#164b9b}
.v10-intro .intro-action.is-skip{min-width:132px;padding:10px 19px;border-color:rgba(18,61,133,.58);color:#123d85;background:rgba(255,255,255,.88);box-shadow:0 7px 19px rgba(18,61,133,.13);font-size:10px;letter-spacing:.15em;animation:none}
.v10-intro .intro-action.is-skip:hover{color:#fff;background:#123d85}
.v10-intro .intro-action[hidden]{display:none}
.v10-intro .intro-status{bottom:67px;transition:opacity .18s ease}
.v10-intro.is-running .intro-status{opacity:.76}
.duration-readout{font-variant-numeric:tabular-nums;white-space:pre-line}
.chooser-intro h1[tabindex="-1"]:focus{outline:none}
.settings-import-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.settings-feedback.is-error{color:#9a2525}.settings-feedback.is-warning{color:#8a5716}.settings-feedback.is-success{color:#315b39}

@keyframes v10-slide-settle{0%{transform:translate(var(--settle-x),var(--settle-y)) scale(1.001);filter:blur(var(--settle-blur)) brightness(calc(1 + var(--settle-exposure)))}100%{transform:none;filter:sepia(var(--projection-warmth)) blur(var(--projection-softness)) brightness(1)}}
@keyframes v10-enter-pulse{0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 10px 28px rgba(18,61,133,.22)}50%{transform:scale(calc(1 + .028 * var(--enter-pulse-strength)));filter:brightness(calc(1 + .11 * var(--enter-pulse-strength)));box-shadow:0 13px 34px rgba(18,61,133,.32),0 0 0 calc(6px * var(--enter-pulse-strength)) rgba(18,61,133,.09)}}
@keyframes v10-lamp-breathe{0%,100%{opacity:0}48%{opacity:calc(var(--projection-exposure) * .55)}55%{opacity:calc(var(--projection-exposure) * .18)}}

@media(max-width:820px){
  .v10-history{padding:56px 18px 72px}
  .v10-projector-stage{width:min(650px,calc(100vw - 36px));height:min(73vh,680px)}
  .v10-slide{padding:27px 18px}
  .ohp-sheet{width:94%;min-height:68%;padding:clamp(25px,6vw,44px);font-size:clamp(21px,calc(5.4vw * var(--ohp-text-scale)),39px)}
  .ohp-visualise{font-size:clamp(27px,calc(6.4vw * var(--ohp-text-scale)),48px)}
  .ohp-drill{font-size:clamp(23px,calc(5.8vw * var(--ohp-text-scale)),43px)}
}

@media(max-width:600px){
  .v10-intro .v6-opening-art{width:calc(100vw - 18px);height:min(84vh,740px);padding:24px 14px 88px}
  .v10-vertical-lockup{width:min(450px,100%);transform:translateY(-.5vh)}
  .v10-established{font-size:14px}
  .v10-history{padding:55px 9px 70px}
  .v10-projector-stage{width:calc(100vw - 18px);height:min(71vh,610px)}
  .v10-slide{padding:15px 9px}
  .v10-artifact{background:rgba(255,252,243,.26)}
  .v10-ie-artifact{background-color:#fff;background-position:top center;background-repeat:no-repeat;background-size:contain}
  .v10-ie-browser{font-size:8px}.v10-ie-titlebar{height:20px}.v10-ie-title-icon{width:13px;height:13px;font-size:11px}.v10-ie-window-controls span{width:13px;height:13px;font-size:9px}.v10-ie-menubar{height:17px;gap:10px}.v10-ie-toolbar{height:29px;gap:7px}.v10-ie-tool{min-width:19px;font-size:14px}.v10-ie-tool small{font-size:7px}.v10-ie-addressbar{height:22px}.v10-ie-address-field{height:17px}.v10-ie-statusbar{height:16px}.v10-ie-go{padding:2px 5px}
  .ohp-sheet{width:96%;min-height:72%;padding:25px 20px;font-size:clamp(20px,calc(6.7vw * var(--ohp-text-scale)),31px);line-height:max(1.12,var(--ohp-line-spacing))}
  .ohp-visualise{font-size:clamp(25px,calc(8vw * var(--ohp-text-scale)),38px)}
  .ohp-drill{font-size:clamp(22px,calc(7vw * var(--ohp-text-scale)),34px)}
  .ohp-mnemonic{font-size:.8em}
  .v10-intro .intro-tools{left:9px;right:9px;justify-content:flex-end;flex-wrap:wrap}
  .v10-intro .intro-status{bottom:60px}
}

@media(prefers-reduced-motion:reduce){
  .v10-intro .intro-action.is-enter{animation:none!important;box-shadow:0 10px 28px rgba(18,61,133,.32),0 0 0 4px rgba(18,61,133,.08)}
  .v10-slide.is-settling .v10-slide-content,.v10-lamp{animation:none!important}
}