body{background:#fff}#root{position:relative}.page-bg-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url(/assets/aquarium-light-fullpage-vertical-4k-v2-CB-F47cH.webp);background-size:100% auto;background-position:top center;background-repeat:no-repeat;background-color:#f7f7f5}.page-underwater-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background-image:linear-gradient(#02193061,#02193061),url(/assets/aquarium-fullpage-vertical-B1fyZfFe.webp);background-size:cover;background-position:top center;background-repeat:no-repeat;background-color:#022858;transition:opacity .5s cubic-bezier(.65,0,.35,1)}.page-underwater-bg.is-active{opacity:1}@media (prefers-reduced-motion: reduce){.page-underwater-bg{transition-duration:.25s}}@property --reveal-r{syntax: "<length>"; inherits: true; initial-value: 0px;}.hero-section{position:relative;--girl-w: clamp(214px, 12vw, 224px);--reveal-ox: 80%;--reveal-oy: 26%;--hero-reveal-ease: cubic-bezier(.65, 0, .35, 1);--hero-reveal-duration: .5s}.hero-section.is-revealed{--girl-w: calc(clamp(214px, 12vw, 224px)*.91) }@media (max-height: 720px) and (min-width: 768px){.hero-section{--girl-w: clamp(207px, 13.5vw, 214px)}.hero-section.is-revealed{--girl-w: calc(clamp(207px, 13.5vw, 214px)*.91) }}@media (min-width: 880px) and (max-width: 1536px){.hero-section{--girl-w: clamp(207px, 13.5vw, 214px)}.hero-section.is-revealed{--girl-w: calc(clamp(207px, 13.5vw, 214px)*.91) }}.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,.hero-bg--cover,.hero-sea-creatures,.hero-copy-vignette{display:none}.hero-content{position:relative;z-index:5;display:flex;align-items:flex-start;padding-top:calc(clamp(18px,5vh,32px) + 20px);width:min(calc(100% - 64px),1140px);margin-inline:auto}@media (min-width: 1024px){.hero-content{padding-top:calc(clamp(18px,5vh,32px) + 36px)}}.hero-copy{flex:none;width:min(64%,640px);text-align:left;color:var(--text-primary);transition:color var(--hero-reveal-duration) ease;position:relative;isolation:isolate}.hero-copy:before{position:absolute;z-index:-1;pointer-events:none;top:-28px;right:-40px;bottom:-24px;left:-56px;background:radial-gradient(ellipse 76% 72% at 30% 46%,#f7f7f5f0,#f7f7f5e6 48%,#f7f7f599,#f7f7f500);opacity:0;transition:opacity var(--hero-reveal-duration) ease}@media (min-width: 600px) and (max-width: 1536px){.hero-copy:before{content:"";opacity:1}}.hero-section.is-revealed .hero-copy:before{opacity:0}.hero-section.is-revealed .hero-copy{color:#fff}.hero-copy__eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.16em;color:inherit;opacity:.7;transition:color var(--hero-reveal-duration) ease,opacity var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-copy__eyebrow{color:#ffffffe6;opacity:1}.hero-copy__name{margin:clamp(8px,1.4vh,12px) 0 0;font-family:var(--font-serif);font-weight:500;letter-spacing:-.015em;line-height:1.08;font-size:clamp(2.75rem,3.3vw,3.5rem);color:inherit}.hero-copy__name-surname{white-space:nowrap}.hero-copy__tagline{margin:clamp(8px,1.4vh,14px) 0 0;max-width:46ch;font-size:clamp(14.5px,1.15vw,16px);line-height:1.55;color:inherit;opacity:.88;text-wrap:pretty;transition:color var(--hero-reveal-duration) ease,opacity var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-copy__tagline{color:#ffffffd1;opacity:1}.hero-copy__emphasis--highlight{background-image:linear-gradient(var(--hero-highlight-color, #F2DFA0),var(--hero-highlight-color, #F2DFA0));background-repeat:no-repeat;background-position:0 88%;background-size:100% 46%;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-image var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-copy__emphasis--highlight{--hero-highlight-color: rgba(214, 173, 94, .32)}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(20px,2.5vh,28px) 0 0}@media (min-width: 1024px){.hero-pills{margin-top:clamp(28px,3vh,36px)}}.hero-pill{display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;border:1px solid transparent;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;line-height:1.3;white-space:nowrap;transition:background-color var(--hero-reveal-duration) ease,color var(--hero-reveal-duration) ease,border-color var(--hero-reveal-duration) ease}.hero-pill--blue{background:#dcecf5;color:#174b68}.hero-pill--green{background:#ddefe4;color:#365f49}.hero-pill--yellow{background:#f8edce;color:#79591c}.hero-section.is-revealed .hero-pill{background:#0219309e;border-color:#ffffff29;color:#ffffffeb}.hero-character{position:relative;z-index:3;flex:none;align-self:flex-end;margin-left:auto;margin-right:clamp(0px,2vw,32px);width:var(--girl-w);transition:width var(--hero-reveal-duration) var(--hero-reveal-ease)}.hero-section--reduced-motion .hero-character{transition:none}.hero-girl{position:relative;width:100%;aspect-ratio:1199 / 1312;margin-bottom:calc(var(--girl-w) * -.4705)}.hero-girl picture{display:block;width:100%;height:100%}.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% + 12px);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-primary);opacity:.78;transition:color var(--hero-reveal-duration) ease,opacity var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-headphone-label{color:#ffffffe6;opacity:1}.hero-headphone-arrow{position:absolute;z-index:4;left:53%;top:4%;width:12px;height:16px;color:var(--text-primary);opacity:.78;transition:color var(--hero-reveal-duration) ease,opacity var(--hero-reveal-duration) ease;pointer-events:none}.hero-section.is-revealed .hero-headphone-arrow{color:#ffffffe6;opacity:1}.hero-divider{width:min(calc(100% - 64px),1140px);margin:clamp(8px,1vh,12px) auto calc((var(--girl-w) * .4705) - clamp(8px,1vh,12px) + clamp(40px,5vh,56px));height:1px;background:var(--border);transition:background-color var(--hero-reveal-duration) ease}.hero-section.is-revealed .hero-divider{background:#edf6f859}@media (max-height: 720px) and (min-width: 768px){.hero-copy__name{margin-top:8px}.hero-copy__tagline{margin-top:10px}.hero-pills{margin-top:14px}}@media (max-width: 879px){.hero-content{flex-direction:column;align-items:center;padding-block:clamp(32px,7vw,40px) 0}.hero-copy{width:100%;max-width:480px;text-align:left}.hero-copy__tagline{max-width:none}.hero-section{--girl-w: clamp(152px, 21vw, 172px)}.hero-section.is-revealed{--girl-w: calc(clamp(152px, 21vw, 172px)*.91) }.hero-character{z-index:auto;display:flex;flex-direction:column;align-items:center;align-self:center;width:var(--girl-w);margin:clamp(24px,6vw,28px) auto 0;gap:clamp(8px,2.5vw,12px)}.hero-headphone-label{position:static;left:auto;bottom:auto;transform:none;width:min(280px,84vw);text-align:center}.hero-divider{width:100%;margin:clamp(6px,1.5vw,10px) auto calc((var(--girl-w) * .4705) - clamp(6px,1.5vw,10px) + clamp(32px,8vw,48px))}.hero-headphone-btn__ripple{top:-6%;right:-6%;bottom:-6%;left:-6%}.hero-content{padding-block:clamp(20px,5vw,32px) 0}.hero-character{align-self:flex-end;align-items:flex-end;margin:clamp(10px,3vw,16px) calc(-1*clamp(8px,3vw,20px)) 0 0;gap:clamp(4px,1.5vw,8px)}.hero-headphone-label{width:min(210px,60vw);margin-right:calc(var(--girl-w) * .3);text-align:right}.hero-divider{margin-bottom:calc((var(--girl-w) * .4705) - clamp(6px,1.5vw,10px) + clamp(20px,5vw,32px))}}@media (min-width: 601px) and (max-width: 879px){.hero-character{margin-right:calc((100% - 480px)/2 - 24px)}}@media (max-width: 600px){.hero-section{--girl-w: clamp(130px, 34vw, 152px)}.hero-section.is-revealed{--girl-w: calc(clamp(130px, 34vw, 152px)*.91) }.hero-copy__name{font-size:clamp(26px,8vw,34px)}.hero-headphone-arrow{width:10px;height:13px;left:46%;top:5%}.hero-headphone-btn__ripple{top:-3%;right:-3%;bottom:-3%;left:-3%}.hero-pills{gap:6px;margin-top:16px}.hero-pill{padding:4px 11px;font-size:12px}}.works-section{position:relative;overflow:hidden;z-index:0;scroll-margin-top:calc(var(--nav-height) + var(--space-8));--works-max-width: 1140px;background:transparent;padding-left:0;padding-right:0;--girl-clearance: 14px;padding-top:0;padding-bottom:clamp(72px,5.83vw,96px)}.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%)}@media (max-width: 880px){.works-section{--girl-clearance: 0px;padding-top:0;padding-bottom:clamp(56px,8vw,72px)}}@media (max-width: 600px){.works-section{padding-top:0;padding-bottom:clamp(40px,12.3vw,56px)}}.works-header{width:min(calc(100% - 64px),var(--works-max-width));margin-inline:auto;margin-bottom:clamp(24px,2.4vh,32px)}.works-header__eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);transition:color .5s ease}.works-section--active .works-header__eyebrow{color:#ffffffe6}.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;align-items:start;width:min(calc(100% - 64px),var(--works-max-width));margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(48px,5.5vw,72px);row-gap:clamp(32px,3.4vw,44px)}.record{display:flex;flex-direction:column;color:inherit;transition:transform .3s cubic-bezier(.22,1,.36,1)}.record:hover,.record:focus-visible{transform:translateY(-4px)}.record:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:4px}.works-section--active .record:focus-visible{outline-color:#fff}.record__body{position:relative;flex:none;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-media);background:var(--surface-panel);box-sizing:border-box;--cover-border: rgba(24, 58, 70, .12);--cover-border-hover: rgba(24, 58, 70, .22);--cover-shadow: 0 8px 24px rgba(20, 48, 60, .06);--cover-shadow-hover: 0 10px 26px rgba(20, 48, 60, .09);border:1px solid var(--cover-border);box-shadow:var(--cover-shadow);transition:border-color .4s ease,box-shadow .4s ease,background-color .4s ease}.record:hover .record__body,.record:focus-visible .record__body{border-color:var(--cover-border-hover);box-shadow:var(--cover-shadow-hover)}.record--sli .record__body{--cover-border: rgba(55, 105, 80, .18);--cover-border-hover: rgba(55, 105, 80, .3)}.record__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.record:hover .record__image,.record:focus-visible .record__image{transform:scale(1.03)}.record__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1b2400;transition:background-color .4s ease;pointer-events:none}.record:hover .record__shade,.record:focus-visible .record__shade{background:#0b1b240f}.record--joy .record__body{background:#fff8d9}.works-section--active .record__body{--cover-border: rgba(220, 240, 250, .18);--cover-border-hover: rgba(220, 240, 250, .32);--cover-shadow: 0 10px 28px rgba(0, 18, 35, .2);--cover-shadow-hover: 0 13px 32px rgba(0, 18, 35, .26)}.record__info{padding-top:clamp(14px,1.6vw,18px)}.record__title{margin:0;font-size:clamp(20px,1.7vw,25px);font-weight:500;letter-spacing:-.015em;line-height:1.15;transition:color .5s ease}.works-section--active .record__title{color:#fff}.record__desc{margin:6px 0 0;color:var(--text-secondary);font-size:var(--text-small);line-height:1.5;transition:color .5s ease}.works-section--active .record__desc{color:#ffffffd1}.record__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(10px,1.3vw,14px)}.record__pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid transparent;background:var(--border-light);color:var(--text-secondary);font-family:var(--font-sans);font-size:11.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background-color .5s ease,border-color .5s ease,color .5s ease}.works-section--active .record__pill{background:#0219309e;border-color:#ffffff29;color:#ffffffeb}@media (max-width: 880px){.record-wall{column-gap:36px;row-gap:36px}}@media (max-width: 640px){.record-wall{grid-template-columns:1fr;row-gap:40px}}@media (min-width: 1024px) and (max-width: 1536px){.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__shade,.record__body{transition:none}}.playground-section{position:relative;z-index:0;scroll-margin-top:calc(var(--nav-height) + var(--space-8));padding-bottom:clamp(72px,5.83vw,96px)}.playground{width:min(calc(100% - 64px),1140px);margin-inline:auto}.playground-header{margin-bottom:clamp(28px,3vw,40px)}.playground-header__title{margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.015em;line-height:1.15;transition:color .5s ease}.playground-header__desc{margin:8px 0 0;max-width:52ch;color:var(--text-secondary);font-size:var(--text-lead);line-height:1.5;transition:color .5s ease}.playground-section--active .playground-header__title{color:#fff}.playground-section--active .playground-header__desc{color:#ffffffd1}.notebook{--nb-binder: #DDDDE1;--nb-binder-edge: rgba(50, 50, 70, .16);--nb-stitch: rgba(50, 50, 72, .28);--nb-spine: rgba(50, 50, 70, .1);--nb-shadow: 0 22px 44px -22px rgba(36, 36, 56, .3), 0 2px 6px rgba(36, 36, 56, .08);--nb-pocket: #CBCBD2;--nb-pocket-shadow: 0 -8px 16px -10px rgba(36, 36, 56, .32), inset 0 1px 0 rgba(255, 255, 255, .5);--nb-note-shadow: 6px 5px 0 -2px var(--nb-note-back), 0 10px 22px -12px rgba(36, 36, 50, .32);--nb-hole: #7C7C86;--nb-hint: #45454F;--nb-paper: #F7F6F2;--nb-sheet: #ECEAE4;--nb-edge: rgba(40, 38, 34, .18);--nb-rule: rgba(40, 38, 34, .12);--nb-ink: #26272A;--nb-ink-2: #4E4F53;--nb-ink-3: #66655F;--nb-note: #F3F1EB;--nb-note-back: #E2DFD8;--nb-tab: #CBCBD2;--nb-tab-hover: #D8D8DE;--nb-tab-ink: #2A2A33;--nb-accent: var(--accent);--nb-accent-hover: var(--accent-hover);--nb-accent-wash: var(--accent-subtle);--nb-focus: var(--focus);--nb-focus-gap: #FFFFFF;--nb-ease: .5s ease;--nb-pad: 18px;--nb-tab-w: 56px;position:relative;z-index:0;display:grid;grid-template-columns:minmax(0,.8fr) 0 minmax(0,1fr) var(--nb-tab-w);padding:var(--nb-pad) 0 var(--nb-pad) var(--nb-pad);color:var(--nb-ink)}.playground-section--active .notebook{--nb-binder: #C6C6CD;--nb-binder-edge: rgba(255, 255, 255, .28);--nb-stitch: rgba(40, 40, 60, .3);--nb-spine: rgba(30, 30, 50, .13);--nb-shadow: 0 22px 44px -20px rgba(0, 8, 18, .55), 0 2px 6px rgba(0, 8, 18, .2);--nb-pocket: #B3B3BC;--nb-pocket-shadow: 0 -8px 16px -10px rgba(26, 26, 44, .36), inset 0 1px 0 rgba(255, 255, 255, .35);--nb-note-shadow: 6px 5px 0 -2px var(--nb-note-back), 0 10px 22px -12px rgba(24, 24, 36, .4);--nb-hole: #63636C;--nb-hint: #2E2E38;--nb-paper: #E9E7E1;--nb-sheet: #DCDAD3;--nb-edge: rgba(30, 30, 28, .2);--nb-rule: rgba(40, 40, 36, .13);--nb-ink: #222326;--nb-ink-2: #393A3E;--nb-ink-3: #55554F;--nb-note: #E4E2DB;--nb-note-back: #D2CFC8;--nb-tab: #B3B3BC;--nb-tab-hover: #C2C2CA;--nb-tab-ink: #1F1F27;--nb-accent-wash: rgba(22, 79, 115, .1);--nb-focus: #FFFFFF;--nb-focus-gap: #1F2023}.notebook:before,.notebook:after{content:"";position:absolute;pointer-events:none}.notebook:before{inset:0 calc(var(--nb-tab-w) - var(--nb-pad)) 0 0;z-index:-1;border-radius:18px;background:var(--nb-binder);border:1px solid var(--nb-binder-edge);box-shadow:var(--nb-shadow);transition:background-color var(--nb-ease),border-color var(--nb-ease),box-shadow var(--nb-ease)}.notebook:after{inset:8px calc(var(--nb-tab-w) - var(--nb-pad) + 8px) 8px 8px;z-index:-1;border-radius:13px;border:1px dashed var(--nb-stitch)}.notebook__page--left{position:relative;grid-column:1;grid-row:1;min-width:0;min-height:360px;max-height:760px;border-radius:12px 0 0 12px;background:linear-gradient(to left,var(--nb-spine),transparent 48px)}.notebook__hint{position:absolute;top:22px;left:26px;margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--nb-hint);transition:color var(--nb-ease)}.notebook__note{position:absolute;z-index:1;top:64px;left:13%;right:17%;bottom:18%;padding:46px 26px 0 30px;border-radius:3px;background-color:var(--nb-note);background-image:linear-gradient(var(--nb-note),var(--nb-note)),repeating-linear-gradient(to bottom,transparent 0 29px,var(--nb-rule) 29px 30px);background-size:100% 40px,auto;background-repeat:no-repeat,repeat;background-origin:border-box,content-box;box-shadow:var(--nb-note-shadow);transform:rotate(-3deg);transition:background-color var(--nb-ease),box-shadow var(--nb-ease)}.notebook__note:before{content:"";position:absolute;top:8px;left:14px;right:14px;height:16px;background:radial-gradient(circle,var(--nb-binder) 0 6px,rgba(0,0,0,.22) 6.5px,transparent 7.5px);background-size:34px 16px;background-repeat:space no-repeat}.notebook__note-label{margin:0;font-size:11px;font-weight:500;line-height:30px;letter-spacing:.18em;text-transform:uppercase;color:var(--nb-ink-3);transition:color var(--nb-ease)}.notebook__note-text{margin:0;font-family:var(--font-sans);font-weight:400;font-size:var(--text-large);line-height:30px;text-wrap:pretty;color:var(--nb-ink);transition:color var(--nb-ease)}.notebook__pocket{position:absolute;z-index:2;left:7%;right:54px;bottom:26px;height:40%;border-radius:6px 6px 12px 12px;background:var(--nb-pocket);box-shadow:var(--nb-pocket-shadow);transition:background-color var(--nb-ease),box-shadow var(--nb-ease)}.notebook__pocket:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:6px 6px 8px 8px;border:1px dashed var(--nb-stitch)}.notebook__page--right{position:relative;z-index:1;grid-column:3;grid-row:1;min-width:0;border-radius:4px;background-color:var(--nb-paper);box-shadow:0 0 0 1px var(--nb-edge),3px 3px 0 -1px var(--nb-sheet),3px 3px 0 0 var(--nb-edge),6px 6px 0 -1px var(--nb-sheet),6px 6px 0 0 var(--nb-edge),9px 9px 0 -1px var(--nb-sheet),9px 9px 0 0 var(--nb-edge),0 16px 26px -14px #32281a52;transition:background-color var(--nb-ease),box-shadow var(--nb-ease)}.notebook__rings{grid-column:2;grid-row:1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;padding-block:18px}.notebook__rings span{position:relative;display:block;width:64px;height:14px;margin-left:-38px;border-radius:999px;background:linear-gradient(180deg,#fdfdfd,#e3e3e1 30%,#a8a8a6 62%,#7c7c7a 82%,#b5b5b3);box-shadow:inset 0 0 0 .5px #00000040}.notebook__rings span:before{content:"";position:absolute;z-index:-1;top:50%;right:-4px;width:12px;height:12px;border-radius:50%;background:var(--nb-hole);box-shadow:inset 1px 1px 2px #0009;transform:translateY(-50%)}.notebook__rings span:after{content:"";position:absolute;z-index:-1;left:4px;right:2px;bottom:-5px;height:7px;border-radius:50%;background:#32281a61;filter:blur(2px)}.notebook__tabs{grid-column:4;grid-row:1;align-self:start;position:relative;z-index:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:calc(100% + 10px);margin:22px 0 0 -10px}.notebook__tab{position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% - 10px);min-height:96px;padding:14px 0 14px 10px;writing-mode:vertical-rl;border:1px solid var(--nb-edge);border-left:0;border-radius:0 10px 10px 0;background:var(--nb-tab);color:var(--nb-tab-ink);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.03em;line-height:1;white-space:nowrap;cursor:pointer;transition:width var(--duration-fast) var(--ease-out),background-color var(--nb-ease),border-color var(--nb-ease),color var(--nb-ease)}.notebook__tab:hover{width:calc(100% - 5px);background:var(--nb-tab-hover)}.notebook__tab[aria-selected=true]{width:100%;background:var(--nb-paper);color:var(--nb-ink);font-weight:700;box-shadow:3px 3px 8px -3px #0000004d}.notebook__tab[aria-selected=true]:after{content:"";position:absolute;top:50%;right:8px;width:3px;height:20px;border-radius:999px;background:var(--nb-accent);transform:translateY(-50%)}.notebook__tab:focus-visible,.notebook__entry:focus-visible,.notebook__panel:focus-visible,.notebook__cta:focus-visible{outline:2px solid var(--nb-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--nb-focus-gap)}.notebook__panels{position:relative;display:grid;height:100%}.notebook__panel{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column;padding:26px 40px 30px 52px;border-radius:4px;visibility:hidden;opacity:0}.notebook__panel.is-active{visibility:visible;opacity:1;animation:notebook-page-in .32s var(--ease-out)}@keyframes notebook-page-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.notebook__title{margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:500;letter-spacing:-.015em;line-height:1.15;color:var(--nb-ink)}.notebook__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:28px;margin-bottom:6px}.notebook__eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--nb-ink-3)}.notebook__desc{margin:8px 0 0;max-width:50ch;font-size:var(--text-base);line-height:1.55;color:var(--nb-ink-2)}.notebook__desc--pending{font-style:italic}.notebook__preview{width:100%;max-width:460px;margin:var(--space-5) 0 0;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;border:1px solid var(--nb-edge);background:var(--surface-panel);box-shadow:0 6px 16px -10px #00000059}.notebook__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.notebook__preview--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:var(--space-4);text-align:center;border:1.5px dashed var(--nb-edge);background:repeating-linear-gradient(-45deg,var(--nb-rule) 0 12px,transparent 12px 24px);box-shadow:none}.notebook__placeholder-label{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--nb-ink-3)}.notebook__placeholder-text{font-size:var(--text-small);color:var(--nb-ink-2)}.notebook__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.3em;min-height:44px;margin-top:18px;padding:0 20px;border-radius:999px;background:var(--nb-accent);color:#fff;font-size:var(--text-small);font-weight:600;transition:background-color var(--duration-fast) var(--ease-out)}.notebook__cta:hover{background:var(--nb-accent-hover)}.notebook__tagline{margin:6px 0 0;font-family:var(--font-editorial);font-style:italic;font-size:var(--text-large);line-height:1.4;color:var(--nb-ink-2)}.notebook__notes{margin-top:10px}.notebook__notes-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border-radius:4px;list-style:none;color:var(--nb-accent);font-size:var(--text-small);font-weight:600;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.notebook__notes-toggle::-webkit-details-marker{display:none}.notebook__notes-toggle:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-out)}.notebook__notes[open]>.notebook__notes-toggle:after{transform:translateY(-2px) rotate(45deg)}.notebook__notes-toggle:hover{color:var(--nb-accent-hover)}.notebook__notes-toggle:focus-visible{outline:2px solid var(--nb-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--nb-focus-gap)}.notebook__notes-body{margin-top:8px;padding-top:18px;border-top:1px solid var(--nb-rule);font-size:var(--text-small);line-height:1.6;color:var(--nb-ink-2)}.notebook__label{margin:0;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--nb-ink-3)}.notebook__summary{margin:0;display:grid;gap:14px}.notebook__summary dd{margin:4px 0 0;max-width:54ch}.notebook__notes-body>h4.notebook__label{margin-top:22px}.notebook__features{margin:8px 0 0;padding-left:1.1em;max-width:54ch;list-style:disc}.notebook__features li+li{margin-top:4px}.notebook__features li::marker{color:var(--nb-ink-3)}.notebook__figure{margin:22px 0 0;max-width:460px}.notebook__figure img{width:100%;height:auto;border-radius:6px;border:1px solid var(--nb-edge);background:var(--surface-panel);box-shadow:0 6px 16px -10px #00000059}.notebook__figure figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--nb-ink-3)}.notebook__accuracy{margin:22px 0 0;max-width:54ch;padding:12px 14px;border-left:3px solid var(--nb-accent);border-radius:0 6px 6px 0;background:var(--nb-accent-wash);color:var(--nb-ink)}.notebook__accuracy strong{font-weight:600}#playground-panel-index{background-image:repeating-linear-gradient(to bottom,transparent 0 43px,var(--nb-rule) 43px 44px);background-origin:content-box}#playground-panel-index .notebook__title{line-height:44px}.notebook__index-head{display:flex;align-items:flex-end;justify-content:space-between;height:44px;padding:0 4px 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--nb-ink-3)}.notebook__index{list-style:none}.notebook__index li{height:44px}.notebook__entry{display:flex;align-items:flex-end;gap:12px;width:100%;height:43px;padding:0 4px 9px;border:0;border-radius:4px;background:none;color:var(--nb-ink);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.notebook__entry:hover{color:var(--nb-accent);background:var(--nb-accent-wash)}.notebook__entry-title{font-size:clamp(18px,1.6vw,21px);line-height:1.2}.notebook__entry-dots{flex:1;min-width:16px;margin-bottom:6px;border-bottom:1.5px dotted var(--nb-edge)}.notebook__entry-num{font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}@media (max-width: 880px){.playground-section{padding-bottom:clamp(56px,8vw,72px)}.notebook{display:flex;flex-direction:column;padding:12px 10px 14px}.notebook:before{top:0;right:0;bottom:0;left:0;border-radius:16px}.notebook:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:12px}.notebook__rings,.notebook__hint,.notebook__pocket{display:none}.notebook__page--left{min-height:0;padding:10px 6px 26px;background:none}.notebook__note{position:relative;inset:auto;max-width:420px;padding-bottom:30px;transform:rotate(-1.5deg)}.notebook__tabs{flex-direction:row;align-items:flex-end;gap:4px;width:auto;margin:0;padding-inline:8px}.notebook__tab,.notebook__tab:hover,.notebook__tab[aria-selected=true]{width:auto}.notebook__tab{flex:1 1 auto;min-width:0;min-height:44px;padding:8px;writing-mode:horizontal-tb;white-space:normal;text-align:center;line-height:1.15;border:1px solid var(--nb-edge);border-bottom:0;border-radius:10px 10px 0 0}.notebook__tab[aria-selected=true]{min-height:50px;box-shadow:none}.notebook__tab[aria-selected=true]:after{top:6px;right:auto;left:50%;width:20px;height:3px;transform:translate(-50%)}.notebook__page--right{box-shadow:0 0 0 1px var(--nb-edge),3px 3px 0 -1px var(--nb-sheet),3px 3px 0 0 var(--nb-edge),6px 6px 0 -1px var(--nb-sheet),6px 6px 0 0 var(--nb-edge)}.notebook__panel{display:none;padding:20px 16px 24px}.notebook__panel.is-active{display:flex}.notebook__preview,.notebook__figure{max-width:440px}}@media (max-width: 600px){.playground-section{padding-bottom:clamp(40px,12.3vw,56px)}.notebook__tabs{align-self:stretch;gap:3px;padding-inline:0}.notebook__tab{flex:0 1 auto;padding:8px 4px;font-size:12px;letter-spacing:0}}@media (max-width: 340px){.notebook__tabs{flex-wrap:wrap}.notebook__tab{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){.notebook__panel.is-active{animation:none}.notebook:before,.notebook__page--right,.notebook__note,.notebook__note-label,.notebook__note-text,.notebook__tab,.notebook__entry,.notebook__cta,.notebook__notes-toggle,.notebook__notes-toggle:after,.playground-header__title,.playground-header__desc{transition:none}}