.nav-actions{display:flex;align-items:center;gap:10px}.landing-menu{position:relative;z-index:3}.landing-menu summary{cursor:pointer;list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #edc69088;border-radius:30px;background:#10171fe8}.landing-menu summary::-webkit-details-marker{display:none}.landing-menu>div{position:absolute;right:0;top:52px;min-width:152px;padding:6px;display:grid;background:#172731;border:1px solid var(--edge);border-radius:12px}.landing-menu a{padding:10px;text-decoration:none}.landing-menu a:hover{background:#ffffff12}.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portrait-grid figure{position:relative;overflow:hidden;border-radius:15px;background:#28343b}.portrait-grid img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover}.portrait-grid figcaption{display:grid;gap:2px;position:absolute;inset:auto 0 0;padding:24px 10px 10px;background:linear-gradient(transparent,#081016 80%);color:var(--cream)}.portrait-grid small{font-size:.75rem;color:#fff0db}.closing-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;text-align:left;padding:clamp(30px,7vw,90px) max(20px,calc((100% - 1120px)/2))}.phones{display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 8px}.phone{width:min(46%,190px);min-height:235px;border:5px solid #091117;border-radius:24px;background:#14252e;padding:12px;display:grid;gap:9px;align-content:start;box-shadow:0 18px 32px #0007;transform:rotate(-8deg)}.phone+.phone{margin-left:-10px;transform:translateY(18px) rotate(8deg)}.phone img{width:100%;height:145px;object-fit:cover;border-radius:10px}.phone .bubble{font-size:.72rem;margin:0;padding:8px}@media(max-width:550px){.portrait-grid{gap:5px}.portrait-grid figcaption{position:static;padding:5px;background:#0d1820;font-size:.8rem}.portrait-grid small{font-size:.67rem}.closing-product{grid-template-columns:1fr;text-align:center}.phone{min-height:212px}}

.profile-intention{justify-self:start;max-width:100%;margin-top:5px;padding:4px 8px;border-radius:10px;background:#efcea3;color:#251a12;font-size:.75rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.gallery-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,72px)}
.gallery-split .intro{margin:0}
.gallery-split h2{font-size:clamp(2.9rem,6vw,6.1rem)}
.gallery-split .examples{grid-template-columns:minmax(0,1fr);gap:12px}
.gallery-split .screen{min-height:auto}
.gallery-split figcaption{padding:8px 2px}
@media(max-width:680px){.gallery-split{grid-template-columns:minmax(0,1fr)}}
@media(max-width:550px){.profile-intention{font-size:.64rem;padding:3px 5px}}
.intent-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,88px);align-items:center;padding:clamp(54px,9vw,126px) max(20px,calc((100% - 1120px)/2));background:radial-gradient(ellipse at 72% 50%,#302821,#101a21 66%);overflow:hidden}
.intent-copy h2{font:400 clamp(3rem,7vw,7rem)/.94 Georgia,serif;letter-spacing:-.05em;margin:0}.intent-copy p{color:var(--muted);font-size:1.1rem}
.intent-photo{position:relative;overflow:hidden;border-radius:26px;border:1px solid #dfb57455;box-shadow:0 22px 60px #0008;width:min(100%,470px);justify-self:end}
.intent-photo img{width:100%;height:auto;display:block}
.intent-photo figcaption{position:absolute;inset:auto 0 0;display:grid;gap:4px;padding:44px 20px 20px;color:var(--cream);background:linear-gradient(transparent,#101418f5)}
.intent-photo strong{font:400 clamp(1.9rem,5vw,3.35rem)/1 Georgia,serif}.intent-photo .profile-intention{font-size:.85rem}
.intent-feature[data-reveal="visible"] .intent-photo,.intent-feature[data-reveal="visible"] .profile-intention{opacity:1;transform:none}
@media(max-width:680px){.intent-feature{grid-template-columns:1fr}.intent-photo{justify-self:center}}

.intent-photo figcaption{inset:0;padding:clamp(12px,3vw,24px);align-content:space-between;background:linear-gradient(#10141880,transparent 25%,transparent 65%,#10141870)}
.intent-bubbles{list-style:none;margin:0 0 7%;padding:0;display:grid;gap:8px;justify-items:start;justify-self:end}

.intent-bubbles li{padding:8px 14px;border-radius:13px;background:#fff2df;color:#231910;font-weight:700;transform-origin:left center}
.intent-bubbles li.active{background:#edc690}

.replay-intentions{cursor:pointer;color:var(--gold);background:#17252d;border:1px solid #edc69088;font:inherit;font-weight:700}
.replay-intentions[hidden]{display:none}
.intent-bubbles li{box-shadow:0 6px 24px #0009;font-size:clamp(.85rem,2.1vw,1.15rem)}
.intent-bubbles[data-animate="ready"] li{opacity:0}
.intent-bubbles[data-animate="playing"] li{animation:intention-pop .95s cubic-bezier(.22,.66,.26,1) both;animation-delay:.35s}
.intent-bubbles[data-animate="playing"] li:nth-child(2){animation-delay:1.16s}
.intent-bubbles[data-animate="playing"] li:nth-child(3){animation-delay:1.97s}
@keyframes intention-pop{
  0%{opacity:0;transform:translate(48px,24px) scale(.42)}
  72%{opacity:1;transform:translate(-5px,-3px) scale(1.12)}
  100%{opacity:1;transform:none}
}
.intent-feature{background:radial-gradient(ellipse at 67% 40%,#292520,#101a21 67%)}
.intent-photo{background:#121f27;padding:10px;overflow:visible}
.intent-photo img{aspect-ratio:5/4;object-fit:cover;object-position:center 30%;border-radius:17px}
.intent-photo figcaption{position:static;background:none;display:block;padding:17px 9px 10px}
.intent-photo strong{font-size:clamp(1.65rem,4vw,2.7rem)}
.intent-caption{display:block;color:var(--muted);margin:8px 0 10px}
.intent-bubbles{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.intent-bubbles li{background:#1d2d37;color:var(--cream);border:1px solid #edc69052;box-shadow:none;font-size:.85rem}
.intent-bubbles li.active{background:#edc690;color:#231910}
@keyframes intention-pop{0%{opacity:0;transform:translateY(14px) scale(.86)}70%{opacity:1;transform:translateY(-2px)}100%{opacity:1;transform:none}}

.intent-photo{width:min(100%,340px);padding:0;border:0;background:none;box-shadow:none;overflow:hidden;border-radius:18px;justify-self:center}
.intent-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
.intent-details{margin-top:26px}.intent-details strong{font:400 1.75rem Georgia,serif}.intent-details .intent-bubbles{justify-self:auto}
@media(max-width:680px){.intent-feature{display:flex;flex-direction:column;align-items:stretch}.intent-photo{align-self:center;width:min(100%,280px)}}
.evening{padding:clamp(56px,8vw,105px) max(20px,calc((100% - 1120px)/2));background:#141c23}.evening-heading h2{font:400 clamp(2.7rem,7vw,5.8rem)/.96 Georgia,serif;letter-spacing:-.05em;margin:0}.evening-heading p{color:var(--muted);margin-bottom:36px}.evening-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(12px,3vw,35px)}.evening-cards figure:nth-child(2){margin-top:42px}.evening-cards figure:nth-child(3){margin-top:14px}.evening-cards img{display:block;width:100%;height:auto;border-radius:16px 16px 0 0;background:#18232b}.evening-cards figcaption{position:relative;margin:-26px 10px 0;padding:12px 14px;border-radius:11px;color:var(--cream);border:1px solid #edc69066;background:#243039}.evening-cards strong{color:var(--gold)}.evening-cards p{margin:4px 0}@media(max-width:640px){.evening-cards{grid-template-columns:1fr;max-width:370px;margin:auto}.evening-cards figure:nth-child(n){margin-top:0}.evening-cards figure+figure{margin-top:16px}}

.evening-cards img{aspect-ratio:1;object-fit:cover}

@media screen {
  .evening-cards figure:nth-child(even) { --entry-tilt: 5deg; --entry-x: 16px; }
  .evening-cards figure[data-reveal=ready] > * { opacity: 0; }
  .evening-cards figure[data-reveal=shown] img {
    animation: evening-photo-in 1.2s cubic-bezier(.2,.75,.25,1) calc(var(--card-delay, 0ms) + 300ms) both;
  }
  .evening-cards figure[data-reveal=shown] figcaption {
    animation: evening-note-in .55s ease-out calc(var(--card-delay, 0ms) + 1000ms) both;
  }
}
@keyframes evening-photo-in {
  from { opacity: 0; transform: translate(var(--entry-x, -16px), 65px) rotate(var(--entry-tilt, -8deg)) scale(.83); }
  to { opacity: 1; transform: none; }
}
@keyframes evening-note-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

.collage-replay{margin-bottom:24px}

.site-footer {
  display: block;
  padding: 0 20px;
  border-top: 1px solid #edc69050;
  background: radial-gradient(ellipse at top left,#26302f 0%,#131d25 45%,#0a131a 100%);
  font-size: .95rem;
}
.footer-inner { width: min(1120px,100%); margin: auto; }
.footer-main { display: grid; gap: 34px; padding: clamp(32px,5vw,68px) 0; }
.footer-brand { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.footer-brand img { object-fit: contain; }
.footer-brand p { margin: 0 0 12px; color: var(--cream); }
.footer-links { display: grid; gap: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.footer-links h2 { margin: 0 0 10px; color: var(--gold); font-size: 1rem; }
.footer-links ul { margin: 0; padding: 0; list-style: none; }
.footer-links a { display: inline-block; padding: 7px 0; text-decoration: none; }
.footer-links a:hover { color: var(--cream); text-decoration: underline; }
.footer-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding: 18px 0; border-top: 1px solid var(--edge); }
.footer-language { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: #0a131a; border: 1px solid var(--edge); }
.footer-language a { padding: 8px 13px; border-radius: 999px; text-decoration: none; }
.footer-language a[aria-current] { background: var(--gold); color: #241911; }
@media(min-width:900px) { .footer-main { grid-template-columns: minmax(0,1fr) minmax(0,2fr); } }
@media(max-width:600px) { .footer-links { grid-template-columns: 1fr; } .footer-brand img { width: 72px; height: 72px; } }

.footer-extras{display:grid;grid-template-columns:2fr 1fr;gap:22px;padding:0 0 28px}
.footer-extras h2{font-size:1rem;color:var(--gold);margin:0 0 12px}
.footer-extras p{margin:10px 0 0}
.footer-social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.footer-social li{display:grid;justify-items:center;gap:5px;min-width:55px;font-size:.75rem}
.footer-social svg{width:40px;height:40px;padding:9px;background:#1d2d37;border:1px solid #edc69050;border-radius:50%;color:var(--gold)}
.footer-android{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #edc69050;border-radius:15px;padding:8px 14px;background:#1d2d37;color:var(--cream);font:inherit}
.footer-android img{border-radius:9px}.footer-android small{display:block;color:var(--gold)}
@media(max-width:600px){.footer-extras{grid-template-columns:1fr}}
