/*
Theme Name: Piano Anna
Author: Piano Anna
Description: Индивидуальный сайт Анны Харитоновой
Version: 3.0.0
Text Domain: piano-anna
*/
:root{--cream:#f7f3eb;--ink:#332920;--gold:#9a7b50;--dark:#231d19;--line:#d5c9b9;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}a{color:inherit;text-decoration:none}button,video,a{touch-action:manipulation}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h2{font-size:clamp(38px,4.3vw,65px);letter-spacing:-.035em;margin:20px 0 28px}h3{font-size:26px}em{font-weight:400;color:var(--gold)}.wrap{max-width:1320px;margin:auto;padding-left:60px;padding-right:60px}.pa-header{max-width:1440px;margin:auto;padding:29px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:20px;letter-spacing:.035em;line-height:1.3}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:.24em;margin-top:7px}.pa-header nav{display:flex;gap:30px;font-size:13px}.pa-header nav a{padding:8px 0}.pa-header nav a:hover,.text-link:hover{color:var(--gold)}.menu-toggle{display:none}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.19em;font-weight:500;color:var(--gold)}.hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding-top:64px;padding-bottom:80px;min-height:800px}.hero h1{font-size:clamp(48px,5.8vw,85px);letter-spacing:-.045em;margin:27px 0 30px;line-height:1.06}.hero-line{font-family:var(--serif);font-size:25px;line-height:1.45}.hero-line em{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--gold);padding:16px 20px;font-size:12px;line-height:1.3;min-height:52px;transition:background .2s,color .2s}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}.button span{font-size:20px;color:var(--gold)}.hero-actions .button{flex:1;min-width:205px}.hero-note{font-size:12px;max-width:350px;margin-top:22px;color:#776b5f}.hero-photo img{aspect-ratio:2/3;object-fit:cover}.hero-photo{position:relative}.hero-photo:before{content:'';position:absolute;inset:20px -17px -20px 17px;border:1px solid var(--line);z-index:-1}.hero-photo figcaption{font-family:var(--serif);font-style:italic;font-size:14px;text-align:right;margin-top:12px}.scroll-note{position:absolute;bottom:24px;font-size:9px;letter-spacing:.19em}.scroll-note span{margin-left:35px;font-size:18px}.section{padding-top:105px;padding-bottom:105px}.directions{padding-top:75px;padding-bottom:110px}.section-intro{margin-bottom:45px;max-width:810px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.direction{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:28px}.direction img{aspect-ratio:2/3;object-fit:cover}.direction h3{font-size:34px;margin:15px 0}.direction p{font-size:14px;line-height:1.6}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:4px;margin-top:22px;font-size:12px}.dark{background:var(--dark);color:#f2ece3}.dark em{color:#c4a778}.dark .eyebrow{color:#c4a778}.dark .button:hover{background:#f2ece3;color:var(--dark);border-color:#f2ece3}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.portrait img{aspect-ratio:2/3;object-fit:cover}.section-copy .lead{font-size:18px;line-height:1.7}.section-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.8}.section-copy>.button{width:max-content;max-width:100%;margin-top:28px}.service-list{margin:28px 0}.service-list>div{border-top:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.dark .service-list>div{border-color:#514338}.service-list h3{font-size:21px}.service-list p{font-size:12px;line-height:1.6;color:#75695c}.dark .service-list p{color:#cbbfb2}.lessons{background:#eee6d9}.lesson-photo figcaption{text-align:right;font-family:var(--serif);font-style:italic;font-size:18px;margin-top:15px}.video-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:24px;align-items:start}.video-card video{display:block;width:100%;background:#100e0c;object-fit:contain;aspect-ratio:9/16}.video-card.wide video{aspect-ratio:16/9}.video-card figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em;margin-top:16px}.video-card.wide{padding-top:50px}.music .section-intro{max-width:850px}.music .section-intro>p:last-child{font-size:14px;color:#cbbfb2}.education{margin-top:30px}.education>div{border-top:1px solid var(--line);padding:19px 0}.education span{font-size:10px;letter-spacing:.12em;color:var(--gold)}.education h3{font-size:21px;line-height:1.35;margin-top:10px}.education p{font-size:12px;margin-top:6px;color:#75695c}.fine{font-size:11px!important;color:#75695c}.fine a{text-decoration:underline}.contact-section{background:#e9dfd1}.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.contact-layout>.closing-photo img{aspect-ratio:2/3;object-fit:cover}.contact-layout .lead{max-width:540px}.contact-phone{display:inline-block;font:clamp(24px,3vw,40px) var(--serif);margin-top:32px}.contact-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.contact-choices h3{font-size:23px}.contact-choices p{font-size:12px;margin:12px 0 20px;min-height:40px}.contact-choices .button{font-size:11px;padding:14px 12px}.pa-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:32px;padding-bottom:32px}.pa-footer span,.pa-footer>a:last-child{font-size:10px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--cream);padding:15px;z-index:1000}.skip-link:focus{top:12px}section,[id$='contact']{scroll-margin-top:40px}@media(min-width:1500px){.hero{min-height:850px}}@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.pa-header{padding:24px 36px}.pa-header nav{gap:18px}.hero{gap:35px;min-height:700px}.hero h1{font-size:58px}.hero-line{font-size:22px}.hero-actions{display:grid}.split{gap:40px}.direction{gap:20px}.direction h3{font-size:28px}.service-list>div{display:block}.service-list p{margin-top:7px}.contact-layout{gap:30px}.contact-choices{grid-template-columns:1fr}.contact-choices p{min-height:0}.contact-choices .button{max-width:300px}}@media(max-width:700px){html{scroll-padding-top:24px}.wrap{padding-left:22px;padding-right:22px}.pa-header{padding:22px;position:relative;gap:12px}.brand{font-size:16px}.brand span{font-size:8px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:11px;padding:12px 0 12px 12px}.menu-toggle span{font-size:20px;margin-left:8px}.pa-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 24px;z-index:10;border-bottom:1px solid var(--line);flex-direction:column;gap:8px}.pa-header nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:65px;min-height:0}.hero h1{font-size:clamp(39px,10.5vw,72px);margin:22px 0}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero-line{font-size:21px}.hero-actions{grid-template-columns:1fr;margin-top:26px;gap:10px}.hero-actions .button{width:100%;min-width:0;padding:16px 18px}.hero-note{font-size:11px}.hero-photo{margin-right:12px}.hero-photo img{max-height:610px;object-fit:contain;background:#211b16}.hero-photo:before{inset:12px -12px -12px 12px}.hero-photo figcaption{font-size:12px}.scroll-note{bottom:15px}.directions{padding-top:45px;padding-bottom:65px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:37px;line-height:1.14;margin:17px 0 23px}.section-intro{margin-bottom:30px}.direction-grid{grid-template-columns:1fr;gap:32px}.direction{grid-template-columns:.8fr 1fr;gap:20px}.direction h3{font-size:27px}.direction .eyebrow{font-size:8px;letter-spacing:.1em}.direction p{font-size:12px}.text-link{font-size:11px;margin-top:15px}.split{grid-template-columns:1fr;gap:35px}.portrait{max-width:470px}.section-copy .lead{font-size:17px}.service-list>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-list h3{font-size:21px}.service-list p{margin-top:0;font-size:11px}.lessons .section-copy{order:2}.lessons .lesson-photo{order:1}.video-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.video-card.wide{grid-column:1/-1;padding-top:0}.video-card figcaption{font-size:9px;line-height:1.6}.about .portrait img{max-height:560px;object-position:top}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-choices{grid-template-columns:1fr;gap:30px}.contact-choices .button{max-width:none;font-size:12px;padding:16px 18px}.closing-photo{max-width:300px;margin-left:auto}.pa-footer{align-items:flex-start;flex-direction:column;gap:16px;padding-top:26px;padding-bottom:26px}.pa-footer span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}