/* Wicked 衣装部屋 / wickedjp.com
   暖木・米白・真鍮の衣装室。見出しは細身の明朝、寸法は等幅。 */

:root{
  --wood:#6f4b34;
  --wood-deep:#442b1d;
  --wood-soft:#8a6247;
  --cream:#f6efe1;
  --paper:#fffaf0;
  --brass:#b08d57;
  --brass-lt:#dcc39a;
  --ink:#2b2118;
  --muted:#6d5c4c;
  --rust:#9c452f;
  --line:#d8c6a8;
  --serif:"Shippori Mincho","Yu Mincho",serif;
  --sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
  --mono:"IBM Plex Mono","Courier New",monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  color:var(--ink);
  background:
    repeating-linear-gradient(90deg,rgba(111,75,52,.035) 0 1px,transparent 1px 7px),
    linear-gradient(180deg,#f8f2e6 0%,#f4ecdc 100%);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.85;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.45;margin:0}
p{margin:0 0 1em}
.wrap{width:min(1160px,calc(100% - 48px));margin:0 auto;min-width:0}
.nw{white-space:nowrap}

/* 上部の真鍮レール */
.atelier-top{height:5px;background:linear-gradient(90deg,#8d6a3f,#d8bd8c 22%,#a7834e 55%,#dcc39a 82%,#8d6a3f)}
.head{background:linear-gradient(180deg,#76503a 0%,#63412c 100%);color:#f8efdf;position:relative}
.head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--brass-lt),transparent)}
.head-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(248,239,223,.18);font-family:var(--mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:#e2cfb4}
.head-top .mid{letter-spacing:.12em;color:#cdb696}
.head-top .cta{
  font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:none;
  border:1px solid var(--brass-lt);padding:5px 14px;color:#fff6e7;background:rgba(0,0,0,.12);
  white-space:nowrap;
}
.head-top .cta:hover{background:var(--brass);color:#2b2118;border-color:var(--brass)}
.head-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:30px;align-items:center;padding:16px 0 18px}
.brand{display:flex;align-items:baseline;gap:12px;min-width:0}
.brand b{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:.1em;line-height:1;color:#fff8ea}
.brand span{font-size:11px;letter-spacing:.34em;color:#d9c1a0;white-space:nowrap}
.nav{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.nav a{
  position:relative;display:block;padding:8px 12px 9px;background:#f7efdf;color:#5d3f2b;
  font-size:12.5px;letter-spacing:.04em;line-height:1.2;border-radius:2px 2px 7px 7px;
  box-shadow:0 2px 0 rgba(43,33,24,.28);
}
.nav a::before{content:"";position:absolute;left:50%;top:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#a98753}
.nav a i{display:block;font-family:var(--mono);font-style:normal;font-size:9px;color:#9a7a4e;letter-spacing:.12em;text-align:center}
.nav a span{display:block;text-align:center;margin-top:1px}
.nav a:hover{background:#fffaf0}
.nav a.on{background:var(--brass);color:#2b2118;box-shadow:0 2px 0 #7d5f38}
.nav a.on i{color:#4c3416}

/* ヒーロー */
.hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:38px;align-items:start;padding:24px 0 12px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--rust);margin:0 0 12px;text-transform:uppercase}
.hero h1{font-size:clamp(32px,3.2vw,44px);letter-spacing:.02em;margin:0 0 12px;color:#3a281b}
.hero h1 em{font-style:normal;color:var(--wood)}
.hero-copy p{max-width:44em;font-size:14.6px;line-height:1.78;color:#3d3025;margin:0 0 .8em}
.hero-copy .note{font-size:12.2px;color:var(--muted);border-left:2px solid var(--brass);padding-left:12px;line-height:1.7}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 14px}
.btn{display:inline-block;padding:12px 22px;background:var(--wood);color:#fff8ea;border:1px solid var(--wood-deep);font-size:13.5px;letter-spacing:.06em;box-shadow:3px 3px 0 rgba(176,141,87,.55)}
.btn:hover{background:var(--wood-deep)}
.btn.ghost{background:transparent;color:var(--wood);box-shadow:none;border:1px solid var(--wood-soft)}
.btn.ghost:hover{background:rgba(111,75,52,.08)}
.spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:rgba(255,250,240,.72);margin:0}
.spec div{padding:10px 12px;border-left:1px dashed var(--line);min-width:0}
.spec div:first-child{border-left:0}
.spec dt{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);margin:0 0 2px}
.spec dd{margin:0;font-family:var(--mono);font-size:18px;color:#3a281b}
.spec dd small{font-size:10px;color:var(--muted);letter-spacing:.08em}

/* ハンガー付きの実写枠 */
.rig{position:relative;padding-top:34px}
.rig .hook{position:absolute;top:0;left:50%;width:2px;height:26px;background:linear-gradient(180deg,#d9bd8a,#8b693c);transform:translateX(-1px)}
.rig .hook::before{content:"";position:absolute;top:-12px;left:-7px;width:12px;height:12px;border:3px solid #b08d57;border-radius:50%}
.rig .bar{height:9px;border-radius:5px;background:linear-gradient(180deg,#9a7550,#5d3e29);box-shadow:0 2px 3px rgba(43,33,24,.28)}
.rig .bar::before,.rig .bar::after{content:"";position:absolute;top:36px;width:7px;height:7px;background:#b08d57;border-radius:50%;box-shadow:inset 0 0 0 2px #6b4a33}
.rig .bar::before{left:6px}
.rig .bar::after{right:6px}
.frame{margin:9px 0 0;padding:9px;background:var(--paper);border:11px solid var(--wood);box-shadow:0 16px 30px rgba(68,43,29,.18),inset 0 0 0 1px var(--brass-lt)}
.frame img{width:100%;height:auto}
.frame figcaption,.cap{
  margin:0;padding:9px 2px 0;font-family:var(--mono);font-size:10.5px;line-height:1.7;color:#5d4c3b;letter-spacing:.02em;
}
.cap b{color:var(--rust);font-weight:500}

/* 提携ロゴ 3×2 */
.partners{background:#efe3cf;border-top:1px solid #d9c5a4;border-bottom:1px solid #d9c5a4;padding:16px 0 18px;margin:0 0 6px}
.p-head{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.p-head h2{font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:#6b4a33;margin:0}
.p-head span{flex:1;height:1px;background:linear-gradient(90deg,#b08d57,transparent)}
.pw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pw a{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:78px;padding:7px 14px;background:var(--paper);border:1px solid #d6c19e;
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(68,43,29,.08);min-width:0;
}
.pw a::before{content:"";position:absolute;top:6px;left:50%;margin-left:-2px;width:4px;height:4px;border-radius:50%;background:#c2a271;box-shadow:0 0 0 1px #8f6d40}
.pw img{height:60px;width:100%;object-fit:contain;display:block}

/* セクション見出し（レール） */
.sec{padding:46px 0 4px}
.rail-head{display:flex;align-items:center;gap:14px;margin:0 0 20px;min-width:0}
.rail-head .no{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#6b4a33;border:1px solid #a98753;padding:3px 7px;background:#f9f2e4;white-space:nowrap}
.rail-head h2{font-size:clamp(23px,2.4vw,30px);letter-spacing:.04em;color:#3a281b;white-space:nowrap}
.rail-head .rail{flex:1;height:2px;background:linear-gradient(90deg,#b08d57 0%,#d8c6a8 55%,transparent 100%);position:relative;min-width:20px}
.rail-head .rail::before{content:"";position:absolute;left:-5px;top:-4px;width:9px;height:9px;border:2px solid #b08d57;border-radius:50%;background:#f6efe1}
.lede{max-width:780px;color:#3d3025;margin:0 0 22px;font-size:14.5px;line-height:2}

/* 三列の棚 */
.bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:rgba(255,250,240,.78)}
.bay{padding:22px 20px 24px;border-left:1px dashed var(--line);min-width:0}
.bay:first-child{border-left:0}
.bay .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--rust);margin:0 0 4px}
.bay h3{font-size:20px;margin:0 0 4px;color:#3a281b}
.bay .n{font-family:var(--mono);font-size:25px;color:var(--wood);letter-spacing:.02em;margin:0 0 10px}
.bay .n small{font-size:11px;color:var(--muted);margin-left:4px;letter-spacing:.08em}
.bay p{font-size:13.5px;line-height:1.9;color:#46382a;margin:0}

/* 衣装タグ（作品） */
.tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tag{position:relative;background:var(--paper);border:1px solid #d8c5a5;padding:15px 15px 13px 40px;min-width:0;box-shadow:0 1px 0 #fff inset}
.tag::before{content:"";position:absolute;left:14px;top:19px;width:9px;height:9px;border-radius:50%;background:#f6efe1;border:1px solid #b08d57}
.tag::after{content:"";position:absolute;left:18px;top:10px;width:1px;height:9px;background:#b08d57}
.tag .code{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#8a7358;display:block;margin:0 0 3px}
.tag h3{font-size:17.5px;line-height:1.4;margin:0 0 4px}
.tag .who{font-size:12px;color:#5b4a3b;margin:0 0 8px;line-height:1.6}
.tag .meta{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed #d8c5a5;padding-top:7px;font-family:var(--mono);font-size:10px;color:#6d5c4c;letter-spacing:.03em}

/* シリーズ台帳 */
.ledger{border-top:1px solid #a98753}
.lrow{display:grid;grid-template-columns:58px minmax(0,1.1fr) minmax(0,1.6fr) 104px;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px dashed #cdb99a;min-width:0}
.lrow .no{font-family:var(--mono);font-size:11px;color:#8a6a45;letter-spacing:.08em}
.lrow .name{font-family:var(--serif);font-size:17px;line-height:1.4}
.lrow .desc{font-size:12.5px;line-height:1.8;color:#4c3d2f}
.lrow .meta{font-family:var(--mono);font-size:10.5px;text-align:right;color:#6d5c4c;letter-spacing:.04em}

/* 真鍮の名札 */
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.plate{
  position:relative;padding:13px 15px;min-width:0;
  background:linear-gradient(160deg,#cdac74 0%,#b58f58 55%,#a37f4b 100%);
  border:1px solid #7d5f38;color:#241a10;
  box-shadow:inset 0 1px 0 rgba(255,248,230,.55),inset 0 -2px 4px rgba(68,43,29,.28);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.plate::before,.plate::after{content:"";position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background:#6b4a33;margin-top:-2px}
.plate::before{left:5px}
.plate::after{right:5px}
.plate b{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.05em}
.plate span{font-family:var(--mono);font-size:9px;letter-spacing:.16em;opacity:.72;white-space:nowrap}

/* 採寸テープ */
.measure{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--paper);border:1px solid var(--line);position:relative}
.measure::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:repeating-linear-gradient(90deg,#b08d57 0 1px,transparent 1px 9px);opacity:.55}
.mcell{padding:20px 12px 16px;border-left:1px dashed var(--line);min-width:0}
.mcell:first-child{border-left:0}
.mcell b{display:block;font-family:var(--mono);font-size:clamp(18px,2vw,26px);font-weight:400;color:#3a281b;letter-spacing:.01em;line-height:1.2}
.mcell span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#6d5c4c;margin-top:4px}

/* 手順 */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step{background:rgba(255,250,240,.8);border:1px solid var(--line);border-top:4px solid var(--wood);padding:16px 18px 18px;min-width:0}
.step .s{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--rust)}
.step b{display:block;font-family:var(--serif);font-size:17px;font-weight:400;margin:4px 0 6px;line-height:1.5}
.step p{font-size:12.8px;line-height:1.85;margin:0;color:#4c3d2f}
.closing{margin:22px 0 0;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}

/* 下階の案内 */
.foot{background:linear-gradient(180deg,#4c3222,#3b2619);color:#ead9c0;margin-top:62px;border-top:5px solid var(--brass)}
.foot-in{padding:34px 0 26px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:26px;min-width:0}
.fg h2{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#d8bd8c;margin:0 0 8px;text-transform:uppercase}
.fg p{font-size:12px;line-height:1.85;color:#d8c6ac;margin:0}
.fg .brandline{font-family:var(--serif);font-size:24px;letter-spacing:.12em;color:#fff6e4;margin:0 0 8px}
.age{border:1px solid #b08d57;padding:8px 10px;text-align:center}
.age b{display:block;font-family:var(--mono);font-size:16px;color:#f3e3c8;letter-spacing:.1em}
.age span{font-size:10px;color:#c9b394;display:block;line-height:1.5}
.legal{margin-top:24px;border-top:1px solid rgba(216,189,140,.28);padding-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.07em;color:#b9a288;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* 下層ページの扉 */
.pagehead{padding:40px 0 26px;border-bottom:2px solid var(--wood);margin-bottom:6px;position:relative}
.pagehead::after{content:"";position:absolute;left:0;bottom:-6px;width:64px;height:2px;background:var(--brass)}
.pagehead .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--rust);margin:0 0 8px;text-transform:uppercase}
.pagehead h1{font-size:clamp(30px,3.8vw,46px);letter-spacing:.03em;color:#3a281b}
.pagehead p{max-width:720px;margin:12px 0 0;color:#46382a;font-size:14px;line-height:1.95}

/* ラック（作品一覧） */
.rack{margin:24px 0 8px;border-top:3px solid var(--wood);position:relative}
.rack::before{content:"";position:absolute;left:0;right:0;top:-9px;height:6px;background:repeating-linear-gradient(90deg,#b08d57 0 2px,transparent 2px 14px)}
.garment{display:grid;grid-template-columns:92px minmax(0,1fr) 138px;gap:22px;padding:20px 0 22px;border-bottom:1px dashed #c9b596;position:relative;min-width:0}
.garment::before{content:"";position:absolute;left:-1px;top:-4px;width:14px;height:14px;border:2px solid #b08d57;border-radius:50%;background:var(--cream)}
.garment .size{font-family:var(--mono);color:#6b4a33;padding-top:3px;white-space:nowrap}
.garment .size b{display:block;font-size:15px;letter-spacing:.04em}
.garment .size span{display:block;font-size:9.5px;letter-spacing:.1em;color:#8a7358;margin-top:2px}
.garment h2{font-size:21px;line-height:1.4;margin:0 0 3px}
.garment .cast{font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:#7a5a36;margin:0 0 7px;text-transform:uppercase}
.garment p.d{font-size:13.5px;line-height:1.9;margin:0;color:#46382a;max-width:70em}
.garment .tail{text-align:right;font-family:var(--mono);font-size:10.5px;color:#6d5c4c;line-height:1.9}
.garment .tail b{display:block;font-size:13px;color:#3a281b;font-weight:400}
.tag-note{margin:18px 0 0;padding:12px 14px;border:1px dashed #c9b596;background:rgba(255,250,240,.65);font-size:12px;line-height:1.85;color:#5b4a3b}

/* 六部門 */
.bays6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 0}
.bay6{background:rgba(255,250,240,.82);border:1px solid var(--line);padding:20px 22px 22px;position:relative;min-width:0}
.bay6::after{content:"";position:absolute;right:18px;top:18px;width:22px;height:1px;background:var(--brass);box-shadow:0 4px 0 var(--brass),0 8px 0 var(--brass)}
.bay6 .en{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:#8a6a45;text-transform:uppercase;display:block;margin:0 0 2px}
.bay6 h2{font-size:23px;margin:0 0 8px;padding-right:40px}
.bay6 p{font-size:13.5px;line-height:1.9;margin:0 0 10px;color:#46382a}
.bay6 .use{border-top:1px dashed var(--line);padding-top:8px;font-size:12px;color:#6b4a33;margin:0}
.bay6 .use b{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;font-weight:500;margin-right:6px;color:var(--rust)}

/* 手引き */
.guide{display:grid;grid-template-columns:206px minmax(0,1fr);gap:44px;align-items:start;margin:30px 0 10px}
.toc{position:sticky;top:18px;border-left:2px solid var(--brass);padding:2px 0 2px 14px}
.toc h2{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:#8a6a45;margin:0 0 8px}
.toc a{display:block;font-size:12.5px;line-height:1.6;padding:5px 0;color:#5b4632;border-bottom:1px dotted #d8c5a5}
.toc a b{font-family:var(--mono);font-size:10px;color:#a98753;margin-right:6px;font-weight:400}
.chapter{margin:0 0 34px;scroll-margin-top:20px}
.chapter h2{font-size:25px;margin:0 0 12px;color:#3a281b}
.chapter h2 span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--rust);display:block;margin-bottom:2px}
.chapter p{font-size:14.5px;line-height:2;color:#3f3225;max-width:52em}
.chapter .pull{margin:16px 0;padding:12px 16px;border-left:3px solid var(--brass);background:rgba(255,250,240,.75);font-family:var(--serif);font-size:16px;line-height:1.8}

/* 質問 */
.qa{margin:24px 0 0;border-top:2px solid var(--wood)}
.qa .item{border-bottom:1px dashed #c9b596;padding:17px 0 18px}
.qa .q{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:baseline;min-width:0}
.qa .q .n{font-family:var(--mono);font-size:11px;color:#a98753;letter-spacing:.06em}
.qa h3{font-size:17.5px;line-height:1.55;margin:0}
.qa .a{margin:6px 0 0 58px;font-size:13.5px;line-height:1.95;color:#46382a;max-width:76em}

/* 奥付 */
.about-grid{margin:24px 0 0;border-top:1px solid #c9b596}
.arow{display:grid;grid-template-columns:160px minmax(0,1fr);gap:26px;padding:20px 0 22px;border-bottom:1px dashed #c9b596;min-width:0}
.arow .lab{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#8a6a45;text-transform:uppercase;padding-top:4px}
.arow h2{font-size:21px;margin:0 0 8px}
.arow p{font-size:13.8px;line-height:1.95;margin:0 0 8px;color:#3f3225;max-width:62em}
.arow p:last-child{margin-bottom:0}

/* 404 */
.missing{padding:70px 0 40px;text-align:center}
.missing .big{font-family:var(--mono);font-size:clamp(64px,12vw,130px);line-height:1;color:var(--wood);letter-spacing:.08em}
.missing h1{font-size:clamp(26px,3.4vw,40px);margin:8px 0 12px}
.missing p{max-width:520px;margin:0 auto 22px;font-size:14px;color:#4c3d2f}
.missing .bar{width:160px;height:7px;margin:0 auto 18px;background:linear-gradient(180deg,#9a7550,#5d3e29);border-radius:4px;position:relative}
.missing .bar::before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:26px;background:#b08d57;margin-left:-1px}
.missing .bar::after{content:"";position:absolute;left:50%;top:-38px;width:11px;height:11px;border:3px solid #b08d57;border-radius:50%;margin-left:-5px}

/* 390 対応 */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:34px;padding:36px 0 34px}
  .hero h1{max-width:14em}
  .fg{grid-template-columns:1fr 1fr}
  .guide{grid-template-columns:1fr;gap:26px}
  .toc{position:static;border-left:0;border-top:1px solid var(--brass);padding:12px 0 0}
  .toc a{display:inline-block;border-bottom:0;margin-right:14px;padding:3px 0}
  .lrow{grid-template-columns:44px minmax(0,1fr) 100px}
  .lrow .desc{grid-column:2 / 4}
}
@media (max-width:760px){
  .wrap{width:calc(100% - 32px)}
  .head-main{grid-template-columns:1fr;gap:12px;padding:12px 0 14px}
  .brand{justify-content:center}
  .brand b{font-size:29px}
  .nav{justify-content:center;gap:5px}
  .nav a{flex:0 0 calc(33.333% - 5px);padding:7px 4px 8px;font-size:11.5px}
  .nav a i{font-size:8.5px}
  .head-top .mid{display:none}
  .hero h1{font-size:clamp(32px,9.4vw,44px)}
  .hero-copy p{font-size:14.5px}
  .spec{grid-template-columns:1fr 1fr}
  .spec div:nth-child(3){border-left:0;border-top:1px dashed var(--line)}
  .spec div:nth-child(4){border-top:1px dashed var(--line)}
  .bays{grid-template-columns:1fr}
  .bay{border-left:0;border-top:1px dashed var(--line)}
  .bay:first-child{border-top:0}
  .tags{grid-template-columns:1fr 1fr}
  .plates{grid-template-columns:1fr 1fr}
  .measure{grid-template-columns:1fr 1fr 1fr}
  .mcell{border-top:1px dashed var(--line)}
  .mcell:nth-child(-n+3){border-top:0}
  .mcell:nth-child(3n+1){border-left:0}
  .steps{grid-template-columns:1fr}
  .bays6{grid-template-columns:1fr}
  .garment{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .garment .tail{grid-column:2;text-align:left;display:flex;gap:14px;align-items:baseline;font-size:10px}
  .garment .tail b{display:inline;font-size:11px}
  .arow{grid-template-columns:1fr;gap:4px}
  .arow .lab{padding-top:0}
  .qa .a{margin-left:0}
  .qa .q{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .fg{grid-template-columns:1fr}
  .rail-head h2{white-space:normal;font-size:21px}
  .rail-head .no{font-size:10px}
  .lede{font-size:13.5px}
  .lrow{grid-template-columns:36px minmax(0,1fr);gap:4px 10px}
  .lrow .desc{grid-column:2}
  .lrow .meta{grid-column:2;text-align:left}
  .missing{padding:48px 0 30px}
}
@media (max-width:430px){
  .tags{grid-template-columns:1fr}
  .plates{grid-template-columns:1fr 1fr}
  .measure{grid-template-columns:1fr 1fr}
  .mcell:nth-child(3n+1){border-left:1px dashed var(--line)}
  .mcell:nth-child(2n+1){border-left:0}
  .mcell:nth-child(3){border-top:1px dashed var(--line)}
  .pw{gap:8px}
  .pw a{height:76px;padding:6px 8px}
  .pw img{height:60px}
  .partners{padding:20px 0 22px}
  .head-top{font-size:9px;letter-spacing:.1em}
  .head-top .cta{font-size:10.5px;padding:4px 9px}
  .brand span{font-size:9px;letter-spacing:.22em}
}