/* Local concept 03: editorial detail and interactive lesson preview. */
.header{border-radius:16px;border:1px solid #ffffff;box-shadow:0 6px 28px #17171705}
.header nav{gap:28px}.header nav a{transition:color .2s}
.hero-portrait .polina{width:98%;left:1%;max-width:100%;max-height:91%;height:91%;object-fit:contain;object-position:bottom}
.portrait-circle{background:#f9f2d5;width:94%;left:1%;top:16%}
.portrait-caption{right:8%;top:36px;transform:none;color:#8c877c}
.lesson-tour{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:100px;padding:58px 54px;background:#e4dff9;border-radius:var(--radius);overflow:hidden}
.lesson-tour-copy>p:not(.eyebrow){max-width:420px;font-size:18px;line-height:1.55;margin-top:30px;color:#6d687c}
.lesson-tour-copy h2{font-size:clamp(40px,4.6vw,70px)}
.scene-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.scene-switch button{border:1px solid #b6afcd;background:transparent;border-radius:100px;padding:12px 20px;font-size:14px;transition:background .2s,border-color .2s}
.scene-switch button[aria-pressed=true]{background:var(--txt);color:white;border-color:var(--txt)}
.lesson-tour-copy .text-link{font-size:13px;gap:20px}
.lesson-demo{min-width:0;background:#fff;border-radius:20px;box-shadow:0 18px 45px #50407812;transform:rotate(1.5deg);overflow:hidden}
.demo-top{display:flex;justify-content:space-between;gap:10px;padding:21px 24px;border-bottom:1px solid #eee;font-size:11px;color:#777}
.demo-top>span:first-child{color:var(--txt)}.demo-top i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--accent);border-radius:50%}
.demo-scene{position:relative;padding:28px 28px 30px;background:#fff9da;overflow:hidden;min-height:212px}
.demo-location{font-size:10px;letter-spacing:.09em;position:relative;z-index:1}
.demo-scene h3{font-size:clamp(33px,3.6vw,54px);letter-spacing:-.05em;margin-top:24px;line-height:1.05;position:relative;z-index:1}
.demo-scene p{font-size:13px;line-height:1.6;color:#68604d;margin-top:14px;max-width:350px;position:relative;z-index:1}
.demo-scene-number{position:absolute;right:-12px;top:10px;font-size:190px;letter-spacing:-.15em;color:#f3e7a2;line-height:1;transform:rotate(-12deg)}
.lesson-demo[data-scene=travel] .demo-scene{background:#fbe3f2}.lesson-demo[data-scene=travel] .demo-scene-number{color:#f0c6e0}
.lesson-demo[data-scene=work] .demo-scene{background:#e3defb}.lesson-demo[data-scene=work] .demo-scene-number{color:#cfc5f2}
.demo-answers{display:grid;gap:10px;padding:22px 24px 0}
.demo-answers button{display:flex;align-items:center;text-align:left;gap:12px;padding:15px 13px;border:1px solid #dedde2;background:white;border-radius:12px;min-height:56px;font-size:14px;transition:background .2s,border-color .2s}
.demo-answers button>span:first-child{color:#999;font-size:11px}.answer-copy{flex:1}.answer-check{color:#aaa;font-size:18px}
.demo-answers button:hover{border-color:#a69dcc}.demo-answers button.is-correct{background:#f1f0fc;border-color:#9181c9}.demo-answers button.is-retry{background:#fff7dd;border-color:#d9c67c}
.demo-feedback{min-height:75px;padding:19px 25px 15px;font-size:12px;line-height:1.5;color:#797582}
.demo-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee;padding:16px 24px;font-size:9px;color:#96919b}
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:14px;border-radius:24px;background:#fff;padding:30px 20px}
.journey>div{padding:0 25px;border-right:1px solid #e7e7e7}.journey>div:last-child{border:0}.journey>div>span{font-size:11px;color:#9a8db2}
.journey h3{font-size:20px;letter-spacing:-.025em;margin:17px 0 12px}.journey p{font-size:12px;line-height:1.6;color:#888}
.faq{display:grid;grid-template-columns:.85fr 1.4fr;gap:70px;padding-inline:28px}
.faq-heading{align-self:start;min-width:0}.faq-heading .text-link{font-size:13px;gap:22px}.faq-list{border-top:1px solid #d6d6d6;min-width:0}
.faq-list details{border-bottom:1px solid #d6d6d6}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;padding:27px 0;list-style:none;font-size:18px;letter-spacing:-.025em;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.faq-list summary span{font-size:28px;color:#8d859d;line-height:1;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details>div{padding:0 45px 28px 0;font-size:15px;line-height:1.65;color:#7d7a81;animation:faq-in .25s ease-out}
.faq-list details a{display:inline-block;margin-top:14px;color:var(--accent)}
@keyframes faq-in{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.lesson-tour{padding:40px 35px;gap:35px}.lesson-tour-copy>p:not(.eyebrow){font-size:16px}.scene-switch button{padding:10px 14px;font-size:12px}.journey>div{padding:0 16px}.journey h3{font-size:18px}.faq{gap:40px}.header nav{gap:20px}}
@media(max-width:850px){.lesson-tour{gap:24px;padding:36px 25px}.lesson-tour-copy h2{font-size:38px}.demo-top{padding:18px}.demo-scene{padding:22px;min-height:220px}.demo-answers{padding:18px 18px 0}.demo-answers button{font-size:12px}.demo-feedback{padding-inline:18px}.demo-bottom{padding:14px 18px;font-size:8px}.lesson-tour-copy .text-link{font-size:11px}.journey{grid-template-columns:1fr 1fr;gap:26px;padding:26px 20px}.journey>div:nth-child(2){border:0}.journey h3{margin-top:10px}.faq{grid-template-columns:1fr;gap:30px}.faq-heading h2 br{display:none}.faq-heading .text-link{margin-top:24px}.faq-list summary{font-size:18px}}
@media(max-width:580px){.header{border-radius:13px}.header nav{border-radius:15px;top:78px}.hero-portrait .polina{width:96%;left:2%;height:100%;max-height:100%}.portrait-circle{width:88%;left:6%;top:9%}.lesson-tour{grid-template-columns:1fr;padding:34px 23px;gap:35px;margin-top:63px}.lesson-tour-copy h2{font-size:39px}.lesson-tour-copy>p:not(.eyebrow){font-size:15px;margin-top:23px}.lesson-tour-copy .text-link{font-size:12px;margin-top:25px}.scene-switch{margin-top:23px}.scene-switch button{font-size:12px}.lesson-demo{transform:rotate(.5deg)}.demo-scene h3{font-size:40px}.demo-answers button{font-size:13px;padding:13px 11px;gap:9px}.demo-top{font-size:10px}.demo-scene{min-height:207px}.demo-feedback{min-height:86px;font-size:11px}.demo-bottom span:last-child{display:none}.journey{gap:26px 0;padding:24px 7px}.journey>div{padding:0 17px}.journey h3{font-size:17px;line-height:1.15}.journey p{font-size:11px}.faq{padding-inline:20px}.faq-list summary{font-size:17px;padding:22px 0;gap:16px}.faq-list details>div{font-size:14px;padding-right:16px}.faq-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.faq-list details>div{animation:none}}