@charset "UTF-8";
:root{--ink:#100d0e;--red:#ed282a;--cream:#f5eddf;--gold:#e8aa58;--line:rgba(245,237,223,.2);--p:0;--arrival:0;--final:0;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h2,.hero-type,.club-stamp b,.parade-side b{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;line-height:.94;letter-spacing:-.035em}h2{font-size:clamp(44px,6vw,92px)}img{max-width:100%;height:auto}.skip-link{position:fixed;left:18px;top:12px;transform:translateY(-180%);z-index:100;background:var(--cream);color:var(--ink);padding:13px 20px}.skip-link:focus{transform:none}.header{position:absolute;top:0;left:0;right:0;z-index:20;height:100px;padding:18px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;min-height:44px}.brand .mark{width:61px;height:48px;object-fit:contain}.brand>span{font-weight:900;letter-spacing:.03em;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.28em;margin-top:6px}nav{display:flex;gap:32px;align-items:center}nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:bold}nav a:last-child{border:1px solid var(--line);padding:0 20px;gap:25px}nav a:hover{color:var(--gold)}.menu{display:none;background:transparent;min-height:44px}.motion-toggle{position:fixed;z-index:50;right:16px;bottom:16px;min-height:44px;display:flex;align-items:center;gap:9px;padding:11px 15px;background:#100d0ef2;border:1px solid #796b66;border-radius:30px;color:var(--cream);font-size:11px;box-shadow:0 5px 25px #0004}.motion-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}[aria-pressed=true] .motion-dot{background:#aaa}#experience{position:relative;height:240vh;height:240svh}.scene{height:100vh;height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#422320 0,#1d1115 36%,var(--ink) 74%)}.scene-grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.red-world{position:absolute;inset:0;background:var(--red);opacity:var(--final)}.lights{position:absolute;inset:0;overflow:hidden;opacity:calc(1 - var(--final)*.7)}.lights i{position:absolute;top:-20%;left:12%;height:130%;width:27%;background:linear-gradient(180deg,#fbd79b18,#fbd79b03);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform:rotate(-24deg);transform-origin:50% 0;animation:light-sway 9s ease-in-out infinite alternate}.lights i:nth-child(2){left:65%;transform:rotate(29deg);background:linear-gradient(#ed282a22,#ed282a03);animation-delay:-4s}.lights i:nth-child(3){left:48%;width:16%;transform:rotate(12deg);animation-delay:-2s}.garland{position:absolute;top:95px;left:-5%;width:110%;height:140px;opacity:.85;z-index:3;transform:translateY(calc(var(--p)*-100px))}#confetti{position:absolute;width:100%;height:100%;inset:0;z-index:7;pointer-events:none}.opening{position:absolute;inset:0;z-index:4;opacity:calc(1 - var(--arrival)*1.5);transform:translateY(calc(var(--arrival)*-70px));pointer-events:auto}.eyebrow,.section-label,.scene-bottom,.illustration-label{font-size:10px;font-weight:700;letter-spacing:.15em}.hero-kicker{position:absolute;top:23%;left:0;width:100%;text-align:center;font-size:10px}.hero-kicker{font-size:0}.hero-kicker:after{content:'CARNAVALSVERENIGING · UDENHOUT';font-size:10px;letter-spacing:.22em}.hero-kicker>span{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin:0 9px 1px 0}.hero-type{position:absolute;top:29%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:clamp(120px,22.5vw,350px);letter-spacing:-.065em;line-height:.95;transform:rotate(-3deg);text-shadow:0 12px 40px #0004}.hero-type span:last-child{margin-top:10%}.logo-orbit{position:absolute;left:50%;top:51%;width:clamp(250px,31vw,470px);transform:translate(-50%,-50%) rotate(4deg)}.logo-halo{position:absolute;inset:-18%;border:1px solid #e8aa5833;border-radius:50%;box-shadow:0 0 100px #ed282a24,inset 0 0 80px #ed282a16}.logo-halo:after{content:'';position:absolute;inset:8%;border:1px dashed #e8aa5833;border-radius:50%;transform:rotate(-20deg)}.hero-logo{display:block;position:relative;width:100%;filter:drop-shadow(0 28px 22px #0009);animation:logo-bob 4.8s ease-in-out infinite}.opening-bottom{position:absolute;bottom:14%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end}.opening-bottom p{font-size:15px;color:#d1c3b8}.opening-bottom strong{color:var(--cream)}.round-link{border-bottom:1px solid var(--cream);font-size:13px;display:flex;align-items:center;gap:25px;min-height:44px}.round-link span{font-size:27px}.parade-copy{position:absolute;z-index:4;left:5%;top:22%;opacity:calc(var(--arrival)*(1 - var(--final)));transform:translateY(calc((1 - var(--arrival))*45px));pointer-events:none}.parade-copy h2{font-size:clamp(40px,5.4vw,86px);margin:24px 0 20px}.parade-copy h2 em{font-style:normal;-webkit-text-stroke:1px var(--cream);color:transparent}.parade-copy p,.parade-side p{font-size:13px;color:#d4c1b4}.parade-side{position:absolute;z-index:4;right:5%;top:30%;opacity:calc(var(--arrival)*(1 - var(--final)));pointer-events:none}.parade-side>span{font-size:10px;letter-spacing:.25em;color:var(--gold)}.parade-side b{display:block;font-size:clamp(34px,4vw,60px);margin:12px 0 20px}.float-wrap{position:absolute;z-index:5;width:75%;max-width:1120px;left:50%;bottom:7%;transform:translateX(calc(90% - var(--arrival)*140%)) translateY(calc(var(--final)*90px)) rotate(calc(-3deg + var(--arrival)*3deg + var(--final)*-8deg)) scale(calc(.8 + var(--arrival)*.2 - var(--final)*.3));opacity:var(--arrival);transform-origin:50% 75%;pointer-events:none}.parade-float{width:100%;display:block;filter:drop-shadow(0 22px 22px #0006)}.illustration-label{display:block;font-size:8px;text-align:center;opacity:calc(.5*(1 - var(--final)))}.wheel{transform-box:fill-box;transform-origin:center;transform:rotate(calc(var(--p)*1200deg))}.float-flags{transform-origin:50% 60%;animation:flag-drift 3s ease-in-out infinite alternate}.party-person{transform-box:fill-box;transform-origin:50% 100%;animation:person-dance 1.6s ease-in-out infinite alternate}.person-two{animation-delay:-.8s}.final-copy{position:absolute;inset:18% 5% auto;z-index:4;text-align:center;opacity:var(--final);transform:translateY(calc((1 - var(--final))*70px));pointer-events:none}.final-copy h2{font-size:clamp(70px,13.3vw,200px);margin:18px 0 24px;transform:rotate(-4deg)}.final-copy h2 span{color:var(--ink);display:block;font-size:1.3em;line-height:.85}.final-copy .button{position:relative;z-index:9;pointer-events:none}.scene[data-phase=final] .final-copy .button{pointer-events:auto}.scene[data-phase=parade] .opening,.scene[data-phase=final] .opening{pointer-events:none}.scene-bottom{position:absolute;bottom:26px;left:5%;right:5%;z-index:10;display:flex;justify-content:space-between;align-items:center;font-size:9px}.scene-bottom a{min-height:44px;display:flex;align-items:center;gap:16px}.scene-track{width:90px;height:2px;background:#ffffff30}.scene-track i{display:block;height:100%;width:calc(8% + var(--p)*92%);background:var(--cream)}.ticker{overflow:hidden;background:var(--red);color:var(--ink);border-top:1px solid #100d0e44;border-bottom:1px solid #100d0e44;padding:17px 0}.ticker>div{display:flex;align-items:center;gap:32px;width:max-content;animation:marquee 32s linear infinite;font-size:26px}.ticker span{font-family:Impact,'Arial Black',sans-serif;font-size:28px;letter-spacing:-.02em}.section-pad{padding:75px 6%}.section-label{display:flex;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:45px;font-size:10px}.club-grid{display:grid;grid-template-columns:1.35fr 1fr .48fr;gap:5%;align-items:start}.club h2{font-size:clamp(45px,5.6vw,82px)}.club h2 span{color:var(--red)}.club-text{padding-top:6px}.club-text .lead{font-size:23px;line-height:1.35;color:var(--cream);margin-bottom:23px}.club-text p{font-size:14px;color:#b8aaa5;line-height:1.8}.text-link{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:10px 0;border-bottom:1px solid #73645f;font-size:12px;font-weight:bold;margin-top:25px}.text-link span{font-size:23px}.club-stamp{margin-top:35px;transform:rotate(8deg);border:1px solid #b28b58;color:var(--gold);padding:18px 12px;text-align:center}.club-stamp span{font-size:8px;letter-spacing:.12em;display:block}.club-stamp b{display:block;font-size:57px;margin:10px 0}.agenda{background:var(--cream);color:var(--ink);position:relative;padding-top:65px;padding-bottom:90px}.agenda .section-label{border-color:#100d0e33}.agenda-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.agenda h2{font-size:clamp(46px,6.2vw,90px)}.agenda h2 span{color:var(--red)}.agenda-heading p{font-size:13px;line-height:1.7;color:#655a56;padding-bottom:5px}.filter-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:42px;margin-bottom:12px}.filters{display:flex;gap:8px}.filters button{min-height:44px;padding:10px 22px;border:1px solid #100d0e40;background:transparent;border-radius:30px;font-size:12px}.filters button.active,.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}#count{font-size:11px;color:#675b56}.agenda-row{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:25px;border-top:1px solid #100d0e40;padding:28px 0}.agenda-row:last-child{border-bottom:1px solid #100d0e40}.agenda-row[hidden]{display:none}.agenda-number{font-family:Impact,'Arial Black',sans-serif;font-size:64px;color:transparent;-webkit-text-stroke:1px #a99b8f;line-height:1}.tag{font-size:9px;font-weight:bold;letter-spacing:.12em;color:#a72927}.agenda-title h3{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(21px,2.5vw,36px);letter-spacing:-.055em;line-height:1.2;margin:8px 0}.agenda-title p{font-size:12px;color:#71635d}.row-ticket{background:transparent;display:flex;align-items:center;gap:28px;min-height:50px;font-size:12px;font-weight:bold}.row-ticket span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #100d0e50;border-radius:50%;font-size:23px;transition:background .2s,color .2s}.row-ticket:hover span{background:var(--red);color:var(--cream);border-color:var(--red)}.ticket-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--red);padding:75px 9%;min-height:480px;display:flex;align-items:center}.ticket-stage h2{font-size:clamp(65px,8.8vw,130px);margin:25px 0 20px;position:relative}.ticket-stage h2 span{color:var(--ink)}.ticket-stage p{font-size:14px;line-height:1.7;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:14px 22px;background:var(--red);color:var(--cream);font-weight:bold;font-size:12px;border:1px solid transparent}.button span{font-size:22px;line-height:1}.button.light{background:var(--cream);color:var(--ink)}.button:hover{background:var(--gold);color:var(--ink)}.ticket-rays{position:absolute;z-index:-1;inset:-50% -10% -50% 30%;background:repeating-conic-gradient(from 15deg at 65% 50%,#100d0e08 0deg 13deg,transparent 13deg 31deg);transform:rotate(-15deg)}.ticket-star{position:absolute;z-index:-1;right:9%;top:10%;font-size:400px;font-weight:900;line-height:1;color:var(--ink);transform:rotate(12deg);text-shadow:18px 18px 0 #100d0e20}.ticket-edge{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:9px;letter-spacing:.2em}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding-top:85px;padding-bottom:85px}.faq h2{font-size:clamp(35px,3.5vw,55px);margin-top:22px}.faq .text-link{max-width:270px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:bold}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--red)}details[open] summary span{transform:rotate(45deg)}details p{color:#c2b3ab;font-size:13px;padding:0 35px 24px 0;line-height:1.8}details p a{text-decoration:underline;text-underline-offset:4px}.contact{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding-top:45px;padding-bottom:45px}.contact-logo{width:110px;flex-shrink:0}.contact h2{font-size:clamp(34px,4vw,60px);margin:10px 0 12px}.contact-mail{display:flex;gap:30px;align-items:center;min-height:44px;font-size:18px}.contact .eyebrow{color:#b9a9a2}.social{margin-left:auto;font-size:12px;line-height:1.9;padding:10px 0;min-height:44px}.social strong{font-size:15px}footer{padding:25px 6% 85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#a99b96}footer>a{min-height:44px;display:flex;align-items:center}.intro-controls{display:flex;flex-wrap:wrap;gap:12px}.intro-controls button{min-height:44px;background:none;color:#b7a9a3;font-size:10px;padding:8px 0}dialog{border:1px solid #6e5045;background:var(--ink);color:var(--cream);padding:40px;max-width:480px;width:calc(100% - 32px);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#100d0ecc;backdrop-filter:blur(7px)}dialog form{position:relative}dialog h2{font-size:54px;margin:30px 0 22px}dialog p{font-size:15px;line-height:1.7;margin-bottom:25px}.dialog-close{position:absolute;right:-25px;top:-25px;width:44px;height:44px;background:none;font-size:20px}
@keyframes logo-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes light-sway{to{transform:rotate(14deg)}}@keyframes flag-drift{to{transform:skewX(2deg) rotate(1deg)}}@keyframes person-dance{to{transform:rotate(8deg)}}@keyframes marquee{to{transform:translateX(-50%)}}.scene[data-visible=false] *{animation-play-state:paused!important}body[data-page-hidden=true] *{animation-play-state:paused!important}
@media(min-width:1600px){.section-pad{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.club-grid{grid-template-columns:1.2fr 1fr}.club-stamp{display:none}.float-wrap{width:95%;bottom:12%}.parade-copy h2{font-size:56px}.parade-side{top:25%}.parade-side b{font-size:38px}.ticket-star{right:4%;font-size:310px;top:25%}.faq{gap:6%}.header{padding-inline:5%}.hero-type{top:34%;font-size:23vw}.logo-orbit{top:53%;width:36vw}.hero-kicker{top:27%}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{height:85px;padding:12px 5%;align-items:center}.brand .mark{width:46px;height:39px}.brand{gap:8px}.brand>span{font-size:12px}.brand small{font-size:7px}.header nav{gap:12px}.header nav a{font-size:10px}.header nav a:last-child{padding:0 9px;gap:6px}.menu{display:block;font-size:11px;padding:0 0 0 12px}.menu span{display:none}.header nav[hidden]{display:none}#experience{height:200vh;height:200svh}.scene{min-height:640px}.garland{top:83px;height:85px;width:150%;left:-25%}.hero-kicker{top:25%}.hero-kicker:after{font-size:8px;letter-spacing:.18em}.hero-type{top:31%;left:3%;right:3%;font-size:30vw;line-height:.85;display:block;transform:rotate(-6deg)}.hero-type span{display:block}.hero-type span:last-child{text-align:right;margin-top:28%}.logo-orbit{width:60%;max-width:280px;top:49%;transform:translate(-50%,-50%) rotate(6deg)}.logo-halo{inset:-12%}.opening-bottom{bottom:12%;left:6%;right:6%;gap:20px}.opening-bottom p{font-size:12px}.round-link{font-size:11px;gap:10px}.round-link span{font-size:23px}.scene-bottom{bottom:15px;font-size:8px}.scene-track{width:48px}.scene-bottom a{gap:8px}.parade-copy{top:19%;left:6%}.parade-copy .eyebrow{font-size:8px}.parade-copy h2{font-size:48px;margin:15px 0 12px}.parade-copy p{font-size:12px}.parade-side{right:6%;top:26%;text-align:right}.parade-side>span{font-size:8px}.parade-side b{font-size:28px}.parade-side p{display:none}.float-wrap{width:155%;bottom:13%;max-width:none;transform:translateX(calc(90% - var(--arrival)*140%)) translateY(calc(var(--final)*100px)) rotate(calc(-3deg + var(--arrival)*3deg + var(--final)*-9deg)) scale(calc(.8 + var(--arrival)*.2 - var(--final)*.2))}.illustration-label{font-size:6px;letter-spacing:.08em}.final-copy{inset:20% 3% auto}.final-copy>.eyebrow{font-size:7px;letter-spacing:.12em}.final-copy h2{font-size:16vw;margin:30px 0 27px}.final-copy h2 span{font-size:1.8em;margin-top:9px}.final-copy .button{font-size:11px;min-height:48px}.ticker{padding:12px 0}.ticker>div{gap:20px}.ticker span{font-size:23px}.section-pad{padding:47px 6%}.section-label{font-size:8px;gap:20px;align-items:start;margin-bottom:29px;padding-bottom:20px}.section-label span:last-child{text-align:right}.club-grid{grid-template-columns:1fr;gap:28px}.club h2{font-size:16vw}.club-text .lead{font-size:23px}.club-text p{font-size:14px}.club-text .text-link{margin-top:16px}.agenda-heading{display:block}.agenda h2{font-size:13vw}.agenda-heading p{margin-top:22px;font-size:12px}.agenda-heading p br{display:none}.filter-bar{margin-top:26px;gap:8px}.filters{gap:5px}.filters button{font-size:11px;padding:10px 14px}#count{font-size:9px;white-space:nowrap}.agenda-row{grid-template-columns:32px 1fr auto;gap:10px;padding:23px 0}.agenda-number{font-size:31px;align-self:start;padding-top:6px}.tag{font-size:8px;letter-spacing:.06em}.agenda-title h3{font-size:20px;letter-spacing:-.045em;max-width:200px}.agenda-title p{font-size:10px;max-width:180px}.row-ticket{font-size:0;gap:0;padding:0}.row-ticket span{height:44px;width:44px;font-size:21px}.ticket-stage{min-height:500px;padding:48px 6%;align-items:start}.ticket-stage>.ticket-star{font-size:200px;top:auto;bottom:-28px;right:6%;opacity:.85}.ticket-stage .eyebrow{font-size:8px;letter-spacing:.1em}.ticket-stage h2{font-size:21vw;position:relative;z-index:1}.ticket-stage p{font-size:12px}.ticket-stage .button{position:relative;z-index:2;gap:24px;font-size:11px}.ticket-edge{font-size:7px;right:8px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:10.5vw;margin-top:20px}.faq .text-link{margin-top:15px}.faq .eyebrow{font-size:9px}summary{font-size:13px;min-height:70px}.contact{gap:20px;flex-wrap:wrap}.contact-logo{width:75px}.contact>div{flex:1}.contact h2{font-size:8vw}.contact .eyebrow{font-size:8px}.contact-mail{font-size:14px;gap:13px}.social{margin-left:95px;font-size:11px}footer{padding:20px 6% 85px;flex-wrap:wrap;gap:4px 20px}.intro-controls{order:3;width:100%;gap:20px}.motion-toggle{right:10px;bottom:10px;font-size:10px;padding-inline:12px}dialog{padding:30px}dialog h2{font-size:46px}.dialog-close{right:-15px;top:-15px}}
@media(max-height:720px) and (min-width:601px){.scene{min-height:580px}.hero-kicker{top:23%}.hero-type{top:30%;font-size:20vw}.logo-orbit{width:28vw;top:53%}.float-wrap{max-width:820px;bottom:7%}.final-copy{top:15%}.final-copy h2{font-size:15vh}.parade-copy{top:20%}}
body:not(.motion-ready) #experience,body[data-motion=reduce] #experience{height:auto}body:not(.motion-ready) .scene,body[data-motion=reduce] .scene{position:relative;height:auto;min-height:0;padding:170px 6% 70px}body:not(.motion-ready) .opening,body[data-motion=reduce] .opening{position:relative;inset:auto;height:560px;opacity:1;transform:none}body:not(.motion-ready) .hero-kicker,body[data-motion=reduce] .hero-kicker{top:0}body:not(.motion-ready) .hero-type,body[data-motion=reduce] .hero-type{top:12%}body:not(.motion-ready) .logo-orbit,body[data-motion=reduce] .logo-orbit{top:40%}body:not(.motion-ready) .opening-bottom,body[data-motion=reduce] .opening-bottom{bottom:5%}body:not(.motion-ready) .float-wrap,body[data-motion=reduce] .float-wrap{position:relative;left:auto;bottom:auto;transform:none;opacity:1;width:100%;max-width:850px;margin:35px auto 0}body:not(.motion-ready) .parade-copy,body:not(.motion-ready) .parade-side,body:not(.motion-ready) .final-copy,body[data-motion=reduce] .parade-copy,body[data-motion=reduce] .parade-side,body[data-motion=reduce] .final-copy{display:none}body:not(.motion-ready) .scene-bottom,body[data-motion=reduce] .scene-bottom{display:none}body:not(.motion-ready) .illustration-label,body[data-motion=reduce] .illustration-label{opacity:.6}body[data-motion=reduce] *,body[data-motion=reduce] *::before,body[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:has(body[data-motion=reduce]){scroll-behavior:auto}body[data-motion=reduce] #confetti{display:none}body[data-motion=reduce] .red-world{opacity:0}body[data-motion=reduce] .garland,body[data-motion=reduce] .wheel{transform:none}body[data-motion=reduce] .lights{opacity:1}@media(max-width:600px){body:not(.motion-ready) .scene,body[data-motion=reduce] .scene{padding-top:170px;padding-bottom:45px}body:not(.motion-ready) .opening,body[data-motion=reduce] .opening{height:430px}body:not(.motion-ready) .hero-type,body[data-motion=reduce] .hero-type{font-size:29vw;left:-3%;right:-3%}body:not(.motion-ready) .logo-orbit,body[data-motion=reduce] .logo-orbit{top:40%;width:65%}body:not(.motion-ready) .opening-bottom,body[data-motion=reduce] .opening-bottom{left:0;right:0}body:not(.motion-ready) .float-wrap,body[data-motion=reduce] .float-wrap{width:125%;margin-left:-12.5%;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}#confetti{display:none}#experience{height:auto}.scene{position:relative;height:auto;min-height:0}.wheel{transform:none}}

.logo-intro[hidden]{display:none!important}.logo-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;isolation:isolate;background:#08090d;color:#fff;overflow:hidden;transition:background-color .7s;touch-action:manipulation}.logo-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#a918153a,transparent 67%);transition:opacity .6s}.intro-card{width:min(88vw,460px);position:relative;will-change:transform;filter:drop-shadow(0 12px 55px #0009);border-radius:20px;overflow:hidden}.intro-card>img{display:block;width:100%;height:auto}.intro-performance{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.intro-toolbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;z-index:2}.intro-toolbar button{font-size:14px;background:#18191d;color:white;border:1px solid #ffffff60;border-radius:100px;min-height:48px}.intro-copy{position:absolute;bottom:max(56px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;transition:opacity .25s}.intro-copy span{font-size:11px;letter-spacing:4px;color:#b4b4bb}.intro-copy p{font-size:clamp(22px,6vw,32px);line-height:1.25;font-weight:900;margin:12px 0}.sip-arm{transform-origin:680px 465px;animation:lam-sip 4.2s both cubic-bezier(.4,0,.2,1)}.bottle-cap{transform-origin:748px 242px;animation:lam-cap 4.2s both}.bottle-fizz{animation:lam-fizz 4.2s both}.sip-mouth{animation:lam-mouth 4.2s both}.sip-spark{animation:lam-spark 4.2s both}.intro-flight{background:transparent}.intro-flight::before,.intro-flight .intro-copy,.intro-flight .intro-toolbar,.intro-flight .intro-performance{opacity:0;pointer-events:none}.intro-flight .intro-card{border-radius:6px;filter:none}.intro-paused .intro-performance *{animation-play-state:paused!important}body.intro{overflow:hidden}body.intro .curtain{display:none!important}body.intro .mark{animation:none!important}body.intro #skip{position:static}.intro-done main{animation:lam-reveal .45s ease-out both}@keyframes lam-sip{0%,29%{transform:translate(0,0) rotate(0)}45%,59%{transform:translate(20px,60px) rotate(-50deg)}52%,65%{transform:translate(23px,57px) rotate(-52deg)}83%,100%{transform:translate(0,0) rotate(0)}}@keyframes lam-cap{0%,14%{opacity:1;transform:translate(0,0) rotate(0)}28%{opacity:1;transform:translate(85px,-125px) rotate(180deg)}36%,100%{opacity:0;transform:translate(160px,-70px) rotate(300deg)}}@keyframes lam-fizz{0%,14%{opacity:0;transform:translateY(9px)}20%{opacity:1}29%,100%{opacity:0;transform:translateY(-30px)}}@keyframes lam-mouth{0%,39%,72%,100%{opacity:0}45%,65%{opacity:1}}@keyframes lam-spark{0%,15%,35%,100%{opacity:0}22%,28%{opacity:1}}@keyframes lam-reveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-height:600px){.intro-card{width:min(65vw,50vh)}.intro-copy{bottom:20px}.intro-copy p{font-size:20px}.intro-toolbar{top:12px}}@media(prefers-reduced-motion:reduce){.logo-intro{display:none!important}.intro-done main{animation:none!important}}
.logo-intro .intro-toolbar button,.logo-intro .intro-toolbar button:hover{color:#fff;background:#18191d}

body>main.contact{max-width:800px;margin:auto;padding:60px 24px;min-height:100vh}body>main.contact .contact-logo{width:150px;height:auto;margin-bottom:24px;border-radius:50%}body>main.contact p{line-height:1.8}body>main.contact a{color:inherit}.intro-toolbar button{padding:10px 18px;min-height:48px}.skiplink,.skip{visibility:hidden}.skiplink:focus,.skip:focus{visibility:visible}body[data-motion=reduce] .logo-intro{display:none!important}

.hero-kicker{font-size:10px}.hero-kicker:after{content:none}.hero-type{margin:0;font-weight:900}.hero-logo{aspect-ratio:1;object-fit:cover;border-radius:50%}.skip-link{visibility:hidden}.skip-link:focus{visibility:visible}
@media(max-width:600px){.js .header nav:not(.open){display:none}.header nav.open{display:flex;position:absolute;left:0;right:0;top:85px;background:#100d0e;padding:12px 6%;justify-content:space-between;border-bottom:1px solid #6b4848}.hero-kicker{font-size:8px}.hero-type{left:9%;right:9%;font-size:28vw}.hero-type span:last-child{margin-top:33%}}

@media(max-width:600px){.parade-side{display:none}.parade-copy{top:16%}.float-wrap{bottom:10%}}

@media(max-width:600px){body[data-motion=reduce] .hero-type,body:not(.motion-ready) .hero-type{left:10%;right:10%;font-size:26vw}}

body>main.contact{display:block}body>main.contact h1{margin:45px 0!important}body>main.contact p{margin:20px 0}

/* Intro: animate the existing wool arm and bottle from the unchanged logo. */
#logo-intro .intro-source{opacity:0}#logo-intro.intro-flight .intro-source{opacity:1}#logo-intro .sip-arm{transform-origin:680px 422px;animation-name:lam-own-sip}#logo-intro .own-bottle-tilt{animation:lam-own-bottle 4.2s both cubic-bezier(.4,0,.2,1)}@keyframes lam-own-sip{0%,29%,83%,100%{transform:rotate(0)}45%,65%{transform:rotate(25deg)}}@keyframes lam-own-bottle{0%,29%,83%,100%{transform:rotate(0)}45%,65%{transform:rotate(30deg)}}

/* The intro logo itself is the accessible skip control. */
#logo-intro .intro-card[role=button]{cursor:pointer}#logo-intro .intro-card[role=button]:focus{outline:none}#logo-intro .intro-card[role=button]:focus-visible{outline:3px solid #ffe09a;outline-offset:6px}
