/* Cinema hero (Akshet's redesign, 2026-10). Scoped to .ak-hero so it never collides with the site-wide .hero/.button rules. */
@font-face{font-family:"Plus Jakarta Sans";src:url(assets/fonts/plus-jakarta-sans-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(assets/fonts/schibsted-grotesk-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

/* Header mark */
.site-header .brand.brand-mark img,.site-footer .brand.brand-mark img{width:35px;height:35px;object-fit:contain;filter:brightness(0) invert(.96)}
@media (max-width:700px){.site-header .brand.brand-mark img{width:30px;height:30px}}

.ak-hero{--ak-sans:"Schibsted Grotesk",Arial,sans-serif;--ak-display:"Plus Jakarta Sans","Schibsted Grotesk",Arial,sans-serif;--ak-ease:cubic-bezier(.19,1,.22,1);
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:max(680px,calc(100svh - var(--ak-header,83px)));background:#181b14;color:#f7f7ef;font-family:var(--ak-sans);text-align:left}
.ak-hero-media{position:absolute;inset:0;z-index:-3;transform:scale(1.035)}
.ak-hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%;transition:opacity 450ms}
.ak-hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,16,11,.863) 0%,rgba(7,16,11,.46) 48%,rgba(7,16,11,.07) 78%),linear-gradient(0deg,rgba(7,16,11,.6),transparent 35%)}

.ak-hero-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:center;padding:60px 6% 140px}
.ak-hero-copy>*{animation:ak-enter 900ms var(--ak-ease) both}
.ak-hero-copy h1{animation-delay:100ms}.ak-hero-description{animation-delay:220ms}.ak-hero-actions{animation-delay:320ms}
@keyframes ak-enter{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}100%{opacity:1;transform:none;filter:blur(0)}}

