@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(assets/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(assets/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Layout from supplied Dribbble restyling, adapted to anthracite. */ :root { --wine:#090a0c; --night:#161719; --wine-2:#2c2d2f; --accent:#F0C44F; --accent-hover:#F0C44F; --offwhite:#eaebed; --cool:#f4f5f7; --white:#ffffff; --text:#1e1f21; --secondary:#595a5c; --quiet:#9c9d9f; --line:#e7e8ea; --font:'Inter',Arial,Helvetica,sans-serif; } *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--offwhite);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #F0C44F;outline-offset:4px}::selection{background:#e3e4e6;color:#0e0f11}.site{max-width:1600px;margin:0 auto;background:var(--white);box-shadow:0 12px 100px rgba(12,10,23,.07);overflow:hidden}.wrap{width:min(1330px,calc(100% - 104px));margin:0 auto}svg{display:block}.btn{min-height:45px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 21px;font-size:12px;font-weight:750;letter-spacing:-.015em;border:1px solid transparent;line-height:1.2;transition:background .2s,transform .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#ffffff}.btn-primary:hover{background:#F0C44F}.btn-outline{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.25)}.btn-outline:hover{background:rgba(255,255,255,.1)}.btn-soft{background:#f3f4f6;color:#333436}.btn-soft:hover{background:#e7e8ea}.arrow{font-size:17px;line-height:1}.micro{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:800} /* Dark photographic hero inspired by the supplied reference */ .hero{position:relative;isolation:isolate;min-height:728px;background:#121315;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(23,25,28,.99),rgba(23,25,28,.96) 25%,rgba(23,25,28,.82) 45%,rgba(23,25,28,.12) 78%),url("assets/piano-hero.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}.hero-bg:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 74%,transparent 8%,rgba(5,4,6,.25) 83%),linear-gradient(0deg,rgba(12,9,13,.32),transparent 32%)}.hero:before{content:'';position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(125px);background:rgba(76,17,35,.23);right:-100px;top:10%} .header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;height:97px;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;line-height:1}.brand-symbol{display:grid;place-items:center;width:34px;height:41px;color:var(--accent)}.brand-symbol svg{width:35px;height:41px}.brand-letters{font-weight:900;font-size:22px;letter-spacing:-.09em}.brand-letters span{color:#F0C44F}.brand-caption{display:block;color:#d3d4d6;font-size:8px;font-weight:800;letter-spacing:.125em;margin-top:5px;white-space:nowrap}.nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:28px}.nav a{font-size:12px;color:#e3e4e6;font-weight:620;transition:color .2s}.nav a:hover{color:#F0C44F}.header-ctas{display:flex;align-items:center;gap:9px}.header-ctas .btn{font-size:11px;min-height:40px;padding:12px 16px}.mobile-toggle{display:none;border:1px solid #ffffff38;color:#ffffff;background:#ffffff0d;border-radius:5px;width:43px;height:43px;font-size:20px} .hero-inner{min-height:566px;display:flex;align-items:center;padding-bottom:52px}.hero-content{width:min(720px,58%);padding-top:20px}.hero-chips{display:flex;align-items:center;gap:10px;margin-bottom:40px}.hero-chip{border:1px solid rgba(255,255,255,.18);background:rgba(17,14,19,.38);border-radius:6px;padding:11px 13px;font-size:11px;color:#e3e4e6;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(6px)}.hero-chip strong{color:white}.dot{display:inline-block;width:6px;height:6px;border-radius:99px;background:var(--accent);flex:none}.hero h1{font-weight:540;font-size:clamp(48px,5.1vw,79px);line-height:1.11;letter-spacing:-.073em;max-width:720px;margin:0 0 23px;text-wrap:balance}.hero h1 strong{font-weight:690;color:#F0C44F}.hero-sub{font-size:14px;line-height:1.9;color:#dcdddf;max-width:480px;margin:0 0 28px}.hero-sub strong{color:#ffffff;font-weight:550}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-utility{margin-top:35px;display:flex;align-items:center;gap:22px;color:#ecedef;font-size:11px}.hero-utility span{display:flex;align-items:center;gap:8px}.check-circle{color:#F0C44F;font-size:15px}.hero-floating{position:absolute;right:9%;top:38%;padding:19px 21px;background:rgba(26,19,26,.78);border:1px solid rgba(255,255,255,.19);border-radius:11px;backdrop-filter:blur(14px);width:214px;box-shadow:0 20px 60px rgba(0,0,0,.23)}.floating-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.12)}.floating-mark{display:grid;place-items:center;background:#dedfe1;color:#F0C44F;width:29px;height:29px;font-size:18px;border-radius:50%}.floating-head span{font-size:11px;font-weight:700;line-height:1.5}.floating-list{padding:12px 0 0;display:grid;gap:9px}.floating-list div{color:#dadbdd;font-size:10px;display:flex;align-items:center;gap:8px}.floating-list i{width:7px;height:7px;background:#F0C44F;border-radius:50%;flex:none}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:39px;fill:#ffffff} /* About + side navigation, visually based on the reference */ .intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;padding-top:70px;padding-bottom:80px;align-items:start}.about-main{min-width:0}.teacher-grid{display:grid;grid-template-columns:45% minmax(0,1fr);gap:40px;align-items:start}.teacher-media{min-height:480px;border-radius:11px;position:relative;overflow:hidden;background:radial-gradient(circle at 71% 25%,#4e4f51,#232426 54%,#191a1c);color:white}.teacher-media:before{content:'';position:absolute;width:280px;height:280px;border:40px solid rgba(255,255,255,.04);border-radius:50%;top:20%;left:-26%}.teacher-media:after{content:'';position:absolute;left:12%;right:12%;bottom:15%;height:90px;border-radius:50%;background:#F0C44F;filter:blur(58px);opacity:.19}.portrait-graphic{position:absolute;width:80%;top:17%;left:10%;filter:drop-shadow(0 15px 25px #08090b70)}.portrait-placeholder{position:absolute;bottom:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff49;padding-top:17px;font-size:11px;color:#edeef0;z-index:1}.portrait-placeholder strong{font-weight:600}.tag{display:block;font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.025em;margin-bottom:12px}.eyebrow{font-size:12px;color:var(--accent);font-weight:700;margin:0 0 10px}.teacher h2{font-size:clamp(36px,3.1vw,50px);line-height:1.06;font-weight:650;letter-spacing:-.068em;margin:0 0 19px}.teacher h2 span{display:block;color:var(--accent)}.teacher p{font-size:13px;color:#707173;line-height:1.87;margin:0 0 18px}.bio-list{display:grid;gap:0;margin:24px 0 25px}.bio-list details{border:1px solid #e7e8ea;border-left:0;border-right:0;margin-top:-1px}.bio-list summary{display:flex;justify-content:space-between;gap:8px;align-items:center;list-style:none;cursor:pointer;padding:14px 0;font-size:12px;font-weight:700}.bio-list summary::-webkit-details-marker{display:none}.bio-list summary:after{content:'+';font-size:17px;color:var(--accent);font-weight:400}.bio-list details[open] summary:after{content:'−'}.bio-list details p{margin:0 0 15px}.teacher .btn{margin-top:4px} .sidebar{background:#f8f9fb;border:1px solid #f0f1f3;border-radius:12px;padding:25px 17px 19px}.sidebar .micro{font-size:9px;color:#848587;margin-bottom:11px}.sidebar h3{font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.055em;margin:0 0 8px}.sidebar .sidebar-desc{font-size:11px;line-height:1.7;color:#8a8b8d;margin:0 0 21px}.side-card{background:#ffffff;border:1px solid #edeef0;border-radius:9px;padding:18px 16px;margin-bottom:11px}.side-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.side-label h4{font-size:14px;letter-spacing:-.03em;margin:0;font-weight:750}.side-icon{height:25px;width:25px;border-radius:5px;display:grid;place-items:center;background:#f6f7f9;color:var(--accent);font-size:13px}.side-card p{font-size:10px;color:#7f8082;line-height:1.7;margin:0 0 15px}.side-card a{font-size:10px;font-weight:750;display:inline-flex;align-items:center;gap:7px;color:var(--accent)}.sidebar>.btn{width:100%;margin-top:7px}.no-price{display:block;text-align:center;font-size:10px;color:#87888a;margin-top:13px;line-height:1.6} /* Lesson card row */ .programs{background:#ffffff;padding:6px 0 98px}.section-kicker{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.02em}.section-kicker:before{content:'';height:1px;width:26px;background:var(--accent)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:31px}.section-header h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-.067em;line-height:1.09;font-weight:680;margin:9px 0 0}.section-header p{max-width:410px;font-size:13px;line-height:1.8;color:#7c7d7f;margin:0}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.program-card{min-height:286px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-radius:11px;position:relative;overflow:hidden;isolation:isolate;color:#ffffff;transition:transform .2s}.program-card:hover{transform:translateY(-5px)}.program-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#131416,#2a2b2d 73%,#444547)}.program-card:nth-child(2):before{background:linear-gradient(130deg,#17181a,#2e2f31 65%,#505153)}.program-card:nth-child(3):before{background:linear-gradient(130deg,#1f2022,#3b3c3e 72%,#515254)}.program-card:after{content:'';position:absolute;border:1px solid #ffffff21;border-radius:50%;width:280px;height:280px;right:-120px;top:-90px;z-index:-1;box-shadow:0 0 0 40px #ffffff07,0 0 0 100px #ffffff04}.program-top{display:flex;align-items:center;justify-content:space-between;color:#ebecee;font-size:10px;font-weight:800;letter-spacing:.17em}.program-symbol{font-family:Georgia,serif;font-size:36px;color:#F0C44F;font-weight:400}.program-card h3{font-size:26px;letter-spacing:-.05em;line-height:1.15;margin:0 0 10px;font-weight:650}.program-card p{color:#dcdddf;font-size:11px;line-height:1.8;margin:0 0 17px;max-width:265px}.program-card a{color:#ffffff;font-size:11px;font-weight:750;display:flex;align-items:center;gap:11px;width:max-content;padding-bottom:6px;border-bottom:1px solid #ffffff91}.program-card a:hover{color:#F0C44F} /* Method */ .method{background:#f5f6f8;padding:93px 0}.method-head{text-align:center;max-width:740px;margin:0 auto 49px}.method-head .section-kicker{justify-content:center}.method h2{font-size:clamp(38px,4vw,57px);font-weight:650;letter-spacing:-.065em;margin:12px 0}.method-head p{color:#747577;font-size:13px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:#ffffff;border:1px solid #e9eaec;border-radius:11px;padding:35px 28px 31px;min-height:240px}.step-num{font-size:13px;letter-spacing:.04em;font-weight:800;color:var(--accent);margin-bottom:24px}.step h3{font-size:20px;letter-spacing:-.045em;margin:0 0 12px}.step p{font-size:12px;color:#7f8082;line-height:1.9;margin:0} /* CTA and questions */ .interlude{background:var(--wine);color:white;position:relative;overflow:hidden}.interlude:after{content:'♪';position:absolute;font:650px Georgia,serif;right:3%;top:-260px;color:rgba(255,255,255,.025);pointer-events:none}.interlude-grid{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:77px 0;position:relative}.interlude .micro{font-size:10px;color:#b7b8ba}.interlude h2{font-size:clamp(35px,4vw,58px);font-weight:650;letter-spacing:-.066em;line-height:1.11;margin:11px 0 13px}.interlude h2 em{font-style:normal;color:#F0C44F}.interlude p{font-size:13px;color:#cdced0;line-height:1.9;max-width:570px;margin:0}.interlude .btn{flex:none} .faqs{padding:94px 0}.faq-grid{display:grid;grid-template-columns:34% 1fr;gap:65px}.faq-grid h2{font-size:clamp(36px,3.7vw,52px);font-weight:650;letter-spacing:-.07em;line-height:1.08;margin:10px 0 16px}.faq-grid .aside-note{font-size:13px;color:#818284;line-height:1.8}.faq details{border-bottom:1px solid #e9eaec;padding:0 0 2px}.faq details:first-child{border-top:1px solid #e9eaec}.faq summary{font-size:13px;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:24px 0;cursor:pointer;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;color:var(--accent);font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;color:#78797b;line-height:1.9;margin:0 0 22px;max-width:650px} .contact{background:#f5f6f8;padding:84px 0 92px}.contact-grid{display:grid;grid-template-columns:44% 1fr;gap:85px;align-items:start}.contact h2{font-size:clamp(40px,4.2vw,62px);line-height:1.06;font-weight:670;letter-spacing:-.073em;margin:13px 0 23px}.contact h2 strong{color:var(--accent);font-weight:670}.contact p{font-size:13px;color:#707173;line-height:1.85;margin:0 0 25px;max-width:450px}.contact-benefits{display:flex;gap:9px;flex-wrap:wrap}.contact-benefits span{border:1px solid #dfe0e2;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:700;color:#5d5e60}.contact-form{background:white;border:1px solid #ecedef;border-radius:12px;padding:32px}.contact-form h3{font-size:22px;font-weight:700;letter-spacing:-.04em;margin:0 0 7px}.contact-form .small{font-size:11px;color:#848587;margin:0 0 23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-row.full{grid-column:1/-1}.form-row label{font-size:11px;font-weight:700}.form-row input,.form-row select,.form-row textarea{background:#fafbfd;border:1px solid #e7e8ea;border-radius:6px;padding:13px 12px;font-size:12px;width:100%;color:var(--text);min-height:45px}.form-row textarea{min-height:93px;resize:vertical}.contact-form .btn{width:100%;margin-top:1px}.form-note{font-size:10px!important;line-height:1.7!important;color:#898a8c!important;margin:12px 0 0!important}.result{display:none;border:1px solid #d8d9db;border-radius:7px;background:#fafbfd;margin-top:15px;padding:18px}.result.visible{display:block}.result strong{font-size:12px}.result textarea{width:100%;min-height:170px;resize:vertical;margin:10px 0;border:1px solid #dddee0;background:white;padding:10px;font-size:12px}.result button{border:0;background:var(--wine);color:white;border-radius:5px;padding:11px 15px;font-size:11px;font-weight:700} .footer{background:var(--wine);color:#ffffff;padding:34px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand-letters{font-size:19px}.footer-copy{font-size:10px;color:#a9aaac;line-height:1.7}.footer-links{display:flex;gap:24px;color:#e2e3e5;font-size:11px}.footer-links a:hover{color:#F0C44F} @media(max-width:1100px){.hero-floating{right:4%;top:36%;opacity:.93}.intro-layout{gap:33px;grid-template-columns:minmax(0,1fr) 252px}.teacher-grid{gap:26px}.teacher-media{min-height:465px}.teacher h2{font-size:38px}.wrap{width:min(100% - 68px,1330px)}.contact-grid{gap:55px}.nav{gap:18px;margin-right:0}} @media(max-width:850px){.wrap{width:calc(100% - 44px)}.header{height:78px}.nav{display:none;position:absolute;left:-22px;right:-22px;top:78px;background:#191a1c;flex-direction:column;align-items:stretch;padding:20px 25px;border-top:1px solid #ffffff27;gap:0}.nav.open{display:flex}.nav a{padding:13px 6px}.header-ctas .btn-soft{display:none}.header-ctas .btn{min-height:39px}.mobile-toggle{display:grid;place-items:center}.hero{min-height:625px}.hero-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(23,25,28,.99),rgba(23,25,28,.96) 25%,rgba(23,25,28,.82) 45%,rgba(23,25,28,.12) 78%),url("assets/piano-hero.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}.hero-inner{min-height:530px}.hero-content{width:75%;}.hero h1{font-size:clamp(43px,7vw,67px)}.hero-floating{display:none}.intro-layout{grid-template-columns:1fr;gap:34px;padding-top:53px}.teacher-grid{grid-template-columns:42% 1fr;gap:30px}.teacher-media{min-height:420px}.sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.sidebar h3,.sidebar .sidebar-desc,.sidebar .micro,.sidebar>.btn,.sidebar .no-price{grid-column:1/-1}.sidebar h3{margin-bottom:0}.sidebar .sidebar-desc{margin-bottom:0}.side-card{margin-bottom:0;height:100%}.program-grid{gap:11px}.program-card{padding:22px;min-height:295px}.program-card h3{font-size:22px}.contact-grid{gap:30px}.faq-grid{gap:30px}} @media(max-width:620px){body{background:#ffffff}.site{box-shadow:none}.wrap{width:calc(100% - 38px)}.header .btn-primary{padding:11px 12px;font-size:10px}.brand-letters{font-size:19px}.brand-caption{font-size:7px}.header-ctas{gap:8px}.hero{min-height:650px}.hero-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(23,25,28,.99),rgba(23,25,28,.96) 25%,rgba(23,25,28,.82) 45%,rgba(23,25,28,.12) 78%),url("assets/piano-hero.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}.hero-inner{min-height:562px;padding-top:5px;padding-bottom:59px}.hero-content{width:100%}.hero-chips{gap:7px;flex-wrap:wrap;margin-bottom:26px}.hero-chip{padding:9px 11px;font-size:10px}.hero h1{font-size:clamp(43px,10vw,63px);line-height:1.11;max-width:460px}.hero-sub{font-size:13px;line-height:1.75;max-width:365px}.hero-actions{gap:10px}.hero-actions .btn{padding:13px 14px;font-size:11px}.hero-utility{gap:12px;flex-wrap:wrap;font-size:10px;margin-top:25px}.wave{height:24px}.intro-layout{padding-top:45px;padding-bottom:60px}.teacher-grid{grid-template-columns:1fr;gap:30px}.teacher-media{min-height:320px}.portrait-graphic{width:56%;left:22%;top:8%}.portrait-placeholder{font-size:10px}.teacher h2{font-size:41px}.teacher p{font-size:12px}.sidebar{grid-template-columns:1fr;padding:22px}.sidebar h3{font-size:27px}.side-card{padding:17px}.side-card p{font-size:11px}.programs{padding-bottom:61px}.section-header{display:block;margin-bottom:22px}.section-header h2{font-size:41px;margin-bottom:15px}.section-header p{font-size:12px}.program-grid{grid-template-columns:1fr;gap:12px}.program-card{min-height:250px;padding:24px}.program-card h3{font-size:26px}.method{padding:70px 0}.method h2{font-size:40px}.method-head{margin-bottom:30px}.steps{grid-template-columns:1fr;gap:12px}.step{min-height:0;padding:24px}.step-num{margin-bottom:15px}.interlude-grid{display:block;padding:69px 0}.interlude h2{font-size:43px}.interlude .btn{margin-top:22px}.faqs{padding:66px 0}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid h2{font-size:43px}.faq summary{font-size:12px;line-height:1.5}.contact{padding:64px 0}.contact-grid{grid-template-columns:1fr;gap:28px}.contact h2{font-size:49px}.contact-form{padding:21px}.fields{grid-template-columns:1fr;gap:0}.footer-content{align-items:start;flex-direction:column;gap:21px}.footer-links{gap:19px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.program-card{transition:none}} @media(max-width:620px){.header{gap:8px}.header-ctas{margin-left:auto}.header-ctas .btn-outline{display:none}.header-ctas .btn-primary{white-space:nowrap}.mobile-toggle{flex:none}.brand-symbol{width:26px}.brand-symbol svg{width:26px}.brand-letters{font-size:18px}.brand-caption{font-size:6px}} @media(max-width:370px){.brand-caption{display:none}.header-ctas .btn-primary{font-size:9px;padding:10px 8px}.wrap{width:calc(100% - 30px)}} :root{--wine:#1c1e22;--night:#17191c;--wine-2:#34373c;--accent:#F0C44F;--accent-hover:#F0C44F;--offwhite:#e8eaee;--cool:#f3f4f6;--text:#1c1e22;--secondary:#62666d;--quiet:#727780;--line:#e3e5e8} [hidden]{display:none!important}a,button{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;top:-100px;left:20px;z-index:999;background:white;padding:13px;color:var(--text);border-radius:4px}.skip-link:focus{top:12px}.topbar{background:var(--wine);color:white;position:relative;z-index:20}.home-topbar{position:absolute;top:0;left:0;right:0;background:transparent}.site{position:relative}.header{height:90px}.brand-letters{letter-spacing:-.055em}.brand-letters span{color:var(--accent)}.brand-caption{color:#d7d9dd}.nav a{color:#e8eaee;font-size:13px}.header-ctas .btn{font-size:12px;min-height:43px;padding:13px 19px}.btn{font-size:13px;font-weight:700;min-height:48px;padding:15px 23px;border-radius:6px}.btn-primary:hover{background:var(--accent-hover)}.btn-soft{color:var(--text)} .hero{background:var(--night);padding-top:90px;min-height:720px}.hero:before{display:none}.hero-bg:after{background:linear-gradient(0deg,rgba(23,25,28,.22),transparent 55%)}.hero-inner{min-height:590px;padding:30px 0 60px}.hero-content{width:min(720px,60%);padding-top:0}.hero-chips{margin-bottom:27px}.hero h1{font-size:clamp(49px,5.15vw,76px);letter-spacing:-.065em;font-weight:600;line-height:1.1}.hero h1 strong{color:#F0C44F;font-weight:700}.hero-sub{font-size:15px;line-height:1.8;max-width:510px;color:#d6d9df}.hero-sub strong{display:block;margin-top:6px;font-weight:600}.hero-chip{font-size:11px;background:rgba(28,30,34,.45);color:#e5e7eb}.hero-utility{font-size:12px;gap:20px;flex-wrap:wrap}.hero-floating{background:rgba(28,30,34,.86);top:45%;right:7%;width:237px;border-radius:9px;padding:21px}.floating-mark{background:#fff;color:var(--accent);font-size:16px;font-weight:800}.floating-head span{font-size:12px}.floating-list div{font-size:11px;color:#e1e3e7}.floating-list i{background:var(--accent)}.wave{height:26px}.hero-actions{gap:13px} .intro-layout{gap:48px;grid-template-columns:minmax(0,1fr) 284px;padding-top:80px;padding-bottom:85px}.teacher-grid{grid-template-columns:43% minmax(0,1fr);gap:35px}.teacher-media{background:linear-gradient(135deg,#25282e,#363a40);min-height:480px;align-self:stretch;border-radius:9px}.teacher-media:before{width:330px;height:330px;left:-170px;top:35%;border:1px solid #ffffff16;box-shadow:0 0 0 45px #ffffff03}.teacher-media:after{display:none}.portrait-name{position:absolute;top:40%;left:12%;font-size:clamp(44px,4.6vw,76px);font-weight:700;letter-spacing:-.075em;color:#fff}.portrait-name span{color:var(--accent)}.portrait-placeholder{font-size:11px;color:#c7cbd2;gap:10px;flex-wrap:wrap;left:23px;right:23px}.teacher-media>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.teacher h2{font-size:clamp(36px,3.2vw,48px);letter-spacing:-.055em}.teacher p{font-size:14px;line-height:1.85;color:var(--secondary)}.tag{font-size:12px}.bio-list summary{font-size:13px}.sidebar{padding:24px 18px;background:var(--cool);border-color:var(--line);border-radius:9px}.sidebar h3{font-size:25px}.sidebar .micro{color:#636871;font-size:10px}.sidebar .sidebar-desc{font-size:12px;color:var(--secondary)}.side-card{padding:19px 17px;border-color:var(--line);border-radius:7px}.side-card p{font-size:12px;color:var(--secondary)}.side-card a{font-size:12px}.side-label h4{font-size:15px}.side-icon{background:#fcebed}.no-price{color:var(--secondary);font-size:11px} .section-header h2{letter-spacing:-.055em}.section-header p{font-size:15px;color:var(--secondary);line-height:1.8}.section-kicker{font-size:12px}.program-grid{gap:20px}.program-card{min-height:315px;border-radius:9px;padding:29px}.program-card:before{background:linear-gradient(135deg,#1c1e22,#34383e)}.program-card:nth-child(2):before{background:linear-gradient(135deg,#24272c,#42474e)}.program-card:nth-child(3):before{background:linear-gradient(135deg,#16181b,#34373c)}.program-top{color:#cdd0d6;font-size:10px}.program-symbol{font-size:31px;color:#F0C44F}.program-card h3{font-size:28px;margin-top:34px}.program-card p{font-size:14px;color:#d1d5dc;line-height:1.75;max-width:100%}.program-card a{font-size:13px;width:100%;padding-top:12px;border-bottom:0;border-top:1px solid #ffffff27;justify-content:space-between}.program-card a:hover{color:#F0C44F} .method{background:var(--cool);padding:85px 0}.method h2{letter-spacing:-.055em}.method-head p{font-size:15px;color:var(--secondary)}.step{padding:31px 28px;min-height:250px;border-radius:9px;border-color:var(--line)}.step-num{font-size:11px;letter-spacing:.035em;margin-bottom:22px}.step p{font-size:14px;line-height:1.8;color:var(--secondary)}.step h3{font-size:22px}.interlude:after{display:none}.interlude h2{letter-spacing:-.055em}.interlude p{font-size:15px;color:#c8cdd4;max-width:630px}.interlude .micro{color:#F0C44F}.interlude h2 em{color:#F0C44F}.faqs{padding:85px 0}.faq-grid h2{letter-spacing:-.055em}.faq-grid .aside-note{font-size:15px;color:var(--secondary)}.faq summary{font-size:15px;padding:24px 0}.faq p{font-size:14px;color:var(--secondary);line-height:1.85}.faq details{border-color:var(--line)} .contact{background:var(--cool)}.contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}.contact h2,.contact h1{letter-spacing:-.06em;font-size:clamp(43px,4.3vw,63px);line-height:1.08;font-weight:650;margin:13px 0 23px}.contact h1 strong{font-weight:650;color:var(--accent)}.contact p{font-size:15px;color:var(--secondary);line-height:1.8}.contact-benefits span{color:var(--secondary);font-size:11px}.real-form{padding:0;overflow:hidden;min-width:0;border-color:var(--line);border-radius:9px;background:white;scroll-margin-top:30px}.real-form iframe{display:block;border:0;width:100%;min-height:0;background:white}.contact .form-fallback{max-width:none;font-size:12px;margin:0;padding:16px 25px;color:var(--secondary)}.form-fallback a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.booking-status{border-top:1px solid var(--line);margin-top:34px;padding-top:27px;max-width:430px}.booking-status .micro{color:var(--accent);font-size:10px}.booking-status h3{font-size:24px;letter-spacing:-.04em;margin:12px 0}.booking-status p{font-size:14px;margin-bottom:16px}.booking-status>strong{font-size:13px}.booking-status>small{display:block;font-size:12px;line-height:1.7;color:var(--secondary);margin-top:14px}.booking-status .btn{margin:0 0 10px}.contact-location{margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.contact-location h3{font-size:20px;margin:0 0 12px;letter-spacing:-.03em}.contact-location p{font-size:14px}.contact-page{padding-top:65px}.contact-page h1{font-size:clamp(43px,4.5vw,64px)}.footer-copy{font-size:12px;color:#b6bbc3;line-height:1.8;margin-top:10px}.footer-links{font-size:13px;gap:28px} .detail-hero{padding:64px 0 74px;background:var(--wine);color:white}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:80px;align-items:center}.back-link{display:block;font-size:12px;color:#b9bfc8;margin-bottom:34px}.detail-hero .micro{color:#F0C44F;font-size:11px}.detail-hero h1{font-size:clamp(43px,4.8vw,68px);line-height:1.06;letter-spacing:-.065em;margin:19px 0 23px;font-weight:650;max-width:800px}.detail-hero p{font-size:15px;color:#cbd0d7;line-height:1.85;max-width:690px}.detail-hero .detail-promise{font-size:22px;line-height:1.5;color:white;letter-spacing:-.025em}.detail-hero .btn{margin-top:13px}.detail-hero-note{background:#ffffff07;border:1px solid #ffffff21;padding:34px;border-radius:9px;position:relative;overflow:hidden}.detail-hero-note:after{content:'';position:absolute;right:-110px;bottom:-150px;border:1px solid #ffffff10;width:280px;height:280px;border-radius:50%;pointer-events:none}.detail-hero-note h2{font-size:30px;line-height:1.18;letter-spacing:-.04em;margin:23px 0}.detail-hero-note p{font-size:14px;margin-bottom:0}.detail-facts{border-bottom:1px solid var(--line);background:var(--cool);padding:27px 0}.detail-facts>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.detail-facts span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:9px}.detail-facts strong{font-weight:600;font-size:14px;line-height:1.6;display:block}.detail-section{padding:80px 0}.detail-section h2{font-size:clamp(34px,3.6vw,49px);line-height:1.12;letter-spacing:-.055em;font-weight:650;margin:14px 0 27px;max-width:880px}.detail-section h3{font-size:22px;line-height:1.3;letter-spacing:-.035em;margin:0 0 13px}.detail-section p,.detail-section li{font-size:15px;line-height:1.85;color:var(--secondary)}.detail-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:start}.detail-note{background:var(--cool);padding:30px;border-radius:9px;border:1px solid var(--line)}.detail-note ul{margin:0;padding-left:21px}.detail-note li+li{margin-top:12px}.detail-note p:last-child{margin-bottom:0}.detail-light{background:var(--cool)}.detail-learning{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 60px;margin-top:35px}.detail-learning article{padding-top:26px;border-top:1px solid #d5d8de}.detail-learning p{margin-bottom:0}.detail-method{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.detail-method article{padding:25px 0;border-top:2px solid var(--accent)}.detail-method p{margin:0}.detail-goals{background:var(--wine);color:white}.detail-goals .section-kicker{color:#F0C44F}.detail-goals .section-kicker:before{background:#F0C44F}.detail-goals p{color:#cbd0d7}.detail-lead{max-width:840px}.detail-goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 60px;margin-top:38px}.detail-goal-grid article{border-top:1px solid #ffffff27;padding-top:25px}.detail-goal-grid h3{color:white}.detail-goal-grid p{margin-bottom:0}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.price-grid>div{background:var(--cool);border:1px solid var(--line);padding:25px;border-radius:8px}.price-grid span,.price-grid small{font-size:13px;display:block;line-height:1.5;color:var(--secondary)}.price-grid strong{font-size:40px;letter-spacing:-.04em;display:block;margin:15px 0 8px;color:var(--text)}.fine-print{font-size:12px!important;line-height:1.8!important}.other-courses{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding-block:27px;flex-wrap:wrap;font-size:13px}.other-courses>span{margin-right:auto;color:var(--secondary)}.other-courses a{font-weight:650;display:flex;align-items:center;gap:12px}.other-courses a:hover{color:var(--accent)}.bio-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}.bio-page h1{font-size:clamp(49px,4.7vw,68px);line-height:1.06;letter-spacing:-.06em;margin:12px 0 27px;font-weight:650}.bio-page h1>span{color:var(--accent)}.bio-page .teacher-media{min-height:590px}.bio-page .bio-lead{font-size:21px;line-height:1.6;color:var(--text)} @media(max-width:1150px){.nav{gap:18px}.intro-layout{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.teacher-grid{gap:26px}.teacher h2{font-size:39px}.teacher-media{min-height:460px}.hero-floating{right:4%;width:220px}.detail-hero-grid{gap:45px}.detail-two-col,.bio-grid{gap:50px}.contact-grid{gap:45px}.program-card{padding:25px}.program-card h3{font-size:25px}.portrait-name{font-size:56px}} @media(max-width:900px){.nav{gap:15px}.nav a{font-size:12px}.header{gap:18px}.intro-layout{grid-template-columns:1fr}.teacher-grid{grid-template-columns:42% 1fr;gap:35px}.sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sidebar h3,.sidebar .sidebar-desc,.sidebar .micro,.sidebar>.btn,.sidebar .no-price{grid-column:1/-1}.side-card{margin-bottom:0;height:100%}.sidebar .sidebar-desc{margin:0 0 8px}.program-card h3{font-size:23px}.program-card p{font-size:13px}.program-card{padding:23px}.detail-two-col{gap:35px}.detail-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:35px}.detail-hero-note{padding:26px}.detail-hero-note h2{font-size:26px}.price-grid>div{padding:20px}} @media(max-width:850px){.header{height:78px}.hero{padding-top:78px;min-height:650px}.hero-inner{min-height:545px;padding-top:28px;padding-bottom:62px}.hero-content{width:80%}.hero h1{font-size:clamp(49px,6.8vw,65px)}.hero-floating{display:none}.nav{left:0;right:0;top:78px;background:var(--wine);border:1px solid #ffffff25;border-radius:8px;padding:12px 17px;margin:0;box-shadow:0 15px 35px #0003}.nav a{font-size:14px}.hero-utility{font-size:11px}.detail-learning{gap:25px 35px}.detail-method{gap:25px}.detail-method h3{font-size:20px}.detail-facts>.wrap{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:30px}.contact h1,.contact h2{font-size:47px}.contact .form-fallback{padding-inline:18px}.step{padding:26px 23px}.step h3{font-size:20px}} @media(max-width:620px){.wrap{width:calc(100% - 38px)}.header{gap:12px}.header-ctas .btn-primary{font-size:11px;padding:12px 15px;min-height:42px}.brand-caption{font-size:7px}.brand-letters{font-size:20px}.brand-symbol{width:28px}.brand-symbol svg{width:28px}.brand{gap:8px}.hero{min-height:680px}.hero-content{width:100%}.hero h1{font-size:clamp(42px,10.8vw,59px);letter-spacing:-.065em;line-height:1.12;max-width:490px}.hero-sub{font-size:14px;line-height:1.8}.hero-inner{min-height:565px;padding-top:35px}.hero-utility{gap:12px;font-size:10px;line-height:1.6;margin-top:25px}.hero-utility span{gap:5px}.hero-actions .btn{font-size:12px;padding:14px 17px;min-height:47px}.hero-bg{background-image:linear-gradient(90deg,rgba(23,25,28,.96),rgba(23,25,28,.83) 62%,rgba(23,25,28,.7)),url("assets/piano-hero.jpg");background-position:center,60% center}.hero-chips{margin-bottom:25px}.hero-chip{font-size:10px}.wave{height:20px}.teacher-grid{grid-template-columns:1fr;gap:32px}.teacher-media{min-height:330px}.portrait-name{font-size:70px;top:32%}.intro-layout{padding-top:48px;padding-bottom:65px}.teacher h2{font-size:43px}.teacher p{font-size:15px}.sidebar{grid-template-columns:1fr;padding:23px}.sidebar .sidebar-desc{font-size:13px}.side-card{padding:19px}.side-card p{font-size:13px}.side-label h4{font-size:17px}.programs{padding-bottom:65px}.section-header h2{font-size:40px}.section-header p{font-size:14px}.program-grid{gap:15px}.program-card{min-height:280px;padding:27px}.program-card h3{font-size:29px}.program-card p{font-size:14px}.method{padding:65px 0}.method h2{font-size:39px}.method-head p{font-size:14px}.steps{gap:14px}.step{min-height:0;padding:28px}.step h3{font-size:23px}.step p{font-size:15px}.step-num{margin-bottom:16px}.interlude-grid{padding:60px 0}.interlude h2{font-size:43px}.interlude p{font-size:14px}.faq-grid h2{font-size:40px}.faq summary{font-size:15px;line-height:1.5}.faqs{padding:60px 0}.contact{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h1,.contact h2{font-size:45px}.contact p{font-size:15px}.booking-status{max-width:none;margin-top:28px}.booking-status p{font-size:14px}.footer-content{gap:25px}.footer-links{font-size:13px;flex-wrap:wrap;gap:22px}.detail-hero{padding:34px 0 48px}.detail-hero-grid{grid-template-columns:1fr;gap:32px}.detail-hero h1{font-size:45px}.detail-hero .detail-promise{font-size:21px}.detail-hero p{font-size:15px}.detail-hero-note{padding:28px}.detail-hero-note h2{font-size:30px}.back-link{margin-bottom:26px}.detail-facts{padding:25px 0}.detail-facts>.wrap{gap:23px 20px}.detail-facts strong{font-size:13px}.detail-section{padding:58px 0}.detail-section h2{font-size:37px}.detail-section h3{font-size:22px}.detail-two-col,.bio-grid{grid-template-columns:1fr;gap:28px}.detail-learning,.detail-method,.detail-goal-grid{grid-template-columns:1fr;gap:23px}.detail-learning{margin-top:25px}.detail-method article{padding-bottom:0}.detail-note{padding:27px}.price-grid{gap:13px}.price-grid>div{padding:20px}.price-grid strong{font-size:38px}.other-courses{justify-content:flex-start;gap:18px;padding-block:27px}.other-courses>span{width:100%}.bio-page .teacher-media{min-height:360px}.bio-page h1{font-size:49px}.bio-page .bio-lead{font-size:20px}.contact-page{padding-top:45px}} @media(max-width:370px){.header-ctas .btn-primary{font-size:10px;padding:12px}.brand-caption{font-size:6px}.brand-symbol{display:none}.hero h1{font-size:40px}.hero-actions{align-items:stretch;flex-direction:column;max-width:280px}.hero-utility{gap:10px}.price-grid{grid-template-columns:1fr}.portrait-placeholder{font-size:10px}.contact h1{font-size:40px}} .program-card{justify-content:flex-start;gap:22px;min-height:360px}.program-top{height:40px;flex:none}.program-card>div:last-child{display:flex;flex-direction:column;flex:1}.program-card h3{margin:0 0 12px;min-height:2.3em}.program-card p{flex:1}.program-card a{margin-top:auto} @media(max-width:620px){.program-card{min-height:280px}.program-card h3{min-height:0}} :root{--accent:#F0C44F;--accent-hover:#E2B234;--accent-ink:#806015;--accent-pale:#F7E9BA} .btn-primary{background:var(--accent);color:var(--wine)}.btn-primary:hover{background:var(--accent-hover);color:var(--wine)}.hero h1 strong,.hero-utility .check-circle,.hero-floating .floating-mark,.program-symbol,.interlude h2 em,.interlude .micro,.detail-hero .micro,.detail-goals .section-kicker,.detail-goals .section-kicker:before{color:var(--accent)}.detail-goals .section-kicker:before{background:var(--accent)}.nav a:hover,.footer-links a:hover,.program-card a:hover{color:var(--accent)}.section-kicker,.tag,.eyebrow,.teacher h2 span,.side-card a,.step-num,.faq summary:after,.bio-list summary:after,.contact h2 strong,.contact h1 strong,.booking-status .micro,.other-courses a:hover{color:var(--accent-ink)}.section-kicker:before{background:var(--accent)}.side-icon{color:var(--accent-ink);background:var(--accent-pale)}.floating-mark{color:var(--accent-ink)}.hero-floating .floating-mark{color:var(--accent-ink)}.detail-method article{border-color:var(--accent)} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #967222;outline-offset:4px}::selection{background:var(--accent-pale);color:var(--wine)} .hero h1{font-size:clamp(47px,4.9vw,72px);margin-bottom:20px}.hero-tagline{font-size:23px;line-height:1.35;color:#f3f4f6;font-weight:500;letter-spacing:-.035em;margin:0 0 20px}.hero-sub{font-size:14px;line-height:1.75;margin-bottom:24px}.hero-chips{margin-bottom:23px}.hero-utility{margin-top:27px} .native-form{padding:30px;background:white;border:1px solid var(--line);border-radius:9px;min-width:0;scroll-margin-top:30px}.form-stage{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:7px 10px;border-radius:4px;background:var(--accent-pale);color:var(--accent-ink);margin-bottom:17px}.native-form h3{font-size:24px;line-height:1.3;letter-spacing:-.04em;margin:0 0 13px}.contact .native-form-intro{font-size:13px;line-height:1.75;margin:0 0 25px;color:var(--secondary);max-width:none}.native-form .fields{gap:0 16px}.native-form .form-row{margin-bottom:20px;gap:9px}.native-form label{font-size:13px;line-height:1.4;font-weight:650}.native-form label span{font-weight:400;color:var(--secondary);font-size:11px}.native-form input,.native-form select,.native-form textarea{font-size:14px;min-height:48px;color:var(--text);background:#fafbfc;border:1px solid #d6d9de;border-radius:5px;padding:13px 12px}.native-form textarea{min-height:118px;line-height:1.6}.native-form .btn{width:100%}.native-form .btn:disabled{cursor:default;opacity:.6;transform:none}.conditional-field{border:0;margin:0;padding:0;min-width:0}.conditional-field legend{padding:0;margin-bottom:13px;font-size:11px;color:var(--accent-ink);font-weight:650}.contact .native-form-note{font-size:12px;line-height:1.7;color:var(--secondary);margin:13px 0 0;max-width:none}.request-preview{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.request-preview h4{font-size:18px;letter-spacing:-.025em;margin:0 0 12px}.contact .request-preview>p{font-size:13px;margin-bottom:17px}.request-preview pre{font:13px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--cool);border:1px solid var(--line);padding:18px;border-radius:5px;margin:0 0 17px}.request-preview .btn-soft{width:auto}.contact .copy-status{font-size:12px;margin:14px 0 0;line-height:1.7} @media(max-width:850px){.hero h1{font-size:clamp(47px,6.5vw,63px)}} @media(max-width:620px){.hero h1{font-size:clamp(41px,10.8vw,59px)}.hero-tagline{font-size:21px;line-height:1.4;margin-bottom:21px}.hero-inner{padding-top:28px}.hero-sub{font-size:14px}.native-form{padding:24px 21px}.native-form .fields{grid-template-columns:1fr;gap:0}.native-form h3{font-size:23px}.native-form input,.native-form select,.native-form textarea{font-size:16px}.native-form .form-row{margin-bottom:19px}} @media(max-width:370px){.hero h1{font-size:40px}.hero-tagline{font-size:20px}.native-form{padding:23px 18px}} :root{--wine:#292733;--night:#292733;--wine-2:#373440;--text:#292733;--offwhite:#F9F6EE;--white:#F9F6EE;--cool:#F7E9BA;--accent:#F0C44F;--accent-hover:#E2B234;--accent-pale:#F7E9BA;--lilac:#E3D8E4;--line:#D9D2C4;--secondary:#655E68;--quiet:#746B76} body{background:var(--offwhite)}.site{width:100%;max-width:none;margin:0;box-shadow:none;background:var(--offwhite)}.wrap{width:calc(100% - clamp(44px,8vw,200px));max-width:none;margin-inline:auto}.hero{background:var(--wine)}.hero-bg{background-image:linear-gradient(90deg,rgba(41,39,51,.99),rgba(41,39,51,.95) 25%,rgba(41,39,51,.76) 45%,rgba(41,39,51,.07) 78%),url("assets/piano-hero.jpg");background-position:center,center 58%}.hero-bg:after{background:linear-gradient(0deg,rgba(41,39,51,.14),transparent 55%)}.hero h1{font-size:clamp(47px,4.9vw,84px)}.hero-content{width:min(900px,60%)}.hero-tagline{color:var(--offwhite)}.wave{fill:var(--offwhite)}.topbar{background:var(--wine)}.home-topbar{background:transparent}.btn-soft{background:var(--accent-pale);color:var(--wine)}.btn-soft:hover{background:#EDDBA2} .intro-layout{grid-template-columns:minmax(0,1fr) clamp(284px,21vw,370px);gap:clamp(35px,4vw,95px)}.teacher-media{background:var(--wine)}.teacher-grid{gap:clamp(30px,3vw,65px)}.teacher p{max-width:68ch}.sidebar{background:var(--accent-pale);border-color:var(--line)}.side-card{background:var(--offwhite);border-color:var(--line)}.side-icon{background:var(--lilac)}.programs{background:var(--offwhite)}.program-grid{gap:clamp(20px,2vw,42px)}.program-card:before,.program-card:nth-child(3):before{background:linear-gradient(135deg,var(--wine),#373440)}.program-card:nth-child(2):before{background:linear-gradient(135deg,#373440,#504955)}.method{background:var(--lilac)}.step{background:var(--offwhite);border-color:#D8CDD9}.contact{background:var(--lilac)}.native-form{background:var(--offwhite);border-color:#D2C6D4}.native-form input,.native-form select,.native-form textarea{background:#FEFCF6;border-color:var(--line)}.contact-benefits span{border-color:#CBBECE}.detail-light{background:var(--accent-pale)}.detail-note{background:var(--lilac)}.price-grid>div{background:var(--accent-pale)}.detail-facts{background:var(--accent-pale)}.detail-hero-note{background:#ffffff06}.booking-status,.contact-location{border-color:#CBBECE}.request-preview pre{background:var(--accent-pale)}.section-header p{max-width:50ch}.detail-two-col p{max-width:70ch}.detail-hero-grid{gap:clamp(45px,6vw,140px)}.detail-hero h1{max-width:1000px}.detail-hero-note{max-width:560px;justify-self:end;width:100%}.bio-grid{gap:clamp(45px,6vw,140px)}.bio-grid>div:last-child>p{max-width:70ch} @media(min-width:1700px){.hero{min-height:800px}.hero-inner{min-height:680px}.hero-tagline{font-size:28px}.hero-sub{font-size:16px;max-width:600px}.hero-sub strong{margin-top:10px}.hero-utility{font-size:13px}.program-card{min-height:390px;padding:35px}.program-card h3{font-size:32px}.program-card p{font-size:16px;max-width:55ch}.program-card a{font-size:14px}.teacher h2{font-size:55px}.teacher p{font-size:16px}.teacher-media{min-height:550px}.portrait-name{font-size:90px}.side-card p{font-size:14px}.side-label h4{font-size:17px}.sidebar h3{font-size:29px}.section-header h2{font-size:60px}.contact-grid{gap:clamp(70px,6vw,150px)}.native-form{padding:38px;max-width:850px;width:100%;justify-self:end}.contact-page #richiesta{display:flex;justify-content:flex-end}.contact-grid>div:first-child>p{max-width:55ch}} @media(max-width:1150px){.intro-layout{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.teacher-grid{gap:26px}} @media(max-width:900px){.intro-layout{grid-template-columns:1fr}.teacher-grid{grid-template-columns:42% minmax(0,1fr);gap:35px}} @media(max-width:850px){.wrap{width:calc(100% - 44px)}.hero-content{width:80%}.hero h1{font-size:clamp(47px,6.5vw,63px)}.detail-hero-grid{gap:35px}} @media(max-width:620px){.wrap{width:calc(100% - 38px)}.hero-content{width:100%}.hero h1{font-size:clamp(41px,10.8vw,59px)}.hero-bg{background-image:linear-gradient(90deg,rgba(41,39,51,.97),rgba(41,39,51,.86) 62%,rgba(41,39,51,.69)),url("assets/piano-hero.jpg");background-position:center,60% center}.teacher-grid{grid-template-columns:1fr;gap:32px}.program-grid{gap:15px}.detail-hero-note{max-width:none}.detail-hero-grid,.bio-grid{gap:32px}.native-form{max-width:none}.contact-page #richiesta{display:block}} @media(max-width:370px){.hero h1{font-size:40px}} .blog-container{max-width:1440px}.blog-masthead{padding:100px 0 90px;background:var(--offwhite);border-bottom:1px solid var(--line)}.blog-masthead-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,7vw,150px);align-items:end;max-width:1600px}.blog-masthead h1{font-size:clamp(45px,5.5vw,82px);font-weight:650;line-height:1.05;letter-spacing:-.065em;margin:24px 0 30px;max-width:19ch}.blog-masthead h1 em{font-style:normal;color:#806015}.blog-masthead p{font-size:19px;line-height:1.7;max-width:50ch}.blog-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:#806015;display:block}.blog-editor-note{border-left:2px solid var(--accent);padding:0 0 6px 30px;margin-bottom:8px}.blog-editor-note p{font-size:27px;line-height:1.35;letter-spacing:-.035em;font-weight:600;margin:23px 0}.blog-editor-note>span:last-child{font-size:13px;color:var(--secondary)}.blog-note-rule{display:block;width:42px;height:1px;background:var(--line);margin:24px 0} .blog-readings,.blog-topics{padding:80px 0 90px}.blog-readings h2,.blog-topics h2,.blog-home h2{font-size:clamp(36px,3.5vw,54px);font-weight:650;line-height:1.12;letter-spacing:-.05em;margin:17px 0 32px}.blog-empty{display:grid;grid-template-columns:160px minmax(0,1fr);gap:45px;border:1px solid var(--line);border-radius:12px;padding:48px;background:var(--offwhite)}.blog-empty-marker{font-size:100px;font-weight:700;letter-spacing:-.09em;line-height:1;background:var(--lilac);border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;padding-right:8px}.blog-empty-marker span{color:#806015}.blog-empty h3{font-size:28px;letter-spacing:-.04em;margin:0 0 15px;line-height:1.2}.blog-empty p{font-size:17px;line-height:1.65;max-width:65ch;color:var(--secondary)}.blog-text-link{display:inline-flex;gap:16px;align-items:center;padding:9px 0;border-bottom:2px solid var(--accent);font-size:16px;font-weight:700;color:var(--wine);text-decoration:none;transition:gap .2s,color .2s}.blog-text-link:hover{gap:23px;color:#806015}.blog-text-link:focus-visible{outline:3px solid #806015;outline-offset:5px} .blog-topics{background:var(--accent-pale)}.blog-topics-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:center;margin-bottom:20px}.blog-topics-heading p{font-size:17px;line-height:1.7;color:var(--secondary);max-width:42ch}.blog-topic-grid,.blog-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.blog-topic{border-radius:10px;background:var(--offwhite);overflow:hidden;border:1px solid #29273314}.blog-topic-image{height:200px;overflow:hidden;background:var(--wine)}.blog-topic-image img,.blog-post-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}.blog-topic-copy{padding:30px}.blog-topic h3{font-size:28px;line-height:1.18;letter-spacing:-.04em;margin:20px 0 15px}.blog-topic p{font-size:16px;line-height:1.7;color:var(--secondary);margin:0}.blog-home{background:var(--accent-pale);padding:65px 0}.blog-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1320px;align-items:center}.blog-home h2{margin-bottom:0}.blog-home p{font-size:18px;line-height:1.7;max-width:48ch;margin-top:0}.blog-coming{display:block;font-size:13px;color:var(--secondary);margin:18px 0 12px} .blog-post-card{overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--offwhite)}.blog-post-card>a{display:block;color:inherit;text-decoration:none;height:100%}.blog-post-card img{height:220px}.blog-post-copy{padding:28px}.blog-post-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:18px 0}.blog-post-copy p{font-size:17px;line-height:1.65;color:var(--secondary)}.blog-read{display:block;color:#806015;font-size:14px;font-weight:700;margin-top:23px}.blog-post-card:focus-within,.blog-post-card:hover{border-color:#806015}.blog-article-header{max-width:1020px;padding-block:70px 45px}.blog-back{display:block;font-size:14px;font-weight:600;color:#806015;margin-bottom:38px;text-decoration:none}.blog-article h1{font-size:clamp(40px,5vw,72px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:22px 0}.blog-deck{font-size:22px;line-height:1.55;color:var(--secondary);max-width:55ch}.blog-byline{font-size:13px;display:flex;flex-wrap:wrap;gap:12px;color:var(--secondary);margin-top:28px}.blog-prose{max-width:760px;padding-bottom:70px}.blog-prose>p,.blog-prose li{font-size:19px;line-height:1.85}.blog-prose>h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:45px 0 20px}.blog-prose blockquote{margin:35px 0;padding:10px 25px;border-left:3px solid var(--accent);background:var(--accent-pale);font-size:22px;line-height:1.55}.blog-article-cta{background:var(--lilac);padding:35px;margin:50px 0;border-radius:10px}.blog-article-cta h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:15px 0}.blog-article-cta p{font-size:18px;line-height:1.65} @media(max-width:1050px){.blog-masthead-grid{grid-template-columns:minmax(0,1fr) 240px;gap:35px}.blog-topic-grid,.blog-post-grid{gap:16px}.blog-topic-copy{padding:23px}.blog-topic h3{font-size:25px}.blog-home-grid{gap:35px}.blog-empty{padding:35px;gap:30px}.blog-topics-heading{gap:30px}} @media(max-width:750px){.blog-masthead{padding:55px 0}.blog-masthead-grid{grid-template-columns:1fr;gap:30px}.blog-editor-note{padding-left:23px}.blog-editor-note p{font-size:24px;margin-block:15px}.blog-note-rule{display:none}.blog-masthead p{font-size:17px}.blog-readings,.blog-topics{padding:55px 0}.blog-empty{grid-template-columns:1fr;padding:28px;gap:24px}.blog-empty-marker{width:65px;height:65px;font-size:44px}.blog-empty h3{font-size:25px}.blog-topic-grid,.blog-post-grid,.blog-topics-heading,.blog-home-grid{grid-template-columns:1fr}.blog-topic-image{height:190px}.blog-topics-heading{gap:0}.blog-topic-grid{gap:22px}.blog-topic h3{font-size:28px}.blog-home-grid{gap:22px}.blog-home{padding:50px 0}.blog-home p{font-size:17px}.blog-article-header{padding-top:45px}.blog-prose>p,.blog-prose li{font-size:18px}.blog-deck{font-size:20px}.blog-article-cta{padding:27px}.blog-back{margin-bottom:30px}} @media(prefers-reduced-motion:reduce){.blog-text-link{transition:none}} /* Group calls to action, give course content room to explore. */ .hero-content{margin-left:clamp(8px,1.2vw,24px)} .course-hero-copy{margin-left:clamp(8px,1.2vw,24px)} .nav a{font-size:14px} @media(min-width:1001px){.header .nav{transform:translateX(-14px)}} .program-card h3{font-size:clamp(30px,2.1vw,37px)} .program-card p{font-size:clamp(16px,1.05vw,18px);line-height:1.7} .program-card a{font-size:15px}.program-top{font-size:11px} @media(max-width:620px){.hero-content,.course-hero-copy{margin-left:0}.program-card h3{font-size:31px}.program-card p{font-size:16px}.nav a{font-size:16px}} .program-card{--orb-rgb:240,196,79;--orb-outer:227,216,228} .program-card:nth-child(2){--orb-rgb:227,216,228;--orb-outer:240,196,79} .program-card:nth-child(3){--orb-rgb:247,233,186;--orb-outer:227,216,228} .program-card:after{pointer-events:none;background-color:transparent;transition:border-color .45s,background-color .45s,box-shadow .45s,transform .6s} .program-card:is(:hover,:focus-within,.orb-lit):after{border-color:rgba(var(--orb-rgb),.72);background-color:rgba(var(--orb-rgb),.12);box-shadow:0 0 0 40px rgba(var(--orb-rgb),.14),0 0 0 100px rgba(var(--orb-outer),.085),0 0 70px rgba(var(--orb-rgb),.18);transform:translate(-12px,14px) scale(1.06);animation:orb-breathe 3s ease-in-out infinite} .orb-toggle{font-family:inherit;line-height:1;background:none;border:0;padding:0;display:grid;place-items:center;min-width:44px;min-height:44px;margin:-2px -6px -2px 0;cursor:pointer;border-radius:50%}.orb-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px} @keyframes orb-breathe{0%,100%{transform:translate(-12px,14px) scale(1.06)}50%{transform:translate(-18px,20px) scale(1.1)}} @media(prefers-reduced-motion:reduce){.program-card:after{transition:none}.program-card:is(:hover,:focus-within,.orb-lit):after{animation:none;transform:none}} .contact .contact-grid{max-width:1320px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,70px);align-items:start} .contact-grid>div:first-child{text-align:left}.contact-grid h2,.contact-page h1{font-size:clamp(42px,4.8vw,72px);line-height:1.05;letter-spacing:-.055em;max-width:10ch}.contact-page h1{max-width:12ch} .contact .native-form{max-width:none;justify-self:stretch;width:100%;padding:clamp(24px,2.5vw,38px)}.contact-page #richiesta{display:block;min-width:0} .interlude .interlude-grid{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(35px,4vw,65px);align-items:center}.interlude h2{font-size:clamp(42px,4.7vw,68px);line-height:1.06}.interlude p{font-size:17px;max-width:52ch}.interlude .btn{font-size:16px;padding:23px 30px;min-height:64px;white-space:nowrap} .faqs .faq-grid{max-width:1420px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,85px)}.faqs h2{font-size:clamp(42px,4.9vw,72px);line-height:1.04;letter-spacing:-.055em;max-width:12ch}.faqs .section-kicker{font-size:15px}.faqs .faq-grid>div>p{font-size:17px;max-width:38ch} .faq details{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:var(--offwhite);overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s} .faq summary{font-size:clamp(18px,1.3vw,21px);line-height:1.35;padding:24px 58px 24px 24px;position:relative;cursor:pointer;list-style:none}.faq summary:after{right:24px;font-size:25px;top:50%;transform:translateY(-50%);transition:transform .25s;color:var(--wine)}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg);content:'+'} .faq summary::-webkit-details-marker,.milestone-card summary::-webkit-details-marker{display:none}.faq details:hover,.faq details:focus-within{background:var(--accent-pale);border-color:var(--accent);box-shadow:0 8px 22px #29273309}.faq details[open]{background:var(--accent-pale);border-color:var(--accent)} .faq .disclosure-body p{font-size:17px;line-height:1.65;padding:0 24px 24px;margin:0;max-width:62ch}.disclosure-body{display:flow-root} .step{transition:background .3s,color .3s,transform .3s,box-shadow .3s,border-color .3s}.step:hover,.step:focus-visible{background:var(--accent);color:var(--wine);transform:translateY(-7px);box-shadow:0 18px 35px #29273316;border-color:var(--accent)}.step:hover p,.step:focus-visible p,.step:hover h3,.step:focus-visible h3{color:var(--wine)}.step:hover .step-num,.step:focus-visible .step-num{color:var(--wine);background:transparent} .price-grid>div{position:relative;overflow:hidden;transition:transform .3s,background .3s,box-shadow .3s;border:1px solid transparent}.price-grid>div:hover,.price-grid>div:focus-visible{background:var(--accent);transform:translateY(-8px);box-shadow:0 18px 35px #29273320;border-color:#80601540}.price-grid>div strong{display:block;transition:transform .3s;transform-origin:left}.price-grid>div:hover strong,.price-grid>div:focus-visible strong{transform:scale(1.06)}.price-grid>div:hover span,.price-grid>div:hover small{color:var(--wine)} .music-strip{display:flex;align-items:center;background:var(--accent);color:var(--wine);height:78px;overflow:hidden;border-block:1px solid #29273312}.strip-window{flex:1;overflow:hidden;min-width:0}.strip-track{display:flex;width:max-content;animation:music-scroll 36s linear infinite}.strip-group{display:flex;align-items:center;gap:42px;flex-shrink:0;padding-right:42px}.strip-group span{font-size:22px;font-weight:700;white-space:nowrap;letter-spacing:-.035em}.strip-group b{font-size:22px;font-weight:400}.strip-control{width:46px;height:46px;flex-shrink:0;margin:0 22px 0 14px;background:var(--wine);color:var(--accent);border:0;border-radius:50%;font-size:19px;cursor:pointer}.music-strip:hover .strip-track,.music-strip:focus-within .strip-track,.music-strip.paused .strip-track{animation-play-state:paused}@keyframes music-scroll{to{transform:translateX(-50%)}} .hero{padding-bottom:45px}.hero-inner{padding-bottom:20px} .detail-hero .detail-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(35px,5vw,95px);align-items:center}.detail-hero h1{font-size:clamp(42px,4.6vw,76px);max-width:17ch}.detail-hero-grid>div>p:not(.detail-promise){max-width:55ch;font-size:17px}.course-photo{position:relative;margin:0;width:100%;height:clamp(320px,30vw,510px);overflow:hidden;border-radius:12px;background:var(--wine)}.course-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}.course-photo-2 img{filter:saturate(.55)}.course-photo figcaption{position:absolute;bottom:20px;left:22px;color:var(--offwhite);font-size:12px;letter-spacing:.06em;padding:9px 13px;background:#292733cc;border-radius:3px}.course-photo-1 img{object-position:65% 50%} .detail-section>.wrap{max-width:1440px}.detail-section h2{max-width:24ch}.detail-two-col{gap:clamp(35px,5vw,80px)}.detail-two-col p{font-size:18px;line-height:1.65}.detail-note{border-radius:10px;padding:30px}.detail-method article{background:var(--offwhite);border:1px solid var(--line);border-radius:10px;padding:28px;transition:border-color .25s,transform .25s}.detail-method article:hover{border-color:var(--accent);transform:translateY(-4px)} .interaction-hint{font-size:15px;margin:20px 0 26px;color:var(--secondary)}.topic-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.topic-tabs{display:flex;flex-direction:column;gap:10px}.topic-tabs button{display:flex;align-items:center;gap:14px;min-height:70px;padding:20px 24px;font:600 19px/1.3 Inter,sans-serif;text-align:left;cursor:pointer;color:var(--wine);background:var(--offwhite);border:1px solid #29273316;border-radius:8px;transition:background .25s,transform .25s,box-shadow .25s}.topic-tabs button:hover{transform:translateX(4px);background:#fffaf0}.topic-tabs button[aria-selected=true]{background:var(--wine);color:var(--accent);box-shadow:0 8px 20px #29273312}.topic-marker{font-size:24px}.topic-panels{border-radius:12px;background:var(--offwhite);border:1px solid #29273316;padding:clamp(25px,3vw,42px);min-width:0}.topic-panels h3{font-size:clamp(27px,2.5vw,39px);letter-spacing:-.04em;margin:20px 0 15px}.topic-panels p{font-size:18px;line-height:1.65;max-width:52ch}.practice-example{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.practice-example>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#806015;font-weight:700}.practice-example p{font-size:16px;margin-bottom:0} .detail-goals .interaction-hint{color:#D6CAD6}.detail-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.milestone-card{border:1px solid #ffffff25;background:#ffffff05;border-radius:10px;overflow:hidden;transition:background .3s,border-color .3s}.milestone-card:hover,.milestone-card[open]{background:#ffffff0c;border-color:var(--accent)}.milestone-card summary{position:relative;padding:27px 60px 27px 27px;list-style:none;cursor:pointer}.milestone-label{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px}.milestone-card h3{font-size:26px;line-height:1.2;margin:0;max-width:25ch;letter-spacing:-.025em;color:var(--offwhite)}.disclosure-icon{position:absolute;right:27px;top:50%;font-size:29px;transform:translateY(-50%);color:var(--accent);transition:transform .25s}.milestone-card[open] .disclosure-icon{transform:translateY(-50%) rotate(45deg)}.milestone-card .disclosure-body p{color:#E3D8E4;font-size:17px;line-height:1.6;padding:0 27px 28px;margin:0;max-width:55ch}.detail-goals .detail-lead{max-width:65ch;font-size:18px} :is(.strip-control,.topic-tabs button,.milestone-card summary,.faq summary,.step,.price-grid>div):focus-visible{outline:3px solid #806015;outline-offset:4px}.detail-goals summary:focus-visible{outline-color:var(--accent);outline-offset:-5px}[hidden]{display:none!important} @media(max-width:1000px){.faqs .faq-grid{grid-template-columns:1fr;gap:35px}.faqs h2{max-width:20ch}.contact .contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}.interlude .interlude-grid{grid-template-columns:1fr;gap:25px}.interlude .btn{justify-self:start}.detail-hero .detail-hero-grid{grid-template-columns:1fr 1fr}.course-photo{height:360px}.topic-tabs button{font-size:17px}} @media(max-width:750px){.contact .contact-grid,.detail-hero .detail-hero-grid,.topic-layout{grid-template-columns:1fr}.contact .contact-grid{max-width:580px;gap:35px}.contact-grid h2,.contact-page h1{max-width:15ch}.course-photo{height:300px}.detail-hero{padding-bottom:45px}.topic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.topic-tabs button{padding:15px;min-height:80px;font-size:16px}.topic-marker{display:none}.topic-tabs button:hover{transform:translateY(-2px)}.topic-panels{min-height:320px}.detail-goal-grid{grid-template-columns:1fr}.milestone-card h3{font-size:23px}.music-strip{height:64px}.strip-group{gap:28px;padding-right:28px}.strip-group span{font-size:19px}.strip-control{margin-right:12px;width:40px;height:40px}.faqs .faq-grid{gap:30px}.faq summary{padding:22px 48px 22px 20px}.faq summary:after{right:20px}.faq .disclosure-body p{padding:0 20px 22px}.detail-method article{padding:23px}.interlude .btn{white-space:normal}.detail-two-col p{font-size:17px}} @media(prefers-reduced-motion:reduce){.strip-track{animation:none}.strip-group[aria-hidden=true]{display:none}.step,.price-grid>div,.price-grid>div strong,.faq details,.faq summary:after,.milestone-card,.disclosure-icon,.topic-tabs button,.detail-method article{transition:none}.step:hover,.step:focus-visible,.price-grid>div:hover,.price-grid>div:focus-visible,.topic-tabs button:hover,.detail-method article:hover{transform:none}} /* Full-width monochrome course covers, matching the homepage. */ .topbar.course-topbar{position:absolute;top:0;left:0;right:0;background:transparent} .detail-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding:145px 0 78px;background:var(--wine)} .course-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .course-hero-bg img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 55%;filter:grayscale(1)} .course-hero-0 .course-hero-bg img{width:120%;object-position:center 43%} .course-hero-1 .course-hero-bg img{object-position:center 58%} .course-hero-bg:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(41,39,51,.72),rgba(41,39,51,.3) 90px,rgba(41,39,51,0) 190px)} .course-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(41,39,51,0) 0%,rgba(41,39,51,.22) 27%,rgba(41,39,51,.78) 53%,rgba(41,39,51,.97) 75%,#292733 100%)} .detail-hero .detail-hero-grid{display:block;position:relative;z-index:1} .course-hero-copy{width:58%;max-width:860px}.detail-hero .detail-promise{max-width:32ch}.detail-hero-grid>div>p:not(.detail-promise){max-width:52ch;color:#E3D8E4} .detail-hero .back-link{color:#E3D8E4} @media(min-width:1700px){.detail-hero{min-height:800px;padding-top:165px;padding-bottom:95px}} @media(max-width:1000px){.course-hero-copy{width:72%;max-width:720px}.course-hero-bg:after{background:linear-gradient(270deg,rgba(41,39,51,.05),rgba(41,39,51,.75) 45%,rgba(41,39,51,.97) 75%,#292733 100%)}.detail-hero{padding-top:130px}} @media(max-width:620px){.detail-hero{padding:115px 0 55px;min-height:640px}.course-hero-copy{width:100%;max-width:none}.course-hero-bg img,.course-hero-0 .course-hero-bg img{width:100%;object-position:62% center}.course-hero-bg:after{background:linear-gradient(270deg,rgba(41,39,51,.72),rgba(41,39,51,.89) 55%,#292733 100%)}.detail-hero .back-link{margin-bottom:28px}.detail-hero h1{font-size:clamp(40px,10.7vw,56px)}.detail-hero .detail-promise{font-size:21px}} /* RISONO identity: vector wordmark, independent from Paola's artist project. */ .brand.risono-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex-shrink:0;width:208px;color:var(--offwhite);text-decoration:none} .risono-wordmark{display:block;width:100%;height:auto;max-width:none} .risono-caption{display:block;font-size:8px;font-weight:500;line-height:1.5;letter-spacing:.24em;white-space:nowrap;color:var(--offwhite);margin-top:-1px} .risono-brand:focus-visible{outline-offset:6px} .risono-footer-brand{width:230px!important} .risono-signature{font:italic 18px/1.5 Georgia,'Times New Roman',serif;margin-top:6px;color:var(--offwhite)} .footer .footer-copy{margin-top:18px;color:#d5ced9} .blog-empty .blog-empty-marker{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);line-height:1} @media(max-width:1000px){.brand.risono-brand{width:184px}.risono-caption{font-size:7.2px;letter-spacing:.21em}.header .nav{transform:none}} @media(max-width:850px){.brand.risono-brand{width:168px}.risono-caption{font-size:6.8px}.header{height:88px}.nav{top:88px}.home-topbar+.hero{padding-top:88px}} @media(max-width:620px){.brand.risono-brand{width:156px}.risono-caption{font-size:6.5px;letter-spacing:.19em}.header{gap:10px}.header-ctas{gap:10px}.header-ctas .btn-primary{padding:12px 13px}.risono-footer-brand{width:220px!important}} @media(max-width:370px){.brand.risono-brand{width:137px}.risono-caption{font-size:5.8px}.header-ctas{gap:8px}.header-ctas .btn-primary{padding:11px 9px}} .contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important} #iub-legal-footer{background:#292733!important;color:#F9F6EE!important;border-top:1px solid rgba(255,255,255,.18)!important} .lead-step[hidden]{display:none!important} .lead-progress{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 17px;margin:0 0 25px;color:var(--secondary);font-size:12px;font-weight:650} .lead-progress span{opacity:.65}.lead-progress .is-current{color:var(--text);opacity:1} .lead-step h4,.lead-step legend{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.025em;color:var(--text);margin:0 0 20px} .lead-step-details{border:0;padding:0;margin:0;min-width:0}.lead-step-details legend{padding:0} .contact .lead-privacy,.contact .lead-step-intro{font-size:13px;line-height:1.65;color:var(--secondary);margin:0 0 18px;max-width:none} .lead-privacy a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px} .lead-actions{display:flex;gap:12px}.native-form .lead-actions .btn-soft{width:auto;flex:0 0 auto}.native-form .lead-actions .btn-primary{flex:1} @media(max-width:620px){.lead-progress{gap:8px;font-size:11px}.lead-actions{flex-direction:column-reverse}.native-form .lead-actions .btn-soft{width:100%}} .hero-actions .btn-outline{background:#F9F6EE;color:#292733;border:2px solid #F9F6EE;font-weight:650;box-shadow:0 4px 22px #0002}.hero-actions .btn-outline:hover{background:#F7E9BA;border-color:#F7E9BA;transform:translateY(-2px)} .home-call{max-width:1180px!important;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}.home-call h2{font-size:clamp(46px,5vw,76px);line-height:1.04}.home-call h3{color:#F9F6EE;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.04em;margin:16px 0}.home-call p{font-size:18px;max-width:560px}.home-call-action{border-left:1px solid #ffffff26;padding-left:clamp(28px,4vw,64px)}.home-call-action .btn{margin:16px 0 22px}.home-call-action small{display:block;max-width:420px;line-height:1.65;color:#d8d2df}.call-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;color:#F0C44F;font-size:14px;font-weight:600} .paths-intro{padding:100px 0 56px;background:#E3D8E4}.paths-intro h1{font-size:clamp(48px,6vw,84px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.paths-intro p{max-width:720px;font-size:20px;line-height:1.7}.paths-help{padding:80px 0 100px}.paths-help .wrap{max-width:1100px}.paths-help h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}.paths-help p{max-width:670px;font-size:18px;line-height:1.7;margin:22px 0 28px}.nav a[aria-current="page"]{color:#F0C44F}.risono-caption{letter-spacing:.13em} .paths-intro+.programs{padding-top:64px} @media(max-width:700px){.home-call{grid-template-columns:1fr}.home-call-action{border-left:0;border-top:1px solid #ffffff26;padding:28px 0 0}.home-call p{font-size:17px}.paths-intro{padding-top:65px}.paths-intro p{font-size:18px}} .interlude:has(.home-call){padding:0}.interlude .home-call{max-width:1420px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,85px);padding:clamp(70px,6vw,112px) 0;position:relative;z-index:1;align-items:center}.home-call-intro h2{margin:18px 0 28px;max-width:12ch}.home-call-action{border:0;padding:0}.home-call-action h3{margin-top:20px;margin-bottom:22px}.home-call-action .btn{margin:28px 0 22px}.call-benefits{margin-top:30px}.home-call-action small{max-width:48ch}.home-call p{max-width:44ch}.footer-links{flex-wrap:wrap} .faq-page-head{background:#E3D8E4;padding:90px 0 72px}.faq-page-head h1{font-size:clamp(44px,5.8vw,78px);line-height:1.05;letter-spacing:-.055em;margin:24px 0}.faq-page-head p{font-size:19px;line-height:1.7;max-width:680px}.faq-page-layout{max-width:1420px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(40px,6vw,90px);padding:80px 0 100px}.faq-index{display:flex;flex-direction:column;align-self:start;position:sticky;top:120px;gap:8px}.faq-index a{padding:13px 0;border-bottom:1px solid #29273322;font-size:15px;font-weight:600}.faq-index a:hover{color:#86620b}.faq-category{scroll-margin-top:120px;margin-bottom:64px}.faq-category h2,.faq-final h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.15;margin:0 0 26px}.faq-category .faq summary{font-size:20px;line-height:1.45}.faq-category .disclosure-body p{font-size:17px;line-height:1.8;max-width:80ch}.faq-final{padding:36px;background:#F7E9BA;border-radius:12px}.faq-final p{font-size:17px;line-height:1.7;margin-bottom:24px} @media(max-width:850px){.interlude .home-call{grid-template-columns:1fr;gap:40px;padding:60px 0}.home-call-action{padding-top:32px;border-top:1px solid #ffffff26}.faq-page-layout{grid-template-columns:1fr;gap:40px;padding-top:44px}.faq-index{position:static;flex-flow:row wrap;gap:8px 22px}.faq-index a{font-size:14px}.faq-page-head{padding:60px 0}.faq-category .faq summary{font-size:18px}.faq-final{padding:26px}} .teacher-media.real-portrait{min-height:0!important;aspect-ratio:3/4;background:#292733}.teacher-media.real-portrait:before,.teacher-media.real-portrait:after{display:none}.real-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:none} .hero-with-paola .hero-bg{background:#292733!important;overflow:hidden}.hero-with-paola .hero-bg img{position:absolute;inset:0 0 0 auto;width:59%;height:100%;object-fit:cover;object-position:50% 0%;filter:grayscale(1)}.hero-with-paola .hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#292733 0%,#292733 30%,rgba(41,39,51,.95) 41%,rgba(41,39,51,.6) 53%,rgba(41,39,51,.08) 75%)}.paola-live-hero .course-hero-bg img{position:absolute;top:0;width:72%;left:auto;right:0;object-position:50% 18%} @media(max-width:850px){.hero-with-paola .hero-bg img{width:75%;object-position:50% 25%}.hero-with-paola .hero-bg:after{background:linear-gradient(90deg,#292733 0%,rgba(41,39,51,.91) 36%,rgba(41,39,51,.58) 70%,rgba(41,39,51,.3))}} @media(max-width:620px){.hero-with-paola .hero-bg img{width:100%;object-position:50% 22%}.hero-with-paola .hero-bg:after{background:linear-gradient(90deg,rgba(41,39,51,.92),rgba(41,39,51,.8) 55%,rgba(41,39,51,.62))}.real-portrait{max-height:600px}.paola-live-hero .course-hero-bg img{width:100%;object-position:58% 25%}} /* Home: one shared content grid, compact portrait and right-hand paths. */ .home-page .intro-layout,.home-page .programs>.wrap,.home-page .method>.wrap,.home-page .interlude .home-call,.home-page .faqs .faq-grid,.home-page .blog-home-grid{max-width:1320px!important} .home-page .hero-bg{background-image:linear-gradient(90deg,rgba(41,39,51,.99),rgba(41,39,51,.95) 25%,rgba(41,39,51,.76) 45%,rgba(41,39,51,.07) 78%),url("assets/pianoforte-home.webp");background-position:center,center 58%} .home-page .intro-layout{grid-template-columns:minmax(0,1fr) 350px;gap:32px;padding-block:76px;align-items:stretch} .home-page .about-main{height:100%} .home-page .teacher-grid{grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start;max-width:1120px;margin-inline:auto;height:100%} .home-page .teacher-media.real-portrait{width:100%;max-width:380px;height:100%;min-height:510px!important;aspect-ratio:auto;align-self:stretch} .home-page .teacher h2{font-size:clamp(40px,3.5vw,52px);margin-top:18px} .home-page .teacher p{font-size:16px;line-height:1.8} .home-page .paths-sidebar{position:static;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:12px} .home-page .paths-heading{display:block;margin-bottom:18px} .home-page .paths-heading .micro{grid-column:1;margin-bottom:8px} .home-page .paths-heading h3{margin:10px 0;font-size:27px} .home-page .paths-heading .sidebar-desc{max-width:42ch;margin:0;font-size:13px} .home-page .paths-cards{display:grid;grid-template-columns:1fr;gap:10px} .home-page .side-card{margin:0;display:flex;flex-direction:column;padding:15px 17px} .home-page .side-card p{font-size:13px;line-height:1.6;flex:1;margin:8px 0 10px} .home-page .paths-action{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px} .home-page .paths-action .btn{width:100%;margin:0} .home-page .paths-action .no-price{margin:0;text-align:center;font-size:11px} .home-page .programs .section-header{display:block;text-align:center;max-width:760px;margin:0 auto 42px} .home-page .programs .section-kicker{justify-content:center} .home-page .programs .section-header h2{margin:18px auto 24px;font-size:clamp(40px,4vw,58px)} .home-page .programs .section-header p{max-width:57ch;margin:0 auto;font-size:17px;line-height:1.75} .home-page .program-grid,.home-page .steps{max-width:1180px;margin-inline:auto;gap:24px} .home-page .program-card{padding:28px;min-height:340px} .home-page .program-card h3{font-size:clamp(25px,2vw,30px);margin-top:30px} .home-page .program-card p{font-size:16px;line-height:1.7} .home-page .method-head{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:38px} .home-page .method-head .section-kicker{justify-content:center} .home-page .method-head h2{font-size:clamp(39px,4vw,56px)} .home-page .method-head p{margin-inline:auto;max-width:58ch;font-size:17px;line-height:1.75} .home-page .step{min-height:240px;padding:28px} .home-page .step p{font-size:16px;line-height:1.75} .home-page .interlude .home-call,.home-page .faqs .faq-grid,.home-page .blog-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,76px)} @media(max-width:1100px){.home-page .intro-layout{grid-template-columns:1fr}.home-page .teacher-grid{max-width:960px;height:auto}.home-page .teacher-media.real-portrait{height:auto;min-height:0!important;aspect-ratio:3/4}.home-page .paths-sidebar{max-width:960px;margin-inline:auto}.home-page .paths-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .paths-action{align-items:flex-start}.home-page .paths-action .btn{width:auto}} @media(max-width:850px){ .home-page .teacher-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:30px;align-items:start} .home-page .paths-sidebar{padding:28px}.home-page .paths-cards{gap:14px}.home-page .side-card{padding:18px} .home-page .program-grid,.home-page .steps{gap:18px}.home-page .program-card{padding:24px} .home-page .interlude .home-call,.home-page .faqs .faq-grid,.home-page .blog-home-grid{grid-template-columns:1fr;gap:32px} } @media(max-width:650px){ .home-page .hero-bg{background-image:linear-gradient(90deg,rgba(41,39,51,.97),rgba(41,39,51,.86) 62%,rgba(41,39,51,.69)),url("assets/pianoforte-home.webp");background-position:center,60% center} .home-page .intro-layout{padding-block:52px;gap:36px}.home-page .teacher-grid{grid-template-columns:1fr;gap:30px} .home-page .teacher-media.real-portrait{max-width:280px;margin-inline:auto}.home-page .teacher h2{font-size:42px} .home-page .paths-sidebar{padding:24px}.home-page .paths-heading{display:block}.home-page .paths-heading h3{margin:12px 0}.home-page .paths-heading .sidebar-desc{font-size:15px} .home-page .paths-cards{grid-template-columns:1fr}.home-page .paths-action{align-items:flex-start;flex-direction:column;gap:14px} .home-page .program-grid,.home-page .steps{grid-template-columns:1fr;max-width:440px}.home-page .program-card{min-height:300px}.home-page .step{min-height:0} .home-page .programs .section-header p,.home-page .method-head p{font-size:16px} } .stage-mic-hero .course-hero-bg img{width:100%;object-position:70% center} .home-page .intro-layout{max-width:1500px!important}.home-page .teacher-grid{grid-template-columns:minmax(350px,450px) minmax(0,1fr);height:auto}.home-page .teacher-media.real-portrait{max-width:450px;height:auto;min-height:0!important;aspect-ratio:1000/1333;align-self:start}.home-page .real-portrait img{object-fit:contain;object-position:center} .home-page .hero-content{margin-left:clamp(12px,1.8vw,30px);width:min(900px,63%)}.home-page .hero h1{font-size:clamp(50px,5.15vw,88px)}.home-page .hero-tagline{font-size:clamp(24px,2vw,30px)} .method-home-link{text-align:center;margin-top:32px}.method-shell{max-width:1320px}.method-masthead{background:var(--wine);color:var(--offwhite);padding:88px 0 96px}.method-masthead .micro{color:var(--accent)}.method-masthead h1{font-size:clamp(48px,6.3vw,86px);line-height:1.04;letter-spacing:-.06em;font-weight:650;margin:28px 0}.method-masthead h1 em{font-style:normal;color:var(--accent)}.method-masthead p{max-width:65ch;font-size:18px;line-height:1.8;color:#e0dbe4}.method-masthead .method-lead{font-size:clamp(21px,2vw,27px);max-width:50ch;line-height:1.6}.method-masthead .btn{margin-top:22px} .method-section{padding:88px 0}.method-section h2,.method-final h2{font-size:clamp(36px,4.1vw,58px);line-height:1.1;letter-spacing:-.05em;margin:20px 0 28px}.method-section p{font-size:17px;line-height:1.8;color:var(--secondary)}.method-editorial-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.method-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.method-principles article{padding:30px;background:var(--accent-pale);border-radius:10px}.method-principles .micro{color:var(--accent-ink)}.method-section h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:20px 0 12px}.method-principles p{margin:0;font-size:16px}.method-lilac{background:var(--lilac)}.method-section-intro{max-width:65ch;margin-bottom:36px} .method-disclosures{max-width:1000px}.method-disclosures details{background:var(--offwhite);border:1px solid #29273318;border-radius:10px;margin:14px 0;overflow:hidden;transition:box-shadow .25s,border-color .25s}.method-disclosures details[open]{border-color:#ac851d;box-shadow:0 12px 35px #2927330c}.method-disclosures summary{cursor:pointer;padding:26px 30px;list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:23px;font-weight:650;letter-spacing:-.03em}.method-disclosures summary::-webkit-details-marker{display:none}.method-disclosures summary span{font-weight:400;color:var(--accent-ink);transition:transform .25s}.method-disclosures details[open] summary span{transform:rotate(45deg)}.method-disclosures details>div{padding:0 30px 30px;max-width:82ch;animation:method-reveal .25s ease-out}.method-disclosures p:first-child{margin-top:0}.method-disclosures .blog-text-link{font-size:15px} .method-outcome{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.method-examples article{padding:22px 28px;background:var(--accent-pale);border-radius:10px;margin-bottom:16px;transition:transform .2s}.method-examples article:hover{transform:translateY(-3px)}.method-examples h3{margin:0 0 10px}.method-examples p{margin:0;font-size:16px}.method-final{background:var(--wine);color:var(--offwhite);padding:76px 0}.method-final .micro{color:var(--accent)}.method-final p{max-width:62ch;font-size:18px;line-height:1.8;margin-bottom:28px}.method-call-note{display:block;color:#d6d0dc;font-size:13px;margin-top:18px} @keyframes method-reveal{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}} @media(max-width:1200px){.home-page .intro-layout{grid-template-columns:1fr}.home-page .teacher-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);max-width:1050px}.home-page .paths-sidebar{max-width:1050px;margin-inline:auto}.home-page .paths-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .paths-action{align-items:flex-start}.home-page .paths-action .btn{width:auto}} @media(max-width:850px){.method-editorial-head,.method-outcome{grid-template-columns:1fr;gap:24px}.method-principles{grid-template-columns:1fr;gap:16px}.method-section{padding:60px 0}.method-masthead{padding:60px 0}.method-principles article{padding:26px}.home-page .teacher-grid{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:30px}} @media(max-width:650px){.home-page .teacher-grid{grid-template-columns:1fr}.home-page .teacher-media.real-portrait{max-width:280px}.home-page .paths-cards{grid-template-columns:1fr}.home-page .hero-content{margin-left:0;width:100%}.home-page .hero h1{font-size:clamp(43px,11.2vw,61px)}.home-page .hero-tagline{font-size:24px}.method-disclosures summary{font-size:21px;padding:22px}.method-disclosures details>div{padding:0 22px 24px}.method-outcome{gap:26px}.method-masthead p,.method-final p{font-size:17px}.method-examples article{padding:24px}} @media(prefers-reduced-motion:reduce){.method-disclosures details>div{animation:none}.method-examples article,.method-disclosures summary span{transition:none}} .footer-legal{padding:26px 0 36px;border-top:1px solid #ffffff24}.footer-legal nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}.footer-legal a,.footer-legal button{font:inherit;font-size:13px;color:#dfd9e6;background:none;border:0;padding:0;cursor:pointer}.footer-legal a:hover,.footer-legal button:hover{color:var(--accent)} .legal-shell{max-width:1320px}.legal-masthead{background:var(--lilac);padding:70px 0}.legal-masthead h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:24px 0 18px;line-height:1.05}.legal-masthead p{font-size:22px;margin:0 0 22px}.legal-date{font-size:13px;color:var(--secondary)}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px;padding-block:70px 90px}.legal-index{position:sticky;top:115px;align-self:start;display:grid;gap:0}.legal-index a{font-size:14px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.5}.legal-index a:hover{color:var(--accent-ink)}.legal-section{scroll-margin-top:115px;margin-bottom:48px}.legal-section h2{font-size:30px;line-height:1.18;letter-spacing:-.035em;margin:0 0 22px}.legal-prose p,.legal-prose li{font-size:16px;line-height:1.85}.legal-prose li{margin-bottom:13px}.legal-prose a,.form-privacy-summary a{text-decoration:underline;text-underline-offset:3px}.legal-prose code{overflow-wrap:anywhere;font-size:13px}.legal-table-scroll{overflow-x:auto;margin:26px 0}.legal-prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7}.legal-prose th,.legal-prose td{text-align:left;vertical-align:top;padding:18px;border:1px solid #d9d1c2}.legal-prose th{background:var(--accent-pale)}.legal-inline-button{border:0;border-bottom:1px solid currentColor;padding:0;background:none;color:inherit;cursor:pointer}.form-privacy-summary{font-size:12px!important;line-height:1.7!important;color:var(--secondary);margin:18px 0!important;max-width:65ch} .cookie-panel[hidden]{display:none!important}.cookie-panel{position:fixed;z-index:1000;bottom:22px;left:22px;width:min(620px,calc(100% - 44px));padding:28px 30px 24px;border:1px solid #d8d0bf;background:var(--offwhite);color:var(--wine);border-radius:14px;box-shadow:0 15px 70px #0004;max-height:calc(100dvh - 44px);overflow:auto}.cookie-panel .micro{color:var(--accent-ink);font-size:10px}.cookie-panel h2{font-size:29px;letter-spacing:-.04em;margin:13px 30px 14px 0;line-height:1.15}.cookie-panel p{font-size:14px;line-height:1.7;margin:0 0 22px}.cookie-close{position:absolute;right:16px;top:14px;border:0;background:none;color:var(--wine);width:38px;height:38px;font-size:27px;cursor:pointer}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cookie-actions button{padding:14px 16px;min-height:48px;border:1px solid var(--accent);background:var(--accent);color:var(--wine);border-radius:7px;font-size:14px;font-weight:700;cursor:pointer}.cookie-actions button:hover{background:var(--accent-pale);border-color:var(--accent-ink)}.cookie-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:12px}.cookie-links a{text-decoration:underline;text-underline-offset:3px}.cookie-links span{color:var(--secondary)} .portal-section{padding:90px 0 110px;background:var(--lilac)}.portal-grid{max-width:1180px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.portal-intro h1{font-size:clamp(43px,4.8vw,68px);line-height:1.07;letter-spacing:-.055em;margin:24px 0}.portal-intro>p{font-size:20px;line-height:1.7;max-width:38ch}.portal-note{border-left:3px solid var(--accent-ink);padding-left:20px;margin:32px 0}.portal-note p{font-size:15px;line-height:1.7;max-width:40ch}.portal-card{padding:40px;border-radius:14px;border:1px solid #d4c9d6;background:var(--offwhite);box-shadow:0 12px 40px #2927330a}.portal-card .micro{color:var(--accent-ink);font-size:10px}.portal-card h2{font-size:30px;letter-spacing:-.035em;margin:20px 0 12px}.portal-card p{font-size:15px;line-height:1.7;color:var(--secondary)}.portal-fields{display:grid;gap:12px;margin-top:28px}.portal-fields label{font-size:13px;font-weight:600}.portal-fields input{padding:15px;border:1px solid var(--line);border-radius:6px;background:#eee9df;color:#6c6871;width:100%}.portal-fields button{margin-top:12px}.portal-fields button:disabled{cursor:not-allowed;opacity:.65;transform:none}.portal-caption{display:block;font-size:12px;line-height:1.7;margin-top:22px;color:var(--secondary)} @media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:40px;padding-block:44px 60px}.legal-index{position:static;grid-template-columns:1fr 1fr;gap:0 25px}.legal-masthead{padding:55px 0}.portal-grid{grid-template-columns:1fr;gap:36px;max-width:650px}.portal-section{padding:60px 0}.portal-card{padding:30px}} @media(max-width:500px){.cookie-panel{left:12px;bottom:12px;width:calc(100% - 24px);padding:24px 20px 20px}.cookie-panel h2{font-size:25px}.cookie-actions{grid-template-columns:1fr;gap:10px}.cookie-panel p{font-size:13px}.legal-index{grid-template-columns:1fr}.legal-section h2{font-size:27px}.legal-prose th,.legal-prose td{padding:12px}.legal-prose p,.legal-prose li{font-size:15px}.footer-legal nav{gap:18px 24px}.portal-card{padding:26px}} .legal-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.legal-service{padding:25px;border:1px solid #d8d0c2;background:var(--offwhite);border-radius:10px}.legal-service h3{font-size:25px;letter-spacing:-.035em;margin:18px 0}.legal-service-state{display:block;color:var(--accent-ink);font-size:11px;font-weight:700;line-height:1.6;text-transform:uppercase;letter-spacing:.04em}.legal-service dl{font-size:14px;line-height:1.8}.legal-service dt,.legal-definitions dt{font-weight:700;margin-top:14px}.legal-service dd,.legal-definitions dd{margin:4px 0 0}.legal-service>a{font-size:13px}.legal-definitions{font-size:16px;line-height:1.85}.portal-card:target{scroll-margin-top:110px}.portal-support{padding:70px 0}.portal-support h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;line-height:1.12;max-width:24ch;margin:22px 0}.portal-support p{font-size:18px;line-height:1.8;max-width:65ch}.portal-support-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.portal-card>.btn{width:100%;margin-top:8px} @media(max-width:850px){.legal-service-grid{grid-template-columns:1fr}}@media(max-width:500px){.legal-service{padding:22px}.portal-support{padding:50px 0}.portal-support p{font-size:16px}} .landing-reassurance{margin:22px 0 0;color:#e8e2ec;font-size:13px;letter-spacing:.02em;line-height:1.55} .price-grid strong{text-transform:lowercase} @media(max-width:650px){.landing-reassurance{font-size:12px}} /* Reader-supplied testimonials: full quotes, readable at every width. */ .method-reviews{background:var(--lilac)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.review-card{margin:0;padding:32px;background:var(--offwhite);border:1px solid #29273315;border-radius:12px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.review-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #29273312}.review-card blockquote{margin:0;flex:1}.method-reviews .review-card p{margin:0;font-size:16px;line-height:1.85;color:var(--wine)}.review-card figcaption{margin-top:28px;padding-top:20px;border-top:2px solid var(--accent);font-size:15px;font-weight:650;color:var(--wine)} @media(max-width:1000px){.review-grid{grid-template-columns:1fr;max-width:760px}.review-card{padding:28px}} @media(prefers-reduced-motion:reduce){.review-card{transition:none}.review-card:hover{transform:none}} .method-reviews .review-grid{display:flex;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:8px 2px 20px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.review-grid .review-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}.review-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:24px}.review-controls button{width:52px;height:52px;border-radius:50%;border:1px solid var(--wine);background:var(--wine);color:var(--offwhite);font-size:25px;cursor:pointer;transition:background .2s,color .2s}.review-controls button:hover{background:var(--accent);color:var(--wine)}.review-controls button:disabled{opacity:.3;cursor:default}.review-controls [data-review-status]{font-size:14px;min-width:66px;text-align:center}.review-controls button:focus-visible,.review-grid:focus-visible{outline:3px solid var(--accent);outline-offset:4px} @media(max-width:1000px){.review-grid .review-card{flex-basis:calc((100% - 24px)/2)}} @media(max-width:650px){.review-grid .review-card{flex-basis:100%;padding:26px}.method-reviews .review-card p{font-size:16px}} /* More space between the navigation and the entire home hero copy. */ .home-page .home-topbar{top:28px} .home-page .hero{padding-top:145px;min-height:750px} .home-page .hero-inner{min-height:605px;padding-top:32px;padding-bottom:62px} .home-page .hero-content{padding-top:0} @media(min-width:1700px){.home-page .home-topbar{top:34px}.home-page .hero{padding-top:155px;min-height:820px}.home-page .hero-inner{min-height:665px;padding-top:35px}} @media(max-width:850px){.home-page .home-topbar{top:22px}.home-page .hero{padding-top:125px;min-height:720px}.home-page .hero-inner{min-height:595px;padding-top:30px;padding-bottom:60px}} @media(max-width:620px){.home-page .home-topbar{top:18px}.home-page .hero{padding-top:122px;min-height:720px}.home-page .hero-inner{min-height:598px;padding-top:24px;padding-bottom:52px}} /* Canora: original supplied vector wordmark, generous readable header size. */ .risono-brand .risono-wordmark{width:205px!important;height:auto!important;max-width:100%;object-fit:contain}.risono-brand .risono-caption{font-size:9px;letter-spacing:.12em;margin-top:2px}.risono-footer-brand .risono-wordmark{width:220px!important} @media(max-width:650px){.risono-brand .risono-wordmark{width:155px!important}.risono-brand .risono-caption{font-size:7px}} .editorial-head{max-width:1180px;padding-block:70px 44px}.editorial-head h1{max-width:23ch;font-size:clamp(38px,4.7vw,68px);line-height:1.1;letter-spacing:-.05em;font-weight:650;margin:22px 0}.editorial-deck{max-width:62ch;font-size:21px;line-height:1.7;color:var(--secondary)}.editorial-cover{max-width:1180px;margin-block:0 58px}.editorial-cover img{display:block;width:100%;height:440px;object-fit:cover;filter:grayscale(1);border-radius:12px}.editorial-article-page:has(img[src*="paola-canto-live"]) .editorial-cover img{object-position:center 26%}.editorial-cover figcaption,.article-inline-photo figcaption{font-size:13px;color:var(--secondary);line-height:1.6;margin-top:12px}.editorial-layout{max-width:1180px;display:grid;grid-template-columns:235px minmax(0,720px);gap:65px;align-items:start;padding-bottom:80px}.article-index{position:sticky;top:35px}.article-index nav{display:flex;flex-direction:column;gap:15px;border-left:2px solid var(--accent);padding-left:20px}.article-index a{font-size:13px;line-height:1.6;color:var(--secondary);text-decoration:none}.article-index a:hover{color:var(--wine);text-decoration:underline}.article-index .blog-label{margin-bottom:8px}.article-reading{min-width:0}.article-reading>p{font-size:18px;line-height:1.9;margin:0 0 24px;color:var(--wine);text-wrap:pretty}.article-reading>h2{font-size:clamp(27px,2.6vw,36px);line-height:1.25;letter-spacing:-.035em;margin:58px 0 24px;font-weight:650;scroll-margin-top:30px}.article-reading>h3{font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:38px 0 18px;font-weight:650}.article-reading strong{font-weight:650}.article-reading>p:first-child{font-size:21px;line-height:1.8}.article-inline-photo{margin:44px 0}.article-inline-photo img{width:100%;height:300px;object-fit:cover;filter:grayscale(1);border-radius:8px}.article-diagram{margin:44px 0;padding:30px;background:var(--accent-pale);border:1px solid #29273312;border-radius:12px}.article-diagram>figcaption{font-size:13px;font-weight:700;color:#735919;letter-spacing:.03em;margin-bottom:28px}.listening-cycle,.voice-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-diagram h3{font-size:20px;margin:14px 0 10px;letter-spacing:-.02em}.article-diagram p{font-size:14px;line-height:1.65;margin:0}.listening-cycle span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--wine);color:var(--accent);font-size:12px;font-weight:700}.article-diagram .diagram-note{border-top:1px solid #29273320;padding-top:18px;margin-top:24px;font-size:13px;color:var(--secondary)}.voice-dimensions .diagram-dot{display:block;width:36px;height:36px;border:8px solid var(--wine);border-radius:50%}.voice-dimensions>div:nth-child(2) .diagram-dot{border-color:#b198b8}.voice-dimensions>div:nth-child(3) .diagram-dot{border-color:#b28b23}.editorial-cta{background:var(--lilac);padding:34px;border-radius:12px;margin-top:48px}.editorial-cta h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:18px 0}.editorial-cta p{font-size:17px;line-height:1.8}.editorial-cta>div{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:25px}.editorial-cta .blog-text-link{font-size:14px}.article-next{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.article-next h2{font-size:25px;line-height:1.4;letter-spacing:-.025em}.article-next a{color:var(--wine);text-decoration:none}.editorial-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.editorial-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.editorial-card:hover{box-shadow:0 15px 35px #29273312}.editorial-card>a{display:block;text-decoration:none;color:inherit;height:100%}.editorial-card img{width:100%;height:300px;object-fit:cover;object-position:center 27%;filter:grayscale(1);display:block}.editorial-card>a>div{padding:30px}.editorial-card h3{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:18px 0}.editorial-card p{font-size:17px;line-height:1.75;color:var(--secondary)}.home-article-links{display:grid;gap:16px;margin-top:28px}.home-article-links a{font-size:17px;line-height:1.5;border-top:1px solid #29273325;padding-top:16px;text-decoration:none;color:var(--wine);display:flex;gap:20px;justify-content:space-between}.home-article-links a:hover{text-decoration:underline} @media(max-width:1000px){.editorial-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.editorial-cover img{height:360px}.editorial-card h3{font-size:26px}} @media(max-width:750px){.editorial-head{padding-block:45px 30px}.editorial-deck{font-size:18px}.editorial-layout{display:block}.article-index{position:static;margin-bottom:38px}.article-index nav{padding:22px;background:var(--accent-pale);border-radius:8px;gap:12px}.editorial-cover{margin-bottom:30px}.editorial-cover img{height:280px}.article-reading>p{font-size:17px;line-height:1.85;margin-bottom:22px}.article-reading>p:first-child{font-size:19px}.article-reading>h2{margin-top:44px}.article-reading>h3{font-size:22px}.article-diagram{padding:24px}.listening-cycle,.voice-dimensions{grid-template-columns:1fr;gap:24px}.listening-cycle>div,.voice-dimensions>div{border-bottom:1px solid #29273320;padding-bottom:20px}.listening-cycle>div:last-child,.voice-dimensions>div:last-child{border:0;padding-bottom:0}.article-diagram h3{margin-top:10px}.editorial-post-grid{grid-template-columns:1fr}.editorial-card img{height:240px}.editorial-cta{padding:26px}.editorial-cta h2{font-size:28px}} .editorial-cover img[src*="blog-canto-studio"]{object-position:center 40%}.editorial-cover img[src*="blog-ascolto-cuffie"]{object-position:center 40%}.editorial-card img[src*="blog-ascolto-cuffie"]{object-position:center 38%}.editorial-cover figcaption a{color:inherit;text-underline-offset:3px} .melody-contour{width:100%;height:auto;display:block;margin:0 0 24px}.extended-cycle{row-gap:28px}.editorial-cover img[src*="blog-respiro"]{object-position:center 24%}.editorial-card img[src*="blog-respiro"]{object-position:center 24%}.editorial-cover img[src*="blog-riscaldamento"],.editorial-card img[src*="blog-riscaldamento"]{object-position:center 32%}.editorial-cover img[src*="blog-esercizi"],.editorial-card img[src*="blog-esercizi"]{object-position:center} /* Restrained details: one title fade and two selected section reveals. */ @view-transition{navigation:none} .nav a{position:relative}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)} .btn{transition:background .2s,color .2s,box-shadow .2s!important}.btn:hover{transform:none!important;box-shadow:0 4px 14px #29273316}.btn:hover .arrow{transform:none!important} .program-card:hover,.program-card:focus-within{box-shadow:inset 0 0 0 1px #f0c44f70;transform:none!important} .program-card .orb-toggle{font-size:0!important;width:34px;height:34px;border:1px solid #f0c44f80!important;border-radius:50%;background:transparent!important;padding:0}.program-card .orb-toggle:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);display:block;margin:auto;box-shadow:0 0 0 4px #f0c44f15;transition:box-shadow .3s}.program-card:hover .orb-toggle:before,.program-card.orb-lit .orb-toggle:before{box-shadow:0 0 0 7px #f0c44f20,0 0 16px #f0c44f60} .review-card:hover,.editorial-card:hover,.method-examples article:hover{transform:none!important;box-shadow:0 5px 18px #2927330b}.editorial-card:hover img,.blog-topic:hover img{transform:none!important} .music-strip .strip-group b{font-size:20px;font-weight:400;opacity:.5} @media(prefers-reduced-motion:reduce){.btn,.nav a:after,.program-card .orb-toggle:before{transition:none!important}} /* Canora ethics page */ .ethics-shell{max-width:1240px} .ethics-hero{background:#292733;color:#F9F6EE;padding:74px 0 82px} .ethics-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:90px;align-items:center} .ethics-hero .section-kicker{color:#F0C44F} .ethics-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.07;letter-spacing:-.05em;margin:26px 0} .ethics-hero h1 em{font-style:normal;color:#F0C44F} .ethics-hero p{font-size:18px;line-height:1.8;max-width:690px;color:#e2dce7} .ethics-actions{display:flex;gap:26px;flex-wrap:wrap;align-items:center;margin:30px 0 22px} .ethics-text-link{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px} .ethics-version{font-size:12px;line-height:1.8;color:#c7c0cf;display:block} .ethics-promise{border-left:1px solid #ffffff30;padding:16px 0 16px 35px} .ethics-promise .micro{color:#F0C44F} .ethics-promise p{font-size:29px;line-height:1.5;letter-spacing:-.03em;margin:26px 0;color:#F9F6EE} .ethics-promise strong{color:#F0C44F;font-weight:600} .ethics-promise a{font-size:14px;display:flex;justify-content:space-between;gap:10px} .ethics-letter{padding:100px 0} .ethics-letter-grid{display:grid;grid-template-columns:260px minmax(0,750px);gap:90px;justify-content:space-between} .ethics-author img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:5px;margin-bottom:22px} .ethics-author strong,.ethics-author span{display:block} .ethics-author strong{font-size:18px;margin-bottom:6px} .ethics-author span{font-size:12px;line-height:1.7;color:#625e69} .ethics-letter h2,.ethics-code h2,.ethics-download h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.04em;margin:20px 0 32px} .ethics-letter-copy p,.ethics-principle p{font-size:17px;line-height:1.9;margin:0 0 22px;color:#504b57} .ethics-signature{font-size:22px;font-weight:600;margin-top:30px;letter-spacing:-.025em} .ethics-code{padding:85px 0 95px;background:#f0ece4} .ethics-code-heading{max-width:740px;margin:0 0 55px 350px} .ethics-code-heading p{font-size:17px;line-height:1.8;color:#625e69} .ethics-code-grid{display:grid;grid-template-columns:260px minmax(0,750px);gap:90px;justify-content:space-between} .ethics-index{position:sticky;top:115px;align-self:start;display:grid} .ethics-index a{font-size:13px;line-height:1.6;padding:11px 0;border-bottom:1px solid #29273318;transition:color .2s} .ethics-index a:hover{color:#806214} .ethics-principle{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;border-top:1px solid #29273324;padding:30px 0 12px;scroll-margin-top:120px} .ethics-number{color:#896816;font-size:13px;font-weight:600;padding-top:5px} .ethics-principle h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0 0 18px} .ethics-chapter{scroll-margin-top:120px;margin-bottom:48px} .ethics-chapter>h3{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px} .ethics-chapter-intro{font-size:17px;line-height:1.75;color:#625e69;margin:0 0 26px} .ethics-principle h4{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0 0 18px} @media(max-width:700px){.ethics-chapter>h3{font-size:26px}.ethics-principle h4{font-size:22px}} .ethics-download{padding:75px 0;background:#E3D8E4} .ethics-download-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center} .ethics-download h2{margin:18px 0} .ethics-download p{font-size:17px;line-height:1.8;margin-bottom:25px;max-width:490px} .ethics-download h3{font-size:25px;letter-spacing:-.025em} .ethics-related{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;margin-top:28px} #lettera-paola,#impegni{scroll-margin-top:100px} @media(max-width:1000px){.ethics-hero-grid{gap:40px;grid-template-columns:minmax(0,1fr) 260px}.ethics-letter-grid,.ethics-code-grid{grid-template-columns:210px minmax(0,1fr);gap:45px}.ethics-code-heading{margin-left:255px}.ethics-download-grid{gap:45px}.ethics-promise{padding-left:25px}} @media(max-width:700px){.ethics-hero{padding:48px 0 55px}.ethics-hero-grid,.ethics-letter-grid,.ethics-code-grid,.ethics-download-grid{grid-template-columns:1fr;gap:36px}.ethics-hero p{font-size:17px}.ethics-promise{display:none}.ethics-letter,.ethics-code{padding:58px 0}.ethics-author{display:grid;grid-template-columns:80px 1fr;column-gap:18px;align-items:center}.ethics-author img{grid-row:span 2;margin:0}.ethics-author strong{align-self:end}.ethics-author span{align-self:start}.ethics-code-heading{margin-left:0;margin-bottom:25px}.ethics-index{position:static;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:8px}.ethics-index a{font-size:12px}.ethics-letter-copy p,.ethics-principle p{font-size:16px;line-height:1.85}.ethics-principle{gap:12px;grid-template-columns:25px minmax(0,1fr)}.ethics-principle h3{font-size:22px}.ethics-download{padding:55px 0}.ethics-download-grid>div+div{border-top:1px solid #29273330;padding-top:24px}.ethics-download .ethics-text-link{overflow-wrap:anywhere}.ethics-actions{gap:22px}} .ethics-summary .ethics-code-heading{max-width:850px;margin:0 auto} .ethics-summary .ethics-code-heading p{font-size:18px;line-height:1.9;margin:0} @media(max-width:700px){.ethics-summary .ethics-code-heading p{font-size:16px;line-height:1.85}} /* Canora disclosure alignment and restrained method-card hover. */ .topbar{padding-block:22px 16px} .topbar .header{height:auto;min-height:90px} .topbar .nav a{text-transform:uppercase;letter-spacing:.055em;font-size:12px} @media(max-width:850px){.topbar{padding-block:18px 12px}.topbar .header{min-height:88px}.topbar .nav{top:100%}.topbar .nav a{font-size:14px}} .faq .course-conditions-link{margin:0 24px 28px;max-width:calc(100% - 48px)} @media(max-width:750px){.faq .course-conditions-link{margin:0 20px 24px;max-width:calc(100% - 40px)}} .faq summary::after{position:absolute;top:50%;width:24px;height:24px;display:grid;place-items:center;line-height:1;margin:0;transform:translateY(-50%);flex-shrink:0} .faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)} .method-disclosures summary{align-items:center} .method-disclosures summary span{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;line-height:1} .bio-list summary::after{flex:0 0 20px;line-height:1;text-align:center} .method-principles article{transition:transform .22s ease,background-color .24s ease,box-shadow .24s ease} @media(hover:hover) and (pointer:fine){ .method-principles article:hover{transform:translateY(-3px);background-color:#F3D984;box-shadow:0 10px 24px #2927330c,inset 0 0 0 1px #cf9f2938} } @media(prefers-reduced-motion:reduce){ .method-principles article{transition:none!important} .method-principles article:hover{transform:none!important} .faq summary::after,.method-disclosures summary span{transition:none!important} } /* Canora footer socials */ .footer{padding:56px 0 24px} .footer-content{padding-bottom:38px;gap:36px} .footer-legal{padding:28px 0 16px} .footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px} .footer-social-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid #f9f6ee33;border-radius:7px;color:#f9f6ee;font-size:12px;line-height:1.3;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s} .footer-social-item svg{display:block;flex:0 0 19px} .footer-social-item.is-unlinked{cursor:default} .footer-social-item:hover{color:#F0C44F;border-color:#F0C44F80;background:#F0C44F08} a.footer-social-item:focus-visible{outline:2px solid #F0C44F;outline-offset:4px} @media(max-width:620px){.footer-socials{gap:8px;margin-top:20px}.footer-social-item{min-height:44px;padding:10px 11px}} @media(prefers-reduced-motion:reduce){.footer-social-item{transition:none}} @media(max-width:620px){.footer{padding:44px 0 24px}.footer-content{padding-bottom:30px;gap:28px}.footer-legal{padding:24px 0 8px}}