.fashion-page{max-width:1440px;margin:auto;padding:115px clamp(18px,4.5vw,70px) 55px}.fashion-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.fashion-heading p,.fashion-heading>span{font:9px/1.8 monospace;letter-spacing:1.2px}.fashion-heading p{margin-bottom:24px}.fashion-heading>span{text-align:right;color:var(--mute);padding-bottom:6px}.fashion-heading h1{font:400 clamp(75px,10vw,145px)/.85 var(--serif);letter-spacing:-.055em}.fashion-toolbar{position:sticky;top:64px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid var(--fg);border-bottom:1px solid #ccc;padding:14px 0;font:10px/1.5 monospace;margin-bottom:22px}.fashion-reading{min-width:75px;letter-spacing:1px}.fashion-toolbar label{display:flex;align-items:center;gap:12px;color:var(--mute)}.fashion-toolbar select{border:1px solid #ccc;padding:5px 8px;color:var(--fg);background:#fff;font:10px monospace;border-radius:0}.fashion-index-open{font:10px monospace;display:flex;gap:22px}.fashion-pages{display:flex;flex-direction:column;gap:38px}.fashion-sheet{margin:0;scroll-margin-top:140px}.fashion-sheet>button{display:block;width:100%;cursor:zoom-in;background:#fff}.fashion-sheet img{display:block;width:100%;height:auto}.fashion-sheet figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e7e7e7;padding-top:9px;margin-top:10px;color:var(--mute);font:8px/1.5 monospace;letter-spacing:.7px}.fashion-sheet figcaption span:last-child{font-size:7px}.fashion-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--fg);padding-top:20px;margin-top:65px;font:9px monospace;letter-spacing:.7px}.fashion-end button{font:10px monospace}.fashion-dialog-open{overflow:hidden}.fashion-index,.fashion-viewer{border:0;color:var(--fg);background:#fff;max-width:96vw;max-height:94svh;width:1350px;padding:0}.fashion-index::backdrop,.fashion-viewer::backdrop{background:#161616b3;backdrop-filter:blur(4px)}.fashion-index header,.fashion-viewer header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid #ddd;padding:19px 22px;font:10px monospace;position:sticky;top:0;z-index:1}.fashion-index h2{font:28px var(--serif);letter-spacing:-.8px}.fashion-index button,.fashion-viewer button{font:10px monospace}.fashion-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;padding:25px}.fashion-thumbnails button{text-align:left}.fashion-thumbnails img{display:block;width:100%;height:115px;object-fit:contain;background:#f4f4f4;border:1px solid #e7e7e7}.fashion-thumbnails button:hover img{border-color:#171715}.fashion-thumbnails span{display:block;margin-top:8px}.fashion-viewer[open]{display:flex;flex-direction:column;height:94svh}.fashion-viewer header{position:relative;flex:none}.fashion-viewer header>div{display:flex;gap:30px}.fashion-viewer-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;background:#fafafa;overscroll-behavior:contain}.fashion-viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.fashion-viewer.is-zoomed .fashion-viewer-stage{display:block}.fashion-viewer.is-zoomed .fashion-viewer-stage img{width:auto;height:auto;max-width:none;max-height:none;margin:auto}.fashion-viewer footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px monospace;padding:18px 22px;border-top:1px solid #ddd;flex:none}.fashion-viewer footer>span{color:var(--mute);font-size:8px}.fashion-viewer button:disabled{opacity:.3;cursor:default}
@media(max-width:800px){.site-nav{gap:16px;padding:17px 14px}.site-nav nav{gap:18px}.site-nav nav a{font-size:11px}.fashion-page{padding-top:100px}.fashion-heading{align-items:flex-start;margin-bottom:27px}.fashion-heading p{font-size:8px;letter-spacing:.8px;margin-bottom:20px}.fashion-heading>span{font-size:7px;letter-spacing:.5px;margin-top:5px}.fashion-heading h1{font-size:80px}.fashion-toolbar{top:60px;font-size:9px;gap:10px;padding:11px 0}.fashion-toolbar label{font-size:8px;gap:6px}.fashion-index-open{font-size:9px;gap:8px}.fashion-reading{min-width:57px}.fashion-pages{gap:28px}.fashion-sheet{scroll-margin-top:125px}.fashion-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:20px 12px}.fashion-thumbnails img{height:95px}.fashion-index header,.fashion-viewer header{padding:16px}.fashion-viewer header>div{gap:18px}.fashion-viewer footer{padding:16px;gap:12px}.fashion-viewer footer>span{display:none}.fashion-viewer-stage{padding:8px}.fashion-end{font-size:8px;gap:20px}.fashion-index h2{font-size:24px}}
@media(max-width:360px){.site-nav nav{gap:12px}.site-nav{gap:12px}.fashion-toolbar label{font-size:0}.fashion-toolbar label select{font-size:9px}}
