.intro-replay{position:absolute;bottom:27px;left:calc(7% + 220px);padding:8px 0;border:0;border-bottom:1px solid #d1dbc866;color:#e7eddf;background:none;font:600 10px 'Manrope',sans-serif;cursor:pointer;z-index:2}
.intro-replay:hover{color:white;border-color:white}

.cinematic-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;background:#101815;opacity:1;transition:opacity .4s ease}
.cinematic-intro::before{content:'';position:absolute;inset:-8%;z-index:-2;background:linear-gradient(#0c1718a8,#09110fd9),url('assets/tincraft-family-intro-soft.webp') center/cover no-repeat;filter:blur(24px)}
.cinematic-intro::after{content:'';position:absolute;inset:65% 0 0;z-index:-1;background:linear-gradient(transparent,#050b09a8);pointer-events:none}
.cinematic-intro.is-leaving{opacity:0;pointer-events:none}
.cinematic-intro__scene{position:absolute;left:50%;top:50%;width:min(100vw,177.683vh);aspect-ratio:1672/941;transform:translate(-50%,-50%);overflow:hidden;z-index:-1}
.cinematic-intro__scene::after{content:'';position:absolute;inset:-1px;background:url('assets/tincraft-intro-rough-edge.svg') center/100% 100% no-repeat;pointer-events:none}
.cinematic-intro__still,.cinematic-intro__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.cinematic-intro__video{pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 4.3% 14% at 19.7% 58%,#000 32%,transparent 100%),radial-gradient(ellipse 2.1% 7% at 40.5% 42.5%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 4.3% 14% at 19.7% 58%,#000 32%,transparent 100%),radial-gradient(ellipse 2.1% 7% at 40.5% 42.5%,#000 25%,transparent 100%)}
.cinematic-intro__closing{position:absolute;left:50%;bottom:5%;width:max-content;max-width:90%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,22px);opacity:0;transition:none;pointer-events:none;z-index:1}
.cinematic-intro.is-closing-card .cinematic-intro__closing{opacity:1}
.homepage .cinematic-intro__closing-text{margin:0;color:#f3f2e8;font:900 clamp(24px,3.36vw,48px)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 12px #000,0 1px 4px #000}
.cinematic-intro__closing-logo{display:block;width:clamp(55.2px,6vw,84px);height:auto;filter:invert(1) sepia(.15) drop-shadow(0 2px 5px #000);opacity:.92}
.cinematic-intro__disclosure{position:absolute;left:max(4%,env(safe-area-inset-left));bottom:max(5%,env(safe-area-inset-bottom));max-width:min(42%,330px);margin:0;color:#fff;font:500 11px/1.4 'Manrope',sans-serif;text-shadow:0 1px 4px #000;z-index:2}
.cinematic-intro__skip{position:absolute;right:max(4%,env(safe-area-inset-right));bottom:max(5%,env(safe-area-inset-bottom));min-height:44px;padding:12px 17px;border:1px solid #f4f5e9ba;color:#fff;background:#101a17d9;font:600 12px 'Manrope',sans-serif;cursor:pointer;z-index:2}
.homepage .cinematic-intro__skip{color:#fff}
.cinematic-intro__skip:hover{background:#f2f0e7;color:#172219}
.homepage .cinematic-intro__skip:hover{color:#172219}
.cinematic-intro__skip:focus-visible{outline:3px solid white;outline-offset:4px}

/* A selectable trial uses a recorded planner sequence and its own poster. */
.cinematic-intro--planner::before{background-image:linear-gradient(#0c1718b8,#09110fd9),url('assets/tincraft-planner-intro-trial-v4.webp')}
.cinematic-intro--planner .cinematic-intro__scene{aspect-ratio:16/9}
.cinematic-intro--planner .cinematic-intro__scene::after{display:none}
.cinematic-intro--planner .cinematic-intro__video{-webkit-mask-image:none;mask-image:none}
.cinematic-intro--planner .cinematic-intro__closing{display:none}
.cinematic-intro__planner-title,.cinematic-intro__planner-brand{display:none}

@media(max-width:600px){
 .intro-replay{left:auto;right:6%;bottom:17px;font-size:9px}
 .cinematic-intro::before{inset:-5%;background-image:linear-gradient(#0c171866,#09110fa8),url('assets/tincraft-family-intro-soft.webp');filter:blur(13px)}
 /* Keep the whole widescreen scene visible within the portrait viewport. */
 .cinematic-intro__scene{width:108vw;-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
 .cinematic-intro__closing{bottom:9%;gap:8px;max-width:85%}
 .homepage .cinematic-intro__closing-text{font-size:clamp(18px,4.8vw,22.8px)}
 .cinematic-intro__closing-logo{width:43.2px}
 .cinematic-intro__disclosure{left:max(6%,env(safe-area-inset-left));bottom:max(6%,env(safe-area-inset-bottom));font-size:10px}
 .cinematic-intro__skip{right:max(6%,env(safe-area-inset-right));bottom:max(6%,env(safe-area-inset-bottom))}
 .cinematic-intro--planner::before{background-image:linear-gradient(#0c171888,#09110fc8),url('assets/tincraft-planner-intro-trial-v4-phone.webp')}
 .cinematic-intro--planner .cinematic-intro__scene{width:min(100vw,56.25vh);aspect-ratio:9/16;-webkit-mask-image:none;mask-image:none}
 .cinematic-intro--planner .cinematic-intro__planner-brand{display:flex;align-items:center;gap:12px;position:absolute;top:max(4%,env(safe-area-inset-top));left:6%;color:#f5f4e8;font:700 20px/1 var(--display,'Oswald',sans-serif);letter-spacing:.02em;z-index:1}
 .cinematic-intro--planner .cinematic-intro__planner-brand img{width:58px;height:auto;filter:invert(1)}
 .cinematic-intro--planner.is-planner-final .cinematic-intro__planner-title{font-size:clamp(15px,4.5vw,20px)}
 .cinematic-intro--planner .cinematic-intro__planner-title{white-space:pre-line;display:block;position:absolute;left:6%;right:6%;bottom:calc(6% + 65px + env(safe-area-inset-bottom,0px));margin:0;color:#f5f4e8;font:700 clamp(19px,5.4vw,25px)/1.12 var(--display,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 8px #000;opacity:1;pointer-events:none;z-index:1}
 .cinematic-intro--planner .cinematic-intro__planner-title,.cinematic-intro--planner .cinematic-intro__planner-brand{display:none}
}
@media(prefers-reduced-motion:reduce){.cinematic-intro{transition:none}}