.atelier-container{width:min(100% - 40px,1560px);margin-inline:auto}@media (min-width:1536px){.atelier-container{width:min(100% - 64px,1720px)}}.atelier-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;padding-block:40px 80px;display:grid}.atelier-hero-copy{z-index:1;position:relative}.atelier-hero h1{font-family:var(--font-serif);letter-spacing:-.045em;margin-top:24px;font-size:clamp(3.8rem,6.2vw,6.6rem);font-weight:400;line-height:.95}.atelier-hero h1 em,.atelier-heading em{color:var(--color-wax);font-weight:400}.atelier-hero-description{max-width:520px;color:var(--color-muted);margin-top:28px;font-size:1.0625rem;line-height:1.7}.atelier-button{background:var(--color-chocolate);min-height:48px;color:var(--color-paper);border-radius:9999px;justify-content:space-between;align-items:center;gap:35px;padding:14px 24px;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.atelier-button:hover{background:var(--color-wax);transform:translateY(-2px);box-shadow:0 6px 16px #5a3a2a24}.atelier-button:active{box-shadow:none!important;transform:scale(.97)translateY(1px)!important}.atelier-hero .atelier-button{margin-top:28px}.atelier-text-link{text-underline-offset:6px;align-items:center;gap:20px;min-height:44px;font-size:14px;-webkit-text-decoration:underline #bda187;text-decoration:underline #bda187;transition:color .18s,text-decoration-color .18s,transform .18s;display:inline-flex}.atelier-text-link:hover{color:var(--color-wax);-webkit-text-decoration-color:var(--color-wax);text-decoration-color:var(--color-wax);transform:translate(3px)}.atelier-text-link:active{transform:scale(.97)}.atelier-hero .atelier-text-link{margin-left:22px}.atelier-hero-signoff{font-family:var(--font-serif);color:var(--color-muted);margin-top:35px;font-size:19px;font-style:italic}.atelier-hero-visual{justify-self:center;width:100%;max-width:560px;padding:12px 0 38px;position:relative}.atelier-photo-frame{aspect-ratio:4/5;background:var(--color-linen);border-radius:46% 46% 24px 24px;position:relative;overflow:hidden}.atelier-photo-frame>div{aspect-ratio:auto;height:100%}.atelier-photo-frame img{object-position:center}.atelier-photo-label{background:var(--color-paper);letter-spacing:.1em;border-radius:9999px;padding:8px 14px;font-size:11px;position:absolute;bottom:22px;left:22px;box-shadow:0 2px 8px #5a3a2a14}.atelier-floating-note{background:var(--color-paper);border:1px solid var(--color-linen);border-radius:18px;gap:9px;width:min(90%,330px);padding:23px 28px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;animation:5.5s ease-in-out infinite float-gentle;display:grid;position:absolute;bottom:0;right:0;transform:rotate(-3deg);box-shadow:0 8px 24px #5a3a2a12}.atelier-floating-note:hover{animation-play-state:paused;transform:rotate(0)translateY(-6px)scale(1.02);box-shadow:0 14px 32px #5a3a2a29}.atelier-floating-note .caps{letter-spacing:.14em;font-size:9px}.atelier-facts{z-index:2;background:var(--color-cream);border-block:1px solid var(--color-linen);letter-spacing:.06em;justify-content:space-between;gap:20px;padding-block:22px;font-size:12px;display:flex;position:relative}.atelier-making{padding-block:85px}.atelier-chapter{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.atelier-heading{font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(2.6rem,4.7vw,4.6rem);font-weight:400;line-height:1.05}.atelier-making-intro{justify-content:space-between;align-items:flex-end;gap:45px;display:flex}.atelier-making-intro>p{max-width:480px;color:var(--color-muted);font-size:1.0625rem;line-height:1.7}.atelier-process{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px;display:grid}.atelier-process-visual{aspect-ratio:4/3;background:var(--color-linen);border-radius:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #5a3a2a0f}.atelier-process-visual:hover{transform:translateY(-6px);box-shadow:0 12px 28px #5a3a2a24}.atelier-process-visual img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.atelier-process-visual:hover img{transform:scale(1.06)}.atelier-process-visual>div{aspect-ratio:auto;height:100%}.atelier-process-0{color:var(--color-wax);background:#e7d7c0}.atelier-process-1{color:#5b715c;background:#e1e4d8}.atelier-stitch-drawing{width:100%;height:100%}.atelier-process-footnote{text-align:right;color:var(--color-muted);margin-top:30px;font-size:13px;font-style:italic}.atelier-collection{padding-block:45px 95px;scroll-margin-top:25px}.atelier-shelf-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.atelier-shelf-heading h2{margin-top:15px}.atelier-view-switch{background:var(--color-paper);border:1px solid #bda187;border-radius:9999px;padding:4px;display:flex}.atelier-view-switch button{cursor:pointer;border-radius:9999px;min-height:44px;padding:10px 18px;font-size:13px}.atelier-view-switch button[aria-pressed=true]{background:var(--color-chocolate);color:var(--color-paper)}.atelier-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid;position:relative}.atelier-shelf-clothesline{z-index:2;pointer-events:none;width:100%;margin-bottom:-10px;position:relative}.atelier-piece-hanging{transform-origin:50% -12px;will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;animation:6.4s ease-in-out infinite harmonic-pendulum-1}.atelier-piece-hanging:nth-child(2n){animation-name:harmonic-pendulum-2;animation-duration:7.2s;animation-delay:-1.8s}.atelier-piece-hanging:nth-child(3n){animation-name:harmonic-pendulum-3;animation-duration:6.8s;animation-delay:-3.5s}.atelier-piece-hanging:nth-child(4n){animation-name:harmonic-pendulum-4;animation-duration:7.6s;animation-delay:-5.2s}.atelier-piece-hanging:hover{z-index:10;animation-play-state:paused;box-shadow:0 24px 44px -12px #5a3a2a29;transform:translateY(-12px)scale(1.025)rotate(0)!important}@keyframes harmonic-pendulum-1{0%,to{transform:rotate(-1.5deg)translateY(0)}25%{transform:rotate(0)translateY(1.6px)}50%{transform:rotate(1.4deg)translateY(.1px)}75%{transform:rotate(0)translateY(1.6px)}}@keyframes harmonic-pendulum-2{0%,to{transform:rotate(1.6deg)translateY(.1px)}25%{transform:rotate(0)translateY(1.8px)}50%{transform:rotate(-1.3deg)translateY(0)}75%{transform:rotate(0)translateY(1.8px)}}@keyframes harmonic-pendulum-3{0%,to{transform:rotate(-1.3deg)translateY(0)}25%{transform:rotate(0)translateY(1.5px)}50%{transform:rotate(1.5deg)translateY(.2px)}75%{transform:rotate(0)translateY(1.5px)}}@keyframes harmonic-pendulum-4{0%,to{transform:rotate(1.4deg)translateY(.2px)}25%{transform:rotate(0)translateY(1.7px)}50%{transform:rotate(-1.5deg)translateY(0)}75%{transform:rotate(0)translateY(1.7px)}}.atelier-wooden-peg{z-index:4;background:#c8a27a;border-radius:3px;width:14px;height:22px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #5a3a2a38,inset 0 0 0 1px #a47d55}.atelier-wooden-peg:after{content:"";background:#735438;border-radius:1px;height:2.5px;position:absolute;top:6px;left:2px;right:2px}.atelier-piece-hanging:hover .atelier-wooden-peg{transform:translate(-50%)translateY(-3px)scale(1.12);box-shadow:0 4px 10px #5a3a2a42}.atelier-piece-image{aspect-ratio:4/5;background:var(--color-linen);border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 4px 16px #5a3a2a14}.atelier-piece-image img{transition:transform .85s cubic-bezier(.16,1,.3,1),filter .6s}.atelier-piece-image:hover img{filter:contrast(1.02)saturate(1.03);transform:scale(1.05)}.atelier-piece-number{z-index:1;background:var(--color-paper);border-radius:8px;padding:5px 9px;font-size:11px;position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #5a3a2a14}.atelier-piece-title{gap:10px;margin-top:18px;display:grid}.atelier-maker{background:var(--color-linen);padding-block:85px}.atelier-maker-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:10%;display:grid}.atelier-maker h2{margin-top:25px}.atelier-maker-body{max-width:540px;margin-top:25px;font-size:1.0625rem;line-height:1.7}.atelier-letter{background:var(--color-paper);border:1px solid #d4c0a5;border-radius:20px;padding:60px 35px 30px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;transform:rotate(2deg);box-shadow:0 8px 24px #5a3a2a14}.atelier-letter:hover{transform:rotate(0)translateY(-4px);box-shadow:0 16px 36px #5a3a2a1f}.atelier-seal{background:var(--color-wax);width:60px;height:60px;color:var(--color-paper);font-family:var(--font-script);outline-offset:-7px;border-radius:50%;outline:1px solid #ffffff40;place-items:center;font-size:35px;transition:transform .65s cubic-bezier(.34,1.56,.64,1),box-shadow .45s;display:grid;position:absolute;top:-25px;right:30px}.atelier-letter:hover .atelier-seal{transform:scale(1.18)rotate(14deg);box-shadow:0 10px 28px #8c3a2e6b}.atelier-shelf-clothesline svg{animation:6.8s ease-in-out infinite catenary-breeze}@keyframes catenary-breeze{0%,to{transform:translateY(0)scaleY(1)}35%{transform:translateY(2.2px)scaleY(1.04)}70%{transform:translateY(-1.4px)scaleY(.97)}}.atelier-letter summary{font-family:var(--font-serif);cursor:pointer;margin-top:20px;padding-block:8px;font-size:28px}.atelier-letter details p{font-family:var(--font-serif);margin-top:20px;font-size:23px;line-height:1.5}.atelier-letter-footer{border-top:1px solid var(--color-linen);color:var(--color-muted);margin-top:35px;padding-top:20px;font-size:12px}.atelier-set{grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:90px 30px;display:grid}.atelier-set-image{background:var(--color-paper);border-radius:20px;padding:24px;transform:rotate(-2deg);box-shadow:0 8px 24px #5a3a2a14}.atelier-set h2{margin-top:20px}.atelier-ending{text-align:center;padding-block:65px 0}.atelier-hero-copy,.atelier-hero-visual{animation:1.1s cubic-bezier(.16,1,.3,1) both atelier-arrive}.atelier-hero-visual{animation-delay:.18s}@keyframes atelier-arrive{0%{opacity:.1;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.atelier-process-visual,.atelier-piece-image{animation:linear both atelier-arrive;animation-timeline:view();animation-range:entry entry 20%}}.atelier-button:focus-visible,.atelier-text-link:focus-visible,.atelier-view-switch button:focus-visible,.atelier-letter summary:focus-visible,.atelier-piece-image:focus-visible{outline:2px solid var(--color-wax);outline-offset:5px}@media (max-width:1023px){.atelier-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.atelier-hero .atelier-text-link{width:fit-content;margin-top:12px;margin-left:0;display:flex}.atelier-margin-note{right:-12px}}@media (max-width:767px){.atelier-container{width:calc(100% - 24px)}.atelier-margin-note{display:none}.atelier-hero{grid-template-columns:1fr;gap:30px;padding-block:24px 36px}.atelier-hero h1{font-size:clamp(3rem,11vw,4.5rem)}.atelier-hero-description{max-width:100%;margin-top:18px}.atelier-hero-signoff{display:none}.atelier-hero .atelier-text-link{margin-left:15px;display:inline-flex}.atelier-hero-visual{width:min(100%,420px);margin-inline:auto;padding-right:0}.atelier-photo-frame{aspect-ratio:1}.atelier-floating-note{width:88%;padding:14px 18px;right:0}.atelier-facts{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px 20px}.atelier-making{padding-block:55px}.atelier-making-intro{display:block}.atelier-making-intro>p{max-width:100%;margin-top:20px}.atelier-process{grid-template-columns:1fr;gap:32px;margin-top:30px}.atelier-process-visual{aspect-ratio:3/2}.atelier-process-footnote{text-align:left}.atelier-chapter{margin-bottom:25px}.atelier-chapter .caps:last-child:not(:first-child){letter-spacing:.1em;font-size:9px}.atelier-shelf-heading{flex-direction:column;align-items:flex-start}.atelier-shelf{gap:30px 16px}.atelier-piece-title h3{font-size:23px}.atelier-piece .caps{letter-spacing:.1em;font-size:10px}.atelier-piece button{letter-spacing:.12em;padding-inline:10px}.atelier-collection{padding-bottom:55px}.atelier-maker{padding-block:55px}.atelier-maker-grid,.atelier-set{grid-template-columns:1fr;gap:55px}.atelier-letter{padding-inline:25px;transform:rotate(1deg)}.atelier-set{gap:35px;padding-top:55px}}@media (max-width:380px){.atelier-hero .atelier-text-link{margin-left:0;display:flex}.atelier-shelf{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.atelier-hero-copy,.atelier-hero-visual,.atelier-process-visual,.atelier-piece-image{animation:none!important}.atelier-button:hover,.atelier-piece-image:hover img{transform:none}}