.camps-page{color:#fff;background:#050505;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.camps-header{z-index:20;justify-content:space-between;align-items:center;padding:28px 4vw;display:flex;position:absolute;top:0;left:0;right:0}.camps-header>a{color:#fff;letter-spacing:.22em;align-items:center;gap:12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.camps-header img{object-fit:contain;filter:brightness(0)invert();width:54px;height:54px}.camps-header nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d10a8;border:0;border-radius:99px;align-items:center;gap:7px;padding:6px;display:flex}.camps-header nav a,.camps-header nav button{color:#fff;background:0 0;border:0;border-radius:99px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none}.camps-header nav button{cursor:pointer}.camps-header nav .camps-demo{color:#111;background:#fff;padding-left:17px;padding-right:17px}.site-dropdown{position:relative}.site-dropdown>button span{color:#aeb4b7;margin-left:5px;transition:all .25s;display:inline-block}.site-dropdown-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform-origin:0 0;background:#090d10f5;border-radius:23px;width:330px;padding:12px;transition:all .25s;position:absolute;top:calc(100% + 15px);left:0;transform:translateY(-8px)scale(.98);box-shadow:0 28px 80px #0008}.site-dropdown:hover .site-dropdown-panel,.site-dropdown:focus-within .site-dropdown-panel{opacity:1;visibility:visible;transform:none}.site-dropdown:hover>button span,.site-dropdown:focus-within>button span{transform:rotate(180deg)}.site-dropdown-panel>span{color:#6f7b80;letter-spacing:.18em;padding:8px 10px 12px;font-size:8px;display:block}.camps-header nav .site-dropdown-panel a{color:#fff;border-radius:14px;grid-template-columns:27px 1fr;gap:2px 10px;padding:11px 10px;display:grid}.site-dropdown-panel a:hover{background:#ffffff10}.site-dropdown-panel i{color:#94a0a5;background:#ffffff10;border-radius:50%;grid-row:1/3;place-items:center;width:26px;height:26px;font-size:8px;font-style:normal;display:grid}.site-dropdown-panel b{font-size:13px}.site-dropdown-panel small{color:#7f8a8f;font-size:9px}.camps-hero{border-radius:0 0 28px 28px;height:100svh;min-height:720px;position:relative;overflow:hidden}.camps-hero-bg{background:url(/media/shaka-head-3.webp) 50%/cover;animation:12s ease-out both campZoom;position:absolute;inset:-4%}.camps-hero-shade{background:linear-gradient(90deg,#02080dc9,#0000 70%),linear-gradient(#0000 35%,#020506ed);position:absolute;inset:0}.camps-hero-copy{z-index:2;max-width:850px;position:absolute;top:48%;left:7vw;transform:translateY(-50%)}.camps-hero-copy>span,.camp-intro>span,.flow-copy>span,.result-copy>span{text-transform:uppercase;letter-spacing:.19em;color:#a4bbc5;font-size:11px}.camps-hero-copy h1{letter-spacing:-.08em;margin:24px 0 30px;font-size:clamp(72px,9vw,138px);font-weight:400;line-height:.79}.camps-hero-copy p{color:#d2d9dc;max-width:650px;font-size:21px;line-height:1.5}.camps-hero-copy button,.result-copy>button{color:#111;cursor:pointer;background:#f5f3ef;border:0;border-radius:99px;padding:16px 21px;font-weight:700}.camps-hero-copy button b,.result-copy button b{margin-left:26px}.camp-summary{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071117c4;border:1px solid #ffffff26;border-radius:24px;grid-template-columns:1fr auto;gap:15px;width:390px;padding:22px;display:grid;position:absolute;bottom:58px;right:5vw}.camp-summary div{flex-direction:column;gap:5px;display:flex}.camp-summary div>span{color:#99a7ad;font-size:11px}.camp-summary strong{font-size:24px;font-weight:400}.camp-summary>i{background:#ffffff24;border-radius:9px;grid-column:1/-1;height:4px;overflow:hidden}.camp-summary>i span{background:#fff;border-radius:9px;height:100%;display:block}.camps-scroll{z-index:2;color:#aaa;text-transform:uppercase;letter-spacing:.15em;font-size:10px;text-decoration:none;position:absolute;bottom:52px;left:7vw}.camps-scroll i{background:#fff;border-radius:4px;width:30px;height:3px;margin-left:14px;display:inline-block}.camp-intro{color:#171717;background:#f5f2ed;border-radius:28px;padding:150px max(5vw,24px)}.camp-intro>h2,.flow-copy h2,.result-copy h2{letter-spacing:-.075em;margin:24px 0;font-size:clamp(60px,8vw,116px);font-weight:400;line-height:.84}.camp-intro>p{color:#777;max-width:760px;font-size:20px;line-height:1.5}.camp-modules{max-width:1280px;margin:90px auto 0;padding-bottom:90px;display:block}.camp-modules article{background:#fff;border:1px solid #ddd6cd;border-radius:30px;flex-direction:column;min-height:390px;margin-bottom:26px;padding:48px;transition:all .35s;display:flex;position:sticky;top:96px;box-shadow:0 24px 70px #26211b1c}.camp-modules article:nth-child(2){z-index:2;top:112px}.camp-modules article:nth-child(3){z-index:3;top:128px}.camp-modules article:nth-child(4){z-index:4;top:144px}.camp-modules article:hover{transform:translateY(-9px)}.camp-modules article.dark{color:#fff;background:#12191e;border-color:#12191e}.camp-modules article>span{color:#888;font-size:11px}.camp-modules h3{letter-spacing:-.055em;max-width:780px;margin-top:auto;margin-bottom:16px;font-size:clamp(38px,5vw,70px);line-height:.95}.camp-modules p{color:#777;max-width:650px;font-size:18px;line-height:1.5}.camp-modules .dark p{color:#aab0b4}.camp-modules i{border:1px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid;position:absolute;top:22px;right:22px}.camp-flow{grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;padding:160px max(6vw,24px);display:grid}.flow-copy p{color:#9da4a8;max-width:620px;font-size:19px;line-height:1.5}.flow-copy ul{color:#23c995;columns:2;padding:20px 0;list-style:none}.flow-copy li{padding:8px 0}.camp-checkout{color:#111;background:#f6f4f0;border-radius:30px;padding:34px;box-shadow:0 35px 90px #000}.checkout-head{color:#879098;letter-spacing:.12em;border-bottom:1px solid #ddd;justify-content:space-between;padding-bottom:20px;font-size:11px;display:flex}.camp-checkout h3{letter-spacing:-.05em;margin:26px 0 8px;font-size:36px}.camp-checkout>p{color:#777}.camp-option,.camp-total{color:#737a80;border-bottom:1px solid #ddd;justify-content:space-between;padding:18px 0;display:flex}.camp-option b{color:#111}.camp-total{align-items:center;margin-top:10px}.camp-total strong{color:#111;font-size:38px;font-weight:400}.camp-checkout>button{color:#fff;cursor:pointer;background:#12171d;border:0;border-radius:99px;justify-content:center;gap:25px;width:100%;margin-top:22px;padding:18px 20px;font-weight:700;display:flex}.camp-result{border-radius:30px;height:92svh;min-height:760px;margin:0 2.5vw;position:relative;overflow:hidden}.result-bg{background:url(/media/shaka-head-2.webp) 50%/cover;position:absolute;inset:0}.camp-result:after{content:"";background:linear-gradient(90deg,#02080de3 0%,#02080d8e 52%,#0000),linear-gradient(#0000 40%,#020406d9);position:absolute;inset:0}.result-copy{z-index:2;max-width:1000px;position:absolute;top:50%;left:6vw;transform:translateY(-50%)}.result-copy p{color:#c3cbcf;max-width:700px;font-size:20px;line-height:1.5}.result-copy>div{align-items:baseline;gap:13px;margin:35px 0;display:flex}.result-copy>div b{font-size:34px;font-weight:400}.result-copy>div span{text-transform:uppercase;letter-spacing:.1em;color:#8e999f;margin-right:25px;font-size:11px}.camps-footer{color:#171717;background:#f5f2ed;flex-direction:column;align-items:center;min-height:450px;padding:100px 6vw 35px;display:flex}.camps-footer img{object-fit:contain;width:120px;height:120px}.camps-footer p{color:#777}.camps-footer a{color:#111;margin-top:20px}.camps-footer>span{color:#888;margin-top:auto;font-size:11px}.camp-toast{z-index:100;opacity:0;color:#111;background:#fff;border-radius:99px;padding:14px 20px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.camp-toast.show{opacity:1;transform:translate(-50%)}@keyframes campZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:850px){.camps-header nav a,.camps-header nav button:not(.camps-demo),.site-dropdown{display:none}.camps-header nav{background:0 0;border:0}.camps-header>a span{display:none}.camps-hero-copy{top:43%;left:22px;right:22px}.camps-hero-copy h1{font-size:67px}.camps-hero-copy p{font-size:17px}.camp-summary{width:auto;bottom:35px;left:20px;right:20px}.camps-scroll{display:none}.camp-intro{padding:110px 20px}.camp-intro>h2,.flow-copy h2,.result-copy h2{font-size:58px}.camp-modules{margin:65px 0 0;padding:0 0 65px;display:block}.camp-modules article{min-height:350px;margin-bottom:18px;padding:28px;top:76px}.camp-modules article:nth-child(2){top:88px}.camp-modules article:nth-child(3){top:100px}.camp-modules article:nth-child(4){top:112px}.camp-modules h3{font-size:42px}.camp-modules p{font-size:16px}.camp-flow{grid-template-columns:1fr;padding:110px 20px}.flow-copy ul{columns:1}.camp-checkout{padding:24px}.camp-result{height:90svh;margin:0 12px}.result-copy{left:24px;right:24px}.result-copy>div{grid-template-columns:auto 1fr;gap:8px 12px;display:grid}.camps-footer{text-align:center}}@media (prefers-reduced-motion:reduce){.camps-hero-bg{animation:none}}
.camps-hero-bg{background-image:url(/media/surfcamp-header.webp);background-position:50% 48%}.camps-hero-shade{background:linear-gradient(90deg,#02080dd1,#02080d29 68%),linear-gradient(#0000 45%,#020506b8 92%,#020506 100%)}.camp-world{background:#050505;padding:145px max(4vw,22px) 120px}.camp-world>header{text-align:center;max-width:1050px;margin:0 auto 70px}.camp-world>header>span{color:#91a5ae;letter-spacing:.2em;text-transform:uppercase;font-size:10px}.camp-world>header h2{letter-spacing:-.075em;margin:24px 0;font-size:clamp(58px,8vw,116px);font-weight:400;line-height:.84}.camp-world>header p{color:#8f979b;max-width:650px;margin:auto;font-size:18px;line-height:1.55}.camp-world-grid{grid-template-columns:.85fr 1.2fr .85fr;align-items:center;gap:18px;max-width:1450px;margin:auto;display:grid}.camp-world-grid article{background-position:50%;background-size:cover;border-radius:30px;min-height:610px;position:relative;overflow:hidden;box-shadow:0 32px 90px #000}.camp-world-grid article:nth-child(2){min-height:730px}.camp-world-stay{background-image:url(/media/shaka-head-2.webp)}.camp-world-gear{background-image:url(/media/shaka-head-3.webp)}.camp-world-beach{background-image:url(/media/hero.webp)}.camp-world-grid article:after{content:"";background:linear-gradient(#01050714 28%,#010507eb);position:absolute;inset:0}.camp-world-grid article>div{z-index:2;position:absolute;bottom:34px;left:28px;right:28px}.camp-world-grid article span{color:#a9b6bb;letter-spacing:.18em;font-size:9px}.camp-world-grid article h3{letter-spacing:-.055em;margin:11px 0;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:.92}.camp-world-grid article p{color:#b3bbbe;max-width:430px;line-height:1.5}.camp-board-row{justify-content:center;align-items:flex-end;gap:13px;min-height:270px;padding-top:60px;display:flex}.camp-board-row i{background:linear-gradient(135deg,#11181b,#29363c 48%,#080a0b 49%);border:1px solid #343b3e;border-radius:55% 55% 18px 18px;width:55px;height:210px;transform:rotate(-5deg)}.camp-board-row i:nth-child(2){height:235px;transform:rotate(3deg)}.camp-board-row i:nth-child(3){height:190px;transform:rotate(-2deg)}.camp-board-row i:nth-child(4){height:225px;transform:rotate(6deg)}.camp-board-row span{color:#8d979b;margin-left:22px;line-height:1.45}@media (max-width:850px){.camp-world{padding:100px 16px 80px}.camp-world>header h2{font-size:58px}.camp-world-grid{grid-template-columns:1fr}.camp-world-grid article,.camp-world-grid article:nth-child(2){min-height:520px}.camp-board-row{margin-inline:-30px;transform:scale(.8)}}