/* Interior collections only. The approved homepage and website page are untouched. */
.curated-page .folio-intro{padding:24px 0 58px}.curated-page .folio-back{font-size:12px;display:inline-block;padding-bottom:5px;border-bottom:1px solid var(--line)}.curated-page .folio-intro-content{position:relative;display:grid;grid-template-columns:135px minmax(260px,1fr) 1fr;column-gap:40px;align-items:center;margin-top:48px;min-height:180px}.curated-page .folio-index{align-self:start;font-size:10px;letter-spacing:.08em;padding-top:10px}.curated-page .folio-intro h1{font-family:TTNorms,sans-serif;font-weight:500;font-size:68px;letter-spacing:-.065em;line-height:.95}.curated-page .folio-intro h1 span{font-family:Bubble,sans-serif;font-weight:400;letter-spacing:-.035em}.curated-page .folio-intro-copy{font-size:20px;line-height:1.25;letter-spacing:-.02em;justify-self:center;margin-bottom:17px}.curated-page .folio-intro-note{position:absolute;right:5%;bottom:-3px;transform:rotate(-7deg);font-size:25px}.curated-page .folio-section{margin-bottom:76px;min-width:0}.curated-page .folio-section.section-inset{margin-left:8%}.curated-page .folio-heading{display:grid;grid-template-columns:minmax(130px,.6fr) 1.3fr .8fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-bottom:24px}.curated-page .folio-heading .eyebrow{font-size:9px;line-height:1.4}.curated-page .folio-heading h2{font-family:TTNorms,sans-serif;font-size:34px;letter-spacing:-.045em;font-weight:500;line-height:1}.curated-page .folio-heading .handwriting{font-size:21px;transform:rotate(-6deg);text-align:center;white-space:nowrap}.curated-page .rail-controls{display:flex;gap:8px}.curated-page .rail-controls button{border:1px solid var(--blue);background:white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:22px;line-height:1;padding:0;transition:background .2s,color .2s}.curated-page .rail-controls button:hover{background:var(--blue);color:white}.curated-page .rail-controls button:disabled{opacity:.25;cursor:default;background:white;color:var(--blue)}.curated-page .folio-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:8px 3px 16px;align-items:flex-start;-webkit-overflow-scrolling:touch}.curated-page .folio-rail:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.curated-page .folio-rail::-webkit-scrollbar{height:3px}.curated-page .folio-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.curated-page .folio-card{width:230px;flex:0 0 230px;scroll-snap-align:start;margin:0;min-width:0}.curated-page .folio-card:nth-child(even){padding-top:24px}.curated-page .folio-media{width:100%;height:270px;overflow:hidden;background:var(--pale);border-radius:3px}.curated-page .folio-media img,.curated-page .folio-media video{width:100%;height:100%;object-fit:cover;display:block}.curated-page .folio-media video{pointer-events:none}.curated-page .folio-card.ugc-small{width:173px;flex-basis:173px}.curated-page .ugc-small .folio-media{height:307px}.curated-page .folio-card.square{width:235px;flex-basis:235px}.curated-page .square .folio-media{height:235px}.curated-page .folio-card.landscape{width:325px;flex-basis:325px}.curated-page .landscape .folio-media{height:215px}.curated-page .folio-card.product{width:255px;flex-basis:255px}.curated-page .product .folio-media{height:235px;background:#f8f8f6}.curated-page .product .folio-media img{object-fit:contain}.curated-page .folio-card figcaption{margin-top:12px;display:flex;flex-direction:column;gap:5px;padding-right:4px}.curated-page .folio-card figcaption>span{font-size:15px;font-weight:500;letter-spacing:-.025em;line-height:1.2}.curated-page .folio-card figcaption small{font-size:8px;letter-spacing:.06em;line-height:1.3}.curated-page .folio-card:nth-child(even) figcaption{text-align:right}.curated-page .folio-rail-footer{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-top:12px}.curated-page .folio-rail-footer p{font-size:11px;line-height:1.5;max-width:480px;color:var(--ink)}.curated-page .rail-count{font-size:10px;white-space:nowrap;letter-spacing:.04em}.curated-page .motion-collection .folio-card.square{width:215px;flex-basis:215px}.curated-page .motion-collection .square .folio-media{height:215px}.curated-page .folio-pause-row{display:flex;justify-content:flex-end;margin-top:-15px;margin-bottom:40px}.curated-page .folio-pause-row .motion-toggle{margin-left:0;align-self:auto}.curated-page .next-discipline{padding-top:34px;padding-bottom:44px}.curated-page .next-discipline strong{font-size:45px}.curated-page .contact{padding-top:35px}.curated-page .contact-title{font-size:clamp(64px,9vw,135px);padding-top:20px;padding-bottom:22px}
@media(min-width:1650px){.curated-page .folio-intro-content{grid-template-columns:170px minmax(310px,1fr) 1fr}.curated-page .folio-rail{gap:30px}.curated-page .folio-card.ugc-small{width:185px;flex-basis:185px}.curated-page .ugc-small .folio-media{height:329px}}
@media(max-width:1100px){.curated-page .folio-intro-content{grid-template-columns:85px 1fr 1fr;gap:25px}.curated-page .folio-intro h1{font-size:62px}.curated-page .folio-intro-copy{font-size:18px}.curated-page .folio-intro-note{font-size:23px;right:0}.curated-page .folio-heading{grid-template-columns:130px 1fr auto;gap:18px}.curated-page .folio-heading .handwriting{display:none}.curated-page .folio-heading h2{font-size:32px}.curated-page .folio-section.section-inset{margin-left:6%}}
@media(max-width:800px){.curated-page .folio-intro{padding-top:16px;padding-bottom:48px}.curated-page .folio-intro-content{grid-template-columns:1fr 1fr;margin-top:35px;gap:16px 25px;min-height:0}.curated-page .folio-index{grid-column:1/-1;padding-top:0;margin-bottom:9px}.curated-page .folio-intro h1{font-size:60px}.curated-page .folio-intro-copy{justify-self:end;font-size:17px;margin:0}.curated-page .folio-intro-note{position:relative;right:auto;bottom:auto;grid-column:2;justify-self:end;font-size:22px}.curated-page .folio-section{margin-bottom:57px}.curated-page .folio-heading{grid-template-columns:1fr auto;gap:12px 20px;padding-top:16px;margin-bottom:18px}.curated-page .folio-heading .eyebrow{grid-column:1/-1;font-size:9px}.curated-page .folio-heading h2{font-size:32px}.curated-page .folio-card.ugc-small{width:160px;flex-basis:160px}.curated-page .ugc-small .folio-media{height:284px}.curated-page .folio-card{width:205px;flex-basis:205px}.curated-page .folio-media{height:255px}.curated-page .folio-card.square{width:215px;flex-basis:215px}.curated-page .square .folio-media{height:215px}.curated-page .folio-card.landscape{width:300px;flex-basis:300px}.curated-page .landscape .folio-media{height:200px}.curated-page .folio-card.product{width:235px;flex-basis:235px}.curated-page .product .folio-media{height:215px}.curated-page .folio-rail{gap:20px}.curated-page .folio-rail-footer p{font-size:10px}.curated-page .next-discipline strong{font-size:38px}}
@media(max-width:540px){.curated-page .folio-intro{padding-top:10px;padding-bottom:36px}.curated-page .folio-back{font-size:11px}.curated-page .folio-intro-content{margin-top:26px;gap:14px 20px;grid-template-columns:1fr .8fr}.curated-page .folio-index{font-size:8px;margin-bottom:4px}.curated-page .folio-intro h1{font-size:48px;line-height:.98}.curated-page .folio-intro-copy{font-size:14px;line-height:1.35;align-self:end;margin-bottom:5px;max-width:130px}.curated-page .folio-intro-note{font-size:20px;grid-column:1/-1;margin-top:3px;margin-right:12px}.curated-page .folio-section{margin-bottom:44px}.curated-page .folio-section.section-inset{margin-left:0}.curated-page .folio-heading{gap:12px;padding-top:14px;margin-bottom:15px}.curated-page .folio-heading .eyebrow{font-size:8px}.curated-page .folio-heading h2{font-size:29px}.curated-page .rail-controls{gap:6px}.curated-page .rail-controls button{width:31px;height:31px;font-size:20px}.curated-page .folio-rail{gap:17px;padding-top:4px;padding-bottom:13px}.curated-page .folio-card:nth-child(even){padding-top:18px}.curated-page .folio-card.ugc-small{width:142px;flex-basis:142px}.curated-page .ugc-small .folio-media{height:252px}.curated-page .folio-card{width:177px;flex-basis:177px}.curated-page .folio-media{height:225px}.curated-page .folio-card.square{width:195px;flex-basis:195px}.curated-page .square .folio-media{height:195px}.curated-page .folio-card.landscape{width:270px;flex-basis:270px}.curated-page .landscape .folio-media{height:180px}.curated-page .folio-card.product{width:220px;flex-basis:220px}.curated-page .product .folio-media{height:195px}.curated-page .folio-card figcaption{margin-top:10px;gap:4px}.curated-page .folio-card figcaption>span{font-size:13px}.curated-page .folio-card figcaption small{font-size:7px}.curated-page .folio-rail-footer{gap:20px;padding-top:8px}.curated-page .folio-rail-footer p{font-size:9px;max-width:250px}.curated-page .rail-count{font-size:8px}.curated-page .folio-pause-row{margin-bottom:25px;margin-top:-9px}.curated-page .folio-pause-row .motion-toggle{font-size:10px}.curated-page .next-discipline{padding-top:28px;padding-bottom:32px}.curated-page .next-discipline strong{font-size:33px}.curated-page .contact-title{font-size:12vw}.curated-page .motion-collection .folio-card.square{width:180px;flex-basis:180px}.curated-page .motion-collection .square .folio-media{height:180px}}
@media(prefers-reduced-motion:reduce){.curated-page .folio-rail{scroll-behavior:auto}}

/* Fashion: show full source frames at a compact shared height. */
.curated-page #editorial .fashion-frame{width:calc(270px * var(--frame-ratio));flex-basis:calc(270px * var(--frame-ratio))}
.curated-page #editorial .fashion-frame .folio-media{height:270px;background:transparent}
.curated-page #editorial .fashion-frame .folio-media img,.curated-page #editorial .fashion-frame .folio-media video{object-fit:contain}
@media(max-width:540px){.curated-page #editorial .fashion-frame{width:calc(230px * var(--frame-ratio));flex-basis:calc(230px * var(--frame-ratio))}.curated-page #editorial .fashion-frame .folio-media{height:230px}}

/* Compact title and fashion film compose the introduction together. */
.art-page .folio-intro-content{display:grid;grid-template-columns:135px 1fr 220px;gap:35px;align-items:center;max-width:1040px;margin:32px auto 0;min-height:300px}
.art-page .folio-index{align-self:center}
.art-page .intro-title-group{text-align:center;padding:0 20px}
.art-page .folio-intro h1{font-size:76px;line-height:1.02;text-align:center}
.art-page .folio-intro-copy{font-size:16px;margin:24px auto 0;text-align:center}
.art-page .intro-fashion{width:154px;justify-self:center;transform:rotate(4deg)}
.art-page .intro-fashion video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:transparent}
.art-page .intro-fashion figcaption{font-size:19px;text-align:center;margin-top:12px;white-space:nowrap}
.curated-page .rail-expand{font-family:Ligne44,cursive;font-size:19px;color:var(--blue);background:white;border:1px solid var(--blue);border-radius:50px;padding:7px 17px;white-space:nowrap;margin-left:auto}
.curated-page .rail-expand:hover{background:var(--blue);color:white}
.curated-page .folio-section.is-expanded .folio-rail{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;gap:28px 24px}
.curated-page .folio-section.is-expanded .rail-controls{visibility:hidden}
.curated-page .folio-section.is-expanded .rail-count{display:none}
@media(max-width:800px){.art-page .folio-intro-content{grid-template-columns:1fr 155px;gap:20px;min-height:0}.art-page .folio-index{grid-column:1/-1;text-align:center}.art-page .folio-intro h1{font-size:62px}.art-page .intro-fashion{width:130px}.art-page .intro-title-group{padding:0}.art-page .folio-intro-copy{font-size:14px}.curated-page .folio-rail-footer{flex-wrap:wrap}.curated-page .rail-expand{font-size:17px}}
@media(max-width:540px){.art-page .folio-intro-content{grid-template-columns:1fr 112px;gap:24px 14px;margin-top:24px}.art-page .folio-intro h1{font-size:49px}.art-page .intro-fashion{width:102px}.art-page .intro-fashion figcaption{font-size:15px;white-space:normal}.art-page .folio-intro-copy{font-size:12px;margin-top:17px}.curated-page .folio-section.is-expanded .folio-card{width:calc(50% - 12px)!important;flex-basis:calc(50% - 12px)!important}.curated-page .folio-section.is-expanded .folio-media{height:auto!important;aspect-ratio:var(--frame-ratio,1)}.curated-page .folio-section.is-expanded .folio-media img,.curated-page .folio-section.is-expanded .folio-media video{height:100%;object-fit:contain}}

/* Keep every art-direction source intact, including torn-paper edges. */
.art-page .folio-rail .folio-card.full-frame{width:calc(250px * var(--frame-ratio));flex-basis:calc(250px * var(--frame-ratio))}
.art-page .folio-rail .full-frame .folio-media{height:250px;background:transparent;border-radius:0}
.art-page .folio-rail .full-frame .folio-media img,.art-page .folio-rail .full-frame .folio-media video{object-fit:contain}
@media(max-width:540px){.art-page .folio-rail .folio-card.full-frame{width:calc(215px * var(--frame-ratio));flex-basis:calc(215px * var(--frame-ratio))}.art-page .folio-rail .full-frame .folio-media{height:215px}}

/* Motion is an open graphic composition of small films. */
.motion-page .motion-opening{position:relative;text-align:center;padding:18px 0 30px}
.motion-page .motion-opening .folio-back{position:absolute;left:0;top:20px}
.motion-page .motion-opening .eyebrow{display:block;font-size:10px;margin:34px 0 22px}
.motion-page .motion-opening h1{font-family:TTNorms,sans-serif;font-weight:500;font-size:64px;letter-spacing:-.05em;line-height:1.1}
.motion-page .motion-opening h1 span{font-family:Bubble,sans-serif;font-weight:400;letter-spacing:-.03em}
.motion-page .motion-opening>p{font-size:16px;margin-top:19px}
.motion-page .motion-board{position:relative;max-width:1040px;margin:5px auto 45px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 22px;align-items:start}
.motion-page .motion-piece{margin:0;min-width:0}
.motion-page .motion-piece .folio-media{height:auto;background:transparent;border-radius:0;overflow:visible}
.motion-page .motion-piece video{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;background:transparent}
.motion-page .motion-piece figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:12px}
.motion-page .motion-piece figcaption>span{font-size:14px;font-weight:500;line-height:1.2}
.motion-page .motion-piece figcaption small{font-size:8px;text-align:right;line-height:1.35;max-width:105px;letter-spacing:.03em}
.motion-page .piece-1{grid-column:1/5;grid-row:1;margin-top:30px;transform:rotate(-3deg)}
.motion-page .piece-2{grid-column:9/13;grid-row:1;margin-top:110px;transform:rotate(4deg)}
.motion-page .piece-3{grid-column:3/7;grid-row:2;margin-top:12px;transform:rotate(2deg)}
.motion-page .piece-4{grid-column:9/12;grid-row:2;margin-top:78px;transform:rotate(-4deg)}
.motion-page .motion-scribble{grid-column:5/9;grid-row:1;align-self:center;justify-self:center;font-size:25px;line-height:1.35;transform:rotate(-8deg);margin-top:40px}
.motion-page .motion-scribble span{display:block;font-family:TTNorms,sans-serif;font-size:52px;font-weight:300;text-align:right;margin-top:6px}
.motion-page .motion-board-note{grid-column:1/3;grid-row:2;font-size:21px;align-self:end;transform:rotate(-7deg);padding-bottom:15px}
.motion-page .motion-footnote{display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:0 auto 60px;gap:20px}
.motion-page .motion-footnote>p{font-size:10px}
@media(max-width:800px){.motion-page .motion-board{gap:18px;max-width:620px}.motion-page .motion-opening h1{font-size:57px}.motion-page .piece-1{grid-column:1/6}.motion-page .piece-2{grid-column:8/13;margin-top:125px}.motion-page .piece-3{grid-column:2/7}.motion-page .piece-4{grid-column:9/13;margin-top:65px}.motion-page .motion-scribble{grid-column:7/12;align-self:start;margin-top:15px;font-size:21px}.motion-page .motion-scribble span{display:none}.motion-page .motion-board-note{display:none}.motion-page .motion-piece figcaption{display:block}.motion-page .motion-piece figcaption small{display:block;max-width:none;text-align:left;margin-top:5px}}
@media(max-width:540px){.motion-page .motion-opening{padding-top:10px;padding-bottom:20px}.motion-page .motion-opening .folio-back{position:static;display:table;font-size:11px}.motion-page .motion-opening .eyebrow{margin-top:30px;font-size:8px}.motion-page .motion-opening h1{font-size:47px}.motion-page .motion-opening>p{font-size:13px;margin-top:14px}.motion-page .motion-board{gap:25px 12px;margin-bottom:37px}.motion-page .piece-1{grid-column:1/7;margin-top:24px}.motion-page .piece-2{grid-column:7/13;margin-top:104px}.motion-page .piece-3{grid-column:2/8;margin-top:0}.motion-page .piece-4{grid-column:8/13;margin-top:85px}.motion-page .motion-scribble{grid-column:8/13;font-size:18px;margin-top:10px}.motion-page .motion-piece figcaption>span{font-size:12px}.motion-page .motion-piece figcaption small{font-size:7px}.motion-page .motion-footnote{margin-bottom:35px}.motion-page .motion-footnote>p{font-size:8px;max-width:170px}}

