.frontier-carousel{padding:2.5rem 0;border-bottom:1px solid var(--rule)}
.frontier-carousel>.wrap{position:relative;--visual-height:400px}
.hero-slides{display:grid;overflow:hidden;isolation:isolate}.hero-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:2.5rem;visibility:hidden;pointer-events:none}
.hero-slide[hidden]{display:grid}.hero-slide.is-active,.hero-slide:not([hidden]){visibility:visible;pointer-events:auto}.hero-slide.is-moving{visibility:visible;will-change:transform}
.hero-copy h1,.hero-copy h2{font:600 clamp(2.5rem,4.3vw,4.6rem)/1.05 var(--serif);letter-spacing:-.03em;color:var(--navy);margin:.6rem 0 1.2rem}.hero-copy .lead{font:400 clamp(1.1rem,1.6vw,1.35rem)/1.5 var(--serif);color:#27364a}.hero-copy p{max-width:42rem}
.hero-visual{display:block;position:relative;min-width:0;width:100%;height:var(--visual-height);overflow:hidden;background:var(--navy)}
.workshop img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.photo-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.photo-panel{position:relative;background-repeat:no-repeat;background-size:auto 185%;background-position:center 43%;display:flex;align-items:flex-end;justify-content:center;padding:0 .25rem 3.5rem;isolation:isolate}
.photo-panel+.photo-panel{border-left:1px solid var(--brass)}
.panel-create{background-image:url('../covers/create-cover.jpg')}.panel-connect{background-image:url('../covers/connect-cover.jpg')}.panel-keep{background-image:url('../covers/keep-cover.jpg')}
.photo-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#031126 100%);z-index:-1}
.photo-panel span{color:white;font:600 clamp(1.2rem,2.1vw,2rem)/1 var(--serif)}
.cover-single{display:flex;align-items:center;justify-content:flex-end;padding:1.5rem 12% 2.5rem;background-image:linear-gradient(#03112688,#031126aa),url('../covers/dragonomics-cover.jpg');background-size:cover,100% auto;background-position:center,center 44%}
.cover-single img{height:100%;width:auto;max-width:70%;object-fit:contain;box-shadow:0 6px 20px #0006}
.carousel-controls[hidden]{display:none}.carousel-controls{position:absolute;left:calc(40% + .75rem);right:0;top:50%;height:var(--visual-height);transform:translateY(-50%);pointer-events:none}
.carousel-controls button{pointer-events:auto;cursor:pointer;border:0;color:white}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:44px;border-radius:50%;background:#03112688;font:300 2.5rem/1 Georgia;opacity:0;transition:opacity .2s}
.previous{left:8px}.next{right:8px}.frontier-carousel:hover .carousel-arrow,.frontier-carousel:focus-within .carousel-arrow{opacity:1}
.carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex}
.carousel-dots button{width:32px;height:36px;background:transparent;position:relative}
.carousel-dots button:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff9;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #031126}
.carousel-dots button[aria-current=true]:after{background:#c79945}
.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.frontier-carousel>.wrap{--visual-height:300px}.hero-slide{grid-template-columns:1fr;grid-template-rows:1fr var(--visual-height);gap:1.5rem}.hero-copy{align-self:center}.hero-copy h1,.hero-copy h2{font-size:clamp(2.5rem,7vw,4rem)}.carousel-controls{left:0;top:auto;bottom:0;transform:none}.frontier-carousel{padding-top:2rem}.photo-panel span{font-size:clamp(1.2rem,3.7vw,2rem)}}
@media(max-width:480px){.frontier-carousel>.wrap{--visual-height:240px}.photo-panel{background-size:auto 185%;padding-bottom:3rem}.cover-single{padding:1rem 15% 2rem}.workshop img{object-position:70% center}}
@media(hover:none){.carousel-arrow{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-slide,.carousel-arrow{transition:none}}