.page{position:relative;isolation:isolate;background:none}
.atmosphere{position:fixed;inset:0;inset-inline-start:var(--rail);z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,rgba(103,164,214,.1),transparent 65%)}
.atmosphere i{position:absolute;inset:-8%;display:block;pointer-events:none}
.night-haze{opacity:calc((1 - var(--sunrise,0))*.65);background:radial-gradient(ellipse 38% 8% at 25% 37%,rgba(150,190,220,.14),transparent),radial-gradient(ellipse 65% 12% at 90% 73%,rgba(71,130,174,.16),transparent),linear-gradient(155deg,transparent 20%,rgba(43,101,152,.12) 60%,transparent 75%);transform:translateX(-2%)}
.dawn-light{opacity:var(--sunrise,0);background:radial-gradient(ellipse 6rem 6rem at 86% 68%,rgba(255,217,143,.26),rgba(255,187,108,.08) 70%,transparent 75%),radial-gradient(ellipse 70% 35% at 86% 70%,rgba(251,171,94,.16),transparent 78%),linear-gradient(0deg,rgba(250,158,116,.1),transparent 65%);transform:translateY(calc((1 - var(--sunrise,0))*18%))}
.dawn-rays{opacity:calc(var(--sunrise,0)*.48);background:conic-gradient(from 190deg at 86% 68%,transparent 0deg,rgba(255,211,159,.13) 8deg,transparent 16deg,transparent 29deg,rgba(255,220,173,.13) 35deg,transparent 45deg,transparent 70deg,rgba(255,226,176,.13) 76deg,transparent 87deg,transparent 105deg,rgba(255,221,159,.1) 112deg,transparent 124deg);transform-origin:86% 68%}
html[data-theme=light] .night-haze{opacity:calc((1 - var(--sunrise,0))*.9);background:radial-gradient(ellipse 48% 24% at 18% 34%,rgba(57,133,172,.22),transparent 75%),radial-gradient(ellipse 48% 28% at 88% 66%,rgba(132,112,180,.18),transparent 75%),linear-gradient(145deg,transparent 24%,rgba(88,143,180,.1) 52%,transparent 76%)}
html[data-theme=light] .dawn-light{background:radial-gradient(ellipse 6rem 6rem at 86% 68%,rgba(255,244,190,.7),rgba(255,211,142,.25) 70%,transparent 75%),radial-gradient(ellipse 70% 35% at 86% 70%,rgba(255,197,117,.18),transparent 78%)}
html[data-theme=light] .dawn-rays{opacity:calc(var(--sunrise,0)*.65)}
.rain-sound{display:inline-flex;gap:.4rem;align-items:center;font-size:.77rem;min-height:36px;padding:.4rem .65rem;background:var(--sheet);color:var(--ink)}
.rain-sound[aria-pressed=false]{opacity:.7}.rain-sound[aria-pressed=true]{border-color:var(--accent)}
.rain-volume{display:flex;align-items:center;gap:1rem;margin-block:1rem;font-size:.85rem}.preferences .rain-volume input{width:min(15rem,45vw);height:auto;accent-color:var(--accent)}
@media(prefers-reduced-motion:no-preference){html[data-motion-allowed=true] .night-haze{animation:rain-haze 32s ease-in-out infinite alternate}html[data-motion-allowed=true] .dawn-rays{animation:dawn-breath 24s ease-in-out infinite alternate}}
@keyframes rain-haze{to{transform:translateX(3%) translateY(1.5%)}}
@keyframes dawn-breath{to{transform:rotate(3deg) scale(1.03)}}
html[data-contrast=high] .atmosphere{display:none}
.workspace img{filter:brightness(calc(.78 + var(--sunrise,0)*.22)) saturate(.92)}
.social-line nav{font-size:.78rem;gap:.45rem;align-items:center;padding-block:.65rem;color:var(--ink)}
.social-line nav>span{display:inline-block;font-weight:700;margin-inline-end:.4rem;font-size:.8rem}
.social-line nav a,.social-line nav button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.35rem .65rem;border:1px solid var(--line);background:var(--sheet);color:var(--ink);line-height:1.3;text-decoration:none;border-radius:3px}
.social-line nav a:hover,.social-line nav button:hover{border-color:var(--accent);color:var(--accent)}
.social-line nav .copy-status:empty{display:none}
.shop-presentation{padding:3.5rem var(--gutter);border-block:1px solid var(--line);background:var(--wash)}
.shop-presentation>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}
.shop-presentation h2{font-size:clamp(2rem,3vw,3.8rem)}
.shop-offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.shop-offerings>a{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-top:2px solid var(--accent);background:var(--sheet);text-decoration:none;min-width:0}
.shop-offerings h3{font-size:1.25rem;line-height:1.25}.shop-offerings p{font-size:.85rem;margin:0}.shop-offerings span{align-self:end;font-size:1.5rem}
.recruitment-copy>p{font-size:1rem;color:var(--ink)}
.recruitment-preparation{margin-block:1.5rem;padding:1.5rem;border-inline-start:2px solid var(--accent);background:var(--sheet)}
.recruitment-preparation h3{font-size:1.25rem;margin-bottom:.7rem}.recruitment-preparation p{font-size:.94rem}
.recruitment-preparation nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.82rem}
@media(max-width:700px){.shop-presentation>header,.shop-offerings{grid-template-columns:1fr}.social-line nav a,.social-line nav button{min-height:40px}.shop-presentation{padding-block:2rem}}
@media(forced-colors:active){.atmosphere{display:none}.page{background:none}.workspace img{filter:none}}
@media print{.atmosphere,.rain-sound,.rain-volume{display:none}.page{background:none}.workspace img{filter:none}.social-line{display:none}}