/* MISE: the studio's study series (generated by _studio/kit/site_mise.py) */
/* MISE.001 GALLERY HOST */
.mise *{box-sizing:border-box;margin:0;padding:0}
.mise{width:1440px;background:#FFFFFF;color:#000000;font-family:Inter,sans-serif;font-weight:300;padding:64px 56px 56px}
.mise .m{font-family:"Chivo Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.mise .hair{color:#7A7670}
.mise .mh{display:grid;grid-template-columns:1fr 520px;gap:56px;align-items:end;padding-bottom:40px}
.mise .code{font-family:"Chivo Mono",monospace;font-size:15px;letter-spacing:.12em;margin-bottom:6px}
.mise h1{font-weight:300;font-size:140px;line-height:.86;letter-spacing:-.05em;margin-left:-8px}
.mise .series{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin-bottom:18px}
.mise .lede{font-size:17px;line-height:1.5}
.mise .gloss{font-size:12.5px;color:#7A7670;margin-top:16px;padding-top:10px;border-top:.5px solid #000000}
.mise section{border-top:.5px solid #000000;padding-top:12px;margin-top:56px}
.mise .fh{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:22px}
.mise .fh .t{font-size:15px;line-height:1.5;max-width:600px}
.mise .moves{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:26px;margin-top:6px}
.mise .moves li{font-size:28px;line-height:1.15;letter-spacing:-.015em;display:grid;grid-template-columns:36px 1fr}
.mise .moves span{font-family:"Chivo Mono",monospace;font-size:12px;padding-top:9px;color:#7A7670}
.mise .hero{position:relative;width:1440px;height:1020px;margin:0 -56px}
.mise .hero img,.mise .hero svg{position:absolute;left:0;top:0;width:1440px;height:1020px}
.mise .wp-cap{font-size:15px;line-height:1.45;margin-top:14px;max-width:900px}
.mise .wp-cap b{font-weight:500}
.mise .wp-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px 40px;margin-top:16px;border-top:.5px solid #000;padding-top:14px}
.mise .wp-lg .wh{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.mise .wp-lg .wh2{margin-top:18px}
.mise .wp-lg ol{list-style:none}
.mise .wp-lg li{display:grid;grid-template-columns:34px 1fr;font-size:14px;line-height:1.4;padding:3px 0}
.mise .wp-lg li>i{font-style:normal;font-weight:500}
.mise .wp-lg .ab li>i{font-style:italic;font-weight:400;font-size:16px;line-height:1.2}
.mise .wp-lg .n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #000;border-radius:50%;font-size:12px;font-weight:500;line-height:1}
.mise .wp-lg .sw{display:inline-block;width:26px;height:0;vertical-align:top;margin-top:9px}
.mise .wp-lg .s-wall{height:9px;margin-top:5px;border:1px solid #000;background:repeating-linear-gradient(45deg,#000 0 .8px,#fff .8px 3.5px)}
.mise .wp-lg .s-once{border-top:2.4px solid #000}
.mise .wp-lg .s-local{border-top:1px solid #7A7670}
.mise .wp-lg .s-cust{border-top:2.6px dashed #E0218A}
.mise .wp-lg .s-stock{border-top:2.4px dotted #000}
.mise .wp-lg .s-key{width:18px;height:12px;margin-top:4px;background:#DEDAD1;border:1px solid #000}
.mise .pw{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px 32px;margin-top:4px}
.mise .pw>.eplate{flex:999 1 600px;min-width:0}
.mise .pw>.mg{flex:1 1 240px;min-width:0}
.mise .eplate{border:1px solid #000;padding:3px;margin:0;background:#fff}
.mise .eplate .pi{border:.5px solid #000;min-width:0}
.mise .eplate .ph{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:9px clamp(10px,1.4vw,14px) 8px;border-bottom:.5px solid #000;font:400 12px/1.2 "Chivo Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#000}
.mise .eplate .ph .pn{letter-spacing:.16em;white-space:nowrap}
.mise .eplate .pf{padding:20px clamp(10px,2vw,20px) 14px}
.mise .eplate .pf svg{display:block;width:100%;height:auto;max-width:none}
.mise .eplate .pf.mx{margin:0 auto}
.mise .eplate .scroll+.swipe{padding:0 clamp(10px,2vw,20px) 10px}
.mise .eplate .pi>.wp-cap{margin:0;max-width:none;padding:11px max(clamp(10px,2vw,20px),calc(100% - 900px)) 12px clamp(10px,2vw,20px);border-top:.5px solid #000}
.mise .eplate .pi>.wp-lg{margin:0;padding:4px clamp(10px,2vw,20px) 18px;border-top:0}
.mise .eplate .pi>.wp-lg+.scroll,.mise .eplate .pi>.wp-lg+.pf,.mise .eplate .pi>.wp-cap+.pf,.mise .eplate .pi>.wp-cap+.scroll{border-top:.5px solid #000}
.mise .eplate .hero{width:auto;height:auto;margin:0;aspect-ratio:1440/1020}
.mise .eplate .hero svg{width:100%;height:100%}
.mise .eplate .hero-sc{margin:0}
.mise .eplate .pf-plan{padding-left:0;padding-right:0}
.mise .wp-lg.flow{display:block}
.mise .wp-lg.flow ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:2px 40px}
.mise .wp-lg.flow.c4 ol{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:2px 28px}
.mise .wp-lg.flow.c5 ol{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:10px 22px}
.mise .wp-lg.flow.c6 ol{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:2px 16px}
.mise .wp-lg li b{font-weight:500}
.mise .wp-lg li em{display:block;font:400 12px/1.35 "Chivo Mono",monospace;font-style:normal;letter-spacing:.02em;text-transform:uppercase;margin-top:3px}
.mise .wp-lg .d{font:400 12px/1.4 "Chivo Mono",monospace;letter-spacing:.04em;margin-right:4px}
.mise .wp-lg .s-thin{border-top:1px solid #000}
.mise .wp-lg .s-band{height:9px;margin-top:5px;border:1px solid #000}
.mise .wp-lg .s-tap{width:5px;height:5px;margin:7px 0 0 10px;border-radius:50%;background:#000}
.mise .wp-lg .s-acid{height:12px;margin-top:4px;background:#E8F23A;border:1px solid #000}
.mise .wp-lg .s-cyan{height:12px;margin-top:4px;background:#00C2D1;border:1.6px solid #000}
.mise .mg .mgb{border-top:2px solid #000;padding-top:9px;margin:0 0 30px}
.mise .mg .bh{font:400 12px/1.3 "Chivo Mono",monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.mise .mg dl div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:6px 0 7px;border-top:.5px solid #D9D7D2;font-size:14px;line-height:1.35}
.mise .mg dt{font:400 12px/1.4 "Chivo Mono",monospace;letter-spacing:.05em;text-transform:uppercase;color:#7A7670}
.mise .mg dd{font-size:14px;line-height:1.35}
.mise .mg .mt{font-size:15px;line-height:1.45}
.mise .mg .nt{font-size:12px;color:#7A7670;padding-top:6px;border-top:.5px solid #D9D7D2}
.mise .spec{padding:24px clamp(8px,2.4vw,28px) 6px;overflow:hidden}
.mise .tier{display:flex;justify-content:space-around;align-items:flex-end;flex-wrap:wrap;gap:46px 24px;margin-bottom:38px}
.mise .tier:last-child{margin-bottom:30px}
.mise .sp{position:relative;flex:none}
.mise .sp img{position:absolute;max-width:none;mix-blend-mode:multiply}
.mise .sp::after{content:"";position:absolute;left:-10px;right:-10px;bottom:-2px;border-bottom:.5px solid #000}
.mise .sp .sn,.mise .phones .sn{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:9px;font:400 12px/1 "Chivo Mono",monospace;letter-spacing:.06em}
.mise .phones{display:flex;flex-wrap:wrap;justify-content:space-between;gap:44px 16px;padding:24px clamp(10px,2vw,20px) 34px}
.mise .phones>div{position:relative;flex:1 1 136px;max-width:184px;min-width:0}
.mise .phones svg{display:block;width:100%;height:auto}
.mise .pviews{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-end;gap:28px 48px;padding:24px clamp(10px,2vw,20px) 18px}
.mise .pviews>div{min-width:0}
.mise .pviews svg{display:block;width:100%;height:auto}
.mise .pside{display:flex;flex-wrap:wrap;align-items:center;gap:8px 40px;padding:20px clamp(10px,2vw,20px) 18px}
.mise .pside>.pf{flex:0 1 380px;padding:0;margin:0 auto}
.mise .pside>.wp-lg{flex:1 1 300px;margin:0;padding:0;border-top:0}
.mise .seq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,188px),1fr));gap:34px 0;padding:24px clamp(10px,2vw,20px) 22px}
.mise .seq .st{min-width:0;padding-right:20px}
.mise .seq .sv{max-width:240px}
.mise .seq .sv svg{display:block;width:100%;height:auto}
.mise .seq .sk{position:relative;margin:16px -20px 0 0;padding:18px 20px 0 0;border-top:2.6px dashed #E0218A;font:400 12px/1.3 "Chivo Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.mise .seq .sk .n{position:absolute;left:0;top:-14px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1.2px solid #000;border-radius:50%;background:#fff;font:500 14px/1 Inter,sans-serif;letter-spacing:0}
.mise .seq .sx{font-size:15px;line-height:1.42;margin-top:6px;max-width:30ch}
.mise table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45}
.mise th{font-family:"Chivo Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left;font-weight:400;padding:8px 12px 8px 0;border-bottom:.5px solid #000000}
.mise td{padding:11px 12px 11px 0;border-bottom:.5px solid #E2E1DD;vertical-align:top}
.mise td.el{font-size:16px;font-weight:400;width:170px}
.mise .field{margin:-64px -56px 48px;padding:56px 56px 48px;color:#000}
.mise .field .code{font-family:"Chivo Mono",monospace;font-size:15px;letter-spacing:.12em;margin-bottom:10px}
.mise .field h1{font-family:Archivo,Inter,sans-serif;font-weight:900;font-stretch:62%;font-size:180px;line-height:.82;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 0 -4px}
.mise .field .dek{font-family:"Chivo Mono",monospace;font-size:17px;line-height:1.4;margin-top:26px;max-width:760px}
.mise .mh{grid-template-columns:1fr!important;padding-bottom:8px!important}
.mise .mh .tri{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}
.mise .mh .tri div:last-child{border-bottom:0}
.mise .dets{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;margin-bottom:56px}
.mise .dets div{border-top:.5px solid #000;padding-top:10px}
.mise .dets dt{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.mise .dets dd{font-size:16px;line-height:1.45}
.mise .sw-ph{display:none}
.mise .sw-ph ol{list-style:none;display:grid;gap:18px;border-left:1px solid #7A7670;padding-left:16px}
.mise .sw-ph li{font-size:15px;line-height:1.45}
.mise .sw-ph b{display:block;font-weight:400;font-size:18px;margin-bottom:4px}
.mise .sw-ph .k{display:block;font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7A7670;margin-bottom:4px}
.mise .sw-ph p.k{margin-top:24px;border-top:3px solid #000;padding-top:10px}
.mise .sw-ph .c{font-size:24px;line-height:1.2;letter-spacing:-.01em;margin-bottom:8px}
.mise .sketch{margin:4px 0 36px}
.mise .sketch img{width:66%;min-width:300px;display:block}
.mise .sketch figcaption{margin-top:8px}
.mise .till-t td{font-size:15px;width:20%}
.mise .till-t td.el{font-size:16px;font-weight:400}
.mise .atmo-pair{margin-top:8px}
.mise .atmo-pair .pair{margin-top:0}
.mise .tri{margin:0}
.mise .tri div{padding:12px 0;border-top:.5px solid #000000}
.mise .tri div:last-child{border-bottom:.5px solid #000000}
.mise .tri dt{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.mise .tri dd{font-size:21px;line-height:1.3;letter-spacing:-.01em}
.mise .tri .stop dt,.mise .tri .stop dd{color:#23395B}
.mise .pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.mise .pair div{height:420px;overflow:hidden}
.mise .pair img{width:100%;height:100%;object-fit:cover;display:block}
.mise .cap{margin-top:8px}
.mise .pq{margin:40px 0;border-left:12px solid var(--sc);padding:2px 0 2px 26px}
.mise .pq p{font-weight:300;font-size:46px;line-height:1.1;letter-spacing:-.028em;max-width:21em;margin:0 0 14px}
.mise .pq cite{display:block;font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mise .pq cite a{color:#000000}
.mise .lease{margin-top:56px}
.mise .mf{display:flex;justify-content:space-between;margin-top:64px;padding-top:12px;border-top:.5px solid #000000}
/* MISE.002 GARMENT PASSPORT */
.mise h1{font-weight:300;font-size:140px;line-height:.86;letter-spacing:-.05em;margin-left:-6px}
.mise .pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}
.mise .reg{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.mise .reg th{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:left;font-weight:400;padding:0 16px 10px 0;border-bottom:.5px solid #000;vertical-align:bottom}
.mise .reg th:last-child{color:#23395B}
.mise .reg td{padding:16px 18px 16px 0;border-bottom:.5px solid #E2E1DD;vertical-align:top}
.mise .reg .no{font-family:"Chivo Mono",monospace;font-size:12px;width:34px;padding-top:19px}
.mise .reg .el{font-size:19px;font-weight:400;width:190px;letter-spacing:-.005em}
.mise .reg .hy{font-size:17px;width:330px}
.mise .reg .stt{width:160px;white-space:nowrap}
.mise .reg .bar{display:inline-flex;gap:3px;vertical-align:middle;margin-right:8px}
.mise .reg .bar i{display:block;width:13px;height:9px;border:.8px solid #000}
.mise .reg .bar i.on{background:#000}
.mise .reg .sl{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.mise .reg .stop{color:#23395B;font-size:17px;border-top:1.5px solid #23395B}
.mise .tech{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:32px 0 48px}
.mise .tech div{border-top:.5px solid #000000;padding-top:10px}
.mise .tech dt{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.mise .tech dd{font-size:16px;line-height:1.45}
.mise .pp-fig{display:flex;flex-wrap:wrap;gap:20px 88px;margin:6px 0 14px}
.mise .pp-fig .pp-n{font-weight:300;font-size:clamp(88px,10vw,148px);line-height:.88;letter-spacing:-.045em}
.mise .pp-fig .m{margin-top:12px}
.mise .pp-src{font-size:15px;line-height:1.45;max-width:640px}
.mise .pp-src a{color:#000000}
.mise .pp-when{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px 32px;margin:0 0 8px}
.mise .pp-when div{border-top:.5px solid #000000;padding-top:10px}
.mise .pp-when dt{font-family:"Chivo Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.mise .pp-when dd{font-size:16px;line-height:1.45}
.mise .pp-k{margin:48px 0 12px}
.mise .pp-k+.dets{margin-top:12px;margin-bottom:8px}
.mise .dets dd a{color:#000000}
.mise .wp-lg .s-pp-stamp{width:14px;height:14px;margin:3px 0 0 6px;background:#E8F23A;border:1.3px solid #000;box-shadow:inset 0 0 0 2px #E8F23A,inset 0 0 0 2.6px #000}
.mise .wp-lg .s-pp-call{border-top:1.4px dashed #000;margin-top:9px}
.mise .wp-lg .s-pp-tag{width:11px;height:17px;margin:1px 0 0 7px;border:1.3px solid #000;border-radius:3px 3px 0 0}
/* MISE.003 SECOND ROUND */
.mise .atmo{margin:0 -56px;height:640px;overflow:hidden}
.mise .atmo img{width:100%;height:100%;object-fit:cover;display:block}
.mise .pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
/* MISE.004 CALLING CARD */
.mise .wp-lg .s-way{border-top:6px solid #1FB86A;margin-top:7px}
.mise .wp-lg .s-street{border-top:10px solid #DEDAD1;margin-top:5px}
.mise .wp-lg .s-pull{border-top:2.4px dotted #000;margin-top:8px}
.mise .wp-lg .s-item{width:16px;height:16px;margin:2px 0 0 4px;border-radius:50%;background:#000}
.mise .wp-lg .s-room{width:22px;height:14px;margin-top:3px;border:2px solid #000;background:#1FB86A}
.mise .wp-lg .s-lan{width:12px;height:16px;margin:2px 0 0 6px;border:1.4px solid #000;border-radius:50%;background:#1FB86A}
.mise .wp-lg .s-host{width:22px;height:12px;margin-top:5px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#000 0 4.5px,#7A7670 5px)}
.mise .wp-lg .s-mark{width:0;height:0;margin:3px 0 0 4px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #000}
.mise .wp-lg .s-off{width:24px;height:14px;margin-top:3px;border:1px dashed #000;background:linear-gradient(#000,#000) center/80% 1.2px no-repeat}
.mise .wp-lg .s-c,.mise .wp-lg .s-y,.mise .wp-lg .s-m{width:22px;height:14px;margin-top:3px;border:1px solid #000;background-size:5px 5px}
.mise .wp-lg .s-c{background-image:radial-gradient(#00C2D1 0 1.3px,transparent 1.6px)}
.mise .wp-lg .s-y{background-image:radial-gradient(#D9E21F 0 1.5px,transparent 1.8px)}
.mise .wp-lg .s-m{background-image:radial-gradient(#E0218A 0 1.3px,transparent 1.6px)}
.mise .sw-ph.ccph{padding:18px clamp(10px,2vw,20px) 20px}
.mise .sw-ph.ccph p.k{border-top:0;margin:24px 0 8px;padding-top:0}
.mise .sw-ph.ccph p.k:first-child{margin-top:0}
.mise .sw-ph.ccph dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-top:.5px solid #D9D7D2;font-size:14px;line-height:1.4}
.mise .sw-ph.ccph dt{font:400 11px/1.7 "Chivo Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#7A7670}
.mise .sw-ph.ccph .cc{border:1.4px solid #000;outline:.5px solid #000;outline-offset:-7px;padding:20px 18px 16px}
.mise .sw-ph.ccph .cc .r{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;font-size:15px;line-height:1.4;padding:5px 0}
.mise .sw-ph.ccph .cc i{font-style:normal;font-weight:500}
.mise .sw-ph.ccph .nm{font-weight:300;font-size:34px;line-height:1;margin:0}
.mise .sw-ph.ccph ol{list-style:none;display:block;border:0;padding:8px 0 0;margin:0}
.mise .sw-ph.ccph ol li{display:grid;grid-template-columns:26px minmax(0,1fr);font-size:15px;line-height:1.45;padding:2px 0}
.mise .sw-ph.ccph ol span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#000;color:#fff;font-size:11px;font-weight:500}
.mise .sw-ph.ccph ul{list-style:none;display:grid;gap:8px}
.mise .sw-ph.ccph ul li{border:1px dashed #000;padding:8px 12px;font-size:15px;color:#7A7670}
.mise .sw-ph.ccph .nt{font-size:14px;line-height:1.4;margin-top:12px}
/* MISE.005 MOTHERSHIP */
.mise .jet{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:8px}
.mise .jet img{width:100%;height:auto;display:block}
.mise .jet{grid-template-columns:1fr;gap:20px}
.mise .jet>div:first-child{max-width:560px}
.mise /* stack on tablets and phones,.mise as .pair does */
.jet p{font-size:20px;line-height:1.45;margin:0 0 14px;max-width:32em}
.mise .jet p.cap{font-size:12px;line-height:1.4;margin:8px 0 0}
.mise .pq{margin:40px 0 48px;border-left:12px solid var(--sc);padding:2px 0 2px 26px}
.mise{width:auto;max-width:1440px;margin:0 auto;background:#fff}
.mise svg{max-width:100%;height:auto}
.mise .hero,.mise .atmo{width:auto;margin-left:-56px;margin-right:-56px}
.mise .hero{height:auto;aspect-ratio:2400/1700}
.mise .hero img,.mise .hero svg{width:100%;height:100%}
.mise .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:380px){.mise .tier{zoom:.9}}
.mise .eplate + .atmo{margin-top:56px}
.mise .pair{gap:var(--g)}
.mise .kit{margin:0}
.mise-back{display:inline-block;margin-bottom:28px}
.mise h2.m{font-weight:400;margin:0}
/* the reading layer (17 Oct, panel round 4): nothing below 12px, sentences in ink, each section opens on its sentence */
.mise .m,.rmap .m{font-size:12px}
.mise h1{font-size:clamp(56px,7.5vw,104px)}
.mise .lede,.rmap .lede{font-size:18px}
.mise .gloss{font-size:14px;color:#000}
.mise .fh,.rmap .fh{display:block;margin-bottom:26px}
.mise .fh .t,.rmap .fh .t{font-size:22px;line-height:1.35;letter-spacing:-.01em;max-width:880px;margin-top:10px;color:#000}
.mise table,.rmap table{font-size:15px}
.mise th,.rmap th{font-size:12px}
.mise td.st{font-size:12px}
.mise .cd{font-size:14px;color:#000}
.mise .co{font-size:11px}
.mise .moves span{font-size:13px;color:#000}
.mise .cap{font-size:12px}
.mise .reg,.rmap .reg{min-width:1040px}
.mise .till-t{min-width:960px}
.mise-next{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;border-top:.5px solid #000;padding-top:14px}
.mise-next a{display:flex;flex-direction:column;gap:8px;color:#000;text-decoration:none}
.mise-next a:last-child{text-align:right}
.mise-bridge{margin-top:40px;font-size:20px;line-height:1.4}
.mise-bridge a{color:#000;text-decoration:underline;text-underline-offset:4px}
.mise-next .nn{font:400 15px/1.4 "Chivo Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.mise-next a:hover .nn{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media (max-width:1100px){
  .mise{padding-left:32px;padding-right:32px}
  .mise .hero,.mise .atmo{margin-left:-32px;margin-right:-32px}
  .mise .mh,.mise .fh,.mise .concept,.mise .pair{grid-template-columns:1fr!important;gap:20px}
  .mise .moves{grid-template-columns:1fr 1fr}
  .mise .tech{grid-template-columns:1fr 1fr!important}
  .mise h1{font-size:clamp(64px,14vw,160px)}
  .mise .field{margin:0 -32px 40px;padding:40px 32px 36px}
  .mise .field h1{font-size:clamp(84px,17vw,180px)}
  .mise .mh .tri,.mise .dets{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .mise{padding:40px 16px 40px}
  .mise .hero,.mise .atmo{margin-left:-16px;margin-right:-16px}
  .mise .atmo{height:56vw}
  .mise .moves{grid-template-columns:1fr}
  .mise .moves li{font-size:22px}
  .mise .series{font-size:21px}
  .mise .pair div{height:56vw}
  .mise .wide{min-width:880px}
  .mise .tech{grid-template-columns:1fr!important;gap:18px}
  .mise .field{margin:0 -16px 32px;padding:32px 16px 28px}
  .mise .field h1{font-size:clamp(56px,18.5vw,110px)}
  .mise .field .dek{font-size:15px}
  .mise .scroll:has(svg.swirl){display:none}
  .mise .sketch img{width:100%;min-width:0}
  .mise .sw-ph{display:block}
}
.mise .field{margin-top:0}
.mise .swipe{display:none}
@media (max-width:900px){
  .mise .swipe{display:block;margin-top:8px}
  .mise .scroll:has(svg.swirl)+.swipe{display:none}
  .mise .hero-sc{margin-left:-32px;margin-right:-32px}
  .mise .hero-sc .hero{min-width:880px;margin:0}
  .mise .mf{flex-direction:column;gap:4px}
  .mise .reg,.mise .till-t{min-width:0!important;width:100%}
  .mise .reg,.mise .reg tbody,.mise .reg tr,.mise .reg td,.mise .till-t,.mise .till-t tbody,.mise .till-t tr,.mise .till-t td{display:block;width:auto!important}
  .mise .reg thead,.mise .reg th,.mise .reg tr:has(th),.mise .till-t thead,.mise .till-t th{display:none}
  .mise .reg tr,.mise .till-t tr{border-top:.5px solid #000;padding:12px 0 16px}
  .mise .reg td,.mise .till-t td{padding:2px 0;border:0}
  .mise .reg td.no{display:inline;padding:0 10px 0 0}
  .mise .reg td.el,.mise .till-t td.el{display:block;font-size:18px}
  .mise .reg td[data-l]::before,.mise .till-t td[data-l]::before{content:attr(data-l);display:block;margin-top:10px;font:400 11px/1.4 "Chivo Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#7A7670}
}
@media (max-width:640px){.mise .hero-sc{margin-left:-16px;margin-right:-16px}}


.mise-ix .ix-walls{margin:48px 0 8px}
@media (max-width:900px){.mise-ix .ix-walls{order:2}}
.mise-ix .dr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px var(--g,24px);margin-top:72px;padding-top:14px;border-top:.5px solid #000}
.mise-ix .dr figure{grid-column:1/4}.mise-ix .dr-t{grid-column:4/6}
.mise-ix .dr-k{grid-column:1/-1;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0}
.mise-ix .dr figure{margin:0}.mise-ix .dr img{display:block;width:100%;height:auto}
.mise-ix .dr figcaption{font-size:12px;line-height:1.5;margin-top:10px}.mise-ix .dr figcaption a{color:inherit}
.mise-ix .dr h2{font:400 clamp(28px,2.6vw,38px)/1.1 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 20px}
.mise-ix .dr-t p{font-size:18px;line-height:1.5;margin:0 0 16px;max-width:34em;text-wrap:pretty}
.mise-ix .dr-t p:last-child{font-size:21px;line-height:1.35;margin-top:24px}
@media (max-width:900px){.mise-ix .dr{grid-template-columns:1fr;order:2}.mise-ix .dr figure,.mise-ix .dr-t{grid-column:1/-1}}
.mise-ix h1{font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.035em}
.mise-ix .rows{border-top:.5px solid #000;margin-top:24px}
.mise-ix .row{display:grid;grid-template-columns:100px 410px 90px 1fr 240px;gap:24px;align-items:baseline;padding:26px 20px 26px 20px;border-bottom:.5px solid #000;border-left:12px solid var(--sc);color:#000;text-decoration:none;transition:background-color .2s}
.mise-ix .row:hover,.mise-ix .row:focus-visible{background:var(--sc)}
.mise-ix .row:is(:hover,:focus-visible) .s{color:inherit}
.mise-ix .row[href="mise-mothership.html"]:is(:hover,:focus-visible){color:#fff}
.mise-ix .n{font:900 52px/.9 Archivo,Inter,sans-serif;font-stretch:62%;text-transform:uppercase;letter-spacing:0}
.mise-ix .t{font-size:17px;line-height:1.45;max-width:560px}
.mise-ix .foot{margin-top:28px}
.mise-ix .row .sk{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;align-self:center}
.mise-ix .writing{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:baseline;padding:22px 0;border-bottom:.5px solid #000;font-size:20px}
.mise-ix .writing a{color:#000}
@media (max-width:900px){.mise-ix .writing{grid-template-columns:1fr;gap:6px}}
@media (max-width:900px){.mise-ix .row{grid-template-columns:1fr;gap:6px}.mise-ix .n{font-size:44px}}

/* final cut, 18 Oct 2026 */
.mise h2.m,.rmap h2.m{max-width:none;line-height:1.45}
.mise,.rmap{padding-left:var(--pad);padding-right:var(--pad)}
.mise .hero,.mise .atmo{margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad))}
.mise .field{margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad));padding-left:var(--pad);padding-right:var(--pad)}
.mise-ix h1{margin-left:-.03em}
@media (min-width:901px){.mise-ix .writing{grid-template-columns:100px 1fr;padding-left:32px}}
.mise .targets{max-width:calc((100% - 80px)/3*2 + 40px)}
@media (max-width:1100px){.mise .targets{max-width:none}}
@media (max-width:719px){
  .mise .hero-sc{margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad))}
  .rmap .mf{flex-direction:column;gap:4px}
  .mise .reg td[data-l]::before,.mise .till-t td[data-l]::before,.rmap .reg td[data-l]::before{font-size:12px}
}
@media (max-width:1100px){
  .mise .wide,.rmap .wide{min-width:1328px}
  .mise .swipe,.rmap .swipe{display:block;margin-top:8px}
  .mise .scroll:has(svg.swirl) .wide{min-width:0}
  .mise .scroll:has(svg.swirl)+.swipe{display:none}
}
@media (min-width:901px) and (max-width:1100px){.mise .reg,.rmap .reg,.mise .till-t{min-width:0}.mise .reg .hy,.rmap .reg .hy{width:auto}}
@media (min-width:901px) and (max-width:1279px){.mise-ix .row{grid-template-columns:100px minmax(0,1fr) 90px minmax(0,1.3fr) 200px}}
@media (min-width:901px){.mise .kit{width:auto;max-width:max-content;grid-template-columns:repeat(4,minmax(0,300px))}}
.mise-next .nn{text-wrap:balance}
.rmap .src span,.rmap .finds li::before{font-size:12px}
.rmap .gloss{font-size:14px;color:#000}

@media (max-width:1279px){.mise .mg dl div{grid-template-columns:minmax(0,1fr);gap:2px}}   /* 21 Oct: the figures box spilled ("the ground floo") at 1024 */
@media (min-width:901px) and (max-width:1279px){.mise-ix .n{font-size:min(52px,calc((100vw - 560px)/11))}}   /* MOTHERSHIP ran into its label at 901 to 1100 */
.mise .scroll:not([tabindex])+.swipe{display:none}   /* home.js drops the tab stop from drawings that fit; they don't need the hint */
@media (min-width:1441px){.mise .field{margin-inline:calc(-1*var(--edge));padding-inline:var(--edge)}.mise .atmo{margin-inline:calc(-1*var(--edge))}}   /* 21 Oct: the colour field and the wide image run to the screen edge past 1440 */

/* 18 Oct: the problem, quoted big, and what you can use tomorrow */
.mise .pain{padding:4px 0 8px;margin-bottom:40px}
.mise .pain .pk,.mise .take .pk{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.mise .pq{margin:0;border-left:12px solid var(--sc);padding:2px 0 2px 26px}
.mise .pq p{font:300 clamp(30px,3.7vw,54px)/1.1 Inter,sans-serif;letter-spacing:-.028em;max-width:21em;text-wrap:balance;margin:0 0 16px}
.mise .pq cite{display:block;font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mise .pq cite a,.mise .pt a{color:#000}
.mise .pt{font-size:20px;line-height:1.45;max-width:40em;margin:28px 0 0;text-wrap:pretty}
.mise .take{margin:36px 0 8px;padding-top:14px;border-top:1px solid #000;max-width:56em}
.mise .take p:last-child{font-size:20px;line-height:1.45;margin:0;text-wrap:pretty}
@media (max-width:719px){.mise .pq{padding-left:16px;border-left-width:8px}.mise .pt,.mise .take p:last-child{font-size:18px}}

/* 18 Oct, panel (Willey, Hara): one italic on the site, the Fig. caption only; same black; the "Fig. n." label stays sans. Loaded by the study pages only. */
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/eb-garamond-400i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/eb-garamond-400i-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
.mise .wp-cap{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:18px;line-height:1.35;color:#000}
.mise .wp-cap b{font-family:Inter,sans-serif;font-style:normal;font-size:15px;font-weight:500}
@media (max-width:640px){.mise .wp-cap{font-size:17px;line-height:1.4}}

/* studies audit, 18 Oct: a three-way switch, the index leads with the studies on a phone */
.mise-next{grid-template-columns:repeat(3,minmax(0,1fr))}
.mise-next>*{display:flex;flex-direction:column;gap:8px;color:#000;text-decoration:none;border-left:12px solid var(--sc);padding-left:16px;text-align:left!important}
.mise-next [aria-current] .nn,.mise-next [aria-current] .m{color:#595959}
.mise-next a:hover .nn{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media (max-width:719px){.mise-next{grid-template-columns:minmax(0,1fr);row-gap:20px}.mise .cn,.mise .co{font-size:12px}}
@media (max-width:900px){.mise-ix{display:flex;flex-direction:column}.mise-ix .mh{display:contents}.mise-ix .rows{order:1}.mise-ix .mh>div:last-child{order:2;margin-top:40px}.mise-ix .mise-bridge,.mise-ix .writing,.mise-ix .foot{order:3}}

/* 18 Oct: the suite turntable under the fixtures plate */
.mise .turn{margin:40px 0 0;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:28px;align-items:end}
.mise .turn video{display:block;width:100%;height:auto;aspect-ratio:600/560;border:1px solid #000;padding:3px;background:#fff;box-sizing:border-box;outline:.5px solid #000;outline-offset:-4px}
.mise .turn figcaption{max-width:34ch}
@media (max-width:719px){.mise .turn{grid-template-columns:minmax(0,1fr);gap:12px}}

/* 18 Oct: the Studies headline breaks after "can do" on wide screens; on phones "the phone can't" stays together and fits */
@media (max-width:719px){.mise-ix h1{font-size:min(48px,12vw)}}

/* 18 Oct (James: "should that paragraph widen so the fold moves up"): the index intro keeps its 65-character measure
   and runs as two columns across the full width, the theory and then the studies; the fold rises about 135 px */
@media (min-width:1024px){.mise-ix .ix-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
.mise-ix .ix-cols .lede{max-width:34em;margin:0}}

/* 18 Oct, James: the colour bar hangs in the margin, so the row's words and sketch sit on the column and on the rule's ends */
.mise-ix .row{border-left:0;padding-left:0;padding-right:0;box-shadow:none;position:relative}
.mise-ix .row::before{content:"";position:absolute;left:-20px;top:-.5px;bottom:-.5px;width:8px;background:var(--sc)}
@media (max-width:719px){.mise-ix .row::before{left:-14px;width:6px}}
/* the switch between the studies: four across, each bar hung outside its words (18 Oct) */
.mise-next{column-gap:40px}
.mise-next>*{border-left:0!important;padding-left:0!important;position:relative}
.mise-next>*::before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:8px;background:var(--sc)}
@media (min-width:1024px){.mise-next{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:720px) and (max-width:1023px){.mise-next{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}}
@media (max-width:719px){.mise-next>*::before{left:-14px;width:6px}}
/* the alignment audit, 18 Oct: a plate and its margin notes split on the grid (four columns and one); cut-outs never spill past the plate on small phones */
@media (min-width:1024px){.mise .pw{display:grid;grid-template-columns:calc((100% - 4 * var(--g,24px)) / 5 * 4 + 3 * var(--g,24px)) minmax(0,1fr);column-gap:var(--g,24px)}}
.mise .eplate{overflow-x:clip}
.mise .sketch img{height:auto}
/* 19 Oct: on a phone the two intro paragraphs keep a gap between them */
@media (max-width:1023px){.mise-ix .ix-cols .lede+.lede{margin-top:16px}}
/* the alignment audit, 18 Oct: the intro columns split on the grid's gutter; sketches and the turntable end on a column line */
@media (min-width:1024px){.mise-ix .ix-cols{column-gap:var(--g,24px)}}
@media (min-width:720px){.mise .sketch img{width:calc((100% - 4 * var(--g,24px)) / 5 * 3 + 2 * var(--g,24px));min-width:0;height:auto}.mise .turn{grid-template-columns:calc((100% - 4 * var(--g,24px)) / 5 * 2 + var(--g,24px)) minmax(0,1fr);column-gap:var(--g,24px)}}

/* 20 Oct: the research quote beside each study's theory: the problem quote's treatment, at reading size */
.mise .rq{margin:6px 0 40px;border-left:12px solid var(--sc);padding:2px 0 2px 26px}
.mise .rq p{font:300 clamp(22px,2.2vw,30px)/1.22 Inter,sans-serif;letter-spacing:-.018em;max-width:30em;text-wrap:pretty;margin:0 0 14px}
.mise .rq cite{display:block;font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mise .rq cite a{color:#000}
@media (max-width:719px){.mise .rq{padding-left:16px;border-left-width:8px}}

/* 21 Oct, the grid audit, round 2: the intro's two paragraphs start on column lines 1 and 3, not on halves of the measure */
@media (min-width:1024px){.mise-ix .ix-cols{grid-template-columns:repeat(5,minmax(0,1fr))}.mise-ix .ix-cols .lede{grid-column:1/3}.mise-ix .ix-cols .lede+.lede{grid-column:3/-1}}
/* at the full measure the study rows sit on the five columns: code and name over 1-2, scale and line over 3-4, the sketch in 5.
   Below 1440 the longest name (Garment Passport, 405 px) no longer fits two columns, so the words keep their own tracks there,
   but the sketch still takes exactly column 5 */
@media (min-width:901px) and (max-width:1279px){.mise-ix .row{grid-template-columns:100px minmax(0,1fr) 90px minmax(0,1.3fr) calc((100% - 4 * var(--g,24px)) / 5);column-gap:var(--g,24px)}}
@media (min-width:1280px) and (max-width:1439px){.mise-ix .row{grid-template-columns:100px 410px 90px minmax(0,1fr) calc((100% - 4 * var(--g,24px)) / 5);column-gap:var(--g,24px)}}
/* each study's title: the box steps out by a capital stem's side bearing (Archivo Black at 62% width, about .039 em), so the
   stem sits on the text edge at every size; round capitals (G, C, S) overshoot it by a hair, as they should. Was a fixed -4 px */
.mise .field h1{margin-left:-.039em}
.mise .field .dek-sub{margin-top:10px}   /* 23 Oct: Mothership's subline under its claim */
@media (min-width:1440px){.mise-ix .row{grid-template-columns:80px minmax(0,1fr) 80px minmax(0,1fr) calc((100% - 4 * var(--g,24px)) / 5);column-gap:var(--g,24px)}}