@font-face{font-family:Manrope;src:url('/experiences/human-v7/fonts/manrope-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Fraunces;src:url('/experiences/human-v7/fonts/fraunces-latin.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#494b49;--line:#62665b40;--paper:#f7efdf}*{box-sizing:border-box}body{margin:0;background:#e5ddce;color:var(--ink);font-family:Manrope,sans-serif;font-size:13px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #53696d;outline-offset:6px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}main{height:100svh;min-height:440px;position:relative;isolation:isolate;overflow:hidden}#painting{position:absolute;width:100%;height:100%;inset:0;z-index:-2;touch-action:pan-y;background:radial-gradient(ellipse at 55% 48%,#edab8a 0,#e7bcb1 19%,#eee0c9 35%,#a7b8c0 65%,#e5c5ad 100%)}.paper{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}header,footer{position:absolute;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;z-index:3}header{top:env(safe-area-inset-top)}footer{bottom:env(safe-area-inset-bottom);min-height:90px}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;color:inherit;font-size:19px;font-weight:600;letter-spacing:-.8px}.brand>span:last-child{font-size:12px;font-weight:400;letter-spacing:1.7px}.brand-line{width:1px;height:19px;background:var(--line)}.header-actions{display:flex;gap:12px}.round{width:44px;height:44px;border:1px solid var(--line);background:#fff8e510;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .4s,opacity .4s;font-size:24px}.round:hover{background:#fff8e54a}.round svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}[aria-pressed=true] .sound-waves{display:block}[aria-pressed=true] .sound-muted{display:none}.intro{position:absolute;left:9%;top:50%;transform:translateY(-38%);max-width:420px;transition:opacity 1.5s,transform 1.5s}.eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:25px}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(48px,5.2vw,76px);line-height:1.07;font-weight:350;letter-spacing:-2.5px;margin:0 0 25px}h1 em{font-weight:300}.intro-copy{font-size:13px;line-height:1.9;margin:0 0 30px}.begin{border:1px solid var(--line);border-radius:40px;padding:17px 23px;min-width:212px;background:#fff9eb90;display:flex;justify-content:space-between;gap:32px;backdrop-filter:blur(14px);font-size:12px}.begin:hover{background:#fff9ebd0}.quiet-note{font-size:9px;line-height:1.8;margin-top:18px;opacity:.75}.signature,.touch-hint{font-size:9px;letter-spacing:2px}.touch-hint{letter-spacing:.4px}.breath-cue{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);width:90%;text-align:center;pointer-events:none}.breath-cue p{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:350;margin:14px 0 8px}.breath-cue>span:last-child{font-size:10px;letter-spacing:.6px;transition:opacity 3s}.cue-line{display:block;width:1px;height:25px;background:var(--ink);opacity:.35;margin:auto}.session-controls{display:flex;gap:20px;align-items:center}.text-button{border:0;background:none;font-size:10px;letter-spacing:.6px;padding:12px 0}.started .intro{opacity:0;transform:translateY(-34%);pointer-events:none}.started .signature{opacity:.6}body[data-night=true]{--ink:#f1e4df;--line:#f1e4df55}.started header,.started footer{transition:opacity 2s}.resting header,.resting footer{opacity:.35}.resting header:hover,.resting header:focus-within,.resting footer:hover,.resting footer:focus-within{opacity:1}dialog{border:1px solid #d3cdbe;border-radius:22px;background:#f8f3e9;color:#454b49;padding:28px;width:min(380px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 24px 100px #38485725}dialog::backdrop{background:#3139491c;backdrop-filter:blur(8px)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:350;margin:0}.panel-heading .round{width:32px;height:32px;border:0}.panel-intro{font-size:11px;margin:10px 0 28px;opacity:.7}dialog>label:not(.check){display:block;font-size:10px;letter-spacing:.4px;margin:20px 0 9px}select{width:100%;padding:12px;background:transparent;border:1px solid #b2b3a970;border-radius:8px;font-size:12px}input[type=range]{width:100%;accent-color:#657a79}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:24px 0}input[type=checkbox]{accent-color:#657a79;width:16px;height:16px}.motion-button{border:1px solid #b2b3a970;background:transparent;border-radius:8px;width:100%;padding:12px;font-size:11px}.panel-note{font-size:10px;line-height:1.8;opacity:.75}.language{display:inline-block;color:inherit;font-size:10px;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.no-script{position:absolute;bottom:5%;background:#f8f3e9;padding:20px}.webgl-fallback #painting{animation:fallback-breathe 10s ease-in-out infinite}.paused #painting{animation-play-state:paused}@keyframes fallback-breathe{50%{filter:saturate(.8) brightness(1.07)}}@media(min-width:850px){.started .breath-cue{bottom:13%}}@media(max-width:849px){header,footer{padding:22px 24px}.intro{left:0;top:auto;bottom:14%;width:100%;max-width:none;text-align:center;transform:none}h1{font-size:48px;letter-spacing:-1.8px;margin-bottom:15px}.eyebrow{margin-bottom:17px;font-size:8px}.intro-copy{font-size:11px;line-height:1.8;margin-bottom:22px}.begin{margin:auto;padding:15px 22px}.quiet-note{font-size:8px;margin-top:14px}.started .intro{transform:translateY(10px)}.signature{font-size:8px;letter-spacing:1.3px}.touch-hint{font-size:8px}.brand{font-size:18px}.round{width:42px;height:42px}.breath-cue{bottom:19%}.breath-cue p{font-size:25px}.breath-cue>span:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
:root{overscroll-behavior:none}body{overflow:hidden}.sr-only{top:0;left:0;margin:0}.gentle #painting{animation:none}