/* PDF sea.pdf: 402 × 867, existing 60px shared header. */
.sea-page{--stage-height:max(var(--screen-height,100svh),calc(100vw * 807 / 402));--scroll-distance:clamp(640px,120svh,1400px);--menu-exit-progress:0;position:relative;isolation:isolate;width:100%;overflow:clip;background:#fff;color:#fff;scroll-margin-top:var(--header-height);container-type:inline-size}
.sea-pin{position:relative}
.sea-stage{position:sticky;top:var(--header-height);height:var(--stage-height);overflow:hidden;isolation:isolate;background:#004a57}
.sea-runway{height:var(--scroll-distance)}
/* The overview now follows the sticky video directly; no empty tail. */
.sea-background{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:42.775% center;pointer-events:none}
.sea-shade{position:absolute;inset:0;background:rgba(0,18,19,.4);opacity:calc(1 - var(--menu-exit-progress));pointer-events:none}
.sea-copy{position:relative;z-index:1;padding:62px 15px 48px;opacity:calc(1 - var(--menu-exit-progress));transform:translateY(calc(-24px * var(--menu-exit-progress)))}
.sea-copy h2{margin:0;font-size:31px;line-height:1.005;font-weight:700;font-style:normal;letter-spacing:normal}
.sea-copy p{margin:11px 0 0;font-size:18px;line-height:27px;font-weight:400;font-style:normal;letter-spacing:normal}
.sea-copy h2:focus{outline:none}
.sea-page{--offer-size:clamp(112px,35.16858cqw,176px);--offer-inset:clamp(20px,6.734328cqw,52px)}
.sea-offer{position:absolute;right:var(--offer-inset);bottom:5.07861%;width:var(--offer-size);height:var(--offer-size);z-index:2}
.sea-offer .offer-slot{right:0;bottom:0}
.sea-page[data-offer-visible="true"] .offer-slot{visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform 500ms cubic-bezier(.16,1,.3,1);transition-delay:820ms}
.sea-page[data-sea-screen="clearing"] .offer-slot,.sea-page[data-sea-screen="video"] .offer-slot{visibility:visible;pointer-events:none;transform:translateX(calc(var(--menu-exit-progress) * (100% + var(--offer-inset) + 2px)));transition:none}
.sea-page[data-sea-screen="video"] .offer-slot,.sea-page[data-sea-screen="video"] .sea-copy{visibility:hidden}
.sea-page[data-reduced-motion="true"] .offer-slot{transition:none;transform:none}
.sea-page[data-reduced-motion="true"] .sea-copy{transform:none}
@media(prefers-reduced-motion:reduce){.sea-copy{transform:none}}
@media(max-width:380px){.sea-copy{padding:clamp(40px,15.42cqw,62px) 12px 40px}.sea-copy h2{font-size:28px}.sea-copy p{font-size:17px;line-height:1.5}}
/* Fluid fallback uses the same mobile composition, not a new desktop design. */
@media(min-width:480px){.sea-copy{padding:clamp(62px,15.42cqw,118px) calc(100cqw * 15 / 402) 64px}.sea-copy h2{font-size:clamp(31px,7.71cqw,52px)}.sea-copy p{max-width:1000px;margin-top:clamp(15px,3.73cqw,28px);font-size:clamp(18px,4.48cqw,30px);line-height:1.5}}

/* overview.pdf: 402 × 867 including the existing 60px shared header. */
.abrau-page{--menu-exit-progress:0;position:relative;isolation:isolate;width:100%;min-height:max(var(--screen-height,100svh),calc(100vw * 807 / 402));overflow:clip;background:#004a57;color:#fff;container-type:inline-size;scroll-margin-top:var(--header-height)}
.abrau-video{object-position:center}
.abrau-shade{position:absolute;inset:0;background:rgba(0,18,19,.4);pointer-events:none}
.abrau-cellars-page{width:100%;min-height:max(var(--screen-height,100svh),calc(100vw * 807 / 402));padding:62px 15px 48px;background:#fff;color:#091328;container-type:inline-size;scroll-margin-top:var(--header-height)}
.abrau-cellars-page h2{margin:0 0 22px;color:#1e1e1e;font-size:31px;line-height:1.08;font-weight:700}
.abrau-cellars-page p{margin:0;font-size:21px;line-height:1.5;font-weight:400;letter-spacing:-.21px}
.abrau-cellars-page p+p{margin-top:22px}
@media(max-width:380px){.abrau-cellars-page{padding:44px 12px 40px}.abrau-cellars-page h2{font-size:28px}.abrau-cellars-page p{font-size:20px}}
@media(min-width:480px){.abrau-cellars-page{padding:clamp(62px,15.42vw,118px) calc(100vw * 15 / 402) 64px}.abrau-cellars-page h2{font-size:clamp(31px,7.71vw,52px)}.abrau-cellars-page p{max-width:1000px;font-size:clamp(21px,5.22vw,30px)}}
.overview-page{position:relative;isolation:isolate;width:100%;min-height:max(var(--screen-height,100svh),calc(100vw * 807 / 402));overflow:clip;background:#004a57;color:#fff;container-type:inline-size;scroll-margin-top:var(--header-height)}
.overview-background{position:absolute;top:0;left:calc(-8.292969 / 402 * 100%);width:calc(479.245361 / 402 * 100%);height:100%;min-height:calc(100vw * 851.539062 / 402);object-fit:cover;object-position:center top;display:block;pointer-events:none}
.overview-shade{position:absolute;inset:0;background:rgba(0,18,19,.4);pointer-events:none}
.overview-copy-hold{position:relative;z-index:1;min-height:inherit}
.overview-copy{position:sticky;top:var(--header-height);margin:0;padding:50px 28px 44px 20.427246px;font-size:18px;line-height:27px;letter-spacing:-.18px;font-weight:400;font-style:normal;opacity:var(--overview-copy-opacity,1)}
.overview-copy strong{font-weight:700}
.vino-page{padding:0;min-height:0;background:#fff;color:#fff}
.vino-frame{min-height:max(var(--screen-height,100svh),calc(100vw * 807 / 402),calc(var(--vino-copy-height,431px) + 300px))}
.vino-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
.vino-shade{position:absolute;inset:0;background:rgba(0,18,19,.5);pointer-events:none}
.vino-copy{padding:67px 15px 40px;font-size:18px;line-height:27px;letter-spacing:-.18px}
.vino-copy p{margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.vino-copy p+p{margin-top:27px}
.vino-footer{position:absolute;z-index:2;top:calc(var(--vino-text-bottom,391px) + 100px);left:15px;right:15px}
.vino-footer h2{margin:0;font-size:31px;line-height:28px;letter-spacing:-.31px;color:#fff}
.vino-cta{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:44px 0 0 -2px;width:173.928711px;height:58px;padding:0;background:transparent;border:2px solid #7d71ff;border-radius:999px;color:#7d71ff;font:400 18px/27px "Tutu Sans",sans-serif;text-decoration:none;cursor:pointer}
.vino-cta span{position:relative}
.vino-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:380px){.vino-copy{padding:54px 15px 36px;font-size:17px;line-height:1.5}.vino-footer{left:15px;right:15px}.vino-footer h2{font-size:28px;line-height:1}}
@media(min-width:480px){.vino-copy{padding:calc(100cqw * 67 / 402) calc(100cqw * 15 / 402) 64px;font-size:clamp(18px,4.48cqw,30px);line-height:1.5}.vino-copy p+p{margin-top:calc(100cqw * 27 / 402)}.vino-footer{left:calc(100cqw * 15 / 402);right:calc(100cqw * 15 / 402)}.vino-footer h2{font-size:clamp(31px,7.71cqw,52px);line-height:.9032}.vino-cta{margin-left:calc(100cqw * -2 / 402);width:calc(100cqw * 173.928711 / 402);height:calc(100cqw * 58 / 402);font-size:clamp(18px,4.48cqw,30px)}}
.overview-page[data-reduced-motion="true"] .overview-copy{position:relative;top:auto;opacity:1}
@media(prefers-reduced-motion:reduce){.overview-copy{position:relative;top:auto;opacity:1}}
@media(max-width:380px){.overview-copy{padding:44px 20px 40px 18px;font-size:17px;line-height:1.5}}
@media(min-width:480px){.overview-copy{padding:clamp(50px,12.438cqw,96px) calc(100cqw * 28 / 402) 64px calc(100cqw * 20.427246 / 402);font-size:clamp(18px,4.48cqw,30px);line-height:1.5;letter-spacing:-.01em}}
.region-map-page{min-height:var(--screen-height,100svh);position:relative;background:#fff;color:#1e1e1e;padding:0 0 40px;scroll-margin-top:var(--header-height);font-weight:400}
.region-map-page h2{margin:0;padding:40px 32px 20px;font-size:clamp(30px,8vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.region-map-canvas{position:relative;width:100%;aspect-ratio:1198/1313;border-radius:22px;overflow:hidden;scroll-margin-top:calc(var(--header-height) + 12px);background:#cfe0fa}
.region-map-base{display:block;width:100%;height:100%;object-fit:cover}
.region-map-layer{position:absolute;inset:0;pointer-events:none}
.region-map-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);width:44px;height:44px;transform:translate(-50%,-50%);padding:0;border:0;background:none;display:grid;place-items:center;pointer-events:auto;color:#fff;z-index:1}
.region-map-dot{display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#7d71ff;box-shadow:0 1px 5px #0005;font-size:12px;font-weight:700;transition:transform 180ms ease,background 180ms ease}
.region-map-label{display:none;position:absolute;top:39px;left:50%;transform:translateX(-10%);max-width:150px;width:max-content;padding:6px 9px;background:#fff;border-radius:8px;color:#091328;box-shadow:0 2px 9px #0003;font-size:13px;line-height:1.25;text-align:center}
.region-map-pin[aria-pressed="true"]{z-index:3}
.region-map-pin[aria-pressed="true"] .region-map-dot{transform:scale(1.55);background:#80ff63;color:#030308;border-color:#7d71ff}
.region-map-pin[aria-pressed="true"] .region-map-label{display:block}
.region-map-categories{position:relative;z-index:4;margin:-27px 28px 0;max-width:540px}
.region-map-category{margin:0 0 10px}
.region-map-category summary{display:flex;align-items:center;gap:16px;width:min(100%,281px);min-height:54px;padding:14px 24px;list-style:none;border-radius:999px;background:#80ff63;color:#030308;font-weight:600;font-style:italic;font-size:20px;line-height:1.2;cursor:pointer}
.region-map-category summary::-webkit-details-marker{display:none}
.region-map-category summary img{flex:none;transition:transform 180ms ease}
.region-map-category[open] summary img{transform:rotate(90deg)}
.region-map-category ul{list-style:none;margin:8px 0 16px;padding:0}
.region-map-category li+li{border-top:1px solid #ececf2}
.region-map-category li button{display:flex;align-items:center;gap:12px;text-align:left;min-height:44px;width:100%;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:#091328;font-size:16px;line-height:1.5}
.region-map-number{flex:none;width:23px;color:#7d71ff;font-weight:700;text-align:center}
.region-map-category li button[aria-pressed="true"]{background:#efecff;color:#5140c7}
.region-map-category summary:focus-visible,.region-map-category li button:focus-visible,.region-map-pin:focus-visible{outline:2px solid #5140c7;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.region-map-dot,.region-map-category summary img{transition:none}}