/* Small intact 3:1 banners, separate from the interior collection. */
.art-page .interior-banners{max-width:1040px;margin:0 auto 74px;padding:0 30px}
.art-page .interior-banners>p{font-size:23px;transform:rotate(-4deg);margin:0 0 22px 4%}
.art-page .interior-banner-pair{display:flex;justify-content:space-between;gap:45px;align-items:flex-start}
.art-page .interior-banner{width:43%;margin:0;transform:rotate(-2deg)}
.art-page .interior-banner:nth-child(2){width:40%;margin-top:53px;transform:rotate(2deg)}
.art-page .interior-banner .folio-media{height:auto;background:transparent;overflow:visible;border-radius:0}
.art-page .interior-banner img{width:100%;height:auto;display:block;object-fit:contain}
.art-page .interior-banner figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:11px}
.art-page .interior-banner figcaption span{font-size:13px}
.art-page .interior-banner figcaption small{font-size:8px;white-space:nowrap}
@media(max-width:800px){.art-page .interior-banners{padding:0;margin-bottom:56px}.art-page .interior-banner-pair{gap:25px}.art-page .interior-banner{width:47%}.art-page .interior-banner:nth-child(2){width:45%;margin-top:44px}.art-page .interior-banner figcaption{display:block}.art-page .interior-banner figcaption small{display:block;margin-top:5px}}
@media(max-width:540px){.art-page .interior-banners{margin-bottom:43px}.art-page .interior-banners>p{font-size:20px;margin-bottom:23px}.art-page .interior-banner-pair{display:block}.art-page .interior-banner{width:86%;margin-left:2%}.art-page .interior-banner:nth-child(2){width:82%;margin:30px 2% 0 auto}.art-page .interior-banner figcaption span{font-size:12px}.art-page .interior-banner figcaption small{font-size:7px}}

