.about{--ink:#1a1208;--about-red:#e2402f;--about-teal:#2bb7c4;color:#2a2620;background:repeating-linear-gradient(#0000 0 37px,#78a0cd47 37px 38px),#fffdf5;position:relative;overflow:hidden}.about p{font-size:1.06rem;line-height:1.7}.about strong{color:var(--ink);font-weight:900}.about-circle{aspect-ratio:1;border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#e8f6fb;border-radius:50%;display:block;position:relative;overflow:hidden}.about-circle img{object-fit:cover;width:100%;height:100%;display:block}.about-circle--beach{background:url(/images/club/beach-bg-sm.webp) 30% 70%/cover}.about-circle--beach img,.about-circle--house img,.about-circle--sky img,.about-circle--pink img{object-fit:contain;object-position:50% 100%;padding:12% 8% 0}.about-circle--house{background:radial-gradient(circle at 60% 30%,#6a45a0,#1b1229 75%)}.about-circle--house img{object-position:50% 60%;padding:18% 2% 6%}.about-circle--sky{background:radial-gradient(circle at 50% 30%,#fff8d6,#8fd8f0 70%)}.about-circle--pink{background:radial-gradient(circle at 50% 30%,#fff3f6,#f6b7c8 75%)}.about-circle--sheet{background:#fff}.about-circle--sheet img{object-fit:cover;object-position:50% 62%;transform-origin:50% 58%;transform:scale(1.32)}.about figcaption{text-align:center;font-family:var(--font-hand), cursive;color:var(--ink);margin-top:12px;font-size:1.25rem}.about-intro{padding:56px 24px 30px;position:relative}.about-intro__grid{z-index:1;grid-template-columns:minmax(200px,300px) minmax(0,640px) minmax(220px,340px);justify-content:center;gap:36px 46px;max-width:1440px;margin:0 auto;display:grid;position:relative}.about-intro__photo{align-self:start;margin:230px 0 0}.about-title span{white-space:nowrap}[data-world=house] .about .about-title{color:#4a2380}.about-title{font-family:var(--font-display), sans-serif;letter-spacing:.005em;color:var(--about-red);text-shadow:3px 3px 0 var(--ink);margin:0 0 18px;font-size:clamp(2.5rem,4.6vw,4.4rem);font-weight:400;line-height:.92}.about-lead{font-family:var(--font-hand), cursive;color:var(--ink);margin:0 0 26px;font-size:clamp(1.4rem,2.2vw,1.8rem)!important;line-height:1.3!important}.about-intro__copy{padding-top:6px}.about-intro__doodle{min-height:400px;margin-top:10px;position:relative}.about-bubble{text-align:center;border:3px solid var(--ink);font-family:var(--font-hand), cursive;color:var(--ink);text-transform:uppercase;background:#fff;border-radius:50% 48% 52% 46%/52% 50% 48%;place-items:center;padding:18px 20px;font-size:1.28rem;line-height:1.1;display:grid;position:absolute}.about-bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:22px;height:22px;position:absolute;bottom:-16px}.about-bubble--1{width:150px;height:128px;top:0;left:0;transform:rotate(-4deg)}.about-bubble--1:after{left:58%;transform:skew(-24deg)rotate(28deg)}.about-bubble--2{width:170px;height:140px;top:30px;left:128px;transform:rotate(3deg)}.about-bubble--2:after{left:30%;transform:skew(20deg)rotate(55deg)}.about-bubble--3{width:124px;height:96px;top:160px;right:0;transform:rotate(-6deg)}.about-bubble--3:after{left:22%;transform:skew(18deg)rotate(60deg)}.about-intro__monster{filter:drop-shadow(0 8px 8px #00000040);width:340px;max-width:108%;height:auto;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.about-sun{opacity:.9;width:120px;height:120px;animation:40s linear infinite about-spin;position:absolute;top:470px;left:-26px}@keyframes about-spin{to{transform:rotate(360deg)}}.about-philosophy{z-index:1;text-align:center;max-width:900px;margin:46px auto 0;position:relative}.about-philosophy p{max-width:600px;color:var(--ink);margin:0 auto 12px;font-weight:800}.about-philosophy h2{font-family:var(--font-display), sans-serif;text-transform:uppercase;color:var(--ink);background:var(--plank,#f1c27d);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px 11px 18px 12px/12px 16px 12px 18px;margin:0;padding:.32em .8em .38em;font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:400;line-height:1.12;display:inline-block;transform:rotate(-1.2deg)}.about-path{padding:70px 24px 90px;position:relative}.about-path__line{pointer-events:none;width:min(1100px,92%);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.about-stops{z-index:1;gap:30px;max-width:1000px;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.about-stop{grid-template-columns:300px minmax(0,420px);justify-content:center;align-items:center;gap:40px;display:grid}.about-stop--flip{grid-template-columns:minmax(0,420px) 300px}.about-stop--flip .about-stop__pic{order:2}.about-stop--flip .about-stop__text{text-align:right}.about-stop__pic{margin:0}.about-stop__pic figcaption{text-align:left;width:100%;margin-top:10px;translate:-28%}.about-stop--flip .about-stop__pic figcaption{text-align:right;translate:28%}.about-stop:nth-child(odd) .about-stop__pic{transform:rotate(-2deg)}.about-stop:nth-child(2n) .about-stop__pic{transform:rotate(2deg)}.about-stop__text h2{font-family:var(--font-display), sans-serif;text-transform:uppercase;color:var(--ink);margin:0 0 10px;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:400;line-height:1}.about-stop__text p{color:var(--ink);margin:0;font-size:1.08rem;font-weight:800;line-height:1.55}.about-edge{z-index:0;pointer-events:none;filter:drop-shadow(0 6px #1a12081f);height:auto;position:absolute}.about-edge--palm{width:clamp(200px,19vw,300px);top:3%;left:-54px}.about-edge--spooky{width:clamp(150px,min(20vw,50vw - 400px),320px);top:33%;right:-6px}.about-edge--wave{width:clamp(200px,19vw,300px);top:64%;left:-24px}.about-sky{z-index:0;height:auto;animation:9s ease-in-out infinite alternate about-drift;position:absolute}.about-sky--gull{width:74px;top:5%;right:16%}.about-sky--bat{width:80px;animation:17s ease-in-out infinite about-batloop,.32s ease-in-out infinite alternate about-flap;top:44%;left:6%}.about-sky--bat2{width:62px;animation:21s ease-in-out -6s infinite about-batloop2,.28s ease-in-out infinite alternate about-flap;top:18%;left:auto;right:10%}.about-sky--bat3{width:54px;animation:24s ease-in-out -11s infinite about-batloop3,.36s ease-in-out infinite alternate about-flap;top:72%;left:40%}@keyframes about-batloop{0%,to{translate:0}25%{translate:26vw -90px}50%{translate:48vw 40px}75%{translate:18vw 150px}}@keyframes about-batloop2{0%,to{translate:0}25%{translate:-30vw 80px}50%{translate:-52vw -30px}75%{translate:-22vw 160px}}@keyframes about-batloop3{0%,to{translate:0}30%{translate:28vw -120px}60%{translate:-24vw -60px}80%{translate:-10vw 60px}}@keyframes about-flap{0%{scale:1}to{scale:1.08 .55}}.about-flap{transform-box:fill-box;transform-origin:50% 40%;animation:.34s ease-in-out infinite alternate about-flap}.about-sky--crown{transform-origin:50%;width:60px;animation-delay:-6s;top:81%;right:21%}@keyframes about-drift{to{transform:translate(26px,-8px)rotate(4deg)}}.about-note{z-index:1;border:3px solid var(--ink);max-width:760px;box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:16px;margin:70px auto 0;padding:28px 32px;position:relative;transform:rotate(-.6deg)}.about-note h2{font-family:var(--font-display), sans-serif;text-transform:uppercase;color:var(--ink);margin:0 0 10px;font-size:1.8rem;font-weight:400}.about-note ul{margin:0 0 18px;padding-left:22px;list-style:outside}.about-note li{margin-bottom:6px}.about-ocean{color:#fff;text-align:center;background:#1f4f9c;padding:70px 0 120px;position:relative}.about-ocean__wave{width:100%;height:90px;position:absolute;top:-88px;left:0}.about-ocean__inner{z-index:1;position:relative}.about-ocean__brand{font-family:var(--font-display), sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:4px 4px 0 var(--ink);margin:0;font-size:clamp(2.4rem,6vw,4.6rem)!important;line-height:1!important}.about-ocean__tag{font-family:var(--font-hand), cursive;color:#f5ec00;border-bottom:4px solid #f5ec00;margin:10px 0 30px;padding-bottom:4px;display:inline-block;font-size:2rem!important;line-height:1.2!important}.about-ocean__ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.about-ocean__surfer{filter:drop-shadow(0 8px 8px #00000059);width:170px;height:auto;position:absolute;bottom:0;right:7%}.about-fish{opacity:.85;width:56px;height:auto;animation:14s linear infinite about-swim;position:absolute}.about-fish--1{top:34%;left:0}.about-fish--2{width:40px;animation-duration:19s;animation-delay:-8s;top:70%;left:0}@keyframes about-swim{0%{transform:translate(-80px)scaleX(-1)}to{transform:translate(105vw)scaleX(-1)}}.about-night{color:#fff;text-align:center;background:radial-gradient(40% 50% at 16% 32%,#7852aa8c,#0000 70%),linear-gradient(#2a1745,#1b1229 85%);padding:70px 0 190px;display:none;position:relative}[data-world=house] .about-ocean{display:none}[data-world=house] .about-night{display:block}.about-night__sky{width:100%;height:90px;position:absolute;top:-88px;left:0}.about-night__ground{z-index:1;color:#120b1c;width:100%;height:130px;position:absolute;bottom:0;left:0}.about-night__moon{border:3px solid var(--ink);background:radial-gradient(circle at 40% 38%,#fffbe8,#f3e9c6 60%,#d9cc9e);border-radius:50%;width:96px;height:96px;position:absolute;top:40px;left:12%;box-shadow:0 0 40px 12px #f3e9c659}.about-night__inner{z-index:2;position:relative}.about-night__brand{font-family:var(--font-goth), cursive;letter-spacing:.03em;color:#efe6ff;text-shadow:4px 4px 0 var(--ink), 0 0 24px #b07cffd9;margin:0;font-size:clamp(2.8rem,7vw,5.4rem)!important;line-height:1!important}.about-night__tag{font-family:var(--font-hand), cursive;color:#9be564;border-bottom:4px solid #9be564;margin:12px 0 30px;padding-bottom:4px;display:inline-block;font-size:2rem!important;line-height:1.2!important}.about-night__crew{z-index:2;filter:drop-shadow(0 10px 12px #0000008c);width:min(440px,34vw);height:auto;position:absolute;bottom:26px;right:4%}.about-night__patch{z-index:2;width:min(250px,20vw);height:auto;position:absolute;bottom:20px;left:2%}.about-night__fog{z-index:3;pointer-events:none;background:linear-gradient(#0000,#e6dcf547);height:70px;position:absolute;bottom:0;left:0;right:0}.about-bat{z-index:1;width:70px;height:auto;animation:16s linear infinite about-batfly,.3s ease-in-out infinite alternate about-flap;position:absolute}.about-bat--1{top:18%;left:0}.about-bat--2{width:52px;animation-duration:21s;animation-delay:-7s;top:40%;left:0}.about-bat--3{width:44px;animation-duration:26s;animation-delay:-15s;top:10%;left:0}@keyframes about-batfly{0%{transform:translate(-90px)}25%{transform:translate(25vw,-18px)}50%{transform:translate(50vw,10px)}75%{transform:translate(75vw,-14px)}to{transform:translate(105vw)}}@media (prefers-reduced-motion:reduce){.about-sun,.about-sky,.about-fish,.about-bat,.about-flap{animation:none}}@media (max-width:1100px){.about-intro__grid{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.about-intro__doodle{grid-column:1/-1;justify-self:center;width:340px}.about-intro__photo{margin-top:160px}}@media (min-width:761px) and (max-width:1100px){.about-stops{padding-inline:64px}.about-stop{grid-template-columns:230px minmax(0,420px);gap:30px}.about-stop--flip{grid-template-columns:minmax(0,420px) 230px}.about-edge{width:132px}.about-edge--palm,.about-edge--wave{left:-58px}.about-edge--spooky{right:-56px}}@media (max-width:760px){.about-intro{padding:34px 18px 10px}.about-intro__grid{grid-template-columns:1fr;gap:26px}.about-intro__copy{order:-1}.about-intro__photo{width:min(260px,72vw);margin:0 auto}.about-intro__doodle{width:min(340px,100%);min-height:430px}.about-sun{display:none}.about-path{padding:40px 18px 70px}.about-path__line{display:none}.about-stops{gap:46px}.about-stop,.about-stop--flip{text-align:center;grid-template-columns:1fr;gap:18px}.about-stop--flip .about-stop__pic{order:0}.about-stop--flip .about-stop__text{text-align:center}.about-stop__pic{width:min(240px,66vw);margin:0 auto}.about-stop__pic figcaption,.about-stop--flip .about-stop__pic figcaption{text-align:center;translate:none}.about-edge{width:130px}.about-edge--palm{left:-62px}.about-edge--spooky{right:-58px}.about-edge--wave,.about-sky{display:none}.about-note{padding:22px 20px}.about-ocean{padding:54px 0 210px}.about-ocean__surfer{width:140px;right:50%;transform:translate(50%)}.about-night{padding:54px 0 230px}.about-night__moon{width:52px;height:52px;top:8px;left:auto;right:6%}.about-night__crew{width:min(340px,88vw);right:50%;transform:translate(50%)}.about-night__patch{display:none}}
