/* 4ONE-027: final presentation layer. Scoped to the public theme, never the PDF canvas. */
.fourone-visual-027 {
  --visual-paper:#eeeaff;--visual-ink:#171222;--visual-lilac:#c5b2ff;
  --visual-blue:#a9c9ff;--visual-pink:#ebc6e9;--visual-line:#ffffff20;
  --visual-long:900ms;--visual-medium:520ms;--visual-short:220ms;
  --visual-ease:cubic-bezier(.18,.8,.2,1);--visual-cycle:6500ms;
  background:#08090c;font-family:Arial,Helvetica,sans-serif;
}
.fourone-visual-027 .wrap { max-width:1480px }
.fourone-visual-027 .header { height:86px;border-bottom:0;background:#08090cf0 }
.fourone-visual-027 .header-inner { width:calc(100% - 80px);max-width:1480px }
.fourone-visual-027 .header::before { background:#08090cf2;transition:transform var(--visual-medium) var(--visual-ease),border-radius var(--visual-medium) }
.fourone-visual-027 .header.scrolled::before { transform:scaleY(.79);border-bottom:1px solid #ffffff18 }
.fourone-visual-027 .header.scrolled .header-inner { transform:translateY(-9px) }
.fourone-visual-027 .brand-placeholder { font-size:34px;letter-spacing:-2.6px }
.fourone-visual-027 .brand-placeholder>span { font-size:8px;letter-spacing:3.4px }
.fourone-visual-027 .nav-cta { background:#efeaff;color:#21152f;border-color:#efeaff;border-radius:100px;padding-inline:24px }
.fourone-visual-027 .button { border-radius:100px;transition:transform var(--visual-short) var(--visual-ease),background var(--visual-short),border-color var(--visual-short),box-shadow var(--visual-short) }
.fourone-visual-027 .button.primary { background:#d0bdff;color:#170f23 }
.fourone-visual-027 .button.primary:hover { background:#f1eaff;box-shadow:0 12px 34px #a16eec30;transform:translateY(-5px) }
.fourone-visual-027 .button>span { display:inline-grid;place-items:center;transition:transform var(--visual-short) }
.fourone-visual-027 .button:hover>span { transform:translate(4px,-4px) }
.fourone-visual-027 .eyebrow { font-size:11px;letter-spacing:.16em }
.fourone-visual-027 h2 { letter-spacing:-.065em }
.fourone-visual-027.home .hero.wrap { grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(30px,4vw,68px);padding:28px 40px 44px;min-height:760px;overflow:clip;background:radial-gradient(ellipse at 90% 65%,#36215135,transparent 55%),#08090c }
.fourone-visual-027.home .hero .hero-art { height:clamp(630px,75vh,800px);padding:18px 18px 64px;border-radius:32px;background:radial-gradient(at 5% 5%,#fff 0%,#e5e3ff 40%,#a19ee0 100%);box-shadow:none;overflow:visible;animation:visual-photo-enter 1.1s var(--visual-ease) both }
.fourone-visual-027.home .hero .hero-art picture { display:block;height:100%;width:100%;border-radius:20px;overflow:hidden;position:relative }
.fourone-visual-027.home .hero .hero-cover-image { height:100%;width:100%;object-position:74% center;animation:visual-photo-breathe 14s ease-in-out infinite alternate }
.fourone-visual-027.home .hero .hero-photo::after { content:none }
.hero-frame-label { display:flex;align-items:center;justify-content:space-between;position:absolute;top:36px;left:36px;right:36px;font-size:9px;letter-spacing:.17em;color:#fff;text-shadow:0 2px 8px #000 }
.hero-frame-label>span:last-child { font-size:26px;letter-spacing:0 }
.hero-photo-caption { position:absolute;bottom:25px;left:28px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#26213d }
.hero-photo-caption .status-dot { background:#3a315c;box-shadow:none }
.hero-seal { position:absolute;right:-20px;bottom:100px;width:124px;aspect-ratio:1;display:grid;align-content:center;justify-content:center;font-size:60px;line-height:.8;font-weight:900;letter-spacing:-5px;color:#221737;background:#d1b9ff;border:8px solid #08090c;border-radius:36px;transform:rotate(10deg);animation:visual-seal 9s ease-in-out infinite alternate;pointer-events:none }
.hero-seal>span { display:block;font-size:21px;letter-spacing:-1px;margin-top:10px }
.fourone-visual-027.home .hero .hero-copy { width:100%;max-width:760px;margin:0;padding:20px 0 }
.fourone-visual-027.home .hero .hero-copy::after { inset:-5% -10%;background:radial-gradient(ellipse,#6b359f30,transparent 67%);animation-duration:9s }
.fourone-visual-027.home .hero .hero-copy h1 { max-width:none;font-size:clamp(52px,5.7vw,90px);font-weight:700;line-height:.99;letter-spacing:-.075em;margin-bottom:30px;animation:none }
.hero-line { display:block;padding-bottom:.08em;margin-bottom:-.06em;overflow:hidden }
.hero-line>span { display:block;animation:visual-title-enter var(--visual-long) var(--visual-ease) backwards }
.hero-line:nth-child(2)>span { animation-delay:80ms }
.hero-line:nth-child(3)>span { animation-delay:160ms }
.hero-line:nth-child(4)>span { animation-delay:240ms }
.fourone-visual-027 .hero .gradient-text { background-image:linear-gradient(110deg,#b0bbff,#d8b7ff 60%,#efb9df);-webkit-text-fill-color:transparent }
.fourone-visual-027.home .hero-copy .eyebrow { color:#b6a8ce;margin-bottom:34px }
.fourone-visual-027.home .hero-copy p { font-size:16px;line-height:1.65;max-width:45ch;color:#bfb8cd;margin-bottom:30px }
.fourone-visual-027.home .hero-actions { gap:12px }
.fourone-visual-027.home .hero-actions .button { min-height:54px;padding:17px 22px;font-size:10px }
.fourone-visual-027.home .hero .secondary { background:transparent;border-color:#ffffff35 }
.fourone-visual-027.home .quick-links { margin-top:22px;gap:26px;color:#aaa0b9 }
.fourone-visual-027.home .catalog-home-offers { margin-top:12px }
.fourone-visual-027.home .catalog-home-offers a { border:0;background:#ffffff08;padding:10px 15px;color:#d3c4e6;border-radius:100px }
.hero-scroll { display:inline-flex;gap:12px;align-items:center;margin-top:26px;font-size:9px;letter-spacing:.12em;color:#b4a7c5 }
.hero-scroll>span { width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;font-size:18px;animation:visual-scroll-cue 2.6s ease-in-out infinite }
.fourone-visual-027.home .ticker { padding:19px 0;background:#d1c0ff;border:0;color:#1f1531;transform:rotate(-1.3deg);width:calc(100% - 4px);margin:10px 2px 0 }
.fourone-visual-027.home .ticker-track { animation-duration:32s;gap:36px }
.fourone-visual-027.home .ticker-track span { font-size:12px;font-weight:700;letter-spacing:.17em;color:#281a3e }
.fourone-visual-027.home .ticker-icon { filter:none;opacity:.9 }
.visual-manifesto { position:relative;padding-block:130px 95px;overflow:hidden }
.visual-manifesto h2 { font-size:clamp(54px,7.8vw,120px);font-weight:600;line-height:1.03;max-width:16ch;margin:0;position:relative;z-index:1 }
.visual-manifesto h2>span { color:#9c8eae }
.manifesto-star { position:absolute;right:7%;top:20%;font-size:clamp(110px,19vw,280px);line-height:1;color:#bd9df3;animation:visual-star-turn 26s linear infinite;pointer-events:none }
.fourone-visual-027.home .experience-stack { padding-top:24px;padding-bottom:110px }
.fourone-visual-027 .experience-stack .section-heading { align-items:end;margin-bottom:50px }
.fourone-visual-027 .experience-stack h2 { font-size:clamp(42px,5.2vw,78px) }
.fourone-visual-027 .experience-panels { gap:clamp(60px,12vh,120px) }
.stack-index { display:flex;gap:10px;margin:-18px 0 30px;position:relative;z-index:5 }
.stack-index a { display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #a788c950;color:#a78dbf;font-size:12px;transition:background var(--visual-short),color var(--visual-short),transform var(--visual-short) }
.stack-index a[aria-current=step] { background:#d1bcf4;color:#20162a;transform:translateY(-3px) }
.fourone-visual-027 .experience-stack.stack-js-depth .experience-panel { animation:none;transform-origin:center top }
.fourone-visual-027 .experience-panel { border-radius:30px;box-shadow:0 -1px 0 #fff4,0 24px 70px #0005;background:linear-gradient(135deg,#f1eaff,#c1a8ee) }
.fourone-visual-027 .experience-panel-2 { background:linear-gradient(135deg,#d7cbff,#a79bf3) }
.fourone-visual-027 .experience-panel-3 { background:linear-gradient(135deg,#cce1ff,#97baf5) }
.fourone-visual-027 .experience-panel-4 { background:linear-gradient(135deg,#f0d8ed,#ceb3f1) }
.fourone-visual-027 .experience-panel-copy { padding:38px clamp(28px,4vw,60px) }
.fourone-visual-027 .experience-panel h3 { font-size:clamp(32px,3.6vw,56px);letter-spacing:-.065em;max-width:14ch }
.fourone-visual-027 .experience-panel-label { margin-bottom:32px }
.fourone-visual-027 .experience-panel-label>span:first-child { font-size:36px;letter-spacing:-.07em }
.fourone-visual-027 .experience-panel p { color:#3e3150;font-size:15px }
.fourone-visual-027 .experience-panel-media { border-radius:0 30px 30px 0 }
.fourone-visual-027 .experience-panel-cutout img { padding:24px 28px 28px;filter:drop-shadow(0 25px 20px #3a275344) }
.fourone-visual-027 .experience-panel-signature { font-size:11px }
/* Override the earlier shallow depth without changing the native sticky layout. */
@keyframes motion-stack-depth { from { transform:scale(1) } to { transform:scale(.90) } }
.package-story { background:#100e16;border-block:1px solid #ffffff10;overflow:hidden }
.package-story .section-heading h2 { font-size:clamp(44px,5.7vw,84px) }
.package-story .section-heading h2>span { color:#a495b5 }
.package-story-layout { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center }
.package-story-tabs { display:grid;gap:10px }
.package-story-tabs>a { display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:20px;position:relative;padding:27px 22px;border:1px solid #ffffff16;border-radius:16px;overflow:hidden;background:#ffffff02;transition:background var(--visual-medium),border-color var(--visual-medium),transform var(--visual-medium) var(--visual-ease) }
.package-story-tabs>a[aria-selected=true] { background:#25202f;border-color:#b999ed80;transform:translateX(12px) }
.story-tab-number { font-size:12px;color:#aa91c6;align-self:start;padding-top:5px }
.package-story-tabs strong { font-size:clamp(21px,2.2vw,34px);font-weight:500;letter-spacing:-.05em;color:#ebe4f7;display:block;margin-bottom:10px }
.package-story-tabs small { display:block;font-size:12px;line-height:1.65;color:#aaa0b8 }
.story-tab-arrow { font-size:24px;color:#ad91cf;align-self:center }
.story-tab-progress { position:absolute;bottom:0;left:0;right:0;height:2px;background:#c6a1ff;transform-origin:left;transform:scaleX(0) }
.package-story[data-playing=true] [aria-selected=true] .story-tab-progress { animation:visual-story-progress var(--visual-cycle) linear both }
.package-story-controls { display:flex;align-items:center;gap:12px;margin-top:16px;grid-column:1;grid-row:2 }
.package-story-controls[hidden] { display:none }
.package-story-controls .icon-button { min-width:44px;min-height:44px;border-radius:50%;background:transparent;border-color:#69547d;font-size:19px }
.package-story-controls .text-button { margin-left:auto;font-size:10px;min-height:44px }
[data-story-position] { font-size:11px;white-space:nowrap;color:#a997bf }
.package-story-stage { min-height:580px;position:relative;isolation:isolate;perspective:1000px;grid-column:2;grid-row:1/3 }
.story-panel { position:absolute;inset:0;border-radius:30px;padding:28px;color:#1c1629;overflow:hidden;background:radial-gradient(at 50% 35%,#f9f5ff,#d8c6fa 65%,#b1b5e2);transform-origin:center }
.story-panel[hidden] { display:none }
.story-panel-classic { background:radial-gradient(at 50% 35%,#efffee,#c4e3d4 65%,#a0b6ed) }
.story-panel-gold { background:radial-gradient(at 50% 35%,#fff4d3,#e9c9ce 65%,#c1b0f1) }
.story-panel-top { display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;letter-spacing:.12em;position:relative;z-index:2 }
.story-panel-word { position:absolute;top:82px;left:22px;right:22px;display:block;text-align:center;font-size:clamp(70px,10vw,150px);letter-spacing:-.08em;font-weight:900;line-height:1;color:#49336519 }
.story-panel>img { position:absolute;top:66px;left:calc(50% - 140px);width:280px;height:330px;border-radius:22px;object-fit:cover;filter:drop-shadow(0 28px 18px #412d4533);animation:visual-product-float 7s ease-in-out infinite alternate }
.story-panel-classic>img { width:80%;left:10%;object-fit:contain;border-radius:0 }
.story-panel-bottom { position:absolute;bottom:30px;left:30px;right:30px;z-index:2 }
.story-panel-bottom p { color:#4a3c56;font-size:14px;line-height:1.6;max-width:45ch;margin-bottom:20px }
.story-panel-bottom .button { background:#191221;color:#f7efff;border:0;min-height:48px;font-size:10px }
.fourone-visual-027.home .catalog-section { background:#08090c;padding-block:110px }
.fourone-visual-027.home .catalog-section .section-heading h2 { font-size:clamp(42px,5.4vw,82px) }
.fourone-visual-027.home .drink-strip { gap:20px;perspective:1200px }
.fourone-visual-027.home .drink-strip>.drink-card { position:relative;isolation:isolate;padding:26px 22px;border:0;border-radius:24px;background:#e0d4f4;color:#261933;overflow:hidden;transform-style:preserve-3d;transition:transform var(--visual-medium) var(--visual-ease),box-shadow var(--visual-medium) }
.fourone-visual-027.home .drink-strip>.drink-card:nth-child(2) { background:#f0d9e7 }
.fourone-visual-027.home .drink-strip>.drink-card:nth-child(3) { background:#d1e2f3 }
.fourone-visual-027.home .drink-strip>.drink-card:nth-child(4) { background:#cfe8df }
.fourone-visual-027.home .drink-strip .drink-index { color:#57436c;font-size:9px }
.fourone-visual-027.home .drink-strip>.drink-card>img { mix-blend-mode:normal;height:280px;margin-block:24px;filter:drop-shadow(0 18px 12px #52324624);transition:transform var(--visual-long) var(--visual-ease) }
.fourone-visual-027.home .drink-strip>.drink-card:hover>img { transform:translateY(-18px) rotate(-5deg) scale(1.1) }
.fourone-visual-027.home .drink-strip h3 { font-size:24px;min-height:56px;line-height:1.1;color:#241831;letter-spacing:-.055em }
.fourone-visual-027.home .drink-strip .drink-card div>span { color:#58406c;font-size:9px }
.fourone-visual-027.home .drink-strip>.drink-card:hover { transform:translateY(-12px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 28px 50px #0005 }
.fourone-visual-027.home .drink-strip>.drink-card::before,#recipe-grid>.recipe-card::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,30%),#ffffff55,transparent 55%);opacity:0;transition:opacity var(--visual-medium) }
.fourone-visual-027.home .drink-strip>.drink-card:hover::before,#recipe-grid>.recipe-card:hover::before { opacity:1 }
.fourone-visual-027.home .steps-section { gap:64px;padding-block:90px 120px;align-items:center }
.fourone-visual-027.home .event-art-card { border-radius:30px;aspect-ratio:4/5;background:radial-gradient(at 50% 75%,#713aa370,transparent 75%),#131019 }
.fourone-visual-027.home .event-art-copy { padding:38px }
.fourone-visual-027.home .event-art-copy h2 { font-size:clamp(36px,4.2vw,62px) }
.fourone-visual-027.home .step { padding:32px 0;gap:24px;position:relative }
.fourone-visual-027.home .step>span { width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid #b99ae455;color:#e0c9ff;font-size:17px;flex-shrink:0;padding:0 }
.fourone-visual-027.home .step h3 { font-size:clamp(26px,2.5vw,38px);letter-spacing:-.06em }
.fourone-visual-027.home .step p { font-size:15px;max-width:42ch }
.fourone-visual-027.home .article-grid .article { border-radius:24px;padding:34px;background:linear-gradient(145deg,#201927,#111016) }
.fourone-visual-027.home .article-grid .article h3 { font-size:30px }
.fourone-visual-027.home .faq-section { padding-block:90px }
.fourone-visual-027.home .faq-section h2 { font-size:clamp(42px,4.8vw,72px) }
.fourone-visual-027 .faq summary { padding:30px 0;font-size:17px }
.fourone-visual-027.home .final-cta { background:linear-gradient(130deg,#f1eaff,#cab6ed 65%,#9eace5);color:#20152c;border:0;border-radius:32px;padding:54px;gap:28px 50px;margin-block:40px 100px }
.fourone-visual-027 .final-cta .eyebrow { color:#57406c }
.fourone-visual-027 .final-cta h2 { font-size:clamp(46px,6vw,90px);letter-spacing:-.075em }
.fourone-visual-027 .final-cta .gradient-text { color:#61447d;background:none;-webkit-text-fill-color:currentColor }
.fourone-visual-027 .final-cta .button { background:#1e152a;color:white }
.fourone-visual-027 .final-cta-photo { height:100%;max-height:440px;border-radius:22px }
.fourone-visual-027 .final-cta .cta-orbit { display:none }
.fourone-visual-027 .footer { padding-top:32px;overflow:hidden }
.fourone-visual-027 .footer-top { display:grid;grid-template-columns:1fr 1fr 1.2fr;padding-bottom:32px }
.footer-explore { display:flex;gap:26px;flex-wrap:wrap;padding:20px 0 35px;border-top:1px solid #ffffff16 }
.footer-explore a { font-size:12px;color:#b2a5c1;padding-block:10px;transition:color var(--visual-short) }
.footer-explore a:hover { color:#e7d4ff }
.footer-wordmark { display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(110px,24vw,370px);font-weight:900;line-height:.95;letter-spacing:-.095em;color:#1a1521;-webkit-text-stroke:1px #b894dd55;transition:color var(--visual-medium),-webkit-text-stroke-color var(--visual-medium);padding-block:12px 35px }
.footer-wordmark>span { font-size:.45em;font-weight:400;letter-spacing:0;transition:transform var(--visual-medium) var(--visual-ease) }
.footer-wordmark:hover,.footer-wordmark:focus-visible { color:#c4a3ee;-webkit-text-stroke-color:#c4a3ee }
.footer-wordmark:hover>span { transform:translate(10px,-10px) }
.fourone-visual-027 .footer-bottom { padding-top:25px;padding-bottom:20px }
/* Internal pages share the new scale and surfaces; commercial controls keep their IDs. */
.fourone-visual-027 .page-main { padding-top:54px }
.fourone-visual-027 .page-heading { position:relative;border-bottom:1px solid #7b609c45;padding:20px 0 42px;margin-bottom:42px;overflow:hidden }
.fourone-visual-027 .page-heading::before { content:'4';position:absolute;right:2%;top:-45px;font-size:300px;font-weight:900;line-height:1;color:#b89be908;pointer-events:none }
.fourone-visual-027 .page-heading h1 { font-size:clamp(56px,8vw,122px);letter-spacing:-.075em;margin:0;max-width:100%;position:relative }
.fourone-visual-027 .catalog-intro { margin-bottom:44px;gap:64px }
.fourone-visual-027 .catalog-jump { gap:10px;margin-bottom:48px }
.fourone-visual-027 .catalog-jump a { padding:14px 24px;background:#1c1625;border-color:#634d7755 }
.fourone-visual-027 .catalog-package { border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#16111e;border-color:#a689cd30;margin-bottom:16px }
.fourone-visual-027 .catalog-package-media { background:radial-gradient(at 45% 45%,#e6dafb,#b7a5db);min-height:480px;padding:40px }
.fourone-visual-027 .catalog-package-media img { height:430px;mix-blend-mode:normal;filter:drop-shadow(0 22px 18px #3a25462b) }
.fourone-visual-027 .catalog-package-classic .catalog-package-media { background:radial-gradient(at 45% 45%,#e7f3df,#a2c9c0) }
.fourone-visual-027 .catalog-package-classic { border-color:#d8c5ff;box-shadow:0 0 0 1px #b99afa,0 0 30px #a779f052 }
.fourone-visual-027 .catalog-champion { display:table;margin:0 0 20px;padding:7px 12px;border:1px solid #cbb4ff;border-radius:999px;background:#41325c;color:#f6efff;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase }
.fourone-visual-027 .catalog-champion span { color:#e6d7ff;margin-right:4px }
.fourone-visual-027 .catalog-package-gold .catalog-package-media { background:radial-gradient(at 45% 45%,#f4e9cf,#c6a8bf) }
.fourone-visual-027 .catalog-package-copy { padding:44px }
.fourone-visual-027 .catalog-package-copy h2 { font-size:clamp(38px,4.5vw,68px);letter-spacing:-.065em }
.fourone-visual-027 .catalog-package-classic .catalog-package-media { grid-column:2;grid-row:1 }
.fourone-visual-027 .catalog-package-classic .catalog-package-copy { grid-column:1;grid-row:1 }
.fourone-visual-027 .catalog-drinks { background:#0f0d14 }
.fourone-visual-027 .catalog-frozen { border-radius:30px;padding:44px;background:linear-gradient(130deg,#20172c,#10131b) }
.fourone-visual-027 .catalog-frozen h2 { font-size:clamp(40px,5vw,72px) }
.fourone-visual-027 .catalog-next { padding:65px 40px;border-radius:30px;background:#d8c6f3;color:#22162f }
.fourone-visual-027 .catalog-next p { color:#51405e }
.fourone-visual-027 .catalog-next h2 { font-size:clamp(42px,5.2vw,76px) }
.fourone-visual-027 .catalog-next .gradient-text { color:#76528f;background:none;-webkit-text-fill-color:currentColor }
.fourone-visual-027 .catalog-next .button { background:#21162c;color:white }
.fourone-visual-027 .catalog-story { gap:70px;align-items:start }
.fourone-visual-027 .catalog-story-photo { padding:14px 14px 0;background:linear-gradient(145deg,#ece6fc,#9d9bd0);border-radius:30px;overflow:hidden }
.fourone-visual-027 .catalog-story-photo img { border-radius:19px;max-height:720px }
.fourone-visual-027 .catalog-story-photo figcaption { color:#30253f;padding:16px 8px;font-size:11px }
.fourone-visual-027 .catalog-story-copy { padding-top:28px }
.fourone-visual-027 .catalog-story-copy h2 { font-size:clamp(40px,4.8vw,70px);letter-spacing:-.065em }
.fourone-visual-027 .catalog-facts li { padding:18px;border-left:2px solid #ad86dd;background:#c4a2eb06;border-radius:0 12px 12px 0 }
.fourone-visual-027 .catalog-ingredients { padding:40px;background:#131018;border-radius:30px }
.fourone-visual-027 .catalog-ingredients h2 { font-size:clamp(38px,4.8vw,66px) }
.fourone-visual-027 .contact-layout { gap:65px;margin-top:20px }
.fourone-visual-027 .contact-layout h2 { font-size:clamp(38px,4.7vw,70px);letter-spacing:-.065em }
.fourone-visual-027 .quote-form { border-radius:26px;background:linear-gradient(135deg,#251b31,#141019);padding:36px;border-color:#9370b94d }
.fourone-visual-027 #event-type-panel { background:radial-gradient(at 0% 0%,#362442,#17121e 70%);border:1px solid #8b62b74d;border-radius:24px;padding:28px }
.fourone-visual-027 .event-type-choices button { border-radius:16px;padding:22px 18px;background:#100d16;border-color:#ffffff15;transition:background var(--visual-medium),transform var(--visual-short),border-color var(--visual-short) }
.fourone-visual-027 .event-type-choices button[aria-pressed=true] { background:#dcc8fa;color:#23132e;border-color:#dcc8fa;box-shadow:none }
.fourone-visual-027 .event-type-choices button[aria-pressed=true] small { color:#543c66 }
.fourone-visual-027 #recipe-grid>.recipe-card { position:relative;isolation:isolate;border-radius:22px;border-color:#b393d02e;background:linear-gradient(145deg,#211829,#131019);transition:transform var(--visual-medium),border-color var(--visual-short) }
.fourone-visual-027 #recipe-grid>.recipe-card:hover { border-color:#bda0e8;transform:translateY(-5px) }
.fourone-visual-027 #recipe-grid>.recipe-card::before { z-index:0 }
.fourone-visual-027 #recipe-grid>.recipe-card>img,.fourone-visual-027 #recipe-grid>.recipe-card>.recipe-card-content { position:relative;z-index:1 }
.fourone-visual-027 .selection-panel { border-radius:24px;border-color:#ac87d84d;background:#1d1626 }
.fourone-visual-027 .planner-progress { border-radius:100px;background:#18111f;border-color:#8b62b74d;padding:8px }
.fourone-visual-027 .planner-progress a { border-radius:100px;text-align:center }
.fourone-visual-027 .journal-main { background:#08090c }
.fourone-visual-027 .journal-main .journal-heading { border-radius:30px;min-height:340px }
.fourone-visual-027 .journal-heading h1 { font-size:clamp(68px,9vw,130px) }
.fourone-visual-027 .journal-card { border-radius:26px;border-color:#aa84cf30;background:#191220 }
.fourone-visual-027 .journal-card--featured { background:linear-gradient(120deg,#24182f,#14121e) }
.visual-pending { opacity:.18;transform:translateY(48px) scale(.985) }
.visual-reveal { transition:opacity var(--visual-long) var(--visual-ease),transform var(--visual-long) var(--visual-ease) }
.visual-in { opacity:1;transform:none }
.motion-ready .fourone-visual-027 .reveal { transition:opacity var(--visual-long) var(--visual-ease),transform var(--visual-long) var(--visual-ease) }
.motion-ready .fourone-visual-027 .reveal:not(.visible) { opacity:.16;transform:translateY(52px) }
@supports(animation-timeline:view()) {
  .visual-manifesto h2 { animation:visual-manifesto-depth linear both;animation-timeline:view();animation-range:entry 0% entry 100% }
  .visual-manifesto .manifesto-star { animation:visual-manifesto-star linear both;animation-timeline:view();animation-range:entry 0% exit 100% }
  .fourone-visual-027 .hero-seal { animation:visual-hero-depth linear both;animation-timeline:view();animation-range:exit 0% exit 100% }
}
@media(min-width:1700px) { .fourone-visual-027.home .hero.wrap { padding-inline:max(40px,calc((100vw - 1560px)/2));gap:70px }.fourone-visual-027.home .hero .hero-copy h1 { font-size:96px } }
@media(max-width:1150px) and (min-width:851px) {
  .fourone-visual-027.home .hero.wrap { padding-inline:28px;gap:32px;min-height:690px }
  .fourone-visual-027.home .hero .hero-art { height:600px }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:58px }
  .fourone-visual-027.home .hero-actions { flex-direction:column;align-items:start }
  .hero-scroll { margin-top:16px }.hero-seal { right:-12px;width:100px;font-size:48px }
  .package-story-layout { gap:36px }.package-story-stage { min-height:600px }
}
@media(max-width:850px) {
  .fourone-visual-027 .header { height:72px }.fourone-visual-027 .header-inner { width:calc(100% - 40px) }
  .fourone-visual-027 .header.scrolled .header-inner { transform:translateY(-6px) }
  .fourone-visual-027 #navigation { top:71px;max-height:calc(100dvh - 71px);border-radius:0 0 24px 24px }
  .fourone-visual-027.home .hero.wrap { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;min-height:700px;padding:28px 24px 42px }
  .fourone-visual-027.home .hero .hero-art { position:relative;inset:auto;height:590px;grid-column:1;grid-row:1;aspect-ratio:auto;padding:12px 12px 56px;border-radius:24px }
  .fourone-visual-027.home .hero .hero-copy { position:relative;grid-column:2;grid-row:1;padding:12px 0;width:100%;align-self:center }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:clamp(38px,5.3vw,52px) }
  .fourone-visual-027.home .hero-copy .eyebrow { font-size:8px;margin-bottom:24px }
  .fourone-visual-027.home .hero-copy p { font-size:13px }
  .fourone-visual-027.home .hero-actions .button { font-size:9px;padding:14px;min-height:48px }
  .hero-frame-label { top:28px;left:26px;right:26px;font-size:7px }
  .hero-photo-caption { font-size:8px;left:20px;bottom:22px }.hero-seal { width:90px;border-width:6px;border-radius:24px;font-size:43px;right:-12px;bottom:100px }.hero-seal>span { font-size:16px }
  .hero-scroll { font-size:8px }.hero-scroll>span { width:28px;height:28px }
  .visual-manifesto { padding-block:90px 70px }.manifesto-star { right:2%;top:25%;opacity:.45 }
  .package-story-layout { grid-template-columns:minmax(0,1fr);gap:28px }.package-story-tabs { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px }
  .package-story-tabs>a { grid-template-columns:1fr;gap:8px;padding:18px 14px }.package-story-tabs>a[aria-selected=true] { transform:translateY(-5px) }
  .story-tab-arrow { display:none }.package-story-tabs strong { font-size:20px }.package-story-tabs small { font-size:11px }.story-tab-number { padding-top:0 }
  .package-story-controls { grid-column:1/-1;grid-row:2;margin-top:0 }.package-story-stage { min-height:530px;grid-column:1;grid-row:3 }.story-panel>img { height:300px;width:253px;left:calc(50% - 126.5px) }
  .fourone-visual-027.home .steps-section { gap:32px }.fourone-visual-027.home .event-art-copy { padding:28px }.fourone-visual-027.home .step { padding-block:24px }
  .fourone-visual-027.home .final-cta { grid-template-columns:1fr;gap:28px;padding:36px }.fourone-visual-027 .final-cta-photo { height:280px;max-height:280px;grid-row:4 }
  .fourone-visual-027 .catalog-package-copy { padding:30px }.fourone-visual-027 .catalog-package-media { min-height:400px;padding:28px }.fourone-visual-027 .catalog-package-media img { height:350px }
  .fourone-visual-027 .catalog-story { gap:32px }.fourone-visual-027 .catalog-story-copy { padding-top:0 }.fourone-visual-027 .contact-layout { gap:32px }
  .fourone-visual-027 .footer-top { grid-template-columns:1fr 1fr }.fourone-visual-027 .footer-top>.text-link { grid-column:1/-1;justify-self:start }
  .fourone-visual-027 .page-heading h1 { font-size:clamp(50px,8.2vw,76px) }
}
@media(max-width:600px) {
  .fourone-visual-027.home .hero.wrap { display:flex;flex-direction:column;min-height:0;padding:18px 16px 36px;gap:28px;overflow:hidden }
  .fourone-visual-027.home .hero .hero-art { position:relative;width:100%;height:280px;flex:none;padding:10px 10px 47px;order:0 }
  .fourone-visual-027.home .hero .hero-art picture { border-radius:16px }.fourone-visual-027.home .hero .hero-cover-image { object-position:center 66% }
  .hero-frame-label { left:24px;right:24px;top:24px }.hero-photo-caption { left:20px;bottom:18px;font-size:8px }.hero-seal { right:10px;bottom:32px;width:90px;border-color:#d0c8eb }
  .fourone-visual-027.home .hero .hero-copy { padding:0 4px;order:1 }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:clamp(43px,11.7vw,66px);line-height:1.01;margin-bottom:24px }
  .fourone-visual-027.home .hero-copy .eyebrow { margin-bottom:22px;font-size:9px }
  .fourone-visual-027.home .hero-copy p { font-size:14px;margin-bottom:24px }
  .fourone-visual-027.home .hero-actions { flex-direction:row;gap:8px }.fourone-visual-027.home .hero-actions .button { flex:1 1 145px;font-size:9px;padding:15px 12px;min-height:50px }
  .fourone-visual-027.home .quick-links { font-size:9px;gap:22px;margin-top:16px }.fourone-visual-027.home .catalog-home-offers { margin-top:6px }
  .hero-scroll { margin-top:20px;font-size:9px }.fourone-visual-027.home .ticker { padding-block:16px;margin-top:0 }.fourone-visual-027.home .ticker-track span { font-size:10px }
  .visual-manifesto { padding-block:76px 58px }.visual-manifesto h2 { font-size:clamp(42px,10vw,64px);max-width:15ch }.manifesto-star { right:-12%;top:35%;font-size:150px;opacity:.22 }
  .fourone-visual-027.home .experience-stack { padding-top:12px;padding-bottom:65px }.fourone-visual-027 .experience-stack .section-heading { display:block;margin-bottom:30px }.fourone-visual-027 .experience-stack h2 { font-size:42px }
  .fourone-visual-027 .experience-panel { border-radius:24px }.fourone-visual-027 .experience-panel-copy { padding:22px }
  .fourone-visual-027 .experience-panel h3 { font-size:31px;max-width:16ch;margin-bottom:15px }.fourone-visual-027 .experience-panel-label { margin-bottom:18px }.fourone-visual-027 .experience-panel-label>span:first-child { font-size:25px }
  .fourone-visual-027 .experience-panel p { font-size:14px;line-height:1.6;margin-bottom:20px }.fourone-visual-027 .experience-panel-media { height:160px;border-radius:0 0 24px 24px }.fourone-visual-027 .experience-panel-cutout img { padding:8px 22px 15px }
  .package-story { padding-block:65px }.package-story .section-heading { display:block }.package-story .section-heading h2 { font-size:43px;margin-bottom:22px }.package-story .text-link { font-size:10px }
  .package-story-tabs>a { padding:14px 10px;border-radius:12px }.package-story-tabs strong { font-size:16px;letter-spacing:-.045em;margin-bottom:0 }.package-story-tabs small { display:none }.story-tab-number { font-size:10px }.package-story-controls .text-button { font-size:9px;padding-inline:0 }
  .package-story-stage { min-height:500px }.story-panel { border-radius:24px;padding:22px }.story-panel-top { font-size:8px }.story-panel-word { font-size:80px;top:90px }.story-panel>img { top:62px;height:260px;width:219px;left:calc(50% - 109.5px) }
  .story-panel-bottom { bottom:24px;left:24px;right:24px }.story-panel-bottom p { font-size:13px;line-height:1.6 }.story-panel-bottom .button { font-size:9px }
  .fourone-visual-027.home .catalog-section { padding-block:65px }.fourone-visual-027.home .catalog-section .section-heading { display:block }.fourone-visual-027.home .catalog-section .section-heading h2 { font-size:43px;margin-bottom:20px }
  .fourone-visual-027.home .drink-strip { grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:18px;perspective:none;scrollbar-width:thin;scrollbar-color:#9f7bc5 #1b1423 }
  .fourone-visual-027.home .drink-strip>.drink-card { scroll-snap-align:start;padding:24px 22px }.fourone-visual-027.home .drink-strip>.drink-card>img { height:260px }.fourone-visual-027.home .drink-strip h3 { font-size:27px;min-height:58px }
  .fourone-visual-027.home .steps-section { grid-template-columns:1fr;padding-block:36px 65px;gap:34px }.fourone-visual-027.home .event-art-card { aspect-ratio:1 }.fourone-visual-027.home .event-art-copy h2 { font-size:36px }.fourone-visual-027.home .event-art-copy { padding:28px 24px }
  .fourone-visual-027.home .step { gap:18px }.fourone-visual-027.home .step>span { width:44px;height:44px;font-size:14px }.fourone-visual-027.home .step h3 { font-size:27px }.fourone-visual-027.home .step p { font-size:14px }
  .fourone-visual-027.home .faq-section { padding-block:50px }.fourone-visual-027.home .faq-section h2 { font-size:44px }.fourone-visual-027 .faq summary { font-size:15px;padding-block:25px }
  .fourone-visual-027.home .final-cta { padding:30px 24px;border-radius:24px;margin-block:20px 60px }.fourone-visual-027 .final-cta h2 { font-size:49px }.fourone-visual-027 .final-cta .eyebrow { font-size:9px;letter-spacing:.1em }.fourone-visual-027 .final-cta-photo { height:240px }
  .fourone-visual-027 .footer-top { gap:26px;padding-bottom:25px }.fourone-visual-027 .footer-top p { font-size:16px }.footer-explore { gap:5px 20px;padding-bottom:24px }.footer-explore a { font-size:11px }.footer-wordmark { font-size:25vw;padding-bottom:25px }.footer-wordmark>span { font-size:.4em }
  .fourone-visual-027 .page-main { padding-top:30px }.fourone-visual-027 .page-heading { padding-bottom:30px;margin-bottom:30px }.fourone-visual-027 .page-heading h1 { font-size:clamp(44px,11.5vw,64px) }.fourone-visual-027 .page-heading .eyebrow { font-size:9px }.fourone-visual-027 .page-heading::before { font-size:220px;top:-20px }
  .fourone-visual-027 .catalog-intro { grid-template-columns:1fr;gap:20px }.fourone-visual-027 .catalog-jump { gap:8px }.fourone-visual-027 .catalog-jump a { font-size:12px;padding:12px 16px }
  .fourone-visual-027 .catalog-package { grid-template-columns:minmax(0,1fr);border-radius:24px }.fourone-visual-027 .catalog-package-media { min-height:300px;padding:24px }.fourone-visual-027 .catalog-package-media img { height:280px }
  .fourone-visual-027 .catalog-package-classic .catalog-package-media,.fourone-visual-027 .catalog-package-classic .catalog-package-copy { grid-column:auto;grid-row:auto }.fourone-visual-027 .catalog-package-copy { padding:28px 22px }.fourone-visual-027 .catalog-package-copy h2 { font-size:42px }
  .fourone-visual-027 .catalog-frozen { padding:30px 22px;border-radius:24px }.fourone-visual-027 .catalog-frozen h2 { font-size:42px }.fourone-visual-027 .catalog-next { padding:35px 24px;border-radius:24px }.fourone-visual-027 .catalog-next h2 { font-size:43px }
  .fourone-visual-027 .catalog-story { grid-template-columns:1fr;gap:30px }.fourone-visual-027 .catalog-story-photo { padding:10px 10px 0;border-radius:24px }.fourone-visual-027 .catalog-story-photo img { height:440px }.fourone-visual-027 .catalog-story-copy h2 { font-size:43px }.fourone-visual-027 .catalog-ingredients { padding:28px 22px;border-radius:24px }
  .fourone-visual-027 .contact-layout { grid-template-columns:1fr }.fourone-visual-027 .contact-layout h2 { font-size:44px }.fourone-visual-027 .quote-form { padding:24px }
  .fourone-visual-027 #event-type-panel { padding:20px 16px;border-radius:20px }.fourone-visual-027 .event-type-choices button { padding:16px 12px }.fourone-visual-027 .planner-progress { border-radius:16px }.fourone-visual-027 .planner-progress a { font-size:10px;padding:12px 6px }
  .fourone-visual-027 .journal-main .journal-heading { min-height:290px;padding:26px;border-radius:24px }.fourone-visual-027 .journal-heading h1 { font-size:60px }
}
@media(hover:none) { .fourone-visual-027.home .drink-strip>.drink-card:hover,.fourone-visual-027 #recipe-grid>.recipe-card:hover { transform:none }.fourone-visual-027.home .drink-strip>.drink-card:hover>img { transform:none } }
@media(max-width:600px) and (max-height:760px) { .fourone-visual-027.home .hero .hero-art { height:230px }.fourone-visual-027.home .hero .hero-copy h1 { font-size:40px } }
@keyframes visual-photo-enter { from { opacity:.6;transform:translateY(34px) rotate(-2deg) scale(.96) } }
@keyframes visual-title-enter { from { opacity:.65;transform:translateY(70%) rotate(2deg) } }
@keyframes visual-photo-breathe { to { transform:scale(1.055) translateY(-4px) } }
@keyframes visual-seal { to { transform:translateY(-18px) rotate(-5deg) } }
@keyframes visual-scroll-cue { 50% { transform:translateY(6px) } }
@keyframes visual-star-turn { to { transform:rotate(360deg) } }
@keyframes visual-story-progress { from { transform:scaleX(0) } to { transform:scaleX(1) } }
@keyframes visual-product-float { to { transform:translateY(-14px) rotate(3deg) } }
@keyframes visual-manifesto-depth { from { opacity:.35;transform:translateY(45px) } to { opacity:1;transform:none } }
@keyframes visual-manifesto-star { from { transform:rotate(-30deg) translateY(40px) } to { transform:rotate(90deg) translateY(-40px) } }
@keyframes visual-hero-depth { from { transform:rotate(10deg) translateY(0) } to { transform:rotate(-10deg) translateY(-110px) } }
.motion-paused .visual-pending { opacity:1;transform:none }
.motion-paused .hero-line>span { transform:none!important;opacity:1!important }
.motion-paused .visual-reveal { transition:none }
html:not(.nav-ready) .fourone-visual-027 .header { height:auto;position:relative }
html:not(.nav-ready) .fourone-visual-027 .header-inner { height:auto;padding-block:14px;transform:none;flex-wrap:wrap }
html:not(.nav-ready) .fourone-visual-027 #navigation { position:static;inset:auto;max-height:none;background:transparent;border-radius:0 }
@media(prefers-reduced-motion:reduce) { .visual-pending { opacity:1;transform:none }.hero-line>span { transform:none!important;opacity:1!important }.fourone-visual-027.home .drink-strip>.drink-card:hover,.fourone-visual-027.home .drink-strip>.drink-card:hover>img { transform:none } }

/* 4ONE-028: full-cover photograph; header, opening and band share the first screen. */
.fourone-visual-027.home { --opening-header:86px;--opening-band:86px }
.fourone-visual-027.home .hero.wrap {
  display:flex;align-items:center;position:relative;isolation:isolate;gap:0;
  width:100%;max-width:none;min-height:calc(100svh - var(--opening-header) - var(--opening-band));
  padding:28px clamp(28px,5vw,88px);background:#08090c;overflow:hidden;
}
.fourone-visual-027.home .hero .hero-art {
  position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;
  border:0;border-radius:0;background:#08090c;overflow:hidden;
  animation:visual-cover-enter 1s var(--visual-ease) both;z-index:-2;
}
.fourone-visual-027.home .hero .hero-art picture { position:static;display:block;width:100%;height:100%;border-radius:0 }
.fourone-visual-027.home .hero .hero-cover-image { width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center center;mask-image:none }
.fourone-visual-027.home .hero .hero-photo::after {
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#08090ded 0%,#08090dc9 32%,#08090d40 67%,#08090d12 100%),linear-gradient(0deg,#08090d65,transparent 45%);
}
.fourone-visual-027.home .hero .hero-copy { width:100%;max-width:760px;margin:0;padding:0;align-self:center;position:relative;z-index:1 }
.fourone-visual-027.home .hero .hero-copy::after { content:none }
.fourone-visual-027.home .hero .hero-copy h1 { font-size:clamp(44px,min(5vw,7svh),76px);line-height:1.02;margin-bottom:22px;letter-spacing:-.065em;text-shadow:0 2px 24px #0006 }
.fourone-visual-027.home .hero-line>span { overflow-wrap:anywhere }
.fourone-visual-027.home .hero-copy .eyebrow { color:#e4d9f0;margin-bottom:20px }
.fourone-visual-027.home .hero-copy p { font-size:15px;line-height:1.65;color:#e2dce9;margin-bottom:22px;text-shadow:0 2px 12px #000 }
.fourone-visual-027.home .hero-actions { flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center }
.fourone-visual-027.home .hero-actions .button { flex:none;min-height:50px;padding:15px 20px }
.fourone-visual-027.home .hero .secondary { background:#100d16c9;border-color:#ffffff50;color:#f5efff }
.fourone-visual-027.home .quick-links { margin-top:12px;gap:26px;color:#e4dbea }
.fourone-visual-027.home .quick-links a { padding-block:7px }
.fourone-visual-027.home .catalog-home-offers { margin-top:6px;gap:8px }
.fourone-visual-027.home .catalog-home-offers a { background:#15101fc9;border:1px solid #d7b8f247;color:#ebdff8;padding:10px 15px;min-height:44px }
.fourone-visual-027.home .ticker {
  position:relative;isolation:isolate;display:flex;align-items:center;
  height:var(--opening-band);padding:0;margin:0;width:100%;transform:none;
  background:transparent;border:0;overflow:hidden;
}
.fourone-visual-027.home .ticker::before { content:'';position:absolute;inset:12px -4px;background:#d1c0ff;transform:rotate(-1.3deg);z-index:-1;pointer-events:none }
.fourone-visual-027.home .ticker-track { rotate:0deg;flex-shrink:0;white-space:nowrap }
.fourone-visual-027.home:has(.header:not(.scrolled)) .fourone-support-launcher { bottom:calc(var(--opening-band) + 16px)!important }
@keyframes visual-cover-enter { from { opacity:.7 } to { opacity:1 } }
@media(max-width:850px) {
  .fourone-visual-027.home { --opening-header:72px;--opening-band:70px }
  .fourone-visual-027.home .hero.wrap { padding:28px 28px;min-height:calc(100svh - var(--opening-header) - var(--opening-band)) }
  .fourone-visual-027.home .hero .hero-art { position:absolute;inset:0;width:100%;height:100%;padding:0;aspect-ratio:auto;border-radius:0;order:0 }
  .fourone-visual-027.home .hero .hero-copy { grid-column:auto;grid-row:auto;max-width:660px;padding:0;order:1 }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:clamp(42px,min(6.5vw,7svh),62px) }
  .fourone-visual-027.home .ticker::before { inset:12px -4px }
}
@media(max-width:600px) {
  .fourone-visual-027.home { --opening-band:64px }
  .fourone-visual-027.home .hero.wrap { display:flex;flex-direction:row;padding:26px 20px;gap:0;min-height:calc(100svh - var(--opening-header) - var(--opening-band)) }
  .fourone-visual-027.home .hero .hero-art { height:100%;padding:0;width:100% }
  .fourone-visual-027.home .hero .hero-cover-image { object-position:center center }
  .fourone-visual-027.home .hero .hero-photo::after { background:linear-gradient(90deg,#08090dce,#08090d66),linear-gradient(0deg,#08090ddc,#08090d35 90%) }
  .fourone-visual-027.home .hero .hero-copy { padding:0;width:100% }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:clamp(38px,min(11.5vw,6.4svh),58px);line-height:1.03;margin-bottom:20px }
  .fourone-visual-027.home .hero-copy .eyebrow { font-size:8px;letter-spacing:.12em;margin-bottom:18px }
  .fourone-visual-027.home .hero-copy p { font-size:14px;line-height:1.65;margin-bottom:20px }
  .fourone-visual-027.home .hero-actions { gap:8px }
  .fourone-visual-027.home .hero-actions .button { flex:1 1 140px;min-height:48px;padding:14px 12px;font-size:9px }
  .fourone-visual-027.home .quick-links { font-size:9px;margin-top:10px;gap:22px }
  .fourone-visual-027.home .catalog-home-offers { margin-top:4px }
  .fourone-visual-027.home .catalog-home-offers a { font-size:10px;padding:10px 13px }
  .fourone-visual-027.home .ticker-track span { font-size:10px }
  .fourone-visual-027.home .ticker::before { inset:10px -4px }
}
/* Short/zoomed screens retain normal flow instead of clipping the copy or CTAs. */
@media(max-height:650px) {
  .fourone-visual-027.home .hero.wrap { padding-block:24px }
  .fourone-visual-027.home .hero .hero-copy h1 { font-size:40px }
}
@media(max-height:740px) and (min-width:700px) {
  .fourone-visual-027.home .hero.wrap { padding-block:10px }
  .fourone-visual-027.home .hero .hero-copy { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:4px;max-width:1040px }
  .fourone-visual-027.home .hero-copy .eyebrow { grid-column:1/-1;margin:0 0 4px;font-size:8px }
  .fourone-visual-027.home .hero .hero-copy h1 { grid-column:1;grid-row:2/6;font-size:clamp(30px,4vw,42px);align-self:center;margin:0 }
  .fourone-visual-027.home .hero-copy p { grid-column:2;grid-row:2;font-size:12px;line-height:1.5;margin:0 }
  .fourone-visual-027.home .hero-actions { grid-column:2;grid-row:3;gap:8px }
  .fourone-visual-027.home .hero-actions .button { flex:1 1 130px;min-height:44px;padding:11px 12px;font-size:8px }
  .fourone-visual-027.home .quick-links { grid-column:2;grid-row:4;margin:0;font-size:8px;gap:18px }
  .fourone-visual-027.home .quick-links a { padding-block:3px }
  .fourone-visual-027.home .catalog-home-offers { grid-column:2;grid-row:5;margin:0 }
  .fourone-visual-027.home .catalog-home-offers a { font-size:9px;padding:9px 12px }
}
html:not(.nav-ready) .fourone-visual-027.home .hero.wrap { min-height:0 }
/* Owner-supplied photos retain their complete composition. */
.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold)>img { inset:0;left:0;top:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 58%;border-radius:0;filter:none;animation:none }
.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold)::after { content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#08050be0 0%,#08050b18 24%,#08050b00 42%,#08050b38 58%,#08050bf2 100%) }
.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold) .story-panel-top,.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold) .story-panel-bottom p { color:#fff;text-shadow:0 1px 12px #0009 }
.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold) .story-panel-word { display:none }
.fourone-visual-027 :is(.story-panel-caipirinhas,.story-panel-gold) .story-panel-bottom .button { background:#eeeaff;color:#171222 }
.fourone-visual-027 :is(.catalog-package-caipirinhas,.catalog-package-gold) { border:0 }
.fourone-visual-027 :is(.catalog-package-caipirinhas,.catalog-package-gold) .catalog-package-media { position:relative;padding:0;overflow:hidden;background:#111016;min-height:480px;aspect-ratio:3/4 }
.fourone-visual-027 :is(.catalog-package-caipirinhas,.catalog-package-gold) .catalog-package-media img { position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%;border-radius:0;filter:none }
.fourone-visual-027 .catalog-package-caipirinhas .catalog-package-media { aspect-ratio:2/3 }
.package-story-tabs>[data-story-tab] { grid-template-columns:34px minmax(0,1fr) }
@media(max-width:850px){.package-story-tabs>[data-story-tab] { grid-template-columns:1fr }}
.fourone-visual-027.home .hero-actions .hero-quote-cta { background:#eeeaff;color:#191124;border-color:#eeeaff;font-weight:700;box-shadow:0 8px 30px #b89bea42;min-width:230px }
.fourone-visual-027.home .hero-actions .hero-quote-cta:hover { background:#fff;box-shadow:0 10px 35px #c7a8ff66 }
@media(max-height:740px) and (min-width:700px){.fourone-visual-027.home .hero-actions .hero-quote-cta { min-width:0 }}
.visual-manifesto { display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,25vw,340px);align-items:center;column-gap:28px }
.visual-manifesto>.eyebrow { grid-column:1/-1 }
.manifesto-toast { display:block;width:100%;align-self:center;pointer-events:none;color:#c5b2ff }
.manifesto-toast svg { display:block;width:100%;height:auto;overflow:visible }
.toast-glass { transform-box:view-box;animation-duration:5.2s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite;animation-play-state:paused }
.toast-glass-left { transform-origin:90px 230px;transform:rotate(3.6deg);animation-name:fourone-toast-left }
.toast-glass-right { transform-origin:210px 230px;transform:rotate(-3.6deg);animation-name:fourone-toast-right }
.toast-impact,.toast-ring,.toast-sparkle { opacity:0;transform-box:view-box;transform-origin:150px 70px;animation:fourone-toast-impact 5.2s ease-out infinite;animation-play-state:paused }
.toast-ring { animation-name:fourone-toast-ring }.toast-sparkle { animation-name:fourone-toast-sparkle }
[data-toast-playing=true] :is(.toast-glass,.toast-impact,.toast-ring,.toast-sparkle) { animation-play-state:running }
@keyframes fourone-toast-left { 0%,18%,82%,100% { transform:rotate(-8deg) } 40% { transform:rotate(3.6deg) } 48% { transform:rotate(1deg) } 59% { transform:rotate(2.3deg) } }
@keyframes fourone-toast-right { 0%,18%,82%,100% { transform:rotate(8deg) } 40% { transform:rotate(-3.6deg) } 48% { transform:rotate(-1deg) } 59% { transform:rotate(-2.3deg) } }
@keyframes fourone-toast-impact { 0%,37%,58%,100% { opacity:0;transform:scale(.75) } 41% { opacity:1;transform:scale(1) } 55% { opacity:0;transform:scale(1.35) } }
@keyframes fourone-toast-ring { 0%,38%,60%,100% { opacity:0;transform:scale(.6) } 41% { opacity:.7;transform:scale(.75) } 59% { opacity:0;transform:scale(2.6) } }
@keyframes fourone-toast-sparkle { 0%,38%,54%,100% { opacity:0;transform:scale(.25) rotate(-15deg) } 41% { opacity:1;transform:scale(.7) rotate(8deg) } 52% { opacity:0;transform:scale(1) rotate(25deg) } }
@media(max-width:600px){.fourone-visual-027 :is(.catalog-package-caipirinhas,.catalog-package-gold) .catalog-package-media { min-height:0;height:auto }.fourone-visual-027 .catalog-package-caipirinhas .catalog-package-media { aspect-ratio:2/3 }.visual-manifesto { grid-template-columns:1fr;row-gap:18px }.manifesto-toast { width:210px;justify-self:center }.fourone-visual-027.home .hero-actions .hero-quote-cta { min-width:0 }}
@media(prefers-reduced-motion:reduce){.manifesto-toast :is(.toast-glass,.toast-impact,.toast-ring,.toast-sparkle) { animation:none!important }}