body{background:#fff}@property --reveal-r{syntax: "<length>"; inherits: true; initial-value: 0px;}.hero-section{position:relative;height:calc(100svh - var(--nav-height));height:calc(100dvh - var(--nav-height));min-height:460px;--reveal-ox: 80%;--reveal-oy: 26%;--bar-h: clamp(72px, 6vw, 88px);--hero-reveal-ease: cubic-bezier(.65, 0, .35, 1);--hero-reveal-duration: .5s}@media (max-height: 720px) and (min-width: 768px){.hero-section{--bar-h: clamp(68px, 5.5vw, 80px)}.hero-girl{--girl-w: clamp(275px, 20.6vw, 317px)}}.hero-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg--aquarium{z-index:0;background-image:url(/assets/aquarium-hero-final-DPfL7FT2.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.17;transition:opacity .5s ease}.hero-section:not(.is-revealed):has(.hero-headphone-btn:hover) .hero-bg--aquarium,.hero-section:not(.is-revealed):has(.hero-headphone-btn:focus-visible) .hero-bg--aquarium{opacity:.32}.hero-section.is-revealed .hero-bg--aquarium{opacity:1;transition:opacity var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section--closing .hero-bg--aquarium{transition:opacity var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-bg--cover{z-index:1;background:#fff;--reveal-r: 200px;mask-image:radial-gradient(circle at var(--reveal-ox) var(--reveal-oy),transparent 0,transparent var(--reveal-r),black calc(var(--reveal-r) * 1.18 + 2px),black 100%);-webkit-mask-image:radial-gradient(circle at var(--reveal-ox) var(--reveal-oy),transparent 0,transparent var(--reveal-r),black calc(var(--reveal-r) * 1.18 + 2px),black 100%);transition:--reveal-r .5s cubic-bezier(.4,0,.2,1)}.hero-section:not(.is-revealed):has(.hero-headphone-btn:hover) .hero-bg--cover,.hero-section:not(.is-revealed):has(.hero-headphone-btn:focus-visible) .hero-bg--cover{--reveal-r: 370px}.hero-section.is-revealed .hero-bg--cover{--reveal-r: 260vmax;transition:--reveal-r var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section--closing .hero-bg--cover{transition:--reveal-r var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section--reduced-motion.is-revealed .hero-bg--cover{mask-image:none;-webkit-mask-image:none;opacity:0;transition:opacity .25s ease}.hero-section--reduced-motion.is-revealed .hero-bg--aquarium{transition:opacity .25s ease}.hero-section--reduced-motion .hero-bg--cover,.hero-section--reduced-motion .hero-bg--aquarium{transition-duration:.25s}.hero-bg--glow{z-index:1;pointer-events:none;background:radial-gradient(circle at 88% 96%,rgba(120,175,194,.3) 0%,rgba(120,175,194,.16) 22%,rgba(120,175,194,.06) 42%,transparent 62%);opacity:1;transition:opacity var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section.is-revealed .hero-bg--glow,.hero-section--closing .hero-bg--glow{opacity:0}.hero-copy-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 40%,rgba(10,26,36,.4) 0%,rgba(10,26,36,.22) 40%,transparent 74%);opacity:0;transition:opacity var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section.is-revealed .hero-copy-vignette{opacity:1}.hero-section--reduced-motion .hero-bg--glow,.hero-section--reduced-motion .hero-copy-vignette{transition-duration:.25s}.hero-bar{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--bar-h);background:linear-gradient(to bottom,transparent 0%,var(--color-ocean) 60%,var(--color-ocean) 100%);z-index:2;pointer-events:none}.hero-girl{position:absolute;right:clamp(16px,5vw,72px);--girl-w: clamp(306px, 22.7vw, 347px);width:var(--girl-w);aspect-ratio:1199 / 1312;bottom:calc(var(--bar-h) - 3px - (var(--girl-w) * .4705));z-index:3;transition:width var(--hero-reveal-duration) var(--hero-reveal-ease),bottom var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section.is-revealed .hero-girl{--girl-w: calc(clamp(306px, 22.7vw, 347px)*.91) }@media (min-width: 1024px) and (max-width: 1536px){.hero-section.is-revealed .hero-girl{--girl-w: calc(clamp(269px, 19.8vw, 303px)*.91) }}@media (max-height: 720px) and (min-width: 768px){.hero-section.is-revealed .hero-girl{--girl-w: calc(clamp(275px, 20.6vw, 317px)*.91) }}@media (max-width: 880px){.hero-section.is-revealed .hero-girl{--girl-w: calc(clamp(224px, 31.1vw, 275px)*.91) }}@media (max-width: 600px){.hero-section.is-revealed .hero-girl{--girl-w: calc(clamp(179px, 51vw, 219px)*.91) }}.hero-section--reduced-motion .hero-girl{transition:none}@media (min-width: 1024px) and (max-width: 1536px){.hero-girl{--girl-w: clamp(269px, 19.8vw, 303px)}}.hero-girl__image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-headphone-btn{position:absolute;left:64%;top:22%;width:20%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;z-index:4}.hero-headphone-btn:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.hero-headphone-btn__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.65) 0%,rgba(120,175,194,.32) 45%,transparent 72%);pointer-events:none;animation:hero-headphone-pulse 2.2s ease-in-out infinite;transition:filter .5s ease}.hero-section:not(.is-revealed):has(.hero-headphone-btn:hover) .hero-headphone-btn__glow,.hero-section:not(.is-revealed):has(.hero-headphone-btn:focus-visible) .hero-headphone-btn__glow{filter:brightness(1.3) saturate(1.2)}.is-revealed .hero-headphone-btn__glow{opacity:0;animation:none;transition:opacity .6s ease}@keyframes hero-headphone-pulse{0%,to{transform:scale(.92);opacity:.5}50%{transform:scale(1.1);opacity:.95}}@media (prefers-reduced-motion: reduce){.hero-headphone-btn__glow{animation:none;opacity:.65}}.hero-headphone-btn__ripple{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none}.hero-headphone-btn__ripple:before,.hero-headphone-btn__ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(120,175,194,.45);opacity:0;animation:hero-headphone-ripple 2.6s ease-out infinite}.hero-headphone-btn__ripple:after{animation-delay:1.3s}.hero-section:not(.is-revealed):has(.hero-headphone-btn:hover) .hero-headphone-btn__ripple:before,.hero-section:not(.is-revealed):has(.hero-headphone-btn:focus-visible) .hero-headphone-btn__ripple:before{animation-duration:1.5s;border-color:#78afc2a6}.hero-section:not(.is-revealed):has(.hero-headphone-btn:hover) .hero-headphone-btn__ripple:after,.hero-section:not(.is-revealed):has(.hero-headphone-btn:focus-visible) .hero-headphone-btn__ripple:after{animation-duration:1.5s;animation-delay:.75s;border-color:#78afc2a6}@keyframes hero-headphone-ripple{0%{transform:scale(.85);opacity:0}12%{opacity:.55}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-headphone-btn__ripple:before,.hero-headphone-btn__ripple:after{animation:none;opacity:0}}.hero-headphone-label{position:absolute;z-index:4;left:50%;bottom:calc(100% + 16px);transform:translate(-50%);width:min(232px,calc(10vw + 100px));font-size:11px;line-height:1.35;letter-spacing:.04em;text-align:center;text-wrap:balance;color:var(--text-secondary);transition:color var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-headphone-label{color:#d9eaf0}.hero-headphone-arrow{position:absolute;z-index:4;left:53%;top:4%;width:12px;height:16px;color:var(--text-secondary);transition:color var(--hero-reveal-duration) ease;pointer-events:none}.hero-section.is-revealed .hero-headphone-arrow{color:#d9eaf0}@media (max-width: 880px){.hero-headphone-label{bottom:calc(100% + 13px);width:calc(10vw + 80px)}}@media (max-width: 600px){.hero-headphone-label{width:160px;font-size:10px;left:30%;bottom:calc(100% + 10px)}.hero-headphone-arrow{width:10px;height:13px;left:46%;top:5%}}.hero-copy{position:absolute;z-index:5;left:50%;transform:translate(-50%,-28px);top:0;bottom:var(--bar-h);display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(90%,560px);text-align:center;color:var(--text-primary);transition:color var(--hero-reveal-duration) ease;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-section.is-revealed .hero-copy{color:#edf6f8}.hero-copy__eyebrow{margin:0;font-size:12.5px;font-weight:500;letter-spacing:.16em;color:inherit;opacity:.7}.hero-copy__name{margin:clamp(10px,2vh,18px) 0 0;font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em;line-height:1.05;font-size:var(--text-display);color:inherit}.hero-copy__tagline{margin:clamp(12px,2vh,18px) auto 0;max-width:480px;font-size:clamp(14.5px,1.3vw,16px);line-height:1.6;color:inherit;opacity:.88;text-wrap:balance}.hero-copy__cta{display:inline-flex;align-items:center;justify-content:center;margin:clamp(18px,3vh,28px) auto 0;padding:14px 32px;border:none;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;background:var(--color-ocean);color:#fff;text-decoration:none;box-shadow:0 8px 18px -10px #164f7338;transition:background-color var(--duration-base) ease,box-shadow var(--duration-base) ease,transform var(--duration-base) ease}.hero-copy__cta:hover{background:var(--color-ocean-hover);transform:translateY(-2px);box-shadow:0 10px 22px -10px #164f7347}.hero-copy__cta:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hero-section.is-revealed .hero-copy__cta{background:#fff;color:var(--color-ocean);box-shadow:inset 0 0 0 1px #164f7359,0 8px 18px -10px #164f7338;transition:background-color var(--hero-reveal-duration) ease,color var(--hero-reveal-duration) ease,box-shadow var(--hero-reveal-duration) ease,transform var(--duration-base) ease}.hero-section.is-revealed .hero-copy__cta:hover{background:#dbedf5e6;color:var(--color-ocean);box-shadow:inset 0 0 0 1px #164f7359,0 10px 22px -10px #164f7347}@media (max-height: 720px) and (min-width: 768px){.hero-copy__name{margin-top:8px}.hero-copy__tagline{margin-top:10px}.hero-copy__cta{margin-top:14px}}@media (max-width: 880px){.hero-section{--bar-h: clamp(60px, 8.25vw, 72px)}.hero-girl{--girl-w: clamp(224px, 31.1vw, 275px)}.hero-copy{left:38%;width:min(66%,340px)}.hero-bg--glow{background:radial-gradient(circle at 88% 96%,rgba(120,175,194,.24) 0%,rgba(120,175,194,.13) 22%,rgba(120,175,194,.05) 40%,transparent 58%)}.hero-headphone-btn__ripple{top:-6%;right:-6%;bottom:-6%;left:-6%}}@media (max-width: 600px){.hero-section{--bar-h: clamp(52px, 14.87vw, 64px)}.hero-girl{right:12px;--girl-w: clamp(179px, 51vw, 219px)}.hero-copy{left:50%;width:calc(100% - 40px)}.hero-copy__name{font-size:clamp(26px,8vw,34px)}.hero-bg--glow{background:radial-gradient(circle at 90% 97%,rgba(120,175,194,.2) 0%,rgba(120,175,194,.1) 20%,transparent 46%)}.hero-headphone-btn__ripple{top:-3%;right:-3%;bottom:-3%;left:-3%}}.works-section{position:relative;overflow:hidden;z-index:0;--works-max-width: clamp(1240px, calc(40vw + 660px) , 1480px);background:#fff;transition:background-color 1.2s ease;padding-left:0;padding-right:0;--girl-clearance: 70px;padding-top:calc(clamp(26px,9vh,64px) + var(--girl-clearance));padding-bottom:clamp(72px,5.83vw,96px)}.works-section--active{background:var(--bg)}.works-section__bg{position:absolute;top:calc(-1 * var(--girl-clearance));left:0;right:0;bottom:0;z-index:-1;background-image:url(/assets/about-aquatic-background-f7f7f5.png);background-position:center top;background-size:100% auto;background-repeat:no-repeat;background-color:var(--bg);opacity:0;pointer-events:none;transition:opacity 1.6s ease;mask-image:linear-gradient(to bottom,black 0,black calc(100% - 190px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0,black calc(100% - 190px),transparent 100%)}.works-section--active .works-section__bg{opacity:1;transition:opacity 1.6s ease .4s}@media (prefers-reduced-motion: reduce){.works-section__bg,.works-section--active .works-section__bg{transition-duration:.25s;transition-delay:0ms}}@media (max-width: 880px){.works-section{--girl-clearance: 50px;padding-bottom:clamp(56px,8vw,72px)}}@media (max-width: 600px){.works-section{--girl-clearance: 44px;padding-bottom:clamp(40px,12.3vw,56px)}}.works-header{width:min(100%,var(--works-max-width));margin-inline:auto;margin-bottom:clamp(32px,5vh,48px)}.works-header__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.works-header__eyebrow{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.works-header__title{font-weight:400;font-size:var(--text-h2);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin:12px 0 0}.works-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.works-header__meta span[aria-hidden]{color:var(--border)}.works-header__rule{margin-top:clamp(28px,4vh,36px);height:1px;background:var(--border)}.testimonial-card{position:relative;max-width:720px;margin:0 auto;padding:clamp(40px,6vw,60px) clamp(28px,6vw,72px) clamp(36px,5vw,48px);background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;text-align:center;box-shadow:0 30px 40px -32px #14121047}.testimonial-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.testimonial-mark{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(56px,8vw,84px);line-height:1;color:var(--accent);opacity:.32;margin:0 0 -6px}.testimonial-quote{position:relative;font-style:italic;font-weight:400;font-size:clamp(19px,2.2vw,25px);line-height:1.5;letter-spacing:-.01em;color:var(--text-primary);margin:0 auto;max-width:46ch}.testimonial-attribution{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:clamp(28px,4vh,36px) 0 0}.testimonial-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.02em;background:radial-gradient(circle at 34% 30%,#FFFFFF,var(--color-aqua-pale) 55%,var(--color-aqua) 100%);border:1px solid var(--border);color:var(--text-primary)}.testimonial-attribution>div{text-align:left}.testimonial-name{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.testimonial-role{margin:3px 0 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 600px){.testimonial-card{padding:36px 22px 30px}.testimonial-attribution{flex-direction:column;gap:8px;text-align:center}.testimonial-attribution>div{text-align:center}}.record-wall{display:grid;width:min(100%,var(--works-max-width));margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;row-gap:88px}.record{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid var(--border-light);background:#fff;box-shadow:0 2px 14px #172a350a;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.record:hover,.record:focus-visible{transform:translateY(-4px);border-color:var(--border);box-shadow:0 10px 28px #172a3514}.record:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.record__body{flex:none;aspect-ratio:16 / 9;overflow:hidden;margin:0;padding:0;border:none;background:none}.record__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.record:hover .record__image,.record:focus-visible .record__image{transform:scale(1.01)}.record--joy .record__body{width:100%;padding:0;margin:0;overflow:hidden;background:#fff8d9}.record--joy .record__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.record__info{display:flex;flex-direction:column;flex:1;min-height:0;padding:22px}.record__tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-bottom:14px}.record__tags .tag{flex:0 0 auto;width:max-content;white-space:nowrap;min-height:0;padding:6px 12px;font-size:11px;letter-spacing:.02em}.record__tags .tag--tinted{background:var(--status-neutral-bg)}.record__tags .tag--tinted.tag--good{background:var(--status-good-bg)}.record__tags .tag--tinted.tag--warn{background:var(--status-warn-bg)}.record__tags .tag--protected{color:var(--text-muted)}.record__tags .tag--protected svg{flex:none}.record__track{margin:18px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.record__tagline{margin:6px 0 0;font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--text-secondary)}.record__title{margin-top:10px;font-size:var(--text-h1-product);font-weight:500;letter-spacing:-.03em;line-height:1.05}.record__desc{max-width:46ch;margin-top:8px;color:var(--text-secondary);font-size:var(--text-small);line-height:1.5}.record__cta{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:20px;font-size:13.5px;font-weight:500;letter-spacing:.01em;color:var(--text-muted)}.record__cta-arrow{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.record:hover .record__cta-arrow,.record:focus-visible .record__cta-arrow{transform:translate(4px)}@media (max-width: 880px){.record-wall{column-gap:44px;row-gap:48px}}@media (max-width: 640px){.record-wall{grid-template-columns:1fr;row-gap:32px}}@media (min-width: 1024px) and (max-width: 1536px){.works-section{--works-max-width: clamp(1085px, calc(35vw + 578px) , 1295px)}.record-wall{column-gap:56px;row-gap:60px}.record__info{padding:18px}.testimonial-card{padding:clamp(34px,5.25vw,52px) clamp(24px,5.25vw,63px) clamp(30px,4.4vw,42px)}}@media (prefers-reduced-motion: reduce){.record,.record__image,.record__cta-arrow{transition:none}}