/* Real source-to-final pairs, kept small and uncropped. */
.art-page .product-process{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:10px 0 42px}
.art-page .process-pair>p{font-size:23px;transform:rotate(-3deg);margin:0 0 19px 14px}
.art-page .process-pair:nth-child(2){padding-top:28px}
.art-page .process-pair:nth-child(2)>p{transform:rotate(3deg);text-align:right;margin-right:15px}
.art-page .process-frames{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art-page .process-frames figure{margin:0;min-width:0}
.art-page .process-frames img,.art-page .process-frames video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:transparent}
.art-page .process-frames figcaption{font-size:8px;letter-spacing:.05em;margin-top:9px}
@media(max-width:800px){.art-page .product-process{grid-template-columns:1fr;gap:28px;max-width:580px;margin:12px auto 35px}.art-page .process-pair:nth-child(2){padding-top:0}}
@media(max-width:540px){.art-page .process-pair>p{font-size:20px}.art-page .process-frames{gap:10px}.art-page .process-frames figcaption{font-size:7px}}

/* Fashion contact sheet: varied print sizes and intentionally uneven placement. */
.art-page #editorial{gap:36px;padding:30px 16px 34px;scroll-padding-inline:16px;align-items:flex-start}
.art-page #editorial .folio-card.full-frame{--print-size:230px;width:var(--print-size);flex-basis:var(--print-size);padding-top:0;transform:rotate(-4deg);transform-origin:center 42%}
.art-page #editorial .full-frame .folio-media{height:auto;aspect-ratio:var(--frame-ratio);overflow:visible}
.art-page #editorial .full-frame .folio-media img,.art-page #editorial .full-frame .folio-media video{height:auto;aspect-ratio:var(--frame-ratio);object-fit:contain}
.art-page #editorial .folio-card:nth-child(2){--print-size:198px;margin-top:78px;transform:rotate(4deg)}
.art-page #editorial .folio-card:nth-child(3){--print-size:245px;margin-top:23px;transform:rotate(-2deg)}
.art-page #editorial .folio-card:nth-child(4){--print-size:205px;margin-top:93px;transform:rotate(5deg)}
.art-page #editorial .folio-card:nth-child(5){--print-size:225px;margin-top:6px;transform:rotate(-4deg)}
.art-page #editorial figcaption>span{font-family:Ligne44,cursive;font-size:18px;font-weight:400;letter-spacing:0}
.art-page #editorial figcaption small{font-size:7px}
@media(max-width:540px){
.art-page #editorial{gap:27px;padding:24px 12px 28px}
.art-page #editorial .folio-card.full-frame{--print-size:185px}
.art-page #editorial .folio-card:nth-child(2){--print-size:164px;margin-top:58px}
.art-page #editorial .folio-card:nth-child(3){--print-size:200px;margin-top:15px}
.art-page #editorial .folio-card:nth-child(4){--print-size:172px;margin-top:64px}
.art-page #editorial .folio-card:nth-child(5){--print-size:180px}
.art-page .folio-section.is-expanded #editorial{gap:20px 24px;padding-inline:10px}
.art-page .folio-section.is-expanded #editorial .folio-card{width:calc(50% - 12px)!important;flex-basis:calc(50% - 12px)!important}
.art-page #editorial figcaption>span{font-size:16px}
}

