.moire-product{--moire-ink:#171717;--moire-muted:#5f6266;--moire-soft:#f0f0f0;--moire-blue:#0050a4;color:var(--moire-ink);font-size:16px}
body:has(.moire-product) .page-heading{padding-bottom:24px}
body:has(.moire-product) .page-heading h1{max-width:980px;font-size:clamp(40px,4.6vw,62px);font-weight:500;line-height:1.04;letter-spacing:-.035em}
body:has(.moire-product) .page-heading>p{max-width:760px;color:var(--moire-ink);font-size:17px;line-height:1.62}
.moire-nav-band{background:var(--moire-soft)}
.moire-nav{display:flex;align-items:center;gap:8px 34px;min-height:58px;overflow-x:auto;scrollbar-width:none}
.moire-nav::-webkit-scrollbar{display:none}
.moire-nav a{display:flex;align-items:center;min-height:44px;color:#333;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.moire-nav a:hover,.moire-nav a:focus-visible{color:var(--moire-blue)}
.moire-hero{padding-top:62px;background:#fff}
.moire-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:clamp(48px,7vw,100px);align-items:center}
.moire-hero-copy{padding-bottom:56px}
.moire-kicker{margin:0 0 14px;color:var(--moire-blue);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.moire-hero h2,.moire-section-heading h2,.moire-format h2,.moire-architecture h2,.moire-related h2{color:var(--moire-ink);font-weight:500;letter-spacing:-.025em}
.moire-hero h2{max-width:18ch;margin:0 0 24px;font-size:clamp(36px,3.8vw,54px);line-height:1.08}
.moire-hero-copy>p:not(.moire-kicker){max-width:62ch;color:var(--moire-ink);font-size:16px;line-height:1.72}
.moire-hero-copy .moire-lead{font-size:19px;line-height:1.62}
.moire-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:30px}
.moire-hero-media{margin:0;overflow:hidden;border-radius:8px;background:var(--moire-soft)}
.moire-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.moire-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:0;background:#d8d8d8}
.moire-summary>div{padding:22px 24px 26px;background:#fff}
.moire-summary>div:first-child{padding-left:0}
.moire-summary dt{color:var(--moire-muted);font-size:13px;line-height:1.4}
.moire-summary dd{margin:7px 0 0;color:var(--moire-ink);font-size:18px;font-weight:650;line-height:1.35}
.moire-pair,.moire-formats,.moire-faq,.moire-related{padding-block:84px}
.moire-section-heading{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(44px,7vw,100px);align-items:end;margin-bottom:40px}
.moire-section-heading h2{max-width:21ch;margin:0;font-size:clamp(30px,3vw,44px);line-height:1.14}
.moire-section-heading>p{max-width:760px;margin:0;color:var(--moire-muted);font-size:16px;line-height:1.72}
.moire-pair-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(42px,6vw,82px);align-items:center}
.moire-pair figure,.moire-format figure,.moire-architecture figure{margin:0;overflow:hidden;border-radius:8px;background:var(--moire-soft)}
.moire-pair figure img,.moire-format figure img,.moire-architecture figure img{display:block;width:100%;height:auto;object-fit:cover}
.moire-pair figure img{aspect-ratio:4/3}
.moire-pair figcaption{padding:14px 18px;background:var(--moire-soft);color:#4e5358;font-size:13px;line-height:1.6}
.moire-role-list{display:grid;gap:28px}
.moire-role-list article{padding-top:20px;border-top:2px solid var(--moire-ink)}
.moire-role-list article span{color:var(--moire-blue);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.moire-role-list h3{margin:10px 0 9px;color:var(--moire-ink);font-size:23px;font-weight:600}
.moire-role-list p{margin:0;color:var(--moire-ink);font-size:16px;line-height:1.66}
.moire-role-list .moire-distinction{padding:18px 20px;background:var(--moire-soft);font-weight:600}
.moire-specifications{padding-block:82px}
.moire-specifications .moire-section-heading{margin-bottom:36px}
.moire-spec-scroll{max-width:100%;overflow-x:auto}
.moire-spec-scroll table{width:100%;border-collapse:collapse}
.moire-spec-scroll caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.moire-spec-scroll th,.moire-spec-scroll td{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.24);text-align:left;vertical-align:top}
.moire-spec-scroll th{width:31%;color:#fff;font-size:15px;font-weight:600}
.moire-spec-scroll td{color:#e1e1e1;font-size:16px;line-height:1.55}
.moire-spec-note{max-width:980px;margin:22px 0 0;color:#e1e1e1;font-size:14px;line-height:1.65}
.moire-formats{display:grid;gap:90px}
.moire-format{display:grid;gap:clamp(42px,6vw,84px);align-items:center}
.moire-format-linear{grid-template-columns:minmax(0,.88fr) minmax(340px,1.12fr)}
.moire-format-crossed{grid-template-columns:minmax(0,.88fr) minmax(340px,1.12fr)}
.moire-format h2,.moire-architecture h2,.moire-related h2{max-width:18ch;margin:0 0 20px;font-size:clamp(30px,3vw,44px);line-height:1.14}
.moire-format p,.moire-architecture p,.moire-related p{color:var(--moire-ink);font-size:16px;line-height:1.72}
.moire-format dl{display:grid;gap:2px;margin:0;background:#d7d7d7}
.moire-format dl>div{padding:20px 22px;background:var(--moire-soft)}
.moire-format dt{font-size:15px;font-weight:700}
.moire-format dd{margin:6px 0 0;color:#4d5358;font-size:15px;line-height:1.55}
.moire-architecture{padding-block:84px;background:var(--moire-soft)}
.moire-architecture-grid{display:grid;grid-template-columns:minmax(390px,1.12fr) minmax(0,.88fr);gap:clamp(42px,6vw,84px);align-items:center}
.moire-architecture figure img{aspect-ratio:3/2}
.moire-boundary{margin-top:26px;padding:20px 22px;background:#fff}
.moire-boundary strong{display:block;margin-bottom:6px;color:var(--moire-blue);font-size:14px}
.moire-boundary p{margin:0}
.moire-faq .moire-section-heading{align-items:start}
.moire-faq-list{display:grid;gap:2px;max-width:960px;margin-left:auto;background:#cfcfcf}
.moire-faq details{background:#fff}
.moire-faq summary{padding:20px 42px 20px 0;color:var(--moire-ink);font-size:17px;font-weight:650;cursor:pointer}
.moire-faq details p{max-width:760px;margin:0;padding:0 0 22px;color:var(--moire-muted);font-size:16px;line-height:1.7}
.moire-related{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);gap:clamp(44px,7vw,100px);align-items:start}
.moire-related h2{max-width:20ch}
.moire-related p{max-width:58ch}
.moire-related-links{display:grid;gap:7px}
.moire-related-links .related-link{margin:0;padding:16px 18px;border:0;background:var(--moire-soft)}
.moire-delivery{padding-block:84px;background:#171717;color:#fff}
.moire-delivery .moire-section-heading h2{color:#fff}
.moire-delivery .moire-section-heading>p{color:#d4d4d4}
.moire-delivery-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(44px,7vw,100px)}
.moire-delivery-grid h3{margin:0 0 16px;color:#fff;font-size:22px}
.moire-delivery-grid p,.moire-delivery-grid li{color:#dedede;font-size:15px;line-height:1.72}
.moire-delivery-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;background:#3b3b3b}
.moire-delivery-grid li{padding:13px 15px;background:#242424}
.moire-delivery-action{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:42px;padding:28px;background:#242424}
.moire-delivery-action p{max-width:68ch;margin:0;color:#dedede;line-height:1.7}
.moire-delivery-action .button{flex:none;background:#fff;color:#171717}
@media (prefers-reduced-motion:no-preference){.moire-hero-copy>*{animation:moire-rise .5s both}.moire-hero-copy>*:nth-child(2){animation-delay:.06s}.moire-hero-copy>*:nth-child(3){animation-delay:.12s}.moire-hero-copy>*:nth-child(4){animation-delay:.18s}.moire-hero-media img{animation:moire-image .75s both}@keyframes moire-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes moire-image{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}}
@media (max-width:900px){.moire-hero-grid,.moire-pair-grid,.moire-format-linear,.moire-format-crossed,.moire-architecture-grid{grid-template-columns:1fr}.moire-hero-copy{max-width:740px;padding-bottom:0}.moire-hero-media{width:min(100%,620px)}.moire-section-heading,.moire-related{grid-template-columns:1fr;gap:18px}.moire-pair-grid,.moire-format,.moire-architecture-grid{gap:32px}.moire-faq-list{margin-left:0}.moire-delivery-grid{grid-template-columns:1fr;gap:30px}}
@media (max-width:600px){body:has(.moire-product) .page-heading h1{font-size:36px}.moire-nav-band{padding-block:2px;background:#d9d9d9}.moire-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:calc(100% - 36px);padding:0;overflow:visible}.moire-nav a{justify-content:center;padding:9px 8px;background:var(--moire-soft);white-space:normal;text-align:center}.moire-hero{padding-top:38px}.moire-hero h2{font-size:34px}.moire-summary{grid-template-columns:1fr}.moire-summary>div,.moire-summary>div:first-child{padding:17px 0 18px}.moire-pair,.moire-formats,.moire-faq,.moire-related,.moire-specifications,.moire-architecture,.moire-delivery{padding-block:56px}.moire-section-heading{margin-bottom:28px}.moire-pair figure img{aspect-ratio:4/3}.moire-spec-scroll table,.moire-spec-scroll tbody,.moire-spec-scroll tr,.moire-spec-scroll th,.moire-spec-scroll td{display:block;width:100%}.moire-spec-scroll tr{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.24)}.moire-spec-scroll th,.moire-spec-scroll td{padding:0;border:0}.moire-spec-scroll td{margin-top:6px}.moire-delivery-grid ul{grid-template-columns:1fr}.moire-delivery-action{display:block}.moire-delivery-action .button{margin-top:22px}} /* taste-skill-ignore: real technical table separator */