.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#fbfaf7;--text:#2b2b2b;--muted:#777;--accent:#b4532a;--line:#e6e2da;--content-width:40rem}@media (prefers-color-scheme:dark){:root{--bg:#1b1b1a;--text:#e8e6e1;--muted:#a09d96;--accent:#e08a5f;--line:#333330}}@media (width>=60rem){:root{--bg:#15110e;--text:#eae3d7;--muted:#a89f91;--accent:#d9a35c;--line:#2e2823}body{background:radial-gradient(ellipse 70% 45% at 50% -8%, #d9a35c38, transparent 70%), var(--bg);background-attachment:fixed}.site-name{letter-spacing:.14em}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;line-height:1.9}main,.site-header,.site-footer{max-width:var(--content-width);margin-inline:auto;padding-inline:1.25rem}main{padding-block:2rem 4rem}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);padding-block:1.25rem}.site-name{color:var(--text);letter-spacing:.05em;font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:2rem}.footer-links{margin:0 0 .5rem;font-size:.875rem}.footer-links a{padding-block:.5rem;display:inline-block}h1{margin-block:0 1rem;font-size:1.6rem;line-height:1.5}h2{margin-block:2.5rem .75rem;font-size:1.3rem;line-height:1.5}h3{margin-block:2rem .5rem;font-size:1.1rem;line-height:1.5}@media (width<=40rem){body{font-size:1.0625rem;line-height:1.85}h1{font-size:1.75rem}h2{font-size:1.45rem}h3{font-size:1.2rem}article:has(>.meta)>p:not(.meta,.lead,.why){margin-block-end:1.2em}article:has(>.meta)>h2{margin-block-start:3rem}article:has(>.meta)>h3{margin-block-start:2.25rem}}img{max-width:100%;height:auto}blockquote{border-left:3px solid var(--line);color:var(--muted);margin-inline:0;padding-inline:1rem}.meta{color:var(--muted);font-size:.875rem}.meta a{color:inherit;text-decoration:none}.meta a:hover,.meta a:focus-visible{color:var(--text);text-underline-offset:.25em;text-decoration:underline}.why{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);margin-block:1.5rem;padding:.75rem 1rem;font-size:.95rem}.lead{color:var(--muted)}figure.article-image{margin:2.5rem 0}figure.article-image img{display:block}.image-credit{color:var(--muted);margin-top:.5rem;font-size:.75rem;line-height:1.6}.image-credit a{color:inherit;text-underline-offset:.2em}.image-credit a:hover{color:var(--accent)}.sources{color:var(--muted);margin-top:3rem;font-size:.875rem;line-height:1.8}.sources h2{letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.sources ul{margin:0;padding-left:1.25rem}.sources li{margin-block:.25rem}.sources a{color:inherit;text-underline-offset:.2em}.sources a:hover{color:var(--accent)}.as-of{margin:.75rem 0 0}.random-wrap{margin-block:1.5rem 0}.random-button{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);min-height:3rem;color:var(--text);letter-spacing:.3em;text-indent:.3em;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-weight:500;text-decoration:none;display:flex}.random-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);filter:none}.random-button:active{transform:translateY(1px)}.random-button:focus-visible{outline:3px solid var(--text);outline-offset:3px}@media (width>=40rem){.random-button{display:inline-flex}}.article-list{margin:2rem 0 0;padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--line);padding-block:1.25rem}.article-list h2{margin:.25rem 0;font-size:1.15rem}.article-list p{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.article-nav{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.article-nav-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.nav-prev,.nav-random,.nav-next{border:1px solid var(--line);min-height:3rem;color:var(--text);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .25rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:flex}.nav-random{border-color:color-mix(in srgb, var(--accent) 50%, transparent);letter-spacing:.15em;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-weight:500}.nav-prev:hover,.nav-next:hover{border-color:var(--accent)}.nav-random:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.nav-prev:active,.nav-random:active,.nav-next:active{transform:translateY(1px)}.nav-prev:focus-visible,.nav-random:focus-visible,.nav-next:focus-visible,.nav-top:focus-visible{outline:3px solid var(--text);outline-offset:3px}.nav-top{justify-content:center;align-items:center;min-height:3rem;margin-top:.75rem;font-size:.95rem;display:flex}.fashion-hero{width:100vw;margin:-2rem calc(50% - 50vw) 2.5rem;position:relative;overflow:hidden}.fashion-hero img{object-fit:cover;object-position:center 40%;width:100%;height:clamp(22rem,40vw,34rem);display:block}.fashion-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000000b8,#0003 65%,#0000001a),linear-gradient(#00000059,#0000 40%);position:absolute;inset:0}.fashion-hero-text{z-index:1;padding:1.25rem max(1.25rem, calc((100vw - var(--fashion-width,59rem)) / 2));color:#fff;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.fashion-card{border-left:2px solid var(--accent,#d9a35c);backdrop-filter:blur(10px);text-shadow:0 1px 12px #00000080;background:#0e0a07a8;max-width:28rem;padding:1rem 1.25rem}.fashion-label{letter-spacing:.25em;margin:0 0 .75rem;font-size:.75rem}.fashion-label a{color:inherit;text-decoration:none}.fashion-hero h1{text-wrap:balance;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(1.1rem,2.6vw,1.75rem);line-height:1.55}.fashion-sub{opacity:.9;margin:.75rem 0 0;font-size:clamp(.68rem,1.3vw,.8rem);line-height:1.8}.fashion-hero .image-credit{z-index:1;color:#fff;opacity:.7;margin:0;position:absolute;bottom:.4rem;right:.75rem}article.fashion{counter-reset:chapter}article.fashion>h2{counter-increment:chapter;border-top:1px solid var(--line);margin-block:3rem .75rem;padding-top:1.5rem;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}article.fashion>h2:before{content:counter(chapter, decimal-leading-zero);color:var(--accent);letter-spacing:.05em;opacity:.8;margin-bottom:.25rem;font-size:1.6rem;font-weight:400;display:block}@media (width>=60rem){body:has(article.fashion){overflow-x:clip}main:has(>article.fashion),body:has(article.fashion) .site-header,body:has(article.fashion) .site-footer{max-width:72rem}article.fashion{grid-template-columns:minmax(0,15rem) minmax(0,40rem);justify-content:center;gap:0 4rem;display:grid}article.fashion>*{grid-column:2}article.fashion>p:not(h2~p){grid-column:1/-1;max-width:46rem}article.fashion>.fashion-hero,article.fashion>figure.article-image{grid-column:1/-1}article.fashion>p{margin-block:0 1.1em}article.fashion>h2{grid-area:span 4/1;align-self:start;margin-top:4rem;font-size:1.2rem}article.fashion>h2+p{margin-top:5.5rem}article.fashion>h2:before{margin-bottom:.5rem;font-size:2.4rem}article.fashion~.article-nav{max-width:40rem;margin-inline:auto}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1)}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:page-out .45s var(--ease-inout) both}::view-transition-new(root){animation:page-in .9s var(--ease-out) .2s both}@keyframes page-out{to{opacity:0;filter:blur(3px);transform:translateY(-.5rem)}}@keyframes page-in{0%{opacity:0;filter:blur(3px);transform:translateY(.9rem)}}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (width>=60rem){body:before{content:"";z-index:50;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}}.cursor-glow,.cursor-ring{display:none}@media (width>=60rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-glow,.cursor-ring{z-index:60;pointer-events:none;opacity:0;transition:opacity .8s;display:block;position:fixed;top:0;left:0}.has-pointer .cursor-glow,.has-pointer .cursor-ring{opacity:1}.cursor-glow{mix-blend-mode:screen;background:radial-gradient(closest-side,#d9a35c21,#0000);width:38rem;height:38rem;margin:-19rem 0 0 -19rem}.cursor-ring{--size:.9rem;width:0;height:0}.cursor-ring:before{content:"";width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border:1px solid var(--accent);transition:width .5s var(--ease-out), height .5s var(--ease-out), margin .5s var(--ease-out), background .5s ease;background:0 0;border-radius:50%;position:absolute}.cursor-ring.is-link{--size:2.6rem}.cursor-ring.is-open{--size:3.6rem}.cursor-ring.is-open:before{background:#d9a35c29}.cursor-ring span{color:var(--text);letter-spacing:.28em;opacity:0;padding-left:.28em;font-size:.5rem;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.cursor-ring.is-open span{opacity:1}}@media (scripting:none){[data-reveal]{opacity:1!important;transform:none!important}}.article-list li,.nav-prev,.nav-next,.nav-random,.random-button{transition:transform .5s var(--ease-out), border-color .4s ease, filter .4s ease}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nav-prev:hover,.nav-next:hover,.nav-random:hover,.random-button:hover{transform:translateY(-2px)}}.nav-genres-lead{color:var(--muted);letter-spacing:.25em;text-align:center;margin:2rem 0 .75rem;font-size:.8rem}.nav-genres{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-genres a{border:1px solid var(--line);min-height:2.5rem;color:var(--muted);letter-spacing:.12em;transition:color .4s ease, border-color .4s ease, transform .5s var(--ease-out);border-radius:999px;align-items:center;padding:.25rem .9rem;font-size:.75rem;text-decoration:none;display:flex}.nav-genres a:hover,.nav-genres a:focus-visible{color:var(--text);border-color:var(--accent)}.nav-genres a[aria-current=true]{color:var(--accent);border-color:var(--accent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nav-genres a:hover{transform:translateY(-2px)}}.fashion-gallery{margin-block:2.5rem 0}.gallery-open{margin:0}.gallery-link{color:var(--muted);font:inherit;letter-spacing:.08em;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.45em;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.875rem;transition:color .4s,text-decoration-color .4s}.gallery-link:hover,.gallery-link:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}.gallery-link:focus-visible,.lightbox button:focus-visible{outline:3px solid var(--text);outline-offset:3px}.lightbox{color:#fff;backdrop-filter:blur(6px);background:#0a0705eb;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:3rem 4rem}.lightbox[open]{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.lightbox::backdrop{background:0 0}.lightbox-img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 8rem);display:block}.lightbox-caption{color:#ffffffa6;margin:0;font-size:.75rem}.lightbox-caption:empty{display:none}.lightbox-close,.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;transition:border-color .3s;display:flex;position:absolute}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{border-color:var(--accent)}.lightbox-close{top:1rem;right:1rem}.lightbox-prev{margin-top:-1.5rem;top:50%;left:1rem}.lightbox-next{margin-top:-1.5rem;top:50%;right:1rem}@media (prefers-reduced-motion:no-preference){.lightbox[open]{animation:lightbox-in .5s var(--ease-out)}@keyframes lightbox-in{0%{opacity:0}}}@media (width<=40rem){.lightbox{padding:3.5rem 1rem}}.column-hero{text-align:center;color:#f1eadf;background:radial-gradient(55% 85% at 50% 0,#d9a35c47,#0000 70%),radial-gradient(80% 60% at 50% 120%,#d9a35c1a,#0000 70%),#100c09;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:clamp(18rem,34vw,26rem);margin:-2rem calc(50% - 50vw) 3rem;padding:3rem 1.25rem;display:flex;position:relative;overflow:hidden}.column-label{color:var(--accent,#d9a35c);letter-spacing:.3em;margin:0 0 1.25rem;font-size:.75rem}.column-label a{color:inherit;text-decoration:none}.column-hero h1{letter-spacing:.06em;text-wrap:balance;max-width:40rem;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(1.45rem,4vw,2.5rem);font-weight:500;line-height:1.6}.column-why{color:#f1eadfbf;letter-spacing:.04em;border-top:1px solid #d9a35c73;max-width:30rem;margin:1.5rem 0 0;padding-top:1.25rem;font-size:.85rem;line-height:2}article.column>p,article.column>blockquote,article.column>ul,article.column>ol{letter-spacing:.04em;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:1.05rem;line-height:2.15}article.column>p{margin-block:0 1.3em}article.column>h2{margin-block:3.5rem 1rem;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-weight:500}@media (width>=60rem){body:has(article.column){overflow-x:clip}article.column>p{font-size:1.1rem}}.column-hero h1,.fashion-hero h1{word-break:auto-phrase}.column-hero h1{max-width:46rem}.fashion-hero[data-card=right]:after{background:linear-gradient(270deg,#000000b8,#0003 65%,#0000001a),linear-gradient(#00000059,#0000 40%)}.fashion-hero[data-card=right] .fashion-hero-text{align-items:flex-end}.fashion-hero .image-credit.tiny{opacity:.55;font-size:.6rem}@media (width<=59.99rem){.fashion-hero{flex-direction:column;margin-bottom:2rem;display:flex;overflow:visible}.fashion-hero:after{display:none}.fashion-hero img{aspect-ratio:3/2;object-position:center 35%;order:1;height:auto;max-height:62svh}.fashion-hero .image-credit{color:var(--muted);text-align:right;opacity:1;order:2;margin:.4rem 1.25rem 0;position:static}.fashion-hero .image-credit.tiny{opacity:.7}.fashion-hero-text{color:var(--text);order:3;padding:1.5rem 1.25rem 0;display:block;position:static}.fashion-card{border-left:2px solid var(--accent);backdrop-filter:none;max-width:none;text-shadow:none;background:0 0;padding:0 0 0 1rem}.fashion-label{color:var(--muted)}.fashion-hero h1{font-size:clamp(1.25rem,5.6vw,1.7rem)}.fashion-sub{color:var(--muted);opacity:1;font-size:.8rem}}@media (width>=60rem){.site-header,body:has(article.fashion) .site-header{max-width:none;padding-inline:2.5rem}}.title-sub{width:100%;color:var(--muted);margin-top:.4em;font-size:.78em;font-weight:500;line-height:1.65;display:inline-block}.next-cups{margin-top:4rem}.next-cups-label{color:var(--accent);letter-spacing:.3em;margin:0 0 1.25rem;font-size:.85rem;font-weight:600}.next-cups-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.cup-link{color:var(--text);grid-template-rows:auto 1fr;grid-template-columns:6.5rem minmax(0,1fr);column-gap:1rem;text-decoration:none;display:grid}.cup-visual{aspect-ratio:1;background:var(--line);border-radius:.25rem;grid-row:1/3;display:block;overflow:hidden}.cup-visual img{object-fit:cover;width:100%;height:100%;transition:transform 1.8s var(--ease-out);display:block}.cup-label{color:var(--muted);letter-spacing:.2em;font-size:.7rem}.cup-title{text-underline-offset:.35em;font-size:.95rem;font-weight:700;line-height:1.6;text-decoration:underline #0000;transition:text-decoration-color .4s}.cup.is-text .cup-link{border-top:1px solid var(--line);flex-direction:column;gap:.3rem;padding-top:.9rem;display:flex}.cup-link:hover .cup-title,.cup-link:focus-visible .cup-title{text-decoration-color:var(--accent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cup-link:hover .cup-visual img{transform:scale(1.05)}}@media (width>=40rem){.next-cups-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.cup-link{flex-direction:column;gap:.6rem;display:flex}.cup-visual{aspect-ratio:3/2}}@media (width>=60rem){article.fashion~.next-cups{max-width:59rem;margin-inline:auto}}