/* OFFBEAT, issue 05: sidebar navigation and a photographic dance journal. */
:root{--bg:#eceae2;--paper:#f8f7f1;--ink:#252c27;--muted:#626b63;--line:#c7cdc1;--lilac:#bac9ad;--hero:#bccbab;--hero-ink:#252c27;--coral:#dded8b;--acid:#d9ef89;--soft:#e0e5d7;--dark:#252c27;--light:#fafaf2}
html[data-theme=dark]{--bg:#191f1b;--paper:#252e27;--ink:#f0f3e8;--muted:#b3c0b2;--line:#485447;--hero:#344332;--hero-ink:#f0f3e8;--soft:#2d382f}html{scroll-padding-top:25px}body{padding-left:210px}.demo-strip{padding:9px 30px;background:var(--bg);color:var(--muted);border-bottom:1px solid var(--line)}.header{position:fixed;left:0;top:0;bottom:0;width:210px;padding:35px 22px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:0;border-right:1px solid var(--line);gap:45px;background:var(--paper)}.brand{flex-wrap:wrap;font-size:27px;gap:4px}.brand svg{width:22px}.brand>span{flex-basis:100%;font-size:8px;margin:15px 0 0;line-height:1.7;letter-spacing:.06em}.header nav{display:flex;flex-direction:column;gap:0;font-size:13px}.header nav a{padding:15px 0;border-bottom:1px solid var(--line)}.header nav small{display:inline-block;width:25px;font:9px 'Courier New';color:var(--muted)}.header nav a.active{color:var(--ink);font-weight:bold}.header nav a.active:before{content:'•';position:absolute;right:0}.header-tools{margin-top:auto;flex-wrap:wrap;gap:16px}.plan-trigger{order:4;width:100%;justify-content:space-between;border-radius:0;border-width:0 0 1px;padding:15px 0;font-size:12px}#theme-options{left:0;right:auto;top:auto;bottom:45px}.hero{min-height:850px;height:calc(100svh - 32px);max-height:1120px;padding:25px 35px;color:#fff;background:#28352a;isolation:isolate}.hero-top{font-size:9px}.hero-grid{display:contents}.hero-photo{position:absolute;inset:0;height:100%;width:100%;z-index:-2;border-radius:0;clip-path:none;animation:none}.hero-photo>img{object-position:center 37%;filter:brightness(.68);transform:scale(1.025) translate(var(--photo-x,0px),var(--photo-y,0px))}.hero-photo:after{background:linear-gradient(90deg,#10201799,transparent 80%),linear-gradient(0deg,#14251acc,transparent 55%)}.hero-photo figcaption{left:auto;right:30px;bottom:115px;text-align:right;font-size:11px}.photo-corner{display:none}.hero-word{position:absolute;top:110px;left:35px;margin:0;display:block;font-size:clamp(90px,11vw,190px);line-height:.85;letter-spacing:-.075em;z-index:-1}.hero-word>span{transform:none!important;animation:journal-in .9s both}.hero-word>span:nth-child(2){color:var(--acid);margin-left:9vw}.hero-word>span:last-child{margin-left:1vw}.word-period{color:inherit}.hero-text{position:absolute;bottom:95px;left:40%;right:30px;padding:0;max-width:540px}.hero-text .tag{border:0;padding:0;letter-spacing:.1em;font-size:9px}.hero h1{font-size:clamp(32px,3vw,48px);margin-top:16px;font-weight:500;letter-spacing:-.04em}.hero h1 em{background:none;transform:none;color:inherit;padding:0;font-style:italic;font-family:Georgia,serif;font-weight:400}.hero-text>p{font-size:12px;margin:15px 0}.hero .black{background:var(--acid);color:var(--dark);border-radius:100px;min-width:260px}.hero-footnote,.hero-aside{display:none}.hero-bottom{position:absolute;bottom:20px;left:35px;right:35px;padding:20px 0 0;border-top:1px solid #fff6;display:flex;font-size:8px}.hero-bottom>span:last-child{display:none}.section{padding:90px 6%}.section-index{font-size:9px;margin-bottom:45px;border-color:var(--line)}h2{font-size:clamp(42px,5vw,76px);font-weight:600;letter-spacing:-.055em}h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.05em}.section-heading{align-items:end}.manifesto-layout{grid-template-columns:170px 1fr;gap:8%}.manifesto-label{font:12px/1.4 'Courier New';padding-top:10px}.manifesto-label>span{font-size:22px}.sliding-brackets{display:none}.manifesto h2{font-size:clamp(45px,5.4vw,82px)}.manifesto h2 br:nth-of-type(2){display:none}.style-browser{display:flex;flex-direction:column;gap:28px}.style-menu{display:flex;overflow-x:auto;gap:10px;border:0;border-radius:0;padding-bottom:10px}.style-menu button,.style-menu button:last-child{flex:0 0 auto;width:auto;padding:13px 18px;border:1px solid var(--line);border-radius:50px;gap:12px;min-height:0}.style-menu .style-name{font-size:17px;font-weight:500;white-space:nowrap;gap:8px}.style-menu .style-no{display:none}.style-menu .style-arrow{font-size:17px}.style-menu button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.style-menu button[aria-pressed=true] .style-name{background:none;color:inherit;padding:0}.style-feature{display:grid;grid-template-columns:1.1fr 1fr;width:100%;border-radius:0;background:var(--paper)}.style-image{height:460px}.style-feature-body{padding:40px;align-self:center}.style-feature h3{font-size:37px}.quiz-section{background:var(--soft);color:var(--ink)}.quiz-section .section-index{color:var(--muted);border-color:var(--line)}.quiz-layout{grid-template-columns:1fr;max-width:800px;margin:auto;gap:35px}.quiz-layout>div:first-child{display:flex;align-items:end;gap:40px}.quiz-layout h2{font-size:52px}.choice-doodle{display:none}.quiz{border-radius:25px}.rhythm{background:var(--hero);color:var(--hero-ink)}.rhythm-machine{border-radius:30px;background:var(--paper);color:var(--ink)}.rhythm-controls{padding:35px}.dance-floor{border-radius:0 30px 30px 0}.schedule-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.schedule-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;padding:25px;gap:20px;background:var(--paper)}.schedule-time{grid-column:1/-1;display:flex;align-items:baseline;gap:15px}.schedule-time strong{font-size:42px}.schedule-name{grid-column:1/-1}.schedule-name h3{font-size:30px}.schedule-price{font-size:20px;align-self:center}.schedule-add{grid-column:1/-1;border-radius:50px;padding:14px}.day-tabs button{border-radius:50%;aspect-ratio:1;max-width:70px}.day-tabs{justify-content:space-between;gap:8px;border:0}.plan-section{background:var(--soft)}.personal-plan{border-radius:20px;background:var(--paper);padding:30px}.pricing{background:var(--bg);color:var(--ink)}.price-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.price-card,.price-card.featured{display:grid;grid-template-columns:1fr .6fr 1fr;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:30px 0;transform:none!important}.price-card>span,.price-card>p{display:none}.price-card h3{font-size:32px;min-height:0;margin:0}.price-card h3 br{display:none}.price-number{grid-row:1/3;grid-column:2;font-size:70px}.price-card>strong{font-size:25px;margin:0}.price-card .button{grid-column:3;grid-row:1/3;margin:0;border-color:var(--line);color:var(--ink);background:var(--soft);border-radius:50px}.calculator{border-color:var(--line)}.photo-wall{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery-photo.large{grid-column:1/-1;grid-row:auto;height:500px;border-radius:90px 0 90px 0}.gallery-photo.tall,.gallery-photo.wide{grid-column:auto;grid-row:auto;height:400px;border-radius:0}.wall-note{display:none}.first-visit{background:var(--soft)}.visit-steps{display:block;margin:45px 0 0 20%}.visit-steps article{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:25px;padding:25px 0;align-items:start}.visit-steps article>span{font-size:35px}.visit-steps h3{margin:0;font-size:30px}.visit-steps p{max-width:none}.booking-grid{grid-template-columns:1fr;max-width:750px;margin:auto;gap:35px}.booking-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.booking-word{display:none}.booking-panel{border-radius:25px;padding:40px}.closing{padding-bottom:40px;background:var(--soft);color:var(--ink)}.closing-word{font-size:15vw;color:var(--muted);opacity:.25}.closing>a{font-size:6vw}.closing>a>span{font-size:70px}.button{border-radius:50px}.header nav a:hover{padding-left:7px}.header nav a{transition:padding .2s}.header nav a:after{display:none}@keyframes journal-in{from{opacity:0;translate:0 45px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){body{padding-left:250px}.header{width:250px;padding:45px 30px}.hero-word{font-size:180px}.hero-text{left:52%}}
@media(max-width:1000px){body{padding-left:165px}.header{width:165px;padding:25px 15px}.brand{font-size:22px}.brand svg{width:18px}.hero-word{font-size:100px}.hero-text{left:30px;max-width:430px}.hero-photo figcaption{display:none}.hero{min-height:920px}.style-feature-body{padding:25px}.schedule-filters{flex-wrap:wrap}.visit-steps{margin-left:0}.rhythm-machine{grid-template-columns:1fr}.dance-floor{border-radius:0 0 30px 30px}.quiz-layout>div:first-child{display:block}.quiz-layout>div:first-child p{margin-top:20px}.price-card .button{font-size:9px;padding:12px}.booking-grid>div:first-child{display:block}}
@media(max-width:760px){body{padding-left:0;padding-bottom:66px}html{scroll-padding-top:10px}.header{top:auto;bottom:0;width:100%;height:65px;padding:8px 16px;display:flex;flex-direction:row;align-items:center;gap:12px;border:0;border-top:1px solid var(--line)}.brand{font-size:19px;flex-wrap:nowrap;gap:4px}.brand>span{display:none}.header-tools{margin:0 0 0 auto;flex-wrap:nowrap;gap:8px}.plan-trigger{order:0;width:auto;padding:6px;border:0;font-size:10px;gap:6px}.plan-trigger>span{display:none}#menu-toggle{display:block;order:5}.header nav{display:none;position:fixed;inset:auto 10px 75px;max-height:75svh;overflow:auto;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 -15px 40px #0002;font-size:17px}.header nav.open{display:flex}.header nav a{padding:13px 0}.theme-control{position:static}#theme-options{position:fixed;left:auto;right:10px;bottom:75px;top:auto}.demo-strip{padding:10px 18px;font-size:7px}.demo-strip>span{display:none}.hero{height:auto;min-height:870px;padding:20px}.hero-top{font-size:7px}.hero-top>span:last-child{display:none}.hero-word{top:85px;left:20px;font-size:clamp(77px,18vw,130px);line-height:.9}.hero-word>span:nth-child(2){margin-left:12vw}.hero-text{left:22px;right:22px;bottom:95px;max-width:400px}.hero h1{font-size:34px}.hero-text .tag{font-size:8px}.hero-photo>img{object-position:56% center}.hero-text>p{font-size:12px}.hero-bottom{left:22px;right:22px;bottom:20px;font-size:7px}.hero .black{min-width:0;width:100%}.section{padding:65px 22px}.section-index{font-size:7px;margin-bottom:30px}.section-index>span:last-child{max-width:55%;text-align:right}h2,.manifesto h2{font-size:43px}.manifesto-layout{display:block}.manifesto-label{margin-bottom:30px}.manifesto-label>span{font-size:15px}.manifesto-label br{display:none}.style-menu{display:flex;gap:8px;margin-right:-22px}.style-menu button{padding:12px 16px}.style-menu .style-name{font-size:16px}.style-feature{display:block}.style-image{height:360px}.style-feature h3{font-size:31px}.quiz-layout h2{font-size:42px}.quiz{padding:23px}.rhythm-controls{padding:25px}.schedule-list{grid-template-columns:1fr}.schedule-row{padding:22px}.day-tabs button{min-width:0;width:12%;padding:10px 2px}.day-tabs button strong{font-size:20px}.plan-layout{display:block}.personal-plan{margin-top:30px;padding:22px}.price-card,.price-card.featured{grid-template-columns:1fr 70px;gap:14px}.price-card h3{font-size:29px}.price-card .button{grid-column:1/-1;grid-row:3}.price-number{grid-column:2;grid-row:1/3;font-size:60px}.price-number>small{font-size:7px}.photo-wall{gap:15px}.gallery-photo.large{height:310px;border-radius:40px 0}.gallery-photo.tall,.gallery-photo.wide{height:250px}.gallery-photo>span{font-size:7px;padding:10px}.visit-steps article{grid-template-columns:40px 1fr;gap:12px}.visit-steps p{grid-column:2}.visit-steps h3{font-size:27px}.booking-panel{padding:24px}.closing{padding:35px 22px}.closing>a{font-size:44px}.closing>a>span{font-size:45px}.closing-word{font-size:22vw}.footer-top{grid-template-columns:1fr}.footer-links{justify-content:flex-start}#toast{bottom:85px}.paused .hero-word>span{animation:none}}
@media(prefers-reduced-motion:reduce){.hero-word>span{animation:none}}
@media(max-width:760px){.header nav{top:auto;left:10px;right:10px;bottom:75px}.hero{min-height:870px}.hero-bottom{bottom:24px}}
.pricing .section-index,.pricing .section-heading p,.pricing .calculator>div>small,.pricing .calc-result>small{color:var(--muted)}.pricing .section-index,.pricing .calculator{border-color:var(--line)}.pricing .calculator label,.pricing .calc-result,.pricing .calc-result p{color:var(--ink)}.pricing select{background:var(--paper);color:var(--ink);border-color:var(--line)}.quiz-options button{color:var(--ink);border-color:var(--line)}.quiz{background:var(--paper);color:var(--ink)}.quiz-top,.quiz-top button{color:var(--muted)}.rhythm .section-index,.rhythm-top p{color:var(--hero-ink)}.rhythm-controls .black{background:var(--ink);color:var(--bg)}.quiz-section .tag{color:var(--ink)}
/* Keep manifesto phrases separate; give large closing lettering room. */
.manifesto h2 br:nth-of-type(2){display:block}.manifesto h2{line-height:1.12}.closing>a{letter-spacing:-.035em;line-height:1.12;padding-right:80px}.closing-word{font-size:clamp(64px,13vw,240px);letter-spacing:-.025em;line-height:1.1;margin-bottom:0}.closing{padding-bottom:35px}@media(max-width:760px){.closing>a{font-size:clamp(30px,8.8vw,44px);padding-right:35px}.closing>a>span{font-size:32px}.closing-word{font-size:19vw;letter-spacing:-.025em}.manifesto h2{font-size:clamp(29px,8vw,43px)}}