/* The value message closes the main story as one full-height outro. */
.site-opening{--night:#111310;--opening-ink:#e8e4d9;--bridge:0;--serif:"AppleMyungjo","Batang","Noto Serif KR",serif;position:relative;height:100svh;min-height:500px;background:var(--night);color:var(--opening-ink);font-family:var(--serif);isolation:isolate;scroll-margin-top:-100px}
.opening-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:80px 60px}

.main-offer{width:min(100%,1140px)}
.main-content{width:100%;margin:0;font-weight:400;font-size:clamp(32px,3.5vw,53px);line-height:1.7;letter-spacing:.015em}
.main-first-line{display:flex;align-items:baseline;gap:32px}
.main-lead{flex-shrink:0;white-space:nowrap}
.mobile-break{display:none}
.main-last-line{display:block;width:fit-content;margin:32px 0 0 auto;padding-right:4%;white-space:nowrap}
.bridge{display:block;align-self:center;flex:1;max-width:380px;min-width:70px;height:2px;margin-top:8px;overflow:hidden}
.bridge-ink{display:block;width:100%;height:100%;background:var(--opening-ink);opacity:.82;clip-path:inset(0 calc((1 - var(--bridge))*100%) 0 0)}
.hero-downloads{display:flex;justify-content:flex-end;gap:13px;margin-top:44px;padding-right:4%;font-family:var(--sans)}
.platform-download{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:53px;padding:0 21px;border:1px solid #e8e4d952;border-radius:8px;color:#e8e4d9;background:#e8e4d90a;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.platform-download svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.platform-download:hover{background:#e8e4d91a;border-color:#e8e4d9a0}
.platform-download:focus-visible{outline:2px solid #dfe5c7;outline-offset:5px}
.site-js .opening-message{opacity:0;pointer-events:none;transition:opacity .65s ease}

.site-js .character{opacity:0;position:relative}
.site-js .character.is-ink{opacity:1}
.site-js .character.has-caret:after{content:"";position:absolute;right:-.16em;top:.04em;height:.96em;width:1px;background:var(--opening-ink);animation:opening-caret .9s step-end infinite;opacity:.8}

.site-js .site-opening:is([data-phase="lead"],[data-phase="bridge"],[data-phase="ending"],[data-phase="complete"]) .main-message{opacity:1;pointer-events:auto}
.site-js .hero-downloads{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}
.site-js .site-opening[data-phase="complete"] .hero-downloads{opacity:1;visibility:visible}
.is-paused .has-caret:after{animation-play-state:paused!important}
@keyframes opening-caret{0%,49%{opacity:.8}50%,100%{opacity:0}}
/* Match the study header while overriding the former site's navigation rules. */
.integrated-site .site-header{position:fixed;inset:0 0 auto;height:96px;color:#e8e4d9;background:linear-gradient(#111310e8,#11131000);backdrop-filter:none;box-shadow:none;transition:opacity .5s,visibility .5s,color .4s,background .4s}
.integrated-site .site-header .header-nav{position:static;display:flex;flex-direction:row;margin:0;padding:0;gap:34px;width:auto;background:none;box-shadow:none;border:0;font-size:15px;font-weight:500}
.integrated-site .site-header .header-nav a{padding:14px 0;color:inherit}
.integrated-site .site-header .header-nav a:after{background:currentColor}
.integrated-site .header-brand svg{height:auto;stroke:none;flex-shrink:1}
.site-js .integrated-site .site-header{opacity:1;visibility:visible;pointer-events:auto}
html[data-header-theme="light"] .integrated-site .site-header{color:#343b32;background:#faf9f5ed;backdrop-filter:blur(12px)}
html[data-header-theme="light"] .integrated-site .header-download{background:#3b5135;border-color:#3b5135;color:#f8f8eb}
html:not(.site-js) .site-opening{height:auto;min-height:0}
html:not(.site-js) .opening-message{position:relative;min-height:100svh}
html:not(.site-js) .bridge-ink{clip-path:none}
html:not(.site-js) .integrated-site .site-header{color:#343b32;background:#faf9f5ed}
@media(min-width:1700px){.main-offer{width:1240px}.main-content{font-size:56px}}
@media(max-width:999px){.opening-message{padding:65px 42px}.main-content{font-size:34px}.main-first-line{gap:23px}.main-last-line{padding-right:0;margin-top:35px}.bridge{max-width:245px}.hero-downloads{padding-right:0;margin-top:37px}.integrated-site .site-header .header-nav{gap:24px}}
@media(max-width:700px){
 .site-opening{min-height:500px;scroll-margin-top:-86px}.opening-message{padding:45px 27px}
 .main-offer{max-width:460px}.main-content{font-size:clamp(27px,7.1vw,38px);line-height:1.85;letter-spacing:0}.mobile-break{display:block}.main-first-line{gap:18px;align-items:flex-end;position:relative}.main-lead{white-space:normal}.bridge{position:absolute;left:calc(4em + 18px);right:0;bottom:.82em;height:1px;min-width:0;max-width:none;margin:0}.main-last-line{margin-top:30px;font-size:clamp(25px,6.6vw,36px)}
 .hero-downloads{justify-content:flex-start;margin-top:32px;gap:10px}.platform-download{min-height:49px;padding-inline:14px;gap:8px;font-size:12px}.platform-download svg{width:19px;height:19px}
 .integrated-site .site-header{height:78px}.integrated-site .site-header .header-nav{flex-direction:column;gap:0;align-items:center;font-size:11px}.integrated-site .site-header .header-nav a{padding:4px 0}
}
@media(max-width:360px){.integrated-site .site-header .header-nav{font-size:10px}.hero-downloads{gap:8px}.platform-download{font-size:11px;padding-inline:10px;gap:7px}.platform-download svg{width:17px;height:17px}}
@media(max-height:500px) and (min-width:701px){.site-opening{min-height:100svh}.opening-message{padding-block:30px}.main-content{font-size:33px}.main-last-line{margin-top:15px}.hero-downloads{margin-top:22px}.platform-download{min-height:43px;font-size:12px}.integrated-site .site-header{height:70px}}

/* Place platform actions on the central axis, apart from the sentence composition. */
.main-message .hero-downloads{position:absolute;left:24px;right:24px;bottom:clamp(46px,9svh,100px);margin:0;padding:0;justify-content:center}
@media(max-width:700px){.main-message .hero-downloads{bottom:clamp(36px,8svh,70px)}}
@media(max-height:500px) and (min-width:701px){.main-message .hero-downloads{bottom:22px}.main-message{padding-top:30px;padding-bottom:60px}}

/* One scene: no hidden definition or extra scroll interval remains. */
.opening-stage{position:relative;height:100%;min-height:inherit}
html:not(.site-js) .opening-stage{height:auto}