:root{--bg: #f5f7f5;--bg-rgb: 245, 247, 245;--text: #252b2d;--muted: #737d80;--line: rgba(37, 43, 45, .13);--accent: #8dbbd2;--blue-soft: #e4eff3;--green-soft: #e7eee5;--lilac-soft: #ece8f1;--white: #ffffff;--gutter: clamp(22px, 4.2vw, 72px);--ease-out: cubic-bezier(.16, 1, .3, 1);--font: "Manrope", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto;overflow-x:clip}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;cursor:none}body.is-loading{overflow:hidden}html{scrollbar-color:rgba(37,43,45,.22) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:8px;background:#252b2d2e;background-clip:padding-box;transition:background .24s ease,border-width .24s ease}::-webkit-scrollbar-thumb:hover{border-width:3px;background:var(--accent);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#252b2d6b;background-clip:padding-box}body.is-motion-off *,body.is-motion-off *:before,body.is-motion-off *:after{animation-play-state:paused!important}::selection{color:var(--text);background:var(--accent)}a,button,input{color:inherit;font:inherit}a{text-decoration:none}button{padding:0;border:0;background:none;cursor:none}p,h1,h2,h3{margin:0}p{text-wrap:pretty}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--text);outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:12px 18px;color:var(--bg);background:var(--text);transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;padding:32px var(--gutter);color:var(--text);background:var(--bg)}.loader__brand{font-size:15px;font-weight:700;letter-spacing:-.04em}.loader__brand span{margin-left:3px;font-size:8px;vertical-align:top}.loader__center{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.loader__hello{font-size:clamp(26px,3.5vw,54px);font-weight:500;letter-spacing:-.05em}.loader__count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.loader__line{height:1px;overflow:hidden;background:var(--line)}.loader__line span{display:block;width:100%;height:100%;background:var(--text);transform:scaleX(0);transform-origin:left}.scroll-progress{position:fixed;top:0;left:0;z-index:500;width:100%;height:2px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.cursor{position:fixed;top:0;left:0;z-index:10001;display:grid;width:12px;height:12px;place-items:center;border:1px solid rgba(37,43,45,.7);border-radius:50%;opacity:0;pointer-events:none;transition:width .26s var(--ease-out),height .26s var(--ease-out),background .26s ease,border-color .26s ease}.cursor__label{color:var(--text);font-size:10px;font-weight:500;white-space:nowrap;opacity:0}.cursor.is-active{width:58px;height:58px;border-color:#ffffffb3;background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cursor.is-active .cursor__label{opacity:1}.site-header{position:absolute;top:0;left:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:26px var(--gutter)}.brand{display:inline-flex;align-items:center;justify-self:start;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.045em}.brand__mark{width:21px;height:21px;color:var(--accent);transition:transform .5s var(--ease-out)}.brand:hover .brand__mark{transform:rotate(90deg)}.main-nav{display:flex;gap:36px;font-size:13px}.nav-link{position:relative;padding:8px 0;color:#50595c}.nav-link:after{position:absolute;right:0;bottom:2px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.header-actions{display:flex;align-items:center;justify-self:end;gap:8px}.language-toggle{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:600}.language-toggle span{transition:opacity .2s ease}.language-toggle span:last-child{opacity:.35}.language-toggle i{width:12px;height:1px;background:var(--line)}html[lang=en] .language-toggle span:first-child{opacity:.35}html[lang=en] .language-toggle span:last-child{opacity:1}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid transparent;border-radius:50%;transition:background .2s ease,border-color .2s ease}.icon-button:hover{border-color:var(--line);background:#ffffff73}.icon-button svg{width:19px;height:19px}#sound-toggle[aria-pressed=true]{background:var(--blue-soft);border-color:#8dbbd259}.motion-play,.is-motion-off .motion-pause{display:none}.is-motion-off .motion-play{display:block}.hero{position:relative;min-height:max(100svh,720px);overflow:hidden;isolation:isolate;background:var(--bg)}#fluid-canvas{position:absolute;inset:0;z-index:-3;display:block;width:100%;height:100%;transition:opacity .5s var(--ease-out)}.hero__glow{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(78% 92% at 24% 52%,rgba(var(--bg-rgb),.78),rgba(var(--bg-rgb),.3) 40%,rgba(var(--bg-rgb),0) 66%)}.hero--static{background:radial-gradient(ellipse at 75% 50%,var(--blue-soft),transparent 55%),var(--bg)}.hero--static #fluid-canvas{display:none}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1600px;min-height:max(100svh,720px);margin:0 auto;padding:130px var(--gutter) 150px}.hero__eyebrow{margin-bottom:30px;color:#596568;font-size:13px;font-weight:500;letter-spacing:.04em}.hero__eyebrow:before{display:inline-block;width:24px;height:1px;margin-right:12px;background:var(--accent);content:"";vertical-align:middle}.hero__title{max-width:850px;font-size:clamp(54px,6.25vw,104px);font-weight:600;line-height:1.18;letter-spacing:-.065em}.title-line{display:block;overflow:hidden;padding:0 .08em .08em 0}.circled{position:relative;z-index:1;display:inline-block;margin:0 .03em}.circled:after{position:absolute;inset:4% -9% -1%;z-index:-1;border:2px solid var(--accent);border-radius:50%;content:"";opacity:.75;transform:rotate(-7deg)}.hero__intro{max-width:560px;margin-top:34px;color:#626d70;font-size:clamp(15px,1.25vw,18px);line-height:1.9;letter-spacing:.01em}.hero__action{margin-top:36px}.enter-link{display:inline-flex;align-items:center;gap:22px;min-height:52px;padding:5px 6px 5px 24px;border:1px solid rgba(37,43,45,.16);border-radius:30px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:500;transition:background .25s ease,border-color .25s ease}.enter-link:hover{border-color:#252b2d47;background:#ffffffd9}.enter-link__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--white);background:var(--text)}.enter-link__icon svg{width:18px;transition:transform .3s var(--ease-out)}.enter-link:hover .enter-link__icon svg{transform:translate(3px)}.hero__bottom{position:absolute;right:var(--gutter);bottom:30px;left:var(--gutter);z-index:3;display:flex;align-items:center;justify-content:space-between;color:#697477;font-size:11px;letter-spacing:.04em}.scroll-cue{display:flex;align-items:center;gap:10px}.scroll-cue svg{width:17px;animation:scroll-cue 2.4s var(--ease-out) infinite}@keyframes scroll-cue{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.drift-notes{position:absolute;inset:0;z-index:2;pointer-events:none}.drift-note{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid rgba(255,255,255,.65);border-radius:24px;color:#4f5e63;background:#ffffff80;box-shadow:0 12px 40px #49646d0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;white-space:nowrap}.drift-note i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.drift-note--one{top:25%;right:14%;transform:rotate(5deg);animation:drift-one 7s ease-in-out infinite}.drift-note--two{top:49%;right:6%;transform:rotate(-5deg);animation:drift-two 8s ease-in-out infinite}.drift-note--two i{background:#9ebda4}.drift-note--three{right:28%;bottom:22%;transform:rotate(3deg);animation:drift-one 9s ease-in-out -3s infinite}.drift-note--three i{background:#b4a4cc}@keyframes drift-one{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes drift-two{0%,to{translate:0 0}50%{translate:8px 10px}}.about{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:150px var(--gutter) 140px}.about__label{margin-bottom:70px;color:var(--muted);font-size:12px;letter-spacing:.08em}.about__label:before{content:"●";margin-right:10px;color:var(--accent);font-size:8px}.about__grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:10vw}.about__title{font-size:clamp(44px,5.2vw,82px);font-weight:500;line-height:1.25;letter-spacing:-.06em}.about__copy{padding-top:14px}.about__copy>p:first-child{color:#505b5e;font-size:clamp(16px,1.4vw,20px);line-height:1.9}.about__small{margin-top:26px;color:var(--muted);font-size:13px;line-height:1.8}.note-list{margin-top:120px;border-top:1px solid var(--line)}.note-row{display:grid;grid-template-columns:40px minmax(210px,.9fr) 1.2fr 24px;align-items:center;gap:24px;min-height:112px;padding:20px 18px 20px 4px;border-bottom:1px solid var(--line);transition:padding .35s var(--ease-out),background .35s ease}.note-row:hover{padding-right:24px;padding-left:20px;background:#ffffff8c}.note-row__icon{width:18px;height:18px;border-radius:50% 50% 50% 12%;transform:rotate(-20deg)}.note-row__icon--blue{background:var(--accent)}.note-row__icon--green{background:#9ebda4}.note-row__icon--lilac{background:#b4a4cc}.note-row h3{font-size:clamp(17px,1.5vw,22px);font-weight:500;letter-spacing:-.03em}.note-row p{color:var(--muted);font-size:14px;line-height:1.7}.note-row__arrow{color:var(--muted);font-size:18px;transition:transform .35s var(--ease-out)}.note-row:hover .note-row__arrow{transform:translate(3px,-3px)}.pause{position:relative;z-index:2;display:grid;min-height:88vh;margin:0 24px;place-items:center;overflow:hidden;border-radius:34px;background:#eaf1f3}.pause__content{position:relative;z-index:2;max-width:720px;padding:120px var(--gutter);text-align:center}.pause__label{margin-bottom:28px;color:#6b7b80;font-size:12px;letter-spacing:.1em}.pause h2{font-size:clamp(46px,5.6vw,88px);font-weight:500;line-height:1.22;letter-spacing:-.065em}.pause__body{margin-top:30px;color:#67777c;font-size:16px;line-height:1.9}.pause-button{display:inline-flex;align-items:center;gap:18px;min-height:52px;margin-top:36px;padding:0 24px;border:1px solid rgba(37,43,45,.12);border-radius:28px;background:#ffffffad;font-size:13px;transition:background .25s ease,transform .25s ease}.pause-button:hover{background:var(--white)}.pause-button svg{width:23px}.pause__sky{position:absolute;inset:0;pointer-events:none}.float-shape{position:absolute;display:block;opacity:.75}.float-shape--one{top:14%;left:10%;width:100px;height:100px;border-radius:45% 55% 65% 35%;background:#d6e5ea;animation:shape-drift 11s ease-in-out infinite}.float-shape--two{top:20%;right:12%;width:64px;height:64px;border:1px solid #b7cdd5;border-radius:50%;animation:shape-drift 9s ease-in-out -2s infinite reverse}.float-shape--three{bottom:16%;left:18%;width:48px;height:48px;border-radius:16px;background:#e1dbea;transform:rotate(22deg);animation:shape-drift 10s ease-in-out -5s infinite}.float-shape--four{right:19%;bottom:14%;width:88px;height:48px;border-radius:50%;background:#dce8db;transform:rotate(-18deg);animation:shape-drift 12s ease-in-out -4s infinite reverse}.float-line{position:absolute;top:52%;left:5%;width:160px;color:#a8bfc7;transform:rotate(-15deg)}.pause.is-drifting .float-shape{animation-duration:3.5s}.pause.is-drifting .float-line{animation:line-drift 4s ease-in-out 2}@keyframes shape-drift{0%,to{translate:0 0;rotate:0deg}50%{translate:18px -24px;rotate:8deg}}@keyframes line-drift{50%{transform:translate(40px,-20px) rotate(5deg)}}.site-footer{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:130px var(--gutter) 34px}.footer__thanks{margin-bottom:110px;font-size:clamp(38px,4.4vw,70px);font-weight:500;letter-spacing:-.06em}.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer__bottom>span:nth-child(2){text-align:center}.footer__actions{display:flex;justify-self:end;gap:26px}.text-button,.back-top{font-size:11px}.text-button:hover,.back-top:hover{color:var(--text)}.tweaks{position:fixed;right:24px;bottom:24px;z-index:1000;width:min(360px,calc(100vw - 40px));padding:24px;border:1px solid rgba(37,43,45,.12);border-radius:20px;color:var(--text);background:#fafbf9eb;box-shadow:0 24px 80px #35484e1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .24s ease,transform .24s var(--ease-out)}.tweaks.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.tweaks__header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.tweaks__header>div{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.tweaks__header small{color:var(--muted);font-size:10px;font-weight:400}.tweaks .icon-button{width:30px;height:30px;font-size:20px}.range-control{display:grid;grid-template-columns:1fr auto;gap:16px;padding:24px 0;font-size:11px}.range-control output{color:var(--muted);font-variant-numeric:tabular-nums}.range-control input{grid-column:1 / -1;width:100%;height:2px;appearance:none;background:var(--line);accent-color:var(--accent)}.range-control input::-webkit-slider-thumb{width:14px;height:14px;appearance:none;border-radius:50%;background:var(--accent)}.palette-control{padding:0 0 22px;border:0}.palette-control legend{margin-bottom:14px;font-size:11px}.palette-control>div{display:flex;gap:8px}.swatch{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:1px solid transparent;border-radius:12px;color:var(--muted)}.swatch.is-active{border-color:var(--line);color:var(--text);background:var(--white)}.swatch span{width:24px;height:24px;border-radius:50%;background:var(--swatch)}.swatch b{font-size:10px;font-weight:400}.tweaks__footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.toast{position:fixed;bottom:28px;left:50%;z-index:1200;padding:13px 20px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:#ffffffe0;box-shadow:0 12px 40px #35484e14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,16px)}html[lang=en] .hero__title{max-width:760px;font-family:Manrope,sans-serif;font-size:clamp(48px,5.7vw,92px);font-weight:600;line-height:1.06;letter-spacing:-.065em}html[lang=en] .hero__intro{max-width:500px;line-height:1.75}html[lang=en] .about__title,html[lang=en] .pause h2,html[lang=en] .footer__thanks{font-family:Manrope,sans-serif;line-height:1.12}html[lang=en] .note-row{grid-template-columns:40px minmax(220px,.9fr) 1.2fr 24px}@media(max-width:900px){body,button{cursor:auto}.cursor{display:none}.site-header{grid-template-columns:1fr auto;row-gap:2px;padding-top:20px}.header-actions{grid-row:1;grid-column:2}.main-nav{display:flex;grid-row:2;grid-column:1 / -1;justify-content:flex-start;gap:22px;font-size:12px}.hero__title{max-width:650px}.hero__intro{max-width:480px}.drift-note--one{right:8%}.drift-note--two{right:4%}.drift-note--three{right:12%}.about__grid{grid-template-columns:1fr;gap:46px}.about__copy{max-width:560px;padding-top:0}.note-row{grid-template-columns:32px 1fr 24px;gap:16px}.note-row p{grid-column:2 / 3}.note-row__arrow{grid-column:3;grid-row:1}.pause{min-height:78vh}.footer__bottom{grid-template-columns:1fr auto}.footer__bottom>span:nth-child(2){display:none}}@media(max-width:600px){:root{--gutter: 22px}.loader{padding-top:24px;padding-bottom:24px}.loader__center{align-items:flex-start;flex-direction:column}.loader__hello{font-size:28px}.site-header{padding-top:18px;padding-bottom:18px}.brand{font-size:14px}.brand__mark{width:19px}.header-actions{gap:2px}.language-toggle{padding:0 8px}.icon-button{width:34px;height:34px}.hero{min-height:100svh}.hero__content{min-height:100svh;padding-top:130px;padding-bottom:180px}.hero__eyebrow{margin-bottom:22px;font-size:11px}.hero__title{max-width:100%;font-size:clamp(46px,13.5vw,66px);line-height:1.22}.hero__intro{max-width:330px;margin-top:26px;font-size:14px;line-height:1.85}.hero__intro br{display:none}.hero__action{margin-top:28px}.hero__glow{background:linear-gradient(180deg,rgba(var(--bg-rgb),.82),rgba(var(--bg-rgb),.72) 45%,rgba(var(--bg-rgb),.55) 68%,rgba(var(--bg-rgb),.15))}.drift-note{padding:9px 13px;font-size:10px}.drift-note--one{top:17%;right:6%}.drift-note--two{top:auto;right:5%;bottom:24%}.drift-note--three{right:auto;bottom:16%;left:38%}.hero__bottom{bottom:22px;font-size:9px}.hero__bottom>p{max-width:150px;line-height:1.6}.scroll-cue span{display:none}html[lang=en] .hero__title{font-size:12.5vw;line-height:1.08}.about{padding-top:100px;padding-bottom:90px}.about__label{margin-bottom:44px}.about__title{font-size:12vw}.about__grid{gap:34px}.about__copy>p:first-child{font-size:16px}.note-list{margin-top:70px}.note-row{min-height:120px;padding-right:4px}.note-row:hover{padding-right:8px;padding-left:10px}.note-row h3{font-size:17px}.note-row p{font-size:12px}.pause{min-height:82vh;margin:0 10px;border-radius:26px}.pause__content{padding:100px 24px}.pause h2{font-size:12vw}.pause__body{font-size:14px}.float-shape--one{left:2%;width:70px;height:70px}.float-shape--two{right:5%}.float-line{left:-10%;width:120px}.site-footer{padding-top:90px}.footer__thanks{margin-bottom:70px;font-size:10vw}.footer__bottom{gap:16px;font-size:9px}.footer__actions{gap:16px}.tweaks{right:20px;bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}