/* Only this home fragment. Slot descendants are deliberately not selected. */
.ark-home { --ah-orange:#ff5e00; --ah-accent:#f4a05e; --ah-muted:#ebf0f3; --ah-line:rgba(255,255,255,.27); position:relative; isolation:isolate; color:#fff; background:#082f49; font-family:var(--font-ko); font-style:normal; }
.ark-home .ah-stage { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.ark-home .ah-visual { position:absolute; inset:0; margin:0; background:#082f49 url('/assets/home/ark-utopia/poster-landscape-clean-start.webp') center/cover no-repeat; }
.ark-home .ah-story-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; }
.ark-home.ah-media-ready .ah-story-video { opacity:1; }
.ark-home .ah-information-panel { position:relative; display:flow-root; background:rgba(2,18,31,.72); }
.ark-home .ah-nav-slot { position:relative; z-index:20; }
.ark-home .ah-scroll-content { position:relative; z-index:5; }
.ark-home .ah-newsletter-slot { position:relative; padding:clamp(48px,8svh,88px) 6vw 40px; }
.ark-home .ah-footer-slot { position:relative; padding:24px 6vw 36px; }
.ark-home .ah-newsletter-slot:empty,.ark-home .ah-footer-slot:empty { padding:0; }
.ark-home .ah-skip-link { position:fixed; z-index:30; top:8px; left:8px; padding:12px 18px; color:#082f49; background:#fff; transform:translateY(-160%); }
.ark-home .ah-skip-link:focus { transform:none; }
.ark-home .ah-skip-link:focus-visible,.ark-home .ah-primary-link:focus-visible { outline:3px solid #f4a05e; outline-offset:5px; }
.ark-home .ah-origin-title { position:relative; width:min(1180px,92vw); height:230px; margin:0 auto; text-shadow:0 1px 2px rgba(0,12,24,.95),0 2px 6px rgba(0,12,24,.85); }
.ark-home .ah-origin-word,.ark-home .ah-origin-mark { display:none; }
.ark-home .ah-origin-result { position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); color:var(--ah-orange); font-size:clamp(72px,12vw,184px); font-weight:650; line-height:1; letter-spacing:.02em; text-shadow:none; white-space:nowrap; }
/* Reuse the official 3815×1078 BI without editing it: show only the
   wordmark + registered mark at x1168/y408, 2340×260; exclude the symbol. */
@supports (mask-image:url('/assets/brand/ARKPIA_H_white_color.png')) {
  .ark-home .ah-origin-wordmark { display:block; width:min(760px,84vw); aspect-ratio:2340/260; background:var(--ah-orange); font-size:0; mask-image:url('/assets/brand/ARKPIA_H_white_color.png'); mask-mode:alpha; mask-size:163.034188% 414.615385%; mask-position:79.186441% 49.877751%; mask-repeat:no-repeat; }
}
.ark-home .ah-origin-title small { position:absolute; top:calc(42% + clamp(36px,6vw,92px) + 18px); left:0; right:0; color:#fff; font-size:16px; font-weight:650; line-height:1.5; letter-spacing:.10em; text-align:center; }
.ark-home .ah-narrative { position:relative; }
.ark-home .ah-copy { position:relative; padding:10svh 6.2%; text-align:left; word-break:keep-all; overflow-wrap:anywhere; text-shadow:0 1px 2px rgba(0,12,24,.95),0 2px 6px rgba(0,12,24,.85); }
.ark-home .ah-eyebrow { margin:0 0 18px; color:#e5eef1; font-size:13px; line-height:1.5; letter-spacing:.06em; }
.ark-home .ah-eyebrow.ah-meaning { color:#ffd0a4; letter-spacing:.16em; }
.ark-home .ah-copy h1,.ark-home .ah-copy h2 { margin:0; color:#fff; font-size:clamp(42px,4.15vw,68px); font-weight:650; font-style:normal; line-height:1.18; letter-spacing:-.065em; text-wrap:balance; -webkit-text-stroke:.35px rgba(0,12,24,.8); paint-order:stroke fill; }
.ark-home .ah-description { margin:26px 0 0; color:var(--ah-muted); font-size:17px; line-height:1.78; letter-spacing:-.02em; }
.ark-home .ah-copy .ah-description,.ark-home .ah-copy .ah-eyebrow { color:#fff; font-weight:600; text-shadow:0 1px 1px #00101d,1px 0 1px #00101d,-1px 0 1px #00101d,0 -1px 1px #00101d,0 2px 4px rgba(0,12,24,.85); }
.ark-home .ah-origin-title small,.ark-home .ah-scroll-cue { text-shadow:0 1px 2px #00101d,0 2px 4px rgba(0,12,24,.9); }
.ark-home .ah-scroll-cue { display:none; }
.ark-home .ah-media-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ark-home .ah-info-section { box-sizing:border-box; position:relative; display:flex; align-items:center; min-height:100svh; padding:12svh 6vw; scroll-margin-top:110px; overflow-wrap:anywhere; word-break:keep-all; }
.ark-home .ah-info-section--left { justify-content:flex-start; }
.ark-home .ah-info-section--right { justify-content:flex-end; }
.ark-home .ah-info-section--center { justify-content:center; text-align:center; }
.ark-home .ah-info-shell { width:min(660px,48vw); text-shadow:none; }
.ark-home .ah-info-shell--wide { width:min(740px,52vw); }
.ark-home .ah-info-heading { margin-bottom:50px; }
.ark-home .ah-chapter-number { display:flex; align-items:center; gap:16px; margin:0 0 24px; color:var(--ah-accent); font-size:15px; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.ark-home .ah-chapter-number span { color:rgba(255,250,240,.76); font-size:12px; letter-spacing:.16em; }
.ark-home .ah-info-heading h2,.ark-home .ah-apply-section h2 { margin:0; color:#fff; font-size:clamp(42px,4.6vw,70px); font-weight:580; font-style:normal; line-height:1.16; letter-spacing:-.065em; text-wrap:balance; }
.ark-home .ah-info-heading>p:last-child,.ark-home .ah-apply-section .ah-info-shell>p:not(.ah-chapter-number) { max-width:610px; margin:28px 0 0; color:var(--ah-muted); font-size:17px; line-height:1.75; letter-spacing:-.02em; }
.ark-home .ah-info-section--right .ah-info-heading>p:last-child { margin-left:auto; text-align:left; }
.ark-home .ah-editorial-list,.ark-home .ah-record-list { padding:0; margin:0; list-style:none; border-top:1px solid var(--ah-line); }
.ark-home .ah-editorial-list li,.ark-home .ah-record-list li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; padding:23px 0 24px; border-bottom:1px solid var(--ah-line); }
.ark-home .ah-editorial-list li>span,.ark-home .ah-record-list li>span { padding-top:3px; color:rgba(255,250,240,.64); font-size:12px; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.ark-home .ah-editorial-list h3,.ark-home .ah-record-list h3 { margin:0 0 7px; color:#fff; font-size:20px; font-weight:560; font-style:normal; line-height:1.45; letter-spacing:-.035em; }
.ark-home .ah-editorial-list p,.ark-home .ah-record-list p { margin:0; color:var(--ah-muted); font-size:16px; line-height:1.75; letter-spacing:-.02em; }
.ark-home .ah-premiere-note { margin:36px 0 0; padding-left:68px; color:#fff3df; font-size:16px; line-height:1.7; }
.ark-home .ah-info-section--right .ah-info-heading { text-align:right; }
.ark-home .ah-info-section--right .ah-record-list { text-align:left; }
.ark-home .ah-apply-section { min-height:82svh; }
.ark-home .ah-apply-section .ah-info-shell { width:min(840px,78vw); }
.ark-home .ah-apply-section .ah-chapter-number { justify-content:center; }
.ark-home .ah-apply-section .ah-info-shell>p:not(.ah-chapter-number) { margin-left:auto; margin-right:auto; }
.ark-home .ah-primary-link { display:inline-flex; align-items:center; justify-content:center; min-height:52px; margin-top:38px; padding:0 28px; border:1px solid rgba(255,250,240,.84); color:#fff; font-size:15px; text-decoration:none; }
.ark-home .ah-primary-link:hover { color:#062b43; background:#fff; }
.ark-home .ah-editorial-list p+p { margin-top:10px; }
.ark-home .ah-info-heading h2,.ark-home .ah-apply-section h2,.ark-home .ah-editorial-list h3,.ark-home .ah-record-list h3 { font-weight:500; }
.ark-home .ah-info-heading>p:last-child,.ark-home .ah-editorial-list p,.ark-home .ah-record-list p { font-weight:400; }
.ark-home .ah-benefits-disclosure { border-bottom:1px solid var(--ah-line); margin-top:12px; }
.ark-home .ah-benefits-disclosure summary { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:64px; list-style:none; cursor:pointer; font-size:17px; font-weight:500; }
.ark-home .ah-benefits-disclosure summary::-webkit-details-marker { display:none; }
.ark-home .ah-disclosure-mark { font-size:24px; font-weight:400; }
.ark-home .ah-benefits-disclosure[open] .ah-disclosure-mark { font-size:0; }
.ark-home .ah-benefits-disclosure[open] .ah-disclosure-mark::after { content:"−"; font-size:24px; }
.ark-home .ah-benefits-expanded { padding:4px 0 30px; }
.ark-home .ah-benefits-expanded section { padding:24px 0; border-top:1px solid var(--ah-line); }
.ark-home .ah-benefits-expanded .ah-release-label { margin:0 0 12px; font-size:13px; letter-spacing:.06em; color:var(--ah-accent); }
.ark-home .ah-benefits-expanded h3 { font-size:20px; font-weight:500; font-style:normal; line-height:1.45; margin:0 0 16px; letter-spacing:-.035em; }
.ark-home .ah-benefits-expanded ul { padding-left:20px; margin:0; font-size:16px; line-height:1.9; }
.ark-home .ah-help-link { display:inline-block; margin-top:28px; padding:8px 0; border-bottom:1px solid currentColor; color:inherit; font-size:15px; line-height:1.5; text-decoration:none; }
.ark-home .ah-application-action .ah-premiere-note,.ark-home .ah-apply-section .ah-info-shell>.ah-premiere-note { padding:0; margin:18px 0 0; font-size:16px; line-height:1.7; }
.ark-home .ah-ownership-caption { font-size:16px; line-height:1.75; margin:24px 0 0; }
.ark-home .ah-benefits-disclosure summary:focus-visible,.ark-home .ah-help-link:focus-visible { outline:3px solid var(--ah-accent); outline-offset:5px; }
.ark-home .ah-anchor { position:absolute; top:0; scroll-margin-top:110px; }
/* Progressive enhancement: without JS the story is a readable static document. */
.ark-home:not(.ah-mounted) .ah-stage { position:relative; }
.ark-home:not(.ah-mounted) .ah-nav-slot { background:#082f49; }
/* Reserve the enhanced layout before the deferred module arrives. Otherwise the
   readable no-JS story paints first and collapses when the intro mounts. Only
   the animated layer waits; language links and the information panel stay usable.
   With scripting disabled, retain the static document above. */
@media (scripting:enabled) {
  .ark-home:not(.ah-mounted) .ah-stage { position:fixed; inset:0; height:100svh; z-index:0; }
  .ark-home:not(.ah-mounted) .ah-nav-slot { position:fixed; }
  .ark-home:not(.ah-mounted) :is(.ah-origin-title,.ah-narrative,.ah-nav-slot) { visibility:hidden; }
  .ark-home:not(.ah-mounted) .ah-story-space { height:610svh; pointer-events:none; }
}
@media (scripting:enabled) and (max-width:700px) {
  .ark-home:not(.ah-mounted) .ah-story-space { height:570svh; }
}
.ark-home.ah-mounted { background:transparent; }
.ark-home.ah-mounted .ah-stage { position:fixed; inset:0; height:100svh; z-index:0; }
.ark-home.ah-mounted .ah-nav-slot { position:fixed; top:max(24px,env(safe-area-inset-top)); left:4.8%; right:4.8%; opacity:var(--ark-home-nav-opacity,0); }
.ark-home.ah-mounted .ah-origin-title { position:absolute; z-index:8; top:50%; left:50%; height:190px; margin:0; transform:translate(-50%,-50%); pointer-events:none; }
.ark-home.ah-mounted .ah-origin-word,.ark-home.ah-mounted .ah-origin-mark { display:block; position:absolute; top:42%; font-weight:650; line-height:1; letter-spacing:-.055em; white-space:nowrap; }
.ark-home.ah-mounted .ah-origin-word { font-size:clamp(64px,10vw,154px); }
.ark-home.ah-mounted .ah-origin-ark { left:6%; transform:translate(0,-50%); }
.ark-home.ah-mounted .ah-origin-utopia { right:6%; transform:translate(0,-50%); }
.ark-home.ah-mounted .ah-origin-mark { left:50%; transform:translate(-50%,-50%); color:var(--ah-accent); font-size:clamp(32px,4vw,58px); font-weight:400; }
.ark-home.ah-mounted .ah-narrative { position:absolute; inset:0; z-index:9; pointer-events:none; }
.ark-home.ah-mounted .ah-copy { position:absolute; top:50%; left:6.2%; width:min(39vw,560px); padding:0; opacity:0; visibility:hidden; transform:translateY(calc(-50% + 18px)); transition:opacity 360ms ease,transform 620ms cubic-bezier(.2,.75,.25,1),visibility 360ms; }
.ark-home.ah-mounted .ah-copy.ah-active { opacity:1; visibility:visible; transform:translateY(-50%); }
.ark-home.ah-mounted .ah-story-space { height:610svh; pointer-events:none; }
.ark-home.ah-mounted .ah-scroll-cue { display:block; position:absolute; left:2.5%; bottom:40px; margin:0; writing-mode:vertical-rl; transform:rotate(180deg); color:#fff; font-size:11px; letter-spacing:.18em; }
.ark-home.ah-information .ah-scroll-cue { display:none; }
.ark-home.ah-mounted .ah-info-section { opacity:.14; transition:opacity 480ms ease; mask-image:linear-gradient(to bottom,transparent var(--ah-reading-cutoff,-48px),#000 calc(var(--ah-reading-cutoff,-48px) + 40px)); }
.ark-home.ah-mounted .ah-info-section.ah-visible,.ark-home.ah-mounted .ah-info-section:focus-within { opacity:1; }
.ark-home.ah-mounted .ah-info-shell { transform:translateY(var(--ah-drift,0px)); }
@media(max-width:1100px) {
  .ark-home.ah-mounted .ah-copy { left:5.2%; width:min(46vw,520px); }
  .ark-home .ah-copy h1,.ark-home .ah-copy h2 { font-size:clamp(39px,5.25vw,56px); }
  .ark-home .ah-info-section { padding-left:5.2vw; padding-right:5.2vw; }
  .ark-home .ah-info-shell,.ark-home .ah-info-shell--wide { width:min(650px,58vw); }
}
@media(max-width:700px) {
  .ark-home .ah-benefits-disclosure summary { font-size:16px; }
  .ark-home .ah-application-action .ah-premiere-note,.ark-home .ah-apply-section .ah-info-shell>.ah-premiere-note { font-size:16px; }
  .ark-home.ah-mounted .ah-nav-slot { top:max(12px,env(safe-area-inset-top)); left:6.5%; right:6.5%; }
  .ark-home.ah-mounted .ah-origin-title { top:46%; width:92vw; height:154px; }
  .ark-home.ah-mounted .ah-origin-word { font-size:clamp(34px,12.5vw,52px); }
  .ark-home .ah-origin-result { font-size:clamp(52px,20vw,78px); }
  .ark-home .ah-origin-title small { top:calc(42% + clamp(26px,10vw,39px) + 18px); font-size:13px; letter-spacing:.04em; }
  .ark-home.ah-mounted .ah-copy { left:7%; right:7%; width:auto; transform:translateY(calc(-50% + 10px)); }
  .ark-home.ah-mounted .ah-copy.ah-active { transform:translateY(-50%); }
  .ark-home .ah-copy h1,.ark-home .ah-copy h2 { font-size:clamp(30px,10vw,40px); line-height:1.2; }
  .ark-home .ah-description { margin-top:13px; font-size:16px; line-height:1.6; }
  .ark-home.ah-mounted .ah-story-space { height:570svh; }
  .ark-home .ah-info-section { padding:10svh 7vw; min-height:96svh; }
  .ark-home .ah-apply-section { min-height:82svh; }
  .ark-home .ah-info-heading>p:last-child,.ark-home .ah-apply-section .ah-info-shell>p:not(.ah-chapter-number) { font-size:16px; }
  .ark-home .ah-info-shell,.ark-home .ah-info-shell--wide,.ark-home .ah-apply-section .ah-info-shell { width:100%; }
  .ark-home .ah-info-heading h2,.ark-home .ah-apply-section h2 { font-size:clamp(30px,8.7vw,42px); }
  .ark-home .ah-info-heading { margin-bottom:32px; }
  .ark-home .ah-editorial-list li,.ark-home .ah-record-list li { grid-template-columns:24px minmax(0,1fr); gap:12px; }
  .ark-home .ah-premiere-note { padding-left:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .ark-home.ah-mounted .ah-copy,.ark-home.ah-mounted .ah-info-section { transition:none; }
  .ark-home.ah-mounted .ah-info-shell { transform:none; }
}
