/* v003: quiet product presence, tangible details, clear choices. */
.collection-v3{--paper:#f0e8d9;--mute:#c8bead;--gold:#d7b77e}
.collection-v3 [hidden]{display:none!important}
.collection-v3 p{overflow-wrap:anywhere}
.collection-v3 h2{font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.15}
html[data-lang=ja] .collection-v3 h2{font-size:clamp(26px,3.1vw,43px);line-height:1.6;letter-spacing:.045em}
.collection-v3 .hero{min-height:800px;height:105svh;background:#050505;isolation:isolate}
.collection-v3 .hero-img{inset:20px 0 auto;height:68svh;max-height:720px}
.collection-v3 .hero-img img.a{object-fit:contain;object-position:center;transform:scale(1.07);transform-origin:center}
.collection-v3 .hero::after{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.7) 25%,transparent 58%);z-index:0;pointer-events:none}
.collection-v3 .hero-txt{bottom:32px;left:6vw;max-width:880px}
.collection-v3 .hero-txt h1{font-size:clamp(54px,7vw,96px)}
.collection-v3 .hero-txt .promise{font-size:clamp(20px,1.8vw,25px);max-width:35em}
html[data-lang=ja] .collection-v3 .hero-txt .promise{font-size:17px;line-height:1.9}
.collection-v3 .hero-actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:18px}
.collection-v3 .thispiece{font-size:13px;line-height:1.8;color:var(--mute)}
.collection-v3 .topbar{background:linear-gradient(#090909e6,#09090900)}
.collection-v3 .topbar.solid{background:#0a0a0bf5}
.chapter-nav{display:flex;justify-content:center;gap:clamp(20px,5vw,70px);padding:22px 16px;border-block:1px solid var(--line);font-family:var(--sans);font-size:13px;letter-spacing:.12em}
.chapter-nav a{padding:12px 0}
.collection-section{max-width:1280px;margin:auto;padding:110px clamp(24px,6vw,80px);scroll-margin-top:100px}
.collection-section>.kick{margin-bottom:22px}
.collection-section>.lede{max-width:740px;margin:32px 0 42px;font-size:23px;line-height:1.7;color:var(--paper)}
html[data-lang=ja] .collection-section>.lede{font-family:var(--sans);font-size:17px;line-height:2.05}
.collection-section h3{font-size:27px;line-height:1.4;font-weight:400;margin:18px 0}
html[data-lang=ja] .collection-section h3{font-size:20px;line-height:1.7}
.collection-section p:not(.kick):not(.lede):not(.caption):not(.price):not(.benchmark-price){font-size:20px;line-height:1.8}
html[data-lang=ja] .collection-section p:not(.kick):not(.lede):not(.caption):not(.price):not(.benchmark-price){font-family:var(--sans);font-size:16px;line-height:2}
.collection-v3 .caption{font-family:var(--sans);font-size:13px;line-height:1.85;color:var(--mute);margin:18px 0;max-width:850px}
.collection-v3 .text-action{display:inline-flex;min-height:44px;align-items:center;gap:10px;font:13px/1.7 var(--sans);letter-spacing:.04em;text-decoration:underline;text-underline-offset:6px;color:var(--paper);padding:8px 0}
.collection-v3 .text-action:hover{color:var(--gold)}
.favorite:before{content:'＋';font-size:20px;text-decoration:none;display:inline-block;margin-right:6px}
.favorite.saved:before{content:'✓';color:var(--gold)}
.viewer{background:#111113;border:1px solid var(--line);margin-top:42px}
.view-frame{height:490px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.view-frame img{width:100%;height:100%;object-fit:contain}
.view-frame figcaption{position:absolute;bottom:16px;left:20px;background:#0a0a0bd9;padding:6px 12px;font:13px/1.5 var(--sans);color:var(--paper)}
.view-tools{padding:0 20px;text-align:right;border-top:1px solid var(--line)}
.view-tabs,.filter-bar{display:flex;flex-wrap:wrap;gap:0}
.view-tab{font:13px/1.6 var(--sans);letter-spacing:.025em;padding:16px 22px;min-height:48px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.view-tab[aria-pressed=true]{background:var(--paper);color:#161514}
.filter-bar{margin:35px 0 15px;border-bottom:1px solid var(--line)}
.light-study{margin:60px 0 0;max-width:820px}
.light-pair{position:relative;aspect-ratio:2;background:#101011;overflow:hidden}
.light-pair img{width:100%;height:100%;object-fit:contain}
.light-pair .light-second{position:absolute;inset:0;pointer-events:none}
.light-study label{display:grid;gap:18px;font:14px/1.8 var(--sans);margin-top:20px}
.collection-v3 input[type=range]{width:100%;accent-color:var(--gold);height:36px}
.ownership,.ritual{border-top:1px solid var(--line)}
.ownership-grid,.tier-explain{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 0}
.ritual-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:50px 0}
.ritual-steps>li{border-top:1px solid var(--gold);padding-top:24px}
.ritual-steps>li>span{font-size:40px;color:var(--gold);display:block;margin-bottom:15px}
.value{background:#e9e1d3;color:#1b1916;max-width:none;padding-inline:max(24px,calc((100vw - 1120px)/2));--paper:#24211c;--mute:#554f46;--gold:#6d5025;--line:#aaa094}
.value>.lede{color:#24211c}
.value-facts{margin:40px 0}
.value-facts>div{display:grid;grid-template-columns:180px 1fr;gap:24px;border-bottom:1px solid var(--line);padding:16px 0;font:16px/1.7 var(--sans)}
.value-facts dt{color:var(--mute)}
.benchmark-price{font-size:50px;margin:24px 0}
.benchmark-price small{font:13px var(--sans);display:block;margin-top:10px}
.collection-v3 .qa{border-color:var(--line);padding:0}
.collection-v3 .qa summary{font-family:var(--sans);font-size:16px;line-height:1.7;padding:23px 35px 23px 0;cursor:pointer}
.collection-v3 .qa p{font-family:var(--sans);font-size:16px;line-height:1.9;padding-bottom:24px;color:inherit}
.collection-v3 .qa>div{padding-bottom:24px}
.collection-v3 .qa .caption{font-size:13px}
.collection-v3 .qa .text-action{color:inherit}
.fit-note,.cost-note{font:15px/1.95 var(--sans);color:var(--mute);max-width:800px;margin:24px auto 0}
.fit-note{padding:24px;border:1px solid var(--line)}
.collection-v3 .offer .cost-note{margin:20px 0 24px;font-size:14px;line-height:1.9}
.collection-v3 .offer .price{margin-bottom:10px}
.collection-v3 .offer .qa{margin-top:25px}
.collection-v3 .btn{letter-spacing:.1em;font-size:13px;min-height:48px;white-space:normal;text-align:left;line-height:1.5;padding-block:14px}
.collection-v3 .dcard p{font-size:20px;color:#e1d8c8}
html[data-lang=ja] .collection-v3 .dcard p{font:16px/1.95 var(--sans)}
.collection-v3 .dcard .dimg{background:#101012}
.collection-v3 .why4>.kick,.collection-v3 .why4>h2{max-width:950px;margin-inline:auto}
.collection-v3 .desktop-hand{display:none}
@media (hover:hover) and (pointer:fine){
 .collection-v3 .hc-static{height:auto;min-height:620px}
 .collection-v3 .hc-static .hc-stage{height:720px;position:relative}
 .collection-v3 .hc-static .hc-cap,.collection-v3 .hc-static .hc-dark,.collection-v3 .hc-static .hc-shade{display:none}
 .collection-v3 .desktop-hand{display:block;position:absolute;z-index:5;bottom:35px;left:6vw;max-width:min(560px,85%);background:#0a0a0bcf;padding:26px}
 .desktop-hand h2{font-size:36px;margin:12px 0}
 .desktop-hand p:not(.kick){font:15px/1.8 var(--sans)}
 .desktop-hand .text-action{display:flex}
}
.question-form{padding:30px 0}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.collection-v3 label{font:14px/1.7 var(--sans);display:grid;gap:12px}
.collection-v3 input:not([type=range]),.collection-v3 select,.collection-v3 textarea{width:100%;background:#151416;border:1px solid #847a67;border-radius:0;color:var(--paper);font:16px/1.65 var(--sans);padding:13px;min-height:48px}
.collection-v3 textarea{resize:vertical}
.question-result{margin-top:30px}
.question-result .btn{margin-top:20px}
.action-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:28px 0}
.collection-v3 .modal .panel{max-height:90svh;overflow:auto}
.collection-v3 .modal .panel p{font:16px/1.8 var(--sans)}
.collection-v3 .modal .panel .proto{font-size:13px}
.photo-dialog{color:var(--paper);background:#101011;border:1px solid #a89472;max-width:96vw;width:1200px;max-height:94svh;margin:auto;padding:16px;overflow:auto}
.photo-dialog::backdrop{background:#000d}
.photo-dialog:not([open]){display:none}
.photo-dialog>img{width:100%;max-height:76svh;object-fit:contain}
.photo-dialog>p{font:14px/1.7 var(--sans);margin:10px 0}
.photo-open{overflow:hidden}
.utility-page main{padding-top:80px}
.utility-page .topbar.solid{background:#0a0a0b}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 25px;margin-top:40px}
.collection-card{border:1px solid var(--line);padding:20px;background:#121113}
.collection-card img{aspect-ratio:1.45;object-fit:contain;width:100%;background:#050505}
.collection-card .kick{font-size:10px;line-height:1.7;margin:24px 0 8px}
.collection-card h2{font-size:32px;line-height:1.1;margin-bottom:12px;overflow-wrap:anywhere}
html[data-lang=ja] .collection-card h2{font-size:29px}
.collection-card p:not(.price):not(.kick){font:14px/1.8 var(--sans)}
.collection-card dl{margin:20px 0;font:13px/1.8 var(--sans)}
.collection-card dl>div{border-top:1px solid var(--line);padding:12px 0}
.collection-card dt{color:var(--gold);margin-bottom:4px}
.collection-card .price{font-size:32px;margin-top:18px}
.collection-card .text-action{display:flex}
.saved-note{margin-top:22px}
.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:35px 0 55px}
.guide-layout img{width:100%;background:#050505}
.guide-layout .value-facts>div{grid-template-columns:90px 1fr;font-size:14px;gap:16px}
.record-fields{display:grid;gap:24px;border-top:1px solid var(--line);margin-top:45px;padding-top:30px}
.guide-page .collection-section>h3{margin-top:35px}
.guide-page .collection-section>p{max-width:780px}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-v3 .hero-txt{left:5vw}.collection-section{padding-block:80px}}
@media(max-width:700px){
 .collection-v3 .hero{display:block;height:auto;min-height:0;padding-top:360px}
 .collection-v3 .hero-img{inset:55px -15% auto;height:335px;max-height:none;width:130%}
 .collection-v3 .hero-img img.a{object-fit:contain;transform:rotate(-24deg);width:100%;height:100%}
 .collection-v3 .hero::after{background:linear-gradient(0deg,#050505,transparent 80%)}
 .collection-v3 .hero-txt{left:auto;bottom:auto;position:relative;max-width:none;padding:10px 24px 36px}
 .collection-v3 .hero-txt h1{font-size:clamp(40px,10.6vw,63px);line-height:1.1;overflow-wrap:normal}
 .collection-v3 .hero-txt .kick{font-size:10px;line-height:1.8;letter-spacing:.13em}
 .collection-v3 .hero-txt .promise{font-size:22px;line-height:1.5}
 html[data-lang=ja] .collection-v3 .hero-txt .promise{font-size:16px;line-height:1.95}
 .collection-v3 .hero-txt .buyrow{display:grid;margin-top:24px;grid-template-columns:1fr;gap:16px;align-items:start}
 .collection-v3 .hero-txt .buyrow .btn{justify-content:space-between;width:100%;max-width:320px}
 .collection-v3 .hero-txt .thispiece{font-size:12px}
 .collection-v3 .hero-actions{gap:14px}
 .chapter-nav{gap:22px;font-size:12px;letter-spacing:.04em;padding-block:12px}
 .collection-section{padding:70px 24px;scroll-margin-top:85px}
 .collection-section>.lede{font-size:21px;margin:26px 0 32px}
 html[data-lang=ja] .collection-section>.lede{font-size:16px}
 .view-frame{height:330px}
 .view-tabs{display:grid;grid-template-columns:1fr 1fr}
 .view-tab{padding:14px 12px;font-size:12px}
 .view-frame figcaption{font-size:12px;left:10px;bottom:10px}
 .light-pair{aspect-ratio:1.35}
 .ownership-grid,.tier-explain,.field-grid,.guide-layout{grid-template-columns:1fr;gap:24px}
 .ritual-steps{grid-template-columns:1fr;gap:28px}
 .ritual-steps>li{display:grid;grid-template-columns:50px 1fr;gap:16px}
 .value-facts>div{grid-template-columns:100px 1fr;font-size:14px;gap:20px}
 .collection-grid{grid-template-columns:1fr;gap:25px}
 .collection-card{padding:22px}
 .collection-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 .collection-v3 .qa summary{font-size:15px}
 .collection-v3 .qa p{font-size:15px;line-height:1.9}
 .collection-v3 .topbar .right{gap:10px;letter-spacing:.03em;font-size:11px}
 .collection-v3 .topbar .logo img{height:27px}
 .collection-v3 .topbar{padding:10px 16px}
 .collection-v3 .buybar .bb-price{font-size:19px}
 .collection-v3 .buybar .btn{font-size:12px;padding:10px 16px}
 .collection-v3 .offer .cost-note{font-size:13px}
 .collection-v3 .dcard p{font-size:19px}
 .collection-v3 .fit-note{margin-inline:24px;font-size:14px}
 .photo-dialog{padding:12px;width:96vw}
 .photo-dialog .btn{font-size:12px;padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){.collection-v3 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.collection-v3 .reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.collection-v3 .hc-static{height:auto;min-height:620px}.collection-v3 .hc-static .hc-stage{height:680px;position:relative}.collection-v3 .hc-static .hc-cap,.collection-v3 .hc-static .hc-dark,.collection-v3 .hc-static .hc-shade{display:none}.collection-v3 .desktop-hand{display:block;position:absolute;z-index:5;bottom:25px;left:5%;max-width:90%;background:#0a0a0bdf;padding:24px}.collection-v3 .desktop-hand h2{font-size:30px;margin:10px 0}.collection-v3 .desktop-hand p:not(.kick){font:15px/1.85 var(--sans)}.collection-v3 .desktop-hand .text-action{display:flex}}
@media print{.topbar,.foot,.action-row,.photo-dialog,.guide-page .text-action{display:none!important}.utility-page main{padding:0}.collection-v3,.collection-v3 input,.collection-v3 textarea{background:white!important;color:black!important}.collection-section{padding:15px;max-width:none}.guide-layout{display:block}.guide-layout img{max-width:400px}.record-fields textarea{min-height:200px}html[data-lang=en] [lang=ja],html[data-lang=ja] [lang=en]{display:none!important}}

.collection-status:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:200;width:min(90vw,600px);height:auto;clip:auto;clip-path:none;white-space:normal;overflow:visible;background:#f0e8da;color:#191816;border:1px solid #9c8b70;padding:12px 18px;font:14px/1.5 var(--sans);text-align:center;pointer-events:none}

.utility-page .collection-section>h1{font:400 clamp(34px,4.6vw,66px)/1.25 var(--serif);margin:14px 0 26px}

@media(max-width:700px){.collection-v3[data-id=aurora] .hero-img{left:-3%;right:auto;width:106%}.collection-v3[data-id=matsu] .hero-img,.collection-v3[data-id=ume] .hero-img,.collection-v3[data-id=take] .hero-img{left:0;right:auto;width:100%}.collection-v3[data-id=aurora] .hero-img img.a{transform:rotate(-24deg)} }

/* Labels remain legible on small screens. */
.collection-card .kick{font-size:12px}
@media(max-width:700px){.collection-v3 .topbar .right{font-size:12px}}