html.safrie-intro-pending::after{content:'';position:fixed;inset:0;z-index:399;background:#061219;pointer-events:none}
html.safrie-intro-open,html.safrie-intro-open body{overflow:hidden}
.safrie-intro{position:fixed;inset:0;z-index:400;isolation:isolate;overflow:hidden;background:#061219;color:#f2f1eb;opacity:1;transition:opacity .72s cubic-bezier(.22,1,.36,1);font-family:var(--sans,Arial,sans-serif)}
.intro-film,.intro-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.intro-film{opacity:.12;transform:scale(1.035);transition:opacity 1.6s ease,transform 6.5s linear}
.intro-shade{background:linear-gradient(180deg,rgba(6,18,25,.16),transparent 25%,rgba(6,18,25,.08) 60%,rgba(6,18,25,.6));z-index:1}
.safrie-intro.is-playing .intro-film{opacity:1;transform:scale(1)}
.safrie-intro.is-playing[data-phase=arrival] .intro-film{opacity:.4}
.safrie-intro.is-playing[data-phase=statement] .intro-film{opacity:.45}
.intro-topline,.intro-bottomline{position:absolute;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:20px;font-size:9px;font-weight:400;letter-spacing:.14em}
.intro-topline{top:max(34px,env(safe-area-inset-top));color:rgba(242,241,235,.65)}
.intro-bottomline{bottom:max(28px,env(safe-area-inset-bottom));min-height:44px;justify-content:flex-end}
.intro-title{position:absolute;left:8%;right:8%;top:50%;z-index:2;transform:translateY(calc(-50% + 12px));text-align:center;opacity:0;filter:blur(5px);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.22,1,.36,1),filter 1.2s ease}
.intro-logo{display:block;width:clamp(120px,12.5vw,180px);height:auto;max-height:58px;object-fit:contain;margin:0 auto 38px;filter:brightness(0) invert(1)}
.intro-heading{font-weight:400;font-size:clamp(60px,8.3vw,124px);line-height:1.02;letter-spacing:-.065em}
.intro-heading>span{display:block}
.intro-period{color:#82cdb7}
.intro-title-note{margin-top:30px;font-size:9px;letter-spacing:.25em;color:rgba(242,241,235,.64)}
.safrie-intro.is-playing .intro-title{opacity:1;filter:blur(0);transform:translateY(-50%)}
.safrie-intro[data-phase=journey] .intro-title,.safrie-intro[data-phase=statement] .intro-title{opacity:0;transform:translateY(calc(-50% - 20px));filter:blur(4px);transition-duration:.8s;pointer-events:none}
.intro-statement{position:absolute;left:7%;right:7%;top:50%;z-index:2;transform:translateY(calc(-50% + 18px));text-align:center;font-size:clamp(22px,2.65vw,40px);font-weight:500;line-height:1.85;letter-spacing:.05em;opacity:0;filter:blur(3px);transition:opacity 1.2s ease,transform 1.5s cubic-bezier(.22,1,.36,1),filter 1.2s ease;text-shadow:0 2px 40px rgba(6,18,25,.9)}
.intro-statement span{display:block}
.safrie-intro[data-phase=statement] .intro-statement{opacity:1;filter:blur(0);transform:translateY(-50%)}
.safrie-intro[data-phase=statement].is-statement-leaving .intro-statement{opacity:0;filter:blur(6px);transform:translateY(calc(-50% - 9px));transition:opacity 1.2s ease,filter 1.2s ease,transform 1.2s ease}
.intro-caption{display:flex;align-items:center;gap:10px;font-size:8px;color:rgba(242,241,235,.65)}
.intro-caption i{display:block;width:4px;height:4px;background:#82cdb7}
.intro-skip{display:flex;align-items:center;gap:30px;min-height:44px;padding:8px 0 8px 18px;border:0;background:transparent;color:#f2f1eb;font-size:11px;letter-spacing:.08em}
.intro-skip span:not(.button-signal){font-size:18px;transition:transform .25s ease}.intro-skip:hover span:not(.button-signal){transform:translate(2px,-2px)}
.safrie-intro :focus-visible{outline:1px solid #82cdb7;outline-offset:7px}
.intro-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(242,241,235,.08);z-index:3}
.intro-progress span{display:block;width:100%;height:100%;background:#82cdb7;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.safrie-intro.is-exiting{opacity:0;pointer-events:none}
.safrie-intro-reveal .hero-title-wrap,.safrie-intro-reveal .hero-description,.safrie-intro-reveal .hero-topline,.safrie-intro-reveal .hero-bottom,.safrie-intro-reveal .site-header{animation:safrie-site-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
.safrie-intro-reveal .hero-description{animation-delay:.12s}.safrie-intro-reveal .hero-bottom{animation-delay:.18s}
@keyframes safrie-site-arrive{from{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.safrie-intro.is-static .intro-film{opacity:.75;transform:none}.safrie-intro.is-static .intro-title{top:16%;transform:none;opacity:1;filter:none}.safrie-intro.is-static .intro-logo{width:108px;margin-bottom:0}.safrie-intro.is-static .intro-heading,.safrie-intro.is-static .intro-title-note{display:none}.safrie-intro.is-static .intro-statement{opacity:1;filter:none;transform:translateY(-50%)}
@media(max-width:899px){.intro-topline,.intro-bottomline{left:28px;right:28px}.intro-heading{font-size:clamp(61px,10vw,90px)}.intro-statement{font-size:clamp(23px,3.2vw,32px)}}
@media(max-width:599px){.intro-topline,.intro-bottomline{left:22px;right:22px}.intro-topline{top:max(27px,env(safe-area-inset-top));font-size:7px;letter-spacing:.11em}.intro-edition{font-size:6px}.intro-bottomline{bottom:max(17px,env(safe-area-inset-bottom));gap:12px}.intro-title{left:20px;right:20px}.intro-logo{width:123px;margin-bottom:30px}.intro-heading{font-size:clamp(48px,13vw,76px);line-height:1.04}.intro-title-note{font-size:7px;letter-spacing:.17em;margin-top:24px}.intro-statement{left:20px;right:20px;font-size:clamp(17px,4.5vw,24px);line-height:2.05;letter-spacing:.035em}.intro-caption{font-size:6px;letter-spacing:.12em;gap:7px}.intro-skip{font-size:10px;gap:18px}.intro-film{object-position:50% 50%}}
@media(max-height:500px) and (min-width:600px){.intro-logo{width:90px;margin-bottom:15px}.intro-heading{font-size:55px}.intro-title-note{margin-top:14px;font-size:7px}.intro-topline{top:20px}.intro-bottomline{bottom:12px}.intro-statement{font-size:25px}}
@media(prefers-reduced-motion:reduce){.safrie-intro,.safrie-intro *{animation:none!important;transition:none!important}.safrie-intro-reveal .hero-title-wrap,.safrie-intro-reveal .hero-description,.safrie-intro-reveal .hero-topline,.safrie-intro-reveal .hero-bottom,.safrie-intro-reveal .site-header{animation:none}.intro-film{transform:none}}
@media print{.safrie-intro,html.safrie-intro-pending::after{display:none!important}html.safrie-intro-open,html.safrie-intro-open body{overflow:visible}}
.hero h1[tabindex="-1"]:focus{outline:none}