/* Shared only by the two visual collections */
.atelier{--collection-max:1060px;--edge:var(--bg)}
.atelier .content-width{width:calc(100% - 144px);max-width:var(--collection-max);margin-inline:auto}
.atelier main{overflow:clip}.atelier main img{animation:none;translate:none}.atelier .topbar{padding-bottom:10px}
.atelier h1 em{font-style:normal;color:var(--plum)}
.collection-opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 50px;padding-top:30px;padding-bottom:22px;min-height:460px}
.opening-copy{position:relative;z-index:3}.back-work{display:inline-block;margin-bottom:26px}.opening-label{margin-bottom:12px;font-weight:600;color:var(--plum)}.opening-copy h1{margin-bottom:20px;line-height:1.03;letter-spacing:-.06em}.opening-desc{max-width:430px}.opening-summary{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted)}
.folder-scene{position:relative;perspective:1000px;height:350px;max-width:480px;width:100%;justify-self:end;--rx:0deg;--ry:0deg}
.glass-folder{position:absolute;inset:0;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s cubic-bezier(.2,.65,.2,1);transform-style:preserve-3d;animation:folderFloat 9s ease-in-out infinite}
.folder-shadow{position:absolute;inset:auto 12% 3% 12%;height:32px;background:#4e334926;filter:blur(22px);border-radius:50%}
.folder-back{position:absolute;inset:110px 0 35px;background:linear-gradient(135deg,#d5bccf,#e6c6b2);border-radius:12px 20px 20px 20px;box-shadow:inset 0 2px #fff9,0 15px 30px #4b283d12}
.folder-back:before{content:"";position:absolute;left:0;top:-22px;width:40%;height:38px;background:#dac3d2;border-radius:12px 15px 0 0}
.folder-sheet{position:absolute;top:35px;left:8%;width:37%;height:240px;rotate:-10deg;transform-origin:50% 100%;transition:translate .65s,rotate .65s;background:var(--surface);box-shadow:0 4px 12px #29142825;border-radius:4px;overflow:hidden}
.folder-sheet img{height:100%;width:100%;object-fit:cover}.folder-sheet:nth-of-type(3){left:31%;top:8px;rotate:0deg}.folder-sheet:nth-of-type(4){left:55%;top:38px;rotate:10deg}.folder-scene:hover .folder-sheet{translate:0 -14px}.folder-scene:hover .folder-sheet:nth-of-type(3){translate:0 -23px}
.folder-front{position:absolute;left:-3%;right:-3%;bottom:35px;height:145px;border:1px solid #fff9;border-radius:14px 14px 23px 23px;background:linear-gradient(130deg,#ffffffa8,#f8e0d264 45%,#d9b6cd88);backdrop-filter:blur(15px) saturate(1.2);box-shadow:inset 0 2px 2px #fffd,inset 0 -2px 3px #6c3e6520,0 18px 28px #3820331c;display:flex;align-items:flex-end;justify-content:space-between;padding:26px;color:#4d3549;transform:translateZ(20px)}
.folder-front>span:first-child{font-weight:600;letter-spacing:-.02em}.folder-seal{width:32px;height:32px;border:1px solid #fff8;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffffb5,#b58baca0);box-shadow:inset 0 1px #fff7,0 2px 4px #53334722}
:root[data-theme=dark] .folder-back{background:linear-gradient(130deg,#655165,#8a6664)}:root[data-theme=dark] .folder-back:before{background:#736070}:root[data-theme=dark] .folder-front{background:linear-gradient(130deg,#9d8c9a88,#3c2f3c8c 45%,#b28a9690);border-color:#e5cce955;color:#fff2eb;box-shadow:inset 0 2px 2px #fff3,0 18px 28px #0004}
@keyframes folderFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.reel-window{position:relative;margin:18px 0 0;padding:20px 0;isolation:isolate;overflow:hidden;--reel-gap:18px;--reel-width:220px;--reel-height:220px}
.reel-row{overflow:hidden;margin:0 0 var(--reel-gap);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.reel-row:last-child{margin-bottom:0}.reel-track{width:max-content;display:flex;will-change:transform}.reel-group{display:flex;gap:var(--reel-gap);padding-right:var(--reel-gap)}.reel-frame{width:var(--reel-width);height:var(--reel-height);flex:0 0 auto;overflow:hidden;border-radius:5px;background:var(--surface2);box-shadow:0 5px 14px #3023300c}.reel-frame img{width:100%;height:100%;object-fit:contain}.toward-right{animation:reelRight 24s linear infinite}.toward-left{animation:reelLeft 27s linear infinite}.edge-fade{position:absolute;top:0;bottom:0;width:9%;pointer-events:none;z-index:3;backdrop-filter:blur(7px)}.edge-fade.left{left:0;background:linear-gradient(90deg,var(--edge),transparent);mask-image:linear-gradient(90deg,#000,transparent)}.edge-fade.right{right:0;background:linear-gradient(270deg,var(--edge),transparent);mask-image:linear-gradient(270deg,#000,transparent)}
@keyframes reelLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes reelRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.community-reels{--reel-width:280px;--reel-height:210px}.community-reels .reel-frame img{object-fit:contain;background:var(--surface2)}
.visual-section{padding-top:74px;padding-bottom:74px}.edit-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:32px}.edit-heading>div>p{margin-bottom:12px;color:var(--plum)}.edit-heading>p{max-width:300px}.edit-heading h2{line-height:1.13}
.art-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.edit-tile{min-width:0}.tile-art{width:100%;aspect-ratio:1;overflow:hidden;background:var(--surface2);border-radius:4px}.tile-art img{width:100%;height:100%;object-fit:contain;transition:scale .7s cubic-bezier(.2,.65,.2,1)}.edit-tile:hover .tile-art img{scale:1.025}.edit-tile figcaption{padding:16px 0 0;min-height:72px}.edit-tile figcaption h3{margin-bottom:4px}.edit-tile figcaption p{margin:0;color:var(--muted)}
.campaign-cutout{position:relative;padding:60px 0;background:var(--lilac);clip-path:polygon(0 14px,32% 14px,34% 0,66% 0,68% 14px,100% 14px,100% calc(100% - 14px),68% calc(100% - 14px),66% 100%,34% 100%,32% calc(100% - 14px),0 calc(100% - 14px))}.campaign-diptych{display:grid;grid-template-columns:1fr 1fr;gap:28px}.campaign-diptych .tile-art{aspect-ratio:4/5;background:#151315}.campaign-diptych img{object-fit:contain}.campaign-diptych figcaption{min-height:0;padding-top:17px}
.note-matrix{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}.note-matrix .tile-art{aspect-ratio:1.5;background:transparent;border-radius:10px}.note-matrix .tile-art img{object-fit:cover}.note-matrix figcaption{min-height:0}.identity-ribbon{display:grid;grid-template-columns:1fr 1fr auto;gap:32px;align-items:center;padding:30px 0 40px;border-top:1px solid var(--line)}.identity-ribbon>div>p{margin-bottom:12px}.identity-stamp{padding:34px 20px;font-size:var(--heading);letter-spacing:-.05em;text-align:center;background:var(--surface);box-shadow:var(--shadow);rotate:-3deg}.identity-actions{display:flex;flex-direction:column;gap:18px}.collection-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 20px}
.event-matrix{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.event-edit{display:flex;flex-direction:column;min-width:0}.event-art{aspect-ratio:1.4;width:100%;background:var(--surface2);border-radius:5px;overflow:hidden}.event-art img{width:100%;height:100%;object-fit:contain;transition:scale .7s}.photo-tile img{object-fit:cover}.poster-tile:first-child .event-art{background:#28135b}.event-edit:hover .event-art img{scale:1.025}.event-caption{padding-top:20px;display:flex;flex-direction:column;flex:1;gap:14px}.event-caption p{margin-top:6px}.event-caption a{align-self:flex-start;margin-top:auto}.community-cutout{background:var(--peach);padding:60px 0;clip-path:polygon(0 10px,23% 10px,25% 0,75% 0,77% 10px,100% 10px,100% calc(100% - 10px),77% calc(100% - 10px),75% 100%,25% 100%,23% calc(100% - 10px),0 calc(100% - 10px))}.people-spread{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.people-photo{max-width:390px;rotate:-3deg;position:relative}.people-photo:before{content:"";position:absolute;left:calc(50% - 50px);top:-12px;width:100px;height:28px;background:#dbbe98aa;rotate:6deg;z-index:2;backdrop-filter:blur(2px)}.people-photo img{width:100%;box-shadow:0 20px 30px #3c20351c}.people-note>p:first-child{color:var(--plum);margin-bottom:20px}.people-note h2{line-height:1.2;margin-bottom:20px}.people-note>p{max-width:390px}.people-note>span{display:block;margin-top:24px;color:var(--plum);font-style:italic}.film-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center}.film-section .edit-heading{margin-bottom:20px}.film-links{display:flex;flex-direction:column;gap:14px;margin-top:25px}.film-links a{align-self:flex-start}.atelier .event-video{border-radius:8px}.atelier .event-video .button{position:relative;z-index:2}.atelier .event-video>img{object-fit:cover}.atelier .footer{margin-top:35px}
@media(max-width:1000px){.atelier .content-width{width:calc(100% - 80px)}.collection-opening{gap:0 25px}.folder-scene{height:320px}.folder-sheet{height:210px}.folder-front{height:135px}.folder-back{inset:110px 0 35px}.people-spread{gap:35px}.art-matrix{gap:30px 20px}.identity-ribbon{grid-template-columns:1fr 1fr}.identity-actions{grid-column:1/-1;flex-direction:row}.visual-section{padding-block:55px}}
@media(max-width:700px){.atelier .content-width{width:calc(100% - 48px)}.collection-opening{grid-template-columns:1fr;padding-top:20px;gap:14px;min-height:0}.back-work{margin-bottom:24px}.opening-copy h1{font-size:var(--display);margin-bottom:16px}.opening-desc br{display:none}.folder-scene{width:85%;max-width:400px;justify-self:center;height:300px;margin-top:15px}.folder-sheet{height:205px;top:30px}.folder-sheet:nth-of-type(3){top:8px}.folder-sheet:nth-of-type(4){top:30px}.folder-front{height:125px;bottom:25px;padding:20px}.folder-back{inset:100px 0 25px}.opening-summary{margin-top:0;gap:12px;padding-top:16px;flex-wrap:wrap;justify-content:flex-start}.opening-summary>span:not(:last-child){padding-right:12px;border-right:1px solid var(--line)}.opening-summary>span:last-child{display:none}.reel-window{--reel-width:170px;--reel-height:170px;--reel-gap:12px;margin-top:0;padding:12px 0}.community-reels{--reel-width:220px;--reel-height:166px}.reel-row{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.edge-fade{width:8%}.toward-right{animation-duration:23s}.toward-left{animation-duration:26s}.visual-section{padding-block:44px}.edit-heading{display:block;margin-bottom:25px}.edit-heading>p{margin-top:16px;max-width:400px}.art-matrix{grid-template-columns:1fr 1fr;gap:28px 16px}.edit-tile figcaption{padding-top:12px;min-height:0}.edit-tile figcaption p{display:none}.campaign-cutout{padding:45px 0}.campaign-diptych{gap:16px}.campaign-diptych .tile-art{aspect-ratio:4/6}.campaign-diptych figcaption{padding-top:12px}.note-matrix{gap:24px 18px}.identity-ribbon{gap:24px;grid-template-columns:1fr;padding-top:24px}.identity-stamp{max-width:280px;width:100%;justify-self:center;padding:32px}.identity-actions{grid-column:auto;gap:22px;flex-wrap:wrap}.collection-end{flex-direction:column;align-items:flex-start;padding-top:20px;gap:15px}.event-matrix{grid-template-columns:1fr;gap:32px}.event-art{aspect-ratio:1.35}.event-caption{gap:12px;padding-top:16px}.community-cutout{padding:42px 0}.people-spread{grid-template-columns:1fr;gap:36px}.people-photo{max-width:340px;width:90%;justify-self:center}.people-note h2{margin-bottom:16px}.people-note>span{margin-top:18px}.film-section{grid-template-columns:1fr;gap:28px}.film-links{flex-direction:row;flex-wrap:wrap;gap:20px}.atelier .footer{margin-top:24px}}
@media(max-width:420px){.art-matrix{grid-template-columns:1fr}.edit-tile .tile-art{aspect-ratio:1}.edit-tile figcaption p{display:block}.campaign-diptych{grid-template-columns:1fr;gap:26px}.campaign-diptych .tile-art{aspect-ratio:4/5}.note-matrix{grid-template-columns:1fr}.folder-scene{height:285px}.folder-sheet{height:190px}}
@media(prefers-reduced-motion:reduce){.glass-folder,.reel-track{animation:none!important;transform:none!important}.reel-window{overflow:visible;padding-inline:24px}.reel-row{mask-image:none;overflow:visible}.reel-track{width:100%;display:block}.reel-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;gap:12px}.reel-group[aria-hidden=true]{display:none}.reel-frame{width:100%;height:auto;aspect-ratio:1}.edge-fade{display:none}.folder-scene:hover .folder-sheet{translate:none}.atelier main img{transition:none}.edit-tile:hover img,.event-edit:hover img{scale:1}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.reel-group{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-row{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.reel-frame[aria-hidden=true]{display:none}}
@media(max-width:700px){.opening-summary>span:nth-last-child(2){border-right:0}.folder-scene{height:250px}.folder-sheet{height:173px}.folder-front{height:105px;bottom:15px}.folder-back{inset:85px 0 15px}.folder-shadow{bottom:0}}