/* A compact studio film joins the existing Motion opening. */
.motion-page .motion-opening{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:65px;max-width:860px;margin:0 auto 34px;padding:54px 20px 20px}
.motion-page .motion-opening .folio-back{top:10px;left:0}
.motion-page .motion-opening-copy .eyebrow{margin:0 0 24px}
.motion-page .motion-opening-copy>p:not(.handwriting){font-size:16px;margin-top:20px}
.motion-page .motion-opening-copy .studio-film-note{font-size:25px;line-height:1.2;transform:rotate(-6deg);margin:40px 0 0 24%;text-align:left}
.motion-page .studio-film-note span{display:inline-block;font-family:TTNorms;font-size:40px;vertical-align:middle;margin-left:12px}
.motion-page .studio-film{width:218px;margin:0;transform:rotate(3deg)}
.motion-page .studio-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--blue)}
.motion-page .studio-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:8px;letter-spacing:.03em}
.motion-page .studio-film button{border:0;border-bottom:1px solid var(--line);padding:3px 0;background:transparent;color:var(--blue);font-family:Ligne44;font-size:14px;white-space:nowrap;cursor:pointer}
/* UGC: a centered introduction and open, staggered collections. */
.performance-page .folio-intro-content{display:flex;flex-direction:column;gap:0;min-height:0;position:relative;margin:30px auto 0;padding:0 0 32px;max-width:1000px;text-align:center}
.performance-page .folio-index{align-self:center;padding:0;margin-bottom:22px}
.performance-page .folio-intro h1{font-size:70px;text-align:center;line-height:1.02}
.performance-page .folio-intro-copy{max-width:none;align-self:center;font-size:17px;line-height:1.35;margin:22px auto 0;text-align:center}
.performance-page .folio-intro-note{position:absolute;right:8%;bottom:20px;font-size:24px;transform:rotate(7deg)}
.performance-page .folio-heading{grid-template-columns:1fr 1fr 1fr;max-width:1040px;margin:0 auto 18px;padding-top:28px}
.performance-page .folio-heading h2{text-align:center}
.performance-page .folio-heading .handwriting{display:block;text-align:right}
.performance-page .folio-section.section-inset{margin-left:0}
.performance-page .showcase-board{display:grid;align-items:start;max-width:980px;margin:0 auto;padding:30px 22px 25px;gap:34px 35px}
.performance-page .showcase-board .folio-card{width:auto;min-width:0;padding:0;margin:0;transform-origin:center 42%}
.performance-page .showcase-board .folio-media{width:100%;height:auto;border-radius:0;background:transparent;overflow:visible}
.performance-page .showcase-board .folio-media video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.performance-page .showcase-board .folio-media img{width:100%;height:auto;object-fit:contain}
.performance-page .showcase-board figcaption>span{font-family:Ligne44;font-size:18px;font-weight:400;letter-spacing:0}
.performance-page .ugc-board{grid-template-columns:repeat(12,minmax(0,1fr));gap:25px 28px}
.performance-page .ugc-board .folio-card:nth-child(1){grid-column:1/4;transform:rotate(-5deg);margin-top:8px}
.performance-page .ugc-board .folio-card:nth-child(2){grid-column:6/9;transform:rotate(4deg);margin-top:78px}
.performance-page .ugc-board .folio-card:nth-child(3){grid-column:10/13;transform:rotate(-3deg);margin-top:22px}
.performance-page .ugc-board .folio-card:nth-child(4){grid-column:2/5;transform:rotate(4deg);margin-top:20px}
.performance-page .ugc-board .folio-card:nth-child(5){grid-column:6/9;transform:rotate(-4deg);margin-top:65px}
.performance-page .ugc-board .folio-card:nth-child(6){grid-column:10/13;transform:rotate(3deg);margin-top:0}
.performance-page .static-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 38px;padding-bottom:40px}
.performance-page .static-board .folio-card:nth-child(4n+1){transform:rotate(-4deg);width:91%;margin-top:12px}
.performance-page .static-board .folio-card:nth-child(4n+2){transform:rotate(3deg);margin-top:65px}
.performance-page .static-board .folio-card:nth-child(4n+3){transform:rotate(-2deg);width:90%;margin:0 0 0 auto}
.performance-page .static-board .folio-card:nth-child(4n){transform:rotate(5deg);width:92%;margin-top:78px}
.performance-page .folio-rail-footer{max-width:980px;margin:0 auto;padding-top:15px}
@media(max-width:800px){
.motion-page .motion-opening{grid-template-columns:1fr 190px;gap:25px;padding:60px 10px 10px}
.motion-page .studio-film{width:180px}.motion-page .motion-opening h1{font-size:48px}
.performance-page .folio-intro-note{right:0;bottom:8px;font-size:21px}
.performance-page .folio-heading{grid-template-columns:1fr 1fr}.performance-page .folio-heading .eyebrow{grid-column:1/-1}
.performance-page .folio-heading h2{text-align:left}.performance-page .ugc-board{gap:25px 20px}
.performance-page .ugc-board .folio-card:nth-child(3n+1){grid-column:1/5}.performance-page .ugc-board .folio-card:nth-child(3n+2){grid-column:5/9}.performance-page .ugc-board .folio-card:nth-child(3n){grid-column:9/13}
.performance-page .static-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
}
@media(max-width:540px){
.motion-page .motion-opening{grid-template-columns:1fr 145px;gap:10px;padding:12px 2px 10px;margin-bottom:22px}
.motion-page .motion-opening .folio-back{grid-column:1/-1;position:static;margin-bottom:23px}
.motion-page .motion-opening h1{font-size:39px;line-height:1.13}
.motion-page .motion-opening-copy .eyebrow{font-size:8px;margin:0 0 15px}
.motion-page .motion-opening-copy>p:not(.handwriting){font-size:12px;line-height:1.4;margin-top:14px}
.motion-page .motion-opening-copy .studio-film-note{font-size:18px;margin:23px 0 0 8px}.motion-page .studio-film-note span{font-size:25px;margin-left:4px}
.motion-page .studio-film{width:137px}.motion-page .studio-film figcaption{flex-wrap:wrap;font-size:6px;gap:5px}.motion-page .studio-film button{font-size:12px}
.performance-page .folio-intro-content{margin-top:20px;padding-bottom:55px}.performance-page .folio-intro h1{font-size:55px}.performance-page .folio-intro-copy{font-size:15px;margin-top:18px}.performance-page .folio-intro-note{right:10px;bottom:0;font-size:21px}
.performance-page .folio-heading .handwriting{font-size:18px}.performance-page .folio-heading h2{font-size:29px}
.performance-page .showcase-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 29px;padding:24px 12px}
.performance-page .ugc-board .folio-card:nth-child(n){grid-column:auto;transform:rotate(-4deg);margin-top:0}
.performance-page .ugc-board .folio-card:nth-child(even){margin-top:48px;transform:rotate(4deg)}
.performance-page .static-board .folio-card:nth-child(n){width:100%;margin:0;transform:rotate(-3deg)}
.performance-page .static-board .folio-card:nth-child(even){margin-top:45px;transform:rotate(4deg)}
.performance-page .showcase-board figcaption>span{font-size:15px}
}

