:root{--paper:#fbf7f2;--paper2:#f1e7dc;--card:#fffdf9;--ink:#2b201a;--muted:#74665d;--clay:#b96b48;--clay-dark:#8e4f38;--amber:#d7a07a;--walnut:#2b1e18;--line:rgba(43,32,26,.13);--shadow:0 24px 70px rgba(43,32,26,.12);--shadow2:0 12px 34px rgba(43,32,26,.08);--shell:min(1180px,calc(100vw - 42px));--font-scale:1}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:calc(16px * var(--font-scale))}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.68}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin:auto}.skip{position:fixed;left:12px;top:-80px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.lang-en{display:none!important}html[data-lang=en] .lang-zh{display:none!important}html[data-lang=en] .lang-en{display:initial!important}.utility{background:#2b211d;color:#f6ede7;font-size:.73rem}.utility .shell{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.utility a{text-decoration:none;color:rgba(255,255,255,.82)}.tools{display:flex;align-items:center;gap:5px}.tool-divider{width:1px;height:14px;background:rgba(255,255,255,.22);margin:0 3px}.tools button{border:0;background:transparent;color:rgba(255,255,255,.75);padding:5px 7px;cursor:pointer;border-radius:7px}.tools button.active{background:rgba(255,255,255,.14);color:#fff}.header{position:sticky;top:0;z-index:70;background:rgba(251,247,242,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(43,32,26,.08)}.header .shell{min-height:82px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand-copy strong{display:block;font-size:.86rem;letter-spacing:.18em}.brand-copy small{display:block;color:var(--muted);font-size:.61rem;letter-spacing:.12em;margin-top:2px}.nav{display:flex;justify-content:center;gap:22px}.nav a{position:relative;text-decoration:none;font-size:.78rem;font-weight:720;color:#56483f;white-space:nowrap;text-transform:uppercase;letter-spacing:.035em}.nav a:after{content:"";position:absolute;height:1px;background:var(--clay);left:0;right:100%;bottom:-8px;transition:right .28s}.nav a:hover:after,.nav a.active:after{right:0}.book,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:12px;font-weight:760;transition:.25s}.book{min-height:44px;padding:0 16px;background:var(--walnut);color:#fff;font-size:.8rem}.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem}.mobile-nav{display:none}.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#281a14}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:oceanZoom 28s ease-in-out infinite alternate}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,13,9,.72) 0%,rgba(22,13,9,.42) 46%,rgba(22,13,9,.08) 78%),linear-gradient(0deg,rgba(19,11,8,.35),transparent 55%)}.hero:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 77% 65%,rgba(255,181,128,.17),transparent 28%),radial-gradient(circle at 20% 88%,rgba(255,255,255,.07),transparent 22%);animation:oceanGlow 11s ease-in-out infinite}.hero:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-4%;height:42%;z-index:2;background:linear-gradient(180deg,transparent,rgba(15,9,6,.14));clip-path:path('M0,170 C160,110 290,230 450,170 C610,110 720,220 870,170 C1030,120 1190,230 1360,170 L1360,320 L0,320 Z');opacity:.6;animation:oceanLayer 18s ease-in-out infinite}.hero-content{position:relative;z-index:4;padding:92px 0 86px}.hero-copy{width:min(820px,92%);color:#fff}.hero-kicker{color:#f1b792;font-size:1rem;font-weight:780;letter-spacing:.13em;margin:0 0 26px}.hero-title{font-size:clamp(4.4rem,8.4vw,7.7rem);line-height:.9;letter-spacing:-.07em;margin:0;max-width:900px;text-shadow:0 10px 40px rgba(0,0,0,.34)}html[data-lang=en] .hero-title{font-size:clamp(3.4rem,7.1vw,6.2rem);line-height:.88;letter-spacing:-.055em}.hero-lead{max-width:780px;color:rgba(255,255,255,.86);font-size:1.18rem;margin:34px 0 0;line-height:1.72}html[data-lang=en] .hero-lead{max-width:600px;font-size:1.04rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{min-height:50px;padding:0 20px;font-size:.86rem}.btn-primary{background:var(--clay);color:#fff}.btn-primary:hover{background:var(--clay-dark)}.btn-ghost{border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.05)}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:rgba(255,255,255,.6);font-size:.64rem;font-weight:800;letter-spacing:.14em}.wave-zone{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;filter:blur(.15px)}.wave-zone:before,.wave-zone:after{content:"";position:absolute;left:-5%;width:110%;height:130px;border-radius:100%;border:1px solid rgba(255,255,255,.08);bottom:13%;z-index:2;animation:oceanLine1 16s ease-in-out infinite}.wave-zone:after{bottom:7%;height:155px;border-color:rgba(240,179,139,.12);animation-name:oceanLine2}.wave-svg{position:absolute;width:120%;left:-10%;bottom:1%;height:240px;opacity:.36;animation:oceanDrift 26s ease-in-out infinite alternate}.wave-svg path{fill:none;stroke-linecap:round}.wave-svg .w1{stroke:rgba(255,255,255,.2);stroke-width:1.2;stroke-dasharray:18 16;animation:oceanDash 18s linear infinite}.wave-svg .w2{stroke:rgba(239,177,138,.9);stroke-width:2.4;animation:oceanLift 10s ease-in-out infinite}.wave-svg .w3{stroke:rgba(185,107,72,.42);stroke-width:3.4;animation:oceanLift 14s ease-in-out infinite reverse}.section{padding:96px 0}.section.white{background:#fff}.section.sand{background:var(--paper2)}.section.dark{background:var(--walnut);color:#fff}.heading{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:38px}.heading>div{max-width:720px}.heading>p{max-width:440px;color:var(--muted);font-size:.94rem}.kicker{font-size:.66rem;color:var(--clay-dark);font-weight:800;letter-spacing:.17em;margin:0 0 13px;text-transform:uppercase}.section.dark .kicker{color:#eeb28e}.section h1,.section h2,.section h3,.page-hero h1,.page-hero h2,.page-hero h3{letter-spacing:-.04em}.section h2{font-size:clamp(2.35rem,4.65vw,4.6rem);line-height:1.06;margin:0}.section h3{font-size:1.45rem;line-height:1.2;margin:0}.lede{font-size:1.08rem;color:var(--muted);max-width:760px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-card,.info-card,.class-card,.route-card,.path-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2)}.visual-card{display:block;text-decoration:none;transition:.35s}.visual-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.visual-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.visual-card .body{padding:23px}.visual-card h3{margin:7px 0 9px}.visual-card p,.info-card p,.class-card p,.route-card p,.path-card p{color:var(--muted);font-size:.91rem}.visual-card strong{display:inline-block;margin-top:14px;color:var(--clay-dark);font-size:.82rem}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.experience{padding:28px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.56);transition:.3s}.experience:hover{background:#fff}.experience>span{font-size:.68rem;letter-spacing:.16em;color:var(--clay-dark);font-weight:800}.experience h3{margin:34px 0 10px}.experience p{color:var(--muted);font-size:.88rem}.review-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.review-feature>div:first-child p{color:rgba(255,255,255,.7)}.review-stack{display:grid;gap:13px}.review-stack blockquote{margin:0;padding:25px 27px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.055);font-size:1.08rem;line-height:1.72}.text-link{display:inline-block;text-decoration:none;color:var(--clay-dark);font-weight:760;margin-top:16px}.text-link.light{color:#efb28c}.recognition{display:grid;grid-template-columns:140px 1fr .9fr;gap:38px;align-items:center}.recognition-mark{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--walnut);color:#fff;font-size:1.1rem;font-weight:850;letter-spacing:.12em;line-height:1.1}.recognition img{width:100%;height:320px;object-fit:cover;border-radius:26px}.bridge{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.bridge-main{position:relative;min-height:520px;border-radius:28px;overflow:hidden;color:#fff}.bridge-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bridge-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,18,13,.84),rgba(29,18,13,.08) 72%)}.bridge-main .content{position:absolute;z-index:2;left:34px;right:34px;bottom:34px}.bridge-main h2{font-size:clamp(2.4rem,5vw,4.7rem)}.bridge-main p{color:rgba(255,255,255,.78);max-width:620px}.bridge-side{background:#eadbce;border-radius:28px;padding:32px}.bridge-side .item{padding:18px 0;border-top:1px solid rgba(43,32,26,.14)}.bridge-side a{font-weight:760;color:var(--clay-dark)}.page-hero{position:relative;padding:116px 0 88px;background:var(--walnut);color:#fff;overflow:hidden}.page-hero.with-image{min-height:610px;display:flex;align-items:end;padding:0}.page-hero.with-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,19,14,.78),rgba(31,19,14,.25) 70%),linear-gradient(0deg,rgba(31,19,14,.45),transparent 60%)}.page-hero .shell{position:relative;z-index:2}.page-hero.with-image .shell{padding:128px 0 68px}.page-hero h1{font-size:clamp(3.2rem,6.7vw,6.6rem);line-height:.98;margin:0;max-width:900px}.page-hero p:not(.kicker){max-width:720px;color:rgba(255,255,255,.78);font-size:1.05rem;margin-top:24px}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.class-card{padding:28px}.class-card ul,.path-card ul{margin:18px 0 0;padding-left:20px;color:var(--muted);font-size:.86rem}.class-card li,.path-card li{margin:7px 0}.class-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.67rem;color:#5f5047;background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split>img{width:100%;border-radius:28px;box-shadow:var(--shadow);max-height:610px;object-fit:cover}.number-list{list-style:none;padding:0;margin:24px 0 0;counter-reset:item}.number-list li{counter-increment:item;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.number-list li:before{content:"0" counter(item);font-size:.67rem;font-weight:800;letter-spacing:.12em;color:var(--clay-dark)}.number-list p{color:var(--muted);font-size:.86rem;margin:5px 0 0}.sound-cards{margin-top:42px}.info-card{padding:27px}.booking-strip{padding:62px 0;background:linear-gradient(135deg,#4b3329,#704835);color:#fff}.booking-strip .shell{display:flex;justify-content:space-between;align-items:center;gap:30px}.booking-strip h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0}.booking-strip p:not(.kicker){color:rgba(255,255,255,.7);max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:steps}.step{padding:26px;border-top:1px solid var(--line);background:rgba(255,255,255,.5)}.step:before{counter-increment:steps;content:"0" counter(steps);font-size:.68rem;color:var(--clay-dark);font-weight:800;letter-spacing:.15em}.step h3{margin:12px 0 8px}.principles{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principles article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article>span{font-size:.68rem;color:var(--clay-dark);font-weight:800;letter-spacing:.15em}.principles h3{font-size:1.18rem;margin:26px 0 10px}.principles p{font-size:.84rem;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-card{padding:30px}.path-card.featured{background:var(--walnut);color:#fff}.path-card.featured p,.path-card.featured ul{color:rgba(255,255,255,.7)}.path-card.featured .kicker{color:#efb28c}.curriculum{display:grid;grid-template-columns:260px 1fr;gap:58px;align-items:start}.curriculum-nav{position:sticky;top:120px}.curriculum-nav a{display:block;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line);font-size:.83rem}.modules{display:grid;gap:18px}.module{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.module p:last-child{color:var(--muted)}.list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}.list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem}.profile{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:center}.profile img{width:100%;max-height:620px;object-fit:cover;border-radius:28px}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.credentials span{border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.68rem;letter-spacing:.08em}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:250px 250px;gap:16px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px}.gallery img:first-child{grid-row:1/3}.bridge-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.bridge-copy p{color:rgba(255,255,255,.68)}.review-hero{background:linear-gradient(135deg,#2b1e18,#674431)}.award-banner{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center}.award-symbol{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--clay);color:#fff;font-weight:850;font-size:1.3rem}.review-toolbar{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.review-filters{display:flex;flex-wrap:wrap;gap:8px}.review-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.review-filters button.active{background:var(--walnut);color:#fff;border-color:var(--walnut)}.reviews-grid{columns:3;column-gap:18px}.review-card{break-inside:avoid;margin:0 0 18px;padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow2)}.review-card.hidden{display:none}.quote-mark{font-size:3rem;line-height:.8;color:var(--clay)}.review-card blockquote{margin:18px 0;font-size:1rem;line-height:1.78}.review-card>p{font-size:.62rem;letter-spacing:.14em;color:var(--muted);font-weight:800}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-card{padding:29px;text-decoration:none}.route-card strong,.route-card a{display:inline-block;margin-top:12px;color:var(--clay-dark)}.route-card.accent{background:var(--walnut);color:#fff}.route-card.accent p{color:rgba(255,255,255,.7)}.route-card.accent .kicker{color:#efb28c}.route-card.accent strong{color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:start}form{display:grid;gap:15px;margin-top:28px}label{display:grid;gap:7px;font-size:.8rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}textarea{resize:vertical}.contact-card{padding:30px;border-radius:24px;background:#eadbce}.contact-card .text-link{display:block}.footer{padding:66px 0 28px;background:#241913;color:#f7eee7}.footer-grid{display:grid;grid-template-columns:1.2fr .72fr .72fr 1fr;gap:42px}.footer-logo{width:72px;height:72px;object-fit:contain;margin-bottom:18px}.footer p{color:rgba(255,255,255,.63);font-size:.82rem}.footer h3{font-size:.84rem;letter-spacing:.08em;margin:0 0 14px}.footer a{display:block;text-decoration:none;color:rgba(255,255,255,.72);font-size:.8rem;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:23px;margin-top:36px;color:rgba(255,255,255,.43);font-size:.7rem;display:flex;justify-content:space-between;gap:20px}.guide-launcher{position:fixed;right:18px;bottom:18px;z-index:110;border:0;background:var(--walnut);color:#fff;border-radius:999px;padding:13px 17px;box-shadow:0 14px 38px rgba(0,0,0,.26);font-weight:750;cursor:pointer;display:flex;align-items:center;gap:8px}.guide-dot{width:8px;height:8px;border-radius:50%;background:#e7a57e;box-shadow:0 0 0 5px rgba(231,165,126,.14)}.guide-panel{position:fixed;right:18px;bottom:76px;z-index:109;width:min(420px,calc(100vw - 28px));max-height:min(690px,calc(100vh - 110px));display:none;flex-direction:column;background:#fffdf9;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px rgba(30,19,13,.26);overflow:hidden}.guide-panel.open{display:flex}.guide-head{padding:18px 20px;background:#2d211c;color:#fff;display:flex;justify-content:space-between;align-items:center}.guide-head>div{display:grid}.guide-head strong{letter-spacing:.08em}.guide-head small{color:rgba(255,255,255,.55);font-size:.66rem;margin-top:2px}.guide-head button{border:0;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer}.guide-body{padding:16px;overflow:auto}.guide-thread{display:grid;gap:10px;min-height:80px}.guide-msg{max-width:88%;padding:11px 13px;border-radius:14px;font-size:.82rem}.guide-msg.bot{background:var(--paper2);border-bottom-left-radius:5px}.guide-msg.user{background:var(--walnut);color:#fff;margin-left:auto;border-bottom-right-radius:5px}.guide-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.guide-card strong{display:block}.guide-card p{margin:5px 0;color:var(--muted)}.guide-card a{display:inline-block;margin-top:6px;color:var(--clay-dark);font-weight:760}.guide-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.guide-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;cursor:pointer;font-size:.75rem}.guide-quick button:hover{border-color:var(--clay)}.guide-input{display:flex;gap:7px;margin-top:13px}.guide-input input{flex:1;min-width:0;padding:10px}.guide-input button{border:0;border-radius:10px;background:var(--clay);color:#fff;padding:0 13px;cursor:pointer}.guide-note{font-size:.66rem;color:var(--muted);margin:9px 0 0}@keyframes oceanZoom{from{transform:scale(1.015) translateX(-.5%)}to{transform:scale(1.07) translateX(.9%)}}@keyframes oceanGlow{0%,100%{opacity:.55}50%{opacity:.95}}@keyframes oceanLayer{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(1.8%) translateY(-10px)}}@keyframes oceanLine1{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(1.6%) scaleX(1.03)}}@keyframes oceanLine2{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(-1.4%) scaleX(.98)}}@keyframes oceanDrift{from{transform:translateX(-2.2%)}to{transform:translateX(2.2%)}}@keyframes oceanDash{to{stroke-dashoffset:-290}}@keyframes oceanLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:1050px){.header .shell{grid-template-columns:1fr auto auto}.nav{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;top:120px;left:0;right:0;background:var(--paper);padding:24px;box-shadow:var(--shadow);z-index:69}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.cards3,.path-grid,.route-grid{grid-template-columns:1fr 1fr}.experience-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:repeat(2,1fr)}.recognition{grid-template-columns:120px 1fr}.recognition img{grid-column:1/3}.review-feature,.split,.profile,.contact-grid,.curriculum,.bridge-copy{grid-template-columns:1fr}.curriculum-nav{position:static}.bridge{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.reviews-grid{columns:2}}@media(max-width:680px){:root{--shell:min(100% - 28px,1180px)}.utility .back{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .shell{min-height:72px;grid-template-columns:1fr auto}.book{display:none}.brand img{width:44px;height:44px}.brand-copy small{display:none}.mobile-nav{top:110px}.hero{min-height:720px}.hero-content{padding:72px 0}.hero-kicker{font-size:.8rem;line-height:1.5}.hero-title{font-size:clamp(3.5rem,18vw,5.4rem)}html[data-lang=en] .hero-title{font-size:clamp(3rem,16vw,4.7rem)}.hero-lead,html[data-lang=en] .hero-lead{font-size:1rem}.wave-svg{height:180px}.section{padding:72px 0}.heading,.review-toolbar{display:block}.heading>p{margin-top:22px}.cards3,.class-grid,.path-grid,.route-grid,.steps,.experience-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.booking-strip .shell{display:block}.booking-strip a{margin-top:22px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px}.gallery img:first-child{grid-column:1/3;grid-row:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.page-hero.with-image{min-height:520px}.page-hero.with-image .shell{padding:105px 0 54px}.page-hero h1{font-size:clamp(3rem,15vw,5rem)}.recognition,.award-banner{grid-template-columns:1fr}.recognition img{grid-column:auto}.reviews-grid{columns:1}.review-filters{margin-top:18px}.guide-launcher{right:12px;bottom:12px}.guide-panel{right:12px;bottom:68px}.bridge-main .content{left:24px;right:24px;bottom:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}} /* v5.3 interaction and PWA refinements */ .title-stack .lang-zh,.title-stack .lang-en{display:block}.title-stack br{display:block}.brand-copy small .lang-zh,.brand-copy small .lang-en{font-size:inherit;letter-spacing:inherit}.pwa-install{border:1px solid rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.78);border-radius:9px;padding:8px 10px;margin-top:9px;cursor:pointer;font-size:.75rem}.social-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.footer .social-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;margin:0;transition:.25s}.footer .social-icon:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-icon[aria-label=Facebook] svg path{fill:currentColor;stroke:none} .needs-lab{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:stretch}.needs-options{display:grid;gap:9px}.need-option{appearance:none;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px;padding:19px 20px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;cursor:pointer;transition:.3s;color:var(--ink)}.need-option:hover{background:#fff;transform:translateX(3px)}.need-option.active{background:var(--walnut);color:#fff;border-color:var(--walnut);box-shadow:var(--shadow2)}.need-option .need-num{grid-row:1/3;font-size:.69rem;letter-spacing:.12em;color:var(--clay-dark);font-weight:850}.need-option.active .need-num{color:#efb28c}.need-option strong{font-size:.95rem}.need-option small{color:var(--muted);font-size:.72rem}.need-option.active small{color:rgba(255,255,255,.62)}.need-stage{min-height:510px;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow2)}.need-copy{padding:46px 40px;display:flex;flex-direction:column;justify-content:center}.need-copy h3{font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.04;margin:8px 0 18px}.need-copy p{color:var(--muted)}.need-media{position:relative;overflow:hidden;min-height:510px;background:#2b1e18}.need-image{width:100%;height:100%;object-fit:cover;transition:opacity .32s ease,transform .7s ease}.need-stage.updating .need-image{opacity:.25;transform:scale(1.035)}.need-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:10px 13px;border-radius:999px;background:rgba(36,25,19,.78);color:#fff;font-size:.68rem;letter-spacing:.08em;backdrop-filter:blur(9px)} .voices-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:center}.voices-copy>p{color:rgba(255,255,255,.7)}.voices-stage{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(185,107,72,.22),transparent 45%),rgba(255,255,255,.025);overflow:hidden}.voice-focus{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,72%);padding:38px 40px 28px;border-radius:32px 32px 32px 8px;background:#fff;color:var(--ink);box-shadow:0 28px 70px rgba(0,0,0,.28)}.voice-mark{font-family:Georgia,serif;font-size:5rem;line-height:.5;color:var(--clay)}.voice-focus blockquote{margin:24px 0 20px;font-size:1.22rem;line-height:1.75}.voice-focus>p{font-size:.62rem;letter-spacing:.16em;color:var(--muted);font-weight:850}.voice-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.voice-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.voice-count{font-size:.68rem;color:var(--muted);letter-spacing:.1em}.voice-bubble{position:absolute;z-index:2;max-width:230px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:rgba(255,255,255,.83);padding:15px 17px;border-radius:18px 18px 18px 5px;text-align:left;cursor:pointer;font-size:.72rem;line-height:1.5;backdrop-filter:blur(8px);animation:voiceFloat 8s ease-in-out infinite}.voice-bubble:hover,.voice-bubble.active{background:rgba(185,107,72,.45);color:#fff}.voice-bubble.b1{left:5%;top:8%}.voice-bubble.b2{right:4%;top:10%;animation-delay:-2s}.voice-bubble.b3{left:3%;bottom:8%;animation-delay:-4s}.voice-bubble.b4{right:5%;bottom:9%;animation-delay:-6s}.voice-bubble.b5{right:9%;top:42%;max-width:170px;animation-delay:-3s}.moments-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:250px;gap:16px}.moment{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#2b1e18}.moment-wide{grid-row:span 2}.moment img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.moment:hover img{transform:scale(1.045);filter:saturate(1.08)}.moment figcaption{position:absolute;left:14px;bottom:14px;background:rgba(36,25,19,.76);color:#fff;border-radius:999px;padding:8px 11px;font-size:.67rem;backdrop-filter:blur(8px)}.editorial-gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 220px;gap:16px}.editorial-gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;transition:transform .7s}.editorial-gallery img:first-child{grid-row:1/3}.editorial-gallery img:nth-child(4){grid-column:2/4}.editorial-gallery img:hover{transform:translateY(-4px)} .booking-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(20,13,10,.72);backdrop-filter:blur(10px)}.booking-modal.open{display:grid}.booking-dialog{width:min(1120px,96vw);max-height:94vh;overflow:auto;background:var(--paper);border-radius:28px;box-shadow:0 35px 110px rgba(0,0,0,.42);padding:28px}.booking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.booking-head h2{font-size:clamp(2rem,4vw,3.8rem);margin:0;line-height:1}.booking-close{border:0;background:var(--walnut);color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.4rem;cursor:pointer}.booking-intro{color:var(--muted);max-width:760px}.booking-frame-shell{height:min(650px,62vh);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.booking-frame-shell iframe{width:100%;height:100%;border:0;background:#fff}.booking-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.offline{min-height:100vh;display:grid;place-content:center;text-align:center;padding:28px}.offline img{width:110px;margin:0 auto 24px}.offline h1{font-size:clamp(2.4rem,7vw,5rem);margin:0}.offline p{color:var(--muted);max-width:560px} .reveal-up{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.reveal-up.visible{opacity:1;transform:none}@keyframes voiceFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-10px) rotate(.3deg)}} @media(max-width:1050px){.needs-lab{grid-template-columns:1fr}.needs-options{grid-template-columns:1fr 1fr}.voices-layout{grid-template-columns:1fr}.voices-stage{min-height:560px}.moments-grid{grid-template-columns:1fr 1fr}.moment-wide{grid-row:span 1}.editorial-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px}.editorial-gallery img:first-child{grid-row:auto}.editorial-gallery img:nth-child(4){grid-column:auto}} @media(max-width:680px){.brand-copy strong{font-size:.75rem}.brand-copy small{display:block;font-size:.52rem;max-width:165px}.needs-options{grid-template-columns:1fr}.need-stage{grid-template-columns:1fr;min-height:0}.need-copy{padding:31px 24px}.need-media{min-height:330px;order:-1}.voices-stage{min-height:630px}.voice-focus{width:88%;padding:30px 24px 23px}.voice-focus blockquote{font-size:1rem}.voice-bubble{max-width:150px;font-size:.62rem;padding:10px}.voice-bubble.b1{left:2%;top:3%}.voice-bubble.b2{right:2%;top:4%}.voice-bubble.b3{left:2%;bottom:4%}.voice-bubble.b4{right:2%;bottom:4%}.voice-bubble.b5{display:none}.moments-grid,.editorial-gallery{grid-template-columns:1fr;grid-auto-rows:260px;grid-template-rows:none}.moment-wide,.editorial-gallery img:first-child,.editorial-gallery img:nth-child(4){grid-row:auto;grid-column:auto}.booking-dialog{padding:20px 16px}.booking-frame-shell{height:65vh}.footer-grid{gap:30px}.social-row{max-width:300px}} /* v5.4 favicon, editorial reviews, footer and SEO-facing UX refinements */ .review-editorial-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:end;margin-bottom:42px}.review-editorial-intro{max-width:610px;justify-self:end}.review-editorial-intro p{color:rgba(255,255,255,.68);margin:0}.review-showcase{display:grid;grid-template-columns:1.12fr .88fr;min-height:560px;border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.review-showcase-media{position:relative;margin:0;overflow:hidden;background:#1f1511}.review-showcase-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,15,11,.48),transparent 48%)}.review-showcase-image{width:100%;height:100%;object-fit:cover;transition:opacity .38s ease,transform .8s ease}.review-showcase-caption{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff;font-size:.7rem;letter-spacing:.12em;font-weight:780;text-transform:uppercase}.review-showcase-card{position:relative;padding:54px 48px 42px;color:var(--ink);background:linear-gradient(145deg,#fffdf9,#f5ece4);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.review-showcase-card:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border:1px solid rgba(185,107,72,.16);border-radius:50%}.review-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(43,32,26,.08)}.review-progress span{display:block;height:100%;width:0;background:var(--clay)}.review-progress.running span{animation:reviewProgress 6.5s linear forwards}.review-showcase-category{font-size:.66rem;letter-spacing:.16em;font-weight:850;color:var(--clay-dark);text-transform:uppercase;margin:0}.review-large-mark{font-family:Georgia,serif;font-size:6.5rem;line-height:.65;color:rgba(185,107,72,.38);margin:28px 0 12px}.review-showcase-card blockquote{margin:0;font-size:clamp(1.15rem,2.1vw,1.72rem);line-height:1.72;letter-spacing:-.015em}.review-showcase-meta{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.review-showcase-source{font-size:.58rem;letter-spacing:.16em;color:var(--muted);font-weight:820}.review-showcase-controls{display:flex;align-items:center;gap:11px}.review-showcase-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:.25s}.review-showcase-controls button:hover{background:var(--walnut);border-color:var(--walnut);color:#fff}.review-showcase-count{font-size:.65rem;letter-spacing:.12em;color:var(--muted);min-width:54px;text-align:center}.review-showcase.is-changing .review-showcase-image{opacity:.25;transform:scale(1.025)}.review-showcase.is-changing .review-showcase-card blockquote,.review-showcase.is-changing .review-showcase-category,.review-showcase.is-changing .review-showcase-source{opacity:.15;transform:translateY(8px)}.review-showcase-card blockquote,.review-showcase-category,.review-showcase-source{transition:opacity .28s ease,transform .28s ease}.review-index{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.review-index-item{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.55);padding:20px 17px;text-align:left;cursor:pointer;display:grid;grid-template-columns:32px 1fr;gap:3px 9px;transition:.28s}.review-index-item:last-child{border-right:0}.review-index-item>span{grid-row:1/3;font-size:.64rem;letter-spacing:.12em;color:#d9a27f}.review-index-item strong{font-size:.78rem;color:rgba(255,255,255,.8)}.review-index-item small{font-size:.64rem}.review-index-item:hover,.review-index-item.active{background:rgba(255,255,255,.06);color:#fff}.review-index-item.active strong{color:#fff}.review-index-item.active{box-shadow:inset 0 2px 0 #d49a75} @keyframes reviewProgress{from{width:0}to{width:100%}} .footer-grid-v54{grid-template-columns:1.35fr .72fr .72fr 1fr}.footer-brand{display:flex!important;align-items:center;gap:14px;margin:0 0 16px!important}.footer-brand .footer-logo{width:62px;height:62px;margin:0}.footer-brand strong{display:block;color:#fff;font-size:.85rem;letter-spacing:.16em}.footer-brand small{display:block;color:rgba(255,255,255,.5);font-size:.62rem;letter-spacing:.08em;margin-top:3px}.footer-map-link{display:inline-flex!important;align-items:center;gap:8px;width:max-content;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;margin-top:13px!important}.footer-map-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.footer-contact-block>a{width:max-content}.footer .social-icon{display:grid!important;margin:0!important}.social-icon svg{fill:none;stroke:currentColor}.social-icon svg .icon-fill{fill:currentColor;stroke:none}.social-icon[aria-label=YouTube] svg rect{stroke-width:1.5}.social-icon[aria-label=YouTube] svg .icon-fill{fill:currentColor}.social-icon[aria-label=Instagram] svg .icon-fill{fill:currentColor;stroke:none}.social-icon[aria-label=Facebook] svg{stroke:none}.social-icon[aria-label=Spotify] svg circle{fill:none}.footer .pwa-install{display:inline-flex;align-items:center;justify-content:center} @media(max-width:1050px){.review-editorial-head{grid-template-columns:1fr;gap:22px}.review-editorial-intro{justify-self:start}.review-showcase{grid-template-columns:1fr;min-height:0}.review-showcase-media{min-height:430px}.review-showcase-card{min-height:430px}.review-index{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto}.footer-grid-v54{grid-template-columns:1fr 1fr}} @media(max-width:680px){.review-showcase-media{min-height:320px}.review-showcase-card{padding:38px 26px 30px;min-height:430px}.review-large-mark{font-size:5rem;margin-top:24px}.review-showcase-meta{align-items:flex-start;flex-direction:column}.review-index{margin-left:-14px;margin-right:-14px;padding-left:14px}.review-index-item{min-width:180px}.footer-grid-v54{grid-template-columns:1fr}.footer-brand-block{padding-bottom:8px}.footer-brand small{font-size:.58rem}} @media(prefers-reduced-motion:reduce){.review-progress span{animation:none!important;width:100%}.review-showcase-image{transition:none!important}} /* v5.6 editorial refinements */ .profile.profile-editorial{} .founder-story{display:grid;gap:14px;margin-top:24px}.founder-story p{margin:0;color:var(--muted);font-size:.98rem}.founder-quote{margin:24px 0 0;padding:20px 0 4px;border-top:1px solid var(--line);font-size:1.22rem;line-height:1.55;font-weight:650;color:var(--ink)}.profile>img[src*="ana-c-profile"]{aspect-ratio:3/4;object-position:center 28%;background:#efe7df}.recognition h2 br,.award-banner h2 br{display:block}@media(max-width:680px){.founder-quote{font-size:1.08rem}.recognition h2 br,.award-banner h2 br{display:none}} /* v5.7 original sound works */ /* v5.8 homepage crystal bowl recordings */ .sound-library{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6eee7 0%,#fffaf6 100%);border-top:1px solid rgba(43,32,26,.08);border-bottom:1px solid rgba(43,32,26,.1)} .sound-library:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(185,107,72,.11);border-radius:50%;right:-190px;top:-220px;pointer-events:none} .sound-library-head{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(34px,7vw,100px);align-items:end;margin-bottom:42px} .sound-library-intro{max-width:520px;justify-self:end}.sound-library-intro p{margin:0;color:var(--muted)} .sound-video-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .sound-video-card{background:rgba(255,253,249,.92);border:1px solid rgba(43,32,26,.1);border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(67,42,27,.09);transition:transform .3s ease,box-shadow .3s ease} .sound-video-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(67,42,27,.14)} .sound-video-cover{position:relative;display:block;width:100%;padding:0;border:0;background:#2b201a;cursor:pointer;overflow:hidden;aspect-ratio:16/9} .sound-video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .35s ease}.sound-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,15,11,.42),rgba(25,15,11,.02) 62%)} .sound-video-card:hover .sound-video-cover img{transform:scale(1.035);filter:saturate(1.04)} .sound-play{position:absolute;z-index:2;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(250,247,242,.92);color:var(--walnut);box-shadow:0 12px 32px rgba(0,0,0,.22);transition:transform .25s ease,background .25s ease} .sound-play svg{width:25px;height:25px;fill:currentColor}.sound-video-cover:hover .sound-play{transform:translate(-50%,-50%) scale(1.08);background:#fff} .sound-duration{position:absolute;z-index:2;right:13px;bottom:12px;padding:6px 8px;border-radius:7px;background:rgba(34,23,18,.78);color:#fff;font-size:.61rem;font-weight:820;letter-spacing:.1em;backdrop-filter:blur(8px)} .sound-video-copy{padding:24px 23px 26px}.sound-video-copy h3{font-size:1.35rem;margin:3px 0 11px}.sound-video-copy>p:not(.kicker){min-height:72px;margin:0;color:var(--muted);font-size:.88rem}.sound-video-copy>a{display:inline-block;margin-top:17px;color:var(--clay-dark);font-size:.8rem;font-weight:780;text-decoration:none} .sound-player-modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(27,18,14,.78);backdrop-filter:blur(14px)}.sound-player-modal.open{display:flex} .sound-player-dialog{width:min(940px,96vw);max-height:92vh;overflow:auto;background:var(--paper);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.42)} .sound-player-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.sound-player-head h2{font-size:1.45rem;margin:0}.sound-player-head .kicker{margin-bottom:3px} .sound-player-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.5rem;cursor:pointer} .sound-player-frame{aspect-ratio:16/9;background:#17100d}.sound-player-frame iframe{display:block;width:100%;height:100%;border:0} .sound-player-actions{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 25px}.sound-player-actions p{margin:0;color:var(--muted);font-size:.85rem} @media(max-width:900px){.sound-library-head{grid-template-columns:1fr;gap:20px}.sound-library-intro{justify-self:start}.sound-video-grid{grid-template-columns:1fr}.sound-video-copy>p:not(.kicker){min-height:0}} @media(max-width:620px){.sound-video-card{border-radius:18px}.sound-player-modal{padding:10px}.sound-player-dialog{border-radius:18px}.sound-player-head{padding:18px}.sound-player-actions{align-items:stretch;flex-direction:column;padding:18px}.sound-player-actions .btn{width:100%}} /* v5.9 inline video and homepage refinements */ .sound-inline-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#17100d} .sound-library{background:linear-gradient(180deg,#f6eee7 0%,#fffaf6 100%);box-shadow:inset 0 1px 0 rgba(43,32,26,.06),inset 0 -1px 0 rgba(43,32,26,.08)} .sound-library+.section{border-top:0} .bridge-main .content>p:not(.kicker),.bridge-side>p:not(.kicker){max-width:58ch} /* v5.10 link affordance, autoplay note and navigation polish */ a.ux-arrow{display:inline-flex;align-items:center;gap:.38em;text-decoration-thickness:1px;text-underline-offset:.18em} a.ux-arrow::after{content:"→";display:inline-block;flex:0 0 auto;transition:transform .22s ease} a.ux-arrow:hover::after,a.ux-arrow:focus-visible::after{transform:translateX(3px)} a.btn::after,.book::after{content:"→";display:inline-block;margin-left:.48em;transition:transform .22s ease} a.btn:hover::after,a.btn:focus-visible::after,.book:hover::after,.book:focus-visible::after{transform:translateX(3px)} .mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px} .mobile-nav a::after{content:"→";opacity:.62;transition:transform .22s ease} .mobile-nav a:hover::after,.mobile-nav a:focus-visible::after{transform:translateX(3px);opacity:1} .nav a{position:relative} .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .24s ease} .nav a:hover::after,.nav a:focus-visible::after,.nav a.active::after{right:0} .footer a.ux-arrow{width:max-content;max-width:100%} .sound-autoplay-note{min-height:0!important;margin-top:14px!important;padding-top:13px;border-top:1px solid rgba(43,32,26,.09);font-size:.72rem!important;color:var(--clay-dark)!important} @media(max-width:680px){a.btn::after,.book::after{margin-left:.35em}.sound-autoplay-note{font-size:.7rem!important}} /* v5.11 ClassPass recognition and About gallery */ .recognition-section{position:relative;overflow:hidden}.recognition-v511{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:clamp(42px,7vw,88px);align-items:center}.recognition-visual{position:relative;max-width:560px}.recognition-photo{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.recognition-badge{position:absolute!important;width:148px!important;height:148px!important;right:-24px;bottom:-24px;object-fit:contain!important;border-radius:0!important;box-shadow:0 14px 36px rgba(43,32,26,.18)}.recognition-copy{max-width:650px}.recognition-copy p:not(.kicker){max-width:620px;color:var(--muted);font-size:1.02rem}.award-feature{padding-top:54px}.award-feature-card{display:grid;grid-template-columns:.84fr 1.16fr;gap:48px;align-items:center;background:var(--paper2);border:1px solid var(--line);border-radius:30px;padding:clamp(26px,4vw,52px);box-shadow:var(--shadow2)}.award-feature-copy{max-width:560px}.award-wordmark{width:min(100%,390px);margin:0 0 28px;background:#000}.award-feature-copy p:not(.kicker){color:var(--muted)}.award-feature-media{display:block;border-radius:20px;overflow:hidden;background:#00b58a;box-shadow:0 18px 44px rgba(43,32,26,.16);transition:transform .3s ease}.award-feature-media:hover{transform:translateY(-4px)}.award-feature-media img{width:100%;height:auto}.about-page .gallery img{object-position:center}.about-page .gallery img:first-child{object-position:center 58%}@media(max-width:1050px){.recognition-v511,.award-feature-card{grid-template-columns:1fr}.recognition-visual{max-width:680px}.recognition-badge{right:18px;bottom:-22px}.award-feature-media{order:-1}}@media(max-width:680px){.recognition-v511{gap:42px}.recognition-badge{width:104px!important;height:104px!important;right:10px;bottom:-18px}.award-feature-card{padding:22px;border-radius:22px;gap:28px}.award-wordmark{width:100%;margin-bottom:22px}} /* v5.12 recognition, link affordance and OM enquiry launcher */ a:focus-visible,button:focus-visible{outline:3px solid rgba(185,107,72,.42);outline-offset:4px} /* Stop the blanket arrow system introduced in v5.10. */ a.ux-arrow::after,a.btn::after,.book::after{content:none!important} .mobile-nav a::after{content:"›"!important;font-size:1.35em;line-height:1;opacity:.48;transform:none!important} /* Text links read as links through underline, weight and colour. */ .link-inline,.text-link{display:inline-flex;align-items:center;gap:.35em;width:max-content;max-width:100%;color:var(--clay-dark);font-weight:780;text-decoration-line:underline;text-decoration-thickness:1.5px;text-underline-offset:.28em;text-decoration-color:rgba(142,79,56,.58);transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease} .link-inline:hover,.link-inline:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--walnut);text-decoration-color:currentColor;background:rgba(185,107,72,.08)} .external-link:not(.btn):not(.book):not(.social-icon):not(.footer-map-link):not(.award-feature-media)::after{content:"↗";display:inline-block;margin-left:.16em;font-size:.82em;line-height:1;text-decoration:none;opacity:.66} /* The social-enterprise utility link is a compact actionable chip. */ .utility .utility-link{display:inline-flex;align-items:center;gap:.38em;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;line-height:1.2;transition:background .2s ease,border-color .2s ease} .utility .utility-link:hover,.utility .utility-link:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42)} /* Footer links use a quiet underline instead of a repeated arrow. */ .footer .footer-link{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:.3em;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:rgba(255,255,255,.28);transition:color .2s ease,text-decoration-color .2s ease} .footer .footer-link:hover,.footer .footer-link:focus-visible{color:#fff;text-decoration-color:rgba(255,255,255,.82)} .footer-bottom{justify-content:flex-start} /* Small contextual actions are visually button-like. */ .bridge-side .mini-link{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin-top:10px;padding:8px 12px;border:1px solid rgba(142,79,56,.35);border-radius:999px;color:var(--clay-dark);font-size:.76rem;font-weight:800;text-decoration:none;background:rgba(255,255,255,.42);transition:background .2s ease,border-color .2s ease,transform .2s ease} .bridge-side .mini-link:hover,.bridge-side .mini-link:focus-visible{background:#fff;border-color:var(--clay-dark);transform:translateY(-1px)} .guide-card .guide-route-link{display:inline-flex;margin-top:9px;padding:8px 11px;border:1px solid rgba(142,79,56,.28);border-radius:999px;color:var(--clay-dark);font-weight:800;text-decoration:none;background:#fffaf6} .guide-card .guide-route-link:hover,.guide-card .guide-route-link:focus-visible{border-color:var(--clay-dark);background:#fff} /* Full-card links signal clickability through depth, cursor and focus. */ a.visual-card,a.route-card{cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} a.visual-card:hover,a.visual-card:focus-visible,a.route-card:hover,a.route-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 44px rgba(43,32,26,.14);border-color:rgba(185,107,72,.38)} /* ClassPass recognition: natural 4:3 portrait, official round winner seal. */ .recognition-section{background:linear-gradient(180deg,#fffdf9 0%,#f7eee7 100%);border-top:1px solid rgba(43,32,26,.07);border-bottom:1px solid rgba(43,32,26,.07)} .recognition-card-v512{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:clamp(44px,7vw,90px);align-items:center} .recognition-media-v512{position:relative;min-width:0;padding:0 clamp(38px,5vw,68px) clamp(30px,4vw,52px) 0} .recognition-photo-v512{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:30px;box-shadow:0 28px 70px rgba(43,32,26,.16)} .recognition-seal-v512{position:absolute;right:0;bottom:0;width:clamp(128px,14vw,184px);height:auto;filter:drop-shadow(0 18px 28px rgba(43,32,26,.2))} .recognition-copy-v512{position:relative;min-width:0;max-width:650px} .recognition-copy-v512 h2{font-size:clamp(2.15rem,3.6vw,3.75rem);line-height:1.01;letter-spacing:-.045em;margin:10px 0 24px;word-break:keep-all} .recognition-award-line{display:inline-block;margin-top:.18em;font-size:.58em;line-height:1.15;letter-spacing:-.02em;color:var(--clay-dark)} .recognition-copy-v512>p:not(.kicker){max-width:590px;color:var(--muted);font-size:1.02rem} /* Official OM mark as the enquiry launcher. */ .guide-launcher{right:18px;bottom:18px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;font-weight:800;isolation:isolate} .guide-launcher-caption{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border:1px solid rgba(185,107,72,.18);border-radius:999px;background:linear-gradient(180deg,#fffdfb 0%,#f8efe5 100%);box-shadow:0 10px 24px rgba(43,32,26,.12);font-size:.72rem;letter-spacing:.08em;color:var(--clay-dark);white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease} .guide-launcher-disc{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(180deg,#fffdfb 0%,#f3e5d7 100%);border:1px solid rgba(185,107,72,.2);box-shadow:0 18px 42px rgba(43,32,26,.2), inset 0 2px 0 rgba(255,255,255,.92), inset 0 -10px 18px rgba(185,107,72,.08);transition:transform .22s ease,box-shadow .22s ease} .guide-launcher-disc-inner{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.96),rgba(255,255,255,.72) 32%,rgba(255,244,235,.92) 62%,rgba(241,225,212,.96) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -8px 14px rgba(185,107,72,.06)} .guide-launcher-disc img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(43,32,26,.14))} .guide-question{position:absolute;right:1px;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--clay-dark),#6f3a29);color:#fff;font-size:.72rem;border:2px solid #fff9f3;box-shadow:0 6px 14px rgba(43,32,26,.2)} .guide-launcher:hover .guide-launcher-disc,.guide-launcher:focus-visible .guide-launcher-disc{transform:translateY(-3px) scale(1.02);box-shadow:0 24px 52px rgba(43,32,26,.25), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -10px 18px rgba(185,107,72,.1)} .guide-launcher:hover .guide-launcher-caption,.guide-launcher:focus-visible .guide-launcher-caption{transform:translateY(-1px);box-shadow:0 14px 30px rgba(43,32,26,.16)} .guide-panel{bottom:92px} @media(max-width:1050px){ .recognition-card-v512{grid-template-columns:1fr;gap:48px} .recognition-media-v512{max-width:720px} .recognition-copy-v512{max-width:760px} } @media(max-width:680px){ .utility .utility-link{font-size:.64rem;padding:5px 8px} .recognition-card-v512{gap:42px} .recognition-media-v512{padding:0 24px 32px 0} .recognition-photo-v512{border-radius:22px} .recognition-seal-v512{width:108px} .recognition-copy-v512 h2{font-size:clamp(2rem,11vw,3.25rem)} .guide-launcher{right:12px;bottom:12px;gap:7px} .guide-launcher-caption{min-height:26px;padding:0 10px;font-size:.66rem} .guide-launcher-disc{width:64px;height:64px} .guide-launcher-disc-inner{width:50px;height:50px} .guide-launcher-disc img{width:40px;height:40px} .guide-panel{right:12px;bottom:80px} } .link-inline.light,.text-link.light{color:#fff;text-decoration-color:rgba(255,255,255,.52)}.link-inline.light:hover,.link-inline.light:focus-visible,.text-link.light:hover,.text-link.light:focus-visible{color:#fff;text-decoration-color:#fff;background:rgba(255,255,255,.08)} .guide-launcher{gap:0!important} .guide-launcher-caption,.guide-question{display:none!important} .guide-launcher-disc{background:linear-gradient(180deg,#fffdfb 0%,#f7ecdf 100%);border:1px solid rgba(185,107,72,.18);box-shadow:0 18px 42px rgba(43,32,26,.16), inset 0 2px 0 rgba(255,255,255,.94), inset 0 -10px 18px rgba(185,107,72,.06)} .guide-launcher-disc-inner{width:60px;height:60px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.98),rgba(255,250,245,.88) 34%,rgba(245,233,220,.95) 68%,rgba(239,225,211,.98) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 12px rgba(185,107,72,.05)} .guide-launcher-disc img{width:52px;height:52px;filter:drop-shadow(0 2px 3px rgba(43,32,26,.1))} @media(max-width:680px){.guide-launcher-disc-inner{width:52px;height:52px}.guide-launcher-disc img{width:44px;height:44px}} /* v5.15: restore a small question badge without adding text beside the OM icon. */ .guide-question{display:grid!important;position:absolute;right:0;top:0;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--clay-dark),#6f3a29);color:#fff;font-size:.72rem;font-weight:850;border:2px solid #fff9f3;box-shadow:0 6px 14px rgba(43,32,26,.2)} /* v5.16 content architecture */ .hero-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;margin:0 0 24px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.14em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)} .principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principle-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow2)}.principle-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:50%;background:var(--paper2);color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.08em}.principle-card h3{margin-bottom:12px}.principle-card p{color:var(--muted);margin-bottom:0} .principle-note,.evidence-note{margin-top:28px;padding:22px 24px;border-left:3px solid var(--clay);border-radius:0 18px 18px 0;background:#f5e9df}.principle-note h3{font-size:1.08rem;margin-bottom:8px}.principle-note p,.evidence-note{color:#5f5047} .founder-quote.large{font-size:1.14rem;line-height:1.9;padding:26px 28px;border-radius:22px;background:rgba(255,255,255,.64);border:1px solid rgba(43,32,26,.08)} .class-overview-grid .visual-card strong{display:inline-flex;align-items:center;padding-bottom:3px;border-bottom:1px solid currentColor}.class-overview-grid .visual-card strong:after{content:'›';margin-left:8px;font-size:1.1em} .pathway-grid .class-card{padding:0 26px 28px}.pathway-grid .class-card>img{width:calc(100% + 52px);height:220px;object-fit:cover;margin:0 -26px 24px}.section-cta{display:flex;justify-content:center;margin-top:34px} .practice-type-grid .info-card{padding:30px}.practice-type-grid .info-card h3{margin-bottom:12px}.practice-type-grid .info-card p:last-child{margin-bottom:0} .sound-attention img,.philosophy-layout img{min-height:520px;object-fit:cover}.social-impact-about strong{color:#fff}.first-visit img{min-height:470px;object-fit:cover} @media(max-width:900px){.principle-grid{grid-template-columns:1fr}.pathway-grid{grid-template-columns:1fr 1fr}.sound-attention img,.philosophy-layout img{min-height:360px}} @media(max-width:680px){.hero-chip{margin-bottom:20px;font-size:.62rem}.pathway-grid{grid-template-columns:1fr}.pathway-grid .class-card>img{height:210px}.founder-quote.large{font-size:1rem;padding:22px}.principle-card{padding:24px}} /* v5.17 navigation, page heroes and layout refinements */ .brand-copy small{letter-spacing:.08em} .nav{gap:18px} .nav a.active{color:var(--clay-dark);font-weight:850} .nav a.active:after{right:0;height:2px} .mobile-nav a.active{color:var(--clay-dark);font-weight:850;background:rgba(185,107,72,.07);padding-left:12px;padding-right:12px;border-radius:10px} .review-hero>img{object-position:center 48%} .contact-hero>img{object-position:center 55%} .review-hero.with-image,.contact-hero.with-image{min-height:590px} /* Compact homepage review showcase: image, quote, vertical pagination. */ .reviews-editorial{padding:78px 0} .review-editorial-head{grid-template-columns:1fr auto;gap:32px;margin-bottom:28px} .review-editorial-intro{justify-self:end;align-self:end} .review-showcase.review-showcase-compact{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.05fr) 178px;min-height:410px} .review-showcase-compact .review-showcase-media{min-height:410px} .review-showcase-compact .review-showcase-card{padding:38px 34px 30px} .review-showcase-compact .review-large-mark{font-size:4.7rem;margin:20px 0 8px} .review-showcase-compact .review-showcase-card blockquote{font-size:clamp(1.02rem,1.55vw,1.34rem);line-height:1.65} .review-showcase-compact .review-showcase-meta{margin-top:26px;padding-top:16px} .review-index.review-index-compact{display:flex;flex-direction:column;margin:0;border:0;border-left:1px solid var(--line);background:#f6eee7;overflow:hidden} .review-index-compact .review-index-item{flex:1;min-width:0;border:0;border-bottom:1px solid var(--line);padding:11px 12px;grid-template-columns:25px 1fr;align-content:center;color:var(--muted)} .review-index-compact .review-index-item:last-child{border-bottom:0} .review-index-compact .review-index-item>span{font-size:.56rem;color:var(--clay-dark)} .review-index-compact .review-index-item strong{font-size:.7rem;color:var(--ink)} .review-index-compact .review-index-item small{font-size:.57rem;color:var(--muted)} .review-index-compact .review-index-item:hover,.review-index-compact .review-index-item.active{background:#fff;color:var(--ink);box-shadow:inset 3px 0 0 var(--clay)} .review-index-compact .review-index-item.active strong{color:var(--clay-dark)} /* Sound practice cards: simple visual cues and gentle motion. */ .practice-type-grid .info-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .practice-type-grid .info-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(43,32,26,.12);border-color:rgba(185,107,72,.32)} .practice-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:25px;border-radius:50%;background:linear-gradient(145deg,#fff,#eedfd2);color:var(--clay-dark);box-shadow:0 12px 26px rgba(43,32,26,.1),inset 0 1px 0 #fff} .practice-icon:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(185,107,72,.18);border-radius:50%;animation:practiceRipple 3.8s ease-in-out infinite} .practice-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .practice-type-grid .info-card:nth-child(2) .practice-icon:after{animation-delay:.7s}.practice-type-grid .info-card:nth-child(3) .practice-icon:after{animation-delay:1.4s} @keyframes practiceRipple{0%,100%{transform:scale(.94);opacity:.34}50%{transform:scale(1.08);opacity:.9}} /* Sound recordings page: one featured listen with two compact companions. */ .sound-library.sound-library-featured{background:linear-gradient(135deg,#f3e5da 0%,#fffaf6 48%,#efe0d3 100%)} .sound-library-featured:after{content:"";position:absolute;left:-8%;bottom:12%;width:56%;height:120px;border:1px solid rgba(185,107,72,.12);border-radius:50%;transform:rotate(-7deg);pointer-events:none} .sound-video-grid.sound-video-grid-featured{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);grid-template-rows:1fr 1fr;gap:22px;align-items:stretch} .sound-video-grid-featured .sound-video-featured{grid-row:1/3;display:flex;flex-direction:column} .sound-video-grid-featured .sound-video-featured .sound-video-cover{aspect-ratio:16/10} .sound-video-grid-featured .sound-video-featured .sound-video-copy{padding:30px 30px 34px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){display:grid;grid-template-columns:175px 1fr;min-height:0} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-cover{height:100%;aspect-ratio:auto;border-radius:0} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy{padding:22px 21px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy h3{font-size:1.12rem} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy>p:not(.kicker){min-height:0;font-size:.82rem;line-height:1.55} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-duration{right:auto;left:12px} /* Training portrait uses the requested Ana C photograph without awkward cropping. */ .training-page .profile>img{object-fit:cover;object-position:center 32%;min-height:520px} @media(max-width:1180px){.nav{gap:14px}.nav a{font-size:.73rem}.header .shell{grid-template-columns:205px 1fr auto}} @media(max-width:1050px){ .review-showcase.review-showcase-compact{grid-template-columns:1fr 1fr;min-height:0} .review-index.review-index-compact{grid-column:1/3;flex-direction:row;border-left:0;border-top:1px solid var(--line);overflow-x:auto} .review-index-compact .review-index-item{min-width:155px;border-bottom:0;border-right:1px solid var(--line)} .review-index-compact .review-index-item:hover,.review-index-compact .review-index-item.active{box-shadow:inset 0 3px 0 var(--clay)} .sound-video-grid.sound-video-grid-featured{grid-template-columns:1fr;grid-template-rows:auto} .sound-video-grid-featured .sound-video-featured{grid-row:auto} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){grid-template-columns:220px 1fr} } @media(max-width:680px){ .brand-copy strong{font-size:.79rem}.brand-copy small{font-size:.54rem;letter-spacing:.055em} .review-hero.with-image,.contact-hero.with-image{min-height:520px} .reviews-editorial{padding:66px 0} .review-editorial-head{display:block}.review-editorial-intro{margin-top:18px} .review-showcase.review-showcase-compact{grid-template-columns:1fr} .review-showcase-compact .review-showcase-media{min-height:285px} .review-showcase-compact .review-showcase-card{padding:32px 24px 26px;min-height:350px} .review-index.review-index-compact{grid-column:auto;margin:0;flex-direction:row;padding:0;overflow-x:auto} .review-index-compact .review-index-item{min-width:148px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){grid-template-columns:1fr} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-cover{aspect-ratio:16/9;height:auto} } @media(prefers-reduced-motion:reduce){.practice-icon:after{animation:none!important}} /* v5.19 Plans and footer refinements */ .nav{gap:17px} .plans-hero img{object-position:center 58%} .plans-hero .shell{max-width:760px;margin-left:max(calc((100vw - min(1180px,calc(100vw - 42px)))/2),21px)} .plan-grid{display:grid;gap:18px}.plan-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))} .plan-card,.vip-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow2);overflow:hidden} .plan-card.featured-soft{background:linear-gradient(180deg,#fffaf5 0%,#f5e7da 100%);border-color:rgba(185,107,72,.28)} .plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-card-top .kicker{margin:0}.plan-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(185,107,72,.24);border-radius:50%;color:var(--clay-dark);font-size:.7rem;font-weight:850;letter-spacing:.05em;background:rgba(255,255,255,.6)} .plan-card h3{margin:24px 0 4px;font-size:1.45rem}.plan-price{display:flex;align-items:flex-start;gap:4px;margin:6px 0 15px}.plan-price>span{font-size:1.05rem;font-weight:800;margin-top:11px}.plan-price strong{font-size:3.2rem;line-height:1;letter-spacing:-.07em}.plan-price small{align-self:flex-end;margin-bottom:5px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em} .plan-card>p{color:var(--muted);font-size:.88rem}.plan-facts{display:grid;gap:9px;list-style:none;padding:18px 0;margin:4px 0 20px;border-top:1px solid var(--line)}.plan-facts li{position:relative;padding-left:19px;color:#5f5148;font-size:.8rem}.plan-facts li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--clay)} .plan-action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 14px;border:1px solid rgba(142,79,56,.25);border-radius:12px;color:var(--clay-dark);font-size:.8rem;font-weight:800;text-decoration:none;background:rgba(255,255,255,.68);transition:.25s}.plan-action:after{content:"›";font-size:1.15rem;line-height:1}.plan-action:hover,.plan-action:focus-visible{transform:translateY(-2px);border-color:var(--clay-dark);box-shadow:0 10px 24px rgba(43,32,26,.1)} .plan-badge{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:var(--clay);color:#fff;font-size:.58rem;font-weight:850;letter-spacing:.08em}.plan-badge.dark{background:var(--walnut)}.plan-card .plan-badge~.plan-card-top{padding-top:28px} .shareable-intro{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:38px}.shareable-intro h2{font-size:clamp(2.35rem,4.65vw,4.6rem);line-height:1.06;margin:0}.shareable-note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.shareable-note p{margin:4px 0 0;color:var(--muted)}.shareable-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--walnut);color:#fff;font-size:2rem;line-height:1} .vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vip-card{padding:32px}.vip-card.vip-featured{background:var(--walnut);color:#fff;border-color:transparent;transform:translateY(-8px);box-shadow:0 28px 70px rgba(43,32,26,.2)}.vip-card.vip-featured .kicker{color:#efb28c}.vip-card.vip-featured .plan-facts{border-color:rgba(255,255,255,.14)}.vip-card.vip-featured .plan-facts li{color:rgba(255,255,255,.76)}.vip-card.vip-featured .plan-action{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}.vip-card.vip-featured .plan-action:hover{background:rgba(255,255,255,.12)} .vip-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 20px}.vip-heading h3{font-size:4.3rem;line-height:.78;letter-spacing:-.08em}.vip-heading h3 small{display:block;font-size:.58rem;letter-spacing:.12em;margin-top:12px}.vip-price{font-size:1.28rem;font-weight:850}.vip-average{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.vip-average strong{margin-left:auto;font-size:1.32rem;color:var(--ink)}.vip-featured .vip-average{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.6)}.vip-featured .vip-average strong{color:#fff} .plan-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.plan-guide-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}.plan-guide-number{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:var(--clay-dark)}.plan-guide-grid h3{margin:40px 0 12px}.plan-guide-grid p{color:var(--muted);font-size:.9rem} .plan-payment-split{align-items:stretch}.plan-payment-split>div:first-child{align-self:center}.plan-payment-split>div:first-child>p{color:rgba(255,255,255,.7)}.payment-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.payment-chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.78);font-size:.7rem;font-weight:800;letter-spacing:.06em}.plan-payment-card{padding:34px;border-radius:26px;background:#f2e4d7;color:var(--ink)}.plan-payment-card h3{font-size:1.9rem}.plan-payment-card ul{display:grid;gap:15px;margin:26px 0 0;padding:0;list-style:none}.plan-payment-card li{position:relative;padding:0 0 15px 28px;border-bottom:1px solid rgba(43,32,26,.12)}.plan-payment-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--clay-dark);font-weight:900} .faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-list summary{position:relative;cursor:pointer;padding:19px 54px 19px 20px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--clay-dark)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 20px 20px;color:var(--muted)} .footer-brand-block .pwa-install{margin-top:13px}.footer-contact-block .footer-map-link{margin-top:16px!important} @media(max-width:1050px){.plan-grid-four{grid-template-columns:1fr 1fr}.vip-grid{grid-template-columns:1fr}.vip-card.vip-featured{transform:none}.shareable-intro{grid-template-columns:1fr;gap:24px}.plan-guide-grid{grid-template-columns:1fr}.nav{gap:13px}.nav a{font-size:.73rem}} @media(max-width:680px){.plan-grid-four{grid-template-columns:1fr}.plans-hero .shell{margin:auto}.plan-card,.vip-card{padding:24px}.vip-heading h3{font-size:3.7rem}.plan-guide-grid article{padding:27px}.plan-payment-card{padding:26px}} /* v5.21 Plans UX redesign */ .plans-v2-page{background:#fbf7f2}.plans-v2-page main{overflow:hidden}.plans-v2-page .section{padding:104px 0} .plans-v2-hero{position:relative;padding:82px 0 92px;background:linear-gradient(135deg,#fbf7f2 0%,#f5eadf 58%,#ead7c7 100%);overflow:hidden} .plans-v2-hero:before{content:"";position:absolute;width:580px;height:580px;right:-210px;top:-260px;border:1px solid rgba(185,107,72,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(185,107,72,.04),0 0 0 140px rgba(185,107,72,.025)} .plans-v2-hero:after{content:"";position:absolute;left:-12%;right:36%;bottom:4%;height:120px;border:1px solid rgba(185,107,72,.13);border-radius:50%;transform:rotate(-5deg);pointer-events:none} .plans-v2-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:74px;align-items:center} .plans-v2-hero-copy h1{font-size:clamp(3.55rem,6.7vw,6.6rem);line-height:.93;letter-spacing:-.072em;margin:0;max-width:780px}.plans-v2-lede{max-width:690px;margin:30px 0 0;color:#66574e;font-size:1.08rem;line-height:1.82}.plans-v2-actions{margin-top:32px}.plans-v2-actions .btn-light{background:rgba(255,255,255,.55)} .plans-v2-trust{display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(43,32,26,.13);max-width:610px}.plans-v2-trust>span{display:flex;align-items:baseline;gap:8px;flex:1;padding:19px 20px 0 0;border-right:1px solid rgba(43,32,26,.13);margin-right:20px}.plans-v2-trust>span:last-child{border-right:0;margin-right:0}.plans-v2-trust b{font-size:1.2rem;letter-spacing:-.04em}.plans-v2-trust small{font-size:.68rem;color:var(--muted);line-height:1.3} .plans-v2-hero-visual{position:relative;min-height:570px}.plans-v2-photo-frame{position:absolute;inset:0 0 36px 42px;border-radius:32px 32px 140px 32px;overflow:hidden;box-shadow:0 35px 90px rgba(43,32,26,.2);background:#d6b69f}.plans-v2-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(43,24,16,.18))}.plans-v2-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 55%} .plans-v2-floating-card{position:absolute;left:0;bottom:0;width:min(300px,78%);padding:25px;border:1px solid rgba(43,32,26,.09);border-radius:22px;background:rgba(255,253,249,.95);box-shadow:0 24px 60px rgba(43,32,26,.18);backdrop-filter:blur(16px)}.plans-v2-floating-label{display:block;color:var(--clay-dark);font-size:.61rem;font-weight:850;letter-spacing:.16em}.plans-v2-floating-card strong{display:block;margin-top:10px;font-size:1.16rem}.plans-v2-floating-card>b{display:block;margin:12px 0 14px;font-size:2.4rem;line-height:1;letter-spacing:-.065em}.plans-v2-floating-card a{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);color:var(--clay-dark);font-size:.78rem;font-weight:850;text-decoration:none}.plans-v2-floating-card a:after{content:"↗"} .plans-v2-choice{position:relative;margin-top:-1px;padding:0 0 10px;background:#fff}.plans-v2-choice .shell{position:relative;top:34px}.plans-v2-choice-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}.plans-v2-choice-head h2{font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.05;margin:0;letter-spacing:-.05em}.plans-v2-choice-head>p{max-width:420px;color:var(--muted)} .plans-v2-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:25px;overflow:hidden;box-shadow:0 25px 65px rgba(43,32,26,.12)}.plans-v2-choice-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;min-height:208px;padding:27px 26px;background:#fff;text-decoration:none;border-right:1px solid var(--line);transition:.3s}.plans-v2-choice-card:last-child{border-right:0}.plans-v2-choice-card:hover{background:#f8efe7;transform:translateY(-4px);z-index:2}.plans-v2-choice-card.is-first{background:#2b1e18;color:#fff}.plans-v2-choice-card.is-first p{color:rgba(255,255,255,.7)}.plans-v2-choice-card.is-first small,.plans-v2-choice-card.is-first .plans-v2-choice-no{color:#efb28c}.plans-v2-choice-no{font-size:.66rem;font-weight:850;color:var(--clay-dark);letter-spacing:.14em}.plans-v2-choice-card small{font-size:.58rem;font-weight:850;letter-spacing:.14em;color:var(--clay-dark)}.plans-v2-choice-card h3{margin:20px 0 9px;font-size:1.25rem;line-height:1.2}.plans-v2-choice-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.plans-v2-choice-card i{align-self:end;font-style:normal;font-size:1.25rem;color:var(--clay)} .plans-v2-start{padding-top:150px!important}.plans-v2-section-head{margin-bottom:44px}.plans-v2-section-head>p{font-size:.92rem}.plans-v2-start-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:22px;align-items:stretch} .plans-v2-feature-plan{display:flex;flex-direction:column;min-height:670px;padding:38px;border:1px solid rgba(185,107,72,.22);border-radius:30px;background:linear-gradient(145deg,#f9eee5 0%,#fffaf5 58%,#eed8c7 100%);box-shadow:0 24px 70px rgba(43,32,26,.1)}.plans-v2-feature-top{display:flex;align-items:center;justify-content:space-between}.plans-v2-pill,.plans-v2-inline-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:var(--clay);color:#fff;font-size:.57rem;font-weight:850;letter-spacing:.12em}.plans-v2-plan-code{font-size:.65rem;font-weight:850;letter-spacing:.15em;color:var(--clay-dark)}.plans-v2-feature-body{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin:auto 0}.plans-v2-feature-body h3{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.07em;margin:0 0 18px}.plans-v2-feature-body p:not(.kicker){max-width:460px;color:#65564d}.plans-v2-feature-price{text-align:right}.plans-v2-feature-price>span{display:block;color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.12em}.plans-v2-feature-price strong{display:block;font-size:5.5rem;line-height:.9;letter-spacing:-.09em}.plans-v2-feature-price small{display:block;margin-top:12px;color:var(--clay-dark);font-size:.7rem;font-weight:800}.plans-v2-feature-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-top:28px;border-top:1px solid rgba(43,32,26,.13)}.plans-v2-feature-footer ul{display:flex;flex-wrap:wrap;gap:9px 20px;margin:0;padding:0;list-style:none}.plans-v2-feature-footer li{position:relative;padding-left:15px;font-size:.73rem;color:#65564d}.plans-v2-feature-footer li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--clay)}.plans-v2-buy-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 18px;border-radius:13px;background:var(--walnut);color:#fff;font-size:.78rem;font-weight:850;text-decoration:none;transition:.25s}.plans-v2-buy-button:hover{transform:translateY(-2px);background:var(--clay-dark)} .plans-v2-compact-list{display:grid;gap:14px}.plans-v2-compact-plan{position:relative;display:grid;grid-template-columns:1fr 130px;gap:24px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:24px;background:#fffdf9;box-shadow:0 11px 30px rgba(43,32,26,.065);transition:.28s}.plans-v2-compact-plan:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(43,32,26,.1)}.plans-v2-compact-plan.is-accent{background:#2b1e18;color:#fff;border-color:transparent}.plans-v2-compact-plan.is-accent .plans-v2-compact-copy>p:not(.kicker),.plans-v2-compact-plan.is-accent .plans-v2-mini-fact{color:rgba(255,255,255,.7)}.plans-v2-compact-plan.is-accent .kicker{color:#efb28c}.plans-v2-inline-badge{position:absolute;right:17px;top:17px;background:rgba(255,255,255,.12);color:#fff}.plans-v2-compact-copy h3{font-size:1.45rem;margin:4px 0 8px}.plans-v2-compact-copy>p:not(.kicker){margin:0;color:var(--muted);font-size:.82rem;line-height:1.58}.plans-v2-mini-fact{display:block;margin-top:12px;color:var(--clay-dark);font-size:.67rem;font-weight:800}.plans-v2-compact-side{text-align:right}.plans-v2-compact-side strong{display:block;font-size:2.15rem;line-height:1;letter-spacing:-.06em}.plans-v2-compact-side strong small{display:block;margin-top:7px;color:var(--muted);font-size:.55rem;letter-spacing:.08em}.is-accent .plans-v2-compact-side strong small{color:rgba(255,255,255,.55)}.plans-v2-compact-side a{display:inline-block;margin-top:22px;padding-bottom:2px;border-bottom:1px solid currentColor;color:var(--clay-dark);font-size:.72rem;font-weight:850;text-decoration:none}.is-accent .plans-v2-compact-side a{color:#efb28c} .plans-v2-vip{padding:112px 0 120px;background:#2b1e18;color:#fff}.plans-v2-vip-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:50px}.plans-v2-vip-intro h2{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.94;letter-spacing:-.07em;margin:0}.plans-v2-vip-note{display:grid;grid-template-columns:auto 1fr;gap:21px;align-items:start}.plans-v2-vip-note>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f0dfd2;color:var(--walnut);font-size:2rem}.plans-v2-vip-note p{margin:5px 0 0;color:rgba(255,255,255,.68)}.plans-v2-vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plans-v2-vip-card{position:relative;display:flex;flex-direction:column;min-height:480px;padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:rgba(255,255,255,.05);overflow:hidden;transition:.3s}.plans-v2-vip-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.075)}.plans-v2-vip-card.is-recommended{background:#f1dfd2;color:var(--ink);border-color:transparent;transform:translateY(-12px);box-shadow:0 30px 70px rgba(0,0,0,.24)}.plans-v2-vip-card.is-recommended:hover{transform:translateY(-16px)}.plans-v2-recommend-label{position:absolute;right:0;top:0;padding:8px 13px;background:var(--clay);color:#fff;border-radius:0 0 0 13px;font-size:.56rem;font-weight:850;letter-spacing:.12em}.plans-v2-vip-top{display:flex;align-items:center;justify-content:space-between}.plans-v2-vip-top>span{font-size:.68rem;font-weight:850;letter-spacing:.17em}.plans-v2-vip-top small{color:rgba(255,255,255,.53);font-size:.56rem;font-weight:850;letter-spacing:.12em}.is-recommended .plans-v2-vip-top small{color:var(--clay-dark)}.plans-v2-vip-card h3{font-size:6rem;line-height:.78;letter-spacing:-.09em;margin:78px 0 34px}.plans-v2-vip-card h3 small{display:block;margin-top:17px;font-size:.58rem;letter-spacing:.14em}.plans-v2-vip-price{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.is-recommended .plans-v2-vip-price{border-color:rgba(43,32,26,.14)}.plans-v2-vip-price strong{font-size:1.45rem}.plans-v2-vip-price span{font-size:.63rem;color:rgba(255,255,255,.56)}.plans-v2-vip-price b{color:#fff;font-size:1.1rem}.is-recommended .plans-v2-vip-price span{color:var(--muted)}.is-recommended .plans-v2-vip-price b{color:var(--ink)}.plans-v2-vip-card ul{display:grid;gap:10px;margin:22px 0 30px;padding:0;list-style:none}.plans-v2-vip-card li{position:relative;padding-left:18px;color:rgba(255,255,255,.68);font-size:.75rem}.plans-v2-vip-card li:before{content:"✓";position:absolute;left:0;color:#efb28c}.is-recommended .plans-v2-vip-card li{color:#65564d}.is-recommended .plans-v2-vip-card li:before{color:var(--clay-dark)}.plans-v2-vip-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;font-size:.75rem;font-weight:850;text-decoration:none}.is-recommended .plans-v2-vip-card>a{border-color:rgba(43,32,26,.2);background:var(--walnut);color:#fff} .plans-v2-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(43,32,26,.07)}.plans-v2-table{width:100%;min-width:860px;border-collapse:collapse}.plans-v2-table th,.plans-v2-table td{padding:19px 20px;border-bottom:1px solid var(--line);text-align:left;font-size:.79rem}.plans-v2-table thead th{background:#2b1e18;color:#fff;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.plans-v2-table tbody th{font-size:.86rem}.plans-v2-table tbody tr:last-child th,.plans-v2-table tbody tr:last-child td{border-bottom:0}.plans-v2-table tbody tr.is-highlight{background:#f7e8dc}.plans-v2-table tbody tr:hover{background:#fbf2eb}.plans-v2-table tbody tr.is-highlight:hover{background:#f4dfd0} .plans-v2-payment-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.plans-v2-payment-copy h2{font-size:clamp(2.8rem,5vw,5.1rem);line-height:.98;letter-spacing:-.065em;margin:0}.plans-v2-payment-copy>p:not(.kicker){max-width:650px;color:var(--muted);font-size:1rem}.plans-v2-payment-chips span{color:var(--clay-dark);border-color:rgba(185,107,72,.25);background:#f7ece4}.plans-v2-check-card{padding:36px;border-radius:28px;background:#f0e1d4;box-shadow:0 20px 58px rgba(43,32,26,.1)}.plans-v2-check-card h3{font-size:1.7rem;margin-bottom:23px}.plans-v2-check-card ol{display:grid;gap:0;margin:0 0 28px;padding:0;list-style:none}.plans-v2-check-card li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgba(43,32,26,.13)}.plans-v2-check-card li>b{color:var(--clay-dark);font-size:.62rem;letter-spacing:.1em}.plans-v2-check-card li strong,.plans-v2-check-card li small{display:block}.plans-v2-check-card li strong{font-size:.87rem}.plans-v2-check-card li small{margin-top:2px;color:var(--muted);font-size:.72rem}.plans-v2-check-card .btn{width:100%}.plans-v2-faq .faq-list{grid-template-columns:1fr 1fr;max-width:none}.plans-v2-faq .faq-list details{align-self:start}.plans-v2-mobile-cta{display:none} @media(max-width:1050px){.plans-v2-hero-grid{grid-template-columns:1fr;gap:45px}.plans-v2-hero-visual{min-height:500px;max-width:720px;width:100%;margin:auto}.plans-v2-photo-frame{left:70px}.plans-v2-choice-grid{grid-template-columns:1fr}.plans-v2-choice-card{border-right:0;border-bottom:1px solid var(--line);min-height:0}.plans-v2-choice-card:last-child{border-bottom:0}.plans-v2-start-layout{grid-template-columns:1fr}.plans-v2-feature-plan{min-height:590px}.plans-v2-vip-intro{grid-template-columns:1fr;gap:30px}.plans-v2-vip-grid{grid-template-columns:1fr}.plans-v2-vip-card.is-recommended,.plans-v2-vip-card.is-recommended:hover{transform:none}.plans-v2-vip-card{min-height:420px}.plans-v2-payment-grid{grid-template-columns:1fr;gap:42px}.plans-v2-faq .faq-list{grid-template-columns:1fr}} @media(max-width:680px){.plans-v2-page{padding-bottom:83px}.plans-v2-page .section{padding:76px 0}.plans-v2-hero{padding:64px 0 70px}.plans-v2-hero-grid{gap:35px}.plans-v2-hero-copy h1{font-size:clamp(3.15rem,15vw,4.9rem)}.plans-v2-lede{font-size:.96rem}.plans-v2-trust{margin-top:35px}.plans-v2-trust>span{display:block;padding-right:10px;margin-right:10px}.plans-v2-trust b,.plans-v2-trust small{display:block}.plans-v2-trust small{margin-top:4px}.plans-v2-hero-visual{min-height:430px}.plans-v2-photo-frame{left:20px;right:0;bottom:40px;border-radius:24px 24px 90px 24px}.plans-v2-floating-card{padding:20px;width:76%}.plans-v2-floating-card>b{font-size:2rem}.plans-v2-choice .shell{top:26px}.plans-v2-choice-head{display:block}.plans-v2-choice-head>p{margin-top:15px}.plans-v2-choice-card{grid-template-columns:28px 1fr auto;padding:23px 20px}.plans-v2-choice-card h3{margin-top:12px}.plans-v2-start{padding-top:120px!important}.plans-v2-feature-plan{min-height:0;padding:26px;border-radius:24px}.plans-v2-feature-body{grid-template-columns:1fr;margin:58px 0 38px}.plans-v2-feature-body h3{font-size:3rem}.plans-v2-feature-price{text-align:left}.plans-v2-feature-price strong{font-size:4.7rem}.plans-v2-feature-footer{grid-template-columns:1fr}.plans-v2-buy-button{width:100%}.plans-v2-compact-plan{grid-template-columns:1fr;padding:23px}.plans-v2-compact-side{text-align:left;display:flex;align-items:end;justify-content:space-between;gap:18px}.plans-v2-compact-side a{margin-top:0}.plans-v2-inline-badge{position:static;margin-bottom:12px}.plans-v2-vip{padding:78px 0 84px}.plans-v2-vip-intro h2{font-size:3.5rem}.plans-v2-vip-note{grid-template-columns:50px 1fr}.plans-v2-vip-note>span{width:50px;height:50px}.plans-v2-vip-card{padding:26px;min-height:390px}.plans-v2-vip-card h3{font-size:5rem;margin:65px 0 28px}.plans-v2-payment-copy h2{font-size:3.35rem}.plans-v2-check-card{padding:26px}.plans-v2-mobile-cta{position:fixed;z-index:65;left:10px;right:10px;bottom:10px;display:block}.plans-v2-mobile-cta a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(43,30,24,.95);box-shadow:0 16px 42px rgba(0,0,0,.28);backdrop-filter:blur(15px);color:#fff;text-decoration:none}.plans-v2-mobile-cta small,.plans-v2-mobile-cta strong{display:block}.plans-v2-mobile-cta small{color:#efb28c;font-size:.54rem;font-weight:850;letter-spacing:.12em}.plans-v2-mobile-cta strong{font-size:.79rem}.plans-v2-mobile-cta b{font-size:.69rem;color:#fff}} @media(prefers-reduced-motion:reduce){.plans-v2-choice-card,.plans-v2-compact-plan,.plans-v2-vip-card,.plans-v2-buy-button{transition:none!important}} /* v5.22 Plans value hierarchy */ .plans-v2-floating-card-value>b{display:flex;align-items:baseline;gap:4px} .plans-v2-floating-card-value>b small{font-size:.78rem;letter-spacing:0;color:var(--muted)} .plans-v2-choice-card.is-value{background:#f4e1d2} .plans-v2-choice-card.is-value:hover{background:#efd6c3} .plans-v2-choice-card.is-value small,.plans-v2-choice-card.is-value .plans-v2-choice-no{color:#8b4f31} .plans-v2-vip-intro{grid-template-columns:1fr 1fr;align-items:center} .plans-v2-vip-note>span{width:82px;height:82px;font-size:1.22rem;font-weight:900;letter-spacing:-.05em} .plans-v2-vip-note p{font-size:.93rem;line-height:1.75} .plans-v2-vip-grid{grid-template-columns:.9fr .9fr 1.18fr;gap:20px;align-items:stretch} .plans-v2-vip-card{min-height:500px} .plans-v2-vip-card.is-best-value{background:#f2dece;color:#2b201a;border:2px solid #d88a57;transform:translateY(-14px);box-shadow:0 34px 78px rgba(0,0,0,.3)} .plans-v2-vip-card.is-best-value:hover{transform:translateY(-18px);background:#f5e6da} .plans-v2-vip-card.is-best-value .plans-v2-vip-top>span, .plans-v2-vip-card.is-best-value h3, .plans-v2-vip-card.is-best-value .plans-v2-vip-price strong{color:#2b201a} .plans-v2-vip-card.is-best-value .plans-v2-vip-top small{color:#8b4f31} .plans-v2-vip-card.is-best-value .plans-v2-vip-price{border-color:rgba(43,32,26,.17)} .plans-v2-vip-card.is-best-value .plans-v2-vip-price span{color:#6b574c} .plans-v2-vip-card.is-best-value .plans-v2-vip-price b{color:#8b3f1f;font-size:1.32rem} .plans-v2-vip-card.is-best-value li{color:#5e4c42} .plans-v2-vip-card.is-best-value li:before{color:#a64c25} .plans-v2-vip-card.is-best-value>a{border-color:#2b201a;background:#2b201a;color:#fff;min-height:54px} .plans-v2-vip-card.is-best-value>a:hover{background:#a64c25;border-color:#a64c25} .plans-v2-vip-card.is-best-value h3{font-size:6.5rem} .plans-v2-recommend-label{background:#a64c25;color:#fff;padding:10px 14px;font-size:.6rem} .plans-v2-savings{margin:18px 0 0;padding:16px;border-radius:15px;background:rgba(255,255,255,.55);border:1px solid rgba(43,32,26,.12)} .plans-v2-savings strong,.plans-v2-savings small{display:block} .plans-v2-savings strong{font-size:.82rem;color:#7f3519} .plans-v2-savings small{margin-top:5px;color:#6b574c;font-size:.64rem;line-height:1.45} .plans-v2-vip-footnote{margin:28px 0 0;color:rgba(255,255,255,.58);font-size:.72rem;text-align:center} .plans-v2-table{min-width:940px} .plans-v2-table tbody tr.is-trial{background:#fbf1e9} .plans-v2-table tbody tr.is-trial:hover{background:#f7e7da} .plans-v2-table tbody tr.is-best-value{background:#2b201a;color:#fff} .plans-v2-table tbody tr.is-best-value th,.plans-v2-table tbody tr.is-best-value td{border-bottom-color:rgba(255,255,255,.12)} .plans-v2-table tbody tr.is-best-value:hover{background:#3a2921} .plans-v2-table tbody tr.is-best-value strong{color:#f2b186;font-size:1rem} .plans-v2-table-badge{display:inline-flex;margin-left:7px;padding:4px 7px;border-radius:999px;background:#b96832;color:#fff;font-size:.52rem;letter-spacing:.08em;vertical-align:middle} @media(max-width:1050px){ .plans-v2-vip-grid{grid-template-columns:1fr} .plans-v2-vip-card.is-best-value,.plans-v2-vip-card.is-best-value:hover{transform:none} .plans-v2-vip-card.is-best-value{order:-1} } @media(max-width:680px){ .plans-v2-vip-note>span{width:58px;height:58px;font-size:.92rem} .plans-v2-vip-card.is-best-value h3{font-size:5.3rem} .plans-v2-vip-card.is-best-value{border-width:2px} .plans-v2-vip-footnote{text-align:left} } .plans-v2-vip-card#vip50-card{scroll-margin-top:118px} /* ========================================================= v5.23 UX final: shared typography, clearer navigation, mobile comparison cards, first-visit and policy pages. ========================================================= */ html{font-size:calc(17px * var(--font-scale))} body{font-size:1rem} .utility{font-size:.78rem} .utility .shell{min-height:40px} .tools button{min-width:34px;min-height:34px;font-size:.78rem} .header .shell{grid-template-columns:224px 1fr auto;gap:18px} .brand-copy strong{font-size:.88rem} .brand-copy small{font-size:.76rem;line-height:1.35;letter-spacing:.075em;white-space:nowrap} .nav{gap:15px} .nav a{font-size:.84rem;letter-spacing:.015em} .book{min-height:48px;padding:0 17px;font-size:.9rem} .btn{min-height:50px;font-size:.94rem} .kicker{font-size:.78rem;line-height:1.45} .heading>p,.lede{font-size:1rem} .visual-card p,.info-card p,.class-card p,.route-card p,.path-card p{font-size:.96rem} .visual-card strong,.text-link,.link-inline,.mini-link{font-size:.9rem} .experience>span,.credentials span,.review-card>p{font-size:.78rem} .experience p,.list li,.module p,.route-card p{font-size:.94rem} label{font-size:.9rem} .footer p{font-size:.9rem} .footer h3{font-size:.92rem} .footer a{font-size:.88rem;line-height:1.5} .footer-bottom{font-size:.8rem} .guide-head small,.guide-note{font-size:.78rem} .guide-msg{font-size:.9rem} .guide-quick button{font-size:.84rem;min-height:40px} .hero-notes{font-size:.78rem} .hero-note-link{color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px} .mobile-nav a{font-size:1rem;min-height:52px} .mobile-nav .mobile-book-link{margin-top:12px;padding:15px 16px;border:0;border-radius:12px;background:var(--walnut);color:#fff} /* Let the navigation switch before labels become cramped. */ @media(max-width:1240px){ .header .shell{grid-template-columns:1fr auto auto} .nav{display:none} .menu-btn{display:block;min-width:46px;min-height:46px;border-radius:12px} .mobile-nav{position:fixed;top:122px;left:0;right:0;max-height:calc(100vh - 122px);overflow:auto;background:var(--paper);padding:22px max(24px,calc((100vw - 1180px)/2));box-shadow:var(--shadow);z-index:69} .mobile-nav.open{display:block} } @media(max-width:680px){ .mobile-nav{top:112px;max-height:calc(100vh - 112px)} .brand-copy strong{font-size:.82rem} .kicker{font-size:.76rem} } /* Homepage uses one representative recording; the full library stays on Sound. */ .sound-video-grid.home-featured-recording{grid-template-columns:minmax(0,860px);justify-content:start} .home-featured-recording .sound-video-card{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr)} .home-featured-recording .sound-video-cover{height:100%;aspect-ratio:auto;min-height:330px} .home-featured-recording .sound-video-copy{display:flex;flex-direction:column;justify-content:center;padding:38px} .home-featured-recording .sound-video-copy>p:not(.kicker){min-height:0;font-size:.96rem} @media(max-width:760px){.home-featured-recording .sound-video-card{grid-template-columns:1fr}.home-featured-recording .sound-video-cover{min-height:0;aspect-ratio:16/9}.home-featured-recording .sound-video-copy{padding:26px}} /* Plans: enlarge all decision-making text. */ .plans-v2-choice-no,.plans-v2-choice-card small,.plans-v2-inline-badge{font-size:.78rem} .plans-v2-choice-card p,.plans-v2-compact-copy>p:not(.kicker){font-size:.94rem} .plans-v2-feature-meta span,.plans-v2-mini-fact{font-size:.82rem} .plans-v2-compact-side strong small{font-size:.76rem} .plans-v2-compact-side a{font-size:.88rem} .plans-v2-vip-top>span{font-size:.82rem} .plans-v2-vip-top small{font-size:.76rem} .plans-v2-vip-card h3 small{font-size:.76rem} .plans-v2-vip-price span{font-size:.8rem} .plans-v2-vip-card li{font-size:.9rem} .plans-v2-vip-card>a{font-size:.9rem} .plans-v2-recommend-label{font-size:.76rem} .plans-v2-savings strong{font-size:.92rem} .plans-v2-savings small{font-size:.82rem} .plans-v2-vip-footnote{font-size:.84rem} .plans-v2-table th,.plans-v2-table td{font-size:.9rem} .plans-v2-table thead th{font-size:.78rem} .plans-v2-table tbody th{font-size:.94rem} .plans-v2-table-badge{font-size:.72rem} .plans-v2-check-card li>b{font-size:.76rem} .plans-v2-check-card li strong{font-size:.96rem} .plans-v2-check-card li small{font-size:.84rem} .plans-v2-mobile-cta small{font-size:.76rem} .plans-v2-mobile-cta strong{font-size:.92rem} .plans-v2-mobile-cta b{font-size:.86rem} .plans-support-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .plans-support-links a{display:inline-flex;align-items:center;min-height:46px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--clay-dark);font-size:.88rem;font-weight:800;text-decoration:none} .plans-v2-mobile-compare{display:none} @media(max-width:680px){ .plans-v2-table-wrap{display:none} .plans-v2-mobile-compare{display:grid;gap:13px} .plans-v2-mobile-compare article{position:relative;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow2)} .plans-v2-mobile-compare article.is-trial{background:#fbf1e9} .plans-v2-mobile-compare article.is-mid{background:#2b1e18;color:#fff;border-color:#2b1e18} .plans-v2-mobile-compare article.is-mid .kicker,.plans-v2-mobile-compare article.is-mid small{color:rgba(255,255,255,.7)} .plans-v2-mobile-compare article.is-best{padding-top:52px;background:#f2dece;border:2px solid #d88a57} .plans-v2-mobile-best{position:absolute;top:0;left:0;padding:10px 13px;border-radius:18px 0 12px 0;background:#a64c25;color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.06em} .plans-v2-mobile-compare h3{margin:3px 0 18px;font-size:1.45rem} .plans-v2-mobile-compare article>div{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .plans-v2-mobile-compare .is-mid>div{border-color:rgba(255,255,255,.16)} .plans-v2-mobile-compare strong{font-size:2rem;letter-spacing:-.04em} .plans-v2-mobile-compare div span,.plans-v2-mobile-compare small{font-size:.88rem} .plans-v2-mobile-compare small{display:block;margin-top:15px;color:var(--muted)} .plans-v2-mobile-compare article>a{display:flex;justify-content:space-between;margin-top:18px;min-height:48px;align-items:center;padding:0 14px;border-radius:12px;background:var(--walnut);color:#fff;font-size:.9rem;font-weight:850;text-decoration:none} .plans-page .guide-launcher{bottom:94px} .plans-page .guide-panel{bottom:150px} body.overlay-open .plans-v2-mobile-cta{display:none} } /* First-visit page. */ .first-visit-hero>img{object-position:center 58%} .first-visit-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .first-visit-route-grid .route-card{display:flex;flex-direction:column;min-height:310px;padding:28px} .first-visit-route-grid .route-card strong{margin-top:auto} .first-visit-prep{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start} .first-visit-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px} .first-visit-steps article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff} .first-visit-steps article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:50%;background:#f0dfd2;color:var(--clay-dark);font-size:.82rem;font-weight:850} .first-visit-steps p{color:var(--muted);font-size:.94rem} .first-visit-studio{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch} .first-visit-location,.first-visit-trial{padding:38px;border-radius:26px} .first-visit-location{border:1px solid var(--line);background:#fff} .first-visit-location p{color:var(--muted)} .first-visit-trial{background:var(--walnut);color:#fff} .first-visit-trial .kicker{color:#efb28c} .first-visit-trial strong{display:block;margin:22px 0 6px;font-size:4.6rem;line-height:1;letter-spacing:-.07em} .first-visit-trial p{color:rgba(255,255,255,.72)} .first-visit-trial .btn{margin-top:15px} .first-visit-faq{grid-template-columns:1fr 1fr;max-width:none} .first-visit-final{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:42px;padding-top:38px;border-top:1px solid var(--line)} .first-visit-final h2{font-size:clamp(2.4rem,4.5vw,4.2rem)} @media(max-width:1050px){.first-visit-route-grid{grid-template-columns:1fr 1fr}.first-visit-prep,.first-visit-studio{grid-template-columns:1fr}.first-visit-final{display:block}.first-visit-final .actions{margin-top:24px}} @media(max-width:680px){.first-visit-route-grid,.first-visit-steps,.first-visit-faq{grid-template-columns:1fr}.first-visit-route-grid .route-card{min-height:0}.first-visit-location,.first-visit-trial{padding:26px}.first-visit-trial strong{font-size:3.8rem}} /* Policies page. */ .policy-hero{background:linear-gradient(135deg,#2b1e18,#65402f)} .policy-layout{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:start} .policy-nav{position:sticky;top:145px;display:grid;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff} .policy-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem;text-decoration:none} .policy-content{display:grid;gap:78px} .policy-content>section{scroll-margin-top:145px} .policy-content h2{font-size:clamp(2.3rem,4.5vw,4.3rem)} .policy-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px} .policy-card-grid article{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff} .policy-card-grid p{color:var(--muted);font-size:.94rem} .policy-table{display:grid;margin-top:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden} .policy-table>div{display:grid;grid-template-columns:150px 180px 1fr;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff;align-items:center} .policy-table>div:last-child{border-bottom:0} .policy-table>div.is-best{background:#f2dece} .policy-table span{font-weight:850} .policy-table small{color:var(--muted);font-size:.88rem} .policy-note{margin-top:22px;padding:28px;border-radius:22px;background:#f0e1d4} .policy-note p{color:#66544a} .policy-list{display:grid;margin-top:28px;border-top:1px solid var(--line)} .policy-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)} .policy-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--walnut);color:#fff;font-size:.78rem;font-weight:850} .policy-list p{margin-bottom:0;color:var(--muted)} .policy-help{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:34px;border-radius:26px;background:var(--walnut);color:#fff} .policy-help h2{font-size:clamp(2.5rem,4.4vw,4.2rem)} .policy-help p:not(.kicker){color:rgba(255,255,255,.7);max-width:650px} .policy-updated{color:var(--muted);font-size:.82rem;text-align:right} @media(max-width:1050px){.policy-layout{grid-template-columns:1fr}.policy-nav{position:static;grid-template-columns:1fr 1fr;gap:0 20px}.policy-help{display:block}.policy-help .actions{margin-top:24px}} @media(max-width:680px){.policy-nav,.policy-card-grid{grid-template-columns:1fr}.policy-table>div{grid-template-columns:1fr;gap:4px}.policy-help{padding:26px}.policy-updated{text-align:left}} /* v5.23 readable small-text floor for secondary labels and captions. */ .tag,.number-list li:before,.step:before,.principles article>span,.need-option .need-num,.need-option small,.need-caption,.voice-focus>p,.voice-count,.voice-bubble,.moment figcaption,.review-showcase-caption,.review-showcase-category,.review-showcase-source,.review-showcase-count,.review-index-item>span,.review-index-item small,.footer-brand small,.sound-duration,.sound-autoplay-note,.guide-launcher-caption,.guide-question,.hero-chip,.principle-number,.plan-icon,.plan-price small,.plan-badge,.vip-heading h3 small,.vip-average,.plan-guide-number,.payment-chips span,.plans-v2-trust small,.plans-v2-floating-label,.plans-v2-pill,.plans-v2-plan-code,.plans-v2-feature-price>span,.plans-v2-feature-price small,.plans-v2-feature-footer li{font-size:.78rem} .review-index-compact .review-index-item>span,.review-index-compact .review-index-item small{font-size:.76rem} .review-index-compact .review-index-item strong{font-size:.88rem} .plans-v2-floating-label,.plans-v2-pill,.plans-v2-plan-code{line-height:1.35} /* v5.24 homepage recording section: full-width editorial feature with balanced spacing. */ .sound-library-home{padding:clamp(86px,8vw,118px) 0;background:linear-gradient(145deg,#f5e9df 0%,#fffaf6 52%,#f3e5da 100%)} .sound-library-home:before{width:500px;height:500px;right:-260px;top:-270px;border-color:rgba(185,107,72,.13)} .sound-library-home:after{content:"";position:absolute;left:-120px;bottom:-190px;width:440px;height:310px;border:1px solid rgba(185,107,72,.09);border-radius:50%;transform:rotate(-9deg);pointer-events:none} .sound-library-home-head{grid-template-columns:minmax(0,1.12fr) minmax(320px,.68fr);align-items:start;gap:clamp(42px,7vw,96px);margin-bottom:clamp(36px,5vw,58px)} .sound-library-home-heading{max-width:760px} .sound-library-home-heading h2{font-size:clamp(3.1rem,5.4vw,5.5rem);line-height:.98;letter-spacing:-.06em;max-width:820px} html[data-lang=en] .sound-library-home-heading h2{font-size:clamp(2.65rem,4.7vw,4.75rem);line-height:1.02;letter-spacing:-.05em} .sound-library-home-intro{justify-self:end;max-width:490px;padding-top:20px} .sound-library-home-intro p{font-size:1.02rem;line-height:1.75} .sound-library-home-intro .text-link{margin-top:20px} .sound-video-grid.home-featured-recording{display:block;max-width:none} .home-featured-recording .home-recording-card{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);width:100%;min-height:470px;border-radius:32px;background:rgba(255,253,249,.94);box-shadow:0 26px 70px rgba(67,42,27,.13);overflow:hidden} .home-featured-recording .home-recording-card:hover{transform:translateY(-3px);box-shadow:0 32px 78px rgba(67,42,27,.17)} .home-featured-recording .home-recording-cover{height:100%;min-height:470px;aspect-ratio:auto} .home-featured-recording .home-recording-cover img{object-position:center 48%} .home-recording-cover:after{background:linear-gradient(0deg,rgba(25,15,11,.48),rgba(25,15,11,.02) 62%)} .home-recording-cover-label{position:absolute;left:24px;bottom:22px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(35,22,16,.45);backdrop-filter:blur(10px);color:#fff;font-size:.78rem;font-weight:760;letter-spacing:.02em} .home-featured-recording .home-recording-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,68px)} .home-recording-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px} .home-recording-meta span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid rgba(142,79,56,.2);border-radius:999px;background:#f6ebe2;color:var(--clay-dark);font-size:.73rem;font-weight:820;letter-spacing:.09em} .home-recording-copy .kicker{margin-bottom:12px} .home-recording-copy h3{font-size:clamp(2rem,3vw,3.05rem);line-height:1.08;margin:0 0 20px;letter-spacing:-.045em} .home-featured-recording .home-recording-copy>p:not(.kicker){min-height:0;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.78} .home-recording-divider{width:54px;height:2px;margin:28px 0 22px;background:var(--clay)} .home-featured-recording .home-recording-copy .sound-autoplay-note{margin:0!important;padding:0!important;border:0!important;font-size:.84rem!important;line-height:1.6;color:var(--clay-dark)!important} .home-recording-link{margin-top:20px} @media(max-width:980px){ .sound-library-home-head{grid-template-columns:1fr;gap:22px} .sound-library-home-intro{justify-self:start;max-width:680px;padding-top:0} .home-featured-recording .home-recording-card{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);min-height:420px} .home-featured-recording .home-recording-cover{min-height:420px} .home-featured-recording .home-recording-copy{padding:38px} } @media(max-width:760px){ .sound-library-home{padding:76px 0} .sound-library-home-heading h2,html[data-lang=en] .sound-library-home-heading h2{font-size:clamp(2.55rem,11vw,3.7rem);line-height:1.02} .sound-library-home-intro p{font-size:.98rem} .home-featured-recording .home-recording-card{grid-template-columns:1fr;min-height:0;border-radius:24px} .home-featured-recording .home-recording-cover{min-height:0;aspect-ratio:16/10} .home-featured-recording .home-recording-copy{padding:30px 25px 32px} .home-recording-meta{margin-bottom:19px} .home-recording-copy h3{font-size:2.05rem} .home-featured-recording .home-recording-copy>p:not(.kicker){font-size:.98rem} .home-recording-cover-label{left:16px;bottom:15px} } /* ========================================================= v5.25 header refinement: concise brand descriptor, calmer English navigation and earlier compact-menu switch. ========================================================= */ .header .shell{ min-height:80px; grid-template-columns:205px minmax(0,1fr) auto; gap:26px; } .brand{min-width:0;gap:11px} .brand img{width:50px;height:50px} .brand-copy{min-width:0} .brand-copy strong{ font-size:.88rem; letter-spacing:.17em; line-height:1.15; white-space:nowrap; } .brand-copy small{ margin-top:5px; font-size:.7rem; line-height:1.2; letter-spacing:.11em; white-space:nowrap; } .nav{ justify-content:center; gap:19px; min-width:0; } .nav a{ padding:29px 0 25px; font-size:.86rem; line-height:1; font-weight:700; letter-spacing:0; text-transform:none; } html[data-lang=zh] .nav a{font-size:.9rem;font-weight:720} .nav a:after{bottom:17px;height:2px} .book{ min-width:118px; min-height:48px; padding:0 18px; font-size:.9rem; white-space:nowrap; } .utility .utility-link{font-size:.76rem;letter-spacing:.005em} @media(max-width:1320px){ .header .shell{grid-template-columns:1fr auto auto} .nav{display:none} .menu-btn{display:block;min-width:46px;min-height:46px;border-radius:12px} .mobile-nav{position:fixed;top:120px;left:0;right:0;max-height:calc(100vh - 120px);overflow:auto;background:var(--paper);padding:22px max(24px,calc((100vw - 1180px)/2));box-shadow:var(--shadow);z-index:69} .mobile-nav.open{display:block} } @media(max-width:680px){ .brand-copy small{display:none} .mobile-nav{top:112px;max-height:calc(100vh - 112px)} .utility .utility-link{font-size:.7rem} } /* v5.26 — simplified footer and resonant page loader */ .om-prefooter{background:#ede2d5;border-top:1px solid rgba(43,32,26,.08);padding:34px 0} .om-prefooter-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px} .om-prefooter-copy{display:flex;align-items:center;gap:20px;min-width:0} .om-prefooter-mark{width:58px;height:58px;border-radius:17px;background:#fffaf5;display:grid;place-items:center;flex:none;box-shadow:0 10px 25px rgba(43,32,26,.12);border:1px solid rgba(43,32,26,.08);overflow:hidden} .om-prefooter-mark img{width:48px;height:48px;object-fit:contain} .om-prefooter h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin:0} .om-prefooter p{font-size:1rem;color:var(--muted);margin:8px 0 0} .om-prefooter-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end} .om-footer-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:14px;text-decoration:none;font-size:.94rem;font-weight:750;border:1px solid transparent;transition:.25s ease} .om-footer-btn-primary{background:var(--walnut);color:#fffaf5} .om-footer-btn-primary:hover,.om-footer-btn-primary:focus-visible{background:#3a2a22;transform:translateY(-2px)} .om-footer-btn-secondary{background:rgba(255,255,255,.48);border-color:rgba(43,32,26,.17)} .om-footer-btn-secondary:hover,.om-footer-btn-secondary:focus-visible{background:#fff;border-color:rgba(43,32,26,.3)} .om-site-footer{background:#211813;color:#fffaf5;padding:68px 0 max(28px,env(safe-area-inset-bottom))} .om-footer-top{display:grid;grid-template-columns:minmax(250px,1.15fr) 2fr;gap:64px;align-items:start} .om-footer-logo-link{display:inline-block;text-decoration:none;margin-bottom:22px} .om-footer-brand .om-footer-logo-link img{width:185px;height:auto;display:block;object-fit:contain} .om-footer-brand>p{font-size:1rem;color:rgba(255,250,245,.70);max-width:370px;margin:0} .om-footer-location{margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,250,245,.15)} .om-location-label{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e7ad87;margin-bottom:8px} .om-footer-location>strong{display:block;font-size:1rem;margin-bottom:5px;color:#fffaf5} .om-footer-location>span{display:block;color:rgba(255,250,245,.65);font-size:.9rem} .om-location-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:13px} .om-map-link{display:inline-flex;align-items:center;gap:7px;color:#f1b18a;font-weight:700;text-decoration:none;font-size:.9rem} .om-map-link:hover,.om-map-link:focus-visible{text-decoration:underline;text-underline-offset:4px} .om-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .om-footer-group{min-width:0} .om-footer-group h3{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#e7ad87;margin:0 0 16px} .om-footer-group nav{display:grid;gap:4px} .om-footer-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,250,245,.08);text-decoration:none;color:rgba(255,250,245,.82);font-size:1rem;font-weight:560;transition:.2s ease} .om-footer-link::after{content:"›";font-size:1.1rem;opacity:0;transform:translateX(-5px);transition:.2s ease;color:#f1b18a} .om-footer-link:hover,.om-footer-link:focus-visible{color:#fff;padding-left:5px} .om-footer-link:hover::after,.om-footer-link:focus-visible::after{opacity:1;transform:none} .om-footer-link.is-external::after{content:"↗";font-size:.82rem;opacity:.58;transform:none} .om-impact-card{grid-column:1/-1;margin-top:18px;border:1px solid rgba(255,250,245,.15);background:linear-gradient(135deg,rgba(185,104,50,.20),rgba(255,255,255,.035));border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;text-decoration:none} .om-impact-card small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#f1b18a;font-weight:800;margin-bottom:5px} .om-impact-card strong{display:block;font-size:1.12rem;line-height:1.25;color:#fffaf5} .om-impact-card>div>span{font-size:.9rem;color:rgba(255,250,245,.65);display:block;margin-top:5px} .om-impact-arrow{width:44px;height:44px;border-radius:13px;background:rgba(255,250,245,.09);display:grid;place-items:center;font-size:1.18rem;transition:.25s ease} .om-impact-card:hover .om-impact-arrow,.om-impact-card:focus-visible .om-impact-arrow{background:#f4d6c3;color:var(--walnut);transform:translate(2px,-2px)} .om-footer-social{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,250,245,.15);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px} .om-social-copy strong{display:block;font-size:.95rem} .om-social-copy>span{display:block;color:rgba(255,250,245,.55);font-size:.84rem;margin-top:4px} .om-social-list{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end} .om-social-link{width:46px;height:46px;border:1px solid rgba(255,250,245,.15);border-radius:14px;display:grid;place-items:center;color:#fff;text-decoration:none;background:rgba(255,255,255,.035);transition:.22s ease;position:relative} .om-social-link:hover,.om-social-link:focus-visible{background:#f4d6c3;color:var(--walnut);transform:translateY(-3px)} .om-social-link svg{width:21px;height:21px;fill:currentColor} .om-social-link>span{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);background:#fff;color:var(--walnut);font-size:.75rem;font-weight:700;padding:5px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 8px 20px rgba(0,0,0,.18)} .om-social-link:hover>span,.om-social-link:focus-visible>span{opacity:1;transform:translate(-50%,0)} .om-footer-bottom{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,250,245,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,250,245,.48);font-size:.82rem} .om-footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:18px} .om-footer-legal a,.om-footer-install{color:inherit;text-decoration:none;border:0;background:transparent;padding:0;cursor:pointer;font:inherit} .om-footer-legal a:hover,.om-footer-legal a:focus-visible,.om-footer-install:hover,.om-footer-install:focus-visible{color:#fff} .om-footer-install[hidden]{display:none!important} /* Page-loading animation using the locked OM logo as an untouched image layer. */ .om-site-loader{display:none} .js .om-site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fffdf9 0%,#faf7f2 48%,#ede2d5 100%);color:var(--walnut);opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease} .js .om-site-loader::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(185,107,72,.06) 48%,transparent 72%);transform:translateX(-100%);animation:omLoaderLight 2.1s ease-in-out infinite} .om-site-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none} .om-loader-inner{position:relative;z-index:1;display:grid;justify-items:center;gap:20px;padding:28px;text-align:center} .om-loader-resonance{position:relative;width:178px;height:178px;display:grid;place-items:center} .om-loader-logo{position:relative;z-index:3;width:104px;height:104px;border-radius:31px;background:rgba(255,253,249,.92);display:grid;place-items:center;box-shadow:0 18px 50px rgba(43,32,26,.14);border:1px solid rgba(43,32,26,.08)} .om-loader-logo img{width:86px;height:86px;object-fit:contain} .om-loader-ring{position:absolute;inset:50%;width:70px;height:70px;margin:-35px;border:1px solid rgba(185,107,72,.34);border-radius:50%;animation:omLoaderRing 2.4s cubic-bezier(.2,.7,.2,1) infinite} .om-loader-ring.ring-two{animation-delay:.55s} .om-loader-ring.ring-three{animation-delay:1.1s} .om-loader-wave{height:30px;display:flex;align-items:center;gap:5px} .om-loader-wave span{width:3px;height:9px;border-radius:999px;background:var(--clay);animation:omLoaderWave 1.15s ease-in-out infinite} .om-loader-wave span:nth-child(2),.om-loader-wave span:nth-child(6){animation-delay:.12s} .om-loader-wave span:nth-child(3),.om-loader-wave span:nth-child(5){animation-delay:.24s} .om-loader-wave span:nth-child(4){animation-delay:.36s} .om-loader-wave span:nth-child(7){animation-delay:.48s} .om-loader-inner p{margin:-8px 0 0;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} @keyframes omLoaderRing{0%{transform:scale(.42);opacity:0}18%{opacity:.7}100%{transform:scale(2.35);opacity:0}} @keyframes omLoaderWave{0%,100%{height:8px;opacity:.48}50%{height:28px;opacity:1}} @keyframes omLoaderLight{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}} @media(max-width:900px){ .om-prefooter-inner{grid-template-columns:1fr}.om-prefooter-actions{justify-content:flex-start} .om-footer-top{grid-template-columns:1fr;gap:42px}.om-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px} .om-impact-card{margin-top:0}.om-footer-social{grid-template-columns:1fr}.om-social-list{justify-content:flex-start} } @media(max-width:560px){ .om-prefooter{padding:30px 0}.om-prefooter-copy{align-items:flex-start}.om-prefooter-mark{width:50px;height:50px;border-radius:15px}.om-prefooter-mark img{width:42px;height:42px} .om-prefooter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.om-footer-btn{padding:0 14px;font-size:.9rem} .om-site-footer{padding-top:52px}.om-footer-brand .om-footer-logo-link img{width:160px}.om-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px} .om-footer-group h3{font-size:.78rem}.om-footer-link{font-size:.94rem;padding:9px 0}.om-impact-card{grid-template-columns:1fr auto;padding:16px}.om-impact-card strong{font-size:1.05rem} .om-footer-bottom{display:grid;gap:14px}.om-footer-legal{gap:13px}.om-loader-resonance{width:150px;height:150px}.om-loader-logo{width:92px;height:92px;border-radius:27px}.om-loader-logo img{width:76px;height:76px} } @media(max-width:360px){.om-prefooter-actions,.om-footer-nav{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){ .js .om-site-loader::before,.om-loader-ring,.om-loader-wave span{animation:none!important} .om-loader-ring{display:none}.om-loader-wave span{height:8px!important;opacity:.7!important} } /* ========================================================= v5.27 Training conversion, timetable and pricing ========================================================= */ .training-hero .shell{padding-bottom:64px}.training-hero .actions{margin-top:28px}.training-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.training-hero-facts>span{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(36,22,16,.34);backdrop-filter:blur(10px)}.training-hero-facts b{font-size:.76rem;letter-spacing:.08em}.training-hero-facts small{color:rgba(255,255,255,.72);font-size:.78rem}.training-jump{position:sticky;top:120px;z-index:58;background:rgba(251,247,242,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.training-jump .shell{display:flex;overflow-x:auto;scrollbar-width:none}.training-jump .shell::-webkit-scrollbar{display:none}.training-jump a{flex:0 0 auto;padding:16px 18px;text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:760;border-bottom:2px solid transparent}.training-jump a:hover,.training-jump a:focus{color:var(--clay-dark);border-color:var(--clay)}.training-overview{padding-top:76px}.training-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:92px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper)}.training-snapshot article{padding:26px;border-right:1px solid var(--line)}.training-snapshot article:last-child{border-right:0}.training-snapshot article>span{display:block;color:var(--clay-dark);font-size:.76rem;font-weight:850;letter-spacing:.12em;margin-bottom:30px}.training-snapshot strong{display:block;font-size:1.05rem}.training-snapshot p{color:var(--muted);font-size:.9rem;margin:8px 0 0}.training-why-heading{margin-top:0}.training-levels .path-card{display:flex;flex-direction:column}.training-levels .path-card ul{flex:1}.training-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);text-decoration:none;color:var(--clay-dark);font-size:.9rem;font-weight:820}.training-coming{display:block;margin-top:22px;padding:14px 16px;border-radius:12px;background:#efe3d8;color:var(--clay-dark);font-size:.84rem;font-weight:760}.training-intake-section{background:#f4ebe3;padding-bottom:100px}.training-intake-head{background:var(--walnut);color:#fff;padding:88px 0 150px}.training-intake-head .shell{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.training-intake-head h2{font-size:clamp(3rem,5.8vw,5.7rem);line-height:.96;letter-spacing:-.06em;margin:0}.training-intake-head> .shell>p{color:rgba(255,255,255,.7);font-size:1rem;max-width:520px}.training-intake-body{margin-top:-88px;position:relative;z-index:2}.training-schedule-block,.training-pricing-block{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:42px}.training-pricing-block{margin-top:24px}.training-subhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.training-subhead h3{font-size:2rem;margin:0}.training-subhead>p:last-child{max-width:420px;color:var(--muted);font-size:.92rem}.training-schedule-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:16px}.training-date-card{position:relative;min-height:310px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}.training-date-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(185,107,72,.13);border-radius:50%;right:-65px;bottom:-72px;box-shadow:0 0 0 26px rgba(185,107,72,.045),0 0 0 52px rgba(185,107,72,.025)}.training-date-card.is-current{background:var(--walnut);color:#fff}.training-date-card.is-current:before{border-color:rgba(255,255,255,.13);box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 0 52px rgba(255,255,255,.02)}.training-date-card.next-intake{background:#ead7c8}.training-date-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.training-date-top>span{font-size:.72rem;letter-spacing:.13em;font-weight:850}.training-date-top b{padding:7px 9px;border-radius:999px;background:rgba(185,107,72,.12);color:var(--clay-dark);font-size:.69rem}.training-date-card.is-current .training-date-top b{background:rgba(255,255,255,.12);color:#fff}.training-date-card h4{font-size:1.32rem;margin:35px 0 18px}.training-date-main{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}.training-date-main strong{font-size:1.15rem}.training-date-main span{color:var(--muted);font-size:.84rem}.training-date-main em{grid-column:1/3;margin:5px 0;color:var(--clay-dark);font-size:.72rem;font-style:normal;font-weight:760}.training-date-list{display:flex;flex-wrap:wrap;gap:8px}.training-date-list strong{padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:.88rem}.training-date-card>p{position:relative;color:var(--muted);font-size:.9rem}.training-date-card.is-current>p{color:rgba(255,255,255,.72)}.training-date-card .btn{position:relative;margin-top:18px}.training-price-grid{display:grid;grid-template-columns:.8fr .8fr 1.25fr;gap:16px;align-items:stretch}.training-price-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:flex;flex-direction:column}.training-price-card.is-best{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.18)}.training-price-code{font-size:.72rem;letter-spacing:.14em;font-weight:850;color:var(--clay-dark)}.training-price-card.is-best .training-price-code{color:#edb08b}.training-price-card h4{font-size:1.25rem;margin:24px 0 16px}.training-price{display:flex;align-items:flex-start;gap:5px}.training-price small{font-size:.74rem;font-weight:800;margin-top:9px}.training-price strong{font-size:3.25rem;line-height:.95;letter-spacing:-.06em}.training-price-card>p{color:var(--muted);font-size:.88rem;margin-top:18px}.training-price-card.is-best>p{color:rgba(255,255,255,.7)}.training-price-card.is-best .btn{margin-top:auto;width:100%}.training-best-badge{position:absolute;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:#f0b18c;color:var(--walnut);font-size:.68rem;font-weight:850}.training-offer-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.training-offer-strip>div{display:grid;grid-template-columns:52px 1fr;column-gap:12px;padding:22px;border-right:1px solid var(--line)}.training-offer-strip>div:last-child{border-right:0}.training-offer-strip>div>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ead7c8;color:var(--clay-dark);font-size:.76rem;font-weight:850}.training-offer-strip strong{font-size:.9rem}.training-offer-strip p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.training-payment-note{margin:18px 0 0;padding:15px 17px;border-left:3px solid var(--clay);background:#f7f0ea;color:var(--muted);font-size:.8rem}.training-faq-list{grid-template-columns:1fr 1fr;max-width:none}.training-final-cta{padding:78px 0;background:#e6d1c1}.training-final-cta .shell{display:flex;align-items:end;justify-content:space-between;gap:48px}.training-final-cta h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:0}.training-final-cta p:not(.kicker){max-width:660px;color:var(--muted)}.training-final-cta .btn{flex:0 0 auto}.training-page [id]{scroll-margin-top:175px} @media(max-width:1050px){.training-snapshot{grid-template-columns:1fr 1fr}.training-snapshot article:nth-child(2){border-right:0}.training-snapshot article:nth-child(-n+2){border-bottom:1px solid var(--line)}.training-intake-head .shell{grid-template-columns:1fr;gap:28px}.training-schedule-grid,.training-price-grid{grid-template-columns:1fr}.training-date-card{min-height:0}.training-price-card.is-best{min-height:340px}.training-offer-strip{grid-template-columns:1fr}.training-offer-strip>div{border-right:0;border-bottom:1px solid var(--line)}.training-offer-strip>div:last-child{border-bottom:0}.training-faq-list{grid-template-columns:1fr}} @media(max-width:680px){.training-hero .shell{padding-bottom:48px}.training-hero-facts{display:grid;grid-template-columns:1fr}.training-hero-facts>span{min-height:44px}.training-jump{top:110px}.training-jump a{padding:14px 13px;font-size:.78rem}.training-snapshot{grid-template-columns:1fr;margin-bottom:68px}.training-snapshot article{border-right:0;border-bottom:1px solid var(--line)!important}.training-snapshot article:last-child{border-bottom:0!important}.training-intake-head{padding:72px 0 118px}.training-intake-body{margin-top:-62px}.training-schedule-block,.training-pricing-block{padding:24px;border-radius:22px}.training-subhead{display:block}.training-subhead>p:last-child{margin-top:10px}.training-date-card{padding:22px}.training-date-card h4{margin-top:28px}.training-price-card{padding:24px}.training-price strong{font-size:2.9rem}.training-offer-strip>div{grid-template-columns:46px 1fr;padding:18px}.training-offer-strip>div>span{width:42px;height:42px}.training-final-cta .shell{display:block}.training-final-cta .btn{width:100%;margin-top:20px}.training-page [id]{scroll-margin-top:155px}} /* v5.28 training page simplification and autumn/winter cohort cards */ .training-levels .path-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;margin-inline:auto} .training-levels .heading{margin-bottom:34px} .training-cohort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .training-cohort-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden} .training-cohort-card:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(185,107,72,.13);border-radius:50%;right:-72px;bottom:-82px;box-shadow:0 0 0 28px rgba(185,107,72,.045),0 0 0 56px rgba(185,107,72,.025);pointer-events:none} .training-cohort-card.is-featured{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.16)} .training-cohort-card.is-featured:before{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.02)} .training-cohort-card.is-compact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:24px;background:#ead7c8} .training-cohort-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px} .training-cohort-top>span{font-size:.72rem;letter-spacing:.13em;font-weight:850} .training-cohort-top b{padding:7px 10px;border-radius:999px;background:rgba(185,107,72,.13);color:var(--clay-dark);font-size:.69rem} .training-cohort-card.is-featured .training-cohort-top b{background:rgba(255,255,255,.12);color:#fff} .training-cohort-card h4{position:relative;font-size:1.34rem;line-height:1.18;margin:28px 0 20px} .training-cohort-stage{position:relative;display:grid;grid-template-columns:92px 1fr;gap:4px 14px;padding:17px 0;border-top:1px solid var(--line)} .training-cohort-card.is-featured .training-cohort-stage{border-color:rgba(255,255,255,.15)} .training-cohort-stage>span{grid-row:1/3;color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.12em;padding-top:3px} .training-cohort-card.is-featured .training-cohort-stage>span{color:#efb28e} .training-cohort-stage strong{font-size:1.06rem;letter-spacing:.01em} .training-cohort-stage small{color:var(--muted);font-size:.82rem} .training-cohort-card.is-featured .training-cohort-stage small{color:rgba(255,255,255,.68)} .training-cohort-card>.btn{position:relative;margin-top:20px;width:100%} .training-cohort-card.is-compact h4{margin:0} .training-cohort-card.is-compact .training-cohort-stage{border-top:0;padding:0} .training-cohort-card.is-compact>p{position:relative;margin:0;color:var(--muted);font-size:.86rem} .training-cohort-card.is-compact .training-card-link{position:relative;margin:0;padding:14px 0 14px 18px;border-top:0;border-left:1px solid rgba(43,32,26,.14);min-width:150px} .training-page .training-hero h1{max-width:780px} .training-page .training-hero>img{object-position:center 42%} @media(max-width:1050px){ .training-levels .path-grid,.training-cohort-grid{grid-template-columns:1fr} .training-cohort-card.is-compact{grid-column:auto;display:block} .training-cohort-card.is-compact h4{margin:26px 0 18px} .training-cohort-card.is-compact .training-cohort-stage{padding:16px 0;border-top:1px solid var(--line)} .training-cohort-card.is-compact>p{margin-top:12px} .training-cohort-card.is-compact .training-card-link{margin-top:18px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(43,32,26,.14)} } @media(max-width:680px){ .training-page .training-hero h1{font-size:clamp(2.45rem,12vw,3.5rem);line-height:1.02} .training-page .training-hero .shell>p:not(.kicker){max-width:31ch} .training-page .training-hero-facts{grid-template-columns:repeat(3,1fr);gap:7px} .training-page .training-hero-facts>span{display:block;min-height:0;padding:10px;text-align:center} .training-page .training-hero-facts b,.training-page .training-hero-facts small{display:block} .training-page .training-hero-facts small{font-size:.68rem;margin-top:3px} .training-jump a{padding:13px 11px} .training-levels{padding-top:66px;padding-bottom:66px} .training-levels .heading h2{font-size:2.25rem} .training-cohort-card{padding:23px} .training-cohort-card h4{font-size:1.18rem;margin-top:25px} .training-cohort-stage{grid-template-columns:76px 1fr;gap:4px 10px;padding:15px 0} .training-cohort-stage strong{font-size:.94rem} .training-cohort-stage small{font-size:.76rem} .training-intake-head h2{font-size:2.75rem;line-height:1.02} .training-intake-section{padding-bottom:76px} } /* v5.29 training accreditation, preface and clear course-date layout */ .training-accreditation-section{padding:74px 0;background:var(--walnut);color:#fff} .training-accreditation-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:end;gap:48px;margin-bottom:34px} .training-accreditation-head h2{font-size:clamp(2.25rem,4.5vw,4.3rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-accreditation-head>p{color:rgba(255,255,255,.68);margin:0;font-size:1rem} .training-accreditation-section .kicker{color:#efb28e} .training-accreditation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden} .training-accreditation-grid article{padding:27px 26px;background:rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.13)} .training-accreditation-grid article:last-child{border-right:0} .training-accreditation-grid article>span{display:block;color:#efb28e;font-size:.72rem;font-weight:850;letter-spacing:.15em} .training-accreditation-grid strong{display:block;font-size:1.45rem;margin-top:20px} .training-accreditation-grid p{color:rgba(255,255,255,.67);font-size:.87rem;line-height:1.65;margin:8px 0 0} .training-accreditation-note{font-size:.78rem;color:rgba(255,255,255,.52);margin:18px 0 0} .training-preface-section{position:relative;padding:84px 0;background:#fff} .training-preface-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:76px;align-items:start} .training-preface-grid h2{font-size:clamp(2.45rem,4.8vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:0} .training-preface-copy{padding-left:34px;border-left:2px solid var(--clay)} .training-preface-copy p{font-size:1.08rem;line-height:1.82;color:var(--muted);margin:0} .training-preface-copy p+p{margin-top:20px} .legacy-anchor{position:absolute;top:-160px} .training-levels .path-card{padding:34px;display:flex;flex-direction:column;min-height:310px} .training-levels .path-card>p:not(.kicker){font-size:1rem;line-height:1.75} .training-levels .training-card-link{margin-top:auto} .training-calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .training-calendar-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden} .training-calendar-card.is-featured{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.16)} .training-calendar-card.is-extra{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr) auto;align-items:center;gap:26px;background:#ead7c8} .training-calendar-heading>span{display:block;color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.14em} .training-calendar-card.is-featured .training-calendar-heading>span{color:#efb28e} .training-calendar-heading h4{font-size:1.5rem;margin:10px 0 21px} .training-calendar-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)} .training-calendar-card.is-featured .training-calendar-row{border-color:rgba(255,255,255,.15)} .training-calendar-row>b{font-size:.72rem;letter-spacing:.12em;color:var(--clay-dark)} .training-calendar-card.is-featured .training-calendar-row>b{color:#efb28e} .training-calendar-row strong{display:block;font-size:1.05rem} .training-calendar-row small{display:block;color:var(--muted);font-size:.79rem;margin-top:2px} .training-calendar-card.is-featured .training-calendar-row small{color:rgba(255,255,255,.65)} .training-calendar-row time{font-size:.86rem;font-weight:800;white-space:nowrap} .training-calendar-card>.btn{width:100%;margin-top:20px} .training-calendar-card.is-extra .training-calendar-heading h4{margin-bottom:0} .training-calendar-card.is-extra .training-calendar-row{border-top:0;padding:0} .training-calendar-card.is-extra>p{margin:0;color:var(--muted);font-size:.86rem} .training-calendar-card.is-extra .training-card-link{margin:0;padding:14px 0 14px 20px;border-top:0;border-left:1px solid rgba(43,32,26,.14);min-width:170px} .training-offer-strip{grid-template-columns:repeat(2,minmax(0,1fr))} .training-faq-section .heading{display:block} .training-faq-section .heading>div{max-width:none} @media(max-width:1050px){ .training-accreditation-head,.training-preface-grid{grid-template-columns:1fr;gap:28px} .training-accreditation-grid{grid-template-columns:1fr} .training-accreditation-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)} .training-accreditation-grid article:last-child{border-bottom:0} .training-preface-copy{padding-left:24px} .training-calendar-grid{grid-template-columns:1fr} .training-calendar-card.is-extra{grid-column:auto;display:block} .training-calendar-card.is-extra .training-calendar-heading h4{margin-bottom:20px} .training-calendar-card.is-extra .training-calendar-row{padding:18px 0;border-top:1px solid var(--line)} .training-calendar-card.is-extra>p{margin-top:12px} .training-calendar-card.is-extra .training-card-link{margin-top:18px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(43,32,26,.14)} } @media(max-width:680px){ .training-accreditation-section,.training-preface-section{padding:64px 0} .training-accreditation-head h2{font-size:2.45rem} .training-accreditation-grid article{padding:23px 22px} .training-preface-grid h2{font-size:2.65rem} .training-preface-copy{padding-left:18px} .training-preface-copy p{font-size:1rem} .training-levels .path-card{min-height:0;padding:26px} .training-calendar-card{padding:23px} .training-calendar-heading h4{font-size:1.28rem} .training-calendar-row{grid-template-columns:72px 1fr;gap:8px 12px} .training-calendar-row time{grid-column:2;font-size:.82rem} .training-offer-strip{grid-template-columns:1fr} } /* v5.30 footer refinement and first-visit editorial redesign */ .om-footer-social{display:flex;justify-content:flex-end;align-items:center} .om-footer-social .om-social-list{justify-content:flex-end} .first-visit-hero>img{object-position:center 55%} .first-visit-classes .heading{margin-bottom:34px} .first-visit-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .first-visit-class-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 12px 32px rgba(43,32,26,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .first-visit-class-card:hover,.first-visit-class-card:focus-visible{transform:translateY(-5px);box-shadow:0 20px 42px rgba(43,32,26,.12);border-color:rgba(185,104,50,.42)} .first-visit-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eadbce} .first-visit-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .first-visit-class-card:hover .first-visit-card-media img,.first-visit-class-card:focus-visible .first-visit-card-media img{transform:scale(1.035)} .first-visit-card-media>span{position:absolute;left:16px;bottom:16px;padding:8px 11px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(33,24,19,.72);backdrop-filter:blur(10px);color:#fff;font-size:.76rem;font-weight:760;letter-spacing:.035em} .first-visit-card-copy{display:flex;flex:1;flex-direction:column;padding:24px} .first-visit-card-copy .kicker{margin-bottom:9px} .first-visit-card-copy h3{font-size:1.42rem;line-height:1.14;margin:0 0 12px} .first-visit-card-copy p:not(.kicker){color:var(--muted);font-size:.96rem;margin:0} .first-visit-card-copy strong{display:block;margin-top:auto;padding-top:22px;color:var(--clay-dark);font-size:.9rem} .first-visit-class-card.is-sound{background:#2b201a;color:#fff} .first-visit-class-card.is-sound .first-visit-card-copy p:not(.kicker){color:rgba(255,255,255,.72)} .first-visit-class-card.is-sound .first-visit-card-copy strong,.first-visit-class-card.is-sound .kicker{color:#efb28c} .first-visit-journey-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:center} .first-visit-journey-image{margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(43,32,26,.12)} .first-visit-journey-image img{width:100%;aspect-ratio:4/3;object-fit:cover} .first-visit-journey-image figcaption{padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem} .first-visit-timeline{margin-top:30px;border-top:1px solid var(--line)} .first-visit-timeline article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)} .first-visit-timeline article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--clay-dark);font-size:.78rem;font-weight:850} .first-visit-timeline h3{margin:0 0 5px;font-size:1.12rem} .first-visit-timeline p{margin:0;color:var(--muted);font-size:.94rem} .first-visit-quickfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0} .first-visit-quickfacts>span{padding:17px;border:1px solid var(--line);border-radius:16px;background:#faf6f1} .first-visit-quickfacts b{display:block;color:var(--clay-dark);font-size:1.05rem;letter-spacing:.04em} .first-visit-quickfacts small{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.35} .first-visit-location,.first-visit-trial{min-height:100%} @media(max-width:1120px){.first-visit-class-grid{grid-template-columns:1fr 1fr}.first-visit-journey-grid{gap:42px}} @media(max-width:820px){.first-visit-journey-grid{grid-template-columns:1fr}.first-visit-journey-image{order:2}.first-visit-quickfacts{grid-template-columns:1fr 1fr 1fr}} @media(max-width:620px){.om-footer-social{justify-content:flex-start}.om-footer-social .om-social-list{justify-content:flex-start}.first-visit-class-grid{grid-template-columns:1fr}.first-visit-card-copy{padding:21px}.first-visit-card-copy h3{font-size:1.3rem}.first-visit-journey-grid{gap:30px}.first-visit-timeline article{grid-template-columns:42px 1fr;gap:14px}.first-visit-timeline article>span{width:38px;height:38px}.first-visit-quickfacts{grid-template-columns:1fr}.first-visit-final h2 br{display:none}} /* v5.31 compact pathways, refined first-visit cards, and training visual practice */ .home-pathways-section{padding:72px 0} .home-pathways-section .heading{align-items:center;margin-bottom:26px} .home-pathways-section .heading>p{max-width:390px;margin:0} .home-pathways-section .title-stack{font-size:clamp(2.25rem,4.1vw,3.9rem);line-height:1.02} .home-pathways-section .pillar-cards{gap:16px} .home-pathways-section .visual-card{border-radius:20px} .home-pathways-section .visual-card img{aspect-ratio:16/10} .home-pathways-section .visual-card .body{padding:18px 20px 20px} .home-pathways-section .visual-card h3{font-size:1.28rem;margin:5px 0 6px} .home-pathways-section .visual-card p{font-size:.88rem;line-height:1.6;margin:0} .home-pathways-section .visual-card strong{margin-top:10px} .training-practice-visual{padding:82px 0;background:#fff} .training-practice-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:54px;align-items:end;margin-bottom:30px} .training-practice-intro h2{font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:1.03;letter-spacing:-.05em;margin:0} .training-practice-intro>p:last-child{color:var(--muted);font-size:1rem;margin:0;max-width:620px} .training-practice-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(220px,1fr));gap:16px} .training-practice-gallery figure{position:relative;margin:0;min-height:250px;overflow:hidden;border-radius:22px;background:var(--walnut)} .training-practice-gallery .training-practice-main{grid-row:1/3;min-height:520px} .training-practice-gallery img{width:100%;height:100%;object-fit:cover} .training-practice-main img{object-position:center} .training-practice-gallery figure:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(29,18,13,.88),transparent)} .training-practice-gallery figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;color:#fff;display:grid;gap:3px} .training-practice-gallery figcaption strong{font-size:1.02rem} .training-practice-gallery figcaption>span{font-size:.78rem;color:rgba(255,255,255,.72)} @media(max-width:900px){ .training-practice-intro{grid-template-columns:1fr;gap:20px} .training-practice-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto} .training-practice-gallery .training-practice-main{grid-column:1/3;grid-row:auto;min-height:430px} } @media(max-width:680px){ .home-pathways-section{padding:54px 0} .home-pathways-section .heading{margin-bottom:22px} .home-pathways-section .heading>p{margin-top:14px} .home-pathways-section .visual-card img{aspect-ratio:16/9} .home-pathways-section .visual-card .body{padding:17px 18px 19px} .training-practice-visual{padding:62px 0} .training-practice-intro h2{font-size:2.55rem} .training-practice-gallery{grid-template-columns:1fr} .training-practice-gallery .training-practice-main{grid-column:auto;min-height:330px} .training-practice-gallery figure{min-height:270px} } /* v5.32 genuinely compact home pathway section */ .home-pathways-section{ padding:48px 0 52px; } .home-pathways-section .heading{ align-items:center; margin-bottom:20px; gap:30px; } .home-pathways-section .heading>div{ max-width:none; } .home-pathways-section .title-stack{ font-size:clamp(2rem,3.3vw,3.15rem); line-height:1; white-space:nowrap; } .home-pathways-section .heading>p{ max-width:430px; margin:0; font-size:.94rem; } .home-pathways-section .pillar-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; } .home-pathways-section .visual-card{ display:grid; grid-template-columns:minmax(118px,42%) minmax(0,1fr); height:210px; min-height:210px; border-radius:18px; overflow:hidden; } .home-pathways-section .visual-card img{ width:100%; height:100%!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; object-fit:cover; } .home-pathways-section .visual-card .body{ min-width:0; padding:17px 16px; display:flex; flex-direction:column; justify-content:center; } .home-pathways-section .visual-card .kicker{ margin-bottom:5px; font-size:.63rem; } .home-pathways-section .visual-card h3{ font-size:1.08rem; margin:0 0 7px; } .home-pathways-section .visual-card p{ margin:0; font-size:.88rem; line-height:1.48; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .home-pathways-section .visual-card strong{ margin-top:10px; font-size:.8rem; align-self:flex-start; } @media(max-width:900px){ .home-pathways-section .heading{ display:block; } .home-pathways-section .title-stack{ white-space:normal; } .home-pathways-section .heading>p{ margin-top:12px; } .home-pathways-section .pillar-cards{ grid-template-columns:1fr; } .home-pathways-section .visual-card{ grid-template-columns:180px minmax(0,1fr); height:170px; min-height:170px; } } @media(max-width:560px){ .home-pathways-section{ padding:42px 0 46px; } .home-pathways-section .heading{ margin-bottom:18px; } .home-pathways-section .title-stack{ font-size:2rem; } .home-pathways-section .visual-card{ grid-template-columns:122px minmax(0,1fr); height:158px; min-height:158px; } .home-pathways-section .visual-card .body{ padding:14px; } .home-pathways-section .visual-card p{ font-size:.84rem; -webkit-line-clamp:2; } .home-pathways-section .visual-card strong{ margin-top:8px; } } /* v5.32 training page refinement */ .training-practice-visual{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#faf6f1 100%)} .training-practice-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.95fr);gap:34px;align-items:end;margin-bottom:24px} .training-practice-intro h2{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-practice-intro>p:last-child{max-width:560px;color:var(--muted);font-size:.98rem} .training-practice-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-template-rows:none;align-items:stretch} .training-practice-gallery .training-practice-main{grid-row:auto;min-height:0} .training-practice-gallery figure{min-height:0;height:100%;border-radius:24px;border:1px solid rgba(49,33,25,.08);box-shadow:0 16px 36px rgba(43,30,24,.08);background:#241610;isolation:isolate} .training-practice-gallery img{display:block;aspect-ratio:4/3;object-fit:cover} .training-practice-gallery figure:after{inset:48% 0 0;background:linear-gradient(0deg,rgba(29,18,13,.9),rgba(29,18,13,.28) 56%,transparent)} .training-practice-gallery figcaption{left:18px;right:18px;bottom:16px;gap:6px} .training-practice-gallery figcaption strong{font-size:1rem;line-height:1.15} .training-practice-gallery figcaption>span{font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.82)} @media(max-width:960px){ .training-practice-intro{grid-template-columns:1fr;gap:20px} .training-practice-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .training-practice-gallery .training-practice-main{grid-column:1/-1} } @media(max-width:680px){ .training-practice-visual{padding:58px 0} .training-practice-intro h2{font-size:2.45rem} .training-practice-gallery{grid-template-columns:1fr;gap:14px} .training-practice-gallery .training-practice-main{grid-column:auto} .training-practice-gallery figure{border-radius:20px} .training-practice-gallery img{aspect-ratio:1.28/1} .training-practice-gallery figcaption{left:16px;right:16px;bottom:14px} .training-practice-gallery figcaption>span{font-size:.79rem} } /* v5.33 compact curriculum */ .training-curriculum-compact{padding:78px 0;background:#fff} .training-curriculum-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:42px;align-items:end;margin-bottom:28px} .training-curriculum-head h2{font-size:clamp(2.35rem,4.5vw,4.25rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-curriculum-head>p{max-width:520px;margin:0;color:var(--muted);font-size:.98rem} .training-curriculum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .training-curriculum-card{position:relative;min-height:230px;padding:24px 22px 20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden} .training-curriculum-card:nth-child(even){background:#f4e9df} .training-curriculum-card.is-wide{grid-column:span 2} .training-curriculum-no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ead5c6;color:var(--clay-dark);font-size:.73rem;font-weight:850;letter-spacing:.08em} .training-curriculum-card h3{font-size:1.18rem;margin:20px 0 13px} .training-curriculum-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px} .training-curriculum-card li{position:relative;padding-left:16px;color:var(--muted);font-size:.86rem;line-height:1.52} .training-curriculum-card li:before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--clay)} .training-curriculum-note{margin:18px 0 0;color:var(--muted);font-size:.8rem} /* v5.33 about page image composition */ .about-philosophy-visual{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(150px,.72fr);grid-template-rows:1fr 1fr;gap:12px;min-height:520px} .about-philosophy-visual figure{position:relative;margin:0;overflow:hidden;border-radius:22px;background:var(--paper2)} .about-philosophy-visual .about-philosophy-main{grid-row:1/3} .about-philosophy-visual img,.philosophy-layout .about-philosophy-visual img{width:100%;height:100%;min-height:0;object-fit:cover} .about-philosophy-main img{object-position:center} .about-philosophy-visual figure:nth-child(2) img{object-position:center 45%} .about-philosophy-visual figure:nth-child(3) img{object-position:center} @media(max-width:960px){ .training-curriculum-head{grid-template-columns:1fr;gap:16px} .training-curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .training-curriculum-card.is-wide{grid-column:auto} .training-curriculum-card:last-child{grid-column:1/-1} .about-philosophy-visual{min-height:430px} } @media(max-width:680px){ .training-curriculum-compact{padding:58px 0} .training-curriculum-head{margin-bottom:20px} .training-curriculum-head h2{font-size:2.45rem} .training-curriculum-grid{display:flex;overflow-x:auto;gap:12px;margin-right:calc((100vw - var(--shell))/ -2);padding-right:18px;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin} .training-curriculum-card,.training-curriculum-card:last-child{flex:0 0 min(82vw,330px);min-height:218px;grid-column:auto;scroll-snap-align:start} .training-curriculum-note{margin-top:10px} .about-philosophy-visual{grid-template-columns:1fr 1fr;grid-template-rows:270px 150px;min-height:0;margin-top:22px} .about-philosophy-visual .about-philosophy-main{grid-column:1/3;grid-row:auto} .about-philosophy-visual figure{border-radius:18px} } /* v5.34 homepage mobile hero focal point */ @media (max-width:680px){ .home .hero-media img{ object-position:72% center; animation:none; } } /* ========================================================= v5.35 Resonance loader The official OM logo remains an untouched image layer. ========================================================= */ .js .om-site-loader{ overflow:hidden; background: radial-gradient(circle at 50% 43%,rgba(255,255,255,.96) 0 16%,rgba(250,247,242,.9) 42%,rgba(237,226,213,.94) 100%); } .js .om-site-loader::before{ inset:-35%; background:conic-gradient(from 90deg at 50% 50%,transparent 0 22%,rgba(185,104,50,.08) 32%,transparent 42% 64%,rgba(43,32,26,.035) 75%,transparent 84%); transform:none; animation:omLoaderDrift 7s linear infinite; } .js .om-site-loader::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; background-image:radial-gradient(rgba(43,32,26,.12) .55px,transparent .55px); background-size:8px 8px; mask-image:linear-gradient(to bottom,transparent,black 26%,black 72%,transparent); } .om-loader-inner{ gap:14px; padding:24px; } .om-loader-scene{ position:relative; width:220px; height:196px; display:grid; place-items:center; } .om-loader-disc{ position:absolute; z-index:5; top:36px; left:50%; width:100px; height:100px; transform:translateX(-50%); display:grid; place-items:center; border-radius:50%; background:rgba(255,253,249,.9); border:1px solid rgba(43,32,26,.1); box-shadow:0 22px 54px rgba(43,32,26,.14),0 0 0 10px rgba(255,255,255,.28); animation:omLoaderBreath 1.8s ease-in-out infinite; } .om-loader-disc img{ display:block; width:84px; height:84px; object-fit:contain; } .om-loader-orbit{ position:absolute; z-index:4; top:20px; left:50%; width:132px; height:132px; margin-left:-66px; border:1px solid rgba(185,104,50,.19); border-top-color:rgba(185,104,50,.58); border-radius:50%; animation:omLoaderOrbit 2.8s linear infinite; } .om-loader-orbit i{ position:absolute; top:5px; left:25px; width:8px; height:8px; border-radius:50%; background:#b96832; box-shadow:0 0 0 6px rgba(185,104,50,.1); } .om-loader-bowl-line{ position:absolute; z-index:3; left:50%; bottom:29px; width:142px; height:42px; transform:translateX(-50%); border-bottom:2px solid rgba(139,86,56,.58); border-radius:0 0 80px 80px; } .om-loader-bowl-line::before, .om-loader-bowl-line::after{ content:""; position:absolute; bottom:-7px; width:10px; height:10px; border-radius:50%; background:rgba(185,104,50,.7); } .om-loader-bowl-line::before{left:2px} .om-loader-bowl-line::after{right:2px} .om-loader-halo{ position:absolute; z-index:2; left:50%; bottom:30px; width:92px; height:38px; margin-left:-46px; border:1px solid rgba(185,104,50,.38); border-radius:50%; opacity:0; animation:omLoaderHalo 2.15s cubic-bezier(.18,.72,.2,1) infinite; } .om-loader-halo.halo-two{animation-delay:.52s} .om-loader-halo.halo-three{animation-delay:1.04s} .om-loader-pulse{ height:28px; display:flex; align-items:center; justify-content:center; gap:5px; } .om-loader-pulse span{ width:3px; height:20px; border-radius:999px; background:linear-gradient(to top,#8b5638,#d28a5b); transform-origin:center; animation:omLoaderPulse 1.15s ease-in-out infinite; } .om-loader-pulse span:nth-child(1),.om-loader-pulse span:nth-child(9){height:7px;animation-delay:.32s} .om-loader-pulse span:nth-child(2),.om-loader-pulse span:nth-child(8){height:12px;animation-delay:.22s} .om-loader-pulse span:nth-child(3),.om-loader-pulse span:nth-child(7){height:18px;animation-delay:.12s} .om-loader-pulse span:nth-child(4),.om-loader-pulse span:nth-child(6){height:25px;animation-delay:.04s} .om-loader-pulse span:nth-child(5){height:14px} .om-loader-inner p{ margin:0; color:rgba(43,32,26,.66); font-size:.78rem; font-weight:700; letter-spacing:.13em; text-transform:none; } @keyframes omLoaderDrift{to{transform:rotate(360deg)}} @keyframes omLoaderBreath{0%,100%{transform:translateX(-50%) scale(.96)}50%{transform:translateX(-50%) scale(1.035)}} @keyframes omLoaderOrbit{to{transform:rotate(360deg)}} @keyframes omLoaderHalo{0%{transform:scale(.35);opacity:0}18%{opacity:.7}100%{transform:scale(2.1);opacity:0}} @keyframes omLoaderPulse{0%,100%{transform:scaleY(.38);opacity:.45}50%{transform:scaleY(1);opacity:1}} @media(max-width:560px){ .om-loader-scene{width:190px;height:174px} .om-loader-disc{top:31px;width:90px;height:90px} .om-loader-disc img{width:76px;height:76px} .om-loader-orbit{top:18px;width:116px;height:116px;margin-left:-58px} .om-loader-bowl-line{width:124px;bottom:27px} .om-loader-halo{bottom:28px} } @media(prefers-reduced-motion:reduce){ .js .om-site-loader::before, .om-loader-disc, .om-loader-orbit, .om-loader-halo, .om-loader-pulse span{animation:none!important} .om-loader-halo{display:none} .om-loader-orbit{border-color:rgba(185,104,50,.22)} .om-loader-pulse span{transform:scaleY(.55);opacity:.72} } /* v5.36 training enrolment schedule */ .training-intake-head{padding:78px 0 126px} .training-intake-head .shell{grid-template-columns:minmax(0,.9fr) minmax(340px,.8fr);gap:56px} .training-intake-head h2{font-size:clamp(3rem,5.2vw,5rem)} .training-intake-head>.shell>p{max-width:590px;font-size:1.02rem;line-height:1.75} .training-schedule-block{padding:38px} .training-schedule-block .training-subhead{align-items:end;margin-bottom:18px} .training-schedule-block .training-subhead>div h3{font-size:2.15rem;margin:0} .training-schedule-block .training-subhead>p{max-width:500px;margin:0;color:var(--muted);font-size:.94rem} .training-schedule-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 24px;padding:13px 15px;border-radius:14px;background:#f7f0e9;color:var(--muted);font-size:.8rem} .training-schedule-legend>span{display:flex;align-items:center;gap:8px} .training-schedule-legend i{display:block;width:9px;height:9px;border-radius:50%;background:#c5b5a8} .training-schedule-legend .is-confirmed i{background:var(--clay)} .training-schedule-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.78fr);gap:18px;align-items:start} .training-schedule-side{display:grid;gap:18px} .training-track-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper)} .training-track-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 23px;border-bottom:1px solid var(--line);background:#f8f2ec} .training-track-level1 .training-track-head{background:var(--walnut);color:#fff;border-bottom-color:rgba(255,255,255,.12)} .training-track-code{display:block;color:var(--clay-dark);font-size:.7rem;font-weight:900;letter-spacing:.15em} .training-track-level1 .training-track-code{color:#efb28e} .training-track-head h4{font-size:1.25rem;margin:7px 0 3px} .training-track-head p{margin:0;color:var(--muted);font-size:.8rem} .training-track-level1 .training-track-head p{color:rgba(255,255,255,.7)} .training-track-head>strong{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(139,86,56,.22);border-radius:999px;color:var(--clay-dark);font-size:.67rem;letter-spacing:.11em} .training-track-level1 .training-track-head>strong{border-color:rgba(255,255,255,.22);color:#fff} .training-date-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0} .training-date-item{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;min-height:118px;padding:17px 18px;border-bottom:1px solid var(--line);background:#fff} .training-date-item:nth-child(odd){border-right:1px solid var(--line)} .training-date-item:nth-last-child(-n+2){border-bottom:0} .training-date-item.is-confirmed{background:#fbf1e9;box-shadow:inset 3px 0 0 var(--clay)} .training-date-badge{display:grid;place-items:center;align-content:center;width:58px;height:76px;border:1px solid var(--line);border-radius:13px;background:#f8f3ee;text-align:center} .training-date-item.is-confirmed .training-date-badge{border-color:rgba(185,107,72,.34);background:#fff} .training-date-badge span{font-size:.62rem;font-weight:900;letter-spacing:.13em;color:var(--clay-dark)} .training-date-badge strong{font-size:1.5rem;line-height:1.05;color:var(--walnut)} .training-date-badge small{font-size:.62rem;color:var(--muted)} .training-date-info{min-width:0} .training-date-info h5{font-size:.94rem;line-height:1.35;margin:7px 0 5px} .training-date-info p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45} .training-status{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:#eee5de;color:#715f54;font-size:.62rem;font-weight:850;letter-spacing:.03em} .training-date-item.is-confirmed .training-status{background:var(--clay);color:#fff} .training-compact-dates{display:grid} .training-compact-dates article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff} .training-compact-dates article:last-child{border-bottom:0} .training-compact-dates article>div{display:grid;gap:3px} .training-compact-dates strong{font-size:.88rem;line-height:1.4} .training-compact-dates small{color:var(--muted);font-size:.73rem} .training-compact-dates time{font-size:.75rem;font-weight:780;color:var(--clay-dark)} .training-compact-dates .training-status{grid-column:1/3;justify-self:start} .training-schedule-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)} .training-schedule-footer p{max-width:670px;margin:0;color:var(--muted);font-size:.8rem;line-height:1.6} .training-schedule-footer .btn{flex:0 0 auto} @media(max-width:1040px){ .training-schedule-layout{grid-template-columns:1fr} .training-schedule-side{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .training-intake-head{padding:64px 0 104px} .training-intake-head .shell{grid-template-columns:1fr;gap:22px} .training-intake-head h2{font-size:3rem} .training-schedule-block{padding:22px;border-radius:22px} .training-schedule-block .training-subhead{display:block} .training-schedule-block .training-subhead>p{margin-top:10px} .training-schedule-layout,.training-schedule-side{grid-template-columns:1fr} .training-date-list-grid{grid-template-columns:1fr} .training-date-item,.training-date-item:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)} .training-date-item:last-child{border-bottom:0} .training-schedule-footer{display:block} .training-schedule-footer .btn{width:100%;margin-top:16px} } @media(max-width:420px){ .training-track-head{padding:19px 18px} .training-track-head>strong{display:none} .training-date-item{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:15px} .training-date-badge{width:52px;height:70px} .training-compact-dates article{grid-template-columns:1fr;padding:16px 17px} .training-compact-dates time,.training-compact-dates .training-status{grid-column:1} } /* v5.38 training time clarity */ .training-time-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-10px 0 24px} .training-time-key>span{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff} .training-time-key b{font-size:.78rem;color:var(--muted)} .training-time-key strong{font-size:.9rem;color:var(--clay-dark);white-space:nowrap} .training-session-times{min-width:172px;display:grid!important;gap:7px!important} .training-session-times>span{display:flex;align-items:center;justify-content:space-between;gap:14px} .training-session-times b{font-size:.7rem;color:var(--muted);font-weight:720} .training-session-times time{font-size:.78rem!important;white-space:nowrap} @media(max-width:680px){ .training-time-key{grid-template-columns:1fr;margin-top:-8px} .training-time-key>span{padding:12px 14px} .training-session-times{min-width:0;margin-top:7px;padding-top:10px;border-top:1px solid var(--line)} .training-session-times>span{justify-content:flex-start} .training-session-times b{min-width:112px} } /* v5.38 confirmed schedule and intensive-day clarity */ .training-date-note{display:block;margin-top:5px;color:var(--clay-dark);font-size:.68rem;font-weight:780;line-height:1.35} .training-date-item.is-intensive-day{min-height:132px} .training-compact-dates article.is-confirmed{background:#fbf1e9;box-shadow:inset 3px 0 0 var(--clay)} .training-compact-dates article.is-confirmed .training-status{background:var(--clay);color:#fff} @media(max-width:760px){.training-date-item.is-intensive-day{min-height:0}} :root{--paper:#fbf7f2;--paper2:#f1e7dc;--card:#fffdf9;--ink:#2b201a;--muted:#74665d;--clay:#b96b48;--clay-dark:#8e4f38;--amber:#d7a07a;--walnut:#2b1e18;--line:rgba(43,32,26,.13);--shadow:0 24px 70px rgba(43,32,26,.12);--shadow2:0 12px 34px rgba(43,32,26,.08);--shell:min(1180px,calc(100vw - 42px));--font-scale:1}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:calc(16px * var(--font-scale))}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.68}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin:auto}.skip{position:fixed;left:12px;top:-80px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.lang-en{display:none!important}html[data-lang=en] .lang-zh{display:none!important}html[data-lang=en] .lang-en{display:initial!important}.utility{background:#2b211d;color:#f6ede7;font-size:.73rem}.utility .shell{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.utility a{text-decoration:none;color:rgba(255,255,255,.82)}.tools{display:flex;align-items:center;gap:5px}.tool-divider{width:1px;height:14px;background:rgba(255,255,255,.22);margin:0 3px}.tools button{border:0;background:transparent;color:rgba(255,255,255,.75);padding:5px 7px;cursor:pointer;border-radius:7px}.tools button.active{background:rgba(255,255,255,.14);color:#fff}.header{position:sticky;top:0;z-index:70;background:rgba(251,247,242,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(43,32,26,.08)}.header .shell{min-height:82px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand-copy strong{display:block;font-size:.86rem;letter-spacing:.18em}.brand-copy small{display:block;color:var(--muted);font-size:.61rem;letter-spacing:.12em;margin-top:2px}.nav{display:flex;justify-content:center;gap:22px}.nav a{position:relative;text-decoration:none;font-size:.78rem;font-weight:720;color:#56483f;white-space:nowrap;text-transform:uppercase;letter-spacing:.035em}.nav a:after{content:"";position:absolute;height:1px;background:var(--clay);left:0;right:100%;bottom:-8px;transition:right .28s}.nav a:hover:after,.nav a.active:after{right:0}.book,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:12px;font-weight:760;transition:.25s}.book{min-height:44px;padding:0 16px;background:var(--walnut);color:#fff;font-size:.8rem}.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem}.mobile-nav{display:none}.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#281a14}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:oceanZoom 28s ease-in-out infinite alternate}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,13,9,.72) 0%,rgba(22,13,9,.42) 46%,rgba(22,13,9,.08) 78%),linear-gradient(0deg,rgba(19,11,8,.35),transparent 55%)}.hero:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 77% 65%,rgba(255,181,128,.17),transparent 28%),radial-gradient(circle at 20% 88%,rgba(255,255,255,.07),transparent 22%);animation:oceanGlow 11s ease-in-out infinite}.hero:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-4%;height:42%;z-index:2;background:linear-gradient(180deg,transparent,rgba(15,9,6,.14));clip-path:path('M0,170 C160,110 290,230 450,170 C610,110 720,220 870,170 C1030,120 1190,230 1360,170 L1360,320 L0,320 Z');opacity:.6;animation:oceanLayer 18s ease-in-out infinite}.hero-content{position:relative;z-index:4;padding:92px 0 86px}.hero-copy{width:min(820px,92%);color:#fff}.hero-kicker{color:#f1b792;font-size:1rem;font-weight:780;letter-spacing:.13em;margin:0 0 26px}.hero-title{font-size:clamp(4.4rem,8.4vw,7.7rem);line-height:.9;letter-spacing:-.07em;margin:0;max-width:900px;text-shadow:0 10px 40px rgba(0,0,0,.34)}html[data-lang=en] .hero-title{font-size:clamp(3.4rem,7.1vw,6.2rem);line-height:.88;letter-spacing:-.055em}.hero-lead{max-width:780px;color:rgba(255,255,255,.86);font-size:1.18rem;margin:34px 0 0;line-height:1.72}html[data-lang=en] .hero-lead{max-width:600px;font-size:1.04rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{min-height:50px;padding:0 20px;font-size:.86rem}.btn-primary{background:var(--clay);color:#fff}.btn-primary:hover{background:var(--clay-dark)}.btn-ghost{border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.05)}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:rgba(255,255,255,.6);font-size:.64rem;font-weight:800;letter-spacing:.14em}.wave-zone{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;filter:blur(.15px)}.wave-zone:before,.wave-zone:after{content:"";position:absolute;left:-5%;width:110%;height:130px;border-radius:100%;border:1px solid rgba(255,255,255,.08);bottom:13%;z-index:2;animation:oceanLine1 16s ease-in-out infinite}.wave-zone:after{bottom:7%;height:155px;border-color:rgba(240,179,139,.12);animation-name:oceanLine2}.wave-svg{position:absolute;width:120%;left:-10%;bottom:1%;height:240px;opacity:.36;animation:oceanDrift 26s ease-in-out infinite alternate}.wave-svg path{fill:none;stroke-linecap:round}.wave-svg .w1{stroke:rgba(255,255,255,.2);stroke-width:1.2;stroke-dasharray:18 16;animation:oceanDash 18s linear infinite}.wave-svg .w2{stroke:rgba(239,177,138,.9);stroke-width:2.4;animation:oceanLift 10s ease-in-out infinite}.wave-svg .w3{stroke:rgba(185,107,72,.42);stroke-width:3.4;animation:oceanLift 14s ease-in-out infinite reverse}.section{padding:96px 0}.section.white{background:#fff}.section.sand{background:var(--paper2)}.section.dark{background:var(--walnut);color:#fff}.heading{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:38px}.heading>div{max-width:720px}.heading>p{max-width:440px;color:var(--muted);font-size:.94rem}.kicker{font-size:.66rem;color:var(--clay-dark);font-weight:800;letter-spacing:.17em;margin:0 0 13px;text-transform:uppercase}.section.dark .kicker{color:#eeb28e}.section h1,.section h2,.section h3,.page-hero h1,.page-hero h2,.page-hero h3{letter-spacing:-.04em}.section h2{font-size:clamp(2.35rem,4.65vw,4.6rem);line-height:1.06;margin:0}.section h3{font-size:1.45rem;line-height:1.2;margin:0}.lede{font-size:1.08rem;color:var(--muted);max-width:760px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-card,.info-card,.class-card,.route-card,.path-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2)}.visual-card{display:block;text-decoration:none;transition:.35s}.visual-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.visual-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.visual-card .body{padding:23px}.visual-card h3{margin:7px 0 9px}.visual-card p,.info-card p,.class-card p,.route-card p,.path-card p{color:var(--muted);font-size:.91rem}.visual-card strong{display:inline-block;margin-top:14px;color:var(--clay-dark);font-size:.82rem}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.experience{padding:28px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.56);transition:.3s}.experience:hover{background:#fff}.experience>span{font-size:.68rem;letter-spacing:.16em;color:var(--clay-dark);font-weight:800}.experience h3{margin:34px 0 10px}.experience p{color:var(--muted);font-size:.88rem}.review-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.review-feature>div:first-child p{color:rgba(255,255,255,.7)}.review-stack{display:grid;gap:13px}.review-stack blockquote{margin:0;padding:25px 27px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.055);font-size:1.08rem;line-height:1.72}.text-link{display:inline-block;text-decoration:none;color:var(--clay-dark);font-weight:760;margin-top:16px}.text-link.light{color:#efb28c}.recognition{display:grid;grid-template-columns:140px 1fr .9fr;gap:38px;align-items:center}.recognition-mark{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--walnut);color:#fff;font-size:1.1rem;font-weight:850;letter-spacing:.12em;line-height:1.1}.recognition img{width:100%;height:320px;object-fit:cover;border-radius:26px}.bridge{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.bridge-main{position:relative;min-height:520px;border-radius:28px;overflow:hidden;color:#fff}.bridge-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bridge-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,18,13,.84),rgba(29,18,13,.08) 72%)}.bridge-main .content{position:absolute;z-index:2;left:34px;right:34px;bottom:34px}.bridge-main h2{font-size:clamp(2.4rem,5vw,4.7rem)}.bridge-main p{color:rgba(255,255,255,.78);max-width:620px}.bridge-side{background:#eadbce;border-radius:28px;padding:32px}.bridge-side .item{padding:18px 0;border-top:1px solid rgba(43,32,26,.14)}.bridge-side a{font-weight:760;color:var(--clay-dark)}.page-hero{position:relative;padding:116px 0 88px;background:var(--walnut);color:#fff;overflow:hidden}.page-hero.with-image{min-height:610px;display:flex;align-items:end;padding:0}.page-hero.with-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,19,14,.78),rgba(31,19,14,.25) 70%),linear-gradient(0deg,rgba(31,19,14,.45),transparent 60%)}.page-hero .shell{position:relative;z-index:2}.page-hero.with-image .shell{padding:128px 0 68px}.page-hero h1{font-size:clamp(3.2rem,6.7vw,6.6rem);line-height:.98;margin:0;max-width:900px}.page-hero p:not(.kicker){max-width:720px;color:rgba(255,255,255,.78);font-size:1.05rem;margin-top:24px}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.class-card{padding:28px}.class-card ul,.path-card ul{margin:18px 0 0;padding-left:20px;color:var(--muted);font-size:.86rem}.class-card li,.path-card li{margin:7px 0}.class-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.67rem;color:#5f5047;background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split>img{width:100%;border-radius:28px;box-shadow:var(--shadow);max-height:610px;object-fit:cover}.number-list{list-style:none;padding:0;margin:24px 0 0;counter-reset:item}.number-list li{counter-increment:item;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.number-list li:before{content:"0" counter(item);font-size:.67rem;font-weight:800;letter-spacing:.12em;color:var(--clay-dark)}.number-list p{color:var(--muted);font-size:.86rem;margin:5px 0 0}.sound-cards{margin-top:42px}.info-card{padding:27px}.booking-strip{padding:62px 0;background:linear-gradient(135deg,#4b3329,#704835);color:#fff}.booking-strip .shell{display:flex;justify-content:space-between;align-items:center;gap:30px}.booking-strip h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0}.booking-strip p:not(.kicker){color:rgba(255,255,255,.7);max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:steps}.step{padding:26px;border-top:1px solid var(--line);background:rgba(255,255,255,.5)}.step:before{counter-increment:steps;content:"0" counter(steps);font-size:.68rem;color:var(--clay-dark);font-weight:800;letter-spacing:.15em}.step h3{margin:12px 0 8px}.principles{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principles article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article>span{font-size:.68rem;color:var(--clay-dark);font-weight:800;letter-spacing:.15em}.principles h3{font-size:1.18rem;margin:26px 0 10px}.principles p{font-size:.84rem;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-card{padding:30px}.path-card.featured{background:var(--walnut);color:#fff}.path-card.featured p,.path-card.featured ul{color:rgba(255,255,255,.7)}.path-card.featured .kicker{color:#efb28c}.curriculum{display:grid;grid-template-columns:260px 1fr;gap:58px;align-items:start}.curriculum-nav{position:sticky;top:120px}.curriculum-nav a{display:block;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line);font-size:.83rem}.modules{display:grid;gap:18px}.module{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.module p:last-child{color:var(--muted)}.list{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}.list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem}.profile{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:center}.profile img{width:100%;max-height:620px;object-fit:cover;border-radius:28px}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.credentials span{border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.68rem;letter-spacing:.08em}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:250px 250px;gap:16px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px}.gallery img:first-child{grid-row:1/3}.bridge-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.bridge-copy p{color:rgba(255,255,255,.68)}.review-hero{background:linear-gradient(135deg,#2b1e18,#674431)}.award-banner{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center}.award-symbol{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--clay);color:#fff;font-weight:850;font-size:1.3rem}.review-toolbar{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.review-filters{display:flex;flex-wrap:wrap;gap:8px}.review-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.review-filters button.active{background:var(--walnut);color:#fff;border-color:var(--walnut)}.reviews-grid{columns:3;column-gap:18px}.review-card{break-inside:avoid;margin:0 0 18px;padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow2)}.review-card.hidden{display:none}.quote-mark{font-size:3rem;line-height:.8;color:var(--clay)}.review-card blockquote{margin:18px 0;font-size:1rem;line-height:1.78}.review-card>p{font-size:.62rem;letter-spacing:.14em;color:var(--muted);font-weight:800}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-card{padding:29px;text-decoration:none}.route-card strong,.route-card a{display:inline-block;margin-top:12px;color:var(--clay-dark)}.route-card.accent{background:var(--walnut);color:#fff}.route-card.accent p{color:rgba(255,255,255,.7)}.route-card.accent .kicker{color:#efb28c}.route-card.accent strong{color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:start}form{display:grid;gap:15px;margin-top:28px}label{display:grid;gap:7px;font-size:.8rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}textarea{resize:vertical}.contact-card{padding:30px;border-radius:24px;background:#eadbce}.contact-card .text-link{display:block}.footer{padding:66px 0 28px;background:#241913;color:#f7eee7}.footer-grid{display:grid;grid-template-columns:1.2fr .72fr .72fr 1fr;gap:42px}.footer-logo{width:72px;height:72px;object-fit:contain;margin-bottom:18px}.footer p{color:rgba(255,255,255,.63);font-size:.82rem}.footer h3{font-size:.84rem;letter-spacing:.08em;margin:0 0 14px}.footer a{display:block;text-decoration:none;color:rgba(255,255,255,.72);font-size:.8rem;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:23px;margin-top:36px;color:rgba(255,255,255,.43);font-size:.7rem;display:flex;justify-content:space-between;gap:20px}.guide-launcher{position:fixed;right:18px;bottom:18px;z-index:110;border:0;background:var(--walnut);color:#fff;border-radius:999px;padding:13px 17px;box-shadow:0 14px 38px rgba(0,0,0,.26);font-weight:750;cursor:pointer;display:flex;align-items:center;gap:8px}.guide-dot{width:8px;height:8px;border-radius:50%;background:#e7a57e;box-shadow:0 0 0 5px rgba(231,165,126,.14)}.guide-panel{position:fixed;right:18px;bottom:76px;z-index:109;width:min(420px,calc(100vw - 28px));max-height:min(690px,calc(100vh - 110px));display:none;flex-direction:column;background:#fffdf9;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px rgba(30,19,13,.26);overflow:hidden}.guide-panel.open{display:flex}.guide-head{padding:18px 20px;background:#2d211c;color:#fff;display:flex;justify-content:space-between;align-items:center}.guide-head>div{display:grid}.guide-head strong{letter-spacing:.08em}.guide-head small{color:rgba(255,255,255,.55);font-size:.66rem;margin-top:2px}.guide-head button{border:0;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer}.guide-body{padding:16px;overflow:auto}.guide-thread{display:grid;gap:10px;min-height:80px}.guide-msg{max-width:88%;padding:11px 13px;border-radius:14px;font-size:.82rem}.guide-msg.bot{background:var(--paper2);border-bottom-left-radius:5px}.guide-msg.user{background:var(--walnut);color:#fff;margin-left:auto;border-bottom-right-radius:5px}.guide-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.guide-card strong{display:block}.guide-card p{margin:5px 0;color:var(--muted)}.guide-card a{display:inline-block;margin-top:6px;color:var(--clay-dark);font-weight:760}.guide-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.guide-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;cursor:pointer;font-size:.75rem}.guide-quick button:hover{border-color:var(--clay)}.guide-input{display:flex;gap:7px;margin-top:13px}.guide-input input{flex:1;min-width:0;padding:10px}.guide-input button{border:0;border-radius:10px;background:var(--clay);color:#fff;padding:0 13px;cursor:pointer}.guide-note{font-size:.66rem;color:var(--muted);margin:9px 0 0}@keyframes oceanZoom{from{transform:scale(1.015) translateX(-.5%)}to{transform:scale(1.07) translateX(.9%)}}@keyframes oceanGlow{0%,100%{opacity:.55}50%{opacity:.95}}@keyframes oceanLayer{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(1.8%) translateY(-10px)}}@keyframes oceanLine1{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(1.6%) scaleX(1.03)}}@keyframes oceanLine2{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(-1.4%) scaleX(.98)}}@keyframes oceanDrift{from{transform:translateX(-2.2%)}to{transform:translateX(2.2%)}}@keyframes oceanDash{to{stroke-dashoffset:-290}}@keyframes oceanLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:1050px){.header .shell{grid-template-columns:1fr auto auto}.nav{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;top:120px;left:0;right:0;background:var(--paper);padding:24px;box-shadow:var(--shadow);z-index:69}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.cards3,.path-grid,.route-grid{grid-template-columns:1fr 1fr}.experience-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:repeat(2,1fr)}.recognition{grid-template-columns:120px 1fr}.recognition img{grid-column:1/3}.review-feature,.split,.profile,.contact-grid,.curriculum,.bridge-copy{grid-template-columns:1fr}.curriculum-nav{position:static}.bridge{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.reviews-grid{columns:2}}@media(max-width:680px){:root{--shell:min(100% - 28px,1180px)}.utility .back{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .shell{min-height:72px;grid-template-columns:1fr auto}.book{display:none}.brand img{width:44px;height:44px}.brand-copy small{display:none}.mobile-nav{top:110px}.hero{min-height:720px}.hero-content{padding:72px 0}.hero-kicker{font-size:.8rem;line-height:1.5}.hero-title{font-size:clamp(3.5rem,18vw,5.4rem)}html[data-lang=en] .hero-title{font-size:clamp(3rem,16vw,4.7rem)}.hero-lead,html[data-lang=en] .hero-lead{font-size:1rem}.wave-svg{height:180px}.section{padding:72px 0}.heading,.review-toolbar{display:block}.heading>p{margin-top:22px}.cards3,.class-grid,.path-grid,.route-grid,.steps,.experience-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.booking-strip .shell{display:block}.booking-strip a{margin-top:22px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px}.gallery img:first-child{grid-column:1/3;grid-row:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.page-hero.with-image{min-height:520px}.page-hero.with-image .shell{padding:105px 0 54px}.page-hero h1{font-size:clamp(3rem,15vw,5rem)}.recognition,.award-banner{grid-template-columns:1fr}.recognition img{grid-column:auto}.reviews-grid{columns:1}.review-filters{margin-top:18px}.guide-launcher{right:12px;bottom:12px}.guide-panel{right:12px;bottom:68px}.bridge-main .content{left:24px;right:24px;bottom:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}} /* v5.3 interaction and PWA refinements */ .title-stack .lang-zh,.title-stack .lang-en{display:block}.title-stack br{display:block}.brand-copy small .lang-zh,.brand-copy small .lang-en{font-size:inherit;letter-spacing:inherit}.pwa-install{border:1px solid rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.78);border-radius:9px;padding:8px 10px;margin-top:9px;cursor:pointer;font-size:.75rem}.social-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.footer .social-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;margin:0;transition:.25s}.footer .social-icon:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-icon[aria-label=Facebook] svg path{fill:currentColor;stroke:none} .needs-lab{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:stretch}.needs-options{display:grid;gap:9px}.need-option{appearance:none;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px;padding:19px 20px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;cursor:pointer;transition:.3s;color:var(--ink)}.need-option:hover{background:#fff;transform:translateX(3px)}.need-option.active{background:var(--walnut);color:#fff;border-color:var(--walnut);box-shadow:var(--shadow2)}.need-option .need-num{grid-row:1/3;font-size:.69rem;letter-spacing:.12em;color:var(--clay-dark);font-weight:850}.need-option.active .need-num{color:#efb28c}.need-option strong{font-size:.95rem}.need-option small{color:var(--muted);font-size:.72rem}.need-option.active small{color:rgba(255,255,255,.62)}.need-stage{min-height:510px;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow2)}.need-copy{padding:46px 40px;display:flex;flex-direction:column;justify-content:center}.need-copy h3{font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.04;margin:8px 0 18px}.need-copy p{color:var(--muted)}.need-media{position:relative;overflow:hidden;min-height:510px;background:#2b1e18}.need-image{width:100%;height:100%;object-fit:cover;transition:opacity .32s ease,transform .7s ease}.need-stage.updating .need-image{opacity:.25;transform:scale(1.035)}.need-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:10px 13px;border-radius:999px;background:rgba(36,25,19,.78);color:#fff;font-size:.68rem;letter-spacing:.08em;backdrop-filter:blur(9px)} .voices-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:center}.voices-copy>p{color:rgba(255,255,255,.7)}.voices-stage{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(185,107,72,.22),transparent 45%),rgba(255,255,255,.025);overflow:hidden}.voice-focus{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,72%);padding:38px 40px 28px;border-radius:32px 32px 32px 8px;background:#fff;color:var(--ink);box-shadow:0 28px 70px rgba(0,0,0,.28)}.voice-mark{font-family:Georgia,serif;font-size:5rem;line-height:.5;color:var(--clay)}.voice-focus blockquote{margin:24px 0 20px;font-size:1.22rem;line-height:1.75}.voice-focus>p{font-size:.62rem;letter-spacing:.16em;color:var(--muted);font-weight:850}.voice-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.voice-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.voice-count{font-size:.68rem;color:var(--muted);letter-spacing:.1em}.voice-bubble{position:absolute;z-index:2;max-width:230px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:rgba(255,255,255,.83);padding:15px 17px;border-radius:18px 18px 18px 5px;text-align:left;cursor:pointer;font-size:.72rem;line-height:1.5;backdrop-filter:blur(8px);animation:voiceFloat 8s ease-in-out infinite}.voice-bubble:hover,.voice-bubble.active{background:rgba(185,107,72,.45);color:#fff}.voice-bubble.b1{left:5%;top:8%}.voice-bubble.b2{right:4%;top:10%;animation-delay:-2s}.voice-bubble.b3{left:3%;bottom:8%;animation-delay:-4s}.voice-bubble.b4{right:5%;bottom:9%;animation-delay:-6s}.voice-bubble.b5{right:9%;top:42%;max-width:170px;animation-delay:-3s}.moments-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:250px;gap:16px}.moment{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#2b1e18}.moment-wide{grid-row:span 2}.moment img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.moment:hover img{transform:scale(1.045);filter:saturate(1.08)}.moment figcaption{position:absolute;left:14px;bottom:14px;background:rgba(36,25,19,.76);color:#fff;border-radius:999px;padding:8px 11px;font-size:.67rem;backdrop-filter:blur(8px)}.editorial-gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 220px;gap:16px}.editorial-gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;transition:transform .7s}.editorial-gallery img:first-child{grid-row:1/3}.editorial-gallery img:nth-child(4){grid-column:2/4}.editorial-gallery img:hover{transform:translateY(-4px)} .booking-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(20,13,10,.72);backdrop-filter:blur(10px)}.booking-modal.open{display:grid}.booking-dialog{width:min(1120px,96vw);max-height:94vh;overflow:auto;background:var(--paper);border-radius:28px;box-shadow:0 35px 110px rgba(0,0,0,.42);padding:28px}.booking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.booking-head h2{font-size:clamp(2rem,4vw,3.8rem);margin:0;line-height:1}.booking-close{border:0;background:var(--walnut);color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.4rem;cursor:pointer}.booking-intro{color:var(--muted);max-width:760px}.booking-frame-shell{height:min(650px,62vh);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.booking-frame-shell iframe{width:100%;height:100%;border:0;background:#fff}.booking-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.offline{min-height:100vh;display:grid;place-content:center;text-align:center;padding:28px}.offline img{width:110px;margin:0 auto 24px}.offline h1{font-size:clamp(2.4rem,7vw,5rem);margin:0}.offline p{color:var(--muted);max-width:560px} .reveal-up{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.reveal-up.visible{opacity:1;transform:none}@keyframes voiceFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-10px) rotate(.3deg)}} @media(max-width:1050px){.needs-lab{grid-template-columns:1fr}.needs-options{grid-template-columns:1fr 1fr}.voices-layout{grid-template-columns:1fr}.voices-stage{min-height:560px}.moments-grid{grid-template-columns:1fr 1fr}.moment-wide{grid-row:span 1}.editorial-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 220px}.editorial-gallery img:first-child{grid-row:auto}.editorial-gallery img:nth-child(4){grid-column:auto}} @media(max-width:680px){.brand-copy strong{font-size:.75rem}.brand-copy small{display:block;font-size:.52rem;max-width:165px}.needs-options{grid-template-columns:1fr}.need-stage{grid-template-columns:1fr;min-height:0}.need-copy{padding:31px 24px}.need-media{min-height:330px;order:-1}.voices-stage{min-height:630px}.voice-focus{width:88%;padding:30px 24px 23px}.voice-focus blockquote{font-size:1rem}.voice-bubble{max-width:150px;font-size:.62rem;padding:10px}.voice-bubble.b1{left:2%;top:3%}.voice-bubble.b2{right:2%;top:4%}.voice-bubble.b3{left:2%;bottom:4%}.voice-bubble.b4{right:2%;bottom:4%}.voice-bubble.b5{display:none}.moments-grid,.editorial-gallery{grid-template-columns:1fr;grid-auto-rows:260px;grid-template-rows:none}.moment-wide,.editorial-gallery img:first-child,.editorial-gallery img:nth-child(4){grid-row:auto;grid-column:auto}.booking-dialog{padding:20px 16px}.booking-frame-shell{height:65vh}.footer-grid{gap:30px}.social-row{max-width:300px}} /* v5.4 favicon, editorial reviews, footer and SEO-facing UX refinements */ .review-editorial-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:end;margin-bottom:42px}.review-editorial-intro{max-width:610px;justify-self:end}.review-editorial-intro p{color:rgba(255,255,255,.68);margin:0}.review-showcase{display:grid;grid-template-columns:1.12fr .88fr;min-height:560px;border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.review-showcase-media{position:relative;margin:0;overflow:hidden;background:#1f1511}.review-showcase-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,15,11,.48),transparent 48%)}.review-showcase-image{width:100%;height:100%;object-fit:cover;transition:opacity .38s ease,transform .8s ease}.review-showcase-caption{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff;font-size:.7rem;letter-spacing:.12em;font-weight:780;text-transform:uppercase}.review-showcase-card{position:relative;padding:54px 48px 42px;color:var(--ink);background:linear-gradient(145deg,#fffdf9,#f5ece4);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.review-showcase-card:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border:1px solid rgba(185,107,72,.16);border-radius:50%}.review-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(43,32,26,.08)}.review-progress span{display:block;height:100%;width:0;background:var(--clay)}.review-progress.running span{animation:reviewProgress 6.5s linear forwards}.review-showcase-category{font-size:.66rem;letter-spacing:.16em;font-weight:850;color:var(--clay-dark);text-transform:uppercase;margin:0}.review-large-mark{font-family:Georgia,serif;font-size:6.5rem;line-height:.65;color:rgba(185,107,72,.38);margin:28px 0 12px}.review-showcase-card blockquote{margin:0;font-size:clamp(1.15rem,2.1vw,1.72rem);line-height:1.72;letter-spacing:-.015em}.review-showcase-meta{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.review-showcase-source{font-size:.58rem;letter-spacing:.16em;color:var(--muted);font-weight:820}.review-showcase-controls{display:flex;align-items:center;gap:11px}.review-showcase-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:.25s}.review-showcase-controls button:hover{background:var(--walnut);border-color:var(--walnut);color:#fff}.review-showcase-count{font-size:.65rem;letter-spacing:.12em;color:var(--muted);min-width:54px;text-align:center}.review-showcase.is-changing .review-showcase-image{opacity:.25;transform:scale(1.025)}.review-showcase.is-changing .review-showcase-card blockquote,.review-showcase.is-changing .review-showcase-category,.review-showcase.is-changing .review-showcase-source{opacity:.15;transform:translateY(8px)}.review-showcase-card blockquote,.review-showcase-category,.review-showcase-source{transition:opacity .28s ease,transform .28s ease}.review-index{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.review-index-item{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.55);padding:20px 17px;text-align:left;cursor:pointer;display:grid;grid-template-columns:32px 1fr;gap:3px 9px;transition:.28s}.review-index-item:last-child{border-right:0}.review-index-item>span{grid-row:1/3;font-size:.64rem;letter-spacing:.12em;color:#d9a27f}.review-index-item strong{font-size:.78rem;color:rgba(255,255,255,.8)}.review-index-item small{font-size:.64rem}.review-index-item:hover,.review-index-item.active{background:rgba(255,255,255,.06);color:#fff}.review-index-item.active strong{color:#fff}.review-index-item.active{box-shadow:inset 0 2px 0 #d49a75} @keyframes reviewProgress{from{width:0}to{width:100%}} .footer-grid-v54{grid-template-columns:1.35fr .72fr .72fr 1fr}.footer-brand{display:flex!important;align-items:center;gap:14px;margin:0 0 16px!important}.footer-brand .footer-logo{width:62px;height:62px;margin:0}.footer-brand strong{display:block;color:#fff;font-size:.85rem;letter-spacing:.16em}.footer-brand small{display:block;color:rgba(255,255,255,.5);font-size:.62rem;letter-spacing:.08em;margin-top:3px}.footer-map-link{display:inline-flex!important;align-items:center;gap:8px;width:max-content;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;margin-top:13px!important}.footer-map-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.footer-contact-block>a{width:max-content}.footer .social-icon{display:grid!important;margin:0!important}.social-icon svg{fill:none;stroke:currentColor}.social-icon svg .icon-fill{fill:currentColor;stroke:none}.social-icon[aria-label=YouTube] svg rect{stroke-width:1.5}.social-icon[aria-label=YouTube] svg .icon-fill{fill:currentColor}.social-icon[aria-label=Instagram] svg .icon-fill{fill:currentColor;stroke:none}.social-icon[aria-label=Facebook] svg{stroke:none}.social-icon[aria-label=Spotify] svg circle{fill:none}.footer .pwa-install{display:inline-flex;align-items:center;justify-content:center} @media(max-width:1050px){.review-editorial-head{grid-template-columns:1fr;gap:22px}.review-editorial-intro{justify-self:start}.review-showcase{grid-template-columns:1fr;min-height:0}.review-showcase-media{min-height:430px}.review-showcase-card{min-height:430px}.review-index{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto}.footer-grid-v54{grid-template-columns:1fr 1fr}} @media(max-width:680px){.review-showcase-media{min-height:320px}.review-showcase-card{padding:38px 26px 30px;min-height:430px}.review-large-mark{font-size:5rem;margin-top:24px}.review-showcase-meta{align-items:flex-start;flex-direction:column}.review-index{margin-left:-14px;margin-right:-14px;padding-left:14px}.review-index-item{min-width:180px}.footer-grid-v54{grid-template-columns:1fr}.footer-brand-block{padding-bottom:8px}.footer-brand small{font-size:.58rem}} @media(prefers-reduced-motion:reduce){.review-progress span{animation:none!important;width:100%}.review-showcase-image{transition:none!important}} /* v5.6 editorial refinements */ .profile.profile-editorial{} .founder-story{display:grid;gap:14px;margin-top:24px}.founder-story p{margin:0;color:var(--muted);font-size:.98rem}.founder-quote{margin:24px 0 0;padding:20px 0 4px;border-top:1px solid var(--line);font-size:1.22rem;line-height:1.55;font-weight:650;color:var(--ink)}.profile>img[src*="ana-c-profile"]{aspect-ratio:3/4;object-position:center 28%;background:#efe7df}.recognition h2 br,.award-banner h2 br{display:block}@media(max-width:680px){.founder-quote{font-size:1.08rem}.recognition h2 br,.award-banner h2 br{display:none}} /* v5.7 original sound works */ /* v5.8 homepage crystal bowl recordings */ .sound-library{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6eee7 0%,#fffaf6 100%);border-top:1px solid rgba(43,32,26,.08);border-bottom:1px solid rgba(43,32,26,.1)} .sound-library:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(185,107,72,.11);border-radius:50%;right:-190px;top:-220px;pointer-events:none} .sound-library-head{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(34px,7vw,100px);align-items:end;margin-bottom:42px} .sound-library-intro{max-width:520px;justify-self:end}.sound-library-intro p{margin:0;color:var(--muted)} .sound-video-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .sound-video-card{background:rgba(255,253,249,.92);border:1px solid rgba(43,32,26,.1);border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(67,42,27,.09);transition:transform .3s ease,box-shadow .3s ease} .sound-video-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(67,42,27,.14)} .sound-video-cover{position:relative;display:block;width:100%;padding:0;border:0;background:#2b201a;cursor:pointer;overflow:hidden;aspect-ratio:16/9} .sound-video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .35s ease}.sound-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,15,11,.42),rgba(25,15,11,.02) 62%)} .sound-video-card:hover .sound-video-cover img{transform:scale(1.035);filter:saturate(1.04)} .sound-play{position:absolute;z-index:2;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(250,247,242,.92);color:var(--walnut);box-shadow:0 12px 32px rgba(0,0,0,.22);transition:transform .25s ease,background .25s ease} .sound-play svg{width:25px;height:25px;fill:currentColor}.sound-video-cover:hover .sound-play{transform:translate(-50%,-50%) scale(1.08);background:#fff} .sound-duration{position:absolute;z-index:2;right:13px;bottom:12px;padding:6px 8px;border-radius:7px;background:rgba(34,23,18,.78);color:#fff;font-size:.61rem;font-weight:820;letter-spacing:.1em;backdrop-filter:blur(8px)} .sound-video-copy{padding:24px 23px 26px}.sound-video-copy h3{font-size:1.35rem;margin:3px 0 11px}.sound-video-copy>p:not(.kicker){min-height:72px;margin:0;color:var(--muted);font-size:.88rem}.sound-video-copy>a{display:inline-block;margin-top:17px;color:var(--clay-dark);font-size:.8rem;font-weight:780;text-decoration:none} .sound-player-modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(27,18,14,.78);backdrop-filter:blur(14px)}.sound-player-modal.open{display:flex} .sound-player-dialog{width:min(940px,96vw);max-height:92vh;overflow:auto;background:var(--paper);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.42)} .sound-player-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.sound-player-head h2{font-size:1.45rem;margin:0}.sound-player-head .kicker{margin-bottom:3px} .sound-player-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.5rem;cursor:pointer} .sound-player-frame{aspect-ratio:16/9;background:#17100d}.sound-player-frame iframe{display:block;width:100%;height:100%;border:0} .sound-player-actions{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 25px}.sound-player-actions p{margin:0;color:var(--muted);font-size:.85rem} @media(max-width:900px){.sound-library-head{grid-template-columns:1fr;gap:20px}.sound-library-intro{justify-self:start}.sound-video-grid{grid-template-columns:1fr}.sound-video-copy>p:not(.kicker){min-height:0}} @media(max-width:620px){.sound-video-card{border-radius:18px}.sound-player-modal{padding:10px}.sound-player-dialog{border-radius:18px}.sound-player-head{padding:18px}.sound-player-actions{align-items:stretch;flex-direction:column;padding:18px}.sound-player-actions .btn{width:100%}} /* v5.9 inline video and homepage refinements */ .sound-inline-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#17100d} .sound-library{background:linear-gradient(180deg,#f6eee7 0%,#fffaf6 100%);box-shadow:inset 0 1px 0 rgba(43,32,26,.06),inset 0 -1px 0 rgba(43,32,26,.08)} .sound-library+.section{border-top:0} .bridge-main .content>p:not(.kicker),.bridge-side>p:not(.kicker){max-width:58ch} /* v5.10 link affordance, autoplay note and navigation polish */ a.ux-arrow{display:inline-flex;align-items:center;gap:.38em;text-decoration-thickness:1px;text-underline-offset:.18em} a.ux-arrow::after{content:"→";display:inline-block;flex:0 0 auto;transition:transform .22s ease} a.ux-arrow:hover::after,a.ux-arrow:focus-visible::after{transform:translateX(3px)} a.btn::after,.book::after{content:"→";display:inline-block;margin-left:.48em;transition:transform .22s ease} a.btn:hover::after,a.btn:focus-visible::after,.book:hover::after,.book:focus-visible::after{transform:translateX(3px)} .mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px} .mobile-nav a::after{content:"→";opacity:.62;transition:transform .22s ease} .mobile-nav a:hover::after,.mobile-nav a:focus-visible::after{transform:translateX(3px);opacity:1} .nav a{position:relative} .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .24s ease} .nav a:hover::after,.nav a:focus-visible::after,.nav a.active::after{right:0} .footer a.ux-arrow{width:max-content;max-width:100%} .sound-autoplay-note{min-height:0!important;margin-top:14px!important;padding-top:13px;border-top:1px solid rgba(43,32,26,.09);font-size:.72rem!important;color:var(--clay-dark)!important} @media(max-width:680px){a.btn::after,.book::after{margin-left:.35em}.sound-autoplay-note{font-size:.7rem!important}} /* v5.11 ClassPass recognition and About gallery */ .recognition-section{position:relative;overflow:hidden}.recognition-v511{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:clamp(42px,7vw,88px);align-items:center}.recognition-visual{position:relative;max-width:560px}.recognition-photo{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.recognition-badge{position:absolute!important;width:148px!important;height:148px!important;right:-24px;bottom:-24px;object-fit:contain!important;border-radius:0!important;box-shadow:0 14px 36px rgba(43,32,26,.18)}.recognition-copy{max-width:650px}.recognition-copy p:not(.kicker){max-width:620px;color:var(--muted);font-size:1.02rem}.award-feature{padding-top:54px}.award-feature-card{display:grid;grid-template-columns:.84fr 1.16fr;gap:48px;align-items:center;background:var(--paper2);border:1px solid var(--line);border-radius:30px;padding:clamp(26px,4vw,52px);box-shadow:var(--shadow2)}.award-feature-copy{max-width:560px}.award-wordmark{width:min(100%,390px);margin:0 0 28px;background:#000}.award-feature-copy p:not(.kicker){color:var(--muted)}.award-feature-media{display:block;border-radius:20px;overflow:hidden;background:#00b58a;box-shadow:0 18px 44px rgba(43,32,26,.16);transition:transform .3s ease}.award-feature-media:hover{transform:translateY(-4px)}.award-feature-media img{width:100%;height:auto}.about-page .gallery img{object-position:center}.about-page .gallery img:first-child{object-position:center 58%}@media(max-width:1050px){.recognition-v511,.award-feature-card{grid-template-columns:1fr}.recognition-visual{max-width:680px}.recognition-badge{right:18px;bottom:-22px}.award-feature-media{order:-1}}@media(max-width:680px){.recognition-v511{gap:42px}.recognition-badge{width:104px!important;height:104px!important;right:10px;bottom:-18px}.award-feature-card{padding:22px;border-radius:22px;gap:28px}.award-wordmark{width:100%;margin-bottom:22px}} /* v5.12 recognition, link affordance and OM enquiry launcher */ a:focus-visible,button:focus-visible{outline:3px solid rgba(185,107,72,.42);outline-offset:4px} /* Stop the blanket arrow system introduced in v5.10. */ a.ux-arrow::after,a.btn::after,.book::after{content:none!important} .mobile-nav a::after{content:"›"!important;font-size:1.35em;line-height:1;opacity:.48;transform:none!important} /* Text links read as links through underline, weight and colour. */ .link-inline,.text-link{display:inline-flex;align-items:center;gap:.35em;width:max-content;max-width:100%;color:var(--clay-dark);font-weight:780;text-decoration-line:underline;text-decoration-thickness:1.5px;text-underline-offset:.28em;text-decoration-color:rgba(142,79,56,.58);transition:color .2s ease,text-decoration-color .2s ease,background-color .2s ease} .link-inline:hover,.link-inline:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--walnut);text-decoration-color:currentColor;background:rgba(185,107,72,.08)} .external-link:not(.btn):not(.book):not(.social-icon):not(.footer-map-link):not(.award-feature-media)::after{content:"↗";display:inline-block;margin-left:.16em;font-size:.82em;line-height:1;text-decoration:none;opacity:.66} /* The social-enterprise utility link is a compact actionable chip. */ .utility .utility-link{display:inline-flex;align-items:center;gap:.38em;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;line-height:1.2;transition:background .2s ease,border-color .2s ease} .utility .utility-link:hover,.utility .utility-link:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42)} /* Footer links use a quiet underline instead of a repeated arrow. */ .footer .footer-link{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:.3em;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:rgba(255,255,255,.28);transition:color .2s ease,text-decoration-color .2s ease} .footer .footer-link:hover,.footer .footer-link:focus-visible{color:#fff;text-decoration-color:rgba(255,255,255,.82)} .footer-bottom{justify-content:flex-start} /* Small contextual actions are visually button-like. */ .bridge-side .mini-link{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin-top:10px;padding:8px 12px;border:1px solid rgba(142,79,56,.35);border-radius:999px;color:var(--clay-dark);font-size:.76rem;font-weight:800;text-decoration:none;background:rgba(255,255,255,.42);transition:background .2s ease,border-color .2s ease,transform .2s ease} .bridge-side .mini-link:hover,.bridge-side .mini-link:focus-visible{background:#fff;border-color:var(--clay-dark);transform:translateY(-1px)} .guide-card .guide-route-link{display:inline-flex;margin-top:9px;padding:8px 11px;border:1px solid rgba(142,79,56,.28);border-radius:999px;color:var(--clay-dark);font-weight:800;text-decoration:none;background:#fffaf6} .guide-card .guide-route-link:hover,.guide-card .guide-route-link:focus-visible{border-color:var(--clay-dark);background:#fff} /* Full-card links signal clickability through depth, cursor and focus. */ a.visual-card,a.route-card{cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} a.visual-card:hover,a.visual-card:focus-visible,a.route-card:hover,a.route-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 44px rgba(43,32,26,.14);border-color:rgba(185,107,72,.38)} /* ClassPass recognition: natural 4:3 portrait, official round winner seal. */ .recognition-section{background:linear-gradient(180deg,#fffdf9 0%,#f7eee7 100%);border-top:1px solid rgba(43,32,26,.07);border-bottom:1px solid rgba(43,32,26,.07)} .recognition-card-v512{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:clamp(44px,7vw,90px);align-items:center} .recognition-media-v512{position:relative;min-width:0;padding:0 clamp(38px,5vw,68px) clamp(30px,4vw,52px) 0} .recognition-photo-v512{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:30px;box-shadow:0 28px 70px rgba(43,32,26,.16)} .recognition-seal-v512{position:absolute;right:0;bottom:0;width:clamp(128px,14vw,184px);height:auto;filter:drop-shadow(0 18px 28px rgba(43,32,26,.2))} .recognition-copy-v512{position:relative;min-width:0;max-width:650px} .recognition-copy-v512 h2{font-size:clamp(2.15rem,3.6vw,3.75rem);line-height:1.01;letter-spacing:-.045em;margin:10px 0 24px;word-break:keep-all} .recognition-award-line{display:inline-block;margin-top:.18em;font-size:.58em;line-height:1.15;letter-spacing:-.02em;color:var(--clay-dark)} .recognition-copy-v512>p:not(.kicker){max-width:590px;color:var(--muted);font-size:1.02rem} /* Official OM mark as the enquiry launcher. */ .guide-launcher{right:18px;bottom:18px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;font-weight:800;isolation:isolate} .guide-launcher-caption{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border:1px solid rgba(185,107,72,.18);border-radius:999px;background:linear-gradient(180deg,#fffdfb 0%,#f8efe5 100%);box-shadow:0 10px 24px rgba(43,32,26,.12);font-size:.72rem;letter-spacing:.08em;color:var(--clay-dark);white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease} .guide-launcher-disc{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(180deg,#fffdfb 0%,#f3e5d7 100%);border:1px solid rgba(185,107,72,.2);box-shadow:0 18px 42px rgba(43,32,26,.2), inset 0 2px 0 rgba(255,255,255,.92), inset 0 -10px 18px rgba(185,107,72,.08);transition:transform .22s ease,box-shadow .22s ease} .guide-launcher-disc-inner{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.96),rgba(255,255,255,.72) 32%,rgba(255,244,235,.92) 62%,rgba(241,225,212,.96) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -8px 14px rgba(185,107,72,.06)} .guide-launcher-disc img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(43,32,26,.14))} .guide-question{position:absolute;right:1px;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--clay-dark),#6f3a29);color:#fff;font-size:.72rem;border:2px solid #fff9f3;box-shadow:0 6px 14px rgba(43,32,26,.2)} .guide-launcher:hover .guide-launcher-disc,.guide-launcher:focus-visible .guide-launcher-disc{transform:translateY(-3px) scale(1.02);box-shadow:0 24px 52px rgba(43,32,26,.25), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -10px 18px rgba(185,107,72,.1)} .guide-launcher:hover .guide-launcher-caption,.guide-launcher:focus-visible .guide-launcher-caption{transform:translateY(-1px);box-shadow:0 14px 30px rgba(43,32,26,.16)} .guide-panel{bottom:92px} @media(max-width:1050px){ .recognition-card-v512{grid-template-columns:1fr;gap:48px} .recognition-media-v512{max-width:720px} .recognition-copy-v512{max-width:760px} } @media(max-width:680px){ .utility .utility-link{font-size:.64rem;padding:5px 8px} .recognition-card-v512{gap:42px} .recognition-media-v512{padding:0 24px 32px 0} .recognition-photo-v512{border-radius:22px} .recognition-seal-v512{width:108px} .recognition-copy-v512 h2{font-size:clamp(2rem,11vw,3.25rem)} .guide-launcher{right:12px;bottom:12px;gap:7px} .guide-launcher-caption{min-height:26px;padding:0 10px;font-size:.66rem} .guide-launcher-disc{width:64px;height:64px} .guide-launcher-disc-inner{width:50px;height:50px} .guide-launcher-disc img{width:40px;height:40px} .guide-panel{right:12px;bottom:80px} } .link-inline.light,.text-link.light{color:#fff;text-decoration-color:rgba(255,255,255,.52)}.link-inline.light:hover,.link-inline.light:focus-visible,.text-link.light:hover,.text-link.light:focus-visible{color:#fff;text-decoration-color:#fff;background:rgba(255,255,255,.08)} .guide-launcher{gap:0!important} .guide-launcher-caption,.guide-question{display:none!important} .guide-launcher-disc{background:linear-gradient(180deg,#fffdfb 0%,#f7ecdf 100%);border:1px solid rgba(185,107,72,.18);box-shadow:0 18px 42px rgba(43,32,26,.16), inset 0 2px 0 rgba(255,255,255,.94), inset 0 -10px 18px rgba(185,107,72,.06)} .guide-launcher-disc-inner{width:60px;height:60px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.98),rgba(255,250,245,.88) 34%,rgba(245,233,220,.95) 68%,rgba(239,225,211,.98) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 12px rgba(185,107,72,.05)} .guide-launcher-disc img{width:52px;height:52px;filter:drop-shadow(0 2px 3px rgba(43,32,26,.1))} @media(max-width:680px){.guide-launcher-disc-inner{width:52px;height:52px}.guide-launcher-disc img{width:44px;height:44px}} /* v5.15: restore a small question badge without adding text beside the OM icon. */ .guide-question{display:grid!important;position:absolute;right:0;top:0;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--clay-dark),#6f3a29);color:#fff;font-size:.72rem;font-weight:850;border:2px solid #fff9f3;box-shadow:0 6px 14px rgba(43,32,26,.2)} /* v5.16 content architecture */ .hero-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;margin:0 0 24px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.14em;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)} .principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principle-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow2)}.principle-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:50%;background:var(--paper2);color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.08em}.principle-card h3{margin-bottom:12px}.principle-card p{color:var(--muted);margin-bottom:0} .principle-note,.evidence-note{margin-top:28px;padding:22px 24px;border-left:3px solid var(--clay);border-radius:0 18px 18px 0;background:#f5e9df}.principle-note h3{font-size:1.08rem;margin-bottom:8px}.principle-note p,.evidence-note{color:#5f5047} .founder-quote.large{font-size:1.14rem;line-height:1.9;padding:26px 28px;border-radius:22px;background:rgba(255,255,255,.64);border:1px solid rgba(43,32,26,.08)} .class-overview-grid .visual-card strong{display:inline-flex;align-items:center;padding-bottom:3px;border-bottom:1px solid currentColor}.class-overview-grid .visual-card strong:after{content:'›';margin-left:8px;font-size:1.1em} .pathway-grid .class-card{padding:0 26px 28px}.pathway-grid .class-card>img{width:calc(100% + 52px);height:220px;object-fit:cover;margin:0 -26px 24px}.section-cta{display:flex;justify-content:center;margin-top:34px} .practice-type-grid .info-card{padding:30px}.practice-type-grid .info-card h3{margin-bottom:12px}.practice-type-grid .info-card p:last-child{margin-bottom:0} .sound-attention img,.philosophy-layout img{min-height:520px;object-fit:cover}.social-impact-about strong{color:#fff}.first-visit img{min-height:470px;object-fit:cover} @media(max-width:900px){.principle-grid{grid-template-columns:1fr}.pathway-grid{grid-template-columns:1fr 1fr}.sound-attention img,.philosophy-layout img{min-height:360px}} @media(max-width:680px){.hero-chip{margin-bottom:20px;font-size:.62rem}.pathway-grid{grid-template-columns:1fr}.pathway-grid .class-card>img{height:210px}.founder-quote.large{font-size:1rem;padding:22px}.principle-card{padding:24px}} /* v5.17 navigation, page heroes and layout refinements */ .brand-copy small{letter-spacing:.08em} .nav{gap:18px} .nav a.active{color:var(--clay-dark);font-weight:850} .nav a.active:after{right:0;height:2px} .mobile-nav a.active{color:var(--clay-dark);font-weight:850;background:rgba(185,107,72,.07);padding-left:12px;padding-right:12px;border-radius:10px} .review-hero>img{object-position:center 48%} .contact-hero>img{object-position:center 55%} .review-hero.with-image,.contact-hero.with-image{min-height:590px} /* Compact homepage review showcase: image, quote, vertical pagination. */ .reviews-editorial{padding:78px 0} .review-editorial-head{grid-template-columns:1fr auto;gap:32px;margin-bottom:28px} .review-editorial-intro{justify-self:end;align-self:end} .review-showcase.review-showcase-compact{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.05fr) 178px;min-height:410px} .review-showcase-compact .review-showcase-media{min-height:410px} .review-showcase-compact .review-showcase-card{padding:38px 34px 30px} .review-showcase-compact .review-large-mark{font-size:4.7rem;margin:20px 0 8px} .review-showcase-compact .review-showcase-card blockquote{font-size:clamp(1.02rem,1.55vw,1.34rem);line-height:1.65} .review-showcase-compact .review-showcase-meta{margin-top:26px;padding-top:16px} .review-index.review-index-compact{display:flex;flex-direction:column;margin:0;border:0;border-left:1px solid var(--line);background:#f6eee7;overflow:hidden} .review-index-compact .review-index-item{flex:1;min-width:0;border:0;border-bottom:1px solid var(--line);padding:11px 12px;grid-template-columns:25px 1fr;align-content:center;color:var(--muted)} .review-index-compact .review-index-item:last-child{border-bottom:0} .review-index-compact .review-index-item>span{font-size:.56rem;color:var(--clay-dark)} .review-index-compact .review-index-item strong{font-size:.7rem;color:var(--ink)} .review-index-compact .review-index-item small{font-size:.57rem;color:var(--muted)} .review-index-compact .review-index-item:hover,.review-index-compact .review-index-item.active{background:#fff;color:var(--ink);box-shadow:inset 3px 0 0 var(--clay)} .review-index-compact .review-index-item.active strong{color:var(--clay-dark)} /* Sound practice cards: simple visual cues and gentle motion. */ .practice-type-grid .info-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .practice-type-grid .info-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(43,32,26,.12);border-color:rgba(185,107,72,.32)} .practice-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:25px;border-radius:50%;background:linear-gradient(145deg,#fff,#eedfd2);color:var(--clay-dark);box-shadow:0 12px 26px rgba(43,32,26,.1),inset 0 1px 0 #fff} .practice-icon:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(185,107,72,.18);border-radius:50%;animation:practiceRipple 3.8s ease-in-out infinite} .practice-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .practice-type-grid .info-card:nth-child(2) .practice-icon:after{animation-delay:.7s}.practice-type-grid .info-card:nth-child(3) .practice-icon:after{animation-delay:1.4s} @keyframes practiceRipple{0%,100%{transform:scale(.94);opacity:.34}50%{transform:scale(1.08);opacity:.9}} /* Sound recordings page: one featured listen with two compact companions. */ .sound-library.sound-library-featured{background:linear-gradient(135deg,#f3e5da 0%,#fffaf6 48%,#efe0d3 100%)} .sound-library-featured:after{content:"";position:absolute;left:-8%;bottom:12%;width:56%;height:120px;border:1px solid rgba(185,107,72,.12);border-radius:50%;transform:rotate(-7deg);pointer-events:none} .sound-video-grid.sound-video-grid-featured{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);grid-template-rows:1fr 1fr;gap:22px;align-items:stretch} .sound-video-grid-featured .sound-video-featured{grid-row:1/3;display:flex;flex-direction:column} .sound-video-grid-featured .sound-video-featured .sound-video-cover{aspect-ratio:16/10} .sound-video-grid-featured .sound-video-featured .sound-video-copy{padding:30px 30px 34px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){display:grid;grid-template-columns:175px 1fr;min-height:0} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-cover{height:100%;aspect-ratio:auto;border-radius:0} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy{padding:22px 21px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy h3{font-size:1.12rem} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-copy>p:not(.kicker){min-height:0;font-size:.82rem;line-height:1.55} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-duration{right:auto;left:12px} /* Training portrait uses the requested Ana C photograph without awkward cropping. */ .training-page .profile>img{object-fit:cover;object-position:center 32%;min-height:520px} @media(max-width:1180px){.nav{gap:14px}.nav a{font-size:.73rem}.header .shell{grid-template-columns:205px 1fr auto}} @media(max-width:1050px){ .review-showcase.review-showcase-compact{grid-template-columns:1fr 1fr;min-height:0} .review-index.review-index-compact{grid-column:1/3;flex-direction:row;border-left:0;border-top:1px solid var(--line);overflow-x:auto} .review-index-compact .review-index-item{min-width:155px;border-bottom:0;border-right:1px solid var(--line)} .review-index-compact .review-index-item:hover,.review-index-compact .review-index-item.active{box-shadow:inset 0 3px 0 var(--clay)} .sound-video-grid.sound-video-grid-featured{grid-template-columns:1fr;grid-template-rows:auto} .sound-video-grid-featured .sound-video-featured{grid-row:auto} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){grid-template-columns:220px 1fr} } @media(max-width:680px){ .brand-copy strong{font-size:.79rem}.brand-copy small{font-size:.54rem;letter-spacing:.055em} .review-hero.with-image,.contact-hero.with-image{min-height:520px} .reviews-editorial{padding:66px 0} .review-editorial-head{display:block}.review-editorial-intro{margin-top:18px} .review-showcase.review-showcase-compact{grid-template-columns:1fr} .review-showcase-compact .review-showcase-media{min-height:285px} .review-showcase-compact .review-showcase-card{padding:32px 24px 26px;min-height:350px} .review-index.review-index-compact{grid-column:auto;margin:0;flex-direction:row;padding:0;overflow-x:auto} .review-index-compact .review-index-item{min-width:148px} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured){grid-template-columns:1fr} .sound-video-grid-featured .sound-video-card:not(.sound-video-featured) .sound-video-cover{aspect-ratio:16/9;height:auto} } @media(prefers-reduced-motion:reduce){.practice-icon:after{animation:none!important}} /* v5.19 Plans and footer refinements */ .nav{gap:17px} .plans-hero img{object-position:center 58%} .plans-hero .shell{max-width:760px;margin-left:max(calc((100vw - min(1180px,calc(100vw - 42px)))/2),21px)} .plan-grid{display:grid;gap:18px}.plan-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))} .plan-card,.vip-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow2);overflow:hidden} .plan-card.featured-soft{background:linear-gradient(180deg,#fffaf5 0%,#f5e7da 100%);border-color:rgba(185,107,72,.28)} .plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-card-top .kicker{margin:0}.plan-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(185,107,72,.24);border-radius:50%;color:var(--clay-dark);font-size:.7rem;font-weight:850;letter-spacing:.05em;background:rgba(255,255,255,.6)} .plan-card h3{margin:24px 0 4px;font-size:1.45rem}.plan-price{display:flex;align-items:flex-start;gap:4px;margin:6px 0 15px}.plan-price>span{font-size:1.05rem;font-weight:800;margin-top:11px}.plan-price strong{font-size:3.2rem;line-height:1;letter-spacing:-.07em}.plan-price small{align-self:flex-end;margin-bottom:5px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em} .plan-card>p{color:var(--muted);font-size:.88rem}.plan-facts{display:grid;gap:9px;list-style:none;padding:18px 0;margin:4px 0 20px;border-top:1px solid var(--line)}.plan-facts li{position:relative;padding-left:19px;color:#5f5148;font-size:.8rem}.plan-facts li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--clay)} .plan-action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 14px;border:1px solid rgba(142,79,56,.25);border-radius:12px;color:var(--clay-dark);font-size:.8rem;font-weight:800;text-decoration:none;background:rgba(255,255,255,.68);transition:.25s}.plan-action:after{content:"›";font-size:1.15rem;line-height:1}.plan-action:hover,.plan-action:focus-visible{transform:translateY(-2px);border-color:var(--clay-dark);box-shadow:0 10px 24px rgba(43,32,26,.1)} .plan-badge{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:var(--clay);color:#fff;font-size:.58rem;font-weight:850;letter-spacing:.08em}.plan-badge.dark{background:var(--walnut)}.plan-card .plan-badge~.plan-card-top{padding-top:28px} .shareable-intro{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:38px}.shareable-intro h2{font-size:clamp(2.35rem,4.65vw,4.6rem);line-height:1.06;margin:0}.shareable-note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.shareable-note p{margin:4px 0 0;color:var(--muted)}.shareable-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--walnut);color:#fff;font-size:2rem;line-height:1} .vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vip-card{padding:32px}.vip-card.vip-featured{background:var(--walnut);color:#fff;border-color:transparent;transform:translateY(-8px);box-shadow:0 28px 70px rgba(43,32,26,.2)}.vip-card.vip-featured .kicker{color:#efb28c}.vip-card.vip-featured .plan-facts{border-color:rgba(255,255,255,.14)}.vip-card.vip-featured .plan-facts li{color:rgba(255,255,255,.76)}.vip-card.vip-featured .plan-action{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}.vip-card.vip-featured .plan-action:hover{background:rgba(255,255,255,.12)} .vip-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 20px}.vip-heading h3{font-size:4.3rem;line-height:.78;letter-spacing:-.08em}.vip-heading h3 small{display:block;font-size:.58rem;letter-spacing:.12em;margin-top:12px}.vip-price{font-size:1.28rem;font-weight:850}.vip-average{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.vip-average strong{margin-left:auto;font-size:1.32rem;color:var(--ink)}.vip-featured .vip-average{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.6)}.vip-featured .vip-average strong{color:#fff} .plan-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.plan-guide-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}.plan-guide-number{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:var(--clay-dark)}.plan-guide-grid h3{margin:40px 0 12px}.plan-guide-grid p{color:var(--muted);font-size:.9rem} .plan-payment-split{align-items:stretch}.plan-payment-split>div:first-child{align-self:center}.plan-payment-split>div:first-child>p{color:rgba(255,255,255,.7)}.payment-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.payment-chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.78);font-size:.7rem;font-weight:800;letter-spacing:.06em}.plan-payment-card{padding:34px;border-radius:26px;background:#f2e4d7;color:var(--ink)}.plan-payment-card h3{font-size:1.9rem}.plan-payment-card ul{display:grid;gap:15px;margin:26px 0 0;padding:0;list-style:none}.plan-payment-card li{position:relative;padding:0 0 15px 28px;border-bottom:1px solid rgba(43,32,26,.12)}.plan-payment-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--clay-dark);font-weight:900} .faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-list summary{position:relative;cursor:pointer;padding:19px 54px 19px 20px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--clay-dark)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 20px 20px;color:var(--muted)} .footer-brand-block .pwa-install{margin-top:13px}.footer-contact-block .footer-map-link{margin-top:16px!important} @media(max-width:1050px){.plan-grid-four{grid-template-columns:1fr 1fr}.vip-grid{grid-template-columns:1fr}.vip-card.vip-featured{transform:none}.shareable-intro{grid-template-columns:1fr;gap:24px}.plan-guide-grid{grid-template-columns:1fr}.nav{gap:13px}.nav a{font-size:.73rem}} @media(max-width:680px){.plan-grid-four{grid-template-columns:1fr}.plans-hero .shell{margin:auto}.plan-card,.vip-card{padding:24px}.vip-heading h3{font-size:3.7rem}.plan-guide-grid article{padding:27px}.plan-payment-card{padding:26px}} /* v5.21 Plans UX redesign */ .plans-v2-page{background:#fbf7f2}.plans-v2-page main{overflow:hidden}.plans-v2-page .section{padding:104px 0} .plans-v2-hero{position:relative;padding:82px 0 92px;background:linear-gradient(135deg,#fbf7f2 0%,#f5eadf 58%,#ead7c7 100%);overflow:hidden} .plans-v2-hero:before{content:"";position:absolute;width:580px;height:580px;right:-210px;top:-260px;border:1px solid rgba(185,107,72,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(185,107,72,.04),0 0 0 140px rgba(185,107,72,.025)} .plans-v2-hero:after{content:"";position:absolute;left:-12%;right:36%;bottom:4%;height:120px;border:1px solid rgba(185,107,72,.13);border-radius:50%;transform:rotate(-5deg);pointer-events:none} .plans-v2-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:74px;align-items:center} .plans-v2-hero-copy h1{font-size:clamp(3.55rem,6.7vw,6.6rem);line-height:.93;letter-spacing:-.072em;margin:0;max-width:780px}.plans-v2-lede{max-width:690px;margin:30px 0 0;color:#66574e;font-size:1.08rem;line-height:1.82}.plans-v2-actions{margin-top:32px}.plans-v2-actions .btn-light{background:rgba(255,255,255,.55)} .plans-v2-trust{display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(43,32,26,.13);max-width:610px}.plans-v2-trust>span{display:flex;align-items:baseline;gap:8px;flex:1;padding:19px 20px 0 0;border-right:1px solid rgba(43,32,26,.13);margin-right:20px}.plans-v2-trust>span:last-child{border-right:0;margin-right:0}.plans-v2-trust b{font-size:1.2rem;letter-spacing:-.04em}.plans-v2-trust small{font-size:.68rem;color:var(--muted);line-height:1.3} .plans-v2-hero-visual{position:relative;min-height:570px}.plans-v2-photo-frame{position:absolute;inset:0 0 36px 42px;border-radius:32px 32px 140px 32px;overflow:hidden;box-shadow:0 35px 90px rgba(43,32,26,.2);background:#d6b69f}.plans-v2-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(43,24,16,.18))}.plans-v2-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 55%} .plans-v2-floating-card{position:absolute;left:0;bottom:0;width:min(300px,78%);padding:25px;border:1px solid rgba(43,32,26,.09);border-radius:22px;background:rgba(255,253,249,.95);box-shadow:0 24px 60px rgba(43,32,26,.18);backdrop-filter:blur(16px)}.plans-v2-floating-label{display:block;color:var(--clay-dark);font-size:.61rem;font-weight:850;letter-spacing:.16em}.plans-v2-floating-card strong{display:block;margin-top:10px;font-size:1.16rem}.plans-v2-floating-card>b{display:block;margin:12px 0 14px;font-size:2.4rem;line-height:1;letter-spacing:-.065em}.plans-v2-floating-card a{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);color:var(--clay-dark);font-size:.78rem;font-weight:850;text-decoration:none}.plans-v2-floating-card a:after{content:"↗"} .plans-v2-choice{position:relative;margin-top:-1px;padding:0 0 10px;background:#fff}.plans-v2-choice .shell{position:relative;top:34px}.plans-v2-choice-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}.plans-v2-choice-head h2{font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.05;margin:0;letter-spacing:-.05em}.plans-v2-choice-head>p{max-width:420px;color:var(--muted)} .plans-v2-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:25px;overflow:hidden;box-shadow:0 25px 65px rgba(43,32,26,.12)}.plans-v2-choice-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;min-height:208px;padding:27px 26px;background:#fff;text-decoration:none;border-right:1px solid var(--line);transition:.3s}.plans-v2-choice-card:last-child{border-right:0}.plans-v2-choice-card:hover{background:#f8efe7;transform:translateY(-4px);z-index:2}.plans-v2-choice-card.is-first{background:#2b1e18;color:#fff}.plans-v2-choice-card.is-first p{color:rgba(255,255,255,.7)}.plans-v2-choice-card.is-first small,.plans-v2-choice-card.is-first .plans-v2-choice-no{color:#efb28c}.plans-v2-choice-no{font-size:.66rem;font-weight:850;color:var(--clay-dark);letter-spacing:.14em}.plans-v2-choice-card small{font-size:.58rem;font-weight:850;letter-spacing:.14em;color:var(--clay-dark)}.plans-v2-choice-card h3{margin:20px 0 9px;font-size:1.25rem;line-height:1.2}.plans-v2-choice-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.plans-v2-choice-card i{align-self:end;font-style:normal;font-size:1.25rem;color:var(--clay)} .plans-v2-start{padding-top:150px!important}.plans-v2-section-head{margin-bottom:44px}.plans-v2-section-head>p{font-size:.92rem}.plans-v2-start-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:22px;align-items:stretch} .plans-v2-feature-plan{display:flex;flex-direction:column;min-height:670px;padding:38px;border:1px solid rgba(185,107,72,.22);border-radius:30px;background:linear-gradient(145deg,#f9eee5 0%,#fffaf5 58%,#eed8c7 100%);box-shadow:0 24px 70px rgba(43,32,26,.1)}.plans-v2-feature-top{display:flex;align-items:center;justify-content:space-between}.plans-v2-pill,.plans-v2-inline-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:var(--clay);color:#fff;font-size:.57rem;font-weight:850;letter-spacing:.12em}.plans-v2-plan-code{font-size:.65rem;font-weight:850;letter-spacing:.15em;color:var(--clay-dark)}.plans-v2-feature-body{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin:auto 0}.plans-v2-feature-body h3{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.07em;margin:0 0 18px}.plans-v2-feature-body p:not(.kicker){max-width:460px;color:#65564d}.plans-v2-feature-price{text-align:right}.plans-v2-feature-price>span{display:block;color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.12em}.plans-v2-feature-price strong{display:block;font-size:5.5rem;line-height:.9;letter-spacing:-.09em}.plans-v2-feature-price small{display:block;margin-top:12px;color:var(--clay-dark);font-size:.7rem;font-weight:800}.plans-v2-feature-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-top:28px;border-top:1px solid rgba(43,32,26,.13)}.plans-v2-feature-footer ul{display:flex;flex-wrap:wrap;gap:9px 20px;margin:0;padding:0;list-style:none}.plans-v2-feature-footer li{position:relative;padding-left:15px;font-size:.73rem;color:#65564d}.plans-v2-feature-footer li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--clay)}.plans-v2-buy-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 18px;border-radius:13px;background:var(--walnut);color:#fff;font-size:.78rem;font-weight:850;text-decoration:none;transition:.25s}.plans-v2-buy-button:hover{transform:translateY(-2px);background:var(--clay-dark)} .plans-v2-compact-list{display:grid;gap:14px}.plans-v2-compact-plan{position:relative;display:grid;grid-template-columns:1fr 130px;gap:24px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:24px;background:#fffdf9;box-shadow:0 11px 30px rgba(43,32,26,.065);transition:.28s}.plans-v2-compact-plan:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(43,32,26,.1)}.plans-v2-compact-plan.is-accent{background:#2b1e18;color:#fff;border-color:transparent}.plans-v2-compact-plan.is-accent .plans-v2-compact-copy>p:not(.kicker),.plans-v2-compact-plan.is-accent .plans-v2-mini-fact{color:rgba(255,255,255,.7)}.plans-v2-compact-plan.is-accent .kicker{color:#efb28c}.plans-v2-inline-badge{position:absolute;right:17px;top:17px;background:rgba(255,255,255,.12);color:#fff}.plans-v2-compact-copy h3{font-size:1.45rem;margin:4px 0 8px}.plans-v2-compact-copy>p:not(.kicker){margin:0;color:var(--muted);font-size:.82rem;line-height:1.58}.plans-v2-mini-fact{display:block;margin-top:12px;color:var(--clay-dark);font-size:.67rem;font-weight:800}.plans-v2-compact-side{text-align:right}.plans-v2-compact-side strong{display:block;font-size:2.15rem;line-height:1;letter-spacing:-.06em}.plans-v2-compact-side strong small{display:block;margin-top:7px;color:var(--muted);font-size:.55rem;letter-spacing:.08em}.is-accent .plans-v2-compact-side strong small{color:rgba(255,255,255,.55)}.plans-v2-compact-side a{display:inline-block;margin-top:22px;padding-bottom:2px;border-bottom:1px solid currentColor;color:var(--clay-dark);font-size:.72rem;font-weight:850;text-decoration:none}.is-accent .plans-v2-compact-side a{color:#efb28c} .plans-v2-vip{padding:112px 0 120px;background:#2b1e18;color:#fff}.plans-v2-vip-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:50px}.plans-v2-vip-intro h2{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.94;letter-spacing:-.07em;margin:0}.plans-v2-vip-note{display:grid;grid-template-columns:auto 1fr;gap:21px;align-items:start}.plans-v2-vip-note>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f0dfd2;color:var(--walnut);font-size:2rem}.plans-v2-vip-note p{margin:5px 0 0;color:rgba(255,255,255,.68)}.plans-v2-vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plans-v2-vip-card{position:relative;display:flex;flex-direction:column;min-height:480px;padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:rgba(255,255,255,.05);overflow:hidden;transition:.3s}.plans-v2-vip-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.075)}.plans-v2-vip-card.is-recommended{background:#f1dfd2;color:var(--ink);border-color:transparent;transform:translateY(-12px);box-shadow:0 30px 70px rgba(0,0,0,.24)}.plans-v2-vip-card.is-recommended:hover{transform:translateY(-16px)}.plans-v2-recommend-label{position:absolute;right:0;top:0;padding:8px 13px;background:var(--clay);color:#fff;border-radius:0 0 0 13px;font-size:.56rem;font-weight:850;letter-spacing:.12em}.plans-v2-vip-top{display:flex;align-items:center;justify-content:space-between}.plans-v2-vip-top>span{font-size:.68rem;font-weight:850;letter-spacing:.17em}.plans-v2-vip-top small{color:rgba(255,255,255,.53);font-size:.56rem;font-weight:850;letter-spacing:.12em}.is-recommended .plans-v2-vip-top small{color:var(--clay-dark)}.plans-v2-vip-card h3{font-size:6rem;line-height:.78;letter-spacing:-.09em;margin:78px 0 34px}.plans-v2-vip-card h3 small{display:block;margin-top:17px;font-size:.58rem;letter-spacing:.14em}.plans-v2-vip-price{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.is-recommended .plans-v2-vip-price{border-color:rgba(43,32,26,.14)}.plans-v2-vip-price strong{font-size:1.45rem}.plans-v2-vip-price span{font-size:.63rem;color:rgba(255,255,255,.56)}.plans-v2-vip-price b{color:#fff;font-size:1.1rem}.is-recommended .plans-v2-vip-price span{color:var(--muted)}.is-recommended .plans-v2-vip-price b{color:var(--ink)}.plans-v2-vip-card ul{display:grid;gap:10px;margin:22px 0 30px;padding:0;list-style:none}.plans-v2-vip-card li{position:relative;padding-left:18px;color:rgba(255,255,255,.68);font-size:.75rem}.plans-v2-vip-card li:before{content:"✓";position:absolute;left:0;color:#efb28c}.is-recommended .plans-v2-vip-card li{color:#65564d}.is-recommended .plans-v2-vip-card li:before{color:var(--clay-dark)}.plans-v2-vip-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;font-size:.75rem;font-weight:850;text-decoration:none}.is-recommended .plans-v2-vip-card>a{border-color:rgba(43,32,26,.2);background:var(--walnut);color:#fff} .plans-v2-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(43,32,26,.07)}.plans-v2-table{width:100%;min-width:860px;border-collapse:collapse}.plans-v2-table th,.plans-v2-table td{padding:19px 20px;border-bottom:1px solid var(--line);text-align:left;font-size:.79rem}.plans-v2-table thead th{background:#2b1e18;color:#fff;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.plans-v2-table tbody th{font-size:.86rem}.plans-v2-table tbody tr:last-child th,.plans-v2-table tbody tr:last-child td{border-bottom:0}.plans-v2-table tbody tr.is-highlight{background:#f7e8dc}.plans-v2-table tbody tr:hover{background:#fbf2eb}.plans-v2-table tbody tr.is-highlight:hover{background:#f4dfd0} .plans-v2-payment-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.plans-v2-payment-copy h2{font-size:clamp(2.8rem,5vw,5.1rem);line-height:.98;letter-spacing:-.065em;margin:0}.plans-v2-payment-copy>p:not(.kicker){max-width:650px;color:var(--muted);font-size:1rem}.plans-v2-payment-chips span{color:var(--clay-dark);border-color:rgba(185,107,72,.25);background:#f7ece4}.plans-v2-check-card{padding:36px;border-radius:28px;background:#f0e1d4;box-shadow:0 20px 58px rgba(43,32,26,.1)}.plans-v2-check-card h3{font-size:1.7rem;margin-bottom:23px}.plans-v2-check-card ol{display:grid;gap:0;margin:0 0 28px;padding:0;list-style:none}.plans-v2-check-card li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgba(43,32,26,.13)}.plans-v2-check-card li>b{color:var(--clay-dark);font-size:.62rem;letter-spacing:.1em}.plans-v2-check-card li strong,.plans-v2-check-card li small{display:block}.plans-v2-check-card li strong{font-size:.87rem}.plans-v2-check-card li small{margin-top:2px;color:var(--muted);font-size:.72rem}.plans-v2-check-card .btn{width:100%}.plans-v2-faq .faq-list{grid-template-columns:1fr 1fr;max-width:none}.plans-v2-faq .faq-list details{align-self:start}.plans-v2-mobile-cta{display:none} @media(max-width:1050px){.plans-v2-hero-grid{grid-template-columns:1fr;gap:45px}.plans-v2-hero-visual{min-height:500px;max-width:720px;width:100%;margin:auto}.plans-v2-photo-frame{left:70px}.plans-v2-choice-grid{grid-template-columns:1fr}.plans-v2-choice-card{border-right:0;border-bottom:1px solid var(--line);min-height:0}.plans-v2-choice-card:last-child{border-bottom:0}.plans-v2-start-layout{grid-template-columns:1fr}.plans-v2-feature-plan{min-height:590px}.plans-v2-vip-intro{grid-template-columns:1fr;gap:30px}.plans-v2-vip-grid{grid-template-columns:1fr}.plans-v2-vip-card.is-recommended,.plans-v2-vip-card.is-recommended:hover{transform:none}.plans-v2-vip-card{min-height:420px}.plans-v2-payment-grid{grid-template-columns:1fr;gap:42px}.plans-v2-faq .faq-list{grid-template-columns:1fr}} @media(max-width:680px){.plans-v2-page{padding-bottom:83px}.plans-v2-page .section{padding:76px 0}.plans-v2-hero{padding:64px 0 70px}.plans-v2-hero-grid{gap:35px}.plans-v2-hero-copy h1{font-size:clamp(3.15rem,15vw,4.9rem)}.plans-v2-lede{font-size:.96rem}.plans-v2-trust{margin-top:35px}.plans-v2-trust>span{display:block;padding-right:10px;margin-right:10px}.plans-v2-trust b,.plans-v2-trust small{display:block}.plans-v2-trust small{margin-top:4px}.plans-v2-hero-visual{min-height:430px}.plans-v2-photo-frame{left:20px;right:0;bottom:40px;border-radius:24px 24px 90px 24px}.plans-v2-floating-card{padding:20px;width:76%}.plans-v2-floating-card>b{font-size:2rem}.plans-v2-choice .shell{top:26px}.plans-v2-choice-head{display:block}.plans-v2-choice-head>p{margin-top:15px}.plans-v2-choice-card{grid-template-columns:28px 1fr auto;padding:23px 20px}.plans-v2-choice-card h3{margin-top:12px}.plans-v2-start{padding-top:120px!important}.plans-v2-feature-plan{min-height:0;padding:26px;border-radius:24px}.plans-v2-feature-body{grid-template-columns:1fr;margin:58px 0 38px}.plans-v2-feature-body h3{font-size:3rem}.plans-v2-feature-price{text-align:left}.plans-v2-feature-price strong{font-size:4.7rem}.plans-v2-feature-footer{grid-template-columns:1fr}.plans-v2-buy-button{width:100%}.plans-v2-compact-plan{grid-template-columns:1fr;padding:23px}.plans-v2-compact-side{text-align:left;display:flex;align-items:end;justify-content:space-between;gap:18px}.plans-v2-compact-side a{margin-top:0}.plans-v2-inline-badge{position:static;margin-bottom:12px}.plans-v2-vip{padding:78px 0 84px}.plans-v2-vip-intro h2{font-size:3.5rem}.plans-v2-vip-note{grid-template-columns:50px 1fr}.plans-v2-vip-note>span{width:50px;height:50px}.plans-v2-vip-card{padding:26px;min-height:390px}.plans-v2-vip-card h3{font-size:5rem;margin:65px 0 28px}.plans-v2-payment-copy h2{font-size:3.35rem}.plans-v2-check-card{padding:26px}.plans-v2-mobile-cta{position:fixed;z-index:65;left:10px;right:10px;bottom:10px;display:block}.plans-v2-mobile-cta a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(43,30,24,.95);box-shadow:0 16px 42px rgba(0,0,0,.28);backdrop-filter:blur(15px);color:#fff;text-decoration:none}.plans-v2-mobile-cta small,.plans-v2-mobile-cta strong{display:block}.plans-v2-mobile-cta small{color:#efb28c;font-size:.54rem;font-weight:850;letter-spacing:.12em}.plans-v2-mobile-cta strong{font-size:.79rem}.plans-v2-mobile-cta b{font-size:.69rem;color:#fff}} @media(prefers-reduced-motion:reduce){.plans-v2-choice-card,.plans-v2-compact-plan,.plans-v2-vip-card,.plans-v2-buy-button{transition:none!important}} /* v5.22 Plans value hierarchy */ .plans-v2-floating-card-value>b{display:flex;align-items:baseline;gap:4px} .plans-v2-floating-card-value>b small{font-size:.78rem;letter-spacing:0;color:var(--muted)} .plans-v2-choice-card.is-value{background:#f4e1d2} .plans-v2-choice-card.is-value:hover{background:#efd6c3} .plans-v2-choice-card.is-value small,.plans-v2-choice-card.is-value .plans-v2-choice-no{color:#8b4f31} .plans-v2-vip-intro{grid-template-columns:1fr 1fr;align-items:center} .plans-v2-vip-note>span{width:82px;height:82px;font-size:1.22rem;font-weight:900;letter-spacing:-.05em} .plans-v2-vip-note p{font-size:.93rem;line-height:1.75} .plans-v2-vip-grid{grid-template-columns:.9fr .9fr 1.18fr;gap:20px;align-items:stretch} .plans-v2-vip-card{min-height:500px} .plans-v2-vip-card.is-best-value{background:#f2dece;color:#2b201a;border:2px solid #d88a57;transform:translateY(-14px);box-shadow:0 34px 78px rgba(0,0,0,.3)} .plans-v2-vip-card.is-best-value:hover{transform:translateY(-18px);background:#f5e6da} .plans-v2-vip-card.is-best-value .plans-v2-vip-top>span, .plans-v2-vip-card.is-best-value h3, .plans-v2-vip-card.is-best-value .plans-v2-vip-price strong{color:#2b201a} .plans-v2-vip-card.is-best-value .plans-v2-vip-top small{color:#8b4f31} .plans-v2-vip-card.is-best-value .plans-v2-vip-price{border-color:rgba(43,32,26,.17)} .plans-v2-vip-card.is-best-value .plans-v2-vip-price span{color:#6b574c} .plans-v2-vip-card.is-best-value .plans-v2-vip-price b{color:#8b3f1f;font-size:1.32rem} .plans-v2-vip-card.is-best-value li{color:#5e4c42} .plans-v2-vip-card.is-best-value li:before{color:#a64c25} .plans-v2-vip-card.is-best-value>a{border-color:#2b201a;background:#2b201a;color:#fff;min-height:54px} .plans-v2-vip-card.is-best-value>a:hover{background:#a64c25;border-color:#a64c25} .plans-v2-vip-card.is-best-value h3{font-size:6.5rem} .plans-v2-recommend-label{background:#a64c25;color:#fff;padding:10px 14px;font-size:.6rem} .plans-v2-savings{margin:18px 0 0;padding:16px;border-radius:15px;background:rgba(255,255,255,.55);border:1px solid rgba(43,32,26,.12)} .plans-v2-savings strong,.plans-v2-savings small{display:block} .plans-v2-savings strong{font-size:.82rem;color:#7f3519} .plans-v2-savings small{margin-top:5px;color:#6b574c;font-size:.64rem;line-height:1.45} .plans-v2-vip-footnote{margin:28px 0 0;color:rgba(255,255,255,.58);font-size:.72rem;text-align:center} .plans-v2-table{min-width:940px} .plans-v2-table tbody tr.is-trial{background:#fbf1e9} .plans-v2-table tbody tr.is-trial:hover{background:#f7e7da} .plans-v2-table tbody tr.is-best-value{background:#2b201a;color:#fff} .plans-v2-table tbody tr.is-best-value th,.plans-v2-table tbody tr.is-best-value td{border-bottom-color:rgba(255,255,255,.12)} .plans-v2-table tbody tr.is-best-value:hover{background:#3a2921} .plans-v2-table tbody tr.is-best-value strong{color:#f2b186;font-size:1rem} .plans-v2-table-badge{display:inline-flex;margin-left:7px;padding:4px 7px;border-radius:999px;background:#b96832;color:#fff;font-size:.52rem;letter-spacing:.08em;vertical-align:middle} @media(max-width:1050px){ .plans-v2-vip-grid{grid-template-columns:1fr} .plans-v2-vip-card.is-best-value,.plans-v2-vip-card.is-best-value:hover{transform:none} .plans-v2-vip-card.is-best-value{order:-1} } @media(max-width:680px){ .plans-v2-vip-note>span{width:58px;height:58px;font-size:.92rem} .plans-v2-vip-card.is-best-value h3{font-size:5.3rem} .plans-v2-vip-card.is-best-value{border-width:2px} .plans-v2-vip-footnote{text-align:left} } .plans-v2-vip-card#vip50-card{scroll-margin-top:118px} /* ========================================================= v5.23 UX final: shared typography, clearer navigation, mobile comparison cards, first-visit and policy pages. ========================================================= */ html{font-size:calc(17px * var(--font-scale))} body{font-size:1rem} .utility{font-size:.78rem} .utility .shell{min-height:40px} .tools button{min-width:34px;min-height:34px;font-size:.78rem} .header .shell{grid-template-columns:224px 1fr auto;gap:18px} .brand-copy strong{font-size:.88rem} .brand-copy small{font-size:.76rem;line-height:1.35;letter-spacing:.075em;white-space:nowrap} .nav{gap:15px} .nav a{font-size:.84rem;letter-spacing:.015em} .book{min-height:48px;padding:0 17px;font-size:.9rem} .btn{min-height:50px;font-size:.94rem} .kicker{font-size:.78rem;line-height:1.45} .heading>p,.lede{font-size:1rem} .visual-card p,.info-card p,.class-card p,.route-card p,.path-card p{font-size:.96rem} .visual-card strong,.text-link,.link-inline,.mini-link{font-size:.9rem} .experience>span,.credentials span,.review-card>p{font-size:.78rem} .experience p,.list li,.module p,.route-card p{font-size:.94rem} label{font-size:.9rem} .footer p{font-size:.9rem} .footer h3{font-size:.92rem} .footer a{font-size:.88rem;line-height:1.5} .footer-bottom{font-size:.8rem} .guide-head small,.guide-note{font-size:.78rem} .guide-msg{font-size:.9rem} .guide-quick button{font-size:.84rem;min-height:40px} .hero-notes{font-size:.78rem} .hero-note-link{color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px} .mobile-nav a{font-size:1rem;min-height:52px} .mobile-nav .mobile-book-link{margin-top:12px;padding:15px 16px;border:0;border-radius:12px;background:var(--walnut);color:#fff} /* Let the navigation switch before labels become cramped. */ @media(max-width:1240px){ .header .shell{grid-template-columns:1fr auto auto} .nav{display:none} .menu-btn{display:block;min-width:46px;min-height:46px;border-radius:12px} .mobile-nav{position:fixed;top:122px;left:0;right:0;max-height:calc(100vh - 122px);overflow:auto;background:var(--paper);padding:22px max(24px,calc((100vw - 1180px)/2));box-shadow:var(--shadow);z-index:69} .mobile-nav.open{display:block} } @media(max-width:680px){ .mobile-nav{top:112px;max-height:calc(100vh - 112px)} .brand-copy strong{font-size:.82rem} .kicker{font-size:.76rem} } /* Homepage uses one representative recording; the full library stays on Sound. */ .sound-video-grid.home-featured-recording{grid-template-columns:minmax(0,860px);justify-content:start} .home-featured-recording .sound-video-card{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr)} .home-featured-recording .sound-video-cover{height:100%;aspect-ratio:auto;min-height:330px} .home-featured-recording .sound-video-copy{display:flex;flex-direction:column;justify-content:center;padding:38px} .home-featured-recording .sound-video-copy>p:not(.kicker){min-height:0;font-size:.96rem} @media(max-width:760px){.home-featured-recording .sound-video-card{grid-template-columns:1fr}.home-featured-recording .sound-video-cover{min-height:0;aspect-ratio:16/9}.home-featured-recording .sound-video-copy{padding:26px}} /* Plans: enlarge all decision-making text. */ .plans-v2-choice-no,.plans-v2-choice-card small,.plans-v2-inline-badge{font-size:.78rem} .plans-v2-choice-card p,.plans-v2-compact-copy>p:not(.kicker){font-size:.94rem} .plans-v2-feature-meta span,.plans-v2-mini-fact{font-size:.82rem} .plans-v2-compact-side strong small{font-size:.76rem} .plans-v2-compact-side a{font-size:.88rem} .plans-v2-vip-top>span{font-size:.82rem} .plans-v2-vip-top small{font-size:.76rem} .plans-v2-vip-card h3 small{font-size:.76rem} .plans-v2-vip-price span{font-size:.8rem} .plans-v2-vip-card li{font-size:.9rem} .plans-v2-vip-card>a{font-size:.9rem} .plans-v2-recommend-label{font-size:.76rem} .plans-v2-savings strong{font-size:.92rem} .plans-v2-savings small{font-size:.82rem} .plans-v2-vip-footnote{font-size:.84rem} .plans-v2-table th,.plans-v2-table td{font-size:.9rem} .plans-v2-table thead th{font-size:.78rem} .plans-v2-table tbody th{font-size:.94rem} .plans-v2-table-badge{font-size:.72rem} .plans-v2-check-card li>b{font-size:.76rem} .plans-v2-check-card li strong{font-size:.96rem} .plans-v2-check-card li small{font-size:.84rem} .plans-v2-mobile-cta small{font-size:.76rem} .plans-v2-mobile-cta strong{font-size:.92rem} .plans-v2-mobile-cta b{font-size:.86rem} .plans-support-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .plans-support-links a{display:inline-flex;align-items:center;min-height:46px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--clay-dark);font-size:.88rem;font-weight:800;text-decoration:none} .plans-v2-mobile-compare{display:none} @media(max-width:680px){ .plans-v2-table-wrap{display:none} .plans-v2-mobile-compare{display:grid;gap:13px} .plans-v2-mobile-compare article{position:relative;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow2)} .plans-v2-mobile-compare article.is-trial{background:#fbf1e9} .plans-v2-mobile-compare article.is-mid{background:#2b1e18;color:#fff;border-color:#2b1e18} .plans-v2-mobile-compare article.is-mid .kicker,.plans-v2-mobile-compare article.is-mid small{color:rgba(255,255,255,.7)} .plans-v2-mobile-compare article.is-best{padding-top:52px;background:#f2dece;border:2px solid #d88a57} .plans-v2-mobile-best{position:absolute;top:0;left:0;padding:10px 13px;border-radius:18px 0 12px 0;background:#a64c25;color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.06em} .plans-v2-mobile-compare h3{margin:3px 0 18px;font-size:1.45rem} .plans-v2-mobile-compare article>div{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .plans-v2-mobile-compare .is-mid>div{border-color:rgba(255,255,255,.16)} .plans-v2-mobile-compare strong{font-size:2rem;letter-spacing:-.04em} .plans-v2-mobile-compare div span,.plans-v2-mobile-compare small{font-size:.88rem} .plans-v2-mobile-compare small{display:block;margin-top:15px;color:var(--muted)} .plans-v2-mobile-compare article>a{display:flex;justify-content:space-between;margin-top:18px;min-height:48px;align-items:center;padding:0 14px;border-radius:12px;background:var(--walnut);color:#fff;font-size:.9rem;font-weight:850;text-decoration:none} .plans-page .guide-launcher{bottom:94px} .plans-page .guide-panel{bottom:150px} body.overlay-open .plans-v2-mobile-cta{display:none} } /* First-visit page. */ .first-visit-hero>img{object-position:center 58%} .first-visit-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .first-visit-route-grid .route-card{display:flex;flex-direction:column;min-height:310px;padding:28px} .first-visit-route-grid .route-card strong{margin-top:auto} .first-visit-prep{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start} .first-visit-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px} .first-visit-steps article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff} .first-visit-steps article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:50%;background:#f0dfd2;color:var(--clay-dark);font-size:.82rem;font-weight:850} .first-visit-steps p{color:var(--muted);font-size:.94rem} .first-visit-studio{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch} .first-visit-location,.first-visit-trial{padding:38px;border-radius:26px} .first-visit-location{border:1px solid var(--line);background:#fff} .first-visit-location p{color:var(--muted)} .first-visit-trial{background:var(--walnut);color:#fff} .first-visit-trial .kicker{color:#efb28c} .first-visit-trial strong{display:block;margin:22px 0 6px;font-size:4.6rem;line-height:1;letter-spacing:-.07em} .first-visit-trial p{color:rgba(255,255,255,.72)} .first-visit-trial .btn{margin-top:15px} .first-visit-faq{grid-template-columns:1fr 1fr;max-width:none} .first-visit-final{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:42px;padding-top:38px;border-top:1px solid var(--line)} .first-visit-final h2{font-size:clamp(2.4rem,4.5vw,4.2rem)} @media(max-width:1050px){.first-visit-route-grid{grid-template-columns:1fr 1fr}.first-visit-prep,.first-visit-studio{grid-template-columns:1fr}.first-visit-final{display:block}.first-visit-final .actions{margin-top:24px}} @media(max-width:680px){.first-visit-route-grid,.first-visit-steps,.first-visit-faq{grid-template-columns:1fr}.first-visit-route-grid .route-card{min-height:0}.first-visit-location,.first-visit-trial{padding:26px}.first-visit-trial strong{font-size:3.8rem}} /* Policies page. */ .policy-hero{background:linear-gradient(135deg,#2b1e18,#65402f)} .policy-layout{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:start} .policy-nav{position:sticky;top:145px;display:grid;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff} .policy-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem;text-decoration:none} .policy-content{display:grid;gap:78px} .policy-content>section{scroll-margin-top:145px} .policy-content h2{font-size:clamp(2.3rem,4.5vw,4.3rem)} .policy-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px} .policy-card-grid article{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff} .policy-card-grid p{color:var(--muted);font-size:.94rem} .policy-table{display:grid;margin-top:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden} .policy-table>div{display:grid;grid-template-columns:150px 180px 1fr;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff;align-items:center} .policy-table>div:last-child{border-bottom:0} .policy-table>div.is-best{background:#f2dece} .policy-table span{font-weight:850} .policy-table small{color:var(--muted);font-size:.88rem} .policy-note{margin-top:22px;padding:28px;border-radius:22px;background:#f0e1d4} .policy-note p{color:#66544a} .policy-list{display:grid;margin-top:28px;border-top:1px solid var(--line)} .policy-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)} .policy-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--walnut);color:#fff;font-size:.78rem;font-weight:850} .policy-list p{margin-bottom:0;color:var(--muted)} .policy-help{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:34px;border-radius:26px;background:var(--walnut);color:#fff} .policy-help h2{font-size:clamp(2.5rem,4.4vw,4.2rem)} .policy-help p:not(.kicker){color:rgba(255,255,255,.7);max-width:650px} .policy-updated{color:var(--muted);font-size:.82rem;text-align:right} @media(max-width:1050px){.policy-layout{grid-template-columns:1fr}.policy-nav{position:static;grid-template-columns:1fr 1fr;gap:0 20px}.policy-help{display:block}.policy-help .actions{margin-top:24px}} @media(max-width:680px){.policy-nav,.policy-card-grid{grid-template-columns:1fr}.policy-table>div{grid-template-columns:1fr;gap:4px}.policy-help{padding:26px}.policy-updated{text-align:left}} /* v5.23 readable small-text floor for secondary labels and captions. */ .tag,.number-list li:before,.step:before,.principles article>span,.need-option .need-num,.need-option small,.need-caption,.voice-focus>p,.voice-count,.voice-bubble,.moment figcaption,.review-showcase-caption,.review-showcase-category,.review-showcase-source,.review-showcase-count,.review-index-item>span,.review-index-item small,.footer-brand small,.sound-duration,.sound-autoplay-note,.guide-launcher-caption,.guide-question,.hero-chip,.principle-number,.plan-icon,.plan-price small,.plan-badge,.vip-heading h3 small,.vip-average,.plan-guide-number,.payment-chips span,.plans-v2-trust small,.plans-v2-floating-label,.plans-v2-pill,.plans-v2-plan-code,.plans-v2-feature-price>span,.plans-v2-feature-price small,.plans-v2-feature-footer li{font-size:.78rem} .review-index-compact .review-index-item>span,.review-index-compact .review-index-item small{font-size:.76rem} .review-index-compact .review-index-item strong{font-size:.88rem} .plans-v2-floating-label,.plans-v2-pill,.plans-v2-plan-code{line-height:1.35} /* v5.24 homepage recording section: full-width editorial feature with balanced spacing. */ .sound-library-home{padding:clamp(86px,8vw,118px) 0;background:linear-gradient(145deg,#f5e9df 0%,#fffaf6 52%,#f3e5da 100%)} .sound-library-home:before{width:500px;height:500px;right:-260px;top:-270px;border-color:rgba(185,107,72,.13)} .sound-library-home:after{content:"";position:absolute;left:-120px;bottom:-190px;width:440px;height:310px;border:1px solid rgba(185,107,72,.09);border-radius:50%;transform:rotate(-9deg);pointer-events:none} .sound-library-home-head{grid-template-columns:minmax(0,1.12fr) minmax(320px,.68fr);align-items:start;gap:clamp(42px,7vw,96px);margin-bottom:clamp(36px,5vw,58px)} .sound-library-home-heading{max-width:760px} .sound-library-home-heading h2{font-size:clamp(3.1rem,5.4vw,5.5rem);line-height:.98;letter-spacing:-.06em;max-width:820px} html[data-lang=en] .sound-library-home-heading h2{font-size:clamp(2.65rem,4.7vw,4.75rem);line-height:1.02;letter-spacing:-.05em} .sound-library-home-intro{justify-self:end;max-width:490px;padding-top:20px} .sound-library-home-intro p{font-size:1.02rem;line-height:1.75} .sound-library-home-intro .text-link{margin-top:20px} .sound-video-grid.home-featured-recording{display:block;max-width:none} .home-featured-recording .home-recording-card{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);width:100%;min-height:470px;border-radius:32px;background:rgba(255,253,249,.94);box-shadow:0 26px 70px rgba(67,42,27,.13);overflow:hidden} .home-featured-recording .home-recording-card:hover{transform:translateY(-3px);box-shadow:0 32px 78px rgba(67,42,27,.17)} .home-featured-recording .home-recording-cover{height:100%;min-height:470px;aspect-ratio:auto} .home-featured-recording .home-recording-cover img{object-position:center 48%} .home-recording-cover:after{background:linear-gradient(0deg,rgba(25,15,11,.48),rgba(25,15,11,.02) 62%)} .home-recording-cover-label{position:absolute;left:24px;bottom:22px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(35,22,16,.45);backdrop-filter:blur(10px);color:#fff;font-size:.78rem;font-weight:760;letter-spacing:.02em} .home-featured-recording .home-recording-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,68px)} .home-recording-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px} .home-recording-meta span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid rgba(142,79,56,.2);border-radius:999px;background:#f6ebe2;color:var(--clay-dark);font-size:.73rem;font-weight:820;letter-spacing:.09em} .home-recording-copy .kicker{margin-bottom:12px} .home-recording-copy h3{font-size:clamp(2rem,3vw,3.05rem);line-height:1.08;margin:0 0 20px;letter-spacing:-.045em} .home-featured-recording .home-recording-copy>p:not(.kicker){min-height:0;margin:0;color:var(--muted);font-size:1.03rem;line-height:1.78} .home-recording-divider{width:54px;height:2px;margin:28px 0 22px;background:var(--clay)} .home-featured-recording .home-recording-copy .sound-autoplay-note{margin:0!important;padding:0!important;border:0!important;font-size:.84rem!important;line-height:1.6;color:var(--clay-dark)!important} .home-recording-link{margin-top:20px} @media(max-width:980px){ .sound-library-home-head{grid-template-columns:1fr;gap:22px} .sound-library-home-intro{justify-self:start;max-width:680px;padding-top:0} .home-featured-recording .home-recording-card{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);min-height:420px} .home-featured-recording .home-recording-cover{min-height:420px} .home-featured-recording .home-recording-copy{padding:38px} } @media(max-width:760px){ .sound-library-home{padding:76px 0} .sound-library-home-heading h2,html[data-lang=en] .sound-library-home-heading h2{font-size:clamp(2.55rem,11vw,3.7rem);line-height:1.02} .sound-library-home-intro p{font-size:.98rem} .home-featured-recording .home-recording-card{grid-template-columns:1fr;min-height:0;border-radius:24px} .home-featured-recording .home-recording-cover{min-height:0;aspect-ratio:16/10} .home-featured-recording .home-recording-copy{padding:30px 25px 32px} .home-recording-meta{margin-bottom:19px} .home-recording-copy h3{font-size:2.05rem} .home-featured-recording .home-recording-copy>p:not(.kicker){font-size:.98rem} .home-recording-cover-label{left:16px;bottom:15px} } /* ========================================================= v5.25 header refinement: concise brand descriptor, calmer English navigation and earlier compact-menu switch. ========================================================= */ .header .shell{ min-height:80px; grid-template-columns:205px minmax(0,1fr) auto; gap:26px; } .brand{min-width:0;gap:11px} .brand img{width:50px;height:50px} .brand-copy{min-width:0} .brand-copy strong{ font-size:.88rem; letter-spacing:.17em; line-height:1.15; white-space:nowrap; } .brand-copy small{ margin-top:5px; font-size:.7rem; line-height:1.2; letter-spacing:.11em; white-space:nowrap; } .nav{ justify-content:center; gap:19px; min-width:0; } .nav a{ padding:29px 0 25px; font-size:.86rem; line-height:1; font-weight:700; letter-spacing:0; text-transform:none; } html[data-lang=zh] .nav a{font-size:.9rem;font-weight:720} .nav a:after{bottom:17px;height:2px} .book{ min-width:118px; min-height:48px; padding:0 18px; font-size:.9rem; white-space:nowrap; } .utility .utility-link{font-size:.76rem;letter-spacing:.005em} @media(max-width:1320px){ .header .shell{grid-template-columns:1fr auto auto} .nav{display:none} .menu-btn{display:block;min-width:46px;min-height:46px;border-radius:12px} .mobile-nav{position:fixed;top:120px;left:0;right:0;max-height:calc(100vh - 120px);overflow:auto;background:var(--paper);padding:22px max(24px,calc((100vw - 1180px)/2));box-shadow:var(--shadow);z-index:69} .mobile-nav.open{display:block} } @media(max-width:680px){ .brand-copy small{display:none} .mobile-nav{top:112px;max-height:calc(100vh - 112px)} .utility .utility-link{font-size:.7rem} } /* v5.26 — simplified footer and resonant page loader */ .om-prefooter{background:#ede2d5;border-top:1px solid rgba(43,32,26,.08);padding:34px 0} .om-prefooter-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px} .om-prefooter-copy{display:flex;align-items:center;gap:20px;min-width:0} .om-prefooter-mark{width:58px;height:58px;border-radius:17px;background:#fffaf5;display:grid;place-items:center;flex:none;box-shadow:0 10px 25px rgba(43,32,26,.12);border:1px solid rgba(43,32,26,.08);overflow:hidden} .om-prefooter-mark img{width:48px;height:48px;object-fit:contain} .om-prefooter h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin:0} .om-prefooter p{font-size:1rem;color:var(--muted);margin:8px 0 0} .om-prefooter-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end} .om-footer-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:14px;text-decoration:none;font-size:.94rem;font-weight:750;border:1px solid transparent;transition:.25s ease} .om-footer-btn-primary{background:var(--walnut);color:#fffaf5} .om-footer-btn-primary:hover,.om-footer-btn-primary:focus-visible{background:#3a2a22;transform:translateY(-2px)} .om-footer-btn-secondary{background:rgba(255,255,255,.48);border-color:rgba(43,32,26,.17)} .om-footer-btn-secondary:hover,.om-footer-btn-secondary:focus-visible{background:#fff;border-color:rgba(43,32,26,.3)} .om-site-footer{background:#211813;color:#fffaf5;padding:68px 0 max(28px,env(safe-area-inset-bottom))} .om-footer-top{display:grid;grid-template-columns:minmax(250px,1.15fr) 2fr;gap:64px;align-items:start} .om-footer-logo-link{display:inline-block;text-decoration:none;margin-bottom:22px} .om-footer-brand .om-footer-logo-link img{width:185px;height:auto;display:block;object-fit:contain} .om-footer-brand>p{font-size:1rem;color:rgba(255,250,245,.70);max-width:370px;margin:0} .om-footer-location{margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,250,245,.15)} .om-location-label{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e7ad87;margin-bottom:8px} .om-footer-location>strong{display:block;font-size:1rem;margin-bottom:5px;color:#fffaf5} .om-footer-location>span{display:block;color:rgba(255,250,245,.65);font-size:.9rem} .om-location-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:13px} .om-map-link{display:inline-flex;align-items:center;gap:7px;color:#f1b18a;font-weight:700;text-decoration:none;font-size:.9rem} .om-map-link:hover,.om-map-link:focus-visible{text-decoration:underline;text-underline-offset:4px} .om-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .om-footer-group{min-width:0} .om-footer-group h3{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#e7ad87;margin:0 0 16px} .om-footer-group nav{display:grid;gap:4px} .om-footer-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,250,245,.08);text-decoration:none;color:rgba(255,250,245,.82);font-size:1rem;font-weight:560;transition:.2s ease} .om-footer-link::after{content:"›";font-size:1.1rem;opacity:0;transform:translateX(-5px);transition:.2s ease;color:#f1b18a} .om-footer-link:hover,.om-footer-link:focus-visible{color:#fff;padding-left:5px} .om-footer-link:hover::after,.om-footer-link:focus-visible::after{opacity:1;transform:none} .om-footer-link.is-external::after{content:"↗";font-size:.82rem;opacity:.58;transform:none} .om-impact-card{grid-column:1/-1;margin-top:18px;border:1px solid rgba(255,250,245,.15);background:linear-gradient(135deg,rgba(185,104,50,.20),rgba(255,255,255,.035));border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;text-decoration:none} .om-impact-card small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#f1b18a;font-weight:800;margin-bottom:5px} .om-impact-card strong{display:block;font-size:1.12rem;line-height:1.25;color:#fffaf5} .om-impact-card>div>span{font-size:.9rem;color:rgba(255,250,245,.65);display:block;margin-top:5px} .om-impact-arrow{width:44px;height:44px;border-radius:13px;background:rgba(255,250,245,.09);display:grid;place-items:center;font-size:1.18rem;transition:.25s ease} .om-impact-card:hover .om-impact-arrow,.om-impact-card:focus-visible .om-impact-arrow{background:#f4d6c3;color:var(--walnut);transform:translate(2px,-2px)} .om-footer-social{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,250,245,.15);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px} .om-social-copy strong{display:block;font-size:.95rem} .om-social-copy>span{display:block;color:rgba(255,250,245,.55);font-size:.84rem;margin-top:4px} .om-social-list{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end} .om-social-link{width:46px;height:46px;border:1px solid rgba(255,250,245,.15);border-radius:14px;display:grid;place-items:center;color:#fff;text-decoration:none;background:rgba(255,255,255,.035);transition:.22s ease;position:relative} .om-social-link:hover,.om-social-link:focus-visible{background:#f4d6c3;color:var(--walnut);transform:translateY(-3px)} .om-social-link svg{width:21px;height:21px;fill:currentColor} .om-social-link>span{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);background:#fff;color:var(--walnut);font-size:.75rem;font-weight:700;padding:5px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 8px 20px rgba(0,0,0,.18)} .om-social-link:hover>span,.om-social-link:focus-visible>span{opacity:1;transform:translate(-50%,0)} .om-footer-bottom{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,250,245,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,250,245,.48);font-size:.82rem} .om-footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:18px} .om-footer-legal a,.om-footer-install{color:inherit;text-decoration:none;border:0;background:transparent;padding:0;cursor:pointer;font:inherit} .om-footer-legal a:hover,.om-footer-legal a:focus-visible,.om-footer-install:hover,.om-footer-install:focus-visible{color:#fff} .om-footer-install[hidden]{display:none!important} /* Page-loading animation using the locked OM logo as an untouched image layer. */ .om-site-loader{display:none} .js .om-site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fffdf9 0%,#faf7f2 48%,#ede2d5 100%);color:var(--walnut);opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease} .js .om-site-loader::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(185,107,72,.06) 48%,transparent 72%);transform:translateX(-100%);animation:omLoaderLight 2.1s ease-in-out infinite} .om-site-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none} .om-loader-inner{position:relative;z-index:1;display:grid;justify-items:center;gap:20px;padding:28px;text-align:center} .om-loader-resonance{position:relative;width:178px;height:178px;display:grid;place-items:center} .om-loader-logo{position:relative;z-index:3;width:104px;height:104px;border-radius:31px;background:rgba(255,253,249,.92);display:grid;place-items:center;box-shadow:0 18px 50px rgba(43,32,26,.14);border:1px solid rgba(43,32,26,.08)} .om-loader-logo img{width:86px;height:86px;object-fit:contain} .om-loader-ring{position:absolute;inset:50%;width:70px;height:70px;margin:-35px;border:1px solid rgba(185,107,72,.34);border-radius:50%;animation:omLoaderRing 2.4s cubic-bezier(.2,.7,.2,1) infinite} .om-loader-ring.ring-two{animation-delay:.55s} .om-loader-ring.ring-three{animation-delay:1.1s} .om-loader-wave{height:30px;display:flex;align-items:center;gap:5px} .om-loader-wave span{width:3px;height:9px;border-radius:999px;background:var(--clay);animation:omLoaderWave 1.15s ease-in-out infinite} .om-loader-wave span:nth-child(2),.om-loader-wave span:nth-child(6){animation-delay:.12s} .om-loader-wave span:nth-child(3),.om-loader-wave span:nth-child(5){animation-delay:.24s} .om-loader-wave span:nth-child(4){animation-delay:.36s} .om-loader-wave span:nth-child(7){animation-delay:.48s} .om-loader-inner p{margin:-8px 0 0;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} @keyframes omLoaderRing{0%{transform:scale(.42);opacity:0}18%{opacity:.7}100%{transform:scale(2.35);opacity:0}} @keyframes omLoaderWave{0%,100%{height:8px;opacity:.48}50%{height:28px;opacity:1}} @keyframes omLoaderLight{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}} @media(max-width:900px){ .om-prefooter-inner{grid-template-columns:1fr}.om-prefooter-actions{justify-content:flex-start} .om-footer-top{grid-template-columns:1fr;gap:42px}.om-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px} .om-impact-card{margin-top:0}.om-footer-social{grid-template-columns:1fr}.om-social-list{justify-content:flex-start} } @media(max-width:560px){ .om-prefooter{padding:30px 0}.om-prefooter-copy{align-items:flex-start}.om-prefooter-mark{width:50px;height:50px;border-radius:15px}.om-prefooter-mark img{width:42px;height:42px} .om-prefooter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.om-footer-btn{padding:0 14px;font-size:.9rem} .om-site-footer{padding-top:52px}.om-footer-brand .om-footer-logo-link img{width:160px}.om-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px} .om-footer-group h3{font-size:.78rem}.om-footer-link{font-size:.94rem;padding:9px 0}.om-impact-card{grid-template-columns:1fr auto;padding:16px}.om-impact-card strong{font-size:1.05rem} .om-footer-bottom{display:grid;gap:14px}.om-footer-legal{gap:13px}.om-loader-resonance{width:150px;height:150px}.om-loader-logo{width:92px;height:92px;border-radius:27px}.om-loader-logo img{width:76px;height:76px} } @media(max-width:360px){.om-prefooter-actions,.om-footer-nav{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){ .js .om-site-loader::before,.om-loader-ring,.om-loader-wave span{animation:none!important} .om-loader-ring{display:none}.om-loader-wave span{height:8px!important;opacity:.7!important} } /* ========================================================= v5.27 Training conversion, timetable and pricing ========================================================= */ .training-hero .shell{padding-bottom:64px}.training-hero .actions{margin-top:28px}.training-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.training-hero-facts>span{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(36,22,16,.34);backdrop-filter:blur(10px)}.training-hero-facts b{font-size:.76rem;letter-spacing:.08em}.training-hero-facts small{color:rgba(255,255,255,.72);font-size:.78rem}.training-jump{position:sticky;top:120px;z-index:58;background:rgba(251,247,242,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.training-jump .shell{display:flex;overflow-x:auto;scrollbar-width:none}.training-jump .shell::-webkit-scrollbar{display:none}.training-jump a{flex:0 0 auto;padding:16px 18px;text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:760;border-bottom:2px solid transparent}.training-jump a:hover,.training-jump a:focus{color:var(--clay-dark);border-color:var(--clay)}.training-overview{padding-top:76px}.training-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:92px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper)}.training-snapshot article{padding:26px;border-right:1px solid var(--line)}.training-snapshot article:last-child{border-right:0}.training-snapshot article>span{display:block;color:var(--clay-dark);font-size:.76rem;font-weight:850;letter-spacing:.12em;margin-bottom:30px}.training-snapshot strong{display:block;font-size:1.05rem}.training-snapshot p{color:var(--muted);font-size:.9rem;margin:8px 0 0}.training-why-heading{margin-top:0}.training-levels .path-card{display:flex;flex-direction:column}.training-levels .path-card ul{flex:1}.training-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);text-decoration:none;color:var(--clay-dark);font-size:.9rem;font-weight:820}.training-coming{display:block;margin-top:22px;padding:14px 16px;border-radius:12px;background:#efe3d8;color:var(--clay-dark);font-size:.84rem;font-weight:760}.training-intake-section{background:#f4ebe3;padding-bottom:100px}.training-intake-head{background:var(--walnut);color:#fff;padding:88px 0 150px}.training-intake-head .shell{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.training-intake-head h2{font-size:clamp(3rem,5.8vw,5.7rem);line-height:.96;letter-spacing:-.06em;margin:0}.training-intake-head> .shell>p{color:rgba(255,255,255,.7);font-size:1rem;max-width:520px}.training-intake-body{margin-top:-88px;position:relative;z-index:2}.training-schedule-block,.training-pricing-block{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:42px}.training-pricing-block{margin-top:24px}.training-subhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.training-subhead h3{font-size:2rem;margin:0}.training-subhead>p:last-child{max-width:420px;color:var(--muted);font-size:.92rem}.training-schedule-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:16px}.training-date-card{position:relative;min-height:310px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}.training-date-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(185,107,72,.13);border-radius:50%;right:-65px;bottom:-72px;box-shadow:0 0 0 26px rgba(185,107,72,.045),0 0 0 52px rgba(185,107,72,.025)}.training-date-card.is-current{background:var(--walnut);color:#fff}.training-date-card.is-current:before{border-color:rgba(255,255,255,.13);box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 0 52px rgba(255,255,255,.02)}.training-date-card.next-intake{background:#ead7c8}.training-date-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.training-date-top>span{font-size:.72rem;letter-spacing:.13em;font-weight:850}.training-date-top b{padding:7px 9px;border-radius:999px;background:rgba(185,107,72,.12);color:var(--clay-dark);font-size:.69rem}.training-date-card.is-current .training-date-top b{background:rgba(255,255,255,.12);color:#fff}.training-date-card h4{font-size:1.32rem;margin:35px 0 18px}.training-date-main{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}.training-date-main strong{font-size:1.15rem}.training-date-main span{color:var(--muted);font-size:.84rem}.training-date-main em{grid-column:1/3;margin:5px 0;color:var(--clay-dark);font-size:.72rem;font-style:normal;font-weight:760}.training-date-list{display:flex;flex-wrap:wrap;gap:8px}.training-date-list strong{padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:.88rem}.training-date-card>p{position:relative;color:var(--muted);font-size:.9rem}.training-date-card.is-current>p{color:rgba(255,255,255,.72)}.training-date-card .btn{position:relative;margin-top:18px}.training-price-grid{display:grid;grid-template-columns:.8fr .8fr 1.25fr;gap:16px;align-items:stretch}.training-price-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:flex;flex-direction:column}.training-price-card.is-best{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.18)}.training-price-code{font-size:.72rem;letter-spacing:.14em;font-weight:850;color:var(--clay-dark)}.training-price-card.is-best .training-price-code{color:#edb08b}.training-price-card h4{font-size:1.25rem;margin:24px 0 16px}.training-price{display:flex;align-items:flex-start;gap:5px}.training-price small{font-size:.74rem;font-weight:800;margin-top:9px}.training-price strong{font-size:3.25rem;line-height:.95;letter-spacing:-.06em}.training-price-card>p{color:var(--muted);font-size:.88rem;margin-top:18px}.training-price-card.is-best>p{color:rgba(255,255,255,.7)}.training-price-card.is-best .btn{margin-top:auto;width:100%}.training-best-badge{position:absolute;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:#f0b18c;color:var(--walnut);font-size:.68rem;font-weight:850}.training-offer-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.training-offer-strip>div{display:grid;grid-template-columns:52px 1fr;column-gap:12px;padding:22px;border-right:1px solid var(--line)}.training-offer-strip>div:last-child{border-right:0}.training-offer-strip>div>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ead7c8;color:var(--clay-dark);font-size:.76rem;font-weight:850}.training-offer-strip strong{font-size:.9rem}.training-offer-strip p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.training-payment-note{margin:18px 0 0;padding:15px 17px;border-left:3px solid var(--clay);background:#f7f0ea;color:var(--muted);font-size:.8rem}.training-faq-list{grid-template-columns:1fr 1fr;max-width:none}.training-final-cta{padding:78px 0;background:#e6d1c1}.training-final-cta .shell{display:flex;align-items:end;justify-content:space-between;gap:48px}.training-final-cta h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:0}.training-final-cta p:not(.kicker){max-width:660px;color:var(--muted)}.training-final-cta .btn{flex:0 0 auto}.training-page [id]{scroll-margin-top:175px} @media(max-width:1050px){.training-snapshot{grid-template-columns:1fr 1fr}.training-snapshot article:nth-child(2){border-right:0}.training-snapshot article:nth-child(-n+2){border-bottom:1px solid var(--line)}.training-intake-head .shell{grid-template-columns:1fr;gap:28px}.training-schedule-grid,.training-price-grid{grid-template-columns:1fr}.training-date-card{min-height:0}.training-price-card.is-best{min-height:340px}.training-offer-strip{grid-template-columns:1fr}.training-offer-strip>div{border-right:0;border-bottom:1px solid var(--line)}.training-offer-strip>div:last-child{border-bottom:0}.training-faq-list{grid-template-columns:1fr}} @media(max-width:680px){.training-hero .shell{padding-bottom:48px}.training-hero-facts{display:grid;grid-template-columns:1fr}.training-hero-facts>span{min-height:44px}.training-jump{top:110px}.training-jump a{padding:14px 13px;font-size:.78rem}.training-snapshot{grid-template-columns:1fr;margin-bottom:68px}.training-snapshot article{border-right:0;border-bottom:1px solid var(--line)!important}.training-snapshot article:last-child{border-bottom:0!important}.training-intake-head{padding:72px 0 118px}.training-intake-body{margin-top:-62px}.training-schedule-block,.training-pricing-block{padding:24px;border-radius:22px}.training-subhead{display:block}.training-subhead>p:last-child{margin-top:10px}.training-date-card{padding:22px}.training-date-card h4{margin-top:28px}.training-price-card{padding:24px}.training-price strong{font-size:2.9rem}.training-offer-strip>div{grid-template-columns:46px 1fr;padding:18px}.training-offer-strip>div>span{width:42px;height:42px}.training-final-cta .shell{display:block}.training-final-cta .btn{width:100%;margin-top:20px}.training-page [id]{scroll-margin-top:155px}} /* v5.28 training page simplification and autumn/winter cohort cards */ .training-levels .path-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;margin-inline:auto} .training-levels .heading{margin-bottom:34px} .training-cohort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .training-cohort-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden} .training-cohort-card:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(185,107,72,.13);border-radius:50%;right:-72px;bottom:-82px;box-shadow:0 0 0 28px rgba(185,107,72,.045),0 0 0 56px rgba(185,107,72,.025);pointer-events:none} .training-cohort-card.is-featured{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.16)} .training-cohort-card.is-featured:before{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.02)} .training-cohort-card.is-compact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:24px;background:#ead7c8} .training-cohort-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px} .training-cohort-top>span{font-size:.72rem;letter-spacing:.13em;font-weight:850} .training-cohort-top b{padding:7px 10px;border-radius:999px;background:rgba(185,107,72,.13);color:var(--clay-dark);font-size:.69rem} .training-cohort-card.is-featured .training-cohort-top b{background:rgba(255,255,255,.12);color:#fff} .training-cohort-card h4{position:relative;font-size:1.34rem;line-height:1.18;margin:28px 0 20px} .training-cohort-stage{position:relative;display:grid;grid-template-columns:92px 1fr;gap:4px 14px;padding:17px 0;border-top:1px solid var(--line)} .training-cohort-card.is-featured .training-cohort-stage{border-color:rgba(255,255,255,.15)} .training-cohort-stage>span{grid-row:1/3;color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.12em;padding-top:3px} .training-cohort-card.is-featured .training-cohort-stage>span{color:#efb28e} .training-cohort-stage strong{font-size:1.06rem;letter-spacing:.01em} .training-cohort-stage small{color:var(--muted);font-size:.82rem} .training-cohort-card.is-featured .training-cohort-stage small{color:rgba(255,255,255,.68)} .training-cohort-card>.btn{position:relative;margin-top:20px;width:100%} .training-cohort-card.is-compact h4{margin:0} .training-cohort-card.is-compact .training-cohort-stage{border-top:0;padding:0} .training-cohort-card.is-compact>p{position:relative;margin:0;color:var(--muted);font-size:.86rem} .training-cohort-card.is-compact .training-card-link{position:relative;margin:0;padding:14px 0 14px 18px;border-top:0;border-left:1px solid rgba(43,32,26,.14);min-width:150px} .training-page .training-hero h1{max-width:780px} .training-page .training-hero>img{object-position:center 42%} @media(max-width:1050px){ .training-levels .path-grid,.training-cohort-grid{grid-template-columns:1fr} .training-cohort-card.is-compact{grid-column:auto;display:block} .training-cohort-card.is-compact h4{margin:26px 0 18px} .training-cohort-card.is-compact .training-cohort-stage{padding:16px 0;border-top:1px solid var(--line)} .training-cohort-card.is-compact>p{margin-top:12px} .training-cohort-card.is-compact .training-card-link{margin-top:18px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(43,32,26,.14)} } @media(max-width:680px){ .training-page .training-hero h1{font-size:clamp(2.45rem,12vw,3.5rem);line-height:1.02} .training-page .training-hero .shell>p:not(.kicker){max-width:31ch} .training-page .training-hero-facts{grid-template-columns:repeat(3,1fr);gap:7px} .training-page .training-hero-facts>span{display:block;min-height:0;padding:10px;text-align:center} .training-page .training-hero-facts b,.training-page .training-hero-facts small{display:block} .training-page .training-hero-facts small{font-size:.68rem;margin-top:3px} .training-jump a{padding:13px 11px} .training-levels{padding-top:66px;padding-bottom:66px} .training-levels .heading h2{font-size:2.25rem} .training-cohort-card{padding:23px} .training-cohort-card h4{font-size:1.18rem;margin-top:25px} .training-cohort-stage{grid-template-columns:76px 1fr;gap:4px 10px;padding:15px 0} .training-cohort-stage strong{font-size:.94rem} .training-cohort-stage small{font-size:.76rem} .training-intake-head h2{font-size:2.75rem;line-height:1.02} .training-intake-section{padding-bottom:76px} } /* v5.29 training accreditation, preface and clear course-date layout */ .training-accreditation-section{padding:74px 0;background:var(--walnut);color:#fff} .training-accreditation-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:end;gap:48px;margin-bottom:34px} .training-accreditation-head h2{font-size:clamp(2.25rem,4.5vw,4.3rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-accreditation-head>p{color:rgba(255,255,255,.68);margin:0;font-size:1rem} .training-accreditation-section .kicker{color:#efb28e} .training-accreditation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden} .training-accreditation-grid article{padding:27px 26px;background:rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.13)} .training-accreditation-grid article:last-child{border-right:0} .training-accreditation-grid article>span{display:block;color:#efb28e;font-size:.72rem;font-weight:850;letter-spacing:.15em} .training-accreditation-grid strong{display:block;font-size:1.45rem;margin-top:20px} .training-accreditation-grid p{color:rgba(255,255,255,.67);font-size:.87rem;line-height:1.65;margin:8px 0 0} .training-accreditation-note{font-size:.78rem;color:rgba(255,255,255,.52);margin:18px 0 0} .training-preface-section{position:relative;padding:84px 0;background:#fff} .training-preface-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:76px;align-items:start} .training-preface-grid h2{font-size:clamp(2.45rem,4.8vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:0} .training-preface-copy{padding-left:34px;border-left:2px solid var(--clay)} .training-preface-copy p{font-size:1.08rem;line-height:1.82;color:var(--muted);margin:0} .training-preface-copy p+p{margin-top:20px} .legacy-anchor{position:absolute;top:-160px} .training-levels .path-card{padding:34px;display:flex;flex-direction:column;min-height:310px} .training-levels .path-card>p:not(.kicker){font-size:1rem;line-height:1.75} .training-levels .training-card-link{margin-top:auto} .training-calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .training-calendar-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden} .training-calendar-card.is-featured{background:var(--walnut);color:#fff;box-shadow:0 22px 48px rgba(43,30,24,.16)} .training-calendar-card.is-extra{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr) auto;align-items:center;gap:26px;background:#ead7c8} .training-calendar-heading>span{display:block;color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.14em} .training-calendar-card.is-featured .training-calendar-heading>span{color:#efb28e} .training-calendar-heading h4{font-size:1.5rem;margin:10px 0 21px} .training-calendar-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)} .training-calendar-card.is-featured .training-calendar-row{border-color:rgba(255,255,255,.15)} .training-calendar-row>b{font-size:.72rem;letter-spacing:.12em;color:var(--clay-dark)} .training-calendar-card.is-featured .training-calendar-row>b{color:#efb28e} .training-calendar-row strong{display:block;font-size:1.05rem} .training-calendar-row small{display:block;color:var(--muted);font-size:.79rem;margin-top:2px} .training-calendar-card.is-featured .training-calendar-row small{color:rgba(255,255,255,.65)} .training-calendar-row time{font-size:.86rem;font-weight:800;white-space:nowrap} .training-calendar-card>.btn{width:100%;margin-top:20px} .training-calendar-card.is-extra .training-calendar-heading h4{margin-bottom:0} .training-calendar-card.is-extra .training-calendar-row{border-top:0;padding:0} .training-calendar-card.is-extra>p{margin:0;color:var(--muted);font-size:.86rem} .training-calendar-card.is-extra .training-card-link{margin:0;padding:14px 0 14px 20px;border-top:0;border-left:1px solid rgba(43,32,26,.14);min-width:170px} .training-offer-strip{grid-template-columns:repeat(2,minmax(0,1fr))} .training-faq-section .heading{display:block} .training-faq-section .heading>div{max-width:none} @media(max-width:1050px){ .training-accreditation-head,.training-preface-grid{grid-template-columns:1fr;gap:28px} .training-accreditation-grid{grid-template-columns:1fr} .training-accreditation-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)} .training-accreditation-grid article:last-child{border-bottom:0} .training-preface-copy{padding-left:24px} .training-calendar-grid{grid-template-columns:1fr} .training-calendar-card.is-extra{grid-column:auto;display:block} .training-calendar-card.is-extra .training-calendar-heading h4{margin-bottom:20px} .training-calendar-card.is-extra .training-calendar-row{padding:18px 0;border-top:1px solid var(--line)} .training-calendar-card.is-extra>p{margin-top:12px} .training-calendar-card.is-extra .training-card-link{margin-top:18px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(43,32,26,.14)} } @media(max-width:680px){ .training-accreditation-section,.training-preface-section{padding:64px 0} .training-accreditation-head h2{font-size:2.45rem} .training-accreditation-grid article{padding:23px 22px} .training-preface-grid h2{font-size:2.65rem} .training-preface-copy{padding-left:18px} .training-preface-copy p{font-size:1rem} .training-levels .path-card{min-height:0;padding:26px} .training-calendar-card{padding:23px} .training-calendar-heading h4{font-size:1.28rem} .training-calendar-row{grid-template-columns:72px 1fr;gap:8px 12px} .training-calendar-row time{grid-column:2;font-size:.82rem} .training-offer-strip{grid-template-columns:1fr} } /* v5.30 footer refinement and first-visit editorial redesign */ .om-footer-social{display:flex;justify-content:flex-end;align-items:center} .om-footer-social .om-social-list{justify-content:flex-end} .first-visit-hero>img{object-position:center 55%} .first-visit-classes .heading{margin-bottom:34px} .first-visit-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .first-visit-class-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 12px 32px rgba(43,32,26,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .first-visit-class-card:hover,.first-visit-class-card:focus-visible{transform:translateY(-5px);box-shadow:0 20px 42px rgba(43,32,26,.12);border-color:rgba(185,104,50,.42)} .first-visit-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eadbce} .first-visit-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .first-visit-class-card:hover .first-visit-card-media img,.first-visit-class-card:focus-visible .first-visit-card-media img{transform:scale(1.035)} .first-visit-card-media>span{position:absolute;left:16px;bottom:16px;padding:8px 11px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(33,24,19,.72);backdrop-filter:blur(10px);color:#fff;font-size:.76rem;font-weight:760;letter-spacing:.035em} .first-visit-card-copy{display:flex;flex:1;flex-direction:column;padding:24px} .first-visit-card-copy .kicker{margin-bottom:9px} .first-visit-card-copy h3{font-size:1.42rem;line-height:1.14;margin:0 0 12px} .first-visit-card-copy p:not(.kicker){color:var(--muted);font-size:.96rem;margin:0} .first-visit-card-copy strong{display:block;margin-top:auto;padding-top:22px;color:var(--clay-dark);font-size:.9rem} .first-visit-class-card.is-sound{background:#2b201a;color:#fff} .first-visit-class-card.is-sound .first-visit-card-copy p:not(.kicker){color:rgba(255,255,255,.72)} .first-visit-class-card.is-sound .first-visit-card-copy strong,.first-visit-class-card.is-sound .kicker{color:#efb28c} .first-visit-journey-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:center} .first-visit-journey-image{margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(43,32,26,.12)} .first-visit-journey-image img{width:100%;aspect-ratio:4/3;object-fit:cover} .first-visit-journey-image figcaption{padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem} .first-visit-timeline{margin-top:30px;border-top:1px solid var(--line)} .first-visit-timeline article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)} .first-visit-timeline article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--clay-dark);font-size:.78rem;font-weight:850} .first-visit-timeline h3{margin:0 0 5px;font-size:1.12rem} .first-visit-timeline p{margin:0;color:var(--muted);font-size:.94rem} .first-visit-quickfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0} .first-visit-quickfacts>span{padding:17px;border:1px solid var(--line);border-radius:16px;background:#faf6f1} .first-visit-quickfacts b{display:block;color:var(--clay-dark);font-size:1.05rem;letter-spacing:.04em} .first-visit-quickfacts small{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.35} .first-visit-location,.first-visit-trial{min-height:100%} @media(max-width:1120px){.first-visit-class-grid{grid-template-columns:1fr 1fr}.first-visit-journey-grid{gap:42px}} @media(max-width:820px){.first-visit-journey-grid{grid-template-columns:1fr}.first-visit-journey-image{order:2}.first-visit-quickfacts{grid-template-columns:1fr 1fr 1fr}} @media(max-width:620px){.om-footer-social{justify-content:flex-start}.om-footer-social .om-social-list{justify-content:flex-start}.first-visit-class-grid{grid-template-columns:1fr}.first-visit-card-copy{padding:21px}.first-visit-card-copy h3{font-size:1.3rem}.first-visit-journey-grid{gap:30px}.first-visit-timeline article{grid-template-columns:42px 1fr;gap:14px}.first-visit-timeline article>span{width:38px;height:38px}.first-visit-quickfacts{grid-template-columns:1fr}.first-visit-final h2 br{display:none}} /* v5.31 compact pathways, refined first-visit cards, and training visual practice */ .home-pathways-section{padding:72px 0} .home-pathways-section .heading{align-items:center;margin-bottom:26px} .home-pathways-section .heading>p{max-width:390px;margin:0} .home-pathways-section .title-stack{font-size:clamp(2.25rem,4.1vw,3.9rem);line-height:1.02} .home-pathways-section .pillar-cards{gap:16px} .home-pathways-section .visual-card{border-radius:20px} .home-pathways-section .visual-card img{aspect-ratio:16/10} .home-pathways-section .visual-card .body{padding:18px 20px 20px} .home-pathways-section .visual-card h3{font-size:1.28rem;margin:5px 0 6px} .home-pathways-section .visual-card p{font-size:.88rem;line-height:1.6;margin:0} .home-pathways-section .visual-card strong{margin-top:10px} .training-practice-visual{padding:82px 0;background:#fff} .training-practice-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:54px;align-items:end;margin-bottom:30px} .training-practice-intro h2{font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:1.03;letter-spacing:-.05em;margin:0} .training-practice-intro>p:last-child{color:var(--muted);font-size:1rem;margin:0;max-width:620px} .training-practice-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(220px,1fr));gap:16px} .training-practice-gallery figure{position:relative;margin:0;min-height:250px;overflow:hidden;border-radius:22px;background:var(--walnut)} .training-practice-gallery .training-practice-main{grid-row:1/3;min-height:520px} .training-practice-gallery img{width:100%;height:100%;object-fit:cover} .training-practice-main img{object-position:center} .training-practice-gallery figure:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(29,18,13,.88),transparent)} .training-practice-gallery figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;color:#fff;display:grid;gap:3px} .training-practice-gallery figcaption strong{font-size:1.02rem} .training-practice-gallery figcaption>span{font-size:.78rem;color:rgba(255,255,255,.72)} @media(max-width:900px){ .training-practice-intro{grid-template-columns:1fr;gap:20px} .training-practice-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto} .training-practice-gallery .training-practice-main{grid-column:1/3;grid-row:auto;min-height:430px} } @media(max-width:680px){ .home-pathways-section{padding:54px 0} .home-pathways-section .heading{margin-bottom:22px} .home-pathways-section .heading>p{margin-top:14px} .home-pathways-section .visual-card img{aspect-ratio:16/9} .home-pathways-section .visual-card .body{padding:17px 18px 19px} .training-practice-visual{padding:62px 0} .training-practice-intro h2{font-size:2.55rem} .training-practice-gallery{grid-template-columns:1fr} .training-practice-gallery .training-practice-main{grid-column:auto;min-height:330px} .training-practice-gallery figure{min-height:270px} } /* v5.32 genuinely compact home pathway section */ .home-pathways-section{ padding:48px 0 52px; } .home-pathways-section .heading{ align-items:center; margin-bottom:20px; gap:30px; } .home-pathways-section .heading>div{ max-width:none; } .home-pathways-section .title-stack{ font-size:clamp(2rem,3.3vw,3.15rem); line-height:1; white-space:nowrap; } .home-pathways-section .heading>p{ max-width:430px; margin:0; font-size:.94rem; } .home-pathways-section .pillar-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; } .home-pathways-section .visual-card{ display:grid; grid-template-columns:minmax(118px,42%) minmax(0,1fr); height:210px; min-height:210px; border-radius:18px; overflow:hidden; } .home-pathways-section .visual-card img{ width:100%; height:100%!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; object-fit:cover; } .home-pathways-section .visual-card .body{ min-width:0; padding:17px 16px; display:flex; flex-direction:column; justify-content:center; } .home-pathways-section .visual-card .kicker{ margin-bottom:5px; font-size:.63rem; } .home-pathways-section .visual-card h3{ font-size:1.08rem; margin:0 0 7px; } .home-pathways-section .visual-card p{ margin:0; font-size:.88rem; line-height:1.48; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .home-pathways-section .visual-card strong{ margin-top:10px; font-size:.8rem; align-self:flex-start; } @media(max-width:900px){ .home-pathways-section .heading{ display:block; } .home-pathways-section .title-stack{ white-space:normal; } .home-pathways-section .heading>p{ margin-top:12px; } .home-pathways-section .pillar-cards{ grid-template-columns:1fr; } .home-pathways-section .visual-card{ grid-template-columns:180px minmax(0,1fr); height:170px; min-height:170px; } } @media(max-width:560px){ .home-pathways-section{ padding:42px 0 46px; } .home-pathways-section .heading{ margin-bottom:18px; } .home-pathways-section .title-stack{ font-size:2rem; } .home-pathways-section .visual-card{ grid-template-columns:122px minmax(0,1fr); height:158px; min-height:158px; } .home-pathways-section .visual-card .body{ padding:14px; } .home-pathways-section .visual-card p{ font-size:.84rem; -webkit-line-clamp:2; } .home-pathways-section .visual-card strong{ margin-top:8px; } } /* v5.32 training page refinement */ .training-practice-visual{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#faf6f1 100%)} .training-practice-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.95fr);gap:34px;align-items:end;margin-bottom:24px} .training-practice-intro h2{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-practice-intro>p:last-child{max-width:560px;color:var(--muted);font-size:.98rem} .training-practice-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-template-rows:none;align-items:stretch} .training-practice-gallery .training-practice-main{grid-row:auto;min-height:0} .training-practice-gallery figure{min-height:0;height:100%;border-radius:24px;border:1px solid rgba(49,33,25,.08);box-shadow:0 16px 36px rgba(43,30,24,.08);background:#241610;isolation:isolate} .training-practice-gallery img{display:block;aspect-ratio:4/3;object-fit:cover} .training-practice-gallery figure:after{inset:48% 0 0;background:linear-gradient(0deg,rgba(29,18,13,.9),rgba(29,18,13,.28) 56%,transparent)} .training-practice-gallery figcaption{left:18px;right:18px;bottom:16px;gap:6px} .training-practice-gallery figcaption strong{font-size:1rem;line-height:1.15} .training-practice-gallery figcaption>span{font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.82)} @media(max-width:960px){ .training-practice-intro{grid-template-columns:1fr;gap:20px} .training-practice-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .training-practice-gallery .training-practice-main{grid-column:1/-1} } @media(max-width:680px){ .training-practice-visual{padding:58px 0} .training-practice-intro h2{font-size:2.45rem} .training-practice-gallery{grid-template-columns:1fr;gap:14px} .training-practice-gallery .training-practice-main{grid-column:auto} .training-practice-gallery figure{border-radius:20px} .training-practice-gallery img{aspect-ratio:1.28/1} .training-practice-gallery figcaption{left:16px;right:16px;bottom:14px} .training-practice-gallery figcaption>span{font-size:.79rem} } /* v5.33 compact curriculum */ .training-curriculum-compact{padding:78px 0;background:#fff} .training-curriculum-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:42px;align-items:end;margin-bottom:28px} .training-curriculum-head h2{font-size:clamp(2.35rem,4.5vw,4.25rem);line-height:1.04;letter-spacing:-.045em;margin:0} .training-curriculum-head>p{max-width:520px;margin:0;color:var(--muted);font-size:.98rem} .training-curriculum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .training-curriculum-card{position:relative;min-height:230px;padding:24px 22px 20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden} .training-curriculum-card:nth-child(even){background:#f4e9df} .training-curriculum-card.is-wide{grid-column:span 2} .training-curriculum-no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ead5c6;color:var(--clay-dark);font-size:.73rem;font-weight:850;letter-spacing:.08em} .training-curriculum-card h3{font-size:1.18rem;margin:20px 0 13px} .training-curriculum-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px} .training-curriculum-card li{position:relative;padding-left:16px;color:var(--muted);font-size:.86rem;line-height:1.52} .training-curriculum-card li:before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--clay)} .training-curriculum-note{margin:18px 0 0;color:var(--muted);font-size:.8rem} /* v5.33 about page image composition */ .about-philosophy-visual{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(150px,.72fr);grid-template-rows:1fr 1fr;gap:12px;min-height:520px} .about-philosophy-visual figure{position:relative;margin:0;overflow:hidden;border-radius:22px;background:var(--paper2)} .about-philosophy-visual .about-philosophy-main{grid-row:1/3} .about-philosophy-visual img,.philosophy-layout .about-philosophy-visual img{width:100%;height:100%;min-height:0;object-fit:cover} .about-philosophy-main img{object-position:center} .about-philosophy-visual figure:nth-child(2) img{object-position:center 45%} .about-philosophy-visual figure:nth-child(3) img{object-position:center} @media(max-width:960px){ .training-curriculum-head{grid-template-columns:1fr;gap:16px} .training-curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .training-curriculum-card.is-wide{grid-column:auto} .training-curriculum-card:last-child{grid-column:1/-1} .about-philosophy-visual{min-height:430px} } @media(max-width:680px){ .training-curriculum-compact{padding:58px 0} .training-curriculum-head{margin-bottom:20px} .training-curriculum-head h2{font-size:2.45rem} .training-curriculum-grid{display:flex;overflow-x:auto;gap:12px;margin-right:calc((100vw - var(--shell))/ -2);padding-right:18px;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin} .training-curriculum-card,.training-curriculum-card:last-child{flex:0 0 min(82vw,330px);min-height:218px;grid-column:auto;scroll-snap-align:start} .training-curriculum-note{margin-top:10px} .about-philosophy-visual{grid-template-columns:1fr 1fr;grid-template-rows:270px 150px;min-height:0;margin-top:22px} .about-philosophy-visual .about-philosophy-main{grid-column:1/3;grid-row:auto} .about-philosophy-visual figure{border-radius:18px} } /* v5.34 homepage mobile hero focal point */ @media (max-width:680px){ .home .hero-media img{ object-position:72% center; animation:none; } } /* ========================================================= v5.35 Resonance loader The official OM logo remains an untouched image layer. ========================================================= */ .js .om-site-loader{ overflow:hidden; background: radial-gradient(circle at 50% 43%,rgba(255,255,255,.96) 0 16%,rgba(250,247,242,.9) 42%,rgba(237,226,213,.94) 100%); } .js .om-site-loader::before{ inset:-35%; background:conic-gradient(from 90deg at 50% 50%,transparent 0 22%,rgba(185,104,50,.08) 32%,transparent 42% 64%,rgba(43,32,26,.035) 75%,transparent 84%); transform:none; animation:omLoaderDrift 7s linear infinite; } .js .om-site-loader::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.45; background-image:radial-gradient(rgba(43,32,26,.12) .55px,transparent .55px); background-size:8px 8px; mask-image:linear-gradient(to bottom,transparent,black 26%,black 72%,transparent); } .om-loader-inner{ gap:14px; padding:24px; } .om-loader-scene{ position:relative; width:220px; height:196px; display:grid; place-items:center; } .om-loader-disc{ position:absolute; z-index:5; top:36px; left:50%; width:100px; height:100px; transform:translateX(-50%); display:grid; place-items:center; border-radius:50%; background:rgba(255,253,249,.9); border:1px solid rgba(43,32,26,.1); box-shadow:0 22px 54px rgba(43,32,26,.14),0 0 0 10px rgba(255,255,255,.28); animation:omLoaderBreath 1.8s ease-in-out infinite; } .om-loader-disc img{ display:block; width:84px; height:84px; object-fit:contain; } .om-loader-orbit{ position:absolute; z-index:4; top:20px; left:50%; width:132px; height:132px; margin-left:-66px; border:1px solid rgba(185,104,50,.19); border-top-color:rgba(185,104,50,.58); border-radius:50%; animation:omLoaderOrbit 2.8s linear infinite; } .om-loader-orbit i{ position:absolute; top:5px; left:25px; width:8px; height:8px; border-radius:50%; background:#b96832; box-shadow:0 0 0 6px rgba(185,104,50,.1); } .om-loader-bowl-line{ position:absolute; z-index:3; left:50%; bottom:29px; width:142px; height:42px; transform:translateX(-50%); border-bottom:2px solid rgba(139,86,56,.58); border-radius:0 0 80px 80px; } .om-loader-bowl-line::before, .om-loader-bowl-line::after{ content:""; position:absolute; bottom:-7px; width:10px; height:10px; border-radius:50%; background:rgba(185,104,50,.7); } .om-loader-bowl-line::before{left:2px} .om-loader-bowl-line::after{right:2px} .om-loader-halo{ position:absolute; z-index:2; left:50%; bottom:30px; width:92px; height:38px; margin-left:-46px; border:1px solid rgba(185,104,50,.38); border-radius:50%; opacity:0; animation:omLoaderHalo 2.15s cubic-bezier(.18,.72,.2,1) infinite; } .om-loader-halo.halo-two{animation-delay:.52s} .om-loader-halo.halo-three{animation-delay:1.04s} .om-loader-pulse{ height:28px; display:flex; align-items:center; justify-content:center; gap:5px; } .om-loader-pulse span{ width:3px; height:20px; border-radius:999px; background:linear-gradient(to top,#8b5638,#d28a5b); transform-origin:center; animation:omLoaderPulse 1.15s ease-in-out infinite; } .om-loader-pulse span:nth-child(1),.om-loader-pulse span:nth-child(9){height:7px;animation-delay:.32s} .om-loader-pulse span:nth-child(2),.om-loader-pulse span:nth-child(8){height:12px;animation-delay:.22s} .om-loader-pulse span:nth-child(3),.om-loader-pulse span:nth-child(7){height:18px;animation-delay:.12s} .om-loader-pulse span:nth-child(4),.om-loader-pulse span:nth-child(6){height:25px;animation-delay:.04s} .om-loader-pulse span:nth-child(5){height:14px} .om-loader-inner p{ margin:0; color:rgba(43,32,26,.66); font-size:.78rem; font-weight:700; letter-spacing:.13em; text-transform:none; } @keyframes omLoaderDrift{to{transform:rotate(360deg)}} @keyframes omLoaderBreath{0%,100%{transform:translateX(-50%) scale(.96)}50%{transform:translateX(-50%) scale(1.035)}} @keyframes omLoaderOrbit{to{transform:rotate(360deg)}} @keyframes omLoaderHalo{0%{transform:scale(.35);opacity:0}18%{opacity:.7}100%{transform:scale(2.1);opacity:0}} @keyframes omLoaderPulse{0%,100%{transform:scaleY(.38);opacity:.45}50%{transform:scaleY(1);opacity:1}} @media(max-width:560px){ .om-loader-scene{width:190px;height:174px} .om-loader-disc{top:31px;width:90px;height:90px} .om-loader-disc img{width:76px;height:76px} .om-loader-orbit{top:18px;width:116px;height:116px;margin-left:-58px} .om-loader-bowl-line{width:124px;bottom:27px} .om-loader-halo{bottom:28px} } @media(prefers-reduced-motion:reduce){ .js .om-site-loader::before, .om-loader-disc, .om-loader-orbit, .om-loader-halo, .om-loader-pulse span{animation:none!important} .om-loader-halo{display:none} .om-loader-orbit{border-color:rgba(185,104,50,.22)} .om-loader-pulse span{transform:scaleY(.55);opacity:.72} } /* v5.36 training enrolment schedule */ .training-intake-head{padding:78px 0 126px} .training-intake-head .shell{grid-template-columns:minmax(0,.9fr) minmax(340px,.8fr);gap:56px} .training-intake-head h2{font-size:clamp(3rem,5.2vw,5rem)} .training-intake-head>.shell>p{max-width:590px;font-size:1.02rem;line-height:1.75} .training-schedule-block{padding:38px} .training-schedule-block .training-subhead{align-items:end;margin-bottom:18px} .training-schedule-block .training-subhead>div h3{font-size:2.15rem;margin:0} .training-schedule-block .training-subhead>p{max-width:500px;margin:0;color:var(--muted);font-size:.94rem} .training-schedule-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 24px;padding:13px 15px;border-radius:14px;background:#f7f0e9;color:var(--muted);font-size:.8rem} .training-schedule-legend>span{display:flex;align-items:center;gap:8px} .training-schedule-legend i{display:block;width:9px;height:9px;border-radius:50%;background:#c5b5a8} .training-schedule-legend .is-confirmed i{background:var(--clay)} .training-schedule-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.78fr);gap:18px;align-items:start} .training-schedule-side{display:grid;gap:18px} .training-track-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper)} .training-track-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 23px;border-bottom:1px solid var(--line);background:#f8f2ec} .training-track-level1 .training-track-head{background:var(--walnut);color:#fff;border-bottom-color:rgba(255,255,255,.12)} .training-track-code{display:block;color:var(--clay-dark);font-size:.7rem;font-weight:900;letter-spacing:.15em} .training-track-level1 .training-track-code{color:#efb28e} .training-track-head h4{font-size:1.25rem;margin:7px 0 3px} .training-track-head p{margin:0;color:var(--muted);font-size:.8rem} .training-track-level1 .training-track-head p{color:rgba(255,255,255,.7)} .training-track-head>strong{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(139,86,56,.22);border-radius:999px;color:var(--clay-dark);font-size:.67rem;letter-spacing:.11em} .training-track-level1 .training-track-head>strong{border-color:rgba(255,255,255,.22);color:#fff} .training-date-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0} .training-date-item{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;min-height:118px;padding:17px 18px;border-bottom:1px solid var(--line);background:#fff} .training-date-item:nth-child(odd){border-right:1px solid var(--line)} .training-date-item:nth-last-child(-n+2){border-bottom:0} .training-date-item.is-confirmed{background:#fbf1e9;box-shadow:inset 3px 0 0 var(--clay)} .training-date-badge{display:grid;place-items:center;align-content:center;width:58px;height:76px;border:1px solid var(--line);border-radius:13px;background:#f8f3ee;text-align:center} .training-date-item.is-confirmed .training-date-badge{border-color:rgba(185,107,72,.34);background:#fff} .training-date-badge span{font-size:.62rem;font-weight:900;letter-spacing:.13em;color:var(--clay-dark)} .training-date-badge strong{font-size:1.5rem;line-height:1.05;color:var(--walnut)} .training-date-badge small{font-size:.62rem;color:var(--muted)} .training-date-info{min-width:0} .training-date-info h5{font-size:.94rem;line-height:1.35;margin:7px 0 5px} .training-date-info p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45} .training-status{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:#eee5de;color:#715f54;font-size:.62rem;font-weight:850;letter-spacing:.03em} .training-date-item.is-confirmed .training-status{background:var(--clay);color:#fff} .training-compact-dates{display:grid} .training-compact-dates article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff} .training-compact-dates article:last-child{border-bottom:0} .training-compact-dates article>div{display:grid;gap:3px} .training-compact-dates strong{font-size:.88rem;line-height:1.4} .training-compact-dates small{color:var(--muted);font-size:.73rem} .training-compact-dates time{font-size:.75rem;font-weight:780;color:var(--clay-dark)} .training-compact-dates .training-status{grid-column:1/3;justify-self:start} .training-schedule-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)} .training-schedule-footer p{max-width:670px;margin:0;color:var(--muted);font-size:.8rem;line-height:1.6} .training-schedule-footer .btn{flex:0 0 auto} @media(max-width:1040px){ .training-schedule-layout{grid-template-columns:1fr} .training-schedule-side{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .training-intake-head{padding:64px 0 104px} .training-intake-head .shell{grid-template-columns:1fr;gap:22px} .training-intake-head h2{font-size:3rem} .training-schedule-block{padding:22px;border-radius:22px} .training-schedule-block .training-subhead{display:block} .training-schedule-block .training-subhead>p{margin-top:10px} .training-schedule-layout,.training-schedule-side{grid-template-columns:1fr} .training-date-list-grid{grid-template-columns:1fr} .training-date-item,.training-date-item:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)} .training-date-item:last-child{border-bottom:0} .training-schedule-footer{display:block} .training-schedule-footer .btn{width:100%;margin-top:16px} } @media(max-width:420px){ .training-track-head{padding:19px 18px} .training-track-head>strong{display:none} .training-date-item{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:15px} .training-date-badge{width:52px;height:70px} .training-compact-dates article{grid-template-columns:1fr;padding:16px 17px} .training-compact-dates time,.training-compact-dates .training-status{grid-column:1} } /* v5.38 training time clarity */ .training-time-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-10px 0 24px} .training-time-key>span{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff} .training-time-key b{font-size:.78rem;color:var(--muted)} .training-time-key strong{font-size:.9rem;color:var(--clay-dark);white-space:nowrap} .training-session-times{min-width:172px;display:grid!important;gap:7px!important} .training-session-times>span{display:flex;align-items:center;justify-content:space-between;gap:14px} .training-session-times b{font-size:.7rem;color:var(--muted);font-weight:720} .training-session-times time{font-size:.78rem!important;white-space:nowrap} @media(max-width:680px){ .training-time-key{grid-template-columns:1fr;margin-top:-8px} .training-time-key>span{padding:12px 14px} .training-session-times{min-width:0;margin-top:7px;padding-top:10px;border-top:1px solid var(--line)} .training-session-times>span{justify-content:flex-start} .training-session-times b{min-width:112px} } /* v5.38 confirmed schedule and intensive-day clarity */ .training-date-note{display:block;margin-top:5px;color:var(--clay-dark);font-size:.68rem;font-weight:780;line-height:1.35} .training-date-item.is-intensive-day{min-height:132px} .training-compact-dates article.is-confirmed{background:#fbf1e9;box-shadow:inset 3px 0 0 var(--clay)} .training-compact-dates article.is-confirmed .training-status{background:var(--clay);color:#fff} @media(max-width:760px){.training-date-item.is-intensive-day{min-height:0}} /* ============================================================ v5.39 preview: class submenu + corporate/private landing pages ============================================================ */ .nav details.nav-dropdown{position:relative;display:flex;align-items:center} .nav details.nav-dropdown>summary{list-style:none;cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:760;padding:23px 5px 21px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:5px;white-space:nowrap} .nav details.nav-dropdown>summary::-webkit-details-marker{display:none} .nav details.nav-dropdown>summary:after{content:"⌄";font-size:.72rem;transition:transform .2s ease} .nav details.nav-dropdown[open]>summary:after{transform:rotate(180deg)} .nav details.nav-dropdown[open]>summary,.nav details.nav-dropdown>summary:hover{color:var(--clay-dark);border-color:var(--clay)} .nav-dropdown-panel{position:absolute;z-index:90;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:242px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(251,247,242,.98);box-shadow:0 18px 48px rgba(43,30,24,.14);backdrop-filter:blur(18px)} .nav .nav-dropdown-panel a{display:grid;gap:2px;padding:11px 12px;border:0;border-radius:11px;color:var(--walnut);font-size:.84rem;text-decoration:none} .nav .nav-dropdown-panel a:hover,.nav .nav-dropdown-panel a:focus{background:#efe2d7;color:var(--clay-dark)} .nav .nav-dropdown-panel a small{font-size:.68rem;color:var(--muted);font-weight:560} .mobile-nav details.preview-mobile-group{border-bottom:1px solid var(--line)} .mobile-nav details.preview-mobile-group>summary{list-style:none;padding:16px 20px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center} .mobile-nav details.preview-mobile-group>summary::-webkit-details-marker{display:none} .mobile-nav details.preview-mobile-group>summary:after{content:"+";font-size:1.1rem;color:var(--clay-dark)} .mobile-nav details.preview-mobile-group[open]>summary:after{content:"−"} .mobile-nav .preview-mobile-links{display:grid;padding:0 14px 14px} .mobile-nav .preview-mobile-links a{padding:11px 14px;border-radius:11px;border-bottom:0;background:#f5ece4;margin-top:6px} .service-preview-hero{min-height:650px} .service-preview-hero>img{object-position:center 44%} .service-preview-hero .shell{max-width:1180px;padding-top:130px;padding-bottom:92px} .service-preview-hero h1{max-width:820px;font-size:clamp(3.1rem,6vw,6.2rem);line-height:.96;letter-spacing:-.06em} .service-preview-hero .hero-copy{max-width:680px;font-size:1.06rem;color:rgba(255,255,255,.8)} .service-preview-hero .actions{margin-top:28px} .service-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px} .service-facts span{padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(36,22,16,.36);color:rgba(255,255,255,.84);font-size:.77rem;font-weight:720;backdrop-filter:blur(10px)} .service-intro{padding:78px 0 62px;background:var(--paper)} .service-intro-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(340px,1.14fr);gap:70px;align-items:end} .service-intro h2{font-size:clamp(2.55rem,4.8vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:0} .service-intro-copy{display:grid;gap:18px} .service-intro-copy>p{margin:0;color:var(--muted);font-size:1.02rem} .service-mini-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .service-mini-points div{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff} .service-mini-points strong{display:block;font-size:.92rem} .service-mini-points span{display:block;margin-top:4px;color:var(--muted);font-size:.77rem;line-height:1.45} .service-options{padding:76px 0;background:#f3e8df} .service-section-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,.78fr);gap:48px;align-items:end;margin-bottom:28px} .service-section-head h2{font-size:clamp(2.45rem,4.5vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:0} .service-section-head>p{color:var(--muted);margin:0} .service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .service-card{position:relative;min-height:410px;border-radius:23px;overflow:hidden;background:var(--walnut);box-shadow:0 16px 34px rgba(43,30,24,.09)} .service-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .service-card:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(0deg,rgba(31,20,15,.96),rgba(31,20,15,.28) 58%,transparent)} .service-card-body{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff} .service-card-body small{font-size:.68rem;letter-spacing:.14em;font-weight:850;color:#f0b18c} .service-card-body h3{font-size:1.38rem;margin:8px 0 8px} .service-card-body p{margin:0;color:rgba(255,255,255,.76);font-size:.88rem;line-height:1.6} .service-flow{padding:76px 0;background:#fff} .service-flow-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:64px;align-items:start} .service-flow h2{font-size:clamp(2.45rem,4.4vw,4.3rem);line-height:1.02;letter-spacing:-.05em;margin:0} .service-flow-intro>p:last-child{color:var(--muted);margin-top:18px} .service-timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper)} .service-timeline article{padding:24px 20px;min-height:190px;border-right:1px solid var(--line)} .service-timeline article:last-child{border-right:0} .service-timeline span{display:block;color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.13em} .service-timeline strong{display:block;margin-top:30px;font-size:1.04rem} .service-timeline p{margin:7px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55} .service-note{margin-top:14px;color:var(--muted);font-size:.78rem} .service-tailor{padding:76px 0;background:var(--walnut);color:#fff} .service-tailor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:58px;align-items:center} .service-tailor-media{position:relative;min-height:440px;border-radius:24px;overflow:hidden} .service-tailor-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .service-tailor-copy h2{font-size:clamp(2.45rem,4.5vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:0} .service-tailor-copy>p{color:rgba(255,255,255,.7);margin:18px 0 22px} .service-chip-list{display:flex;flex-wrap:wrap;gap:9px} .service-chip-list span{padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:rgba(255,255,255,.82);font-size:.77rem} .private-options .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .private-options .service-card{min-height:360px} .private-how{padding:76px 0;background:#fff} .private-how-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:66px;align-items:start} .private-how h2{font-size:clamp(2.45rem,4.4vw,4.3rem);line-height:1.02;letter-spacing:-.05em;margin:0} .private-steps{display:grid;gap:12px} .private-step{display:grid;grid-template-columns:56px 1fr;gap:17px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper)} .private-step>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ead7c8;color:var(--clay-dark);font-weight:850} .private-step h3{font-size:1.08rem;margin:1px 0 5px} .private-step p{margin:0;color:var(--muted);font-size:.88rem} .private-practical{padding:66px 0;background:#f3e8df} .private-practical-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff} .private-practical-grid article{padding:24px;border-right:1px solid var(--line)} .private-practical-grid article:last-child{border-right:0} .private-practical-grid small{font-size:.68rem;letter-spacing:.13em;color:var(--clay-dark);font-weight:850} .private-practical-grid strong{display:block;margin-top:18px;font-size:1.04rem} .private-practical-grid p{margin:6px 0 0;color:var(--muted);font-size:.82rem} .service-crosslink{padding:52px 0;background:#fff} .service-crosslink a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 30px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--walnut);background:var(--paper)} .service-crosslink a:hover{border-color:#d6aa8f;background:#f5e8de} .service-crosslink strong{font-size:1.25rem} .service-crosslink span{color:var(--muted);font-size:.88rem} .service-crosslink b{font-size:1.35rem;color:var(--clay-dark)} @media(max-width:1040px){ .nav details.nav-dropdown>summary{padding-inline:3px} .service-intro-grid,.service-section-head,.service-flow-grid,.service-tailor-grid,.private-how-grid{grid-template-columns:1fr;gap:30px} .service-card-grid{grid-template-columns:1fr 1fr} .service-card-grid .service-card:last-child{grid-column:1/-1;min-height:330px} .service-flow-grid{gap:28px} .service-tailor-media{min-height:380px} } @media(max-width:760px){ .service-preview-hero{min-height:610px} .service-preview-hero .shell{padding-top:118px;padding-bottom:66px} .service-preview-hero h1{font-size:clamp(2.65rem,12vw,4rem)} .service-preview-hero .hero-copy{font-size:.98rem} .service-facts{display:grid;grid-template-columns:1fr 1fr} .service-facts span{text-align:center} .service-intro,.service-options,.service-flow,.service-tailor,.private-how{padding:58px 0} .service-mini-points{grid-template-columns:1fr} .service-card-grid,.private-options .service-card-grid{grid-template-columns:1fr} .service-card-grid .service-card:last-child{grid-column:auto} .service-card,.private-options .service-card{min-height:330px} .service-timeline{grid-template-columns:1fr 1fr} .service-timeline article{min-height:160px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)} .service-timeline article:nth-child(2n){border-right:0} .service-timeline article:nth-last-child(-n+2){border-bottom:0} .service-tailor-media{min-height:310px} .private-practical-grid{grid-template-columns:1fr 1fr} .private-practical-grid article{border-bottom:1px solid var(--line)} .private-practical-grid article:nth-child(2n){border-right:0} .private-practical-grid article:nth-last-child(-n+2){border-bottom:0} .service-crosslink a{padding:22px;align-items:flex-start} } @media(max-width:480px){ .service-facts{grid-template-columns:1fr} .service-timeline{grid-template-columns:1fr} .service-timeline article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:0} .service-timeline article:last-child{border-bottom:0!important} .private-practical-grid{grid-template-columns:1fr} .private-practical-grid article{border-right:0;border-bottom:1px solid var(--line)!important} .private-practical-grid article:last-child{border-bottom:0!important} } .private-hero>img{object-position:70% 48%} @media(max-width:760px){.private-hero>img{object-position:67% 48%}} /* v5.40 official services and navigation */ .nav-dropdown-panel a[aria-current="page"]{background:#efe2d7;color:var(--clay-dark)} .mobile-nav .preview-mobile-links a[aria-current="page"]{background:#e9d6c7;color:var(--clay-dark)} .service-entry-section{padding-top:72px;padding-bottom:78px} .service-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .service-entry-card{display:grid;grid-template-columns:minmax(180px,.78fr) minmax(0,1.22fr);min-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);text-decoration:none;color:var(--walnut);box-shadow:0 14px 36px rgba(43,30,24,.07)} .service-entry-card img{width:100%;height:100%;object-fit:cover} .service-entry-card-body{display:flex;flex-direction:column;justify-content:center;padding:30px} .service-entry-card-body small{color:var(--clay-dark);font-size:.72rem;font-weight:850;letter-spacing:.13em} .service-entry-card-body h3{margin:16px 0 10px;font-size:1.75rem;line-height:1.13} .service-entry-card-body p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.7} .service-entry-card-body strong{margin-top:22px;color:var(--clay-dark);font-size:.88rem} @media(max-width:900px){.service-entry-card{grid-template-columns:1fr}.service-entry-card img{aspect-ratio:16/9}.service-entry-card-body{padding:24px}.service-entry-card-body h3{font-size:1.55rem}} @media(max-width:680px){.service-entry-section{padding-top:58px;padding-bottom:60px}.service-entry-grid{grid-template-columns:1fr}.service-entry-card{min-height:0;border-radius:20px}.service-entry-card img{aspect-ratio:1.5/1}.service-entry-card-body{padding:22px}.service-entry-card-body h3{font-size:1.45rem}} /* ============================================================ v5.41 navigation: icon-led classes menu ============================================================ */ .nav details.nav-dropdown{position:relative;display:flex;align-items:stretch} .nav details.nav-dropdown>summary{position:relative;list-style:none;cursor:pointer;color:#56483f;font-size:.9rem;font-weight:720;padding:25px 3px 23px;display:flex;align-items:center;gap:6px;white-space:nowrap;outline-offset:5px} .nav details.nav-dropdown>summary::-webkit-details-marker{display:none} .nav details.nav-dropdown>summary::before{content:"";position:absolute;left:50%;bottom:13px;width:5px;height:5px;border-radius:50%;background:var(--clay);opacity:0;transform:translate(-50%,4px);transition:.2s ease} .nav details.nav-dropdown>summary:hover,.nav details.nav-dropdown>summary:focus-visible,.nav details.nav-dropdown.has-active>summary,.nav details.nav-dropdown[open]>summary{color:var(--clay-dark)} .nav details.nav-dropdown>summary:hover::before,.nav details.nav-dropdown.has-active>summary::before,.nav details.nav-dropdown[open]>summary::before{opacity:1;transform:translate(-50%,0)} .nav-caret{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#eee1d6;color:var(--clay-dark);transition:transform .22s ease,background .22s ease} .nav-caret svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .nav details.nav-dropdown[open] .nav-caret{transform:rotate(180deg);background:#e5c8b5} .nav-dropdown-panel{position:absolute;z-index:90;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(570px,calc(100vw - 36px));padding:18px;border:1px solid rgba(43,32,26,.11);border-radius:24px;background:rgba(251,247,242,.985);box-shadow:0 24px 62px rgba(43,30,24,.16);backdrop-filter:blur(20px)} .nav-dropdown-panel::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:rgba(251,247,242,.985);border-left:1px solid rgba(43,32,26,.11);border-top:1px solid rgba(43,32,26,.11);transform:translateX(-50%) rotate(45deg)} .nav-dropdown-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:3px 4px 14px;border-bottom:1px solid var(--line)} .nav-dropdown-heading>span{font-size:.61rem;letter-spacing:.18em;font-weight:850;color:var(--clay-dark)} .nav-dropdown-heading strong{font-size:1.02rem;letter-spacing:-.02em} .nav-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px} .nav .nav-dropdown-panel a.nav-service-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:76px;padding:11px;border:1px solid transparent;border-radius:16px;color:var(--walnut);text-decoration:none;text-transform:none;letter-spacing:0;background:transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease} .nav .nav-dropdown-panel a.nav-service-card::after{display:none!important} .nav .nav-dropdown-panel a.nav-service-card:hover,.nav .nav-dropdown-panel a.nav-service-card:focus-visible{background:#f1e4da;border-color:#e4c9b7;transform:translateY(-1px)} .nav .nav-dropdown-panel a.nav-service-card.active{background:#ead7c8;border-color:#d9af95;color:var(--clay-dark)} .nav .nav-dropdown-panel a.nav-service-guide{grid-column:1/-1;background:#f6eee7;border-color:rgba(43,32,26,.08)} .nav-service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ead7c8;color:var(--clay-dark)} .nav-service-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .nav-service-copy{display:grid;min-width:0} .nav-service-copy strong{font-size:.88rem;line-height:1.2} .nav-service-copy small{margin-top:4px;color:var(--muted);font-size:.68rem;font-weight:560;line-height:1.35} .nav-service-arrow{display:grid;place-items:center;color:#a06a50;opacity:.5;transition:opacity .2s ease,transform .2s ease} .nav-service-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .nav-service-card:hover .nav-service-arrow,.nav-service-card:focus-visible .nav-service-arrow{opacity:1;transform:translate(1px,-1px)} .mobile-nav details.mobile-class-group{border-bottom:1px solid var(--line)} .mobile-nav details.mobile-class-group>summary{list-style:none;padding:15px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:800} .mobile-nav details.mobile-class-group>summary::-webkit-details-marker{display:none} .mobile-class-toggle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee1d6;color:var(--clay-dark);transition:transform .22s ease} .mobile-class-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mobile-class-group[open] .mobile-class-toggle{transform:rotate(180deg)} .mobile-class-links{display:grid;gap:8px;padding:0 0 16px} .mobile-nav .mobile-class-links a.nav-service-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none} .mobile-nav .mobile-class-links a.nav-service-card.active{background:#ead7c8;border-color:#d9af95;color:var(--clay-dark)} .mobile-nav .mobile-class-links a.nav-service-card::after{display:none!important} .mobile-nav .mobile-class-links .nav-service-copy strong{font-size:.91rem} .mobile-nav .mobile-class-links .nav-service-copy small{display:block;font-size:.72rem} .mobile-nav .mobile-class-links .nav-service-arrow{opacity:.7} @media(max-width:1180px){.nav details.nav-dropdown>summary{font-size:.84rem}} /* v5.41 legacy submenu reset */ .nav details.nav-dropdown>summary{border-bottom:0!important} .nav details.nav-dropdown>summary::after{content:none!important;display:none!important} .nav .nav-dropdown-panel a.active::after,.nav .nav-dropdown-panel a[aria-current="page"]::after{display:none!important} /* v5.42.3 footer utility and enquiry icon */ .om-location-install{margin-top:14px;width:100%;max-width:360px;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.12);cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease} .om-location-install[hidden]{display:none!important}.om-location-install:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34)} .om-install-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#fff7ef;color:#9a4f35}.om-install-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .om-install-copy{display:grid;gap:2px;min-width:0}.om-install-copy strong{font-size:.82rem;letter-spacing:.02em}.om-install-copy small{font-size:.69rem;line-height:1.35;color:rgba(255,255,255,.64)}.om-install-arrow{margin-left:auto;font-size:1.2rem;color:#f3c7ab} .guide-question{width:27px!important;height:27px!important;right:-1px!important;top:-2px!important;padding:0!important}.guide-question svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .classes-page .direction-heading{margin-bottom:34px}.classes-page .direction-heading .kicker{margin-bottom:10px} @media(max-width:720px){.om-location-install{max-width:none}.om-install-copy small{font-size:.67rem}} /* v5.42.4 UX refinements */ .utility .shell{justify-content:flex-end} /* Present service facts as one structured panel instead of overlapping pills. */ .service-preview-hero .service-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; width:min(720px,100%); margin-top:28px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:18px; background:rgba(31,19,14,.44); backdrop-filter:blur(12px); } .service-preview-hero .service-facts>span{ display:flex; align-items:center; justify-content:center; min-height:52px; padding:11px 14px; border:0; border-radius:0; background:transparent; color:rgba(255,255,255,.88); text-align:center; font-size:.76rem; line-height:1.35; } .service-preview-hero .service-facts>span+span{border-left:1px solid rgba(255,255,255,.18)} /* Tailored details now read as practical information cards, not rounded chips. */ .service-tailor .service-chip-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .service-tailor .service-chip-list>span{ position:relative; display:flex; align-items:center; min-height:48px; padding:11px 14px 11px 34px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(255,255,255,.055); color:rgba(255,255,255,.86); font-size:.77rem; line-height:1.35; } .service-tailor .service-chip-list>span:before{ content:''; position:absolute; left:14px; width:8px; height:8px; border-radius:50%; background:#e9a57d; box-shadow:0 0 0 4px rgba(233,165,125,.12); } /* Keep all class-overview images at one clear, consistent height. */ .class-overview-grid .visual-card>img{ width:100%; height:270px; aspect-ratio:auto; object-fit:cover; } .class-overview-grid .visual-card.is-yoga-sound>img{object-position:center 42%} .sound-library-head-solo{grid-template-columns:1fr} .sound-library-head-solo>div{max-width:760px} @media(max-width:760px){ .service-preview-hero .service-facts{grid-template-columns:1fr} .service-preview-hero .service-facts>span{min-height:44px;justify-content:flex-start;text-align:left} .service-preview-hero .service-facts>span+span{border-left:0;border-top:1px solid rgba(255,255,255,.18)} .service-tailor .service-chip-list{grid-template-columns:1fr} .class-overview-grid .visual-card>img{height:230px} } /* v5.43 service hero refinement Keep the practical facts light and independent. No rounded container around rounded chips. */ .service-preview-hero .actions{gap:10px;align-items:center} .service-preview-hero .actions .btn{min-height:44px;padding:11px 17px;border-radius:12px;font-size:.78rem} .service-preview-hero .service-facts{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:auto; max-width:760px; margin-top:22px; overflow:visible; border:0; border-radius:0; background:transparent; backdrop-filter:none; } .service-preview-hero .service-facts>span{ display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; min-height:32px; padding:7px 11px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(31,19,14,.36); color:rgba(255,255,255,.9); text-align:center; font-size:.71rem; font-weight:720; line-height:1.2; backdrop-filter:blur(8px); box-shadow:none; } .service-preview-hero .service-facts>span+span{border-left:1px solid rgba(255,255,255,.24)} .private-options .service-card img{object-position:center center} .private-options .service-card:nth-child(1) img{object-position:center 52%} .private-options .service-card:nth-child(2) img{object-position:center 48%} .private-options .service-card:nth-child(3) img{object-position:center 50%} .private-options .service-card:nth-child(4) img{object-position:center 50%} @media(max-width:760px){ .service-preview-hero .service-facts{display:flex;grid-template-columns:none;gap:7px;margin-top:20px} .service-preview-hero .service-facts>span{width:auto;min-height:30px;justify-content:center;padding:6px 10px;text-align:center;font-size:.68rem} .service-preview-hero .service-facts>span+span{border-top:1px solid rgba(255,255,255,.24);border-left:1px solid rgba(255,255,255,.24)} .service-preview-hero .actions .btn{min-height:42px;padding:10px 14px} } /* ================================================================ OM MINDFUL V6.0 — architecture + new-page components ================================================================ */ html,body{max-width:100%;overflow-x:clip} .nav-dropdown-panel{width:min(620px,calc(100vw - 32px))} .nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:8px} .nav-dropdown-panel a.nav-service-guide{grid-column:1/-1} .nav-service-card.v6-new .nav-service-icon{background:#efe0d4;color:var(--clay-dark)} .v6-hero .shell{max-width:900px} .v6-hero .v6-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px} .meditation-hero img{object-position:center 48%} .meditation-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start} .meditation-intro .statement{font-size:clamp(1.45rem,2.7vw,2.25rem);line-height:1.5;letter-spacing:-.03em;margin:0;color:var(--ink)} .meditation-intro .copy{color:var(--muted);font-size:1.01rem} .meditation-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .meditation-path{padding:30px 27px 28px;border-top:1px solid var(--line);background:rgba(255,255,255,.44)} .meditation-path .num{display:block;color:var(--clay-dark);font-size:.68rem;font-weight:850;letter-spacing:.14em;margin-bottom:40px} .meditation-path h3{margin-bottom:12px} .meditation-path p{color:var(--muted);font-size:.91rem;margin-bottom:0} .sound-meditation-feature{display:grid;grid-template-columns:1.05fr .95fr;border-radius:28px;overflow:hidden;background:var(--walnut);color:#fff;box-shadow:var(--shadow2)} .sound-meditation-feature img{width:100%;height:100%;min-height:520px;object-fit:cover} .sound-meditation-copy{padding:52px 48px;display:flex;flex-direction:column;justify-content:center} .sound-meditation-copy .kicker{color:#efb38f} .sound-meditation-copy h2{font-size:clamp(2.25rem,4.2vw,4.2rem);line-height:1.06;margin:0 0 24px} .sound-meditation-copy p{color:rgba(255,255,255,.72)} .sound-meditation-points{display:grid;margin:22px 0 28px;border-top:1px solid rgba(255,255,255,.16)} .sound-meditation-point{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13)} .sound-meditation-point span{color:#efb38f;font-size:.68rem;font-weight:850} .meditation-bridge-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .meditation-bridge{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff} .meditation-bridge small{font-size:.64rem;letter-spacing:.14em;font-weight:850;color:var(--clay-dark)} .meditation-bridge h3{margin:18px 0 10px} .meditation-bridge p{color:var(--muted)} .yogaclasses-hero img{object-position:center 44%} .class-finder-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 34px} .class-filter{appearance:none;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--ink);padding:10px 14px;font-size:.78rem;font-weight:780;cursor:pointer;transition:.2s} .class-filter:hover,.class-filter.active{background:var(--walnut);border-color:var(--walnut);color:#fff} .v6-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .v6-class-card{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:250px;border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(43,32,26,.055);transition:.22s} .v6-class-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2)} .v6-class-card[hidden]{display:none!important} .v6-class-card img{width:100%;height:100%;object-fit:cover} .v6-class-body{padding:24px 22px;display:flex;flex-direction:column} .v6-class-body small{color:var(--clay-dark);font-size:.62rem;letter-spacing:.14em;font-weight:850} .v6-class-body h3{font-size:1.24rem;margin:10px 0 8px;letter-spacing:-.025em} .v6-class-body p{color:var(--muted);font-size:.86rem;margin:0 0 14px;line-height:1.65} .v6-class-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .v6-class-meta span{font-size:.6rem;font-weight:800;letter-spacing:.06em;padding:5px 7px;border-radius:7px;background:#f2e7de;color:#6c5143} .class-compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff} .class-compare{width:100%;border-collapse:collapse;min-width:720px} .class-compare th,.class-compare td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top} .class-compare th{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-dark);background:#f5ece4} .class-compare td{font-size:.86rem;color:var(--muted)} .class-compare td:first-child{color:var(--ink);font-weight:760} .class-compare tr:last-child td{border-bottom:0} .v6-guide-note{padding:20px 22px;border-left:3px solid var(--clay);background:#f3e8df;color:var(--muted);font-size:.9rem;margin-top:26px} .v6-crosslinks{display:grid;grid-template-columns:1fr 1fr;gap:18px} .v6-crosslink{display:grid;grid-template-columns:130px 1fr;border:1px solid var(--line);border-radius:19px;overflow:hidden;text-decoration:none;background:#fff} .v6-crosslink img{width:100%;height:100%;min-height:170px;object-fit:cover} .v6-crosslink div{padding:24px} .v6-crosslink small{display:block;color:var(--clay-dark);font-size:.62rem;letter-spacing:.14em;font-weight:850;margin-bottom:10px} .v6-crosslink strong{display:block;font-size:1.18rem;line-height:1.3} .v6-crosslink p{color:var(--muted);font-size:.84rem;margin:8px 0 0} @media(max-width:900px){ .meditation-intro,.sound-meditation-feature{grid-template-columns:1fr} .meditation-paths,.meditation-bridge-grid{grid-template-columns:1fr} .sound-meditation-feature img{min-height:360px} .v6-class-grid,.v6-crosslinks{grid-template-columns:1fr} } @media(max-width:760px){.nav-dropdown-grid{grid-template-columns:1fr}} @media(max-width:620px){ .v6-hero .shell{width:min(100% - 30px,1180px)} .meditation-intro{gap:28px} .sound-meditation-copy{padding:36px 25px} .v6-class-card{grid-template-columns:1fr} .v6-class-card img{height:210px} .v6-crosslink{grid-template-columns:105px 1fr} .v6-crosslink div{padding:20px 18px} .class-filter{font-size:.72rem;padding:9px 11px} } /* ================================================================ OM MINDFUL V6.0 PRE-RELEASE — REVIEW ROUND 2 Class Guide consolidation · Meditation UX · Mobile footer ================================================================ */ /* Mobile footer: Practice stays left; Learn + Visit stack on the right */ @media (max-width:680px){ .om-footer-nav{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:28px 20px!important; align-items:start; } .om-footer-nav .footer-practice-group{ grid-column:1; grid-row:1 / span 2; } .om-footer-nav .footer-learn-group{ grid-column:2; grid-row:1; } .om-footer-nav .footer-visit-group{ grid-column:2; grid-row:2; margin-top:4px; } .om-footer-nav .om-impact-card{ grid-column:1 / -1; grid-row:3; } } @media(max-width:330px){ .om-footer-nav{grid-template-columns:1fr!important} .om-footer-nav .footer-practice-group, .om-footer-nav .footer-learn-group, .om-footer-nav .footer-visit-group, .om-footer-nav .om-impact-card{ grid-column:1!important; grid-row:auto!important; } } /* Meditation V2 */ .meditation-hero-v2 .shell{max-width:780px} .meditation-hero-v2 h1{max-width:720px} .meditation-hero-v2 p:not(.kicker){max-width:620px} .meditation-definition-v2{padding-top:72px;padding-bottom:72px} .meditation-practice-line{ display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr); gap:48px; align-items:start; padding:28px 0 24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .meditation-practice-line strong{ font-size:clamp(1.75rem,3.4vw,3.25rem); line-height:1.08; letter-spacing:-.045em; color:var(--ink); } .meditation-practice-line span{ font-size:clamp(1.02rem,1.6vw,1.22rem); line-height:1.7; color:var(--muted); } .meditation-definition-note{ max-width:760px; color:var(--muted); margin:20px 0 0; font-size:.93rem; } .meditation-tool-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .meditation-tool-card{ min-height:470px; display:flex; flex-direction:column; padding:28px; border-radius:24px; border:1px solid var(--line); background:#fff; text-decoration:none; color:var(--ink); overflow:hidden; position:relative; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .meditation-tool-card:hover{ transform:translateY(-4px); box-shadow:0 22px 46px rgba(43,32,26,.10); border-color:rgba(185,104,50,.46); } .tool-visual{ min-height:195px; display:grid; place-items:center; margin-bottom:18px; border-radius:18px; background:linear-gradient(145deg,#f6ede6,#efe0d4); overflow:hidden; } .tool-copy{display:flex;flex-direction:column;flex:1} .tool-copy small{color:var(--clay-dark);font-size:.65rem;letter-spacing:.14em;font-weight:850} .tool-copy h3{font-size:1.45rem;margin:12px 0 10px} .tool-copy p{font-size:.88rem;line-height:1.68;color:var(--muted);margin:0 0 20px} .tool-copy strong{font-size:.82rem;color:var(--clay-dark);margin-top:auto} .breathing-visual span{ width:92px;height:92px;border-radius:50%; display:block; border:1px solid rgba(185,104,50,.5); background:rgba(255,255,255,.56); box-shadow:0 0 0 22px rgba(185,104,50,.07); animation:omBreath 5.4s ease-in-out infinite; } @keyframes omBreath{ 0%,100%{transform:scale(.82);box-shadow:0 0 0 12px rgba(185,104,50,.06)} 50%{transform:scale(1.08);box-shadow:0 0 0 34px rgba(185,104,50,.075)} } .body-visual svg{width:128px;height:128px;fill:none;stroke:#8b5638;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .body-visual .body-focus{fill:rgba(185,104,50,.25);stroke:#b96832;animation:bodyPulse 3.2s ease-in-out infinite} @keyframes bodyPulse{0%,100%{opacity:.45;transform-origin:center}50%{opacity:1}} .less-visual{position:relative} .less-card{ width:112px;height:142px;border-radius:14px;position:absolute; border:1px solid rgba(139,86,56,.28); } .less-card.back{transform:translate(14px,-9px) rotate(6deg);background:#ead5c5} .less-card.front{ display:grid;place-items:center; background:#fff;color:#b96832; font-size:4rem;font-weight:260;line-height:1; box-shadow:0 14px 30px rgba(43,32,26,.09); } .tools-source-note{ margin-top:22px; padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:16px; align-items:center; color:var(--muted); font-size:.78rem; } .tools-source-note a{color:var(--clay-dark);font-weight:780;text-decoration:none} .sound-experience-panel{ min-height:650px; position:relative; overflow:hidden; border-radius:30px; background:var(--walnut); box-shadow:var(--shadow2); } .sound-experience-panel>img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; } .sound-experience-shade{ position:absolute;inset:0; background:linear-gradient(90deg,rgba(25,15,10,.91) 0%,rgba(25,15,10,.75) 48%,rgba(25,15,10,.18) 100%); } .sound-experience-copy{ position:relative;z-index:1; width:min(650px,64%); padding:68px 58px; color:#fff; } .sound-experience-copy .kicker{color:#efb38f} .sound-experience-copy h2{ color:#fff; font-size:clamp(2.5rem,5vw,5rem); line-height:1.02; letter-spacing:-.05em; margin:0 0 24px; } .sound-experience-copy>p{color:rgba(255,255,255,.74);font-size:1rem;line-height:1.75} .sound-experience-points{ display:grid;grid-template-columns:repeat(3,1fr);gap:0; margin:32px 0; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); } .sound-experience-points>div{padding:18px 16px 18px 0} .sound-experience-points>div+div{padding-left:16px;border-left:1px solid rgba(255,255,255,.15)} .sound-experience-points small{display:block;color:#efb38f;font-size:.58rem;letter-spacing:.14em;font-weight:850;margin-bottom:7px} .sound-experience-points strong{font-size:.83rem;line-height:1.45;color:#fff} .sound-experience-copy .btn-ghost{color:#fff;border-color:rgba(255,255,255,.54);background:rgba(255,255,255,.04)} .sound-experience-copy .btn-ghost:hover{background:rgba(255,255,255,.12)} @media(max-width:900px){ .meditation-tool-grid{grid-template-columns:1fr} .meditation-tool-card{min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px} .tool-visual{min-height:190px;margin:0} .sound-experience-copy{width:78%} } @media(max-width:680px){ .meditation-definition-v2{padding-top:52px;padding-bottom:52px} .meditation-practice-line{grid-template-columns:1fr;gap:18px;padding:22px 0} .meditation-tool-card{display:flex;min-height:0;padding:20px;border-radius:20px} .tool-visual{min-height:150px;margin-bottom:18px} .tools-source-note{align-items:flex-start;flex-direction:column} .sound-experience-panel{min-height:690px;border-radius:22px} .sound-experience-shade{background:linear-gradient(0deg,rgba(25,15,10,.96) 0%,rgba(25,15,10,.76) 52%,rgba(25,15,10,.18) 100%)} .sound-experience-copy{width:100%;padding:310px 24px 30px} .sound-experience-copy h2{font-size:clamp(2.25rem,10vw,3.7rem)} .sound-experience-points{grid-template-columns:1fr} .sound-experience-points>div{padding:12px 0} .sound-experience-points>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.13)} .sound-experience-copy .actions{display:grid;grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){ .breathing-visual span,.body-visual .body-focus{animation:none!important} } /* ================================================================ OM MINDFUL V6.0 PRE-RELEASE R3 Cache-safe meditation layout + clearer Classes menu hierarchy ================================================================ */ /* Class Guide acts as the first, full-width "start here" card. */ .nav-dropdown-grid > .nav-service-guide{ grid-column:1 / -1; background:linear-gradient(135deg,#f5e9df 0%,#fbf6f2 100%); border-color:rgba(185,104,50,.28); } .nav-dropdown-grid > .nav-service-guide .nav-service-icon{ background:var(--walnut); color:#fff; } .nav-dropdown-grid > .nav-service-guide .nav-service-copy strong{ font-size:1rem; } .nav-dropdown-grid > .nav-service-guide .nav-service-copy small{ max-width:44ch; } @media(max-width:760px){ .nav-dropdown-grid > .nav-service-guide{grid-column:1} } /* Meditation rendering safeguards. These intentionally repeat the key layout rules so stale/older cascade fragments cannot collapse the new R2 sections. */ .meditation-page .meditation-tools-section .meditation-tool-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; } .meditation-page .meditation-tool-card{ width:100%; min-width:0; } .meditation-page .meditation-tool-card .tool-visual{ width:100%; } .meditation-page .sound-meditation-v2 .sound-experience-panel{ width:100%; position:relative; isolation:isolate; } .meditation-page .sound-experience-panel>img{ display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; } .meditation-page .sound-experience-shade{ position:absolute; inset:0; z-index:1; } .meditation-page .sound-experience-copy{ position:relative; z-index:2; } .meditation-page .meditation-bridge-grid{ width:100%; } @media(max-width:900px){ .meditation-page .meditation-tools-section .meditation-tool-grid{ grid-template-columns:1fr; } } @media(max-width:680px){ .meditation-page, .meditation-page main, .meditation-page section{ max-width:100%; overflow-x:clip; } .meditation-page .meditation-tool-card{ grid-template-columns:1fr; } .meditation-page .sound-experience-copy{ width:100%; } } /* ================================================================ OM MINDFUL V6.0 PRE-RELEASE R4 Meditation tools use branded photography instead of abstract animation ================================================================ */ .meditation-page .tool-photo{ min-height:0; aspect-ratio:4 / 5; padding:0; background:#eadfd5; border:1px solid rgba(185,104,50,.16); overflow:hidden; } .meditation-page .tool-photo img{ display:block; width:100%; height:100%; object-fit:cover; } .meditation-page .breath-tool .tool-photo img{ object-position:center center; } .meditation-page .body-tool .tool-photo img{ object-position:center center; } .meditation-page .less-tool .tool-photo img{ object-position:center center; } @media(max-width:900px){ .meditation-page .tool-photo{ aspect-ratio:5 / 4; } } @media(max-width:680px){ .meditation-page .tool-photo{ aspect-ratio:4 / 5; } } /* V6.0 legacy SEO article preservation pages */ .legacy-article-page{background:#fbf8f4;color:var(--ink)} .legacy-article-hero{padding:150px 0 72px;background:linear-gradient(155deg,#2d1d16,#5a3423);color:#fff;position:relative;overflow:hidden} .legacy-article-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-150px;top:-120px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)} .legacy-article-hero .shell{position:relative;z-index:1;max-width:920px} .legacy-article-hero .kicker{color:#efb38f} .legacy-article-hero h1{font-size:clamp(2.4rem,6vw,5.5rem);line-height:1.03;letter-spacing:-.055em;margin:12px 0 22px;color:#fff} .legacy-article-hero p{max-width:720px;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:1.75} .legacy-article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#efb38f} .legacy-article{padding:74px 0 88px} .legacy-article .article-shell{width:min(100% - 36px,850px);margin:auto} .legacy-article h2{font-size:clamp(1.55rem,3.2vw,2.45rem);letter-spacing:-.035em;margin:50px 0 16px} .legacy-article p,.legacy-article li{font-size:1rem;line-height:1.82;color:var(--muted)} .legacy-article ul{padding-left:1.15rem} .legacy-article .article-note{margin:28px 0;padding:22px 24px;border-left:3px solid var(--clay);background:#f3e8df;border-radius:0 14px 14px 0} .legacy-article .article-note strong{display:block;margin-bottom:6px;color:var(--ink)} .legacy-article .article-next{margin-top:58px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px} .legacy-article .article-next a{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink)} .legacy-article .article-next small{display:block;color:var(--clay-dark);font-size:.62rem;font-weight:850;letter-spacing:.12em;margin-bottom:8px} .legacy-article .article-next strong{font-size:1.05rem} @media(max-width:680px){.legacy-article-hero{padding:118px 0 56px}.legacy-article{padding:52px 0 70px}.legacy-article .article-next{grid-template-columns:1fr}}