.header-controls{display:flex;gap:18px;align-items:center}#music{border:1px solid #ac507577;border-radius:30px;padding:11px 15px;background:#62213b33;color:#edc3d6;display:flex;align-items:center;gap:9px}#music[aria-pressed=true]{background:#85284e66}.equalizer{display:flex;align-items:center;gap:2px;height:14px}.equalizer i{display:block;width:2px;height:5px;background:#e4abc4}.equalizer i:nth-child(2){height:12px}.equalizer i:nth-child(3){height:8px}.music-on .equalizer i{animation:equalize .8s ease-in-out infinite alternate}.music-on .equalizer i:nth-child(2){animation-delay:-.4s}.music-on .equalizer i:nth-child(3){animation-delay:-.2s}.hero{padding-bottom:32px}.hero-content{z-index:1}.workshop-scene{position:relative;max-width:1150px;margin:-30px auto 0;isolation:isolate}.workshop-scene>img{width:100%;display:block;aspect-ratio:1.9;object-fit:cover;object-position:center 57%;mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent);opacity:.92}.workshop-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#ffe9c20b 45%,transparent 58%);animation:workshop-light 8s ease-in-out infinite alternate}.scene-caption{text-align:center;margin:0;font-size:8px;letter-spacing:1.5px;color:#ab8d9c}.scene-caption span{color:#d6b58d}.ambient-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ambient-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#e8ba9f;opacity:.25;animation:drift 7s ease-in-out infinite alternate;animation-delay:var(--delay)}.hero .team-frame{margin-top:35px;min-height:180px}.hero .team-frame .photo-number{font-size:7px}.hero .team-frame p{font-size:25px;margin:16px 0}.workshop-ribbon{display:flex;align-items:center;justify-content:center;gap:26px;padding:28px 5%;border-top:1px solid #b07a9128;border-bottom:1px solid #b07a9128;background:#180e15}.workshop-ribbon>span{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.6px;color:#c7aebc}.drawing{display:inline-flex;width:40px;height:42px;color:#c58aa3}.drawing svg{width:100%;height:100%}.ribbon-line{height:1px;width:55px;background:#b07a9140}.floating-tool{position:absolute;z-index:0;width:66px;height:70px;color:#b6537c2b;animation:tool-float 9s ease-in-out infinite alternate;pointer-events:none}.tool-left{top:230px;left:4%;transform:rotate(-22deg)}.tool-right{top:310px;right:5%;animation-delay:-4s}.chapter,.moments,.letter{position:relative}.chapter>.section-top::after{content:'⚙';font-size:18px;color:#b5739155}.scroll-reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s ease}.scroll-reveal.is-visible{opacity:1;transform:none}.metrics article:nth-child(2),.stories article:nth-child(2){transition-delay:.12s}.metrics article:nth-child(3),.stories article:nth-child(3){transition-delay:.24s}.paused .scroll-reveal{opacity:1;transform:none;transition:none}.closing{position:relative}.closing::before{content:'';display:block;width:90px;height:1px;margin:-39px auto 35px;background:#df8eb5;box-shadow:0 0 18px #d85596}.stories .photo{transition:border-color .4s,background-color .4s}.stories article:hover .photo{border-color:#d29cb7aa;background-color:#45213655}@keyframes equalize{to{height:3px}}@keyframes drift{to{transform:translate(12px,-30px);opacity:.6}}@keyframes tool-float{to{translate:0 -16px;rotate:8deg}}@keyframes workshop-light{to{opacity:.3;transform:translateX(12px)}}@media(min-width:1100px){.hero{padding-top:145px}.hero h1{font-size:95px}.workshop-scene{margin-top:-50px}}@media(max-width:700px){header{gap:10px}.header-controls{gap:10px}#music{padding:10px;font-size:9px}#motion{max-width:65px;font-size:8px;text-align:center}.hero{padding-top:125px}.workshop-scene{width:114%;margin:0 -7%}.workshop-scene>img{aspect-ratio:1.25;object-fit:cover}.scene-caption{font-size:7px;letter-spacing:.7px}.hero .team-frame{min-height:210px;margin-top:25px}.workshop-ribbon{gap:14px;flex-wrap:wrap;padding:22px 5%}.workshop-ribbon>span{font-size:7px;gap:7px;letter-spacing:.9px}.drawing{width:28px;height:30px}.ribbon-line{width:20px}.floating-tool{width:38px;opacity:.5}.tool-left{left:1%;top:290px}.tool-right{right:1%;top:220px}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important}}

.workshop-scene>img{height:auto}@media(max-width:700px){.hero h1{font-size:clamp(36px,11vw,58px)}}