/* Original visual studies never represent product inventory. */
.atelier-motion-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 7%; align-items: center; padding-top: 25px; }
.atelier-motion-copy h2 { font-size: clamp(38px, 4.2vw, 62px); line-height: 1.45; font-weight: 600; margin: 17px 0 25px; }
.atelier-motion-copy h2 em { font-style: normal; color: #92344f; }
.atelier-motion-copy > p { max-width: 350px; font-size: 14px; color: #786259; line-height: 2.1; }
.atelier-motion-stage { min-width: 0; overflow: hidden; border: 1px solid #c6ad8966; }
.atelier-motion-scene { display: block; width: 100%; height: auto; }
.atelier-needle-cursor { transform: translate(818px, 381px); }
.motion-enabled .motion-scene-visible .atelier-needle-cursor { animation: atelierNeedle 9s linear infinite; }
.motion-enabled .motion-scene-visible .atelier-seam { stroke-dasharray: 1; animation: atelierSeam 9s linear infinite; }
.motion-enabled .motion-scene-visible .atelier-moving-cloth { transform-origin: 500px 430px; animation: atelierCloth 9s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .atelier-needle-glint { animation: atelierGlint .75s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .atelier-spool { transform-origin: 0px 0px; animation: atelierSpool 9s ease-in-out infinite; }
@keyframes atelierNeedle {
  0%, 7% { transform: translate(148px, 413px); opacity: 1; }
  20% { transform: translate(279px, 398px); }
  34% { transform: translate(409px, 430px); }
  48% { transform: translate(544px, 423px); }
  63% { transform: translate(683px, 423px); }
  78%, 87% { transform: translate(818px, 381px); opacity: 1; }
  94% { transform: translate(818px, 381px); opacity: 0; }
  95%, 100% { transform: translate(148px, 413px); opacity: 0; }
}
@keyframes atelierSeam { 0%, 7% { stroke-dashoffset: 1; opacity: 1; } 78%, 87% { stroke-dashoffset: 0; opacity: 1; } 94%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes atelierCloth { 0%, 100% { transform: skewY(0deg); } 50% { transform: skewY(.8deg) translateY(-5px); } }
@keyframes atelierGlint { 50% { r: 3; opacity: .85; } }
@keyframes atelierSpool { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(4deg); } }
.visual-edit h2 em, .selection-guide h2 em, .collection-worlds h2 em, .studio-notes h2 em { color: #93334c; font-style: normal; }
.visual-edit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: start; }
.visual-edit-card { margin: 0; min-width: 0; }
.visual-edit-card:nth-child(2) { padding-top: 68px; }
.visual-edit-image { position: relative; overflow: hidden; background: #e6d7c3; aspect-ratio: 3 / 4; }
.visual-edit-image img { width: 100%; height: 100%; object-fit: cover; }
.editorial-thread-overlay { position: absolute; left: 5%; bottom: 12%; width: 90%; pointer-events: none; stroke: #f5d6a2; stroke-width: 1.6; filter: drop-shadow(0 1px 3px #3b132b80); opacity: .8; }
.motion-enabled .motion-scene-visible.editorial-photo-motion > img { animation: editorialPhotoBreath 12s ease-in-out infinite alternate; }
.motion-enabled .motion-scene-visible .editorial-thread-line { stroke-dasharray: 1; animation: editorialPhotoThread 8s ease-in-out infinite; }
.visual-edit-card:nth-child(2) .editorial-photo-motion > img { animation-delay: -4s; }
.visual-edit-card:nth-child(3) .editorial-photo-motion > img { animation-delay: -8s; }
@keyframes editorialPhotoBreath { from { transform: scale(1); } to { transform: scale(1.045); } }
@keyframes editorialPhotoThread { 0%, 5% { stroke-dashoffset: 1; } 45%, 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
.visual-edit-number { position: absolute; left: 16px; bottom: 18px; padding: 7px 10px; color: #fff5e7; background: #351c29e6; font: 10px Georgia,serif; letter-spacing: .17em; }
.visual-edit-card figcaption { padding: 23px 2px; }
.visual-edit-card h3 { margin: 0 0 7px; font-size: 25px; font-weight: 600; }
.visual-edit-card p { margin: 0; font-size: 13px; color: #73615b; }
.illustration-note { display: block; font-size: 10px; line-height: 1.9; color: #806859; margin-top: 10px; }
.detail-atlas { color: #fff2dd; background: radial-gradient(ellipse at 90% 0, #8a37464d, transparent 55%), #2f1623; }
.detail-atlas .section-heading h2 { color: #fff2dd; }
.detail-atlas .section-heading p { color: #d2b6a6; }
.detail-atlas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.detail-atlas-card { padding: 16px 24px 30px; border: 1px solid #cfa77340; }
.detail-drawing { width: 100%; height: 165px; color: #ddb584; display: block; margin-inline: auto; }
.motion-enabled .motion-scene-visible .detail-lace .lace-rosette { animation: laceLight 7s ease-in-out infinite; }
@keyframes laceLight { 0%, 100% { opacity: .65; } 50% { opacity: 1; } }
.detail-atlas-card h3 { font-size: 23px; font-weight: 600; margin: 0 0 10px; }
.detail-atlas-card p { font-size: 13px; color: #d1b7a7; margin: 0; }
.motion-enabled .motion-scene-visible .detail-stroke path { stroke-dasharray: 1; animation: detailInk 12s ease-in-out infinite both; }
@keyframes detailInk { 0%, 6% { stroke-dashoffset: 1; } 38%, 82% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
.selection-guide { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; }
.selection-guide h2, .studio-notes h2, .contact-preparation h2, .journal-next h2 { font-size: clamp(32px, 4vw, 56px); font-weight: 600; line-height: 1.55; margin: 17px 0 24px; }
.selection-guide > div > p, .studio-notes p, .journal-next p { color: #715f59; max-width: 440px; line-height: 2.1; }
.selection-guide-list { list-style: none; margin: 0; padding: 0; }
.selection-guide-list li { display: flex; gap: 28px; border-bottom: 1px solid var(--line); padding: 24px 0; }
.selection-guide-list li > span { color: #ae875b; font: italic 29px Georgia,serif; padding-top: 8px; }
.selection-guide-list h3 { margin: 0 0 8px; font-size: 20px; }
.selection-guide-list p { color: #76645c; margin: 0; font-size: 13px; }
.studio-notes, .contact-preparation { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; }
.studio-notes-art, .contact-preparation figure { margin: 0; overflow: hidden; }
.studio-notes-art img, .contact-preparation figure img { width: 100%; height: auto; }
.studio-notes-art .illustration-note { position: relative; background: var(--paper); padding-top: 8px; }
.collection-worlds-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.collection-world { display: block; padding: 20px; border: 1px solid #cab18d70; transition: border-color .3s, background .3s; }
.collection-world:hover { background: #f6ecde; border-color: #aa744e; }
.collection-world-swatch { display: block; height: 105px; margin-bottom: 22px; background: linear-gradient(115deg, #d1baa0, #fff8e6 46%, #c8b093); }
.swatch-silence { background: repeating-linear-gradient(110deg, #f0e3cc 0, #fff9ee 24%, #d8c7af 42%, #f4e7d4 65%); }
.swatch-secret { background: repeating-linear-gradient(120deg, #4b1028 0, #9c3b51 24%, #4f142d 43%, #8b2d43 64%); }
.swatch-shadow { background: repeating-linear-gradient(110deg, #101826 0, #39404b 22%, #101621 40%, #292f3b 62%); }
.collection-world h3 { font-size: 21px; margin: 15px 0 12px; }
.collection-world p { font-size: 12px; line-height: 2.1; color: #756159; min-height: 78px; }
.collection-world .text-link { font-size: 12px; }
.gallery-note { color: #79665e; font-size: 12px; border-inline-start: 2px solid #bd9567; padding-inline-start: 15px; margin: 20px 0 0; }
.contact-preparation ul { list-style: none; padding: 0; margin: 0 0 30px; }
.contact-preparation li { border-bottom: 1px solid var(--line); padding: 18px 0; }
.contact-preparation li b, .contact-preparation li span { display: block; }
.contact-preparation li span { color: #75655d; font-size: 13px; margin-top: 6px; }
.journal-library { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 55px 28px; padding-bottom: 70px; }
.journal-library-card { min-width: 0; }
.journal-library-image { position: relative; aspect-ratio: 4 / 3; max-height: 260px; overflow: hidden; background: #e8dcca; }
.journal-preview-image { height: clamp(190px, 18vw, 260px); overflow: hidden; background: #e8dcca; }
.journal-preview-image > img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center 45%; }
.collection-story { min-height: 0; }
.collection-story-photo { height: 560px; background: linear-gradient(135deg, #cbb9a0, #d8c7b0, #9b816e); }
.collection-story-copy { padding: 65px clamp(35px, 5vw, 85px); }
.collection-story-copy h2 { font-size: clamp(48px, 5vw, 72px); }
.shadow-study { display: block; width: 100%; height: 100%; }
.shadow-sleeve-left { transform-origin: 424px 270px; }
.shadow-sleeve-right { transform-origin: 558px 270px; }
.shadow-moving-skirt { transform-origin: 500px 450px; }
.motion-enabled .motion-scene-visible .shadow-sleeve-left { animation: shadowLeftSleeve 7s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .shadow-sleeve-right { animation: shadowRightSleeve 7s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .shadow-moving-skirt { animation: shadowSkirt 7s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .shadow-light-sweep { animation: shadowLight 10s linear infinite; }
.motion-enabled .motion-scene-visible .shadow-fold-highlight { animation: shadowFoldLight 7s ease-in-out infinite; }
.motion-enabled .motion-scene-visible .shadow-contour { stroke-dasharray: 1; animation: shadowContour 12s ease-in-out infinite; }
@keyframes shadowLeftSleeve { 0%, 100% { rotate: -1.7deg; } 50% { rotate: 1.7deg; } }
@keyframes shadowRightSleeve { 0%, 100% { rotate: 1.7deg; } 50% { rotate: -1.7deg; } }
@keyframes shadowSkirt { 0%, 100% { transform: skewX(-.7deg); } 50% { transform: skewX(.7deg) translateX(5px); } }
@keyframes shadowLight { 0%, 15% { transform: translateX(0); } 80%, 100% { transform: translateX(1350px); } }
@keyframes shadowFoldLight { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }
@keyframes shadowContour { 0%, 5% { stroke-dashoffset: 1; } 40%, 85% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
.journal-library-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.journal-library-card a:hover img { transform: scale(1.025); }
.journal-library-image > span { position: absolute; left: 16px; top: 16px; font: 10px Georgia,serif; letter-spacing: .15em; color: #fff3db; background: #351c29e6; padding: 7px 10px; }
.journal-library-copy { padding-top: 22px; }
.journal-library-copy h2 { font-size: 23px; line-height: 1.8; margin: 12px 0; }
.journal-library-copy p { font-size: 12px; line-height: 2.2; color: #77645c; }
.journal-library-copy .text-link { font-size: 12px; }
.editorial-article-art { width: min(620px, calc(100% - 36px)); margin: 0 auto 55px; height: auto; }
.editorial-article-art img { width: 100%; height: auto; object-fit: contain; }
.editorial-article-art figcaption { text-align: center; }
.journal-next { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; border-top: 1px solid var(--line); }
.journal-next .text-link { display: inline-flex; margin: 18px; }
/* Scroll entrances start only when intersecting. Content is never hidden while waiting. */
.motion-enabled [data-reveal].is-revealed:not(.is-reveal-complete) { animation: editorialReveal .8s cubic-bezier(.2,.65,.25,1) both; animation-delay: var(--reveal-delay, 0ms); }
@keyframes editorialReveal { from { opacity: .15; translate: 0 24px; } to { opacity: 1; translate: 0 0; } }
.motion-enabled [data-parallax] > img { transform: translateY(var(--art-shift, 0px)) scale(1.04); }
body.is-tab-hidden main *, body.is-tab-hidden footer *, .motion-outside * { animation-play-state: paused !important; }
@media (max-width: 1000px) { .collection-worlds-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .studio-notes, .contact-preparation, .selection-guide { gap: 6%; } }
@media (max-width: 800px) {
  .atelier-motion-section { grid-template-columns: 1fr; gap: 25px; padding-top: 0; }
  .visual-edit-grid, .detail-atlas-grid, .journal-library { grid-template-columns: 1fr; gap: 34px; }
  .visual-edit-card:nth-child(2) { padding-top: 0; }
  .visual-edit-grid { max-width: 520px; margin-inline: auto; }
  .visual-edit-card h3 { font-size: 23px; }
  .detail-atlas-card { padding: 14px 22px 26px; }
  .detail-drawing { max-width: 350px; margin-inline: auto; }
  .collection-story-photo { height: 360px; }
  .collection-story-copy { padding: 42px 25px; }
  .journal-preview-image { height: 220px; }
  .selection-guide, .studio-notes, .contact-preparation, .journal-next { grid-template-columns: 1fr; gap: 32px; }
  .selection-guide-list li { gap: 22px; }
  .journal-library { max-width: 520px; }
  .journal-library-copy h2 { font-size: 22px; }
  .collection-worlds-grid { gap: 14px; }
  .collection-world { padding: 15px; }
  .collection-world h3 { font-size: 18px; }
  .collection-world p { min-height: 0; }
}
@media (max-width: 380px) { .collection-worlds-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  [data-parallax] > img, .depth { transform: none !important; }
}