@font-face{font-family:Fredoka;src:url('assets/fredoka-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Fredoka;src:url('assets/fredoka-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--cream:#f7e8cd;--ink:#42251b;--orange:#ed862e;--red:#a73527;--light:#fff6e7;--muted:#705544;--pad:clamp(22px,4.4vw,76px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Fredoka,Arial,sans-serif;font-size:18px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:var(--ink);color:var(--cream)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.03;letter-spacing:-.035em}h2{font-size:clamp(44px,5.4vw,82px)}h3{font-size:30px}img{display:block;width:100%;height:auto}svg{display:block}section{scroll-margin-top:80px}.skip{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:fixed;top:10px;left:16px;background:var(--ink);color:var(--cream);padding:14px;z-index:50}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible;top:10px}
.header{height:88px;padding:0 var(--pad);display:flex;align-items:center;gap:36px;position:relative;z-index:20;background:var(--cream)}.wordmark{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;margin-right:auto;line-height:1}.wordmark svg{width:36px;height:36px;fill:var(--orange);stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wordmark .face{fill:none;stroke-width:2.5}nav{display:flex;gap:30px;align-items:center}nav a{padding:10px 0}nav a:hover{text-decoration:underline;text-underline-offset:6px}.motion-button,.menu-button{background:transparent;border:0;padding:12px 0;min-height:44px;font-size:16px;text-decoration:underline;text-underline-offset:5px}.menu-button{display:none}.motion-button{margin-left:22px}
.hero{min-height:calc(100svh - 88px);padding:30px var(--pad) 74px;position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:3vw;align-items:center;max-width:1920px;margin:auto}.hero-copy{position:relative;z-index:2;padding:12px 0 35px}.identity{font-size:20px;margin-bottom:16px}.identity span{margin-left:15px;color:var(--muted)}h1{font-size:clamp(68px,8.7vw,154px);letter-spacing:-.05em;line-height:.95;margin-left:-.04em;color:var(--ink)}.hero-line{font-size:clamp(40px,4.6vw,70px);font-weight:700;line-height:1.05;letter-spacing:-.025em;margin-top:28px}.intro{margin:26px 0 26px;font-size:21px;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 25px;min-height:56px;border:0;border-radius:100px;font-weight:700;font-size:19px;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)}.primary{color:var(--light);background:var(--ink)}.primary:hover{background:#663422}.button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contract-note{font-size:15px;color:var(--muted);margin-top:16px}.hero-art{position:relative;align-self:center;padding-bottom:35px}.hero-art img{border-radius:48% 48% 5px 5px;position:relative;animation:quiet-breath 10s ease-in-out infinite;transform-origin:center 70%}.hero-art figcaption{position:absolute;bottom:0;right:0;font-size:17px}.story-link{position:absolute;bottom:22px;left:var(--pad);font-size:16px;display:flex;gap:18px;align-items:center}.story-link span{font-size:27px}
.market{background:var(--red);color:var(--light);padding:100px var(--pad) 70px}.market-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.market-intro p{font-size:23px;line-height:1.5;max-width:32ch}.market-scene{max-width:1320px;margin:auto;position:relative}.market-scene>img{border-radius:5px;width:100%;max-height:760px;object-fit:cover;object-position:center 48%}.notification{background:var(--light);color:var(--red);position:absolute;padding:12px 20px;border-radius:8px;font-weight:700;font-size:clamp(17px,2vw,27px);animation:notification-drift 6s ease-in-out infinite;}.notification.one{top:10%;left:3%;rotate:-5deg}.notification.two{bottom:15%;right:3%;rotate:4deg;animation-delay:-3s}.fiction-note{margin-top:15px;font-size:16px}.market-after{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:45px auto 0;max-width:1320px}.market-after>p{font-size:clamp(24px,2.6vw,38px);line-height:1.25}.text-link{font-size:19px;display:flex;gap:20px;align-items:center;text-decoration:underline;text-underline-offset:6px;min-height:44px}.text-link:hover{text-decoration-thickness:2px}
.breathing{padding:100px var(--pad) 110px}.breath-heading{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;margin-bottom:46px}.breath-heading p{font-size:23px;max-width:28ch}.pause-room{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:6vw}.evening-art img{border-radius:4px;aspect-ratio:3/2;object-fit:contain}.evening-art figcaption{font-size:17px;margin-top:17px}.breath-tool{text-align:center;max-width:480px;width:100%;justify-self:center}.breath-dial{width:min(290px,80vw);height:290px;position:relative;margin:10px auto 28px;display:grid;place-items:center}.breath-ring{position:absolute;inset:10px;border:15px solid #e4c9a2;border-radius:50%;transform:scale(.88);background:#fff0d7;transition:border-color .3s}.dial-copy{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.4;pointer-events:none}.dial-copy strong{font-size:58px;line-height:1.2;margin:8px 0;font-weight:700;letter-spacing:-.03em}.dial-copy span{font-size:18px}.breath-instruction{font-size:20px}.breath-actions{display:flex;justify-content:center;gap:22px;align-items:center;margin-top:25px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;min-width:54px;min-height:44px;padding:8px}.breath-actions .button{min-width:190px}.breath-tool #session-status{font-size:17px;margin-top:20px;min-height:26px}.pace-note{font-size:15px;color:var(--muted);margin-top:8px}.breath-tool[data-running="true"] .breath-ring{border-color:#dd9e58}
.club{background:var(--orange);padding:90px var(--pad);display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.club-copy>p{font-size:23px;max-width:33ch;margin:30px 0}.dark{background:var(--ink);color:var(--light)}.token-info{padding-top:10px}.token-info dl{margin:32px 0}.token-info dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;line-height:1.4}.token-info dt{font-weight:400}.token-info dd{text-align:right;font-weight:700;margin:0}.token-info>p{font-size:17px;max-width:45ch}.club h3{font-size:32px}
@keyframes quiet-breath{0%,100%{transform:scale(.985)}40%{transform:scale(1)}}@keyframes notification-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}html:has(body.motion-paused){scroll-behavior:auto}body.motion-paused .breath-ring{transform:scale(.94)!important}
@media(min-width:1600px){.hero-art{max-width:800px}.hero{gap:5vw}.market-scene>img{max-height:820px}}
@media(max-width:1050px){.header{gap:20px}nav{gap:20px}.motion-button{margin-left:0}.hero{grid-template-columns:1fr 1.05fr;gap:20px;padding-top:20px}.hero-line{font-size:46px}h1{font-size:8.6vw}.intro{font-size:19px}.market-intro p,.breath-heading p{font-size:20px}.pause-room{gap:35px;grid-template-columns:1fr 1fr}.breath-dial{height:250px;width:250px}.club{gap:6vw}.club-copy>p{font-size:21px}.footer-base{font-size:14px;align-items:flex-start}.footer-base p{max-width:30ch}}
@media(max-width:760px){html{scroll-padding-top:30px}.header{height:74px;gap:18px}.wordmark{font-size:20px;gap:7px}.wordmark svg{width:30px;height:30px}.menu-button{display:block;font-size:15px}.motion-button{font-size:14px;text-decoration:none;padding:8px 0;max-width:70px;line-height:1.2}nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--ink);color:var(--cream);padding:22px var(--pad);gap:22px;flex-wrap:wrap;font-size:18px}nav.is-open{display:flex}.hero{display:flex;flex-direction:column;gap:20px;padding:20px var(--pad) 65px;min-height:calc(100svh - 74px)}.hero-copy{width:100%;padding:0;display:flex;flex-direction:column;align-items:flex-start}.identity{font-size:17px;margin-bottom:13px}h1{font-size:clamp(61px,14.5vw,105px);line-height:.95}.hero-line{font-size:clamp(36px,8.4vw,54px);margin-top:20px}.intro{font-size:18px;margin:17px 0 19px;max-width:30ch}.desktop-break{display:none}.hero .button{min-height:50px;padding:12px 22px;font-size:18px}.contract-note{margin-top:10px;font-size:14px}.hero-art{width:100%;max-width:490px;margin:10px auto 0;padding-bottom:29px}.hero-art img{border-radius:45% 45% 3px 3px}.hero-art figcaption{font-size:15px;left:0;right:auto}.story-link{font-size:14px;bottom:15px;gap:10px}.story-link span{font-size:22px}.market{padding-top:62px;padding-bottom:55px}.market-intro,.breath-heading{display:block;margin-bottom:30px}h2{font-size:clamp(38px,9.7vw,60px)}.market-intro p,.breath-heading p{margin-top:24px;font-size:19px}.market-scene>img{aspect-ratio:3/2;object-fit:contain}.notification{font-size:14px;padding:8px 12px;}.notification.one{left:3%;top:5%;font-size:13px}.notification.two{right:3%;bottom:18%}.fiction-note{font-size:14px;max-width:30ch}.market-after{display:block;margin-top:30px}.market-after>p{font-size:26px}.text-link{margin-top:25px;font-size:17px;gap:12px}.breathing{padding-top:65px;padding-bottom:65px}.pause-room{display:flex;flex-direction:column;gap:35px}.evening-art{width:100%}.evening-art img{aspect-ratio:3/2;object-fit:contain}.evening-art figcaption{font-size:15px}.breath-dial{width:270px;height:270px;margin-bottom:22px}.breath-tool{max-width:430px}.breath-instruction{font-size:18px}.breath-actions{gap:18px}.breath-actions .button{font-size:18px;min-width:180px}.pace-note{font-size:14px}.club{padding-top:60px;padding-bottom:60px;display:block}.club-copy>p{font-size:20px;margin:24px 0}.club .button{font-size:17px}.token-info{margin-top:56px;padding-top:0}.club h3{font-size:29px}.token-info dl{font-size:17px;margin:23px 0}.token-info dl div{gap:10px;padding:12px 0}.token-info>p{font-size:16px}.footer-name{font-size:16.2vw}footer{padding-top:35px}.footer-base{display:block;font-size:14px;margin-top:25px}.footer-base p{max-width:none;margin-bottom:12px}.footer-base a{display:inline-flex;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.breath-ring{transform:scale(.94)!important}}

body.tab-hidden *, .offscreen *{animation-play-state:paused!important}

/* The closing scene is composed independently at narrow widths. */
.breathing-picture{position:relative;isolation:isolate}
.breathing-cat{position:absolute;inset:0;width:100%;height:100%;border-radius:4px;visibility:hidden;pointer-events:none}
.breathing-cat.is-ready{visibility:visible}
.zen-footer{padding:0;background:var(--cream);color:var(--ink)}
.closing-room{position:relative;max-height:850px;overflow:hidden;min-height:520px}
.closing-art{width:100%;aspect-ratio:1.8;object-fit:cover;object-position:center 65%}
.closing-copy{position:absolute;top:22%;left:var(--pad);width:43%;max-width:650px}
.closing-copy h2{font-size:clamp(40px,5.7vw,88px);line-height:1.06}
.closing-copy p{margin-top:28px;font-size:clamp(19px,2vw,26px);line-height:1.4}
.closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px var(--pad);background:var(--ink);color:var(--cream)}
.closing-name{font-size:clamp(34px,4.5vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1}
.closing-bottom p{font-size:16px;line-height:1.45}
.closing-top{display:flex;align-items:center;gap:18px;min-height:44px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.closing-room{min-height:420px}.closing-art{min-height:420px}.closing-copy{top:18%}.closing-bottom{gap:22px}.closing-bottom p{font-size:14px}}
@media(max-width:760px){.closing-room{display:flex;flex-direction:column;min-height:0;max-height:none;background:var(--cream);overflow:visible}.closing-copy{position:static;width:auto;max-width:none;order:-1;padding:54px var(--pad) 26px}.closing-copy h2{font-size:clamp(37px,9.5vw,60px)}.closing-copy p{font-size:19px;margin-top:22px}.closing-art{aspect-ratio:1.2;min-height:0;object-fit:cover;object-position:right center}.closing-bottom{align-items:flex-start;flex-wrap:wrap;padding-top:27px;padding-bottom:25px;gap:20px}.closing-name{font-size:36px}.closing-bottom p{order:3;flex-basis:100%;font-size:14px}.closing-top{font-size:16px;gap:12px}}

/* A fixed camera with a localized breathing torso, including the first view. */
.hero-picture{position:relative}.hero-picture img{animation:none;transform:none}.hero-picture canvas{border-radius:48% 48% 5px 5px}
@media(max-width:760px){.hero-picture canvas{border-radius:45% 45% 3px 3px}}