:root{--paper:#fff3f4;--ink:#181115;--pink:#e50076;--light:#ff70bc;--orange:#ff5b0b;--scroll:0px;--tilt:0deg;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img{display:block;width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bb246d;outline-offset:5px}.skip{position:fixed;left:10px;top:-80px;z-index:50;background:#fff;padding:14px}.skip:focus{top:10px}section[id]{scroll-margin-top:25px}
.header{position:absolute;inset:0 0 auto;height:112px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 clamp(22px,5vw,84px);z-index:12}.brand{width:119px;aspect-ratio:200/142;justify-self:center;display:block}.sprite{background-image:url('black-make-arte.png');background-repeat:no-repeat;mix-blend-mode:multiply}.brand{background-size:951.5% 661.97%;background-position:51.38% 7.02%}.header-cta{justify-self:end}.menu{justify-self:start;border:0;background:none;display:flex;gap:11px;align-items:center;padding:10px 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.menu-icon{display:block;width:28px;height:15px;position:relative}.menu-icon:before,.menu-icon:after{content:'';position:absolute;height:2px;left:0;background:currentColor;transition:transform .25s,width .25s}.menu-icon:before{top:3px;width:28px}.menu-icon:after{bottom:3px;width:18px}.menu[aria-expanded=true] .menu-icon:before{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] .menu-icon:after{width:28px;transform:translateY(-3.5px) rotate(-45deg)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 17px;border:1px solid currentColor;border-radius:40px;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.pill:hover{transform:translateY(-3px);background:var(--ink);color:white}.pill span{font-size:1.2em}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:var(--pink);border-color:var(--pink)}.nav{position:fixed;inset:0;z-index:11;background:var(--pink);padding:clamp(115px,20vh,230px) 8vw 36px;overflow:auto}.nav:not([hidden]){display:grid;align-content:center;gap:8px;animation:menu-in .3s both}.nav p{font-size:12px;letter-spacing:.2em;font-weight:bold}.nav a{display:block;border-top:1px solid #18111555;font-size:clamp(34px,8vw,112px);font-weight:950;letter-spacing:-.07em;text-transform:uppercase;line-height:1.1;transition:padding .2s,color .2s}.nav a:hover{padding-left:14px;color:#fff}.nav small{font-size:12px;letter-spacing:0;vertical-align:middle}.nav-open{overflow:hidden}.nav-open .header{position:fixed}.nav-open .brand{visibility:hidden}@keyframes menu-in{from{opacity:0;transform:translateY(-15px)}}
.hero{position:relative;background:radial-gradient(ellipse at 50% 62%,#fff7f4,#ffeff2 95%);isolation:isolate}.hero::before,.event::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.32' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.hero-inner{position:relative;min-height: min(880px,max(680px,94svh));max-width:1760px;margin:auto;overflow:hidden}.hero-kicker,.hero-note,.scroll-link,.feature-label,.event-top,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-kicker{position:absolute;top:23%;left:7%;display:flex;align-items:center;gap:8px}.hero-kicker span:first-child,.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink)}.divider{width:22px;height:1px;background:currentColor}.hero h1{position:absolute;inset:29% 0 auto;text-align:center;font-size:clamp(55px,12.1vw,202px);margin:0;color:var(--pink);letter-spacing:-.081em;line-height:.82;font-weight:950;white-space:nowrap;animation:rise .85s .08s both}.hero h1 span+span{margin-left:.055em}.product-float{position:absolute;z-index:2;top:15%;left:50%;width:clamp(380px,42vw,700px);transform:translate(-50%,var(--scroll)) rotate(var(--tilt));pointer-events:none}.product-float img{filter:drop-shadow(0 25px 23px #6821154d);animation:arrival 1s cubic-bezier(.2,.75,.25,1) both}.hero-copy{position:absolute;top:58%;left:9%;z-index:3}.hero-copy p{font-size:clamp(12px,1.2vw,21px);letter-spacing:.11em;color:var(--pink);margin:0 0 4px}.hero-copy strong{color:var(--ink)}.hero-copy .price{color:var(--pink)}.hero-copy .pill{margin-top:20px}.hero-date{position:absolute;width:clamp(180px,22.5vw,350px);aspect-ratio:433/275;right:7%;top:52%;background-size:439.5% 341.82%;background-position:83.47% 80.6%;z-index:1;animation:rise .85s .22s both}.scroll-link{position:absolute;bottom:4%;right:7%;z-index:3;display:flex;gap:10px;align-items:center}.scroll-link span{font-size:24px;font-weight:400;animation:bob 1.8s infinite}.hero-note{position:absolute;bottom:5%;left:7%;opacity:.65}@keyframes bob{50%{transform:translateY(5px)}}@keyframes rise{from{opacity:0;transform:translateY(26px)}}@keyframes arrival{from{opacity:0;transform:translateY(45px) rotate(-15deg) scale(.84)}to{transform:translateY(0) rotate(-6deg)}}
.ticker{overflow:hidden;background:var(--ink);color:var(--light);padding:13px 0;font-size:clamp(14px,2vw,27px);font-weight:900;letter-spacing:.05em}.ticker div{display:flex;gap:0;width:max-content;animation:marquee 22s linear infinite}.ticker span{padding-right:.4em}.ticker:hover div{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.feature{padding:clamp(35px,7vw,110px) 7%;display:grid;grid-template-columns:1.12fr 1fr;gap:7vw;align-items:center;background:#20151c;color:var(--paper)}.feature-image{position:relative;min-height:460px;aspect-ratio:1.12;overflow:hidden;background:radial-gradient(circle at 45% 37%,#ffac76,#ff5e25 66%,#f13d00);color:var(--ink)}.feature-label{position:absolute;top:20px;left:20px;z-index:2}.feature-graphic{position:absolute;font-size:clamp(100px,34vw,540px);line-height:.8;color:#ffbb9480;top:4%;left:2%}.product-view{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.product-view img{width:min(95%,590px);max-width:none;filter:drop-shadow(0 14px 18px #75200055);transform:rotate(8deg) scale(.97);transition:transform .65s cubic-bezier(.2,.72,.2,1)}.product-view[data-view=detail] img{transform:scale(2.6) translateY(-20%)}.view-controls{position:absolute;bottom:17px;left:0;right:0;display:flex;justify-content:center;gap:6px}.view-controls button{background:var(--paper);border:1px solid var(--ink);border-radius:30px;padding:8px 14px;font-weight:800;font-size:12px}.view-controls button[aria-pressed=true]{background:var(--ink);color:#fff}.feature-copy h2,.event h2{font-size:clamp(56px,8.6vw,142px);letter-spacing:-.087em;line-height:.83;margin:18px 0 23px}.feature-copy h2 em{color:var(--light);font-style:normal}.feature-copy>p:not(.eyebrow),.event-copy>p:not(.eyebrow,.event-price,.share-status){max-width:36ch;line-height:1.6;font-size:clamp(15px,1.4vw,19px)}.feature-copy .outline{margin-top:14px}.feature-copy .outline:hover{background:var(--paper);color:var(--ink)}
.event{position:relative;isolation:isolate;background:#ffdbed;padding:28px 7% clamp(50px,8vw,125px)}.event-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #18111560;padding-bottom:16px}.event-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding-top:clamp(42px,7vw,100px)}.event h2{font-size:clamp(70px,13vw,200px)}.event h2 em{font-style:normal;color:var(--pink)}.event-price{font-size:clamp(38px,6vw,82px);letter-spacing:-.065em;font-weight:950;margin:9px 0}.event-price small{display:block;font-size:11px;letter-spacing:.16em}.share{display:block;border:0;border-bottom:1px solid currentColor;background:none;margin-top:17px;padding:3px 0;font-size:12px;font-weight:bold}.share-status{min-height:1em;font-size:12px}footer{padding:18px 7%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.08em}footer .brand{width:88px}
.enhanced .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s,transform .65s}.enhanced .reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.header{height:88px}.header .brand{width:91px}.header-cta{padding:8px 10px;font-size:9px;gap:4px}.menu{font-size:9px;gap:7px}.menu-icon{scale:.85;transform-origin:left}.hero-inner{min-height:clamp(690px,94svh,820px)}.hero-kicker{top:19%;left:0;right:0;justify-content:center;font-size:8px}.hero h1{top:25%;font-size:15vw;letter-spacing:-.08em}.product-float{top:27%;width:min(90vw,405px)}.hero-date{top:61%;right:5%;width:39vw}.hero-copy{top:65%;left:5%}.hero-copy p{font-size:10px;letter-spacing:.07em}.hero-copy .pill{margin-top:12px;padding:10px 12px;font-size:9px}.scroll-link{right:5%;bottom:5%;font-size:9px}.feature,.event-grid{grid-template-columns:1fr;gap:33px}.feature{padding:30px 5% 46px}.feature-image{min-height:0;aspect-ratio:1}.feature-copy h2{font-size:clamp(55px,12vw,90px)}.event{padding-left:5%;padding-right:5%}.event-grid{padding-top:34px;gap:12px}.event h2{font-size:clamp(74px,17vw,110px)}footer{padding:14px 5%;font-size:9px}footer .brand{width:67px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.enhanced .reveal{opacity:1;transform:none}.product-float{transform:translateX(-50%)}}
.sprite{filter:brightness(1.085) contrast(1.025)}
@media(max-width:760px){.product-float{top:25%;width:min(84vw,389px)}.hero-date{top:65%}.hero-copy{top:68%}}
