:root { color-scheme: light; font: 1rem/1.58 "DM Sans", system-ui, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); }
.cards { --paper:#fff8eb; --ink:#302022; --muted:#695054; --accent:#862638; --panel:#f7e6d6; --line:#dec4b7; --heading:"DM Serif Text",Georgia,serif; }
.textiles { --paper:#faf7ff; --ink:#302842; --muted:#625672; --accent:#5a3d81; --panel:#eee6fa; --line:#d8cce8; --heading:"Instrument Serif",Georgia,serif; }
.measure { --paper:#f6f9f5; --ink:#1c2e28; --muted:#415b50; --accent:#175741; --panel:#e7efe8; --line:#c6d8cd; --heading:"IBM Plex Mono",monospace; }
.fieldguide { --paper:#fffdf4; --ink:#192e48; --muted:#3e536b; --accent:#164187; --panel:#ffefae; --line:#ddd6ae; --heading:"DM Sans",system-ui,sans-serif; }
.party { --paper:#fcfaf2; --ink:#19342d; --muted:#496258; --accent:#176252; --panel:#dcf0e3; --line:#bfdbcc; --heading:"DM Serif Text",Georgia,serif; }
.fit { --paper:#fffaf3; --ink:#202842; --muted:#4d5770; --accent:#273e85; --panel:#e4e9f8; --line:#cad2e9; --heading:"DM Sans",system-ui,sans-serif; }
.date { --paper:#fff8f3; --ink:#392235; --muted:#684d62; --accent:#713554; --panel:#f3e1eb; --line:#e2c9da; --heading:"Instrument Serif",Georgia,serif; }
.paint { --paper:#fffdf1; --ink:#40291e; --muted:#675149; --accent:#8a3327; --panel:#ffedbb; --line:#e4cf9c; --heading:"DM Serif Text",Georgia,serif; }
.atelier { --paper:#faf5ef; --ink:#3a2832; --muted:#675059; --accent:#7c4358; --panel:#efdfd8; --line:#dfc8c6; --heading:"Instrument Serif",Georgia,serif; }
.gloss { --paper:#f5f6f8; --ink:#161927; --muted:#4f5367; --accent:#3e377b; --panel:#e6e4f4; --line:#cbc8dd; --heading:"IBM Plex Mono",monospace; }
.rose { --paper:#faf6f6; --ink:#251c25; --muted:#5f505a; --accent:#942e50; --panel:#f2dfe7; --line:#ddc8d2; --heading:"IBM Plex Mono",monospace; }
.rose-header { padding-block:1.65rem; background:#261b26; color:white; }
.rose-header .lead { color:#f4dce7; }
.rose-header img { width:100%; height:clamp(150px,23vw,315px); object-fit:cover; }
.rose-index { padding-top:1.5rem; }
.rose table { border-top:4px solid var(--accent); }
.rose .logo::before { width:1.1rem; height:1.1rem; border:2px solid currentColor; border-radius:50%; box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 5px currentColor; }
.charging { --paper:#eef9ff; --ink:#172c44; --muted:#405b72; --accent:#185080; --panel:#cce9fb; --line:#a9ccdf; --heading:"DM Sans",system-ui,sans-serif; }
.charging-intro { padding-block:2rem 1.3rem; }
.charging-intro h1 { font-weight:750; }
.charging-hero { display:grid; grid-template-columns:1.3fr .7fr; background:var(--panel); }
.charging-hero img { width:100%; height:100%; max-height:360px; object-fit:cover; }
.charging-hero > div { padding:clamp(1rem,4vw,2.25rem); align-self:center; }
.charging .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.charging .logo::before { width:1.35rem; height:.7rem; border:2px solid currentColor; border-right-width:5px; border-radius:.12rem; }
.pairing { --paper:#f5f4ff; --ink:#252344; --muted:#52506c; --accent:#5142a1; --panel:#e4e0fc; --line:#cec8f1; --heading:"DM Sans",system-ui,sans-serif; }
.pairing-mast { padding-block:1.5rem; display:grid; grid-template-columns:1.15fr .85fr; gap:1rem; align-items:stretch; }
.pairing-mast > div { padding:clamp(1rem,4vw,2.8rem); color:white; background:#2b2355; border-radius:1.5rem 0 0 1.5rem; }
.pairing-mast .lead { color:#efebff; }
.pairing-mast .button { color:#30265d; background:#e4e0fc; }
.pairing-mast img { width:100%; height:100%; object-fit:cover; border-radius:0 1.5rem 1.5rem 0; }
.pairing-check { background:var(--panel); padding-block:1.4rem; }
.pairing-check ol { display:flex; flex-wrap:wrap; gap:.6rem 3rem; margin:0; padding-left:1.3rem; }
.pairing .logo::before { width:.75rem; height:1.2rem; border:2px solid currentColor; border-radius:.18rem; box-shadow:inset 0 -2px currentColor; }
.wand { --paper:#fbf5eb; --ink:#3b2823; --muted:#634e42; --accent:#864533; --panel:#eedbc7; --line:#dcc5b5; --heading:"Instrument Serif",Georgia,serif; }
.wand-lead { background:var(--panel); padding-block:1.5rem; }
.wand-lead section { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; }
.wand-lead img { width:100%; max-height:390px; object-fit:cover; border-radius:8rem 8rem .4rem .4rem; }
.wand-shop { padding-block:2rem; }
.wand-reading { padding-block:1.5rem; border-top:1px solid var(--line); background:#f5e6d7; }
.wand .logo::before { width:1rem; height:1.15rem; border-radius:45% 45% .2rem .2rem; border:2px solid currentColor; }
.manual { --paper:#f4f9fa; --ink:#1e3840; --muted:#435f65; --accent:#27606c; --panel:#d9ecee; --line:#bdd6da; --heading:"IBM Plex Mono",monospace; }
.manual-header { background:#203d45; color:white; padding-block:2rem; }
.manual-header .lead { color:#dceff1; }
.manual-header .button { background:#dceff1; color:#203d45; }
.manual-layout { display:grid; grid-template-columns:minmax(230px,.33fr) minmax(0,1fr); gap:1.5rem; padding-block:1.5rem; }
.manual-layout aside { align-self:start; border:1px solid var(--line); padding:1rem; background:var(--panel); }
.manual-layout aside img { margin-bottom:1rem; }
.manual .format ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.manual .logo::before { width:1.15rem; height:1.15rem; border:3px solid currentColor; border-radius:50%; }
.motor { --paper:#f3f5fa; --ink:#242f48; --muted:#515c72; --accent:#294984; --panel:#dae4f8; --line:#c3d0e9; --heading:"DM Sans",system-ui,sans-serif; }
.motor-mast { color:white; background:#202a40; padding-block:1.6rem; }
.motor-mast .shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:2rem; align-items:center; }
.motor-mast .lead { color:#dfe9ff; }
.motor-mast .button { background:#f3b779; color:#231f1a; }
.motor-mast img { width:100%; border-radius:.45rem; }
.motor-specs { padding-block:1.5rem; }
.motor-reading { background:var(--panel); padding-block:1.6rem; }
.motor-reading .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.motor .logo::before { width:.86rem; height:1.16rem; background:currentColor; clip-path:polygon(48% 0,100% 0,65% 42%,100% 42%,27% 100%,41% 52%,0 52%); }
.silicone { --paper:#f7fbfa; --ink:#213636; --muted:#485e5f; --accent:#376b68; --panel:#e4f1ee; --line:#bdd8d1; --heading:"DM Serif Text",Georgia,serif; }
.polymer-mast { text-align:center; padding-block:1.8rem; }
.polymer-mast .lead { margin-inline:auto; }
.polymer-mast img { margin-top:1.4rem; width:100%; height:clamp(190px,30vw,360px); object-fit:cover; border-radius:2.5rem; }
.silicone .tile { border-radius:1.15rem; }
.silicone .logo::before { width:1rem; height:1rem; border:2px solid currentColor; border-radius:50%; }
.glass { --paper:#f2f8ff; --ink:#202c44; --muted:#4b5b74; --accent:#365786; --panel:#dfeafb; --line:#bdcde4; --heading:"Instrument Serif",Georgia,serif; }
.glass-mast { background:#1c2a42; color:white; padding-block:1.45rem; }
.glass-mast .shell { display:grid; grid-template-columns:.85fr 1.15fr; gap:1.8rem; align-items:center; }
.glass-mast .lead { color:#e6effb; }
.glass-mast img { width:100%; border:1px solid #8198b8; }
.glass-mast .button { background:#dfeafb; color:#202c44; }
.glass-guides { padding-block:1.3rem; border-bottom:1px solid var(--line); }
.glass-guides .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.glass .logo::before { width:.9rem; height:.9rem; border:2px solid currentColor; transform:rotate(45deg); }
.metal { --paper:#faf8f1; --ink:#302c25; --muted:#595143; --accent:#745326; --panel:#f0e2cc; --line:#d5c5a9; --heading:"IBM Plex Mono",monospace; }
.alloy-mast { display:grid; grid-template-columns:1.1fr .9fr; gap:1.5rem; padding-block:1.7rem; align-items:center; }
.alloy-mast img { width:100%; border:1px solid var(--line); }
.alloy-table { padding-block:1.4rem; border-block:3px double var(--accent); }
.metal .logo::before { width:1.05rem; height:1.05rem; background:currentColor; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
@media(max-width:760px) { .glass-mast .shell,.glass-guides .reading-list,.alloy-mast { grid-template-columns:1fr; } .glass-mast img,.alloy-mast img { max-height:190px; object-fit:cover; } }
@media(max-width:760px) { .motor-mast .shell,.motor-reading .reading-list { grid-template-columns:1fr; } .motor-mast img { max-height:190px; object-fit:cover; } }
@media(max-width:760px) { .manual-layout { grid-template-columns:1fr; } .manual-layout aside img { width:100%; max-height:180px; object-fit:cover; } }
@media(max-width:540px) { .manual .format ul { grid-template-columns:1fr; } }
@media(max-width:760px) { .wand-lead section { grid-template-columns:1fr; gap:1rem; } .wand-lead img { max-height:215px; border-radius:3rem 3rem .4rem .4rem; } }
@media(max-width:760px) { .pairing-mast { grid-template-columns:1fr; } .pairing-mast > div,.pairing-mast img { border-radius:.8rem; } .pairing-mast img { max-height:220px; } }
@media (max-width:760px) { .charging-hero, .charging .reading-list { grid-template-columns:1fr; } .charging-hero img { max-height:230px; } }
.gloss-mast { background:#181a29; color:#fff; padding-block:2rem; }
.gloss-mast .lead { color:#e3e0f2; }
.gloss-mast img { width:100%; height:clamp(200px,30vw,350px); object-fit:cover; margin-top:1.5rem; }
.gloss-content { display:grid; grid-template-columns:minmax(0,1fr) 16rem; gap:2rem; padding-block:2rem; }
.gloss-content aside { grid-column:2; grid-row:1; align-self:start; background:var(--panel); padding:1rem; }
.gloss-content > section { grid-column:1; grid-row:1; }
.gloss .format ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.gloss .logo::before { width:1.35rem; height:.7rem; border:2px solid currentColor; transform:skew(-18deg); }
@media (max-width:760px) { .gloss-content { display:flex; flex-direction:column; gap:1rem; } }
@media (max-width:540px) { .gloss .format ul { grid-template-columns:1fr; } }
.atelier-intro { padding-block:2.5rem; text-align:center; }
.atelier-intro .lead { margin-inline:auto; }
.atelier-art { margin-top:1.6rem; padding:.55rem; border:1px solid var(--line); }
.atelier-art img { width:100%; height:clamp(195px,30vw,350px); object-fit:cover; }
.atelier-lookbook .format ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
.atelier .tile-photo { aspect-ratio:4/5; background:white; }
.atelier .tile { border:0; border-block-end:1px solid var(--line); background:transparent; }
.atelier-reading { background:var(--panel); margin-top:2rem; padding-block:2rem; }
.atelier .logo::before { width:1.2rem; height:1.2rem; border:1px solid currentColor; border-radius:50% 50% 25% 25%; box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 4px currentColor; }
@media (max-width:540px) { .atelier-lookbook .format ul { grid-template-columns:1fr; } }
.paint-mast { padding-block:1.6rem; }
.paint-mast img { width:100%; height:clamp(200px,33vw,410px); object-fit:cover; }
.paint-mast > div { max-width:49rem; position:relative; margin:-3rem 1rem 0; padding:clamp(1rem,4vw,2.3rem); background:var(--paper); border-left:.35rem solid var(--accent); }
.paint .logo::before { width:1.1rem; height:.8rem; border-radius:65% 35% 60% 40%; background:currentColor; transform:rotate(-30deg); }
.paint-label { background:var(--panel); padding-block:1.4rem; }
.paint-label ol { display:flex; flex-wrap:wrap; gap:.5rem 2.5rem; padding-left:1.35rem; margin:0; font-weight:700; }
.paint-shelf { padding-top:1rem; }
.paint .guide-layout { grid-template-columns:1fr; }
.paint .article-index { max-width:69ch; border-left:.35rem solid var(--accent); }
.date-mast { background:#40253a; color:white; padding-block:1.6rem; }
.date-mast .shell { display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:clamp(1.1rem,4vw,3.4rem); }
.date-mast img { width:100%; border-radius:12rem 12rem .3rem .3rem; }
.date-mast .lead { color:#f5dceb; }
.date-mast .button { background:#f3e1eb; color:#40253a; border-radius:2rem; }
.date .logo::before { width:1rem; height:1rem; border:2px solid currentColor; transform:rotate(45deg); border-radius:.25rem; }
.date-plan { padding:1.35rem 0 .8rem; text-align:center; }
.date-plan .format-nav { justify-content:center; }
.date-plan a { padding-inline:.85rem; border:1px solid var(--line); border-radius:2rem; }
.date-shelf .format { border-block:1px solid var(--line); margin-block:1.2rem; }
.date .tile { border:0; background:var(--panel); padding:.55rem; }
.date .tile-photo { background:white; }
.date .guide-layout { display:flex; flex-direction:column; }
.date .article-index { border-radius:1.1rem; max-width:69ch; }
@media (max-width:760px) { .date-mast .shell { grid-template-columns:1fr; } .date-mast img { max-height:240px; object-fit:cover; border-radius:4rem 4rem .25rem .25rem; } }
.fit-mast { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2rem; padding-block:2rem; }
.fit-mast h1 { font-weight:750; }
.fit-mast img { width:100%; border-radius:0 2.5rem 0 2.5rem; }
.fit .logo::before { width:1.35rem; height:.85rem; border:2px solid currentColor; border-inline-width:5px; transform:rotate(-20deg); }
.fit-key { padding-block:1.6rem; background:var(--accent); color:white; }
.fit-key dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; }
.fit-key dt { font-weight:750; border-bottom:1px solid #aab7e6; padding-bottom:.2rem; }
.fit-key dd { margin:.35rem 0 0; }
.fit-collection { padding-top:2rem; }
.fit .format h2 { font-size:1.45rem; }
.fit .guide-layout { grid-template-columns:1fr; gap:.8rem; }
.fit .article-index { border-left:4px solid var(--accent); max-width:69ch; }
@media (max-width:760px) { .fit-mast { grid-template-columns:1fr; gap:1rem; } }
@media (max-width:540px) { .fit-key dl { grid-template-columns:1fr; } }
a { color:var(--accent); text-underline-offset:.18em; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
img { display:block; max-width:100%; height:auto; }
p { margin:0 0 1rem; }
h1, h2, h3 { line-height:1.12; margin:0 0 .65rem; overflow-wrap:anywhere; }
h1, h2 { font-family:var(--heading); font-weight:500; }
h1 { font-size:clamp(2.35rem,6vw,5.2rem); letter-spacing:-.04em; }
h2 { font-size:clamp(1.65rem,3vw,2.8rem); }
h3 { font-size:1.05rem; }
.shell { width:min(1150px,calc(100% - 2.5rem)); margin-inline:auto; }
.skip { position:absolute; z-index:5; left:1rem; top:1rem; padding:.5rem; background:var(--paper); transform:translateY(-200%); }
.skip:focus { transform:none; }
.top, .foot { display:flex; justify-content:space-between; gap:.8rem 1.4rem; align-items:center; padding-block:1.1rem; }
.top nav, .foot nav { display:flex; gap:.65rem 1.2rem; flex-wrap:wrap; }
.top { border-bottom:1px solid var(--line); font-weight:650; }
.brand { display:inline-flex; align-items:center; gap:.7rem; color:var(--ink); text-decoration:none; font-weight:750; line-height:1.15; }
.logo { display:inline-grid; place-items:center; width:2.35rem; height:2.35rem; flex:none; background:var(--accent); color:white; border-radius:.28rem; }
.logo::before { display:block; content:""; }
.cards .logo::before { width:.85rem; height:1.16rem; border:1.5px solid currentColor; border-radius:.14rem; box-shadow:3px 2px 0 -1px var(--accent),4px 2px 0 currentColor; transform:rotate(-14deg); }
.textiles .logo { border-radius:50%; }
.textiles .logo::before { width:1.2rem; height:.95rem; border:2px dotted currentColor; border-radius:50%; transform:rotate(-25deg); }
.measure .logo::before { width:1.3rem; height:.6rem; border:1px solid currentColor; background:repeating-linear-gradient(90deg,transparent 0 3px,currentColor 3px 4px) top left/100% .26rem no-repeat; transform:rotate(-25deg); }
.fieldguide .logo::before { width:1rem; height:1rem; border:2px solid currentColor; border-radius:50%; border-top-color:transparent; box-shadow:0 -.5rem 0 -.38rem currentColor; }
.party .logo::before { width:1.3rem; height:1.3rem; border:2px solid currentColor; border-radius:.3rem; transform:rotate(-12deg); background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px); }
.button { display:inline-flex; align-items:center; min-height:46px; padding:.65rem 1rem; border:1px solid transparent; border-radius:.25rem; background:var(--accent); color:white; font:inherit; font-weight:750; text-decoration:none; cursor:pointer; }
.button:hover { text-decoration:underline; }
.lead { font-size:clamp(1.05rem,2vw,1.27rem); color:var(--muted); max-width:58ch; }
.foot { border-top:1px solid var(--line); align-items:flex-start; flex-wrap:wrap; }
.foot p { margin:0; color:var(--muted); }
.home-reading { padding-block:2.5rem; }
.reading-list { list-style:none; padding:0; margin:0; }
.reading-list li { padding:.8rem 0; border-bottom:1px solid var(--line); }
.reading-list a { font-weight:750; }
.reading-list p { margin:.18rem 0 0; color:var(--muted); }
.format { padding:1.3rem 0; border-bottom:1px solid var(--line); scroll-margin-top:1rem; }
.format ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.format-nav { display:flex; flex-wrap:wrap; gap:.5rem 1rem; }
.format-nav a { min-height:44px; display:inline-flex; align-items:center; font-weight:700; }
.tile { min-width:0; padding:.45rem .45rem .75rem; background:white; border:1px solid var(--line); }
.tile-photo { display:block; aspect-ratio:4/3; }
.tile-photo img { width:100%; height:100%; object-fit:contain; }
.tile div { padding:.7rem .4rem 0; }
.tile p { color:var(--muted); margin:0; font-size:.93rem; }
.cards-mast { background:#521f2a; color:#fff8eb; }
.cards-frame { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; min-height:390px; }
.cards-frame > div { padding:2rem 2rem 2rem 0; }
.cards-frame .lead { color:#f5d9ca; }
.cards-frame .button { background:#fff8eb; color:#521f2a; }
.cards-frame img { width:100%; height:100%; object-fit:cover; }
.card-formats { padding-top:.8rem; }
.cards .format:nth-of-type(odd) .tile:nth-child(1) { border-top:3px solid var(--accent); }
.cards .home-reading .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.textile-mast { text-align:center; padding-top:2.6rem; }
.textile-mast > .lead { margin-inline:auto; }
.textile-sample { position:relative; isolation:isolate; min-height:390px; margin-top:1.3rem; display:flex; align-items:flex-end; justify-content:flex-end; padding:1.6rem; text-align:left; }
.textile-sample img { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; border-radius:1.1rem; }
.textile-sample div { width:min(100%,27rem); padding:1.35rem; border-radius:.75rem; background:var(--paper); }
.textiles .button { border-radius:999px; }
.textile-collection { display:grid; grid-template-columns:13rem minmax(0,1fr); gap:1.6rem; padding-top:2rem; }
.textile-collection aside { position:sticky; top:1rem; align-self:start; padding:1.05rem; background:var(--panel); border-radius:.7rem; }
.textile-collection aside h2 { font-size:1.9rem; }
.textile-collection .format-nav { flex-direction:column; gap:0; }
.textile-collection .format ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.textiles .tile { border-radius:.9rem; }
.textiles .home-reading .reading-list { max-width:720px; }
.measure-mast { display:grid; grid-template-columns:1.3fr .7fr; gap:2rem; align-items:center; padding-block:2.25rem; }
.measure-mast h1 { font-size:clamp(2.1rem,5.5vw,4.65rem); }
.measure-mast img { width:100%; aspect-ratio:3/2; object-fit:cover; border:1px solid var(--line); }
.measurement-index { border-top:4px solid var(--accent); padding-top:1.3rem; }
.measure-shelf { padding-bottom:2rem; }
.measure .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem; }
.measure .reading-list li { border-top:2px solid var(--line); border-bottom:0; }
.field-mast { margin-block:1.4rem; background:var(--panel); }
.field-mast > div { max-width:50rem; padding:clamp(1rem,5vw,3.2rem); }
.field-mast h1 { font-weight:750; }
.field-mast img { width:100%; height:clamp(185px,28vw,345px); object-fit:cover; object-position:center 60%; }
.field-chapters { padding-block:2rem; display:grid; grid-template-columns:.75fr 1.25fr; gap:1rem 2rem; border-bottom:3px solid var(--accent); }
.field-chapters .reading-list { list-style:decimal; padding-inline-start:1.5rem; }
.field-chapters .reading-list li::marker { color:var(--accent); font-weight:750; }
.field-examples { padding-block:2rem; }
.fieldguide .guide-layout { display:flex; flex-direction:column; }
.fieldguide .article-index { width:min(100%,69ch); border-block:2px solid var(--accent); }
.party-mast { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; padding-block:1.6rem 2rem; }
.party-mast img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.party-mast > div { background:var(--paper); position:relative; margin-inline-start:-2.6rem; padding:clamp(1.2rem,4vw,2.8rem); }
.party-practice { background:var(--panel); padding-block:2rem; }
.party-practice dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; margin:1rem 0 0; }
.party-practice dl div { border-inline-start:2px solid var(--accent); padding-inline-start:.8rem; }
.party-practice dt { font-weight:750; }
.party-practice dd { margin:.2rem 0 0; }
.party-decks { padding-top:2rem; }
.party-index { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.55rem 1.2rem; }
.party .guide-layout { grid-template-columns:1fr; gap:.9rem; }
.party .article-index { max-width:69ch; border-block:1px solid var(--line); }
.article { min-height:60vh; padding-block:2rem 3.5rem; }
.article h1 { font-size:clamp(2.1rem,5vw,4.25rem); }
.crumb { margin-bottom:1.2rem; }
.prose { max-width:69ch; }
.prose section { padding-top:1rem; border-top:1px solid var(--line); margin:1.3rem 0; scroll-margin-top:1rem; }
.prose h2 { font-size:clamp(1.45rem,2.8vw,2.15rem); }
.guide-layout { display:grid; grid-template-columns:minmax(12rem,.34fr) minmax(0,1fr); gap:1.7rem; align-items:start; margin-top:1.5rem; }
.article-index { background:var(--panel); padding:.85rem 1.15rem; }
.article-index ol { margin:.25rem 0; padding-left:1.35rem; }
.article-index li + li { margin-top:.5rem; }
.cards .guide-layout { display:block; }
.cards .article-index { max-width:69ch; }
.cards .article-index ol { display:flex; gap:.5rem 1.6rem; flex-wrap:wrap; }
.textiles .article-index { order:2; border-radius:.7rem; }
.textiles .guide-layout { grid-template-columns:minmax(0,1fr) minmax(12rem,.35fr); }
.measure .article-index { position:sticky; top:1rem; border-left:3px solid var(--accent); }
.product-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; }
.product-photo { display:grid; place-items:center; background:white; border:1px solid var(--line); }
.product-photo img { max-height:520px; width:100%; object-fit:contain; }
.product-facts { display:grid; grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr); gap:.4rem .8rem; }
.product-facts dt { font-weight:750; }
.product-facts dd { margin:0; overflow-wrap:anywhere; }
.product-related { margin-top:2rem; }
.table-scroll { max-width:100%; overflow:auto; border:1px solid var(--line); }
table { width:100%; min-width:35rem; border-collapse:collapse; background:white; }
td, th { text-align:left; vertical-align:top; padding:.75rem .9rem; border-bottom:1px solid var(--line); }
thead { background:var(--panel); }
.textiles table tbody tr:nth-child(even) { background:#faf7ff; }
.measure table td { font-family:"IBM Plex Mono",monospace; font-size:.92rem; }
@media (max-width:760px) {
  .shell { width:calc(100% - 2rem); }
  .cards-frame, .measure-mast, .textile-collection, .product-layout, .guide-layout, .textiles .guide-layout { grid-template-columns:1fr; }
  .cards-frame > div { padding:1.4rem 0; }
  .cards-frame img { max-height:260px; }
  .measure-mast { gap:1rem; }
  .textile-collection aside, .measure .article-index { position:static; }
  .textile-collection .format-nav { flex-direction:row; gap:.5rem 1rem; }
  .textiles .article-index { order:0; }
  .textile-sample { min-height:330px; padding:1rem; }
  .cards .home-reading .reading-list, .measure .reading-list { grid-template-columns:1fr; gap:0; }
  .field-chapters { grid-template-columns:1fr; }
  .party-mast { grid-template-columns:1fr; padding-block:1rem; }
  .party-mast img { max-height:260px; }
  .party-mast > div { margin:-1.3rem .7rem 0; }
  .party-practice dl { grid-template-columns:1fr; }
}
@media (max-width:540px) {
  .format ul, .textile-collection .format ul { grid-template-columns:1fr; }
}
:root:has(body.controls) { background: #f7f1e6; }
.controls { --bg:#f7f1e6; --panel:#fffaf1; --ink:#2a2a3f; --muted:#565367; --accent:#512a67; --line:#ccc3d5; }
.control-cover { background:#302443; color:#fff7e7; }
.control-cover > .shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); align-items:center; gap:clamp(1.75rem,5vw,5rem); padding-block:clamp(2rem,6vw,5.5rem); }
.control-cover h1,.control-cover .lead { color:inherit; }
.control-cover-copy > span { display:block; margin-bottom:1rem; color:#ead6a9; font:600 .82rem 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.control-cover .button { background:#efdbad; color:#302443; border-color:#efdbad; }
.control-cover img { width:100%; height:auto; }
.control-directory { padding-block:3rem; }
.control-directory > header { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:1rem; }
.control-directory .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.control-directory .tile { background:#fffaf1; }
.control-reading { background:#e6dced; }
.control-reading > .shell { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:2rem; padding-block:3rem; }
@media (max-width: 700px) {
  .control-cover > .shell, .control-reading > .shell, .control-directory .format > ul { grid-template-columns:minmax(0,1fr); }
}
.cushions { --bg:#f4eee2; --panel:#fffcf4; --ink:#242c25; --muted:#48544c; --accent:#385740; --line:#c9c4af; }
.cushion-lead { max-width:62rem; padding-block:clamp(2rem,6vw,5rem); text-align:center; }
.cushion-lead h1,.cushion-lead .lead { margin-inline:auto; }
.cushion-study { background:#283a32; color:#fff3dc; }
.cushion-study > .shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,5vw,4.5rem); padding-block:clamp(2rem,4vw,4rem); }
.cushion-study img { width:100%; height:auto; }
.cushion-study .button { background:#e9cf98; color:#283a32; border-color:#e9cf98; }
.cushion-catalog { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,2fr); gap:clamp(1.5rem,4vw,4rem); padding-block:3rem; }
.cushion-catalog aside { align-self:start; border-block:1px solid var(--line); padding-block:1.3rem; }
.cushion-catalog aside .format-nav { display:grid; }
.cushion-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width: 740px) {
  .cushion-study > .shell,.cushion-catalog,.cushion-catalog .format > ul { grid-template-columns:minmax(0,1fr); }
}
.gear { --bg:#f6eadf; --panel:#fff7ee; --ink:#382821; --muted:#605149; --accent:#793d2f; --line:#d3bbaa; }
.gear-cover { border-block:1px solid var(--line); background:#ebd2bb; }
.gear-cover > .shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(1.4rem,4vw,4rem); align-items:center; padding-block:clamp(1.5rem,4vw,3.5rem); }
.gear-cover img { width:100%; height:auto; border-radius:48% 48% 6px 6px; }
.gear-reading { padding-block:clamp(1.5rem,4vw,3rem); border-bottom:1px solid var(--line); }
.gear-reading .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gear-catalog { padding-block:2rem; }
.gear-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:700px) {
  .gear-cover > .shell,.gear-reading .reading-list,.gear-catalog .format > ul { grid-template-columns:minmax(0,1fr); }
  .gear-cover img { order:1; }
}
.paddles { --bg:#ecf0ed; --panel:#fbfdfb; --ink:#203233; --muted:#4b5e5e; --accent:#336265; --line:#b9cbcb; }
.paddle-cover { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(1.25rem,5vw,5rem); align-items:center; padding-block:clamp(1.5rem,6vw,5rem); }
.paddle-cover img { width:100%; height:auto; border-radius:1rem 8rem 1rem 1rem; }
.paddle-strip { background:#d7e5e2; border-block:1px solid var(--line); }
.paddle-strip > .shell { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem 1.5rem; padding-block:1.2rem; }
.paddle-strip :is(h2,p,.format-nav) { margin:0; }
.paddle-catalog { padding-block:2.5rem; }
.paddle-catalog .format > ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:850px) { .paddle-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .paddle-cover,.paddle-catalog .format > ul { grid-template-columns:minmax(0,1fr); } .paddle-cover img { order:1; } }
.moving-tip { --bg:#f8edf0; --panel:#fff6f7; --ink:#421c36; --muted:#654756; --accent:#87254b; --line:#d4b2c4; }
.motion-mast { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); align-items:center; gap:clamp(1.5rem,5vw,5rem); padding-block:clamp(2rem,6vw,5rem); }
.motion-art { padding:1rem; background:#eed9e4; border:1px solid var(--line); }
.motion-art img { width:100%; height:auto; }
.motion-art p { margin:.6rem 0 0; color:var(--muted); font-size:.88rem; }
.motion-gloss { color:#fff2f7; background:#602746; }
.motion-gloss > .shell { padding-block:1.9rem; }
.motion-gloss dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0 0; }
.motion-gloss dt { font-weight:700; }
.motion-gloss dd { margin:0; }
.motion-library { padding-block:2.5rem; }
.motion-library .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:700px){.motion-mast,.motion-gloss dl,.motion-library .format > ul { grid-template-columns:minmax(0,1fr); }}
.ring-fit { --bg:#eff2eb; --panel:#f7faf4; --ink:#24372b; --muted:#4c6354; --accent:#31654f; --line:#b7c8bb; }
.ring-mast { background:#dbe8db; border-block:1px solid var(--line); }
.ring-mast > .shell { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:clamp(1.4rem,5vw,5rem); padding-block:clamp(1.75rem,5vw,4.5rem); }
.ring-mast figure { margin:0; padding:.9rem; background:#fff; border:1px solid var(--line); }
.ring-mast figure img { width:100%; height:auto; }
.ring-mast figcaption { color:var(--muted); font-size:.85rem; padding-top:.5rem; }
.ring-reading { padding-block:2.7rem; border-bottom:1px solid var(--line); }
.ring-reading .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ring-catalog { padding-block:2.5rem; }
.ring-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:700px) { .ring-mast > .shell,.ring-reading .reading-list,.ring-catalog .format > ul { grid-template-columns:minmax(0,1fr); } }
.candy-wear { --bg:#fcf1e6; --panel:#fff9ef; --ink:#43251b; --muted:#664e44; --accent:#8b402b; --line:#dcbda8; }
.candy-mast { background:#f2d2bb; border-bottom:1px solid var(--line); }
.candy-mast > .shell { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,5vw,4.5rem); padding-block:clamp(2rem,5vw,4.5rem); }
.candy-mast img { width:100%; height:auto; border-radius:2rem .35rem 2rem .35rem; }
.candy-counter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:clamp(1.5rem,4vw,4rem); padding-block:2.8rem; }
.candy-counter aside { border-top:.3rem solid var(--accent); align-self:start; background:var(--panel); padding:1.2rem; }
.candy-counter aside .format-nav { display:grid; }
.candy-counter .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.candy-reading { background:#f1e1ce; }
.candy-reading > .shell { padding-block:2.7rem; }
@media(max-width:740px){.candy-mast > .shell,.candy-counter,.candy-counter .format > ul { grid-template-columns:minmax(0,1fr); }.candy-mast img { order:1; }}
.bead-sizes { --bg:#edf1f7; --panel:#f9fbff; --ink:#24324d; --muted:#4e5d76; --accent:#37568a; --line:#bfc9d9; }
.bead-header { color:#f6f8ff; background:#283854; }
.bead-header > .shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); column-gap:3rem; align-items:center; padding-block:clamp(2rem,5vw,4.5rem); }
.bead-header h1,.bead-header .lead,.bead-header .button { grid-column:1; }
.bead-header .button { justify-self:start; background:#e0ebff; color:#263854; border-color:#e0ebff; }
.bead-header img { grid-column:2; grid-row:1 / span 3; width:100%; height:auto; }
.bead-numbers { margin-block:2.5rem; padding:clamp(1rem,3vw,2rem); border-left:.35rem solid var(--accent); background:var(--panel); }
.bead-gallery .format > ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:850px){.bead-gallery .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:700px){.bead-header > .shell,.bead-gallery .format > ul { grid-template-columns:minmax(0,1fr); }.bead-header img { grid-column:1; grid-row:auto; margin-top:1.2rem; }}
.kit-contents { --bg:#ecebe8; --panel:#fcfaf6; --ink:#292b30; --muted:#51545d; --accent:#6f4440; --line:#ccc3bd; }
.kit-mast { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,5vw,5rem); padding-block:clamp(2rem,5vw,4rem); }
.kit-mast img { width:100%; height:auto; border-radius:.5rem; }
.kit-reading { border-block:1px solid var(--line); background:#e9dbd4; }
.kit-reading > .shell { padding-block:2.5rem; }
.kit-library { padding-block:2.8rem; }
.kit-library .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:700px){.kit-mast,.kit-library .format > ul { grid-template-columns:minmax(0,1fr); }.kit-mast img { order:1; }}
.thong-fit { --bg:#f0edf3; --panel:#faf7fc; --ink:#2e283b; --muted:#5b5269; --accent:#624473; --line:#c6b9d0; }
.thong-mast { position:relative; padding-block:2rem 1rem; }
.thong-mast img { width:100%; height:clamp(18rem,39vw,34rem); object-fit:cover; display:block; }
.thong-title { position:absolute; left:clamp(2rem,5vw,5rem); top:50%; transform:translateY(-50%); width:min(36rem,55%); padding:clamp(1.2rem,3vw,2rem); background:#f7f0f7; border-left:.35rem solid var(--accent); }
.thong-title h1 { font-size:clamp(2.5rem,5vw,4.25rem); }
.thong-library { display:grid; grid-template-columns:minmax(0,2.5fr) minmax(0,1fr); gap:clamp(1.2rem,4vw,3.5rem); padding-block:2rem 3rem; }
.thong-library aside { align-self:start; border-block:1px solid var(--line); padding:1.1rem 0; }
.thong-library .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:760px){.thong-title{position:static; transform:none; width:auto; margin-bottom:.8rem; }.thong-mast img{height:auto;}.thong-library,.thong-library .format > ul{grid-template-columns:minmax(0,1fr);}}
.extension-mounts { --bg:#f3ede4; --panel:#fff8ed; --ink:#382c27; --muted:#64524b; --accent:#874735; --line:#d7bcaa; }
.mount-mast { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); align-items:stretch; gap:1rem; padding-block:1.6rem; }
.mount-copy { display:grid; align-content:center; justify-items:start; padding:clamp(1.3rem,4vw,3.5rem); border:1px solid var(--line); background:#fae3d2; }
.mount-mast img { width:100%; height:100%; min-height:24rem; object-fit:cover; }
.mount-band { background:#3f3530; color:#fff3e2; }
.mount-band > .shell { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem 1.25rem; padding-block:1.3rem; }
.mount-band :is(h2,p) { margin:0; }
.mount-band .button { background:#f4d8be; color:#43291f; border-color:#f4d8be; }
.mount-catalog { padding-block:2.7rem; }
.mount-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:740px){.mount-mast,.mount-catalog .format > ul{grid-template-columns:minmax(0,1fr);}.mount-mast img{min-height:0; height:auto;}}
.pump-cups { --bg:#eff2f1; --panel:#fff; --ink:#1d3339; --muted:#45636a; --accent:#0e6572; --line:#b5cdcf; }
.pump-intro { padding-block:clamp(2rem,5vw,4rem); text-align:center; }
.pump-intro :is(h1,.lead) { margin-inline:auto; }
.pump-bench { background:#d4e7e6; }
.pump-bench > .shell { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:2rem; align-items:center; padding-block:2rem; }
.pump-bench img { width:100%; height:auto; }
.pump-catalog { padding-block:2rem; }
.pump-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .pump-bench > .shell,.pump-catalog .format > ul { grid-template-columns:minmax(0,1fr); } }
.douche-design { --bg:#f3eee5; --panel:#fffcf4; --ink:#283637; --muted:#526163; --accent:#36596c; --line:#bbc8ca; }
.bulb-mast { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,4vw,4rem); padding-block:3rem; }
.bulb-mast img { width:100%; height:auto; border:.6rem solid #dce7ea; }
.bulb-guide { padding:1.7rem; background:#dce7ea; border-left:.35rem solid var(--accent); }
.bulb-guide .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bulb-catalog { padding-block:2.5rem; }
.bulb-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .bulb-mast,.bulb-guide .reading-list,.bulb-catalog .format > ul { grid-template-columns:minmax(0,1fr); } }
.inflatable-design { --bg:#f0ece9; --panel:#faf5f1; --ink:#302637; --muted:#605468; --accent:#634765; --line:#cebdce; }
.air-mast { background:#3c304c; color:#f8eff3; }
.air-mast > .shell { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,5vw,4rem); padding-block:clamp(2rem,5vw,4.4rem); }
.air-mast img { width:100%; height:auto; border:1px solid #8e7294; }
.air-mast .button { background:#e8c7b1; color:#3c304c; border-color:#e8c7b1; }
.air-panel { margin-block:2rem; padding:1.25rem; background:var(--panel); border-top:.35rem solid var(--accent); }
.air-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .air-mast > .shell,.air-catalog .format > ul { grid-template-columns:minmax(0,1fr); }.air-mast img { order:1; } }
.partner-apps { --bg:#edf0f6; --panel:#fafbff; --ink:#212b47; --muted:#4c5873; --accent:#424c8d; --line:#bdc4dc; }
.partner-mast { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:clamp(1.5rem,4vw,4rem); align-items:center; padding-block:clamp(2rem,6vw,5rem); }
.partner-mast img { width:100%; height:auto; border-radius:1.2rem; }
.partner-reading { background:#dfe3f2; border-block:1px solid var(--line); }
.partner-reading > .shell { padding-block:2.3rem; }
.partner-reading .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.partner-catalog { padding-block:2.6rem; }
.partner-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .partner-mast,.partner-reading .reading-list,.partner-catalog .format > ul { grid-template-columns:minmax(0,1fr); } }
.trainer-sets { --bg:#f6efe3; --panel:#fffbf2; --ink:#302f29; --muted:#5a584c; --accent:#714731; --line:#d2bca3; }
.set-cover { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:clamp(1.25rem,5vw,4rem); padding-block:clamp(2rem,5vw,4rem); }
.set-cover img { width:100%; height:auto; border-radius:50% 50% .75rem .75rem; }
.set-table { padding-block:2rem; background:#eee0c6; border-block:1px solid var(--line); }
.set-collection { padding-block:2rem; }
.set-collection .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .set-cover,.set-collection .format > ul { grid-template-columns:minmax(0,1fr); }.set-cover img { order:1; } }
.first-purchase { --bg:#f4f0e7; --panel:#fffcf5; --ink:#2b3730; --muted:#536259; --accent:#36614f; --line:#c5d0c1; }
.purchase-title { padding-block:clamp(2rem,5vw,4rem); text-align:center; }
.purchase-title :is(h1,.lead) { margin-inline:auto; }
.purchase-feature { background:#dce6d7; }
.purchase-feature > .shell { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:2rem; align-items:center; padding-block:2rem; }
.purchase-feature img { width:100%; height:auto; }
.purchase-catalog { padding-block:2.5rem; }
.purchase-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px) { .purchase-feature > .shell,.purchase-catalog .format > ul { grid-template-columns:minmax(0,1fr); } }
.shared-formats { --bg:#f8eee9; --panel:#fff8f5; --ink:#452a32; --muted:#6a5055; --accent:#873f59; --line:#d6b8bb; }
.shared-mast { position:relative; padding-block:1.8rem; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); align-items:center; }
.shared-mast > div { z-index:1; padding:clamp(1.2rem,4vw,3rem); margin-right:-2rem; background:#f4dcd6; border-left:.35rem solid var(--accent); }
.shared-mast img { width:100%; height:auto; }
.shared-library { display:grid; grid-template-columns:minmax(0,2.6fr) minmax(0,1fr); gap:clamp(1.3rem,4vw,4rem); padding-block:2.5rem; }
.shared-library aside { align-self:start; border-block:1px solid var(--line); padding-block:1.1rem; }
.shared-library .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:760px) { .shared-mast,.shared-library,.shared-library .format > ul { grid-template-columns:minmax(0,1fr); }.shared-mast > div { margin-right:0; } }
.motor-placement { --bg:#eeeae2; --panel:#fffaf0; --ink:#2f2924; --muted:#64584e; --accent:#8b4929; --line:#cfb9a6; }
.placement-cover { background:#332b29; color:#fff5e2; }
.placement-cover > .shell { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr); align-items:center; gap:clamp(1.4rem,4vw,4rem); padding-block:clamp(1.7rem,5vw,4rem); }
.placement-cover img { width:100%; height:auto; }
.placement-cover .button { color:#332b29; background:#edc49f; border-color:#edc49f; }
.placement-notes { padding-block:2rem; border-bottom:1px solid var(--line); }
.placement-notes .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.placement-catalog { padding-block:2.2rem; }
.placement-catalog .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px){.placement-cover > .shell,.placement-notes .reading-list,.placement-catalog .format > ul { grid-template-columns:minmax(0,1fr); }}
.powered-plugs { --bg:#eaf2f4; --panel:#f8fcfe; --ink:#233940; --muted:#4e656c; --accent:#275e70; --line:#a9c4cc; }
.power-mast { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:2rem; align-items:center; padding-block:2.8rem; }
.power-mast img { width:100%; height:auto; border:1px solid var(--line); }
.power-spec { background:#d6e8ed; padding-block:2rem; }
.power-gallery { padding-block:2.2rem; }
.power-gallery .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px){.power-mast,.power-gallery .format > ul { grid-template-columns:minmax(0,1fr); }}
.air-pulse { --bg:#f6f0eb; --panel:#fff9f4; --ink:#3c2939; --muted:#615261; --accent:#694269; --line:#cdb8ca; }
.pulse-cover { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:clamp(1.3rem,5vw,4rem); padding-block:3rem; }
.pulse-cover img { width:100%; height:auto; border-radius:2rem 2rem 45% 45%; }
.pulse-detail { background:#e9dce9; border-block:1px solid var(--line); padding-block:2.2rem; }
.pulse-detail .reading-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pulse-gallery { padding-block:2.6rem; }
.pulse-gallery .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px){.pulse-cover,.pulse-detail .reading-list,.pulse-gallery .format > ul { grid-template-columns:minmax(0,1fr); }.pulse-cover img{order:1;}}
.compact-plugs { --bg:#f2f3ea; --panel:#fcfcf4; --ink:#2c3932; --muted:#4d655a; --accent:#356958; --line:#a9c8b7; }
.compact-cover { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; gap:2rem; padding-block:2.5rem; }
.compact-cover img { width:100%; height:auto; border-radius:.5rem 4rem .5rem .5rem; }
.compact-guide { background:#e1ece1; border-top:.35rem solid var(--accent); padding:1.6rem; }
.compact-gallery { padding-block:2rem; }
.compact-gallery .format > ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:720px){.compact-cover,.compact-gallery .format > ul{grid-template-columns:minmax(0,1fr);}}