/* Piyano Zamanı — a visual language drawn from concert programmes and piano keys. */
:root{--serif:'Bodoni Moda',Georgia,serif;--sans:'IBM Plex Sans',sans-serif;--line:#d9d6cf;--muted:#565652;--soft:#f7f6f2}
body{font-size:16px;-webkit-font-smoothing:antialiased}h1,h2{font-optical-sizing:auto}h1 em,h2 em{font-style:normal}.wrap{width:min(1328px,calc(100% - 96px))}.nav{height:96px;background:#ffffffed;border-bottom:1px solid var(--ink)}.nav .brand{font-family:var(--sans);font-weight:600;font-size:21px;letter-spacing:-.8px}.nav .brand small{letter-spacing:2.1px;font-size:8px}.nav-links{font-weight:500}.nav-links a{border-radius:0}.login{font-weight:500;min-height:50px;padding-inline:21px}.languages a{border-radius:0;min-width:44px}.languages a[aria-current]{border-color:transparent;border-bottom-color:var(--red);background:transparent}.keys{gap:4px;height:35px}.keys i{width:6px}.keys i:nth-child(2){height:27px}
.edition-line{display:flex;justify-content:space-between;gap:20px;padding-top:28px;font-size:10px;letter-spacing:1.6px;direction:ltr;color:var(--muted)}.simple-hero{position:relative;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:44px 0 65px}.simple-hero-copy{padding-bottom:28px;min-width:0}.simple-home .eyebrow{font-size:11px;font-weight:500;letter-spacing:1.2px}.eyebrow:before{width:7px;height:7px;border-radius:50%;flex-shrink:0}.simple-hero h1{font-size:clamp(70px,7.4vw,108px);line-height:1.08;letter-spacing:-4px;margin:28px 0 28px;font-weight:400}.simple-hero h1 em{margin:0;color:var(--ink);font-size:.79em;line-height:1.25;white-space:nowrap}.simple-hero h1 em:after{content:'.';color:var(--red)}.simple-intro{font-size:16px;line-height:1.9;max-width:400px}.cta{box-shadow:none;border-radius:2px;min-height:64px;padding:17px 22px;font-weight:500;font-size:16px;gap:20px}.cta:hover{background:#ba0712;box-shadow:0 6px 0 #0a0a0a;transform:translateY(-2px)}.cta>span{display:grid;place-items:center;border-inline-start:1px solid #ffffff66;padding-inline-start:20px;font-size:27px;font-weight:400}.simple-hero .cta{margin-top:28px;max-width:350px}.simple-hint{max-width:350px;font-size:12px}.simple-photo{position:relative;height:555px;margin:0 0 0 0;border-radius:0;overflow:visible;align-self:start;padding:0 0 42px 25px;border-inline-start:1px solid var(--line)}.simple-photo:before{content:'';position:absolute;z-index:1;width:66px;height:6px;background:var(--red);top:0;inset-inline-start:25px}.simple-photo img{filter:grayscale(1) contrast(1.08);object-position:57% center;border-radius:0 0 100px 0}.simple-photo figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.simple-photo figcaption>span:last-child{font-family:Georgia,serif;font-size:24px;line-height:1;color:var(--red)}.score-divider{height:52px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,#dedbd5 10px,#dedbd5 11px);background-size:100% 44px;background-repeat:no-repeat;background-position:center}.score-divider span{background:white;padding:12px 26px;font-size:10px;letter-spacing:2px;color:var(--muted)}.section-index{display:flex;align-items:center;gap:16px;font-size:11px!important;font-family:var(--sans);color:var(--muted)!important;margin:0 0 27px!important;letter-spacing:.4px}.section-index>span{font-size:12px;line-height:1;display:inline-grid;place-items:center;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;color:var(--red)}.simple-lessons{border-top:0;padding:90px 0 100px;grid-template-columns:1fr 1fr;gap:120px}.simple-home h2{font-size:clamp(36px,3.8vw,54px);line-height:1.2;letter-spacing:-1.5px}.simple-lessons>div>p:not(.section-index){max-width:430px}.simple-steps{padding-top:50px}.simple-steps li{padding:22px 0;gap:28px}.simple-steps li>span{font-size:40px;line-height:1.1;color:#76716b}.simple-steps h3{font-size:18px;font-weight:500}.simple-steps p{max-width:340px;font-size:15px}.text-link{font-size:14px;font-weight:500}.simple-teacher{position:relative;background:#f7f6f2;padding:70px 0;border-block:1px solid var(--line)}.simple-teacher>.wrap{max-width:1328px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px}.teacher-emblem{direction:ltr;position:relative;display:flex;align-items:center;justify-content:center;min-height:330px;font-family:'Bodoni Moda',Georgia,serif;font-size:190px;line-height:1;letter-spacing:-22px;border-inline-end:1px solid var(--line)}.teacher-emblem span:last-of-type{transform:translateY(39px);color:var(--red)}.teacher-emblem i{position:absolute;bottom:4px;width:165px;height:36px;background:repeating-linear-gradient(90deg,#0a0a0a 0,#0a0a0a 7px,transparent 7px,transparent 22px);opacity:.8}.teacher-story>.eyebrow{display:none}.teacher-story h2{margin:0}.teacher-story h2 em{color:var(--ink)}.simple-teacher .teacher-story>p:last-child{max-width:490px}.simple-start{position:relative;margin-top:90px;margin-bottom:90px;padding:48px 54px 54px;gap:100px;background:#fffaf8;border:1px solid #ecd7d1;border-radius:14px;box-shadow:0 6px 0 #f7f2ef}.simple-start:before{content:'';position:absolute;top:0;inset-inline-start:54px;width:52px;height:4px;background:var(--red)}.simple-start .section-index{margin-bottom:23px!important}.simple-start h2{font-size:42px}.simple-start p{font-size:15px}.simple-start .simple-hint{font-size:12px}.simple-footer{padding-top:50px;padding-bottom:120px;border-top:1px solid var(--ink)}.simple-footer .brand{font-family:var(--serif);font-size:40px;letter-spacing:-1px;font-weight:400}.footer-inner{padding-bottom:12px}.discovery-links{font-size:15px;border-color:var(--ink);gap:15px 36px}.discovery-links a{font-weight:500}.social-icons{gap:0}.social-icon{border-radius:0;min-width:100px;min-height:88px;border:0;border-inline-end:1px solid var(--line);background:transparent}.social-icon:first-child{border-inline-start:1px solid var(--line)}.social-icon svg{width:34px;height:34px}.social-icon:hover{background:#fff3ef}.social-area{margin-top:30px}.contact-options{font-size:15px;margin-top:25px}.footer-details{border-top:1px solid var(--line);padding-top:14px}.whatsapp-official{z-index:19}body:has(dialog[open]) .whatsapp-official{visibility:hidden}
/* The same typographic character on supporting pages. */
.resource-page{max-width:1100px;padding-top:60px}.resource-heading{max-width:100%;padding-bottom:35px;border-bottom:1px solid var(--ink);margin-bottom:35px}.resource-heading h1,.article-hero h1{font-size:clamp(48px,5.8vw,82px);font-weight:400;line-height:1.12;letter-spacing:-2px}.resource-heading p{max-width:620px;font-size:17px}.faq-list{max-width:none;counter-reset:questions}.faq-list details{background:white;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0;counter-increment:questions}.faq-list summary{list-style:none;display:flex;align-items:center;gap:24px;padding:27px 0;font-size:18px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:before{content:counter(questions,decimal-leading-zero);font-family:var(--serif);font-size:25px;color:var(--red)}.faq-list summary:after{content:'+';margin-inline-start:auto;font-size:26px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details[open]{background:#faf9f6}.faq-list details p{max-width:780px;padding-inline:48px;line-height:1.9}.journal-number{font-size:48px}.journal-list article{padding:35px 0;gap:45px}.journal-list h2{font-size:38px}.new-gallery{gap:24px}.new-gallery .gallery-item{border-radius:2px}.new-gallery .gallery-item:first-child{border-bottom-right-radius:80px}.gallery-item span{font-size:12px;letter-spacing:0}.video-placeholder{border-radius:4px;border-inline-start:3px solid var(--red)}.article-hero{padding-top:65px;padding-bottom:45px}.article-body{max-width:800px}.article-body p{font-size:17px;line-height:1.95}.article-body section{padding:40px 0}.article-body h2{font-size:39px;line-height:1.25}.breadcrumb{font-size:13px}.related{gap:20px 30px}dialog{border-top:4px solid var(--red);border-radius:4px}dialog h2{font-size:43px}dialog p{font-size:14px}.form-note{font-size:12px!important}.close{font-size:29px}.field{font-weight:500}input,select{border:1px solid #c6c2ba;border-radius:3px}
/* Persian keeps connected glyphs, native direction, and comfortable reading rhythm. */
html[lang=fa]{--serif:'Noto Naskh Arabic','Vazirmatn',serif;--sans:'Vazirmatn',Tahoma,sans-serif}html[lang=fa] .simple-home h1{font-size:clamp(52px,5.7vw,82px);line-height:1.5;font-weight:500;letter-spacing:0}html[lang=fa] .simple-home h1 em{font-size:.9em;white-space:normal}html[lang=fa] .simple-home h1 em:after{content:''}html[lang=fa] .simple-home h2{font-size:clamp(34px,3.8vw,52px);line-height:1.6;letter-spacing:0;font-weight:500}html[lang=fa] .simple-photo{padding:0 25px 42px 0}html[lang=fa] .simple-photo img{border-radius:0 0 0 100px}html[lang=fa] .simple-photo figcaption,html[lang=fa] .score-divider span,html[lang=fa] .section-index{letter-spacing:0}html[lang=fa] .simple-photo figcaption{font-size:12px}html[lang=fa] .simple-intro{font-size:16px}html[lang=fa] .resource-heading h1,html[lang=fa] .article-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.55;letter-spacing:0}html[lang=fa] .simple-footer .brand{font-size:42px;letter-spacing:0}html[lang=fa] .faq-list summary{font-size:17px}html[lang=fa] .cta{font-size:15px}html[lang=fa] .nav .brand{font-size:25px}html[lang=fa] .nav .brand small{letter-spacing:0;font-size:9px}
@media(max-width:1250px){.nav{height:124px}.nav-inner{grid-template-rows:60px 54px;gap:0 12px}.nav-links{top:124px;max-height:calc(100dvh - 124px)}.wrap{width:calc(100% - 64px)}.simple-hero{gap:35px}.simple-photo{height:500px}.simple-lessons{gap:65px}.simple-teacher>.wrap{gap:55px}.simple-start{gap:50px}.nav .brand{font-size:20px}.menu-toggle{border-radius:0;min-height:46px}.nav-links a{font-size:17px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-inner{width:calc(100% - 32px)}.nav .brand{font-size:17px}.nav .brand small{font-size:7px;letter-spacing:1px}.nav .login{font-size:13px;min-height:46px}.edition-line{padding-top:22px;font-size:8px;letter-spacing:.8px}.simple-hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:38px}.simple-hero-copy{padding-bottom:0}.simple-home .eyebrow{font-size:10px}.simple-hero h1{font-size:clamp(62px,12vw,88px);letter-spacing:-2px;margin:23px 0}.simple-hero h1 em{font-size:.79em}.simple-intro{font-size:15px;max-width:520px}.simple-hero .cta{max-width:none;min-height:60px}.simple-hint{max-width:90%}.simple-photo{height:335px;padding:0 0 34px 14px;margin-inline-start:22px}.simple-photo:before{inset-inline-start:14px;width:44px;height:4px}.simple-photo img{border-bottom-right-radius:65px}.simple-photo figcaption{font-size:8px;letter-spacing:.6px}.score-divider{height:44px}.score-divider span{font-size:8px;padding-inline:13px;letter-spacing:1px}.simple-lessons{grid-template-columns:1fr;gap:28px;padding:52px 0 58px}.simple-home h2{font-size:36px;letter-spacing:-1px}.simple-steps{padding-top:0}.simple-steps li{gap:22px;padding:20px 0}.simple-steps li>span{font-size:32px}.section-index{margin-bottom:20px!important}.simple-teacher{padding:38px 0 44px}.simple-teacher>.wrap{grid-template-columns:1fr;gap:30px}.teacher-emblem{justify-content:start;min-height:145px;font-size:112px;letter-spacing:-14px;border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:32px;padding-inline-start:12px}.teacher-emblem span:last-of-type{transform:translateY(17px)}.teacher-emblem i{inset-inline-end:4px;bottom:30px;width:85px;height:26px;background-size:100% 100%}.teacher-story h2{margin:0}.simple-start{margin-block:52px;padding:32px 24px 30px;gap:26px}.simple-start:before{inset-inline-start:24px}.simple-start h2{font-size:34px}.simple-start .cta{min-height:60px}.simple-footer{padding-top:32px}.simple-footer .brand{font-size:30px}.footer-inner{gap:12px}.discovery-links{font-size:14px;gap:6px 22px}.social-icon{min-width:87px}.resource-page{padding-top:40px;padding-bottom:50px}.resource-heading{padding-bottom:25px;margin-bottom:10px}.resource-heading h1,.article-hero h1{font-size:46px;letter-spacing:-1px}.resource-heading p{font-size:15px;margin-top:18px}.faq-list summary{gap:15px;font-size:16px;padding:22px 0}.faq-list details p{padding-inline:36px 15px;font-size:15px}.journal-number{font-size:33px}.journal-list article{gap:23px}.journal-list h2{font-size:30px}.journal-list p{font-size:15px}.new-gallery{gap:18px}.new-gallery .gallery-item:first-child{border-bottom-right-radius:60px}.article-hero{padding-top:40px;padding-bottom:32px}.article-body h2{font-size:31px}.article-body p{font-size:16px}.modal-body{padding:42px 22px 28px}dialog h2{font-size:37px}.simple-hero h1 em:after{display:none}html[lang=fa] .simple-home h1{font-size:clamp(50px,10vw,70px);line-height:1.45}html[lang=fa] .simple-home h2{font-size:35px;line-height:1.55}html[lang=fa] .simple-photo{padding:0 14px 34px 0}html[lang=fa] .simple-photo img{border-bottom-left-radius:65px}html[lang=fa] .simple-photo figcaption{font-size:10px}html[lang=fa] .resource-heading h1,html[lang=fa] .article-hero h1{font-size:41px;line-height:1.6}html[lang=fa] .nav .brand{font-size:22px}html[lang=fa] .nav .brand small{font-size:8px}html[lang=fa] .simple-footer .brand{font-size:32px}html[lang=fa] .faq-list summary{font-size:15px}html[lang=fa] .simple-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cta:hover{transform:none}.simple-photo img{transition:none}}

.simple-hero h1 em:after{content:none}.red-stop{color:var(--red)}

/* Quiet separation: whitespace replaces decorative rules. */
.score-divider{display:none}
.nav{border-bottom-color:#efeeeb}
.simple-steps li{border-bottom:0}
.simple-teacher{border-block:0}
.simple-footer{border-top:1px solid #efeeeb}
.discovery-links,.footer-details{border-top:0}
.resource-heading{border-bottom:0}
.journal-list article,.article-body section{border-top:0}
.faq-list details{border-bottom-color:#eeece8}