/* Slide 01 only. The cream shell, toolbar and pager retain their own theme. */
.teaching-slide.slide-cover{
 position:relative;isolation:isolate;border:1px solid #a88c51;border-radius:12px;
 background:#132a25;color:#fff2cb;overflow:auto;padding:clamp(16px,3cqh,30px) 3%;
}
.teaching-slide.slide-cover::before{
 content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
 background:linear-gradient(#0b191540,#0b191540),url('../../assets/experience/title-convoy.png') center 54%/cover no-repeat;
}
.teaching-slide.slide-cover::after{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:radial-gradient(ellipse at 50% 44%,#10231d24 10%,#0a1918a6 72%,#050e0df0 100%);
 box-shadow:inset 0 0 65px #07110e99;
}
.teaching-slide.slide-cover .cover-content{max-width:1250px;gap:clamp(9px,2.2cqh,20px);padding:0;flex-shrink:0;text-shadow:0 2px 9px #000,0 0 24px #07130d}
.teaching-slide.slide-cover .slide-kicker{color:#f2dda4;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;font-size:clamp(10px,2.3cqh,15px);margin:0}
.teaching-slide.slide-cover .cover-lesson{color:#f5d58c;font-weight:750;letter-spacing:4px;margin:0;font-size:clamp(13px,2.7cqh,19px)}
.teaching-slide.slide-cover h1,
body.lesson-presenting .teaching-slide.slide-cover h1{
 color:#ffe5a2;font-size:clamp(26px,min(3.65vw,7.7cqh),68px);font-weight:800;
 line-height:1.2;margin:0;text-transform:uppercase;text-wrap:balance;
 text-shadow:0 2px 0 #775a26,0 4px 7px #000,0 0 28px #000c;
}
.teaching-slide.slide-cover h1 em{color:#fff1c6;font-style:normal;font-weight:800}
.teaching-slide.slide-cover .cover-era{
 width:max-content;max-width:100%;padding:clamp(5px,1.3cqh,11px) 0;
 border:0;border-radius:0;background:linear-gradient(90deg,transparent,#11221dcc 25%,#11221dcc 75%,transparent);
 box-shadow:none;color:#f6c968;font-size:clamp(22px,4.5cqh,35px);font-style:normal;gap:clamp(12px,2vw,25px);
 text-shadow:0 0 8px rgba(246,201,104,.4);
}
.teaching-slide.slide-cover .cover-era::before,.teaching-slide.slide-cover .cover-era::after{
 content:'';width:clamp(24px,5vw,76px);height:1px;flex-shrink:0;
 background:linear-gradient(90deg,transparent,#f6c968);box-shadow:0 0 8px #f6c96855;
}
.teaching-slide.slide-cover .cover-era::after{transform:rotate(180deg)}
.teaching-slide.slide-cover .cover-era i{color:#f6c968;font-size:.6em}
.teaching-slide.slide-cover .cover-subtitle{color:#f3edda;font-size:clamp(13px,2.8cqh,19px);line-height:1.55;margin:0;max-width:90%}
.teaching-slide.slide-cover .cover-action{max-width:100%;filter:drop-shadow(0 0 8px #e5a93b80);animation:title-action-pulse 3s ease-in-out infinite}
.teaching-slide.slide-cover .cover-start{
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;
 min-height:48px;padding:clamp(11px,2.2cqh,18px) clamp(16px,3vw,44px);
 border:0;border-radius:0;background:linear-gradient(135deg,#d4af37 0%,#f6d778 28%,#c79c30 52%,#8f681a 100%);
 clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
 color:#172016;font:700 clamp(12px,2.6cqh,18px)/1.4 var(--sans);letter-spacing:2px;text-transform:uppercase;
 cursor:pointer;text-shadow:0 1px 0 #fff1b875;box-shadow:inset 0 0 0 1px #ffe6a1,inset 0 0 15px #ffe6a14d;
 filter:drop-shadow(0 0 8px #e5a93b80);
 animation:title-start-glow 3s ease-in-out infinite;transition:transform .2s;
}
.teaching-slide.slide-cover .cover-start::before{
 content:'';position:absolute;inset:3px;pointer-events:none;border:1px solid #fff0b580;
 clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);
}
.teaching-slide.slide-cover .cover-start::after{
 content:'';position:absolute;inset:-30% -50%;pointer-events:none;
 background:linear-gradient(110deg,transparent 40%,#fff7d699 50%,transparent 60%);
 transform:translateX(-70%);
}
.teaching-slide.slide-cover .cover-start:hover{transform:translateY(-2px) scale(1.03)}
.teaching-slide.slide-cover .cover-start:hover::after,
.teaching-slide.slide-cover .cover-start:focus-visible::after{animation:title-start-shine .8s ease-out both}
.teaching-slide.slide-cover .cover-start:focus-visible{outline:0;background:#ffe39c;box-shadow:inset 0 0 0 3px #fff8db,inset 0 0 0 5px #775313}
.teaching-slide.slide-cover .cover-start:active{transform:translateY(0) scale(1)}
@keyframes title-start-glow{50%{filter:drop-shadow(0 0 15px #e5a93b99);box-shadow:inset 0 0 0 1px #fff0b8,inset 0 0 22px #ffe6a17a}}
@keyframes title-action-pulse{50%{filter:drop-shadow(0 0 15px #e5a93b99)}}
@keyframes title-start-shine{to{transform:translateX(70%)}}
@media(max-width:600px){
 .teaching-slide.slide-cover{padding:18px 10px}
 .teaching-slide.slide-cover h1,body.lesson-presenting .teaching-slide.slide-cover h1{font-size:clamp(23px,min(6.3vw,7cqh),38px);line-height:1.3}
 .teaching-slide.slide-cover .cover-start{gap:7px}
}
@media(prefers-reduced-motion:reduce){
 .teaching-slide.slide-cover .cover-action{animation:none}
 .teaching-slide.slide-cover .cover-start{animation:none;transition:none}
 .teaching-slide.slide-cover .cover-start:hover{transform:none}
 .teaching-slide.slide-cover .cover-start:hover::after,.teaching-slide.slide-cover .cover-start:focus-visible::after{animation:none}
}