.bakery-atelier{--atelier-progress:0;--atelier-top:94px;color:#f8eddb;background:#1d1516;height:255svh;position:relative}.atelier-viewport{top:var(--atelier-top);height:calc(100svh - var(--atelier-top));isolation:isolate;background:linear-gradient(115deg,#211618 10%,#1a1415 65%,#30201d);flex-direction:column;padding:clamp(24px,4vh,48px) 5.5vw 20px;display:flex;position:sticky}.atelier-aura{z-index:-1;pointer-events:none;background:radial-gradient(at 76% 46%,#794a3c44,#0000 55%);position:absolute;inset:0}.atelier-topline{letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #f8eddb24;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;font-size:10px;display:flex}.atelier-topline>span{align-items:center;gap:12px;display:flex}.atelier-topline i{background:#eac088;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #eac06655}.atelier-topline a{letter-spacing:.08em;align-items:center;gap:20px;min-height:32px;display:inline-flex}.atelier-content{flex:1;grid-template-columns:.95fr 1.05fr;align-items:center;width:100%;max-width:1600px;min-height:0;margin:0 auto;display:grid;position:relative}.atelier-copy{z-index:2;pointer-events:none;padding-bottom:10px;display:grid;position:relative}.atelier-copy article{opacity:0;grid-area:1/1;transition:opacity .48s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.atelier-copy article.is-active{opacity:1;transform:translate(0,0)}.atelier-eyebrow{color:#d5b188;letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px;font-size:10px;font-weight:600}.atelier-copy h2{font:400 clamp(40px, 4.7vw, 80px)/1.02 var(--serif);letter-spacing:-.055em;margin:0}.atelier-copy h2 em{color:#eebc8c;font-weight:400}.atelier-description{color:#d2bfb6;max-width:360px;margin:30px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.8}.atelier-art{align-self:stretch;min-width:0;min-height:0;position:relative}.atelier-canvas{touch-action:pan-y pinch-zoom;opacity:0;transition:opacity .6s;position:absolute;inset:0 -3vw}.atelier-canvas canvas{width:100%;height:100%;display:block}.atelier-art[data-ready=true] .atelier-canvas{opacity:1}.atelier-fallback{pointer-events:none;border-radius:48% 48% 10px 10px;transition:opacity .5s;position:absolute;inset:12% 12% 16%;overflow:hidden}.atelier-fallback img{object-fit:cover;width:100%;height:100%}.atelier-art[data-ready=true] .atelier-fallback{opacity:0}.atelier-ghost-word{color:#f2d6b6;opacity:.035;letter-spacing:-.06em;text-align:center;pointer-events:none;width:100%;font-size:clamp(46px,8vw,130px);font-weight:700;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.atelier-art-note{color:#c7a891;font:italic 16px var(--serif);text-align:center;pointer-events:none;position:absolute;bottom:3%;left:0;right:0}.atelier-bottom{justify-content:space-between;align-items:end;gap:24px;display:flex}.atelier-chapters{grid-template-columns:repeat(3,1fr);gap:22px;width:min(100%,530px);display:grid;position:relative}.atelier-chapters button{color:#b9a7a0;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;padding:10px 0 20px;font-size:12px;transition:color .2s;display:flex}.atelier-chapters button span{color:#b39072;font-size:9px}.atelier-chapters button[aria-current],.atelier-chapters button:hover{color:#fff5e4}:is(.atelier-chapters button:focus-visible,.atelier-topline a:focus-visible){outline-offset:5px;outline:2px solid #eac088}.atelier-track{background:#f8eddb26;height:1px;position:absolute;bottom:0;left:0;right:0}.atelier-track span{transform:scaleX(calc(.04 + var(--atelier-progress) * .96));transform-origin:0;background:#eac088;position:absolute;inset:0}.atelier-bottom>p{color:#b9a7a0;align-items:center;gap:18px;margin:0 0 10px;font-size:10px;display:flex}.atelier-bottom>p svg{width:20px;height:20px}.atelier-disclaimer{color:#b9a7a0;letter-spacing:.025em;align-self:flex-end;margin-top:18px;font-size:9px}@media (max-width:760px){.bakery-atelier{--atelier-top:78px;height:225svh}.atelier-viewport{padding:20px 22px 15px}.atelier-topline{letter-spacing:.1em;gap:12px;padding-bottom:12px;font-size:8px}.atelier-topline a{gap:8px;font-size:8px}.atelier-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;padding-top:28px}.atelier-copy{padding-bottom:0}.atelier-eyebrow{margin-bottom:16px;font-size:8px}.atelier-copy h2{font-size:clamp(35px,9.5vw,54px);line-height:1.04}.atelier-description{max-width:330px;margin-top:18px;font-size:12px;line-height:1.65}.atelier-art{height:100%}.atelier-canvas{inset:-4% -12px -2%}.atelier-art-note{font-size:13px;bottom:0}.atelier-ghost-word{font-size:18vw}.atelier-chapters{gap:18px;width:100%}.atelier-chapters button{gap:8px;padding-bottom:14px;font-size:11px}.atelier-bottom>p{display:none}.atelier-disclaimer{align-self:center;margin-top:14px;font-size:8px}}@media (max-height:660px) and (max-width:760px){.atelier-viewport{padding-top:12px;padding-bottom:10px}.atelier-content{padding-top:18px}.atelier-eyebrow{margin-bottom:10px}.atelier-copy h2{font-size:32px}.atelier-description{margin-top:12px;font-size:11px}.atelier-art-note{display:none}.atelier-disclaimer{margin-top:9px;font-size:7px}}@media (max-height:540px) and (min-width:761px){.atelier-viewport{padding-top:12px;padding-bottom:12px}.atelier-topline{padding-bottom:8px}.atelier-copy h2{font-size:38px}.atelier-eyebrow{margin-bottom:14px}.atelier-description{margin-top:16px;font-size:12px}.atelier-disclaimer{margin-top:10px}}@media (prefers-reduced-motion:reduce){.bakery-atelier{height:auto}.atelier-viewport{height:max(650px,100svh);position:relative;top:0}.atelier-chapters,.atelier-bottom>p{display:none}}
