@font-face{font-family:ComingSoon;src:url('/kiddoscloset/assets/fonts/ComingSoon-Regular.ttf')}
.showcase-close{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;transition:background .2s,transform .2s}.showcase-close:hover{background:#21392b0c;transform:rotate(90deg)}.showcase-close span{position:relative;width:20px;height:20px}.showcase-close span:before,.showcase-close span:after{content:'';position:absolute;left:9px;top:0;width:1.5px;height:22px;background:currentColor;transform:rotate(45deg)}.showcase-close span:after{transform:rotate(-45deg)}
footer.next-showcase{padding:0;background:#fff9f3;color:#453a34;position:relative;overflow:hidden;isolation:isolate}.next-showcase-link{display:block;padding:48px 6% 38px;min-height:min(790px,95svh);transform:translateY(calc(var(--pull,0) * -45px));transition:transform .15s linear}.next-topline,.next-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.next-topline>span:first-child{text-transform:uppercase;letter-spacing:1.4px}.next-topline>span:last-child{color:#78655b}.next-title{display:flex;justify-content:space-between;align-items:center;margin-top:64px;gap:35px}.next-title h2{font-family:ComingSoon,sans-serif;font-size:clamp(55px,7.8vw,118px);letter-spacing:-5px;font-weight:400;line-height:1.2}.next-title h2>span{color:#b86a52}.next-title p{font-size:15px;line-height:1.6}.next-scene{width:100%;height:300px;object-fit:contain;margin:35px 0 25px}.next-bottom{padding-top:24px;border-top:1px solid #453a3425}.next-bottom>span:first-child{font-size:16px}.pull-hint{position:relative;padding-bottom:8px}.pull-hint i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#b86a52;transform:scaleX(var(--pull,0));transform-origin:left;transition:transform .15s}.next-showcase-link:hover .next-bottom>span:first-child{text-decoration:underline;text-underline-offset:5px}
@view-transition{navigation:auto}
html.showcase-outgoing .next-showcase > .next-showcase-link{view-transition-name:showcase-surface}
html.showcase-incoming .handoff-backdrop{position:fixed;inset:0;background:var(--paper,#f6f4ed);pointer-events:none;z-index:-1;view-transition-name:showcase-surface}
html.showcase-incoming body.kiddos-case .handoff-backdrop{background:#fff9f3}
html.showcase-outgoing .next-showcase h2,html.showcase-incoming [data-showcase-arrival] h1{view-transition-name:showcase-title}
html.showcase-outgoing .next-showcase .next-scene,html.showcase-incoming [data-showcase-arrival] .next-scene{view-transition-name:showcase-art}
::view-transition-group(*){animation-duration:900ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation:showcase-fade-out 350ms ease both}
::view-transition-new(root){animation:showcase-fade-in 600ms ease both}
::view-transition-old(showcase-title),::view-transition-old(showcase-art){display:none}
::view-transition-new(showcase-title),::view-transition-new(showcase-art){animation:none;mix-blend-mode:normal;height:100%;object-fit:fill}
::view-transition-image-pair(showcase-surface){isolation:isolate}
@keyframes showcase-fade-out{to{opacity:0}}@keyframes showcase-fade-in{from{opacity:0}to{opacity:1}}
.showcase-arrival{background:#fff9f3;color:#453a34}
.showcase-arrival .next-title h1{font-family:ComingSoon,sans-serif;font-size:clamp(55px,7.8vw,118px);letter-spacing:-5px;font-weight:400;line-height:1.2;margin:0}
.showcase-arrival .next-title h1>span{color:#b86a52}
.showcase-arrival .next-bottom{font-size:11px}
.showcase-arrival .next-bottom>span:first-child{font-size:13px}
@media(max-width:600px){.next-showcase-link{min-height:620px;padding-top:30px}.next-topline{font-size:9px}.next-topline>span:last-child{max-width:130px;text-align:right}.next-title{display:block;margin-top:55px}.next-title h2{font-size:55px;letter-spacing:-3px}.next-title p{font-size:13px;margin-top:20px}.next-scene{height:210px;width:130%;max-width:none;margin-left:-15%;margin-top:20px}.next-bottom{align-items:flex-start;gap:15px}.next-bottom>span:first-child{font-size:13px;max-width:120px}.pull-hint{font-size:10px;max-width:140px;text-align:right}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.next-showcase-link{transform:none}.scroll-invitation{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

.kiddos-opening.showcase-arrival{padding:0}
@media(max-width:600px){.showcase-arrival .next-title h1{font-size:55px;letter-spacing:-3px}.showcase-arrival .next-bottom>span{font-size:10px;max-width:150px}}
.showcase-arrival{overflow:clip}


/* A compact end-card grows into a full-screen sheet. */
footer.next-showcase{height:360px;padding:0 4px 4px;background:#21392b;overflow:visible;isolation:auto}
.next-showcase .next-showcase-link{height:100%;min-height:0;padding:42px 6% 35px;background:#fff9f3;border-radius:14px;overflow:hidden;user-select:none;-webkit-user-select:none;transform:none;transition:none}
.next-showcase .next-title{margin-top:55px}
.next-showcase .next-scene{display:none}
.next-showcase .next-bottom{display:none}
.next-showcase-link.sheet-active{position:fixed;z-index:90;box-shadow:0 -12px 70px #15231918;will-change:height,left,right,bottom,border-radius}
.next-showcase-link.sheet-active .next-scene{display:block;position:absolute;left:6%;width:88%;max-width:none;margin:0;bottom:65px;height:min(34vh,320px);opacity:var(--sheet-art,0)}
.next-showcase-link.sheet-settling{transition:height 550ms cubic-bezier(.22,1,.36,1),left 550ms ease,right 550ms ease,bottom 550ms ease,border-radius 550ms ease}
.next-showcase-link.sheet-settling .next-scene{transition:opacity 450ms ease}
.next-scene{-webkit-user-drag:none}
@media(max-width:600px){footer.next-showcase{height:330px}.next-showcase .next-showcase-link{padding:30px 6%;border-radius:12px}.next-showcase .next-title{margin-top:45px}.next-showcase-link.sheet-active .next-scene{height:230px;width:100%;left:0;bottom:100px}}
@media(prefers-reduced-motion:reduce){.next-showcase-link.sheet-settling{transition:none}}

/* Campcation continuation uses the destination’s existing editorial opening. */
footer.next-campcation{background:#453a34;color:#21392b}
.next-campcation .next-showcase-link{background:#f6f4ed;color:#21392b}
.next-campcation .next-topline>span:last-child{color:#617166}
.next-campcation .next-title{margin-top:30px;display:block}
.kiddos-case .next-campcation h2{font-family:Manrope,sans-serif;font-size:clamp(44px,5vw,72px);font-weight:450;line-height:1.02;letter-spacing:-3px;margin:0}
.kiddos-case .next-campcation h2 em{font-family:Fraunces,serif;color:#cd601d;font-style:italic}
.next-campcation .campcation-intro{opacity:var(--sheet-art,0);font-size:16px;line-height:1.65;max-width:480px;margin-top:35px}
.next-campcation .sheet-settling .campcation-intro{transition:opacity 450ms ease}
@media(max-width:600px){.kiddos-case .next-campcation h2{font-size:48px;letter-spacing:-2.8px;line-height:1.06}.next-campcation .next-title{margin-top:30px}.next-campcation .campcation-intro{font-size:12px;max-width:280px}}

/* Finish headline alignment within the pull, before the document handoff. */
.sheet-settling h2{transition:left 550ms cubic-bezier(.22,1,.36,1),top 550ms cubic-bezier(.22,1,.36,1),width 550ms cubic-bezier(.22,1,.36,1),font-size 550ms cubic-bezier(.22,1,.36,1),line-height 550ms cubic-bezier(.22,1,.36,1),letter-spacing 550ms cubic-bezier(.22,1,.36,1)}
.next-campcation .sheet-active .campcation-intro{opacity:0}
html.showcase-handoff::view-transition-group(showcase-title){animation-duration:350ms}
html.showcase-handoff::view-transition-old(showcase-surface){animation:showcase-fade-out 300ms ease both}
html.showcase-handoff::view-transition-new(showcase-surface){animation:none}
@media(prefers-reduced-motion:reduce){.sheet-settling h2{transition:none}}

.sheet-active .next-topline,.sheet-active .next-title>p{opacity:calc(1 - var(--sheet-progress,0))}
.sheet-settling .next-topline,.sheet-settling .next-title>p{transition:opacity 450ms ease}
/* Reveal the destination behind the departing sheet, not behind a second opaque sheet. */
html.showcase-handoff::view-transition-group(*){animation-duration:300ms}
html.showcase-handoff::view-transition-old(root){display:none}
html.showcase-handoff::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.showcase-handoff::view-transition-new(showcase-surface){display:none}
html.showcase-handoff::view-transition-old(showcase-surface){animation:showcase-fade-out 300ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
html.showcase-handoff::view-transition-group(showcase-title),html.showcase-handoff::view-transition-group(showcase-art){animation-duration:300ms}

/* Frame-driven geometry and opacity share one clock; no competing CSS easing. */
.next-showcase-link.sheet-active,.sheet-active h2,.sheet-active .next-scene,.sheet-active .next-topline,.sheet-active .next-title>p,.sheet-active .campcation-intro{transition:none!important}

/* The destination fills in before navigation; the URL change has no new visual beat. */
.destination-preview{position:absolute;left:0;top:0;border:0;pointer-events:none;visibility:hidden;opacity:0;z-index:0}
.sheet-active .destination-preview{visibility:visible;opacity:var(--destination-reveal,0)}
.sheet-active h2,.sheet-active .next-scene{z-index:2}
.sheet-active .next-topline,.sheet-active .next-title>p{position:relative;z-index:1}
.next-showcase > .next-showcase-link{position:relative}
.next-showcase > .next-showcase-link.sheet-active{position:fixed}
.showcase-return{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none;overflow:hidden;background:var(--paper,#f6f4ed)}
.showcase-return-sheet{position:absolute;overflow:hidden;box-shadow:0 -12px 70px #15231918}
.showcase-return-title{position:absolute!important;margin:0!important;z-index:2;pointer-events:none}