/* Atelier: a live design sheet. Native vertical flow at every screen size. */
.sc-atelier{position:relative;isolation:isolate;overflow:clip;padding:48px 22px 66px;background:#f5f1e8;color:#0b0b0a;font-family:var(--font-manrope),Manrope,Arial,sans-serif;scroll-margin-top:84px}
.sc-atelier::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239d8052' opacity='.28' filter='url(%23paper)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.sc-atelier *{box-sizing:border-box}
.sc-atelier__inner{width:100%;max-width:1100px;margin:0 auto}
.sc-atelier__title{font-size:clamp(32px,10.7vw,72px);font-weight:800;line-height:1.045;letter-spacing:-.065em;margin:0;color:#0b0b0a}
.sc-atelier__title-line{display:block;white-space:nowrap}
.sc-atelier__plan{position:relative;display:inline-block;color:#b18d3c;font-style:normal}
.sc-atelier__underline{position:absolute;width:114%;height:18%;left:-8%;bottom:-16%;overflow:visible;fill:none;stroke:#b18d3c;stroke-width:2;stroke-linecap:round;pointer-events:none}
.sc-atelier__underline path{stroke-dasharray:1;animation:sc-atelier-underline 7.5s cubic-bezier(.2,.7,.25,1) infinite}
.sc-atelier__lead{font-size:16px;font-weight:450;line-height:1.6;letter-spacing:-.022em;max-width:960px;margin:28px 0 0;color:#25241f;text-wrap:pretty}
.sc-atelier__study{--draft:1;position:relative;width:calc(100% + 14px);margin:25px -7px 0;pointer-events:none;user-select:none}
.sc-atelier__study>svg{display:block;width:100%;height:auto;overflow:visible}
.sc-atelier-pencil{opacity:calc(.23 + var(--draft)*.47)}
.sc-atelier-gold{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draft));opacity:calc(.3 + var(--draft)*.7)}
.sc-atelier-note{opacity:calc(.3 + var(--draft)*.7)}
.sc-atelier-study-word--0,.sc-atelier-study-word--1,.sc-atelier-study-word--2{transform-box:fill-box;transform-origin:center;transition:transform .15s linear}
.sc-atelier-study-word--0{translate:calc((1 - var(--draft))*-12px) calc((1 - var(--draft))*7px);rotate:calc((1 - var(--draft))*-2deg)}
.sc-atelier-study-word--1{translate:calc((1 - var(--draft))*17px) calc((1 - var(--draft))*-5px);rotate:calc((1 - var(--draft))*2deg)}
.sc-atelier-study-word--2{translate:calc((1 - var(--draft))*-8px) calc((1 - var(--draft))*9px)}
.sc-atelier__arrow{display:block;width:30px;height:34px;margin:2px auto 18px;fill:none;stroke:#b18d3c;stroke-width:1.5;pointer-events:none}
.sc-atelier__arrow path{animation:sc-atelier-arrow 4s ease-in-out infinite}
.sc-atelier__final{position:relative;list-style:none;margin:0 16px 0 25px;padding:0 0 7px 10px;border-left:1px solid #b18d3c99;font-size:clamp(40px,12.5vw,83px);font-weight:800;line-height:1.065;letter-spacing:-.065em}
.sc-atelier__final::before{content:"";position:absolute;left:-1px;bottom:100%;width:1px;height:22px;background:#b18d3c99}
.sc-atelier__row{--word:1;position:relative;list-style:none;padding:0 0 .055em;margin:0;white-space:nowrap}
.sc-atelier__row::before{content:"";position:absolute;height:1px;left:-30px;right:-7px;top:0;background:linear-gradient(90deg,#bb9348c0 70%,#bb934800);transform:scaleX(calc(.18 + var(--word)*.82));transform-origin:30px center;transition:transform 1.25s cubic-bezier(.16,1,.3,1)}
.sc-atelier__row:last-child::after{content:"";position:absolute;height:1px;left:-30px;right:-7px;bottom:-3px;background:linear-gradient(90deg,#bb9348c0 70%,#bb934800)}
.sc-atelier__node{position:absolute;width:5px;height:5px;background:#b18d3c;top:-2px;left:-13px}
.sc-atelier__word{position:relative;display:inline-block;color:transparent;-webkit-text-stroke:.55px #29251d8c}
.sc-atelier__word::after{content:attr(data-word);position:absolute;inset:0;color:#0b0b0a;-webkit-text-stroke:0;clip-path:inset(-.2em calc((1 - var(--word))*101%) -.35em -.01em);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1)}
.sc-atelier__dot{color:#b18d3c;-webkit-text-stroke:0;display:inline-block;animation:sc-atelier-gold-light 8s ease-in-out infinite}
.sc-atelier__row--0{--word:1}.sc-atelier__row--1{--word:1}.sc-atelier__row--2{--word:1}
.sc-atelier__label{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}
@keyframes sc-atelier-underline{0%,9%{stroke-dashoffset:1;opacity:.4}30%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.4}}
@keyframes sc-atelier-arrow{0%,100%{transform:translateY(-2px);opacity:.65}50%{transform:translateY(2px);opacity:1}}
@keyframes sc-atelier-gold-light{0%,100%{color:#b18d3c}45%{color:#d4b777}70%{color:#ad8839}}
@media(min-width:761px){.sc-atelier{padding:84px max(5vw,32px) 108px;scroll-margin-top:92px}.sc-atelier__title{font-size:clamp(72px,8.6vw,120px);line-height:1.035}.sc-atelier__lead{font-size:clamp(20px,2.35vw,28px);line-height:1.5;margin-top:40px}.sc-atelier__study{width:calc(100% + 44px);margin:44px -22px 0}.sc-atelier__arrow{width:48px;height:56px;margin:0 auto 30px}.sc-atelier__final{font-size:clamp(85px,12.1vw,151px);margin-left:100px;margin-right:65px;padding-left:22px;line-height:1.065}.sc-atelier__final::before{height:52px}.sc-atelier__row::before,.sc-atelier__row:last-child::after{left:-75px;right:-20px}.sc-atelier__node{width:9px;height:9px;top:-4px;left:-27px}}
@media(max-width:359px){.sc-atelier{padding:39px 18px 52px}.sc-atelier__title{font-size:10.65vw}.sc-atelier__lead{font-size:15px;margin-top:25px}.sc-atelier__final{margin-left:18px;margin-right:9px;font-size:12.25vw}.sc-atelier__study{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.sc-atelier *,.sc-atelier *::before,.sc-atelier *::after{animation:none!important;transition:none!important}.sc-atelier__underline path{stroke-dashoffset:0}.sc-atelier-gold{stroke-dashoffset:0;opacity:1}.sc-atelier-note,.sc-atelier-pencil{opacity:1}.sc-atelier-study-word--0,.sc-atelier-study-word--1,.sc-atelier-study-word--2{translate:0;rotate:none}.sc-atelier__word::after{clip-path:none}.sc-atelier__row::before{transform:none}}