.atelier{min-height:100svh;background:var(--paper, #f7f4ee);color:var(--ink, #1c1a17)}.atelier__frame{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100svh}.atelier__cover{position:relative;min-height:100svh;overflow:hidden;background:#2e3336}.atelier__cover-img{position:absolute;inset:0}.atelier__cover-img img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.atelier__cover-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,26,23,.12) 0%,transparent 32%,rgba(28,26,23,.45) 70%,rgba(28,26,23,.78) 100%)}.atelier__cover-meta{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2rem clamp(1.5rem,4vw,2.75rem) max(2rem,calc(env(safe-area-inset-bottom) + 1.75rem));animation:atelier-enter .7s ease .12s both}.atelier__cover-meta h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.95;letter-spacing:.02em;color:var(--paper, #f7f4ee)}.atelier__cover-meta p{margin:.55rem 0 1.35rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--paper, #f7f4ee) 72%,transparent)}.atelier__cover-actions{display:flex;flex-wrap:wrap;gap:1rem 1.35rem;align-items:center}.atelier__cover-actions a{font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:color-mix(in srgb,var(--paper, #f7f4ee) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper, #f7f4ee) 28%,transparent);padding-bottom:.15rem;transition:color .2s ease,border-color .2s ease}.atelier__cover-actions a:hover,.atelier__cover-actions a.is-primary{color:var(--paper, #f7f4ee);border-bottom-color:color-mix(in srgb,var(--paper, #f7f4ee) 70%,transparent)}.atelier__panel{position:relative;min-height:100svh;max-height:100svh;overflow:auto;overscroll-behavior:contain;background:var(--paper, #f7f4ee);border-left:1px solid var(--line);-webkit-overflow-scrolling:touch}.atelier__panel-inner{width:min(100% - 2.5rem,28rem);margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 0 max(2.5rem,env(safe-area-inset-bottom));animation:atelier-enter .65s ease .2s both;display:flex;flex-direction:column}.atelier__nav{order:0;display:flex;flex-wrap:wrap;gap:.85rem 1.35rem;margin-bottom:2rem;font-family:var(--font-display);font-size:.84rem;letter-spacing:.14em;text-transform:uppercase}.atelier__nav a{color:var(--mute);text-decoration:none;display:inline-flex;align-items:baseline;gap:.35rem}.atelier__nav .nav-mark{color:var(--mute)}.atelier__nav .nav-mark:hover,.atelier__nav .nav-mark[aria-current=page]{color:var(--ink)}.atelier__lead span[lang=ja]{font-family:Yuji Mai,"Noto Serif JP",serif;margin-right:.15rem}.atelier__kicker{order:1;margin:0 0 .65rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}.atelier__kicker span[lang=ja]{margin-right:.55rem;letter-spacing:.08em}.atelier__lead{order:2;margin:0 0 1.5rem;max-width:22rem;font-size:.98rem;line-height:1.55;color:var(--ink-soft)}.atelier .discover__search{order:3;margin-bottom:1.25rem}.atelier .filter-bar{order:4}.atelier .discover__section[data-browse]{order:5}.atelier .discover__results{order:8}.atelier .discover__cta{order:9}.atelier.is-filtered .discover__results{order:5}.atelier.is-filtered .discover__section[data-browse]{display:none}.atelier .discover__section{margin-bottom:2rem}.atelier .discover__section-head h2,.atelier .theme-card__title{font-size:1.05rem}.atelier .tag-cloud{min-height:15rem;gap:.02rem .2rem;padding:.75rem 0 1.5rem}.atelier .tag-cloud__word{font-size:calc(.64rem + var(--w) * 1.55rem)}.atelier .result-list__title{font-size:1.08rem}.atelier.is-filtered .atelier__panel-inner{padding-top:max(1.25rem,env(safe-area-inset-top))}.atelier.is-filtered .atelier__cover-meta p{opacity:.85}@keyframes atelier-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:960px){.atelier__frame{grid-template-columns:1fr;min-height:auto}.atelier__cover{min-height:min(52dvh,26rem);max-height:none}.atelier__panel{min-height:auto;max-height:none;overflow:visible;border-left:0;border-top:1px solid var(--line)}.atelier__panel-inner{width:min(100% - 2rem,36rem)}.atelier__cover-meta h1{font-size:clamp(2.2rem,10vw,3.2rem)}}@media(prefers-reduced-motion:reduce){.atelier__cover-meta,.atelier__panel-inner{animation:none!important}}