@font-face {
  font-family:"Frank Ruhl Libre";
  src:url("assets/fonts/FrankRuhlLibre.ttf") format("truetype");
  font-weight:300 900;
  font-style:normal;
  font-display:swap;
}
:root { color-scheme:light; --paper:#faf7f1; --ink:#42311f; --muted:#6a5e53; --line:#d8cec3; --button:#a8492c; --main:#f0e6d9; --accent:#d2aa8e; --field-border:#9b8b7d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.reference-page { margin:0; background:var(--paper); color:var(--ink); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
h1,h2,h3,p { margin:0; }
main,section,div,article,header,footer { min-width:0; }
section,article { scroll-margin-block-start:25px; }
.eyebrow { font-size:11px; line-height:1.5; font-weight:500; letter-spacing:.16em; text-transform:uppercase; }
.reference-header { display:grid; grid-template-columns:1fr auto 1fr; gap:25px; align-items:center; min-height:84px; padding:15px 4.5%; }
.reference-header .logo { width:155px; justify-self:start; }
.header-tools { display:flex; align-items:center; gap:25px; justify-self:end; direction:ltr; }
.cart-link { display:flex; align-items:center; gap:5px; min-width:35px; min-height:44px; }
.cart-count { font-size:10px; border:1px solid var(--line); min-width:17px; height:17px; border-radius:50%; display:grid; place-items:center; }
.language-picker select { border:0; border-radius:0; background:transparent; color:var(--muted); min-height:44px; font-size:12px; padding:7px 4px; }
.header-nav,.reference-footer nav { display:flex; gap:0; align-items:center; font-size:13px; }
.header-nav a,.reference-footer nav a { min-height:44px; display:flex; align-items:center; position:relative; padding-inline:25px; }
.header-nav a+a:before,.reference-footer nav a+a:before { content:""; position:absolute; inset-inline-start:0; height:15px; width:1px; background:var(--line); }
.header-nav a:hover,.reference-footer a:hover { text-decoration:underline; text-underline-offset:5px; }
.reference-hero { display:grid; grid-template-columns:64.4% 35.6%; direction:ltr; }
.hero-photo { min-height:510px; aspect-ratio:1.365; overflow:hidden; }
.hero-photo img { height:100%; width:100%; object-fit:cover; object-position:center; }
.hero-copy { display:flex; flex-direction:column; align-items:start; justify-content:center; padding:9% 12% 13%; direction:ltr; }
.hero-copy .eyebrow { margin-bottom:30px; }
.hero-copy h1 { font:400 clamp(54px,5.35vw,93px)/1.04 Georgia,"Times New Roman",serif; letter-spacing:-.045em; margin-bottom:27px; }
.hero-copy h1>span { display:block; }
.hero-description { font-size:clamp(15px,1.32vw,20px); color:var(--muted); line-height:1.5; max-width:380px; margin-bottom:34px; }
.terracotta-button { display:inline-flex; justify-content:center; align-items:center; gap:26px; min-height:48px; padding:13px 23px; border:1px solid var(--button); border-radius:1px; background:var(--button); color:#fffdf9; font-size:14px; line-height:1.4; transition:background .2s,transform .2s; }
.terracotta-button:not(:disabled):hover { background:#8e3d25; transform:translateY(-2px); }
.arrow { display:inline-block; font-size:22px; line-height:1; font-family:Arial,sans-serif; flex-shrink:0; }
.reference-collections { padding-inline:4.5%; padding-bottom:17px; }
.collection-index { list-style:none; margin:0; padding:32px 0 29px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.collection-index li { text-align:center; position:relative; padding-inline:17px; display:flex; flex-direction:column; align-items:center; justify-content:start; }
.collection-index li:before { content:""; position:absolute; inset-inline-start:0; height:65%; top:18%; width:1px; background:var(--line); }
.collection-index li:first-child:before { background:#8e7b65; }
.collection-index a { display:flex; flex-direction:column; align-items:center; min-height:66px; }
.collection-index a:hover strong { text-decoration:underline; text-underline-offset:6px; }
.index-number { display:block; font-size:11px; color:var(--muted); margin-bottom:4px; }
.collection-index strong { display:block; font-size:20px; font-weight:400; line-height:1.2; }
.index-description { color:var(--muted); font-size:14px; line-height:1.4; margin-top:5px; }
.collection-mosaic { display:grid; grid-template-columns:1.29fr 1fr; gap:18px; direction:ltr; }
.letters-collection { position:relative; overflow:hidden; aspect-ratio:1.28; background:#e9dfcb; }
.letters-link>img { height:100%; width:100%; object-fit:cover; }
.letters-collection:after { content:""; pointer-events:none; position:absolute; inset:0; background:linear-gradient(145deg,#fff9ec7a 0%,transparent 39%); }
.collection-copy { position:absolute; z-index:1; top:26px; left:26px; max-width:calc(100% - 48px); direction:ltr; }
.collection-number { font-size:12px; display:block; margin-bottom:9px; }
.collection-copy h3 { font:400 38px/1.1 Georgia,"Times New Roman",serif; letter-spacing:-.02em; }
.collection-subtitle { display:block; margin-top:9px; font-size:16px; }
.letters-link { display:block; position:absolute; inset:0; }
.letters-link .collection-copy { display:flex; flex-direction:column; align-items:start; }
.letters-link .arrow { margin-top:13px; transition:transform .2s; }
.letters-link:hover .arrow { transform:translateX(7px); }
.letters-collection:focus-within { outline:3px solid var(--button); outline-offset:4px; }
.future-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:.94fr 1fr; gap:14px; }
.future-collection { position:relative; overflow:hidden; background:#998069; min-height:0; }
.future-02 { grid-column:1 / -1; }
.future-photo { position:absolute; inset:0; background-image:url("assets/home-reference/future.png"); background-repeat:no-repeat; }
.future-02 .future-photo { background-size:100% 213%; background-position:center top; }
.future-03 .future-photo { background-size:201% 190.5%; background-position:left bottom; }
.future-04 .future-photo { background-size:201% 190.5%; background-position:right bottom; }
.future-collection:after { content:""; position:absolute; inset:0; background:linear-gradient(130deg,#25190dd6 0%,#25190dc9 32%,#25190d80 53%,transparent 80%); }
.future-collection .collection-copy { color:#fffdf5; left:23px; top:22px; max-width:calc(100% - 40px); }
.future-collection .collection-copy h3 { font:400 clamp(18px,1.75vw,25px)/1.17 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:0; max-width:190px; }
.coming-soon { display:inline-block; border:1px solid #fff8e4d9; padding:2px 10px; border-radius:20px; font-size:13px; margin-top:11px; line-height:1.45; }
.collection-note { color:var(--muted); font-size:11px; line-height:1.5; margin-top:13px; }
.reference-story { display:grid; grid-template-columns:56% 44%; direction:ltr; background:#f5eee3; }
.studio-photo { overflow:hidden; min-height:310px; }
.studio-photo img { height:100%; width:100%; object-fit:cover; object-position:center; }
.studio-copy { display:flex; flex-direction:column; justify-content:center; align-items:start; padding:37px 10%; direction:ltr; }
.studio-copy .eyebrow { margin-bottom:17px; font-size:10px; }
.studio-copy h2 { font:400 clamp(30px,3.2vw,48px)/1.06 Georgia,"Times New Roman",serif; letter-spacing:-.035em; margin-bottom:22px; }
.studio-copy h2>span { display:block; }
.studio-description { color:var(--muted); font-size:14px; line-height:1.65; max-width:445px; }
.material-note { color:var(--muted); font-size:12px; line-height:1.5; margin-top:17px; }
.newsletter-section { display:grid; grid-template-columns:160px minmax(0,1fr) minmax(300px,1fr); gap:35px; align-items:center; padding:25px 4.5% 0; direction:ltr; }
.newsletter-mark { height:134px; width:140px; display:flex; align-items:center; padding-bottom:25px; }
.newsletter-mark img { display:block; max-width:100%; width:100%; height:auto; }
.newsletter-copy { padding-bottom:25px; }
.newsletter-copy h2 { font:400 24px/1.25 Georgia,"Times New Roman",serif; letter-spacing:-.02em; margin-bottom:7px; }
.newsletter-copy p { color:var(--muted); font-size:12px; max-width:430px; }
.newsletter-controls { padding-bottom:24px; }
.newsletter-fields { display:flex; gap:12px; }
.newsletter-fields input { display:block; width:100%; min-width:0; border:1px solid #b9a999; background:transparent; border-radius:1px; padding:12px 15px; min-height:47px; color:#6c6257; font-size:13px; }
.newsletter-fields input::placeholder { color:#766d63; opacity:1; }
.newsletter-fields .terracotta-button { padding:12px 17px; min-width:115px; font-size:12px; gap:18px; }
.newsletter-fields :disabled { cursor:not-allowed; opacity:.75; }
.newsletter-note { color:var(--muted); font-size:10px; line-height:1.5; margin-top:9px; }
.reference-footer { margin-inline:4.5%; border-top:1px solid var(--line); padding-top:15px; padding-bottom:95px; color:var(--muted); }
.footer-main { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; }
.footer-main .footer-brand { width:126px; justify-self:start; }
.footer-identity { font-size:11px; display:grid; gap:3px; }
.footer-identity a { min-height:35px; display:flex; align-items:center; text-decoration:underline; text-underline-offset:3px; }
.reference-footer nav { font-size:12px; }
.reference-footer nav a { padding-inline:20px; }
.footer-notes { display:flex; justify-content:space-between; gap:18px; font-size:10px; margin-top:14px; }
.reference-page .accessibility-launcher { background:var(--ink); border-color:var(--ink); padding:10px 13px; min-height:46px; font-size:12px; }
.reference-page .accessibility-launcher svg { height:21px; width:21px; }
.reference-page .styles-dialog { width:min(940px,calc(100% - 32px)); padding:32px; border-radius:5px; }
.reference-page .contact-dialog { width:min(630px,calc(100% - 32px)); padding:30px; border-radius:5px; }
.reference-page dialog .dialog-heading { margin-bottom:25px; align-items:start; }
.reference-page .styles-dialog h2,.reference-page .contact-dialog h2 { font:400 34px/1.1 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
.styles-dialog .dialog-heading p,.contact-dialog .dialog-heading p { color:var(--muted); font-size:13px; margin-top:12px; }
.reference-page .dialog-close { border-radius:2px; font-size:13px; padding:10px 12px; min-height:44px; }
.style-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.style-photo { position:relative; }
.style-photo img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.style-number { position:absolute; top:13px; left:13px; font-size:10px; background:#fffaf0ee; padding:4px 6px; border-radius:2px; color:#423b30; }
.style-choice-copy { padding:14px 0 0; }
.style-choice h3 { font-size:19px; font-weight:500; }
.concept-label { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.style-try { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); font-size:13px; min-height:49px; margin-top:9px; }
.style-try:hover { color:var(--button); }
.dialog-note { color:var(--muted); font-size:12px; margin-top:24px; }
.contact-dialog form { display:grid; gap:17px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.field { display:grid; gap:7px; }
.field label { font-size:13px; }
.field input,.field textarea { width:100%; min-width:0; min-height:47px; padding:12px 14px; background:#fffaf4; color:var(--ink); border:1px solid var(--field-border); border-radius:2px; font-size:16px; }
.field textarea { min-height:120px; resize:vertical; }
.field input::placeholder,.field textarea::placeholder { color:var(--muted); opacity:1; }
.contact-dialog form>.terracotta-button { justify-self:start; }
.form-status:empty { display:none; }
.form-status { font-size:13px; }

/* Physical photo placement follows the supplied art direction in every language. */
html[dir="rtl"] .reference-page .header-nav,html[dir="rtl"] .reference-page .reference-footer nav { direction:rtl; }
html[dir="rtl"] .reference-page .hero-copy,html[dir="rtl"] .reference-page .studio-copy,html[dir="rtl"] .reference-page .newsletter-copy,html[dir="rtl"] .reference-page .newsletter-controls,html[dir="rtl"] .reference-page .collection-copy,html[dir="rtl"] .reference-page .footer-identity { direction:rtl; text-align:right; }
html[dir="rtl"] .reference-page .hero-copy,html[dir="rtl"] .reference-page .studio-copy { align-items:start; }
html[dir="rtl"] .reference-page .eyebrow { letter-spacing:.12em; }
html[dir="rtl"] .reference-page .hero-copy h1 { font-family:Arial,"Segoe UI",sans-serif; font-size:clamp(60px,6.5vw,104px); font-weight:400; line-height:1.1; letter-spacing:normal; }
html[dir="rtl"] .reference-page .studio-copy h2 { font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(39px,4.5vw,64px); line-height:.95; letter-spacing:-.02em; }
html[dir="rtl"] .reference-page .collection-copy h3 { font-family:"Frank Ruhl Libre",Georgia,serif; font-size:38px; }
html[dir="rtl"] .reference-page .future-collection h3 { font-family:Arial,sans-serif; font-size:clamp(20px,2vw,29px); line-height:1.15; }
html[dir="rtl"] .reference-page .newsletter-copy h2 { font:400 25px/1.2 Arial,sans-serif; letter-spacing:0; }
html[dir="rtl"] .reference-page .styles-dialog h2,html[dir="rtl"] .reference-page .contact-dialog h2 { font:400 29px/1.2 Arial,sans-serif; letter-spacing:0; }
html[dir="rtl"] .reference-page .arrow { transform:scaleX(-1); }
html[dir="rtl"] .reference-page .letters-link:hover .arrow { transform:translateX(-7px) scaleX(-1); }
html[lang="ru"] .reference-page .hero-copy h1 { font-size:clamp(48px,4.75vw,83px); }
html.high-contrast .reference-page .reference-story { background:var(--paper); }
html.high-contrast .reference-page .hero-copy,html.high-contrast .reference-page .studio-copy { color:var(--ink); }
html.high-contrast .reference-page .terracotta-button { background:var(--button); color:#fff; }
html.high-contrast .reference-page .letters-link .collection-copy { background:#fff; color:#18221b; padding:12px; }

@media(min-width:1650px) {
  .reference-page main,.reference-header,.reference-footer { max-width:1780px; margin-inline:auto; }
  .reference-footer { width:91%; }
}
@media(max-width:1150px) {
  .reference-header { min-height:70px; gap:16px; }
  .reference-header .logo { width:125px; }
  .header-tools { gap:16px; }
  .header-nav { font-size:12px; }
  .header-nav a { padding-inline:18px; }
  .hero-photo { min-height:470px; }
  .hero-copy { padding:8% 12% 12%; }
  .hero-copy .eyebrow { font-size:9px; margin-bottom:23px; }
  .hero-copy h1 { font-size:59px; }
  .hero-description { font-size:16px; margin-bottom:26px; }
  .hero-copy .terracotta-button { font-size:12px; gap:19px; padding:12px 17px; }
  .collection-index { padding-block:27px 24px; }
  .collection-index strong { font-size:18px; }
  .index-description { font-size:13px; }
  .collection-mosaic { gap:15px; }
  .future-grid { gap:12px; }
  .collection-copy { top:21px; left:21px; }
  .collection-copy h3 { font-size:34px; }
  .collection-subtitle { font-size:14px; }
  .future-collection .collection-copy { top:18px; left:19px; }
  .future-collection .collection-copy h3 { font-size:21px; }
  .coming-soon { font-size:12px; }
  .studio-copy { padding:29px 10%; }
  .studio-copy h2 { font-size:34px; }
  .studio-description { font-size:13px; }
  .newsletter-section { grid-template-columns:135px 1fr 1.1fr; gap:25px; }
  .newsletter-copy h2 { font-size:21px; }
  .newsletter-fields { gap:9px; }
  .newsletter-fields .terracotta-button { min-width:85px; gap:12px; padding-inline:13px; }
  .newsletter-fields input { padding-inline:12px; }
  .reference-footer nav a { padding-inline:14px; }
  .reference-footer nav { font-size:11px; }
  .footer-main { gap:18px; }
}
@media(max-width:900px) {
  .reference-header { grid-template-columns:1fr 1fr; padding-block:16px 8px; gap:4px 20px; }
  .header-nav { grid-column:1 / -1; grid-row:2; justify-content:center; }
  .reference-header .logo { grid-column:1; grid-row:1; width:140px; }
  .header-tools { grid-column:2; grid-row:1; }
  .header-nav a { padding-inline:24px; }
  .hero-photo { min-height:430px; }
  .reference-hero { grid-template-columns:58% 42%; }
  .hero-copy { padding-inline:10%; }
  .hero-copy h1 { font-size:53px; }
  html[lang="ru"] .reference-page .hero-copy h1 { font-size:45px; }
  html[dir="rtl"] .reference-page .hero-copy h1 { font-size:60px; }
  .hero-description { font-size:14px; }
  .hero-copy .eyebrow { font-size:8px; }
  .collection-index li { padding-inline:12px; }
  .collection-index strong { font-size:17px; }
  .index-description { font-size:12px; }
  .collection-mosaic { grid-template-columns:1.1fr 1fr; }
  .letters-collection { aspect-ratio:1.06; }
  .letters-link>img { object-position:center; }
  .collection-copy { top:18px; left:18px; }
  .collection-copy h3 { font-size:31px; }
  .collection-subtitle { font-size:12px; max-width:160px; }
  .collection-number { font-size:10px; margin-bottom:7px; }
  .future-collection .collection-copy { top:15px; left:15px; max-width:calc(100% - 25px); }
  .future-collection .collection-copy h3 { font-size:18px; }
  html[dir="rtl"] .reference-page .future-collection h3 { font-size:22px; }
  .coming-soon { font-size:11px; padding:2px 8px; margin-top:8px; }
  .studio-copy { padding:28px 8%; }
  .reference-story { grid-template-columns:50% 50%; }
  .studio-copy h2 { font-size:30px; }
  html[dir="rtl"] .reference-page .studio-copy h2 { font-size:43px; }
  .material-note { font-size:11px; }
  .newsletter-section { grid-template-columns:100px 1fr; gap:5px 25px; padding-top:24px; }
  .newsletter-mark { grid-column:1; grid-row:1 / 3; width:100px; height:145px; }
  .newsletter-mark img { width:100%; }
  .newsletter-copy { padding:0; }
  .newsletter-controls { grid-column:2; padding:10px 0 22px; }
  .newsletter-copy h2 { font-size:23px; }
  .newsletter-fields input { max-width:320px; }
  .footer-main { grid-template-columns:1fr 1fr; }
  .footer-main .footer-brand { grid-column:1; grid-row:1; }
  .footer-identity { grid-column:2; grid-row:1; }
  .reference-footer nav { grid-column:1 / -1; grid-row:2; justify-content:center; font-size:12px; }
}
@media(max-width:600px) {
  .reference-header { padding-inline:20px; min-height:0; padding-top:14px; }
  .reference-header .logo { width:124px; }
  .header-tools { gap:16px; }
  .language-picker select { font-size:11px; }
  .header-nav { font-size:12px; }
  .header-nav a { padding-inline:12px; }
  .reference-hero { display:flex; flex-direction:column; }
  .hero-copy { order:-1; padding:34px 26px 38px; align-items:center; text-align:center; }
  .hero-copy .eyebrow { font-size:9px; margin-bottom:20px; }
  .hero-copy h1 { font-size:61px; margin-bottom:22px; line-height:1.02; }
  html[lang="en"] .reference-page .hero-copy h1 { font-size:clamp(39px,10.8vw,59px); }
  html[lang="ru"] .reference-page .hero-copy h1 { font-size:57px; }
  html[dir="rtl"] .reference-page .hero-copy { align-items:center; text-align:center; }
  html[dir="rtl"] .reference-page .hero-copy h1 { font-size:76px; }
  .hero-description { font-size:15px; max-width:330px; margin-bottom:25px; }
  .hero-copy .terracotta-button { font-size:13px; padding:13px 23px; min-height:48px; }
  .hero-photo { min-height:0; width:100%; aspect-ratio:1.23; }
  .hero-photo img { object-position:51% center; }
  .reference-collections { padding-inline:16px; padding-bottom:21px; }
  .collection-index { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:23px; padding-block:28px 25px; }
  .collection-index li { padding-inline:12px; }
  .collection-index li:before { height:72%; top:13%; }
  .collection-index strong { font-size:17px; }
  .index-number { font-size:10px; }
  .index-description { font-size:12px; }
  .collection-mosaic { grid-template-columns:1fr; gap:13px; }
  .letters-collection { aspect-ratio:1.12; }
  .letters-link>img { object-position:center; }
  .collection-copy { top:21px; left:21px; }
  .collection-copy h3 { font-size:35px; }
  .collection-subtitle { font-size:14px; max-width:none; }
  .collection-number { font-size:11px; }
  .future-grid { grid-template-rows:auto auto; gap:12px; }
  .future-02 { aspect-ratio:2.1; }
  .future-03,.future-04 { aspect-ratio:1; }
  .future-collection .collection-copy { top:16px; left:16px; max-width:calc(100% - 26px); }
  .future-collection .collection-copy h3 { font-size:19px; max-width:150px; }
  html[dir="rtl"] .reference-page .future-collection h3 { font-size:23px; }
  .collection-note { font-size:10px; margin-top:12px; }
  .reference-story { display:flex; flex-direction:column; }
  .studio-photo { min-height:0; aspect-ratio:1.55; }
  .studio-photo img { object-position:center; }
  .studio-copy { padding:32px 26px 35px; }
  .studio-copy .eyebrow { font-size:9px; margin-bottom:18px; }
  .studio-copy h2 { font-size:37px; line-height:1.08; }
  html[dir="rtl"] .reference-page .studio-copy h2 { font-size:49px; line-height:.98; }
  .studio-description { font-size:14px; }
  .material-note { font-size:12px; }
  .newsletter-section { padding:27px 22px 20px; grid-template-columns:1fr; gap:15px; }
  .newsletter-mark { display:none; }
  .newsletter-copy { grid-column:1; }
  .newsletter-controls { grid-column:1; padding:0; }
  .newsletter-copy h2 { font-size:24px; }
  .newsletter-copy p { font-size:12px; }
  .newsletter-fields { gap:10px; }
  .newsletter-fields input { max-width:none; font-size:13px; }
  .newsletter-fields .terracotta-button { min-width:92px; }
  .newsletter-note { font-size:10px; margin-top:11px; }
  .reference-footer { margin-inline:22px; padding-top:20px; }
  .footer-main { gap:15px; }
  .footer-main .footer-brand { width:110px; }
  .footer-identity { font-size:10px; }
  .reference-footer nav { font-size:11px; }
  .reference-footer nav a { padding-inline:14px; }
  .footer-notes { flex-direction:column; gap:5px; margin-top:17px; font-size:9px; }
  .reference-page .styles-dialog,.reference-page .contact-dialog { padding:22px; }
  .reference-page .styles-dialog h2,.reference-page .contact-dialog h2 { font-size:28px; }
  html[dir="rtl"] .reference-page .styles-dialog h2,html[dir="rtl"] .reference-page .contact-dialog h2 { font-size:25px; }
  .reference-page .dialog-heading { gap:12px; }
  .style-choices { grid-template-columns:1fr; gap:22px; }
  .style-choice { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:center; }
  .style-choice-copy { padding:0; }
  .style-choice h3 { font-size:18px; }
  .style-try { font-size:12px; margin-top:6px; }
  .style-number { top:9px; left:9px; font-size:9px; }
  .form-row { grid-template-columns:1fr; }
  .dialog-note { font-size:11px; }
  .reference-page .dialog-close { padding:9px 10px; }
}
@media(max-width:360px) {
  .reference-header { padding-inline:16px; }
  .reference-header .logo { width:112px; }
  .header-nav { font-size:11px; }
  .header-nav a { padding-inline:10px; }
  .header-tools { gap:9px; }
  .hero-copy { padding-inline:22px; }
  .hero-copy h1 { font-size:54px; }
  html[lang="ru"] .reference-page .hero-copy h1 { font-size:48px; }
  html[dir="rtl"] .reference-page .hero-copy h1 { font-size:65px; }
  .collection-index strong { font-size:16px; }
  .index-description { font-size:11px; }
  .future-collection .collection-copy h3 { font-size:17px; }
  .future-collection .collection-copy { left:13px; top:13px; }
  html[dir="rtl"] .reference-page .future-collection h3 { font-size:21px; }
  .coming-soon { font-size:10px; }
  .reference-page .styles-dialog,.reference-page .contact-dialog { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}

.managed-products{padding:30px 5% 60px}.managed-products h2{margin-bottom:24px}.managed-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.managed-product-grid a{text-decoration:none;color:inherit}.managed-product-grid img{width:100%;height:300px;object-fit:cover}.managed-product-grid h3{font-size:22px;margin:15px 0 5px}@media(max-width:650px){.managed-product-grid{grid-template-columns:1fr}}

.reference-page .terracotta-button { color:var(--button-ink,#fff); }
.reference-page .terracotta-button:not(:disabled):hover {background:var(--button);filter:brightness(.95)}
html.high-contrast .reference-page .terracotta-button{background:#493522;color:#fff}