.ak-eyebrow{margin:0 0 28px;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#e9eee5;text-shadow:0 1px 10px rgba(0,0,0,.33)}
.ak-hero h1{max-width:740px;margin:0 0 28px;font-family:var(--ak-display);font-size:clamp(58px,6.5vw,112px);font-weight:400;line-height:1.02;letter-spacing:-.06em;color:#fbf9f3;text-transform:none;text-shadow:0 5px 45px rgba(0,0,0,.13)}
.ak-hero-description{max-width:410px;margin:0;font-size:18px;line-height:1.65;color:#eeeae0;text-shadow:0 2px 15px #000}
.ak-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:24px}
.ak-text-button{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:#f8f6ee;font:inherit;font-size:14px;cursor:pointer}
.ak-play{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.333);border-radius:50%;background:rgba(255,255,255,.043);backdrop-filter:blur(10px);font-size:19px;line-height:1;transition:background 250ms,transform 250ms}
.ak-text-button:hover .ak-play,.ak-text-button:focus-visible .ak-play{background:rgba(255,255,255,.125);transform:scale(1.08)}

/* Quick plan card: stays light in both colour schemes, like the design */
.ak-quick-plan{padding:28px;border-radius:20px;background:#f1f1eb;color:#151a17;box-shadow:0 12px 50px rgba(0,0,0,.133)}
.ak-quick-plan .ak-eyebrow{margin:0;font-size:10px;color:#525b54;text-shadow:none}
.ak-quick-plan h2{margin:9px 0 12px;font-family:var(--ak-display);font-size:30px;font-weight:400;line-height:1.15;letter-spacing:-.04em;color:#151a17;text-transform:none}
.ak-quick-lede{margin:0 0 22px;font-size:13px;line-height:1.65;color:#535c55}
.ak-starter{display:grid;gap:12px}
.ak-starter label{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;border-radius:12px;background:#e4e7df;cursor:pointer}
.ak-starter label span{font-size:11px;line-height:1.65;color:#535c55}
.ak-starter select{width:100%;min-height:28px;padding:0 26px 0 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151a17' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center;color:#151a17;font:inherit;font-size:15px;appearance:none;-webkit-appearance:none;cursor:pointer}
.ak-starter select:focus-visible{outline:2px solid #17231b;outline-offset:6px;border-radius:4px}
.ak-estimate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 2px}
.ak-estimate span{font-size:12px;color:#535c55}
.ak-estimate output{font-family:var(--ak-display);font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#151a17}
.ak-plan-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:14px 20px;border:1px solid transparent;border-radius:12px;background:#17231b;color:#fff;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background 250ms}
.ak-plan-button:hover,.ak-plan-button:focus-visible{background:#253a2c}
.ak-quick-note{margin:16px 0 0;font-size:11px;line-height:1.65;color:#596159}

/* Scene selector + motion */
.ak-hero-bottom{position:absolute;left:6%;right:6%;bottom:50px;z-index:3;display:flex;align-items:center;gap:16px}
.ak-scenes{display:flex;gap:7px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(11,16,11,.376);backdrop-filter:blur(14px)}
.ak-scenes button{padding:12px 17px;border:0;border-radius:9px;background:transparent;color:#e1e4d9;font:inherit;font-size:12px;line-height:1.65;cursor:pointer;transition:background 320ms,color 320ms}
.ak-scenes button[aria-pressed="true"]{background:#e8e3d4;color:#20271e}
.ak-motion{padding:12px 15px;border:0;border-radius:12px;background:rgba(16,26,19,.44);backdrop-filter:blur(20px);color:#eeeae0;font:inherit;font-size:13px;cursor:pointer}
.ak-motion span{margin-left:8px;font-size:11px}

@media (max-width:1000px){
 .ak-hero{display:block;padding-bottom:120px}
 .ak-hero-inner{grid-template-columns:1fr;gap:0;padding:72px 7% 0}
 .ak-hero-copy{padding-bottom:38px}
 .ak-quick-plan{max-width:420px}
 .ak-hero-vignette{background:linear-gradient(0deg,rgba(7,16,11,.918),rgba(7,16,11,.396) 70%)}
 .ak-hero-bottom{left:7%;right:7%;bottom:28px}
}
@media (max-width:700px){
 .ak-hero{padding-bottom:150px}
 .ak-hero-inner{padding:56px 6% 0}
 .ak-eyebrow{margin-bottom:22px}
 .ak-hero h1{font-size:58px;letter-spacing:-.06em}
 .ak-hero-description{max-width:300px;font-size:16px}
 .ak-hero-actions{margin-top:18px;gap:22px}
 .ak-quick-plan{max-width:none;padding:24px;border-radius:18px}
 .ak-estimate output{font-size:28px}
 .ak-hero-bottom{flex-direction:column-reverse;align-items:stretch;gap:12px}
 .ak-scenes{gap:2px;justify-content:center}
 .ak-scenes button{flex:1;padding:12px 8px;font-size:10px}
 .ak-motion{align-self:flex-end;padding:9px 12px}
 .ak-motion span{display:none}
}
@media (prefers-reduced-motion:reduce){.ak-hero-copy>*{animation:none}.ak-play,.ak-hero-media video{transition:none}}

/* Intro (replaces "Choose. Pour. Cheers."): occasion links on the light strip, then a full-bleed event photo with the copy over it */
.ak-intro{--ak-sans:"Schibsted Grotesk",Arial,sans-serif;--ak-display:"Plus Jakarta Sans","Schibsted Grotesk",Arial,sans-serif;background:#f6f5f0;color:#17211b;font-family:var(--ak-sans);padding-top:35px}
.ak-occasions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1600px;margin:0 auto;padding:0 7% 35px}
.ak-occasions a{display:flex;justify-content:space-between;gap:20px;padding:0 0 16px;border-bottom:1px solid rgba(23,33,27,.19);color:#17211b;font-size:14px;line-height:1.65;text-decoration:none;transition:border-color 200ms,color 200ms}
.ak-occasions a:hover,.ak-occasions a:focus-visible{border-color:#17211b}
.ak-intro-body{display:flex;align-items:center;justify-content:center;min-height:min(820px,92svh);padding:140px 7%;text-align:center;color:#fbf9f3;
 background:radial-gradient(ellipse 48% 42% at 50% 52%,rgba(6,10,8,.62),rgba(6,10,8,0) 100%),linear-gradient(180deg,rgba(6,10,8,.5) 0%,rgba(6,10,8,.58) 45%,rgba(6,10,8,.82) 100%),url(assets/curated/photos/showcase-event-1920.jpg) center 40%/cover no-repeat #11160f}
.ak-intro-copy{max-width:900px}
.ak-intro-eyebrow{margin:0 0 38px;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#d8c98f}
.ak-intro h2{margin:0;font-family:var(--ak-display);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.055em;color:#fbf9f3;text-transform:none;text-shadow:0 4px 40px rgba(0,0,0,.35)}
.ak-intro-copy>p:not(.ak-intro-eyebrow){max-width:580px;margin:30px auto 36px;font-size:17px;line-height:1.8;color:rgba(246,243,234,.86);text-shadow:0 2px 14px rgba(0,0,0,.45)}
.ak-underlink{display:inline-block;padding:12px 28px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:14px;line-height:1.65;text-decoration:none;backdrop-filter:blur(6px);transition:background 200ms,border-color 200ms}
.ak-underlink:hover,.ak-underlink:focus-visible{background:rgba(255,255,255,.12);border-color:#fff}
.ak-intro-copy[data-reveal].is-visible:hover{transform:none}
@media (max-width:700px){
 .ak-occasions{grid-template-columns:1fr;padding:0 6% 35px}
 .ak-intro-body{min-height:0;padding:110px 6%;background-image:radial-gradient(ellipse 80% 45% at 50% 50%,rgba(6,10,8,.5),rgba(6,10,8,0) 100%),linear-gradient(180deg,rgba(6,10,8,.55) 0%,rgba(6,10,8,.66) 45%,rgba(6,10,8,.86) 100%),url(assets/curated/photos/showcase-event-1200.jpg);background-position:30% 40%}
 .ak-intro-eyebrow{margin-bottom:27px;font-size:10px}
 .ak-intro h2{font-size:42px}
}

/* "Same place. A different feeling." split feature */
.ak-feature,.ak-chapter{--ak-sans:"Schibsted Grotesk",Arial,sans-serif;--ak-display:"Plus Jakarta Sans","Schibsted Grotesk",Arial,sans-serif;font-family:var(--ak-sans)}
.ak-feature{display:grid;grid-template-columns:1fr 1fr;min-height:720px;margin:0;background:#eaece4;color:#17211b;overflow:hidden}
.ak-feature-image{position:relative;overflow:hidden;min-height:420px}
.ak-feature-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ak-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 12% 70px 10%}
.ak-feature-eyebrow,.ak-chapter-eyebrow{margin:0;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}
.ak-feature-eyebrow{color:#566157}
.ak-feature h2{margin:26px 0;font-family:var(--ak-display);font-size:clamp(40px,4vw,58px);font-weight:400;line-height:1.05;letter-spacing:-.045em;color:#17211b;text-transform:none}
.ak-feature-copy>p:not(.ak-feature-eyebrow){max-width:470px;margin:0 0 30px;font-size:16px;line-height:1.65;color:#566157}
.ak-feature-link{display:inline-block;margin-left:-18px;padding:8px 18px;border:1px solid transparent;border-radius:12px;color:#354731;font-size:14px;text-decoration:none;transition:border-color 200ms}
.ak-feature-link:hover,.ak-feature-link:focus-visible{border-color:rgba(53,71,49,.38)}
.ak-feature-foot{display:flex;justify-content:space-between;gap:16px;width:100%;max-width:520px;margin-top:65px;padding:18px 22px;border-radius:12px;background:rgba(23,33,27,.05);font-size:11px;line-height:1.65;color:#566157}
.ak-feature-copy[data-reveal].is-visible:hover,.ak-chapter-copy[data-reveal].is-visible:hover{transform:none}

/* "Pick a drink." rooftop chapter: loop under the whole panel, copy on the dark side */
.ak-chapter{position:relative;isolation:isolate;display:flex;align-items:center;min-height:740px;padding:70px 7%;overflow:hidden;background:#142324;color:#f7f7ef}
.ak-chapter-video{position:absolute;inset:0;z-index:-2}
.ak-chapter-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.ak-chapter::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#122021 0%,rgba(18,32,33,.92) 30%,rgba(18,32,33,.45) 62%,rgba(18,32,33,.15) 100%),linear-gradient(0deg,rgba(10,18,19,.55),transparent 40%)}
.ak-chapter-copy{max-width:720px}
.ak-chapter-eyebrow{color:#e9eee5}
.ak-chapter h2{margin:28px 0 35px;font-family:var(--ak-display);font-size:clamp(46px,5.5vw,80px);font-weight:400;line-height:1.03;letter-spacing:-.045em;color:#f7f7ef;text-transform:none}
.ak-chapter h2 span{color:#d0ded2}
.ak-glass-button{display:inline-flex;align-items:center;justify-content:center;padding:17px 29px;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:rgba(255,255,255,.075);backdrop-filter:blur(20px);color:#f1f1e5;font-size:14px;font-weight:500;text-decoration:none;transition:background 250ms,border-color 250ms}
.ak-glass-button:hover,.ak-glass-button:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
.ak-chapter-caption{position:absolute;left:7%;bottom:35px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c6d6cb}

@media (max-width:900px){
 .ak-feature{grid-template-columns:1fr;min-height:0}
 .ak-feature-image{height:min(70vw,520px);min-height:0}
 .ak-feature-copy{padding:56px 6% 64px}
 .ak-feature-foot{margin-top:40px}
 .ak-chapter{min-height:620px;align-items:flex-end;padding:90px 6% 90px}
 .ak-chapter::before{background:linear-gradient(0deg,#122021 0%,rgba(18,32,33,.88) 38%,rgba(18,32,33,.35) 75%,rgba(18,32,33,.2) 100%)}
 .ak-chapter-caption{left:6%;bottom:28px}
}
@media (max-width:700px){
 .ak-feature h2{font-size:40px}
 .ak-chapter h2{font-size:44px;margin:20px 0 28px}
 .ak-feature-foot{flex-direction:column;gap:4px}
}