.cabinet-intro{padding:0;height:auto;overflow-anchor:none;--arrival-distance:1120px;--card-depth:720}.cabinet-stage{position:relative;display:grid;align-items:center;min-height:100svh;padding:100px 0 60px;isolation:isolate;background:var(--bg);overflow:hidden}.cabinet-arrival{display:none}.cabinet-welcome{text-align:center;max-width:1180px}.cabinet-label{font-size:16px;color:var(--muted);margin-bottom:28px}.cabinet-welcome h1{font-size:clamp(64px,7.6vw,110px);line-height:1.02;letter-spacing:-.055em}.cabinet-welcome h1 span{color:var(--accent)}.cabinet-description{max-width:630px;margin:26px auto 0;font-size:19px;line-height:1.6;color:var(--muted)}.cabinet-links{display:grid;grid-template-columns:.6fr 1fr 1fr 1.4fr 1.35fr;gap:24px;margin:54px auto 0;max-width:1000px;text-align:left}.cabinet-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #65655a;min-height:60px;font-size:16px}.cabinet-links a span{font-size:22px;font-weight:400;color:var(--muted)}.cabinet-links a:hover{color:var(--accent)}
.has-arrival.cabinet-intro{height:calc(100svh + var(--arrival-distance))}.has-arrival .cabinet-stage{position:sticky;top:0;height:100svh;min-height:0}.has-arrival .cabinet-arrival{position:absolute;inset:0;display:grid;place-items:center;background:transparent;color:var(--ink);z-index:2;perspective:1100px;pointer-events:none}.arrival-backdrop{position:absolute;inset:0;background:var(--paper)}.has-arrival:not(.is-entered) .arrival-backdrop{will-change:opacity}.arrival-world{position:absolute;inset:0;transform-style:preserve-3d}.arrival-card{position:absolute;left:50%;top:50%;width:clamp(125px,14vw,195px);aspect-ratio:390/844;overflow:hidden;border:3px solid var(--fg);border-radius:18px;background:var(--bg);box-shadow:0 12px 30px #24242224;transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),var(--card-z)) rotateZ(var(--card-turn));opacity:1;backface-visibility:hidden}.arrival-card img{width:100%;height:100%;object-fit:cover;object-position:top}.arrival-card:nth-child(1){--card-x:-32vw;--card-y:-13svh;--card-z:-130px;--card-turn:-12deg}.arrival-card:nth-child(2){--card-x:32vw;--card-y:-10svh;--card-z:-180px;--card-turn:10deg}.arrival-card:nth-child(3){--card-x:-23vw;--card-y:29svh;--card-z:-350px;--card-turn:7deg}.arrival-card:nth-child(4){--card-x:25vw;--card-y:28svh;--card-z:-400px;--card-turn:-8deg}.arrival-card:nth-child(5){--card-x:3vw;--card-y:-39svh;--card-z:-500px;--card-turn:5deg}.arrival-title{position:relative;text-align:center;font-family:var(--display);font-size:clamp(48px,6vw,88px);font-weight:800;line-height:1.04;letter-spacing:-.055em;transform:scale(1);opacity:1}.has-arrival .cabinet-welcome{opacity:0;transform:translate3d(0,12px,0)}.arrival-next{position:absolute;z-index:3;left:50%;bottom:35px;transform:translateX(-50%);display:flex;align-items:center;gap:20px;min-height:48px;background:transparent;color:var(--ink);border:0;font-size:15px;white-space:nowrap}.arrival-next span{font-size:25px}.has-arrival:not(.is-entered) .arrival-card{will-change:transform,opacity}.events .feature-grid{border-top:1px solid var(--line);padding-top:70px}.events-visual{background:#1c1c1a;order:-1}.events .feature-copy{grid-column:2;grid-row:1}.events .media-stage{min-height:740px}.events .device{width:320px}
@media(max-width:900px){.cabinet-links{gap:18px;grid-template-columns:repeat(3,1fr);max-width:720px;margin-top:36px}.cabinet-links a{font-size:16px;min-height:52px}.cabinet-welcome h1{font-size:clamp(56px,9vw,82px)}.cabinet-description{font-size:18px}.arrival-card{width:145px}.arrival-title{font-size:clamp(42px,7vw,64px)}}
@media(max-width:650px){.cabinet-stage{padding:86px 0 36px}.cabinet-intro{--arrival-distance:1080px;--card-depth:560}.cabinet-label{font-size:14px;margin-bottom:22px}.cabinet-welcome h1{font-size:clamp(38px,10.7vw,66px)}.cabinet-description{font-size:16px;line-height:1.5;margin-top:22px}.cabinet-links{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:30px}.cabinet-links a{font-size:14px;min-height:52px}.cabinet-links a:last-child{grid-column:1/-1}.arrival-card{width:120px;border-radius:12px;border-width:2px;box-shadow:0 6px 18px #24242220}.arrival-card:nth-child(1){--card-x:-43vw;--card-y:-20svh;--card-z:-160px}.arrival-card:nth-child(2){--card-x:43vw;--card-y:-17svh;--card-z:-190px}.arrival-card:nth-child(3){--card-x:-40vw;--card-y:26svh;--card-z:-290px}.arrival-card:nth-child(4){--card-x:41vw;--card-y:27svh;--card-z:-340px}.arrival-card:nth-child(5){--card-x:0vw;--card-y:-39svh;--card-z:-420px}.arrival-title{font-size:clamp(31px,8vw,47px)}.arrival-next{bottom:20px;font-size:14px}.events .feature-copy{grid-column:auto;grid-row:auto}.events-visual{order:0}.events .feature-grid{padding-top:45px}.events .media-stage{min-height:0}.events .device{width:min(320px,100%)}}
@media(max-height:650px) and (min-width:651px){.cabinet-stage{padding-block:80px 24px}.cabinet-label{margin-bottom:14px}.cabinet-welcome h1{font-size:58px}.cabinet-description{font-size:16px;margin-top:16px}.cabinet-links{margin-top:24px}.arrival-card{width:115px}.arrival-title{font-size:50px}}
@media(prefers-reduced-motion:reduce){.has-arrival.cabinet-intro{height:auto}.has-arrival .cabinet-stage{position:relative;height:auto;min-height:100svh}.has-arrival .cabinet-arrival,.arrival-next{display:none!important}.has-arrival .cabinet-welcome{opacity:1!important;transform:none!important}}

/* Desktop: reserve the header and a clear central area for the arrival title. */
@media(min-width:901px){
  .has-arrival .cabinet-arrival{padding-top:78px}
  .has-arrival .arrival-world{top:78px}
  .has-arrival .arrival-title{z-index:1;font-size:clamp(40px,min(5.4vw,9svh),82px)}
  .has-arrival .arrival-card{width:min(12vw,20svh,180px)}
  .has-arrival .arrival-card:nth-child(1){--card-x:-42vw;--card-y:-16svh}
  .has-arrival .arrival-card:nth-child(2){--card-x:42vw;--card-y:-13svh}
  .has-arrival .arrival-card:nth-child(3){--card-x:-42vw;--card-y:32svh}
  .has-arrival .arrival-card:nth-child(4){--card-x:42vw;--card-y:32svh}
  .has-arrival .arrival-card:nth-child(5){width:clamp(72px,min(8.5vw,17svh),122px);--card-x:0px;--card-y:-35svh}
}

/* Chapter guide: explain each destination before the product tour. */
.cabinet-welcome h1{font-size:clamp(54px,min(6.7vw,10svh),94px)}
.cabinet-description{max-width:670px;margin-top:24px;font-size:18px;line-height:1.5}
.cabinet-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1180px;margin-top:38px}
.cabinet-links a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:176px;padding:22px 18px 18px;border:1px solid var(--line);border-radius:18px;background:#181817;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.cabinet-links svg{display:block;width:25px;height:25px;flex-shrink:0;color:var(--accent)}
.cabinet-links .chapter-name{font-size:17px;font-weight:500;line-height:1.25;color:var(--fg);letter-spacing:-.025em}
.cabinet-links .chapter-purpose{font-size:14px;line-height:1.45;color:var(--muted);margin-top:-7px}
.cabinet-links .chapter-arrow{position:absolute;top:18px;right:16px;font-size:19px;color:var(--muted)}
.cabinet-links a:focus-visible{border-color:var(--accent);background:#211e1a}
@media(hover:hover){.cabinet-links a:hover{border-color:var(--accent);background:#211e1a;transform:translateY(-3px)}.cabinet-links a:hover .chapter-arrow{color:var(--accent)}}
@media(max-width:1100px) and (min-width:651px){.cabinet-welcome h1{font-size:clamp(44px,6.7vw,70px)}.cabinet-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.cabinet-links a{min-height:142px;padding:18px;gap:12px}.cabinet-description{max-width:600px;margin-top:20px;font-size:17px}}
@media(max-width:650px){.cabinet-welcome h1{font-size:clamp(34px,9.5vw,54px)}.cabinet-description{font-size:15px;line-height:1.5;margin-top:16px}.cabinet-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.cabinet-links a{min-height:108px;padding:14px;gap:9px;border-radius:14px}.cabinet-links a:last-child{grid-column:1/-1;min-height:92px}.cabinet-links svg{width:20px;height:20px}.cabinet-links .chapter-name{font-size:16px}.cabinet-links .chapter-purpose{font-size:13px;line-height:1.35;margin-top:-4px}.cabinet-links .chapter-arrow{top:11px;right:12px;font-size:17px}}
@media(max-height:700px) and (max-width:650px){.cabinet-stage{padding:74px 0 24px}.cabinet-description{font-size:14px;line-height:1.45;margin-top:12px}.cabinet-links{margin-top:18px;gap:8px}.cabinet-links a{min-height:92px;padding:12px;gap:7px}.cabinet-links a:last-child{min-height:86px}}
/* Compact guide for short laptop and phone viewports. */
@media(max-height:700px) and (min-width:651px){.cabinet-welcome h1{font-size:clamp(40px,8.5svh,64px)}.cabinet-description{font-size:16px;line-height:1.45;margin-top:16px}.cabinet-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}.cabinet-links a{min-height:150px;padding:14px;gap:11px}.cabinet-links svg{width:22px;height:22px}.cabinet-links .chapter-name{font-size:15px}.cabinet-links .chapter-purpose{font-size:12px;line-height:1.4}.cabinet-links .chapter-arrow{top:12px;right:11px;font-size:17px}}
@media(max-height:700px) and (max-width:650px){.cabinet-links a{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;gap:8px}.cabinet-links svg{grid-column:1;grid-row:1}.cabinet-links .chapter-name{grid-column:2;grid-row:1;font-size:14px}.cabinet-links .chapter-purpose{grid-column:1/-1;grid-row:2;margin-top:0;font-size:12px;line-height:1.35}.cabinet-links .chapter-arrow{display:none}}