/* More breathing room around glyphs; smaller, softly shaped UGC prints. */
.performance-page .folio-intro h1{overflow:visible;max-width:none;width:auto;padding:.08em .25em;line-height:1.14;font-size:62px}
.performance-page .folio-intro h1 span{display:inline-block;overflow:visible;padding:.02em .06em}
.performance-page .ugc-board{max-width:800px;gap:22px 18px}
.performance-page .ugc-board .folio-card{width:150px;justify-self:center}
.performance-page .ugc-board .folio-media{overflow:hidden;border-radius:17px 24px 15px 22px}
.performance-page .ugc-board .folio-card:nth-child(even) .folio-media{border-radius:24px 15px 23px 16px}
.performance-page .ugc-board .folio-card:nth-child(2){margin-top:48px}
.performance-page .ugc-board .folio-card:nth-child(5){margin-top:42px}
@media(max-width:800px){.performance-page .ugc-board .folio-card{width:min(100%,140px)}}
@media(max-width:540px){.performance-page .folio-intro h1{font-size:48px}.performance-page .ugc-board{gap:24px 28px}.performance-page .ugc-board .folio-card{width:min(100%,125px)}.performance-page .ugc-board .folio-media{border-radius:12px 18px 11px 16px}}

/* Static ads are small intact prints in an expandable carousel. */
.performance-page #statics{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:27px;max-width:920px;margin:0 auto;padding:20px 15px 28px;align-items:flex-start}
.performance-page #statics.folio-rail .folio-card:nth-child(n){width:calc(155px * var(--static-ratio,0.67));flex:0 0 calc(155px * var(--static-ratio,0.67));margin:0;padding:0;transform:rotate(-3deg)}
.performance-page #statics.folio-rail .folio-card:nth-child(even){margin-top:26px;transform:rotate(4deg)}
.performance-page #statics .folio-media{height:155px;border-radius:4px;background:transparent}
.performance-page #statics .folio-media img{width:100%;height:100%;object-fit:contain}
.performance-page #statics figcaption>span{font-family:Ligne44;font-size:13px;line-height:1.2}
.performance-page #statics figcaption small{font-size:6px}
.performance-page .folio-section.is-expanded #statics{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;justify-content:center;gap:26px 32px}
@media(max-width:540px){
.performance-page #statics{gap:22px;padding:17px 12px 24px}
.performance-page #statics.folio-rail .folio-card:nth-child(n){width:calc(135px * var(--static-ratio,0.67));flex-basis:calc(135px * var(--static-ratio,0.67))}
.performance-page #statics .folio-media{height:135px}
.performance-page .folio-section.is-expanded #statics .folio-card:nth-child(n){width:calc(135px * var(--static-ratio,0.67))!important;flex-basis:calc(135px * var(--static-ratio,0.67))!important}
.performance-page .folio-section.is-expanded #statics .folio-media{height:135px!important;aspect-ratio:var(--static-ratio)}
}

