:root{color-scheme:light;--paper:#f4f1e9;--ink:#234740;--soft:#5d6d64;--line:#cdd2c7;--accent:#937343;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:2px}.page{max-width:1344px;padding:0 64px;margin:auto}.skip-link{position:absolute;top:12px;left:16px;padding:12px;background:var(--paper);transform:translateY(-200%);z-index:5}.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:31px 0 27px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,"Times New Roman",serif;letter-spacing:-1.5px;font-size:36px;text-decoration:none;line-height:1}.wordmark span{color:var(--accent)}.languages{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px}.languages a{padding:12px 4px;text-decoration:none}.languages a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}.languages span{color:#a0a99d}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px;padding:68px 0 58px}.hero-copy{padding:0 0 18px}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;line-height:1.6;margin:0 0 26px;color:var(--soft)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,5.5vw,76px);font-weight:400;line-height:1.01;letter-spacing:-3px;margin:0 0 28px}h1 em{font-weight:400;color:#48736b}.intro{font-size:16px;line-height:1.8;max-width:350px;margin:0;color:var(--soft)}.availability{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2px;margin:30px 0 0;color:var(--soft)}.availability span{width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}
.artwork{margin:0;min-width:0;width:100%;max-width:340px;justify-self:center}.artwork img{width:100%;height:auto;display:block;border-radius:3px;background:#72aeb2}.artwork figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:10px;line-height:1.5;letter-spacing:.5px;color:var(--soft)}.artwork figcaption span:first-child{color:var(--ink)}
.site-footer{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding:27px 0 35px;font-size:11px;line-height:1.8}.developer p{margin:0}.muted{color:var(--soft)}.footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px 22px}.footer-links a{padding:3px 0;text-decoration:none}.footer-links a:hover{text-decoration:underline}
html[lang=ru] h1{font-size:clamp(46px,4.8vw,65px);letter-spacing:-2.7px}html[lang=ru] .intro{max-width:340px}html[lang=ru] .footer-links{gap:10px 17px}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:77px}}
@media(max-width:1000px){.page{padding:0 40px}.hero{gap:36px;padding-top:56px;padding-bottom:42px}h1{letter-spacing:-2.5px}.intro{font-size:15px}.site-footer{gap:20px}}
@media(max-width:720px){.page{padding:0 24px}.site-header{padding:24px 0 20px}.wordmark{font-size:32px}.hero{grid-template-columns:1fr;gap:34px;padding:39px 0 30px}.hero-copy{padding:0}.eyebrow{margin-bottom:20px;font-size:10px;letter-spacing:1.4px}h1{font-size:58px;line-height:1.03;letter-spacing:-2.5px;margin-bottom:22px}.intro{font-size:15px;line-height:1.75}.availability{margin-top:22px}.artwork figcaption{padding:12px 0 0}.site-footer{flex-direction:column;gap:20px;padding:23px 0 29px}.footer-links{gap:20px}.footer-links a{padding:6px 0}html[lang=ru] h1{font-size:53px;letter-spacing:-2px}}
@media(max-width:360px){.page{padding:0 20px}h1{font-size:51px}html[lang=ru] h1{font-size:46px}.footer-links{gap:14px}.intro br{display:none}}
