/* Illustrations are environmental layers behind the page content. */
.entrance{
  background-image:linear-gradient(90deg,#10151f60 0%,#10151f18 44%,transparent 74%),linear-gradient(0deg,#10151fe8,transparent 28%,transparent 80%,#10151f55),url('assets/backgrounds/entrance.webp');
  background-size:cover;background-position:center;gap:24px;
}
.entrance::after{content:'';position:absolute;inset:20px;border:1px solid #f4efe521;pointer-events:none;z-index:-1}
.entrance-content{width:min(48%,610px);text-align:left;margin:40px 0 45px clamp(0px,3vw,48px)}
.entrance-title{margin:0 0 20px}
.entrance-eyebrow{color:#d0c4b9;margin-bottom:24px}
.entrance-description{margin-left:0;color:#e0d9d2;text-shadow:0 2px 16px #000b}
.entrance-actions{justify-content:flex-start}
.entrance-track{color:#aba5a3}.entrance-top,.entrance-bottom{position:relative;z-index:2}
.entrance-bottom{color:#c9bfb8}

.hero{
  padding:100px 0 110px;min-height:720px;display:flex;align-items:center;
  background-image:linear-gradient(90deg,#10151ff5 0%,#10151fd9 32%,#10151f85 54%,#10151f20 85%),linear-gradient(0deg,#10151f,transparent 24%,transparent 80%,#10151f60),url('assets/backgrounds/pocha-night.webp');
  background-size:cover;background-position:center;
}
.hero-main{display:block;min-height:0;width:100%}.hero-copy{max-width:540px;padding:0}
.hero-description{color:#d3d7df}.hero-footnote{color:#adb6c4}
.hero .button.secondary{background:#10151f80;backdrop-filter:blur(8px)}

.story{position:relative;isolation:isolate;overflow:hidden;padding:105px 0 85px;background:#f4efe5}
.story-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/backgrounds/pocha-day.webp') 70% center/cover no-repeat}
.story[data-time="night"] .story-backdrop{background-image:url('assets/backgrounds/pocha-night.webp')}
.story::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4efe5fa 0%,#f4efe5eb 40%,#f4efe5b8 63%,#f4efe560 100%),linear-gradient(0deg,#f4efe5,transparent 25%,transparent 78%,#f4efe5e6)}
.story-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px;max-width:650px}
.story-summary{color:#4d5056}.story-layout{display:block;max-width:570px}
.story-timeline li{padding:19px 0;gap:18px}.story-timeline h3{font-size:20px}.story-timeline p{color:#4d5056}
.story-timeline .number{color:#795747}
.story-bottom{justify-content:flex-start;flex-wrap:wrap;margin-top:36px;max-width:850px;border-color:#151a2433}
.story-bottom p{color:#4d5056}.scene-toggle{margin:0 auto 0 0;justify-content:flex-start;gap:6px}
.scene-toggle button{background:#f4efe5aa}.story .button.light{background:#f4efe5d9;min-height:48px}

.cast{position:relative;isolation:isolate;background:#10151f}
.cast::before{content:'';position:absolute;inset:0 0 auto;height:580px;z-index:-1;background:linear-gradient(0deg,#10151f 0%,#10151fe6 40%,#10151fd6),url('assets/backgrounds/interior.webp') center 58%/cover no-repeat}
.cast .section-topline>p{color:#b6becb}

.daily{padding:85px 0 80px;background:#141a25}
.daily-grid{display:flex;flex-direction:column;gap:0;margin-top:38px}
.daily-item{position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #f4efe523;background-color:#10151f;background-size:cover;background-repeat:no-repeat;background-position:center}
.daily-item.meal{background-image:linear-gradient(90deg,#10151ff5 0%,#10151fe3 29%,#10151f85 56%,#10151f20 100%),url('assets/backgrounds/food.webp');background-position:center 63%}
.daily-item.return{background-image:linear-gradient(90deg,#10151ff5 0%,#10151fe3 29%,#10151f85 56%,#10151f20 100%),url('assets/backgrounds/street-night.webp');background-position:center 63%}
.daily-item.work{background-image:linear-gradient(90deg,#10151ff5 0%,#10151fe3 29%,#10151f85 56%,#10151f20 100%),url('assets/backgrounds/office.webp');background-position:center 59%}
.daily-item h3{max-width:410px;font-size:29px;line-height:1.5;margin:0 0 18px}
.daily-item p{max-width:360px;font-size:14px;color:#d0d6e0;line-height:1.95}
.daily-item .item-number{font-size:11px;color:#ffc2a4;letter-spacing:.12em}
.world-note{margin-top:38px;padding-top:34px}

.your-story{position:relative;isolation:isolate;background-image:linear-gradient(90deg,#10151ff5 0%,#10151fe6 42%,#10151f99 100%),linear-gradient(0deg,#10151f,transparent 34%,#10151faa),url('assets/backgrounds/interior.webp');background-position:center;background-size:cover}
.your-story-copy>p{color:#c3cbd7}.player-note li{color:#d8dce3}
.player-board{background:#111925e8;backdrop-filter:blur(10px);border-color:#f4efe536}
.faq{padding-top:65px;background:#10151f}
.closing{padding:110px 20px;background:linear-gradient(0deg,#10151feb 0%,#10151f9c 48%,#10151fd9 100%),url('assets/backgrounds/pocha-night.webp') 67% 63%/cover no-repeat}
.closing::after{display:none}.closing p{color:#d3d9e4}

@media(min-width:1700px){.hero{min-height:800px}.story{padding-block:125px 100px}.entrance-content{margin-left:5vw}}
@media(max-width:1050px){.entrance-content{width:52%;margin-left:0}.entrance-actions{gap:16px}.hero{min-height:660px;padding-block:85px}.story::before{background:linear-gradient(90deg,#f4efe5fa 0%,#f4efe5e8 50%,#f4efe59c 100%)}.daily-item{padding-inline:36px}}
@media(max-width:760px){
  .entrance{background-image:linear-gradient(0deg,#10151ff2 0%,#10151f40 32%,#10151f99 70%,#10151fc9 100%),url('assets/backgrounds/entrance.webp');background-position:79% center;gap:20px}
  .entrance::after{inset:12px}.entrance-content{width:min(100%,410px);margin:20px auto auto;text-align:center}
  .entrance-title{width:100%;margin:0 0 18px}.entrance-eyebrow{margin-bottom:16px;font-size:10px}
  .entrance-description{font-size:14px;line-height:1.7;margin-bottom:20px}
  .entrance-actions{flex-direction:row;justify-content:center;gap:13px 18px}.entrance-enter{min-height:47px;min-width:195px;font-size:12px;padding:11px 18px}.entrance-track{margin-top:15px;color:#d0c7c0}
  .entrance-bottom{margin-top:80px;padding-bottom:76px;font-size:9px}
  .hero{min-height:670px;padding:65px 0 80px;background-image:linear-gradient(90deg,#10151fef,#10151fb8),linear-gradient(0deg,#10151f,transparent 55%),url('assets/backgrounds/pocha-night.webp');background-position:68% center}
  .hero-main{display:block}.hero-copy{max-width:500px}.hero-description{font-size:14px}.hero .hero-label{font-size:10px}.hero-actions .button{padding-inline:17px;font-size:13px}
  .story{padding:65px 0 55px}.story-backdrop{background-position:72% center}.story::before{background:linear-gradient(90deg,#f4efe5f5,#f4efe5df),linear-gradient(0deg,#f4efe5,transparent 50%)}
  .story-heading{gap:20px;margin-bottom:30px}.story-layout{display:block}.story-bottom{flex-direction:row;align-items:center;gap:20px}.story-bottom p{width:100%;order:2}.story-bottom .button{order:3}.scene-toggle{margin-right:0}
  .daily{padding:65px 0 55px}.daily-grid{margin-top:30px}.daily-item{min-height:380px;padding:38px 25px;justify-content:flex-end;background-position:70% center!important}
  .daily-item.meal{background-image:linear-gradient(0deg,#10151ff5 0%,#10151fe6 35%,#10151f55 70%,#10151f30),url('assets/backgrounds/food.webp')}
  .daily-item.return{background-image:linear-gradient(0deg,#10151ff5 0%,#10151fe6 35%,#10151f55 70%,#10151f30),url('assets/backgrounds/street-night.webp')}
  .daily-item.work{background-image:linear-gradient(0deg,#10151ff5 0%,#10151fe6 35%,#10151f55 70%,#10151f30),url('assets/backgrounds/office.webp')}
  .daily-item h3{font-size:25px;margin-bottom:12px}.daily-item p{font-size:13px;max-width:420px}.world-note{margin-top:30px}
  .your-story{padding-block:65px;background-position:72% center}.player-board{background:#111925ed}.faq{padding-top:50px}.closing{padding-block:80px;background-position:75% center}
}
@media(max-height:620px) and (min-width:761px){.entrance-content{width:min(48%,490px);margin:8px 0}.entrance-description{margin-bottom:16px}.entrance-eyebrow{margin-bottom:10px}.entrance-title{margin-bottom:12px}.entrance-track{margin-top:12px}}
@media(max-height:720px) and (max-width:760px){.entrance-content{margin-top:0}.entrance-title{max-width:300px;margin-inline:auto}.entrance-eyebrow{margin-bottom:8px}.entrance-description{font-size:13px;margin-bottom:12px}.entrance-track{display:none}.entrance-bottom{margin-top:35px}}