/* Click-open paper fan. All prints pivot from the same point. */
.performance-page #statics.static-fan{position:relative;display:block;max-width:900px;height:230px;padding:0;margin:30px auto 12px;overflow:visible;cursor:pointer;isolation:isolate;transition:height .65s cubic-bezier(.22,.7,.2,1)}
.performance-page #statics.static-fan .folio-card:nth-child(n){position:absolute;left:50%;top:12px;width:calc(175px * var(--static-ratio,.67));height:auto;margin:0;padding:0;transform:translateX(-50%) rotate(0deg);transform-origin:50% 370px;opacity:0;pointer-events:none;z-index:calc(20 - var(--fan-index));transition:transform .75s cubic-bezier(.22,.7,.2,1),opacity .2s}
.performance-page #statics.static-fan .folio-card:nth-child(1){opacity:1;transform:translateX(-70%) rotate(-10deg);z-index:23}
.performance-page #statics.static-fan .folio-card:nth-child(2){opacity:1;transform:translateX(-50%) rotate(0deg);z-index:22}
.performance-page #statics.static-fan .folio-card:nth-child(3){opacity:1;transform:translateX(-30%) rotate(10deg);z-index:21}
.performance-page #statics.static-fan .folio-media{height:175px;border-radius:3px;background:white;box-shadow:0 2px 9px #25216c15;overflow:hidden}
.performance-page #statics.static-fan .folio-media img{height:100%;width:100%;object-fit:contain}
.performance-page #statics.static-fan figcaption{display:none}
.performance-page #statics.static-fan.is-open{height:390px}
.performance-page #statics.static-fan.is-open .folio-card:nth-child(n){opacity:1;transform:translateX(-50%) rotate(var(--fan-angle));transition-delay:calc(var(--fan-index) * 12ms)}
.performance-page #statics.static-fan:focus-visible{outline:2px solid var(--blue);outline-offset:12px;border-radius:20px}
.performance-page .fan-toggle{margin-left:auto}
@media(max-width:800px){.performance-page #statics.static-fan .folio-card:nth-child(n){transform-origin:50% 290px;width:calc(145px * var(--static-ratio,.67))}.performance-page #statics.static-fan .folio-media{height:145px}.performance-page #statics.static-fan.is-open{height:325px}}
@media(max-width:540px){.performance-page #statics.static-fan{height:170px;margin-top:20px}.performance-page #statics.static-fan .folio-card:nth-child(n){transform-origin:50% 148px;width:calc(105px * var(--static-ratio,.67))}.performance-page #statics.static-fan .folio-media{height:105px}.performance-page #statics.static-fan.is-open{height:225px}}
@media(prefers-reduced-motion:reduce){.performance-page #statics.static-fan,.performance-page #statics.static-fan .folio-card:nth-child(n){transition:none}}

/* Close-knit portrait prints, without the rounded UI-card treatment. */
.performance-page #ugc.ugc-board{grid-template-columns:repeat(3,150px);justify-content:center;max-width:620px;column-gap:42px;row-gap:22px;padding-inline:14px}
.performance-page #ugc.ugc-board .folio-card:nth-child(n){grid-column:auto;width:150px}
.performance-page #ugc.ugc-board .folio-media,.performance-page #ugc.ugc-board .folio-card:nth-child(even) .folio-media{border-radius:2px}
@media(max-width:540px){.performance-page #ugc.ugc-board{grid-template-columns:repeat(2,minmax(0,125px));column-gap:30px;max-width:320px}.performance-page #ugc.ugc-board .folio-card:nth-child(n){width:100%}}

/* A shallow, spaced fan: every whole image is visible when opened. */
.performance-page #statics.static-fan .folio-card:nth-child(n){width:calc(var(--fan-print-height,155px) * var(--static-ratio,.67));transform-origin:50% 85%;transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .25s}
.performance-page #statics.static-fan .folio-media{height:var(--fan-print-height,155px)}
.performance-page #statics.static-fan.is-open{height:var(--fan-open-height,445px)}
.performance-page #statics.static-fan.is-open .folio-card:nth-child(n){transform:translateX(-50%) translate(var(--spread-x,0px),var(--spread-y,0px)) rotate(var(--spread-angle,0deg));transition-delay:calc(var(--fan-index) * 12ms)}
@media(prefers-reduced-motion:reduce){.performance-page #statics.static-fan .folio-card:nth-child(n){transition:none}}

/* Round the flat top in Bubble's ampersand outline, without changing other glyphs. */
@font-face{font-family:BubbleAmp;src:url('assets/fonts/Bubble-Amp-Rounded.woff2') format('woff2');font-weight:400;font-display:swap}
.performance-page .folio-intro h1 span{font-family:BubbleAmp,Bubble,sans-serif}