@font-face{font-family:Montreal;src:url('/assets/NeueMontreal-Regular.otf') format('opentype');font-display:swap;font-weight:400}@font-face{font-family:Montreal;src:url('/assets/NeueMontreal-Medium.otf') format('opentype');font-display:swap;font-weight:500}@font-face{font-family:Sink;src:url('/assets/Sink.otf') format('opentype');font-display:swap}
:root{--terra:#5c0702;--peach:#fea176;--sand:#f7f4ef;--red:#cf3232;--back:#800f06}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--terra);font-family:Montreal,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:var(--sand);color:var(--terra);z-index:100}.skip:focus{top:15px}.logo{display:block;object-fit:contain;width:318px;filter:none}
.home-body{background:var(--back);color:var(--peach)}.home{min-height:100svh;display:flex;justify-content:center;padding:26px 24px 0}.link-panel{background:var(--terra);width:476px;min-height:calc(100svh - 26px);border-radius:25px 25px 0 0;padding:58px 42px 28px;display:flex;flex-direction:column;align-items:center}.home-brand{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.fruit{height:61px;width:53px;object-fit:contain;margin-bottom:4px}.home-brand .logo{width:318px}.home-brand h1{font:400 14px Montreal,sans-serif;margin:12px 0 34px}.home-links{width:100%;display:grid;gap:22px}.pill{border:1.5px solid currentColor;border-radius:100px;display:flex;align-items:center;gap:12px;min-height:67px;padding:7px 10px 7px 8px;font:400 23px/1.1 Sink,Montreal,sans-serif;text-transform:uppercase;transition:background .18s,color .18s,transform .18s}.pill .badge{border-radius:50%;background:var(--peach);color:var(--terra);width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center}.badge svg{width:28px;height:28px}.badge .mini{width:42px;filter:none}.club-script{font:italic 600 19px Georgia,serif;letter-spacing:-1px}.end-arrow{display:none;margin-left:auto}.pill:hover{background:var(--peach);color:var(--terra);transform:translateY(-2px)}footer{text-align:center;padding:35px 24px 28px;font-size:12px;line-height:1.5}footer p{margin:15px 0 0}.home footer{width:100%;padding:23px 0 0;font-size:11px}.footer-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px}footer a:hover{text-decoration:underline;text-underline-offset:4px}.home .footer-nav{display:none}.instagram{display:inline-flex;align-items:center;gap:6px;margin-top:12px}.instagram svg{width:16px;height:16px}.home .instagram{margin:0}.header{background:var(--terra);color:var(--peach);padding:24px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px}.header .logo{width:157px}.menu{position:relative;z-index:10}.menu summary{list-style:none;cursor:pointer;border:1px solid #fea17680;padding:11px 18px;border-radius:30px;display:flex;gap:20px;font-size:14px}.menu summary::-webkit-details-marker{display:none}.menu[open] summary span{transform:rotate(45deg)}.menu nav{position:absolute;right:0;top:55px;min-width:270px;background:var(--terra);padding:16px;border:1px solid #fea17680;border-radius:15px;box-shadow:0 10px 35px #30050030;display:grid;gap:3px}.menu nav a{padding:13px;border-radius:7px}.menu nav a:hover{background:var(--peach);color:var(--terra)}.inner{max-width:1240px;margin:auto;padding:32px 40px 60px}.back{display:inline-flex;gap:8px;align-items:center;font-size:13px;margin-bottom:48px}.back svg{width:18px}.back:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:500;margin:0 0 22px}h1,h2,p{overflow-wrap:break-word}h1{font:400 clamp(44px,5.5vw,76px)/1 Sink,Montreal,sans-serif;text-transform:uppercase;margin:0 0 25px;letter-spacing:-.5px}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px}.lead{font-size:23px;line-height:1.4;max-width:400px}.art{position:relative;max-width:420px;margin-top:40px;display:flex;align-items:center}.art img{width:250px;transform:rotate(-9deg)}.art span{font:400 40px/.95 Sink,sans-serif;position:absolute;right:0;bottom:45px;transform:rotate(-8deg);background:var(--peach);padding:15px;border-radius:8px}.story-copy{padding-top:34px;font-size:19px;line-height:1.65}.story-copy p{margin:0 0 25px}.story-copy blockquote{border-top:1px solid #5c070230;border-bottom:1px solid #5c070230;margin:35px 0;padding:25px 0;font:400 38px/1.1 Sink,sans-serif;text-transform:uppercase}.story-copy blockquote strong{font-weight:400}.signature{font-size:21px}.story-copy .pill{font-size:21px;background:var(--terra);color:var(--peach);margin-top:35px}.content-body>footer,.club-body>footer{background:var(--terra);color:var(--peach)}.how-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 80px}.how-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.how-intro h1{font-size:clamp(40px,4.7vw,65px)}.how-intro em{font-style:normal;color:var(--red)}.intro-copy{font-size:20px;line-height:1.6;align-self:center}.intro-copy p{margin:0 0 20px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin:40px 0 55px}.step{display:flex;gap:25px;border-top:1px solid #5c070230;padding:30px 0 20px}.step-number{font:400 32px Sink,sans-serif;color:var(--red)}.step h2{font:400 28px/1.15 Sink,sans-serif;margin:0 0 15px}.step p{font-size:18px;line-height:1.6;margin:0}.closing{background:var(--peach);border-radius:24px;padding:35px}.closing h2{font:400 40px/1.1 Sink,sans-serif;text-transform:uppercase;margin:0 0 28px}.action-grid{display:flex;flex-wrap:wrap;gap:12px}.action-grid .pill{font-size:19px;flex:1;min-width:240px}.action-grid .badge{background:var(--terra);color:var(--peach)}.club-body{background:var(--back);color:var(--peach)}.club-page{max-width:1000px;margin:auto;padding:30px 35px 60px}.club-page .back{margin-bottom:20px}.club-card{background:var(--terra);border-radius:28px;text-align:center;max-width:680px;margin:auto;padding:35px 25px 65px}.club-fruit{width:95px;height:110px;object-fit:contain;margin-bottom:22px}.club-lockup{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px auto 45px}.club-lockup .logo{width:250px}.club-lockup>span{font:italic 45px Georgia,serif}.club-card h1{font-size:clamp(60px,10vw,112px);margin:0 0 35px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:15px}.text-link svg{width:19px}
@media(min-width:1500px){.link-panel{padding-top:70px}.home-brand h1{margin-bottom:36px}.home-links{gap:24px}}
@media(max-width:760px){.home{padding:0 14px}.link-panel{min-height:100svh;border-radius:0;width:100%;max-width:476px;padding:45px 23px 25px}.home-brand .logo{width:min(88%,318px)}.home-brand h1{font-size:13px;margin-top:13px;margin-bottom:32px}.home-links{gap:20px}.pill{font-size:22px;gap:11px}.header{padding:19px 22px}.header .logo{width:135px}.inner{padding:26px 24px 40px}.back{margin-bottom:35px}.story{grid-template-columns:1fr;gap:12px}.story h1{font-size:54px}.lead{font-size:21px}.art{margin:28px 0 10px;max-width:360px}.art img{width:210px}.art span{font-size:35px;bottom:35px}.story-copy{padding-top:25px;font-size:18px}.story-copy blockquote{font-size:34px}.how-intro{grid-template-columns:1fr;gap:0}.how-intro .eyebrow{margin-bottom:20px}.how-intro h1{font-size:45px;margin-bottom:20px}.intro-copy{font-size:18px}.steps{grid-template-columns:1fr;margin-top:20px;gap:0}.step{gap:18px;padding:25px 0}.step h2{font-size:26px}.closing{padding:27px 21px;border-radius:19px}.closing h2{font-size:33px}.action-grid{display:grid}.action-grid .pill{min-width:0;font-size:21px}.club-page{padding:25px 20px 40px}.club-lockup{gap:10px}.club-lockup .logo{width:min(65%,250px)}.club-lockup>span{font-size:33px}.club-card{padding:30px 18px 45px}.footer-nav{gap:8px 18px}footer{padding:28px 20px}}
@media(max-width:370px){.link-panel{padding-left:16px;padding-right:16px}.pill{font-size:19px;gap:8px}.pill .badge{width:43px;height:43px;flex-basis:43px}.story h1{font-size:45px}.how-intro h1{font-size:39px}.club-card h1{font-size:64px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Alternating brand surfaces for a distinct rhythm between content sections. */
.home-body{background:var(--peach)}
.story{gap:0;background:var(--peach);border-radius:24px;overflow:hidden}
.story-title{padding:42px 36px}
.story-copy{padding:42px 36px;background:var(--sand)}
.story-copy blockquote{background:var(--terra);color:var(--peach);border:0;border-radius:16px;padding:28px 24px}
.story-copy .pill:hover{background:var(--peach);color:var(--terra)}
.how-intro{background:var(--peach);padding:40px;border-radius:24px;gap:24px 48px}
.how-intro em{color:var(--terra)}
.steps{gap:18px;margin:24px 0}
.step{border:0;border-radius:20px;padding:32px;background:var(--sand);color:var(--terra)}
.step:nth-child(1),.step:nth-child(4){background:var(--terra);color:var(--sand)}
.step:nth-child(2),.step:nth-child(3){background:var(--peach)}
.step-number{color:inherit;opacity:.8}
.step:nth-child(1) .step-number,.step:nth-child(4) .step-number{color:var(--peach);opacity:1}
.closing{background:var(--terra);color:var(--peach)}
.action-grid .badge{background:var(--peach);color:var(--terra)}
.how+footer{background:var(--peach);color:var(--terra)}
.club-body{background:var(--peach);color:var(--terra)}
.club-card{color:var(--peach)}
@media(max-width:760px){
.story-title,.story-copy{padding:28px 22px}
.story{gap:0}
.story-copy blockquote{padding:24px 20px}
.how-intro{padding:28px 22px;gap:0}
.step{padding:27px 22px}
.step:nth-child(odd){background:var(--terra);color:var(--sand)}
.step:nth-child(even){background:var(--peach);color:var(--terra)}
.step:nth-child(odd) .step-number{color:var(--peach)}
.step:nth-child(even) .step-number{color:var(--terra)}
}

/* Official artwork supplied for the home buttons and Club. */
.official-badge{overflow:hidden}
.official-badge img{display:block;width:100%;height:100%;object-fit:contain;flex:none}
.club-lockup .club-official-logo{width:min(100%,480px);height:auto}
.club-card .text-link{gap:10px}
.club-card .text-link svg{width:21px;height:21px}
/* About: oversized wordmark and asymmetric peach panel from the reference. */
.about-body .story{align-items:stretch}
.about-body .story-title{position:relative;display:flex;flex-direction:column;min-width:0;min-height:710px;padding:42px 36px 38px;overflow:hidden}
.about-body .story-title .eyebrow{margin-bottom:28px}
.about-body .story-title h1{font-size:clamp(50px,5.2vw,76px);line-height:1.05;margin:0;letter-spacing:-.5px}
.about-body .about-wordmark{display:block;width:calc(100% + 118px);max-width:none;height:auto;margin:18px -59px 0;filter:none;transform:rotate(-4deg)}
.about-body .story-title .lead{font-size:23px;line-height:1.16;max-width:200px;align-self:flex-end;margin:100px 0 0;padding:0}
.about-body .story-copy{display:flex;flex-direction:column;justify-content:center}
.about-body .story-copy .pill{margin-top:14px}
@media(max-width:760px){
.about-body .inner{padding-left:12px;padding-right:12px}
.about-body .story-title{min-height:560px;padding:30px 23px 28px}
.about-body .story-title .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:24px}
.about-body .story-title h1{font-size:clamp(48px,11.5vw,72px)}
.about-body .about-wordmark{width:calc(100% + 92px);margin:15px -46px 0}
.about-body .story-title .lead{margin-top:auto;padding-top:100px;max-width:170px;font-size:21px}
.about-body .story-copy{padding:32px 24px}
.club-lockup .club-official-logo{width:100%}
}

/* Classic accessible three-line navigation icon. */
.menu summary{width:46px;height:44px;padding:10px;justify-content:center;gap:0;border:1px solid transparent;border-radius:9px}.menu summary:hover,.menu[open] summary{border-color:#fea17680}.menu summary .menu-icon{display:block;width:26px;height:26px}.menu[open] summary .menu-icon{transform:none}

/* Brand logos carry their exact palette fills in SVG, without approximate color filters. */
.logo,.about-wordmark,.club-official-logo{filter:none}
