:root{--bg-canvas:#f3f0fa;--bg-surface:#fffaff;--bg-surface-hover:#ece4f2;--text-primary:#3f3541;--text-muted:#6c5c6d;--accent-primary:#54234f;--accent-secondary:#8a567f;--border-subtle:#d8cadb;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(63,35,59,.15);--glow-accent:0 0 24px -4px rgba(84,35,79,.16);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure{margin:0 0 1rem}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.9vw,5rem);max-width:15ch}h2{font-size:clamp(1.8rem,3.3vw,2.8rem)}h3{font-size:1.35rem}a{color:var(--accent-primary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit;color:inherit;border-radius:0}button{cursor:pointer}button,a,input,textarea,summary,select{outline-offset:5px}:focus-visible{outline:3px solid var(--accent-secondary)}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}button{border:0;background:none}p:last-child{margin-bottom:0}small{font-size:.82rem}.wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}.topbar{padding:7px 24px;background:var(--accent-primary);color:var(--bg-surface);font-size:.78rem;letter-spacing:.06em}.site-header{position:relative;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1rem;font-weight:bold;white-space:nowrap;letter-spacing:-.04em}.brand-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--accent-primary);color:var(--bg-surface);font-size:17px;letter-spacing:-4px;padding-right:4px}.nav{display:flex;align-items:center;gap:19px}.nav a{font-size:.8rem;white-space:nowrap;text-decoration:none;position:relative}.nav a::after,.text-action::after{content:"";display:block;height:2px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-kinetic)}.nav a:hover::after,.nav a[aria-current]::after,.text-action:hover::after{transform:scaleX(1)}.menu-toggle{display:none;font-size:2rem;line-height:1;padding:6px 12px}.skip{position:absolute;top:-100px;left:15px;z-index:100;padding:10px;background:var(--bg-surface)}.skip:focus{top:12px}.band{padding:78px 0;background:var(--bg-canvas)}.band.pale{background:var(--bg-surface)}.pattern{background-image:radial-gradient(rgba(84,35,79,.13) .8px,transparent .8px);background-size:19px 19px}.eyebrow{font-size:.76rem;font-weight:bold;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);margin-bottom:16px}.lead{font-size:1.2rem;line-height:1.7;max-width:56ch}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hero-copy{position:relative;z-index:1}.hero-art{position:relative;min-height:435px;isolation:isolate}.hero-art::before{content:"";position:absolute;inset:6% 0;background:radial-gradient(ellipse,#d4b9d8,transparent 68%);z-index:-1;animation:ambient 12s ease-in-out infinite alternate}.hero-art figure{position:absolute;box-shadow:var(--shadow-elevation);border:7px solid var(--bg-surface);margin:0}.hero-eyes{width:65%;height:230px;top:10px;left:0;transform:rotate(-5deg)}.hero-hands{width:54%;height:235px;right:0;top:105px;transform:rotate(7deg)}.hero-reaction{width:52%;height:200px;left:12%;bottom:0;transform:rotate(-2deg)}.hero-note{position:absolute;right:0;bottom:-8px;background:var(--accent-primary);color:var(--bg-surface);padding:6px 13px;font-size:.77rem;z-index:3}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:26px}.primary{display:inline-block;background:var(--accent-primary);color:var(--bg-surface);padding:13px 22px;text-decoration:none;border:1px solid var(--accent-primary);font-weight:bold}.primary,.exercise-card{transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.primary:hover,.exercise-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-action{display:inline-block;text-decoration:none;font-weight:bold;padding:6px 0}.section-head{max-width:720px;margin-bottom:32px}.section-number{display:inline-block;color:var(--accent-secondary);font-size:.8rem;letter-spacing:.08em;margin-bottom:12px}.exercise-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.exercise-card{background:var(--bg-surface);border:1px solid var(--border-subtle);position:relative}.exercise-image{aspect-ratio:4/3;position:relative}.exercise-label{position:absolute;bottom:-15px;left:20px;background:var(--accent-primary);color:var(--bg-surface);font-size:.73rem;letter-spacing:.08em;padding:5px 13px;text-transform:uppercase}.card-body{padding:34px 25px 25px}.beat-strip{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-subtle)}.beat-strip li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.beat-time{font-size:.77rem;font-weight:bold;color:var(--accent-primary)}.beat-strip p{margin:5px 0 0;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}.note{border-left:3px solid var(--accent-primary);padding:18px 23px;background:var(--bg-canvas);margin:24px 0}.pale .note{background:var(--bg-canvas)}.compact-card{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;border-top:1px solid var(--border-subtle);padding:22px 0}.compact-image{aspect-ratio:1}.rehearsal details, .faq-list details{border-top:1px solid var(--border-subtle);padding:20px 0}.rehearsal details:last-child,.faq-list details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-size:1.12rem;font-weight:bold;color:var(--accent-primary);padding-right:12px}details[open] summary{margin-bottom:16px}details p{max-width:70ch}details ul{max-width:65ch}.article-head{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.article-banner{aspect-ratio:4/3;border:8px solid var(--bg-surface);box-shadow:var(--shadow-elevation)}.article-meta{font-size:.85rem;color:var(--text-muted)}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:42px}.prose h3{margin-top:28px}.prose p,.prose ul,.prose ol{margin-bottom:22px}.prose li{margin-bottom:9px}.article-step{border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:28px}.related{border-top:1px solid var(--border-subtle);margin-top:40px;padding-top:25px}.source-list{font-size:.93rem}.form-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.field{margin-bottom:20px}label{display:block;font-weight:bold;margin-bottom:6px}input,textarea,select{display:block;width:100%;padding:12px;background:var(--bg-surface);border:1px solid var(--border-subtle)}textarea{min-height:160px;resize:vertical}.field-note{font-size:.85rem;color:var(--text-muted);margin-top:6px}.message-output{min-height:290px}.status{min-height:1.8em;margin-top:12px;font-size:.92rem}.output-panel{border:1px solid var(--border-subtle);padding:25px;background:var(--bg-surface)}.choice{display:flex;gap:12px;align-items:flex-start;font-weight:normal}.choice input{width:auto;margin-top:9px;accent-color:var(--accent-primary)}fieldset{border:1px solid var(--border-subtle);padding:22px;margin:22px 0}legend{font-weight:bold;padding:0 8px}.site-footer{background:var(--text-primary);color:var(--bg-surface);padding:42px 0;font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:var(--bg-surface)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-note{margin-top:22px;color:#e4d7e5;font-size:.78rem}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@keyframes ambient{to{transform:translateY(-15px) scale(1.07)}}@media(min-width:1025px){.site-header .header-inner{max-width:1440px;margin:auto}}@media(min-width:769px) and (max-width:1024px){.header-inner{flex-wrap:wrap}.nav{width:100%;justify-content:space-between}.hero-grid{gap:25px}.hero-art{min-height:400px}.band{padding:60px 0}}@media(max-width:768px){.menu-toggle{display:block}.header-inner{padding:17px 20px}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:20px 25px;box-shadow:var(--shadow-elevation)}.nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nav a{font-size:1rem}.hero-grid,.exercise-layout,.article-head,.form-layout{grid-template-columns:1fr}.hero-art{max-width:470px;width:100%;margin:12px auto 0}.band{padding:52px 0}.article-banner{max-width:550px}.hero-grid{gap:30px}.article-head{gap:28px}.footer-inner{flex-direction:column}.lead{font-size:1.1rem}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}.topbar{font-size:.67rem;padding:6px 18px}.brand{font-size:.88rem}.brand-mark{width:24px;height:24px}.header-inner{gap:8px;padding:15px 18px}.hero-art{min-height:345px}.hero-eyes{height:185px}.hero-hands{height:190px;top:85px}.hero-reaction{height:160px}.hero-note{font-size:.65rem}.beat-strip li{grid-template-columns:53px 1fr;gap:12px}.actions{gap:16px}.output-panel{padding:18px}.card-body{padding:32px 20px 22px}h1{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.primary:hover,.exercise-card:hover{transform:none}}