@font-face{font-family:Bricolage Grotesque;src:url(/sunscreen/fonts/BricolageGrotesque.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}:root{color-scheme:light;--bottle: #fbfdff;--ink: #0e2240;--ink-soft: #4b5e7b;--pool: #3bb4e5;--pool-deep: #1f5fa8;--orange: #ff8a3d;--sun: #ffc93c;--mist: #e9f5fc;--line: #cfe0ee;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;color:var(--ink);background:var(--bottle);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:18px;line-height:1.6;background:var(--bottle)}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}a:hover{color:var(--pool-deep)}:focus-visible{outline:3px solid var(--pool-deep);outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;font-stretch:85%}h1{font-size:clamp(52px,8.2vw,118px);line-height:.94;letter-spacing:-.035em;font-weight:780;margin-bottom:28px}h2{font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.03em;font-weight:740;margin-bottom:20px}h3{font-size:23px;line-height:1.2;letter-spacing:-.01em;font-weight:700;margin-bottom:10px}p{margin-bottom:18px}kbd{font-family:inherit;font-size:.85em;font-weight:650;padding:1px 7px;border:1.5px solid currentColor;border-bottom-width:3px;border-radius:6px;white-space:nowrap}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);color:var(--bottle);padding:10px 18px;border-radius:99px}.skip-link:focus{top:12px}.site-header{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-stretch:85%;font-size:22px;letter-spacing:-.02em;text-decoration:none}.brand img{width:40px;height:40px}nav{display:flex;align-items:center;gap:26px}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:550;text-decoration:none}.studio-link{color:var(--ink-soft)}.site-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-block:34px 44px;margin-top:40px;border-top:2px solid var(--ink);font-size:14px;color:var(--ink-soft)}.site-footer p{margin-bottom:6px}.site-footer p a{text-decoration:none}.disclaimer{max-width:52ch}[aria-current=page]{color:var(--pool-deep);text-decoration:underline}.hero{display:grid;grid-template-columns:1.5fr .75fr;align-items:center;gap:56px;padding-block:56px 72px}.hero h1{max-width:9.5ch}.lede{font-size:clamp(20px,1.9vw,24px);line-height:1.45;color:var(--ink-soft);max-width:36ch;margin-bottom:34px}.get{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.cta{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:12px 26px;margin:0;border-radius:99px;font-size:17px;font-weight:700;text-decoration:none;background:var(--ink);color:var(--bottle)}a.cta:hover{background:var(--pool-deep);color:var(--bottle)}.cta-soon{background:transparent;color:var(--ink);border:2px solid var(--ink)}.cta-soon:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px #ffc93c59}.get-note{margin:0;font-size:15px;color:var(--ink-soft);max-width:30ch}.hero-icon{width:100%;max-width:360px;justify-self:center}.listen{padding-block:24px 96px}.listen-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-bottom:28px}.listen-head h2{margin-bottom:0}.listen-head p{color:var(--ink-soft);margin-bottom:4px;max-width:58ch}.player{background:var(--ink);color:var(--bottle);border-radius:30px;padding:22px 22px 18px}.controls{display:flex;align-items:center;gap:18px;margin-bottom:18px}.play{width:64px;height:64px;flex:none;border:0;border-radius:50%;background:var(--orange);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .12s}.play:hover{transform:scale(1.05)}.play:active{transform:scale(.96)}.play svg{width:30px;height:30px;fill:currentColor}.play .icon-pause,.is-playing .play .icon-play{display:none}.is-playing .play .icon-pause{display:block}.switch{display:inline-flex;padding:5px;border-radius:99px;background:#ffffff1a}.switch button{min-height:46px;padding:8px 22px;border:0;border-radius:99px;background:transparent;color:#fbfdffbf;font:inherit;font-size:17px;font-weight:650;cursor:pointer;transition:background .15s,color .15s}.switch button:hover{color:var(--bottle)}.switch [data-pick=before][aria-pressed=true]{background:var(--pool);color:var(--ink)}.switch [data-pick=after][aria-pressed=true]{background:var(--orange);color:var(--ink)}.player :focus-visible{outline-color:var(--sun)}.hint{margin:0 0 0 auto;font-size:15px;color:#fbfdffa6}.map{position:relative;border-radius:16px;overflow:hidden;background:var(--ink)}.map img{width:100%;aspect-ratio:1600 / 560;object-fit:cover}.tick{position:absolute;left:12px;transform:translateY(-50%);font-size:12px;font-weight:600;color:#fbfdffcc;text-shadow:0 1px 3px rgb(14 34 64 / .9);pointer-events:none}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--bottle);box-shadow:0 0 12px #fffc;pointer-events:none}.seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.map:has(.seek:focus-visible){outline:3px solid var(--sun);outline-offset:3px}.legend{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:14px 4px 0;padding:0;font-size:15px;color:#fbfdffd9}.legend li{display:inline-flex;align-items:center;gap:9px}.swatch{width:14px;height:14px;border-radius:4px}.swatch.removed{background:var(--pool)}.swatch.added{background:var(--orange)}.symptoms{padding-block:40px 100px}.section-lede{font-size:20px;color:var(--ink-soft);max-width:60ch;margin-bottom:44px}.symptom-list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.symptom-list svg{width:120px;height:40px;margin-bottom:18px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.symptom-list .fizz{stroke:var(--pool);stroke-width:1.8}.symptom-list .narrow{stroke:var(--orange)}.symptom-list p{color:var(--ink-soft)}.facts-wrap{background:var(--mist);padding-block:100px}.facts-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.facts-intro{position:sticky;top:40px}.facts-intro p{color:var(--ink-soft);max-width:36ch}.label{background:#fff;border:3px solid var(--ink);padding:22px 26px 18px;font-stretch:78%;line-height:1.4;box-shadow:10px 10px 0 var(--pool)}.label-title{font-size:clamp(40px,5vw,58px);font-stretch:75%;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0 0 8px;padding-bottom:10px;border-bottom:12px solid var(--ink)}.label h3{font-size:22px;font-stretch:75%;font-weight:800;letter-spacing:0;margin:0 0 4px}.label p,.label li{font-size:17px}.label p{margin-bottom:0}.ingredients{width:100%;border-collapse:collapse;font-size:17px}.ingredients thead th{font-size:20px;font-weight:800;text-align:left;padding:4px 0 6px;border-bottom:1.5px solid var(--ink)}.ingredients thead th:last-child,.ingredients td{text-align:right}.ingredients tbody th{text-align:left;font-weight:750;padding:7px 12px 7px 0;vertical-align:top}.ingredients tbody th span{font-weight:450;color:var(--ink-soft)}.ingredients td{padding:7px 0;vertical-align:top}.ingredients tbody tr+tr{border-top:1px solid var(--line)}.label-block{border-top:5px solid var(--ink);padding:10px 0 12px}.label-block.last{padding-bottom:2px}.label ol,.label ul{margin:2px 0 0;padding-left:22px}.label li+li{margin-top:3px}.label ol li::marker{font-weight:800}.see{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;padding-block:100px 90px;align-items:end}.see-copy p{color:var(--ink-soft);max-width:50ch}.see-copy p:last-child{margin-bottom:0}.screenshot{grid-column:1 / -1;margin-top:30px;border-radius:18px;box-shadow:0 2px 0 var(--line),0 40px 80px -30px #0e224073}.ready{padding-block:40px 100px}.spf{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:10px 0 40px;padding:0}.spf li{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.sun-badge{width:136px;height:136px;border-radius:50%;background:var(--sun);display:flex;flex-direction:column;align-items:center;justify-content:center;outline:3px dashed var(--orange);outline-offset:7px;line-height:1}.sun-badge strong{font-size:46px;font-stretch:75%;font-weight:800;letter-spacing:-.02em}.sun-badge span{font-size:14px;font-weight:700;margin-top:4px}.spf-name{font-size:19px;font-weight:650}.ready-note{color:var(--ink-soft);max-width:62ch}.privacy-note{display:grid;grid-template-columns:1fr 1fr;gap:56px;background:var(--ink);color:var(--bottle);padding:48px;border-radius:30px}.privacy-note h2{max-width:12ch;margin-bottom:0}.privacy-note p{color:#fbfdffcc}.privacy-note p:last-child{margin-bottom:0}.privacy-note a{color:var(--sun)}.privacy-note :focus-visible{outline-color:var(--sun)}.support{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:100px 60px}.support-intro>p{color:var(--ink-soft)}.email{display:inline-block;margin-block:4px 18px;font-size:21px;font-weight:650;color:var(--pool-deep);overflow-wrap:anywhere}.support-details{font-size:15px;max-width:36ch}details{border-top:2px solid var(--ink)}details:last-child{border-bottom:2px solid var(--ink)}summary{font-size:20px;font-weight:680;padding:18px 24px 18px 0;cursor:pointer}details p{color:var(--ink-soft)}details p:last-child{margin-bottom:22px}.document{max-width:780px;padding-block:60px 80px}.document h1{font-size:clamp(44px,6vw,72px);margin-bottom:20px}.document .updated{color:var(--ink-soft);font-size:15px;margin-bottom:36px}.document .summary{font-size:23px;line-height:1.45;margin-bottom:44px}.document section{margin-top:36px}.document h2{font-size:28px;margin-bottom:12px}.document p,.document li{color:var(--ink-soft)}.document a{color:var(--ink);overflow-wrap:anywhere}@media(max-width:900px){.listen-head,.facts-grid,.see,.support,.privacy-note{grid-template-columns:1fr;gap:24px}.facts-intro{position:static}.spf{grid-template-columns:repeat(2,1fr);row-gap:40px}}@media(max-width:767px){.shell{width:calc(100% - 32px)}body{font-size:17px}.site-header{min-height:70px}.brand{font-size:19px;gap:9px}.brand img{width:32px;height:32px}nav{gap:16px}nav a{font-size:14px}.studio-link{display:none!important}.hero{grid-template-columns:1fr;gap:28px;padding-block:28px 48px}.hero-icon{max-width:180px;justify-self:start;order:-1}.cta{font-size:15px;padding:10px 20px;min-height:48px}.player{padding:14px 14px 12px;border-radius:22px}.controls{flex-wrap:wrap;gap:12px}.play{width:54px;height:54px}.switch button{padding:8px 15px;font-size:16px}.hint{display:none}.map img{aspect-ratio:4 / 3}.symptoms,.ready{padding-block:24px 64px}.symptom-list{grid-template-columns:1fr;gap:36px}.facts-wrap{padding-block:64px}.label{padding:16px 16px 12px;box-shadow:6px 6px 0 var(--pool)}.ingredients,.label p,.label li{font-size:16px}.see{padding-block:64px}.sun-badge{width:112px;height:112px}.sun-badge strong{font-size:38px}.privacy-note{padding:30px 24px;border-radius:22px}.support{padding-block:64px 40px;gap:20px}.site-footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play,.switch button{transition:none}}