:root{--paper:#f7f7f5;--ink:#111;--muted:#70706c;--rule:#d2d2ce;--signal:#d9582a;--serif:Georgia,'Times New Roman',serif;--sans:Pretendard,'Noto Sans KR',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}.detail-header{height:70px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,6vw,100px);font-size:.75rem;font-weight:700}.detail-header a:last-child{color:var(--signal)}.detail-main{width:min(1180px,100% - 44px);margin:auto;padding:clamp(70px,10vw,140px) 0 100px}.detail-kicker{color:var(--signal);font:700 .68rem ui-monospace,monospace;letter-spacing:.1em}.detail-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,6vw,90px);align-items:end;border-bottom:1px solid var(--ink);padding:25px 0 50px}.detail-status{color:var(--signal);font:700 .68rem ui-monospace,monospace}.detail-hero h1{font-family:var(--serif);font-size:clamp(4rem,10vw,9rem);line-height:.8;letter-spacing:-.08em;font-weight:400;margin:18px 0 28px}.detail-lede{font-size:1.15rem;color:var(--muted);max-width:320px}.detail-hero figure{height:min(58vh,560px);margin:0;background:#222;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:top}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule)}.detail-facts div{padding:18px 12px 24px 0;border-right:1px solid var(--rule);display:grid;gap:12px}.detail-facts div:last-child{border-right:0}.detail-facts b{color:var(--signal);font:700 .68rem ui-monospace,monospace}.detail-facts span{font-weight:700}.detail-story,.detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,9vw,140px);padding:90px 0;border-bottom:1px solid var(--rule)}.detail-story h2,.detail-lower h2{font-size:1.15rem;margin:0 0 16px}.detail-story p{font-size:1.3rem;letter-spacing:-.04em;max-width:420px}.detail-gallery{padding:80px 0;border-bottom:1px solid var(--rule)}.detail-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-gallery figure{margin:0;aspect-ratio:1/1.15;overflow:hidden;background:#333}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-lower ul{padding:0;margin:0;list-style:none}.detail-lower li{border-top:1px solid var(--rule);padding:14px 0}.detail-cta{display:flex;align-items:center;gap:18px;padding:70px 0}.detail-cta h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:.95;margin:0 auto 0;letter-spacing:-.06em}.detail-cta a{border-bottom:1px solid var(--ink);padding-bottom:5px;font-weight:700;font-size:.78rem;white-space:nowrap}.detail-error{padding:100px}.catalog-page{width:min(980px,100% - 44px);margin:auto;padding:90px 0}.catalog-page h1{font-family:var(--serif);font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.8;margin:20px 0 70px}.catalog-list{border-top:1px solid var(--ink)}.catalog-row{display:grid;grid-template-columns:100px 1fr 2fr 30px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--rule)}.catalog-row span{color:var(--signal);font:700 .65rem ui-monospace,monospace}.catalog-row small{color:var(--muted)}@media(max-width:650px){.detail-header{height:60px}.detail-main{width:min(100% - 36px,1180px);padding:70px 0}.detail-hero{grid-template-columns:1fr;gap:32px}.detail-hero h1{font-size:clamp(4rem,20vw,7rem)}.detail-hero figure{height:48vh}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-facts div:nth-child(2){border-right:0}.detail-story,.detail-lower{grid-template-columns:1fr;gap:40px;padding:55px 0}.detail-gallery{padding:55px 0}.detail-gallery>div{grid-template-columns:repeat(2,1fr)}.detail-cta{display:grid;gap:18px}.catalog-row{grid-template-columns:70px 1fr 24px;gap:10px}.catalog-row small{grid-column:2}.catalog-page h1{font-size:clamp(4rem,19vw,7rem)}}
:root{--program-zupzup:#dbe4e0;--program-jinto:#e9e6dd;--program-ppuryo:#e8e7e1}
.detail-zupzup .detail-hero{grid-template-columns:.62fr 1.38fr}.detail-zupzup .detail-hero figure{height:min(66vh,640px);box-shadow:24px 24px 0 var(--program-zupzup)}.detail-zupzup .detail-story{background:var(--program-zupzup);padding-left:26px;padding-right:26px}.detail-zupzup .detail-gallery>div{grid-template-columns:1.5fr 1fr 1fr 1fr}.detail-zupzup .detail-gallery figure:first-child{grid-row:span 2;aspect-ratio:.9}
.detail-jinto .detail-hero figure{background:var(--program-jinto);box-shadow:-24px 24px 0 var(--program-jinto)}.detail-jinto .detail-story{border-left:5px solid var(--signal);padding-left:24px}.detail-jinto .detail-gallery>div{grid-template-columns:repeat(2,1fr)}
.detail-ppuryoppuryo .detail-hero figure{height:min(52vh,500px);background:var(--program-ppuryo)}.detail-ppuryoppuryo .detail-hero img{object-position:center}.detail-ppuryoppuryo .detail-gallery>div{grid-template-columns:repeat(3,1fr)}.detail-ppuryoppuryo .detail-gallery figure:first-child{grid-column:span 2;aspect-ratio:1.5}.detail-facts div{text-align:center;justify-items:center}
@media(max-width:650px){.detail-zupzup .detail-hero,.detail-jinto .detail-hero{grid-template-columns:1fr}.detail-zupzup .detail-hero figure{height:48vh;box-shadow:12px 12px 0 var(--program-zupzup)}.detail-gallery>div,.detail-zupzup .detail-gallery>div,.detail-jinto .detail-gallery>div,.detail-ppuryoppuryo .detail-gallery>div{grid-template-columns:repeat(2,1fr)}.detail-ppuryoppuryo .detail-gallery figure:first-child{grid-column:span 2}}
body *{font-family:var(--sans)!important}.detail-hero h1{font-family:var(--sans)!important;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.88;letter-spacing:-.07em;font-weight:800}.detail-gallery img{cursor:zoom-in}.detail-lightbox{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:clamp(16px,4vw,72px);background:rgba(17,17,17,.88);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.detail-lightbox.is-open{opacity:1;visibility:visible}.detail-lightbox__panel{position:relative;display:grid;place-items:center;width:min(1200px,100%);height:min(88svh,900px)}.detail-lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.35)}.detail-lightbox__close{position:absolute;z-index:1;right:0;top:-12px;width:42px;height:42px;border:1px solid #fff;background:var(--paper);color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer}

/* Editorial detail themes: each page keeps the shared information architecture
   but gets its own art-direction, image rhythm, and material treatment. */
.detail-page[class*="detail-theme-"]{--detail-accent:var(--signal);--detail-surface:var(--paper);background:var(--detail-surface)}
.detail-page[class*="detail-theme-"] .detail-main{position:relative}
.detail-page[class*="detail-theme-"] .detail-gallery figure{position:relative;border:0}
.detail-page[class*="detail-theme-"] .detail-gallery figure::after{content:attr(data-index);position:absolute;left:10px;bottom:8px;color:#fff;font:700 .58rem ui-monospace,monospace;mix-blend-mode:difference}

/* 01 / collage magazine: pale board, rounded image tiles, oversized editorial title. */
.detail-theme-collage{--detail-surface:#fff!important;--detail-accent:#2f6d7b!important}
.detail-theme-collage .detail-header,.detail-theme-collage .detail-main{background:#fff}
.detail-theme-collage .detail-header-kicker{color:var(--signal);font:700 .68rem ui-monospace,monospace;letter-spacing:.1em}
.detail-theme-collage .detail-main{padding-top:clamp(28px,4vw,52px)}
.detail-theme-collage .detail-hero{grid-template-columns:.7fr 1.3fr;border:0;padding-top:50px}
.detail-theme-collage .detail-hero h1{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.1em}
.detail-theme-collage .detail-hero figure{border-radius:24px;box-shadow:18px 18px 0 rgba(47,109,123,.18)}
.detail-theme-collage .detail-gallery>div{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:18px;padding:18px;border-radius:24px;background:#c4d3ce}
.detail-theme-collage .detail-gallery figure{border-radius:16px;aspect-ratio:1/1.2;background:#b5c5c0}
.detail-theme-collage .detail-gallery figure:first-child{grid-row:span 2;aspect-ratio:.82}

/* 02 / print gallery: images float on a warm, light paper field. */
.detail-theme-dark-gallery{--detail-surface:#f1eee7!important;--detail-accent:#a86827!important;color:var(--ink)}
.detail-theme-dark-gallery .detail-header,.detail-theme-dark-gallery .detail-main{background:#f1eee7;color:var(--ink);border-color:#cbc5ba}
.detail-theme-dark-gallery .detail-header a:last-child,.detail-theme-dark-gallery .detail-kicker,.detail-theme-dark-gallery .detail-status{color:#e9b56d}
.detail-theme-dark-gallery .detail-hero{grid-template-columns:.9fr 1.1fr;border-color:#bdb6aa;padding-top:65px}
.detail-theme-dark-gallery .detail-hero h1,.detail-theme-dark-gallery .detail-story h2,.detail-theme-dark-gallery .detail-lower h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400}
.detail-theme-dark-gallery .detail-hero figure{border:1px solid #a9a196;box-shadow:24px 24px 0 #d7d0c5}
.detail-theme-dark-gallery .detail-gallery>div{display:block;position:relative;min-height:760px;background:#e3ded5;border-radius:20px;overflow:hidden;padding:70px}
.detail-theme-dark-gallery .detail-gallery figure{position:absolute;width:34%;height:42%;border:5px solid #eee;background:#eee;box-shadow:0 18px 35px rgba(0,0,0,.5);padding-bottom:18px}
.detail-theme-dark-gallery .detail-gallery figure:nth-child(1){left:8%;top:8%;transform:rotate(-4deg)}
.detail-theme-dark-gallery .detail-gallery figure:nth-child(2){left:33%;top:15%;width:40%;height:62%;transform:rotate(2deg);z-index:2}
.detail-theme-dark-gallery .detail-gallery figure:nth-child(3){right:8%;top:9%;transform:rotate(4deg)}
.detail-theme-dark-gallery .detail-gallery figure:nth-child(4){right:12%;bottom:6%;transform:rotate(-3deg)}

/* 03 / clothesline: warm paper, clipped image cards, handmade editorial rhythm. */
.detail-theme-clothesline{--detail-surface:#f5f0e8!important;--detail-accent:#c45845!important}
.detail-theme-clothesline .detail-header,.detail-theme-clothesline .detail-main{background:#f5f0e8}
.detail-theme-clothesline .detail-hero{border-top:1px solid #cfc4b5;border-bottom:1px solid #cfc4b5}
.detail-theme-clothesline .detail-hero figure{border-radius:18px;box-shadow:12px 12px 0 #ded4c7}
.detail-theme-clothesline .detail-gallery{position:relative;padding-top:120px}
.detail-theme-clothesline .detail-gallery::before{content:"";position:absolute;left:0;right:0;top:64px;border-top:3px solid #9b765b;transform:rotate(-2deg)}
.detail-theme-clothesline .detail-gallery>div{grid-template-columns:repeat(3,1fr);gap:30px;padding:0 5%}
.detail-theme-clothesline .detail-gallery figure{border-radius:12px;box-shadow:0 14px 25px rgba(80,50,30,.14);transform:rotate(-2deg)}
.detail-theme-clothesline .detail-gallery figure:nth-child(2){transform:rotate(2deg) translateY(-12px)}
.detail-theme-clothesline .detail-gallery figure:nth-child(3){transform:rotate(-1deg) translateY(10px)}

/* 04 / systems grid: structured panels for education and collaboration tools. */
.detail-theme-grid{--detail-surface:#edf2f6!important;--detail-accent:#4c75a8!important}
.detail-theme-grid .detail-header,.detail-theme-grid .detail-main{background:#edf2f6}
.detail-theme-grid .detail-hero{border-color:#273b55}
.detail-theme-grid .detail-hero figure{border:8px solid #fff;box-shadow:10px 10px 0 #b8c9dc}
.detail-theme-grid .detail-facts{background:#fff;border:1px solid #c6d1df}
.detail-theme-grid .detail-gallery>div{grid-template-columns:repeat(3,1fr);gap:16px}
.detail-theme-grid .detail-gallery figure{border:8px solid #fff;box-shadow:0 0 0 1px #c6d1df}
.detail-theme-grid .detail-gallery figure:first-child{grid-column:span 2;aspect-ratio:1.6}

/* 05 / cinema and 06 / configurator: controlled stages on light paper. */
.detail-theme-cinema{--detail-surface:#f5f2ec!important;--detail-accent:#ca5832!important;color:var(--ink)}
.detail-theme-cinema .detail-header,.detail-theme-cinema .detail-main{background:#f5f2ec;color:var(--ink);border-color:#d2cbc1}
.detail-theme-cinema .detail-header a:last-child,.detail-theme-cinema .detail-kicker,.detail-theme-cinema .detail-status{color:#ed744b}
.detail-theme-cinema .detail-hero{border-color:#d2cbc1}.detail-theme-cinema .detail-hero figure{filter:grayscale(.18) contrast(1.05);box-shadow:22px 22px 0 #ddd6cc}
.detail-theme-cinema .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:4px}.detail-theme-cinema .detail-gallery figure{aspect-ratio:1.7;filter:grayscale(.25) contrast(1.15)}
.detail-theme-configurator{--detail-surface:#f2f5ed!important;--detail-accent:#4f7020!important;color:var(--ink)}
.detail-theme-configurator .detail-header,.detail-theme-configurator .detail-main{background:#f2f5ed;color:var(--ink);border-color:#cbd5bd}
.detail-theme-configurator .detail-kicker,.detail-theme-configurator .detail-status{color:#4f7020}.detail-theme-configurator .detail-hero{border-color:#cbd5bd}.detail-theme-configurator .detail-hero h1{font-family:ui-monospace,monospace!important;font-size:clamp(3rem,7vw,7rem);letter-spacing:-.08em}.detail-theme-configurator .detail-hero figure{border:1px solid #83a451;box-shadow:14px 14px 0 #d8e4c8}.detail-theme-configurator .detail-gallery>div{grid-template-columns:1fr}.detail-theme-configurator .detail-gallery figure{aspect-ratio:2.2;border:1px solid #83a451}

/* 07-11 / internal tools and research pages: paper, dossier, night, and signal. */
.detail-theme-archive{--detail-surface:#eee9df!important;--detail-accent:#6c6256!important}.detail-theme-archive .detail-header,.detail-theme-archive .detail-main{background:#eee9df}.detail-theme-archive .detail-hero figure{border:1px solid #928878;box-shadow:16px 16px 0 #d2c8b9}.detail-theme-archive .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:22px}.detail-theme-archive .detail-gallery figure{border:1px solid #928878}
.detail-theme-dossier{--detail-surface:#f3f0e9!important;--detail-accent:#315b85!important}.detail-theme-dossier .detail-header,.detail-theme-dossier .detail-main{background:#f3f0e9}.detail-theme-dossier .detail-hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:400}.detail-theme-dossier .detail-hero figure{border:12px solid #fff;box-shadow:0 0 0 1px #315b85}.detail-theme-dossier .detail-gallery>div{grid-template-columns:repeat(3,1fr);gap:6px}.detail-theme-dossier .detail-gallery figure{border:4px solid #fff}
.detail-theme-night{--detail-surface:#dfe5df!important;--detail-accent:#22483f!important}.detail-theme-night .detail-header,.detail-theme-night .detail-main{background:#dfe5df}.detail-theme-night .detail-hero figure{background:#18211e;border-radius:30px;box-shadow:18px 18px 0 #aac0ae}.detail-theme-night .detail-gallery>div{grid-template-columns:1.4fr 1fr;gap:14px}.detail-theme-night .detail-gallery figure{border-radius:18px}.detail-theme-night .detail-gallery figure:first-child{grid-row:span 2}
.detail-theme-editorial{--detail-surface:#eee7dc!important;--detail-accent:#b15f45!important}.detail-theme-editorial .detail-header,.detail-theme-editorial .detail-main{background:#eee7dc}.detail-theme-editorial .detail-hero{grid-template-columns:1fr 1fr;border:0}.detail-theme-editorial .detail-hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:400}.detail-theme-editorial .detail-hero figure{border-radius:50% 50% 0 0;box-shadow:15px 15px 0 #d5c2af}.detail-theme-editorial .detail-gallery>div{grid-template-columns:repeat(4,1fr);gap:12px}.detail-theme-editorial .detail-gallery figure:nth-child(even){transform:translateY(26px)}
.detail-theme-signal{--detail-surface:#edf0f3!important;--detail-accent:#2c69a7!important}.detail-theme-signal .detail-header,.detail-theme-signal .detail-main{background:#edf0f3}.detail-theme-signal .detail-hero figure{border:1px solid #2c69a7;box-shadow:18px 18px 0 #b8cce2}.detail-theme-signal .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:8px}.detail-theme-signal .detail-gallery figure{border:1px solid #aac0d7}
.detail-theme-field{--detail-surface:#e9e4d9!important;--detail-accent:#8b4b2f!important}.detail-theme-field .detail-header,.detail-theme-field .detail-main{background:#e9e4d9}.detail-theme-field .detail-hero figure{border-radius:0 0 70px 0;box-shadow:18px 18px 0 #c9bba5}.detail-theme-field .detail-gallery>div{grid-template-columns:repeat(3,1fr);gap:18px}.detail-theme-field .detail-gallery figure{border-radius:0 0 24px 24px}.detail-theme-field .detail-gallery figure:nth-child(2){transform:translateY(22px)}
.detail-auction-study{--detail-surface:#f5f5f3!important;--detail-accent:#232328!important}.detail-auction-study .detail-header,.detail-auction-study .detail-main{background:#f5f5f3;color:#18181b}.detail-auction-study .detail-header a:last-child,.detail-auction-study .detail-kicker,.detail-auction-study .detail-status{color:#4c4c52}.detail-auction-study .detail-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;padding:0;min-height:500px;border:0;overflow:hidden;border-radius:32px 32px 0 0;background:#e8e9ec}.detail-auction-study .detail-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,78px);padding-right:clamp(24px,4vw,62px)}.detail-auction-study .detail-hero h1{max-width:430px;margin:0 0 24px;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(3.8rem,6.2vw,7rem);font-weight:400;line-height:.86;letter-spacing:-.06em}.detail-auction-study .detail-hero .detail-lede{max-width:360px;margin:0;color:#505057;font-size:clamp(.98rem,1.2vw,1.14rem);line-height:1.62}.detail-auction-study .detail-hero figure{height:auto;min-height:500px;border-radius:0;background:#d8dadd;box-shadow:none;filter:grayscale(1) contrast(1.18) brightness(1.05)}.detail-auction-study .detail-hero figure img{object-position:63% center;mix-blend-mode:multiply}.detail-auction-study .detail-facts{background:#fff;border-color:#d0d0d2}.detail-auction-study .detail-facts div{padding:20px 16px 24px;border-color:#d0d0d2}.detail-auction-study .detail-facts b{color:#55555b}.detail-auction-study .detail-gallery{border-color:#d0d0d2}.detail-auction-study .detail-gallery>div{grid-template-columns:1.2fr .8fr;gap:18px}.detail-auction-study .detail-gallery figure{border-radius:18px;background:#d8dadd;filter:grayscale(1) contrast(1.16) brightness(1.05);transform:none!important}.detail-auction-study .detail-gallery figure:first-child{grid-row:span 2;aspect-ratio:.95}.detail-auction-study .detail-story,.detail-auction-study .detail-lower{border-color:#d0d0d2}.detail-auction-study .detail-cta a{border-color:#18181b}
.detail-theme-legal-field{--detail-surface:#ece8df!important;--detail-accent:#7b3f2b!important}.detail-theme-legal-field .detail-header,.detail-theme-legal-field .detail-main{background:#ece8df}.detail-theme-legal-field .detail-hero{grid-template-columns:1fr 1fr;border-top:2px solid #7b3f2b}.detail-theme-legal-field .detail-hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:400}.detail-theme-legal-field .detail-hero figure{border:1px solid #7b3f2b;box-shadow:14px 14px 0 #d1b9a9}.detail-theme-legal-field .detail-gallery>div{grid-template-columns:1fr 1.6fr;gap:16px}.detail-theme-legal-field .detail-gallery figure{border:1px solid #b99079}.detail-theme-legal-field .detail-gallery figure:first-child{aspect-ratio:.82}
.detail-theme-map-room{--detail-surface:#e8eef0!important;--detail-accent:#2e6370!important}.detail-theme-map-room .detail-header,.detail-theme-map-room .detail-main{background:#e8eef0}.detail-theme-map-room .detail-hero figure{border-radius:50% 0 50% 0;box-shadow:18px 18px 0 #b7ced1}.detail-theme-map-room .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:30px;padding:20px 8%;border-top:1px solid #2e6370;border-bottom:1px solid #2e6370}.detail-theme-map-room .detail-gallery figure{border-radius:50% 0 0 0;box-shadow:0 10px 20px rgba(46,99,112,.16)}.detail-theme-map-room .detail-gallery figure:nth-child(2){transform:translateY(24px)}
.detail-theme-workshop{--detail-surface:#e7edf1!important;--detail-accent:#246a8a!important}.detail-theme-workshop .detail-header,.detail-theme-workshop .detail-main{background:#e7edf1}.detail-theme-workshop .detail-hero figure{border:10px solid #fff;box-shadow:0 0 0 1px #246a8a}.detail-theme-workshop .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:10px}.detail-theme-workshop .detail-gallery figure{border:6px solid #fff}
.detail-theme-garage{--detail-surface:#d8d8d4!important;--detail-accent:#c84c27!important}.detail-theme-garage .detail-header,.detail-theme-garage .detail-main{background:#d8d8d4}.detail-theme-garage .detail-hero figure{border:2px solid #202020;filter:grayscale(.4);box-shadow:20px 20px 0 #aaa}.detail-theme-garage .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:20px}.detail-theme-garage .detail-gallery figure{border:2px solid #202020}
.detail-theme-notebook{--detail-surface:#faf8f2!important;--detail-accent:#9c604a!important}.detail-theme-notebook .detail-header,.detail-theme-notebook .detail-main{background:#faf8f2}.detail-theme-notebook .detail-hero{border-top:1px solid #9c604a}.detail-theme-notebook .detail-hero figure{border-radius:18px;box-shadow:12px 12px 0 #ead6c9}.detail-theme-notebook .detail-gallery>div{grid-template-columns:repeat(2,1fr);gap:24px}.detail-theme-notebook .detail-gallery figure{border-radius:12px;box-shadow:0 8px 20px rgba(60,40,30,.12)}

@media(max-width:650px){
  .detail-theme-dark-gallery .detail-gallery>div{min-height:600px;padding:30px}
  .detail-theme-dark-gallery .detail-gallery figure{width:48%;height:34%}
  .detail-theme-dark-gallery .detail-gallery figure:nth-child(2){left:25%;width:52%;height:48%}
  .detail-theme-clothesline .detail-gallery>div{padding:0;gap:10px}
  .detail-theme-collage .detail-gallery>div,.detail-theme-grid .detail-gallery>div,.detail-theme-field .detail-gallery>div{gap:8px}
  .detail-theme-collage .detail-gallery>div{padding:8px}
  .detail-theme-editorial .detail-gallery>div{grid-template-columns:repeat(2,1fr)}
  .detail-auction-study .detail-hero{grid-template-columns:1fr;min-height:0;border-radius:22px 22px 0 0}
  .detail-auction-study .detail-hero>div{padding:34px 28px 30px}
  .detail-auction-study .detail-hero h1{font-size:clamp(3.4rem,16vw,5.4rem)}
  .detail-auction-study .detail-hero figure{min-height:360px;height:52vw;border-radius:0}
  .detail-auction-study .detail-gallery>div{grid-template-columns:1fr 1fr;gap:10px}
  .detail-auction-study .detail-gallery figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:1.35}
}

/* Zupzup opens as a feature-rich archive spread before its explanatory sections. */
.detail-theme-collage .detail-zupzup-editorial{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  grid-template-rows:auto auto;
  gap:clamp(14px,2.5vw,28px);
  align-items:center;
  padding:0 0 18px;
  border:0;
}
.detail-theme-collage .detail-zupzup-editorial .zupzup-editorial-copy{align-self:center;padding:0;max-width:320px}
.detail-theme-collage .detail-zupzup-editorial .zupzup-edition{margin:0 0 12px;font:700 .62rem ui-monospace,monospace;letter-spacing:.08em}
.detail-theme-collage .detail-zupzup-editorial h2{margin:0;font-size:clamp(2rem,3.8vw,4.4rem);line-height:.94;letter-spacing:-.075em}
.detail-theme-collage .detail-zupzup-editorial .zupzup-screen-description{margin:20px 0 0;color:#315b63;font-size:clamp(.88rem,1.2vw,1.1rem);line-height:1.62}
.detail-theme-collage .detail-zupzup-editorial figure{position:relative;align-self:center;width:100%;height:auto;aspect-ratio:690/527;margin:0;border-radius:0;box-shadow:none;background:#fff}
.detail-theme-collage .detail-zupzup-editorial figure img{width:100%;height:100%;object-fit:cover;object-position:center}
.detail-theme-collage .detail-zupzup-editorial figcaption{position:absolute;left:0;bottom:-19px;font:700 .56rem ui-monospace,monospace;letter-spacing:.1em;color:#315b63}
.detail-theme-collage .detail-zupzup-editorial + .detail-cta{padding:28px 0 32px}
.zupzup-screen-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-top:20px;border-top:1px solid rgba(47,109,123,.38)}
.zupzup-screen-strip button{position:relative;display:block;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}
.zupzup-screen-strip small{position:absolute;z-index:1;left:6px;top:5px;padding:2px 4px;background:rgba(255,255,255,.88);color:#315b63;font:700 .5rem ui-monospace,monospace}
.zupzup-screen-strip img{width:100%;height:88px;object-fit:cover;object-position:top;transition:transform .18s ease}
.zupzup-screen-strip button:hover img,.zupzup-screen-strip button:focus-visible img{transform:scale(1.06)}
.zupzup-screen-strip button[aria-current]{outline:2px solid #315b63;outline-offset:2px}
@media(max-width:650px){
  .detail-theme-collage .detail-zupzup-editorial{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;padding-bottom:16px;align-items:start}
  .detail-theme-collage .detail-zupzup-editorial .zupzup-editorial-copy{align-self:start;padding:0}
  .detail-theme-collage .detail-zupzup-editorial h1{font-size:clamp(3.6rem,16.5vw,6rem)}
  .detail-theme-collage .detail-zupzup-editorial figure{align-self:start}
  .zupzup-screen-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .zupzup-screen-strip img{height:70px}
}
@media(max-width:380px){
  .detail-zupzup .detail-header{height:auto;min-height:60px;align-items:flex-start;flex-wrap:wrap;gap:6px 14px;padding:14px 18px}
  .detail-zupzup .detail-header a:last-child{margin-left:auto}
}

/* Product detail pages keep the product switcher in reach without leaving the page. */
.detail-layout{width:min(1400px,100% - 44px);margin:0 auto;display:grid;grid-template-columns:148px minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.detail-layout .detail-main{width:100%;margin:0}
.detail-product-nav{position:sticky;top:22px;align-self:start;margin-top:clamp(70px,10vw,140px);font-size:.72rem}
.detail-theme-collage .detail-product-nav{margin-top:clamp(28px,4vw,52px)}
.detail-product-nav p{margin:0 0 10px;color:var(--detail-accent);font:700 .62rem ui-monospace,monospace;letter-spacing:.12em}
.detail-product-nav>div{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.detail-product-nav a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;align-items:start;padding:9px 0;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent);line-height:1.25;transition:color .16s ease,padding-left .16s ease}
.detail-product-nav a span{padding-top:1px;color:var(--detail-accent);font:700 .55rem ui-monospace,monospace}
.detail-product-nav a b{font-size:.7rem;font-weight:650;overflow-wrap:anywhere}
.detail-product-nav a:hover,.detail-product-nav a:focus-visible{color:var(--detail-accent)}
.detail-product-nav a[aria-current="page"]{padding-left:8px;border-left:2px solid var(--detail-accent);color:var(--detail-accent)}
@media(max-width:900px){
  .detail-layout{display:block;width:min(1180px,100% - 36px)}
  .detail-product-nav{position:relative;top:auto;margin:0;padding:16px 0 0}
  .detail-theme-collage .detail-product-nav{margin-top:0}
  .detail-product-nav p{margin-bottom:7px}
  .detail-product-nav>div{display:flex;gap:6px;overflow-x:auto;padding:0 0 7px;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);scrollbar-width:thin}
  .detail-product-nav a{display:flex;gap:0;flex:0 0 auto;padding:7px 9px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);white-space:nowrap}
  .detail-product-nav a span{display:none}
  .detail-product-nav a[aria-current="page"]{padding-left:9px;border-left:1px solid var(--detail-accent);border-color:var(--detail-accent);box-shadow:inset 0 -2px 0 var(--detail-accent)}
}

/* Ppuryo keeps its text composition below the fixed visual artboard. */
.detail-theme-clothesline .ppuryo-editorial-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,.6fr);gap:clamp(20px,6vw,90px);align-items:end;padding:clamp(26px,4vw,48px) 0 0}
.detail-theme-clothesline .ppuryo-editorial-copy h1{grid-column:1;margin:14px 0 0;font-size:clamp(3rem,7vw,6.5rem)}
.detail-theme-clothesline .ppuryo-editorial-copy .detail-status{grid-column:1}
.detail-theme-clothesline .ppuryo-editorial-copy .detail-lede{grid-column:2;grid-row:1 / span 2;margin:0;max-width:360px;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.6}
@media(max-width:650px){
  .detail-theme-clothesline .ppuryo-editorial-copy{display:block;padding-top:24px}
  .detail-theme-clothesline .ppuryo-editorial-copy h1{margin:12px 0 18px;font-size:clamp(2.7rem,14vw,4.5rem)}
  .detail-theme-clothesline .ppuryo-editorial-copy .detail-lede{max-width:100%;font-size:1rem}
}

/* The message workflow also uses the shared light detail-page surface. */
.detail-ppuryoppuryo,.detail-ppuryoppuryo .detail-header,.detail-ppuryoppuryo .detail-main{background:#f7f7f5!important;color:var(--ink);border-color:var(--rule)}
.detail-ppuryoppuryo .detail-header-kicker,.detail-ppuryoppuryo .detail-status,.detail-ppuryoppuryo .detail-product-nav p,.detail-ppuryoppuryo .detail-product-nav a span,.detail-ppuryoppuryo .detail-product-nav a[aria-current="page"]{color:#bd6a2c}
.detail-ppuryoppuryo .detail-product-nav>div,.detail-ppuryoppuryo .detail-product-nav a,.detail-ppuryoppuryo .detail-facts,.detail-ppuryoppuryo .detail-story,.detail-ppuryoppuryo .detail-gallery,.detail-ppuryoppuryo .detail-lower{border-color:var(--rule)}
.detail-ppuryoppuryo .detail-product-nav a[aria-current="page"]{border-left-color:#bd6a2c}
.detail-ppuryoppuryo .detail-lede,.detail-ppuryoppuryo .detail-story p{color:var(--muted)}
.detail-ppuryoppuryo .detail-cta a{border-color:var(--ink)}

/* Every product starts with the same desktop-sized presentation canvas. */
@media(min-width:651px){
  .detail-layout .detail-hero:not(.detail-zupzup-editorial):not(.detail-ppuryo-editorial){height:600px}
  .detail-layout .detail-hero:not(.detail-zupzup-editorial):not(.detail-ppuryo-editorial) figure{height:525px}
  .detail-theme-dark-gallery .detail-hero{padding-top:25px}

  .detail-theme-collage .detail-zupzup-editorial{height:600px;grid-template-rows:minmax(0,1fr) auto}
  .detail-theme-collage .detail-zupzup-editorial figure{height:100%;aspect-ratio:auto}
  .zupzup-screen-strip img{height:64px}

  .detail-theme-clothesline .detail-ppuryo-editorial{height:600px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}
  .detail-theme-clothesline .ppuryo-editorial-copy{min-height:0;flex:1;padding:20px 0 0}
  .detail-theme-clothesline .ppuryo-editorial-copy h1{font-size:clamp(3rem,4.5vw,4.5rem)}
}

/* Keep every desktop product canvas and its switcher on one shared baseline. */
@media(min-width:901px){
  .detail-layout .detail-product-nav,.detail-theme-collage .detail-product-nav{margin-top:calc(clamp(70px,10vw,140px) + 38px)}
  .detail-theme-collage .detail-main,.detail-ppuryoppuryo .detail-main{padding-top:calc(clamp(70px,10vw,140px) + 38px)}
}

/* Rope, photo track, and clothespins each keep an independent responsibility. */
.detail-theme-clothesline .detail-ppuryo-editorial{display:block;height:auto;min-height:0;gap:normal;padding:0 0 clamp(28px,4vw,52px)}
.detail-theme-clothesline .gallery-stage-viewport{--gallery-scale:.86;position:relative;display:block;width:100%;height:calc(700px * var(--gallery-scale))!important;margin:0;overflow:hidden;border-radius:8px;box-shadow:none;background:#fefefd}
.detail-theme-clothesline .gallery-scene{position:absolute;left:50%;top:0;width:1260px;height:700px;transform:translateX(-50%) scale(var(--gallery-scale));transform-origin:top center}
.detail-theme-clothesline .gallery-rope{position:absolute;z-index:2;inset:0;width:1260px;height:700px;overflow:visible;pointer-events:none}
.detail-theme-clothesline .gallery-rope path{fill:none;stroke:#8d674c;stroke-width:3.25;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(70,43,26,.28))}
/* Individual coordinates keep the scene editorial rather than a repeated UI row. */
.detail-theme-clothesline .gallery-photo-track{position:absolute;inset:0}
.detail-theme-clothesline .hanging-photo{position:absolute;aspect-ratio:245 / 330;overflow:visible}
.detail-theme-clothesline .hanging-photo__image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:3px solid rgba(255,255,255,.94);border-radius:9px;box-shadow:0 16px 26px rgba(52,35,24,.18);background:#fff;transform:rotate(var(--card-rotation,0deg));transform-origin:top center}
.detail-theme-clothesline .hanging-photo-1{left:-194px;top:211px;width:300px;--card-rotation:-6.2deg;--clip-rotation:-3.6deg;--clip-offset:-8px;--clip-top:-82px;--clip-width:102px}
.detail-theme-clothesline .hanging-photo-2{left:158px;top:231px;width:332px;--card-rotation:-2.8deg;--clip-rotation:.8deg;--clip-offset:7px;--clip-top:-77px;--clip-width:104px}
.detail-theme-clothesline .hanging-photo-3{left:482px;top:253px;width:350px;--card-rotation:.7deg;--clip-rotation:-1.4deg;--clip-offset:-5px;--clip-top:-73px;--clip-width:108px}
.detail-theme-clothesline .hanging-photo-4{left:842px;top:219px;width:314px;--card-rotation:3.7deg;--clip-rotation:3.1deg;--clip-offset:7px;--clip-top:-79px;--clip-width:105px}
.detail-theme-clothesline .hanging-photo-5{left:1176px;top:202px;width:300px;--card-rotation:5.1deg;--clip-rotation:-3.4deg;--clip-offset:-7px;--clip-top:-84px;--clip-width:102px}
.detail-theme-clothesline .hanging-photo-1 .hanging-photo__image{object-position:72% 4%;box-shadow:19px 24px 38px rgba(52,35,24,.2)}
.detail-theme-clothesline .hanging-photo-2 .hanging-photo__image{object-position:45% 8%;box-shadow:10px 29px 43px rgba(52,35,24,.27)}
.detail-theme-clothesline .hanging-photo-3 .hanging-photo__image{object-position:54% 13%;box-shadow:-4px 32px 47px rgba(52,35,24,.3)}
.detail-theme-clothesline .hanging-photo-4 .hanging-photo__image{object-position:44% 9%;box-shadow:-17px 27px 42px rgba(52,35,24,.27)}
.detail-theme-clothesline .hanging-photo-5 .hanging-photo__image{object-position:27% 4%;box-shadow:-20px 22px 36px rgba(52,35,24,.2)}
.detail-theme-clothesline .gallery-clothespin{position:absolute;z-index:3;left:calc(50% + var(--clip-offset,0px));top:var(--clip-top,-78px);display:block!important;width:var(--clip-width,102px)!important;height:auto!important;filter:drop-shadow(2px 5px 3px rgba(42,25,13,.34));transform:translateX(-50%) rotate(var(--clip-rotation,0deg));transform-origin:center}

/* Detail pages never use a black empty-state surface. */
.detail-hero figure{background:#e4e3dd}
.detail-gallery figure{background:#e9e8e2}