:root{--paper:#f6f3ec;--ink:#292923;--muted:#6c6a60;--rust:#9b4d36;--line:#d9d5ca;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}a:focus-visible,button:focus-visible{outline:2px solid var(--rust);outline-offset:5px}.skip{position:fixed;left:12px;top:-100px;background:var(--paper);padding:10px;z-index:10}.skip:focus{top:10px}.announcement{background:#333a30;color:#f1eee4;text-align:center;font-size:10px;letter-spacing:1.1px;padding:8px 18px}.announcement span{margin-left:30px;color:#e0dfd2}.header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand img{width:168px;height:auto;filter:brightness(.32)}.brand>span{font-size:7px;letter-spacing:2.2px;margin-top:8px}.header nav{display:flex;gap:30px;font-size:16px}.header nav a{padding:10px 0}.header nav a:hover,.text-link:hover{color:var(--rust)}.header-tools{display:flex;gap:20px;align-items:center}.currency{font-size:10px;letter-spacing:1px}.header svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.25;fill:none}.menu-toggle{display:none;background:none;border:0;padding:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:70px 10% 48px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;line-height:1.8;margin:0 0 21px;color:var(--rust)}h1,h2,h3,p,figure{margin-top:0}h1{font:normal clamp(50px,5.7vw,88px)/1.04 var(--serif);letter-spacing:-3px;margin-bottom:26px}h1 em{font-weight:normal;color:var(--rust)}.intro{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:32px;padding:15px 22px;background:var(--rust);color:#fff;font-size:11px;letter-spacing:.25px;transition:background .2s}.button:hover{background:#773a29}.button span{font-size:18px;line-height:1}.hero-note{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted);margin-top:39px}.tiny-line{display:block;width:28px;border-top:1px solid #b2a99b}.hero-photo{margin:0;position:relative;min-width:0;overflow:hidden;background:#b2afa7}.hero-photo>img{position:absolute;width:100%;height:100%;object-position:50% 37%;filter:saturate(.78)}.hero-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(18,17,15,.6));pointer-events:none}.hero-photo figcaption{position:absolute;z-index:1;bottom:33px;left:36px;right:25px;color:white}.hero-photo figcaption>span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:8px}.hero-photo figcaption a{font-family:var(--serif);font-size:19px}.hero-photo figcaption a span{display:inline-block;margin-left:18px}.photo-index{position:absolute;top:25px;right:26px;font-size:9px;letter-spacing:2px;color:white;writing-mode:vertical-rl}.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:6%;padding:20px 4%;font-size:10px;letter-spacing:.35px}.values i{font-style:normal;color:var(--rust);font-size:16px}.section{padding:85px 6%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:11px}h2{font:normal clamp(32px,3.2vw,47px)/1.12 var(--serif);letter-spacing:-1.3px;margin-bottom:0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:1px}.collection-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.collection-image{aspect-ratio:1/.98;overflow:hidden;position:relative;background:#e6e0d4}.collection-image img{width:100%;height:100%;transition:transform .6s}.collection:hover img{transform:scale(1.035)}.image-label{position:absolute;left:18px;bottom:17px;color:white;font-size:8px;letter-spacing:2px;text-shadow:0 1px 8px #000}.collection-title{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}h3{font:normal 25px/1.2 var(--serif);margin-bottom:7px}.collection-title p{font-size:11px;color:var(--muted);margin-bottom:0}.collection-title>span{font-size:24px}.selected{background:#eeeae1;padding-top:70px;padding-bottom:65px}.text-link{font-size:11px;border-bottom:1px solid #a39988;padding-bottom:6px;display:inline-block}.text-link span{padding-left:22px}.product-image{position:relative;aspect-ratio:1/1.12;background:#d8d2c6;overflow:hidden;margin-bottom:20px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.035)}.tag{position:absolute;top:14px;left:14px;z-index:1;background:#f6f3ec;padding:5px 8px;font-size:7px;letter-spacing:1px}.product h3{font-size:21px;margin-bottom:7px}.product p{font-size:11px;color:var(--muted);margin-bottom:12px}.price{font-size:12px}.catalogue-note{color:var(--muted);font-size:9px;margin:28px 0 0}.story{display:grid;grid-template-columns:1fr 1fr}.story>figure{margin:0;min-height:560px;position:relative}.story>figure img{width:100%;height:100%;position:absolute}.story>figure figcaption{position:absolute;bottom:14px;left:20px;font-size:8px;color:white;text-shadow:0 1px 5px #000}.story-copy{padding:75px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story h2{font-size:clamp(36px,4vw,59px);margin-bottom:28px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;color:var(--muted);max-width:360px;margin-bottom:15px}.story-copy .text-link{margin-top:12px}.story-signature{font:italic 25px var(--serif);color:var(--rust);margin-top:34px}.closing{text-align:center;padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}.closing .eyebrow{margin-bottom:17px}.closing h2{margin-bottom:30px}.closing .button{gap:50px}footer{background:#30362f;color:#eeeade;padding:55px 6% 20px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:40px}.footer-top img{object-fit:contain;width:165px;height:auto;margin-bottom:17px}.footer-top p{font-size:11px;color:#c8cbbc}.footer-top .eyebrow{color:#e7d7c0;font-size:8px;margin-bottom:16px}.footer-top a{display:block;font-size:11px;margin-bottom:7px}.footer-message .text-link{display:inline-block;color:#eeeade}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #596050;padding-top:20px;font-size:9px;color:#c8cbbc}@media(min-width:1550px){.hero{min-height:740px}.hero-copy{padding-left:14%}.header{height:120px}}@media(max-width:1000px){.header{gap:20px;padding:0 4%;height:94px}.header nav{gap:18px;font-size:14px}.header-tools{gap:13px}.currency{display:none}.brand img{width:139px}.brand>span{font-size:6px}.hero{min-height:560px}h1{letter-spacing:-2px}.hero-copy{padding:55px 8%}.hero-note{font-size:8px}.section{padding:65px 5%}.collection-grid,.product-grid{gap:18px}.collection-title h3{font-size:23px}.story-copy{padding:55px 9%}.story>figure{min-height:520px}}@media(max-width:700px){.announcement{font-size:8px;padding:7px 10px;letter-spacing:.6px}.announcement>span{display:none}.header{height:86px;padding:0 6%;position:relative;gap:12px}.brand img{width:128px}.brand>span{font-size:5.5px;letter-spacing:1.6px;margin-top:5px}.menu-toggle{display:block;order:-1;padding-left:0}.header-tools{gap:16px}.header-tools svg{width:18px;height:18px}.header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:22px 7%;z-index:5;border-bottom:1px solid var(--line);box-shadow:0 12px 12px #2929230a}.header nav.open{display:flex;flex-direction:column;gap:0;font-size:16px}.header nav a{padding:12px 0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 7% 38px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}h1{font-size:55px;line-height:1.02;letter-spacing:-2px;margin-bottom:20px}.intro{font-size:12px;line-height:1.8;margin-bottom:23px}.button{padding:14px 20px;font-size:10px;gap:35px}.hero-note{margin-top:25px;font-size:8px}.hero-photo{height:460px}.hero-photo>img{object-position:50% 32%}.hero-photo figcaption{bottom:25px;left:25px}.hero-photo figcaption a{font-size:17px}.hero-photo figcaption>span{font-size:7px}.values{gap:9px;padding:15px 6%;flex-wrap:wrap;font-size:8px}.values i{font-size:11px}.values i:last-of-type{display:none}.values>span:last-child{display:none}.section{padding:50px 7%}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin:17px 0 0;font-size:11px}.section-heading .text-link{margin-top:20px}h2{font-size:34px;letter-spacing:-1px}.collection-grid{grid-template-columns:1fr;gap:30px}.collection-image{aspect-ratio:1/.9}.collection-title{padding:17px 0}.collection-title h3{font-size:27px}.product-grid{grid-template-columns:1fr 1fr;gap:23px 15px}.product:last-child{display:none}.product-image{margin-bottom:15px;aspect-ratio:1/1.22}.product h3{font-size:19px}.product p{font-size:10px;line-height:1.6}.tag{left:7px;top:7px;padding:4px 5px;font-size:6px;letter-spacing:.5px}.catalogue-note{font-size:8px;line-height:1.7}.story{grid-template-columns:1fr}.story>figure{min-height:330px}.story-copy{padding:48px 7%}.story h2{font-size:43px}.story-copy>p:not(.eyebrow){max-width:none}.story-signature{margin-top:27px}.closing h2{font-size:36px}footer{padding:42px 7% 22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Two Kashgar palettes; light remains the initial appearance. */
:root { color-scheme: light; }
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.theme-toggle:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.theme-toggle .theme-sun { display: none; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #232720;
  --ink: #f0ebdf;
  --muted: #bdb7a9;
  --rust: #dfac8d;
  --line: #474b40;
}
[data-theme="dark"] .brand img { filter: none; }
[data-theme="dark"] .announcement { background: #191e18; }
[data-theme="dark"] .selected { background: #2c3028; }
[data-theme="dark"] .collection-image,
[data-theme="dark"] .product-image { background: #191c17; }
[data-theme="dark"] .button { background: #98503b; color: #fff8ef; }
[data-theme="dark"] .button:hover { background: #ae5e46; }
[data-theme="dark"] .tag { background: #30352c; color: var(--ink); }
[data-theme="dark"] .tiny-line { border-color: #777768; }
[data-theme="dark"] .text-link { border-color: #878573; }
[data-theme="dark"] .theme-moon { display: none; }
[data-theme="dark"] .theme-toggle .theme-sun { display: block; }
@media (max-width: 700px) {
  .header-tools { gap: 10px; }
}

.currency { font-size: 12px; white-space: nowrap; }

/* One quiet hero slideshow: a fixed frame, a slow crossfade, manual controls. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease-in-out; pointer-events: none; }
.hero-slide.is-active { opacity: 1; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 37%; filter: saturate(.78); }
.hero-slide-object { background: #090a08; }
.hero-slide-object img { object-fit: contain; padding: 42px 7% 100px; filter: none; }
.hero-photo figcaption { bottom: 88px; }
.hero-photo figcaption #hero-slide-title { margin-left: 0; }
.hero-slider-controls { position: absolute; z-index: 2; bottom: 22px; left: 25px; right: 25px; display: flex; align-items: center; gap: 5px; color: #fff8ed; }
.hero-slider-controls button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: inherit; background: transparent; cursor: pointer; }
.hero-slider-controls button:hover { background: #ffffff18; }
.hero-slider-controls button:focus-visible { outline-color: #fff8ed; outline-offset: 0; }
.hero-slider-controls svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.slide-dots { display: flex; align-items: center; }
.slide-dots button { width: 32px; }
.slide-dots button::after { content: ''; width: 5px; height: 5px; border: 1px solid currentColor; border-radius: 50%; opacity: .65; }
.slide-dots [aria-current="true"]::after { background: currentColor; opacity: 1; }
.hero-slider-controls .slide-playback { margin-left: auto; border: 1px solid #fff8ed65; }
.slide-playback .play-icon { display: none; }
.slide-playback.is-paused .pause-icon { display: none; }
.slide-playback.is-paused .play-icon { display: block; }
@media (max-width: 700px) {
  .hero-slide img { object-position: 50% 32%; }
  .hero-slide-object img { padding: 30px 5% 115px; }
  .hero-photo figcaption { bottom: 84px; }
  .hero-slider-controls { left: 17px; right: 20px; bottom: 17px; }
}

/* Readable editorial hierarchy. */
body { font-size: 16px; }
.announcement { font-size: 12px; letter-spacing: .5px; }
.brand > span { font-size: 9px; letter-spacing: 1.5px; }
.eyebrow { font-size: 11px; letter-spacing: 1.6px; }
.intro { font-size: 17px; line-height: 1.8; }
.button { font-size: 14px; padding: 16px 24px; }
.hero-note { font-size: 12px; line-height: 1.6; }
.values { font-size: 13px; }
.section-heading > p { font-size: 15px; }
.collection-title p { font-size: 14px; }
.text-link { font-size: 14px; }
.product h3 { font-size: 25px; line-height: 1.3; }
.product p { font-size: 14px; }
.price { font-size: 17px; }
.tag { font-size: 10px; padding: 7px 10px; }
.catalogue-note { font-size: 12px; line-height: 1.7; }
.story-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.85; }
.footer-top p, .footer-top a { font-size: 14px; }
.footer-top .eyebrow { font-size: 11px; }
.footer-bottom { font-size: 12px; }
.hero-photo figcaption > span { font-size: 10px; }
.hero-photo figcaption a { font-size: 22px; }
.image-label { font-size: 11px; letter-spacing: 1.4px; }
.photo-index { font-size: 11px; }

/* Consistent gallery frames preserve the complete object photographs. */
.collection-image { aspect-ratio: 4 / 3.8; background: #10110e; }
.collection-image img { object-fit: contain; }
.product-image { aspect-ratio: 4 / 4.6; background: #10110e; }
.product-image img { object-fit: contain; padding: 10% 6%; }
.product:last-child { display: block; }

/* Detailed product view. */
.breadcrumbs { max-width: 1480px; margin: 0 auto; padding: 26px 6%; display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; color: var(--muted); }
.breadcrumbs a:hover { color: var(--rust); }
.product-layout { max-width: 1480px; margin: 0 auto; padding: 6px 6% 72px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: start; gap: 6%; }
.product-gallery { min-width: 0; }
.product-gallery-main { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1.06; background: #090a08; overflow: hidden; }
.product-gallery-main img { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; padding: 30px; }
.gallery-zoom { position: absolute; bottom: 18px; right: 20px; font-size: 12px; color: #f6f3ec; background: #171a16cc; padding: 5px 9px; }
.product-thumbnails { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.product-thumbnails button { border: 1px solid var(--line); background: #090a08; padding: 0; cursor: pointer; aspect-ratio: 1.15; overflow: hidden; }
.product-thumbnails button[aria-pressed="true"] { outline: 2px solid var(--rust); outline-offset: 3px; }
.product-thumbnails img { width: 100%; height: 100%; object-fit: contain; }
.product-image-caption { font-size: 12px; color: var(--muted); margin: 15px 0 0; }
.product-information .eyebrow { margin-bottom: 15px; }
.product-information h1 { font-size: clamp(35px, 3.2vw, 52px); line-height: 1.08; letter-spacing: -1.7px; margin-bottom: 18px; }
.product-name { font-size: 14px; line-height: 1.7; color: var(--muted); margin-bottom: 16px; max-width: 430px; }
.product-main-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; font-size: 29px; margin-bottom: 20px; }
.product-main-price span { color: var(--muted); font-size: 12px; }
.product-lead { font-size: 15px; color: var(--muted); line-height: 1.8; margin-bottom: 24px; }
.product-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 24px; margin: 0 0 26px; padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-facts dt { font-size: 11px; color: var(--muted); margin-bottom: 4px; }
.product-facts dd { font-size: 14px; margin: 0; }
.product-purchase { display: flex; justify-content: space-between; width: 100%; min-height: 58px; }
.purchase-note { font-size: 12px; color: var(--muted); line-height: 1.7; margin: 12px 0 23px; }
.purchase-details { border-top: 1px solid var(--line); padding-top: 18px; }
.purchase-details > div { display: flex; gap: 13px; margin-bottom: 15px; }
.purchase-details > div > span { color: var(--rust); font-size: 21px; }
.purchase-details p { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0; }
.purchase-details strong { color: var(--ink); font-weight: 500; }
.purchase-details a, .product-accordions a { text-decoration: underline; text-underline-offset: 3px; }
.product-question { display: inline-block; font-size: 13px; border-bottom: 1px solid var(--line); padding-bottom: 3px; }
.product-story { display: grid; grid-template-columns: 1fr 1.1fr; gap: 9%; background: #eeeae1; }
[data-theme="dark"] .product-story { background: #2c3028; }
.product-story-content > p { font-size: 16px; color: var(--muted); line-height: 1.9; margin-bottom: 20px; }
.product-accordions { margin-top: 35px; }
.product-accordions details { border-top: 1px solid var(--line); }
.product-accordions details:last-child { border-bottom: 1px solid var(--line); }
.product-accordions summary { padding: 19px 0; font-size: 15px; cursor: pointer; }
.product-accordions p { color: var(--muted); font-size: 14px; line-height: 1.85; margin: 0 0 22px; }
.product-back { text-align: center; }
.product-back h2 { margin-bottom: 26px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .header { height: auto; padding-top: 18px; padding-bottom: 18px; flex-wrap: wrap; gap: 18px; }
  .header nav { order: 3; width: 100%; justify-content: center; font-size: 16px; }
}
@media (max-width: 700px) {
  .announcement { font-size: 10px; }
  .brand > span { font-size: 7px; letter-spacing: 1px; }
  .eyebrow { font-size: 10px; }
  .intro { font-size: 16px; }
  .button { font-size: 14px; }
  .hero-note { font-size: 11px; }
  .values { font-size: 11px; gap: 13px; }
  .section-heading > p, .collection-title p { font-size: 14px; }
  .hero-photo figcaption > span { font-size: 9px; }
  .hero-photo figcaption a { font-size: 20px; }
  .text-link { font-size: 14px; }
  .product h3 { font-size: 23px; }
  .product p { font-size: 14px; }
  .price { font-size: 17px; }
  .product-grid { grid-template-columns: 1fr; gap: 32px; }
  .product-image { aspect-ratio: 1 / 1; }
  .tag { font-size: 10px; padding: 7px 10px; }
  .catalogue-note { font-size: 12px; }
  .story-copy > p:not(.eyebrow) { font-size: 16px; }
  .footer-bottom { font-size: 12px; line-height: 1.8; }
  .breadcrumbs { padding: 22px 7%; gap: 8px; font-size: 12px; }
  .product-layout { grid-template-columns: 1fr; gap: 36px; padding: 0 7% 50px; }
  .product-gallery-main { aspect-ratio: 1 / 1.05; }
  .product-gallery-main img { padding: 20px; }
  .product-thumbnails { gap: 10px; }
  .product-information h1 { font-size: 40px; }
  .product-main-price { font-size: 29px; }
  .product-facts dd { font-size: 14px; }
  .product-story { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 360px) {
  .brand img { width: 112px; }
  .brand > span { letter-spacing: .7px; }
  .header { gap: 8px; }
}

/* The ring and the slide share the same elapsed time. */
.hero-slider-controls .slide-playback { position: relative; border: 0; }
.hero-slider-controls .slide-timer { position: absolute; inset: 0; width: 44px; height: 44px; transform: rotate(-90deg); pointer-events: none; }
.slide-timer-track { stroke: #fff8ed65; stroke-width: 1; }
.slide-timer-progress { stroke: #e4bd9c; stroke-width: 1.8; stroke-linecap: round; }

/* A dedicated About Us page, using the same editorial language. */
.header nav [aria-current="page"] { color: var(--rust); }
.about-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.about-intro { padding: 55px 11% 65px 12%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.about-intro h1 { font-size: clamp(42px, 4.5vw, 70px); line-height: 1.08; letter-spacing: -2.2px; margin-bottom: 25px; }
.about-intro > p:not(.eyebrow) { font-size: 17px; line-height: 1.85; color: var(--muted); max-width: 470px; margin-bottom: 30px; }
.about-hero > figure { position: relative; margin: 0; min-height: 490px; }
.about-hero > figure img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.about-hero > figure figcaption { position: absolute; bottom: 16px; right: 20px; color: #fff; font-size: 11px; text-shadow: 0 1px 5px #000; }
.about-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding-top: 40px; padding-bottom: 40px; }
.timeline-year { display: block; font: 37px/1.2 var(--serif); color: var(--rust); margin-bottom: 12px; }
.about-timeline p { color: var(--muted); font-size: 14px; margin-bottom: 0; max-width: 210px; }
.about-family { display: grid; grid-template-columns: 1fr 1.1fr; gap: 10%; }
.founder-portrait { display: flex; align-items: center; gap: 20px; margin: 35px 0 0; }
.founder-portrait img { width: 125px; height: 110px; object-fit: cover; }
.founder-portrait figcaption { font-size: 14px; line-height: 1.8; }
.founder-portrait figcaption span { color: var(--muted); font-size: 12px; }
.about-family-copy p { color: var(--muted); font-size: 18px; line-height: 1.85; margin-bottom: 24px; }
.about-family-copy .text-link { margin-top: 10px; }
.about-philosophy { background: #eeeae1; }
[data-theme="dark"] .about-philosophy { background: #2c3028; }
.about-philosophy .section-heading { align-items: center; gap: 12%; }
.about-philosophy .section-heading > p { max-width: 460px; font-size: 16px; line-height: 1.9; }
.philosophy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 55px; }
.philosophy-grid article { padding-top: 24px; border-top: 1px solid var(--line); }
.philosophy-number { display: block; font-size: 12px; color: var(--rust); margin-bottom: 25px; }
.philosophy-grid h3 { font-size: 28px; margin-bottom: 16px; }
.philosophy-grid p { color: var(--muted); font-size: 15px; line-height: 1.8; margin-bottom: 0; }
.about-closing { text-align: center; }
.about-closing h2 { margin-bottom: 33px; }
.about-closing > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px; }
.about-source { font-size: 12px; color: var(--muted); margin: 35px 0 0; }
.about-source a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .about-hero { grid-template-columns: 1fr; }
  .about-intro { padding: 22px 7% 40px; }
  .about-intro h1 { font-size: 43px; letter-spacing: -1.5px; }
  .about-intro > p:not(.eyebrow) { font-size: 16px; }
  .about-hero > figure { min-height: 320px; }
  .about-timeline { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
  .timeline-year { font-size: 33px; }
  .about-timeline p { font-size: 14px; }
  .about-family { grid-template-columns: 1fr; gap: 32px; }
  .about-family-copy p { font-size: 16px; }
  .about-philosophy .section-heading > p { margin-top: 25px; }
  .philosophy-grid { grid-template-columns: 1fr; gap: 30px; margin-top: 35px; }
  .philosophy-number { margin-bottom: 16px; }
  .about-closing > div { gap: 25px; }
}

/* Full-length About Us: original narrative, paced as reading chapters. */
.about-intro > .about-byline { font-size: 14px; margin-top: -13px; }
.about-chapters { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 35px; padding: 22px 6%; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-chapters a { font-size: 14px; padding: 5px 0; color: var(--muted); }
.about-chapters a:hover { color: var(--rust); }
.about-full-story .about-timeline { border-top: 0; }
.about-story-chapter { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: 9%; }
.about-chapter-heading h2 { font-size: clamp(32px, 3.1vw, 48px); line-height: 1.16; }
.about-reading { max-width: 68ch; }
.about-reading > p { font-size: 17px; color: var(--muted); line-height: 1.95; margin: 0 0 25px; }
.about-reading > p:last-child { margin-bottom: 0; }
.about-reading .text-link { margin-top: 10px; }
.about-chapter-tinted { background: #eeeae1; }
[data-theme="dark"] .about-chapter-tinted { background: #2c3028; }
.about-object-detail { max-width: 300px; margin-top: 36px; }
.about-object-detail img { width: 100%; height: auto; background: #090a08; }
.about-object-detail span { display: block; color: var(--muted); font-size: 12px; margin-top: 10px; }
.about-archive-portrait { display: inline-block; margin: 38px 0 0; }
.about-archive-portrait img { width: 140px; height: auto; }
.about-archive-portrait figcaption { color: var(--muted); font-size: 12px; margin-top: 10px; }
.about-reading > .about-signature { font: italic 28px/1.5 var(--serif); color: var(--rust); margin-top: 34px; }
@media (max-width: 700px) {
  .about-chapters { justify-content: flex-start; padding: 17px 7%; gap: 7px 23px; }
  .about-chapters a { font-size: 13px; }
  .about-story-chapter { grid-template-columns: 1fr; gap: 30px; }
  .about-chapter-heading h2 { font-size: 35px; }
  .about-reading > p { font-size: 16px; line-height: 1.9; margin-bottom: 22px; }
  .about-object-detail { max-width: 260px; margin-top: 26px; }
  .about-archive-portrait { margin-top: 26px; }
  .about-archive-portrait img { width: 110px; }
  .about-reading > .about-signature { font-size: 27px; }
}

/* A small theme icon on mobile, with its touch area retained. */
@media (max-width: 700px) {
  .theme-toggle { border: 0; background: transparent; }
  .theme-toggle::before { content: none; }
  .header-tools .theme-toggle svg { width: 14px; height: 14px; }
  .header-tools > a { display: inline-flex; align-items: center; justify-content: center; }
  .theme-toggle:hover { background: transparent; }
}

/* Keep the long hero heading inside narrow phone viewports. */
@media (max-width: 360px) {
  .hero-copy { min-width: 0; }
  .hero-copy h1 { font-size: clamp(38px, 12vw, 43px); letter-spacing: -1.3px; }
}

/* Full catalogue navigation, shared by all three pages. */
.header { position: relative; z-index: 20; }
.header #navigation { align-items: center; }
.nav-dropdown > summary { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 10px 0; cursor: pointer; list-style: none; }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown summary::marker { content: ''; }
.nav-dropdown summary:focus-visible { outline: 2px solid var(--rust); outline-offset: 5px; }
.header .nav-dropdown > summary svg { width: 14px; height: 14px; transition: transform .2s; }
.nav-dropdown[open] > summary { color: var(--rust); }
.nav-dropdown[open] > summary > svg { transform: rotate(180deg); }
.menu-panel { position: absolute; top: 100%; left: 4%; right: 4%; max-height: min(740px, 76dvh); overflow-y: auto; padding: 28px 32px 18px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); box-shadow: 0 18px 30px #171b1620; }
.menu-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.menu-panel-heading .eyebrow { margin: 0; }
.menu-panel-heading > p:last-child { margin: 0; font: italic 23px/1.3 var(--serif); color: var(--muted); }
.collection-menu-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.collection-group > summary { display: flex; align-items: center; justify-content: space-between; font: 24px/1.3 var(--serif); margin-bottom: 15px; list-style: none; cursor: default; }
.collection-group > summary svg { display: none; }
.menu-panel ul { list-style: none; margin: 0; padding: 0; }
.header #navigation .menu-panel a { display: block; padding: 6px 0; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.collection-group li > a, .journal-menu-grid a { color: var(--muted); }
.header #navigation .menu-panel a:hover { color: var(--rust); }
.menu-panel-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; padding-top: 15px; margin-top: 23px; border-top: 1px solid var(--line); }
.menu-panel-footer > a:first-child { margin-right: auto; }
.menu-panel-footer span { margin-left: 15px; }
.journal-panel { left: auto; width: min(560px, 92%); padding-bottom: 28px; }
.journal-panel > .eyebrow { margin-bottom: 18px; }
.journal-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 28px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .collection-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 35px; }
}
@media (max-width: 700px) {
  .header #navigation { top: 100%; max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; align-items: stretch; padding: 14px 7% 24px; }
  .header #navigation > a, .nav-dropdown > summary { min-height: 48px; padding: 12px 0; }
  .nav-dropdown > summary { justify-content: space-between; }
  .menu-panel { position: static; max-height: none; overflow: visible; padding: 0; margin: 0 0 10px; border: 0; box-shadow: none; }
  .menu-panel-heading { display: none; }
  .collection-menu-grid { display: block; }
  .collection-group { border-top: 1px solid var(--line); }
  .collection-group > summary { font: 17px/1.5 var(--sans); cursor: pointer; min-height: 48px; padding: 12px 0 12px 12px; margin: 0; gap: 15px; }
  .collection-group > summary svg { display: block; width: 14px; height: 14px; flex-shrink: 0; }
  .collection-group[open] > summary { color: var(--rust); }
  .collection-group[open] > summary svg { transform: rotate(180deg); }
  .header #navigation .collection-group a { padding: 12px 0 12px 24px; font-size: 15px; }
  .collection-group ul { padding-bottom: 12px; }
  .menu-panel-footer { display: block; margin-top: 5px; padding-top: 12px; }
  .header #navigation .menu-panel-footer a { padding: 12px 0 12px 12px; font-size: 15px; }
  .journal-panel { width: auto; border-top: 1px solid var(--line); padding-top: 18px; }
  .journal-menu-grid { grid-template-columns: 1fr; gap: 0; }
  .header #navigation .journal-menu-grid a { font-size: 15px; padding: 12px; }
}

/* Browse one family at a time, retaining the mobile accordions. */
.collection-family-list, .collection-family-heading { display: none; }
@media (min-width: 701px) {
  .collections-panel.family-navigation-ready { left: 50%; right: auto; transform: translateX(-50%); width: min(1120px, 92%); }
  .family-navigation-ready .collections-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 48px; padding: 6px 0 12px; }
  .family-navigation-ready .collection-family-list { display: flex; flex-direction: column; align-items: stretch; gap: 5px; padding-right: 28px; border-right: 1px solid var(--line); }
  .collection-family-button { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 62px; padding: 12px 0; border: 0; background: transparent; text-align: left; color: var(--muted); font: 24px/1.25 var(--serif); cursor: pointer; }
  .collection-family-button > span:last-child { font: 18px var(--sans); opacity: 0; }
  .collection-family-button[aria-pressed="true"], .collection-family-button:hover { color: var(--rust); }
  .collection-family-button[aria-pressed="true"] > span:last-child { opacity: 1; }
  .family-navigation-ready .collection-menu-grid { display: block; min-width: 0; }
  .family-navigation-ready .collection-group > summary { display: none; }
  .family-navigation-ready .collection-family-heading { display: block; font-size: 31px; margin: 0 0 20px; }
  .family-navigation-ready .collection-group ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 32px; }
  .header #navigation .family-navigation-ready .collection-group a { font-size: 16px; padding: 8px 0; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .family-navigation-ready .collections-layout { grid-template-columns: 185px minmax(0, 1fr); gap: 26px; }
  .family-navigation-ready .collection-family-list { padding-right: 20px; }
  .collection-family-button { font-size: 22px; }
  .family-navigation-ready .collection-group ul { grid-template-columns: 1fr; gap: 0; }
}