/* FAROKHZAD LAYEGH — THE LIVING ARCHIVE / STUDY 02
   Preview only. A typography-led exhibition, not a template.
   Existing page content, film players, rails, links and semantics remain intact. */
html body.atelier-preview{--at-bg:#080a0b;--at-paper:#f3eee6;--at-slate:#bab5ac;--at-line:rgba(243,238,230,.26);--at-gutter:clamp(26px,5.2vw,102px);--at-serif:"Iowan Old Style",Baskerville,"Times New Roman",serif;--at-sans:"Helvetica Neue",Arial,sans-serif}
html body.atelier-preview.home-page,html body.atelier-preview.works-page{background:var(--at-bg)!important;color:var(--at-paper)!important}
html body.atelier-preview .site-header{z-index:1302!important}
html body.atelier-preview.home-page:not(.menu-open) .site-header,html body.atelier-preview.works-page:not(.menu-open) .site-header{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;color:var(--at-paper)!important}
html body.atelier-preview.home-page:not(.menu-open) .site-header :is(.wordmark,.menu-toggle,.desktop-nav a),html body.atelier-preview.works-page:not(.menu-open) .site-header :is(.wordmark,.menu-toggle,.desktop-nav a){color:var(--at-paper)!important}
html body.atelier-preview.home-page:not(.menu-open) .site-header :is(.four-lines i,.menu-toggle span),html body.atelier-preview.works-page:not(.menu-open) .site-header :is(.four-lines i,.menu-toggle span){background:var(--at-paper)!important}
html body.atelier-preview .site-header :is(a,button):focus-visible,html body.atelier-preview :is(.at-triptych-link,.at-side-link):focus-visible{outline:1px solid var(--at-paper)!important;outline-offset:6px!important}
html body.atelier-preview:not(.menu-open) .site-header .desktop-nav a{font-size:10px!important;letter-spacing:.19em!important}

/* HOME / an opening film with engraved artist typography. */
html body.atelier-preview.home-page .home-stage{background:#07090b!important;isolation:isolate;overflow:hidden!important}
html body.atelier-preview.home-page .home-media{z-index:0!important}
html body.atelier-preview.home-page .home-media .home-film{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:62% center!important;opacity:.79!important;filter:grayscale(1) contrast(1.15) brightness(.77)!important;mix-blend-mode:normal!important}
html body.atelier-preview.home-page .home-media .home-portrait{display:block!important;position:absolute!important;inset:auto 7% -3% auto!important;width:42%!important;height:93%!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;filter:grayscale(1) contrast(1.13)!important;opacity:.6!important;mix-blend-mode:screen!important;transform:none!important;animation:none!important;mask-image:linear-gradient(90deg,transparent,#000 23%,#000 83%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 23%,#000 83%,transparent)!important}
html body.atelier-preview.home-page .home-veil{z-index:3!important;pointer-events:none!important;background:linear-gradient(0deg,#080a0b 0%,rgba(8,10,11,.73) 24%,transparent 62%),linear-gradient(90deg,rgba(5,7,9,.49),transparent 82%)!important}
html body.atelier-preview.home-page .home-copy{position:absolute!important;z-index:16!important;display:block!important;top:auto!important;left:var(--at-gutter)!important;right:auto!important;bottom:clamp(87px,11svh,134px)!important;width:min(540px,48vw)!important;max-width:none!important;padding:0!important;margin:0!important;transform:none!important;text-align:left!important;color:var(--at-paper)!important}
html body.atelier-preview.home-page .home-copy:before{display:none!important;content:none!important}
html body.atelier-preview.home-page .home-copy .eyebrow{display:none!important}
html body.atelier-preview.home-page .home-copy h1{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin:0!important;gap:6px!important;text-align:left!important;color:var(--at-paper)!important}
html body.atelier-preview.home-page .home-copy h1 span:first-child{font:500 10px/1.4 var(--at-sans)!important;letter-spacing:.29em!important;text-transform:uppercase!important}
html body.atelier-preview.home-page .home-copy h1 span:last-child{margin:0!important;font:400 clamp(18px,1.9vw,28px)/1.13 var(--at-serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--at-paper)!important}
html body.atelier-preview.home-page .home-copy .home-subtitle{max-width:39ch!important;margin:13px 0 0!important;font:400 clamp(12px,1.1vw,15px)/1.55 var(--at-serif)!important;color:rgba(243,238,230,.83)!important;letter-spacing:0!important;text-align:left!important}
html body.atelier-preview.home-page .home-copy .quiet-enter{display:inline-flex!important;margin:17px 0 0!important;padding:9px 0!important;border:0!important;border-bottom:1px solid rgba(243,238,230,.68)!important;background:none!important;border-radius:0!important;color:var(--at-paper)!important;font:500 10px/1.4 var(--at-sans)!important;letter-spacing:.23em!important}
html body.atelier-preview.home-page .home-index{display:none!important}
body.atelier-preview .at-name{position:absolute;z-index:10;top:clamp(132px,16svh,214px);left:var(--at-gutter);right:var(--at-gutter);display:flex;flex-direction:column;align-items:flex-start;color:var(--at-paper);pointer-events:none}
body.atelier-preview .at-name span{display:block;white-space:nowrap;font:400 13.6vw/.74 var(--at-serif);letter-spacing:-.096em;text-transform:uppercase}
body.atelier-preview .at-name span:first-child{color:transparent;-webkit-text-stroke:1px rgba(247,242,234,.91)}
body.atelier-preview .at-name span:last-child{margin-left:11.5vw;font-size:20vw;color:var(--at-paper)}
body.atelier-preview .at-exhibit-meta{position:absolute;z-index:15;left:var(--at-gutter);top:calc(var(--header,82px) + 28px);color:rgba(243,238,230,.82);pointer-events:none;font:500 9px/1.4 var(--at-sans);letter-spacing:.25em}
body.atelier-preview .at-side-list{position:absolute;z-index:15;right:var(--at-gutter);bottom:clamp(88px,11svh,137px);width:clamp(190px,20vw,315px);border-top:1px solid var(--at-line)}
body.atelier-preview .at-side-link{display:grid;grid-template-columns:22px 1fr 20px;gap:10px;align-items:center;min-height:47px;color:rgba(243,238,230,.87)!important;border-bottom:1px solid var(--at-line);font:500 9px/1.3 var(--at-sans);text-decoration:none!important;transition:padding .3s,color .3s}
body.atelier-preview .at-side-link span:first-child{opacity:.55;letter-spacing:.15em}
body.atelier-preview .at-side-link span:last-child{text-align:right;font-size:18px;font-weight:400}
body.atelier-preview .at-side-link:hover{padding-left:7px;color:#fff!important}
body.atelier-preview.home-page .home-stage:after{content:"";position:absolute;z-index:14;inset:auto var(--at-gutter) clamp(62px,7svh,95px);height:1px;background:var(--at-line);pointer-events:none}
body.atelier-preview .at-scroll-cue{position:absolute;z-index:15;left:var(--at-gutter);bottom:clamp(37px,4.3svh,58px);font:500 9px/1 var(--at-sans);letter-spacing:.26em;color:rgba(243,238,230,.84);pointer-events:none}
html body.atelier-preview.home-page .home-work-panel{background:#080a0b!important;color:var(--at-paper)!important}
html body.atelier-preview.home-page .home-work-media video{filter:grayscale(1) contrast(1.1) brightness(.74)!important;transform:scale(1.015)!important}
html body.atelier-preview.home-page .home-work-panel.is-ex5-active .home-work-media video{filter:grayscale(.25) contrast(1.05) brightness(.8)!important;transform:scale(1)!important}
html body.atelier-preview.home-page .home-work-panel .home-work-copy{left:var(--at-gutter)!important;right:var(--at-gutter)!important;bottom:clamp(97px,12svh,156px)!important;width:auto!important;max-width:none!important}
html body.atelier-preview.home-page .home-work-panel .home-work-copy h2{max-width:82%!important;font:400 clamp(55px,7.2vw,140px)/.86 var(--at-serif)!important;letter-spacing:-.07em!important;text-shadow:0 5px 42px #0008}
html body.atelier-preview.home-page .home-work-panel .home-work-enter{border:0!important;border-bottom:1px solid rgba(255,255,255,.65)!important;padding:9px 0!important;background:transparent!important}

/* WORKS / the triptych is a real index, not a floating-card decorative grid. */
html body.atelier-preview.works-page .ex5-works-cover{background:#080a0b!important;isolation:isolate;color:var(--at-paper)!important}
html body.atelier-preview.works-page .ex5-works-cover__media .works-stage-photo{opacity:.2!important;filter:grayscale(1) brightness(.65) contrast(1.2)!important;mask-image:none!important}
html body.atelier-preview.works-page .ex5-works-cover__shade{background:linear-gradient(90deg,rgba(8,10,11,.95),rgba(8,10,11,.4) 65%),linear-gradient(0deg,rgba(8,10,11,.76),transparent 65%)!important}
html body.atelier-preview.works-page .ex5-works-cover__copy{z-index:11!important;left:var(--at-gutter)!important;right:auto!important;bottom:clamp(99px,14svh,181px)!important;top:auto!important;width:42vw!important;max-width:none!important;display:block!important;pointer-events:none!important}
html body.atelier-preview.works-page .ex5-works-cover__copy .ex5-kicker{color:rgba(243,238,230,.8)!important;font:500 10px/1.3 var(--at-sans)!important;letter-spacing:.23em!important}
html body.atelier-preview.works-page .ex5-works-title{margin:15px 0 33px!important;font:400 clamp(110px,17.5vw,336px)/.73 var(--at-serif)!important;letter-spacing:-.095em!important;color:var(--at-paper)!important;text-shadow:none!important}
html body.atelier-preview.works-page .ex5-works-title .works-word{color:var(--at-paper)!important;transform:none!important;animation:none!important}
html body.atelier-preview.works-page .works-orbit,html body.atelier-preview.works-page .works-orbit:after{animation:none!important;transform:none!important}
html body.atelier-preview.works-page .ex5-works-cover__copy .ex5-works-hint{font:500 9px/1.5 var(--at-sans)!important;letter-spacing:.26em!important;color:rgba(243,238,230,.7)!important}
body.atelier-preview .at-triptych{position:absolute;z-index:10;right:var(--at-gutter);top:15svh;bottom:17svh;width:48vw;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.3vw,23px)}
body.atelier-preview .at-triptych-link{flex:1 1 0;min-width:0;position:relative;display:block;align-self:center;overflow:hidden;isolation:isolate;background:#1a1b1b;color:#fff!important;box-shadow:0 20px 85px rgba(0,0,0,.31);text-decoration:none!important}
body.atelier-preview .at-triptych-link:nth-child(1){height:68%;transform:translateY(-9%)}
body.atelier-preview .at-triptych-link:nth-child(2){height:98%;transform:translateY(4%)}
body.atelier-preview .at-triptych-link:nth-child(3){height:80%;transform:translateY(-3%)}
body.atelier-preview .at-triptych-link img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.8);transform:scale(1.02);transition:filter .65s,transform 1s cubic-bezier(.16,1,.3,1)}
body.atelier-preview .at-triptych-link:hover img,body.atelier-preview .at-triptych-link:focus-visible img{filter:grayscale(.2) contrast(1.07) brightness(.94);transform:scale(1.085)}
body.atelier-preview .at-triptych-link:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.91),transparent);pointer-events:none}
body.atelier-preview .at-triptych-label{position:absolute;z-index:2;left:clamp(9px,1.4vw,23px);right:8px;bottom:clamp(14px,2svh,26px);display:grid;gap:9px}
body.atelier-preview .at-triptych-label .at-no{font:500 9px/1.3 var(--at-sans);letter-spacing:.24em;opacity:.86}
body.atelier-preview .at-triptych-label .at-title{font:400 clamp(15px,1.4vw,24px)/1.14 var(--at-serif);letter-spacing:-.03em}
html body.atelier-preview.works-page .ex5-work-slide{isolation:isolate!important;background:#080a0b!important;color:var(--at-paper)!important}
html body.atelier-preview.works-page .ex5-work-slide:before{content:attr(data-at-room);position:absolute;z-index:3;top:clamp(100px,12svh,170px);left:var(--at-gutter);color:transparent;-webkit-text-stroke:1px rgba(243,238,230,.34);font:400 clamp(130px,24vw,428px)/.8 var(--at-serif);pointer-events:none}
html body.atelier-preview.works-page .ex5-work-slide .room-image{position:absolute!important;inset:7% 4% 9% 33%!important;width:auto!important;height:auto!important;overflow:hidden!important;border-radius:0!important;box-shadow:0 18px 74px rgba(0,0,0,.37)}
html body.atelier-preview.works-page .ex5-work-slide .room-image:after{background:linear-gradient(0deg,rgba(5,6,7,.51),transparent 68%)!important}
html body.atelier-preview.works-page .ex5-work-slide .room-image video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;filter:grayscale(1) contrast(1.16) brightness(.81)!important;transform:scale(1.02)!important}
html body.atelier-preview.works-page .ex5-work-slide.is-ex5-active .room-image video{filter:grayscale(.3) contrast(1.06) brightness(.86)!important;transform:scale(1)!important}
html body.atelier-preview.works-page .ex5-work-slide .room-caption{position:absolute!important;z-index:5!important;left:var(--at-gutter)!important;right:var(--at-gutter)!important;bottom:clamp(86px,12svh,145px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:clamp(13px,1.8svh,24px)!important;pointer-events:none!important}
html body.atelier-preview.works-page .ex5-work-slide .room-caption>span:first-child{font:500 10px/1.3 var(--at-sans)!important;letter-spacing:.27em!important;color:rgba(243,238,230,.8)!important}
html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{max-width:70%!important;margin:0!important;font:400 clamp(57px,7.2vw,137px)/.84 var(--at-serif)!important;letter-spacing:-.068em!important;text-shadow:0 5px 46px rgba(0,0,0,.58)!important}
html body.atelier-preview.works-page .ex5-work-slide .room-caption .ex5-enter{pointer-events:auto!important;display:inline-flex!important;min-height:40px!important;align-items:center!important;padding:8px 0!important;margin:0!important;background:none!important;border:0!important;border-bottom:1px solid rgba(243,238,230,.72)!important;border-radius:0!important;backdrop-filter:none!important;font:500 10px/1.3 var(--at-sans)!important;letter-spacing:.19em!important}

/* Individual composition rooms: typographic framing, not a new playback engine. */
html body.atelier-preview.work-page .room-hero-copy h1{font-family:var(--at-serif)!important;letter-spacing:-.065em!important;font-weight:400!important;text-wrap:balance!important}
html body.atelier-preview.work-page .room-hero:after{content:"";position:absolute;z-index:3;left:var(--at-gutter);right:var(--at-gutter);bottom:clamp(68px,8svh,108px);height:1px;background:rgba(250,244,235,.3);pointer-events:none}
html body.atelier-preview.work-page .room-chapter-head h2{letter-spacing:-.055em!important}
html body.atelier-preview.work-page .room-chapter-no{letter-spacing:.29em!important}
html body.atelier-preview.work-page .media-frame :is(img,video){border-radius:0!important}
html body.atelier-preview.editorial-v6 :is(.about-intro h1,.press-intro h1){font-weight:400!important;letter-spacing:-.075em!important}
html body.atelier-preview.editorial-v6 :is(.about-portrait img,.press-hero-portrait img){filter:grayscale(1) contrast(1.07)!important}

/* Large desktop / laptop / tablet landscape / portrait / mobile compositions. */
@media(min-width:1600px){
 body.atelier-preview .at-name span:first-child{font-size:13.7vw}
 body.atelier-preview .at-name span:last-child{font-size:20.1vw}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{font-size:7vw!important}
}
@media(min-width:1100px) and (max-width:1599px){
 body.atelier-preview .at-name span:first-child{font-size:12.6vw}
 body.atelier-preview .at-name span:last-child{font-size:18.6vw}
 html body.atelier-preview.works-page .ex5-works-title{font-size:16.7vw!important}
}
@media(min-width:900px) and (max-width:1099px){
 body.atelier-preview .at-name{top:19svh}
 body.atelier-preview .at-name span:first-child{font-size:12vw}
 body.atelier-preview .at-name span:last-child{font-size:18vw;margin-left:9vw}
 html body.atelier-preview.home-page .home-copy{width:52vw!important}
 body.atelier-preview .at-side-list{width:185px}
 body.atelier-preview .at-triptych{width:51vw;right:4vw}
 html body.atelier-preview.works-page .ex5-works-title{font-size:15vw!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{font-size:6.8vw!important}
}
@media(min-width:700px) and (max-width:899px){
 body.atelier-preview .at-name{top:20svh}
 body.atelier-preview .at-name span:first-child{font-size:11.7vw}
 body.atelier-preview .at-name span:last-child{font-size:17.8vw;margin-left:9vw}
 html body.atelier-preview.home-page .home-media .home-portrait{width:61%!important;right:-7%!important;height:82%!important}
 html body.atelier-preview.home-page .home-copy{width:52vw!important;bottom:11svh!important}
 body.atelier-preview .at-side-list{width:175px;right:4vw;bottom:11svh}
 body.atelier-preview .at-triptych{left:6vw;right:6vw;top:13svh;bottom:34svh;width:auto}
 html body.atelier-preview.works-page .ex5-works-cover__copy{inset:auto 6vw 10svh!important;width:88vw!important}
 html body.atelier-preview.works-page .ex5-works-title{font-size:17vw!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-image{inset:7% 5% 30% 22%!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{max-width:96%!important;font-size:8.2vw!important}
}
@media(max-width:699px){
 html body.atelier-preview.home-page .home-stage{min-height:0!important;height:100svh!important}
 html body.atelier-preview.home-page .home-media .home-film{opacity:.52!important;object-position:67% center!important}
 html body.atelier-preview.home-page .home-media .home-portrait{width:85%!important;height:77%!important;right:-26%!important;bottom:4%!important;opacity:.56!important}
 html body.atelier-preview.home-page .home-veil{background:linear-gradient(0deg,#080a0b,rgba(8,10,11,.9) 23%,rgba(8,10,11,.19) 77%)!important}
 body.atelier-preview .at-name{top:clamp(175px,24svh,280px);left:5.7vw;right:5vw}
 body.atelier-preview .at-name span:first-child{font-size:16.1vw;-webkit-text-stroke:.7px rgba(243,238,230,.96)}
 body.atelier-preview .at-name span:last-child{font-size:25vw;margin-left:7vw}
 html body.atelier-preview.home-page .home-copy{left:6vw!important;right:6vw!important;width:auto!important;bottom:clamp(80px,10svh,120px)!important}
 html body.atelier-preview.home-page .home-copy h1 span:first-child{font-size:10px!important}
 html body.atelier-preview.home-page .home-copy h1 span:last-child{font-size:19px!important}
 html body.atelier-preview.home-page .home-copy .home-subtitle{font-size:13px!important;line-height:1.46!important;max-width:34ch!important;margin:9px 0 0!important}
 html body.atelier-preview.home-page .home-copy .quiet-enter{margin-top:12px!important}
 body.atelier-preview .at-exhibit-meta{left:6vw;top:calc(var(--header,72px) + 24px);font-size:8px}
 body.atelier-preview .at-side-list{display:none}
 body.atelier-preview .at-scroll-cue{left:6vw;bottom:4.4svh;font-size:8px}
 html body.atelier-preview.home-page .home-work-panel .home-work-copy{left:6vw!important;right:6vw!important;bottom:12svh!important}
 html body.atelier-preview.home-page .home-work-panel .home-work-copy h2{max-width:100%!important;font-size:clamp(45px,11vw,73px)!important}
 body.atelier-preview .at-triptych{left:6vw;right:6vw;top:13svh;bottom:36svh;width:auto;gap:10px}
 body.atelier-preview .at-triptych-link:nth-child(1){height:76%;transform:translateY(-7%)}
 body.atelier-preview .at-triptych-link:nth-child(2){height:99%;transform:translateY(3%)}
 body.atelier-preview .at-triptych-link:nth-child(3){height:81%;transform:translateY(-2%)}
 body.atelier-preview .at-triptych-label{left:9px;right:6px;bottom:12px;gap:5px}
 body.atelier-preview .at-triptych-label .at-no{font-size:8px}
 body.atelier-preview .at-triptych-label .at-title{font-size:clamp(12px,3vw,17px)}
 html body.atelier-preview.works-page .ex5-works-cover__copy{inset:auto 6vw 11svh!important;width:88vw!important;max-width:88vw!important}
 html body.atelier-preview.works-page .ex5-works-cover__copy .ex5-kicker{font-size:8px!important}
 html body.atelier-preview.works-page .ex5-works-title{font-size:20.5vw!important;margin:13px 0 24px!important}
 html body.atelier-preview.works-page .ex5-works-cover__copy .ex5-works-hint{font-size:8px!important;line-height:1.55!important}
 html body.atelier-preview.works-page .ex5-work-slide:before{top:14svh;left:6vw;font-size:43vw}
 html body.atelier-preview.works-page .ex5-work-slide .room-image{inset:8% 4% 37% 4%!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption{left:6vw!important;right:6vw!important;bottom:11svh!important;gap:13px!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{font-size:clamp(40px,10.1vw,73px)!important;line-height:.91!important;max-width:100%!important}
 html body.atelier-preview.work-page .room-hero:after{left:6vw;right:6vw;bottom:70px}
}
@media(max-width:380px){
 body.atelier-preview .at-name span:first-child{font-size:15.7vw}
 body.atelier-preview .at-name span:last-child{font-size:24vw}
 html body.atelier-preview.home-page .home-copy .home-subtitle{font-size:12px!important}
 html body.atelier-preview.works-page .ex5-work-slide .room-caption h2{font-size:9.8vw!important}
}
@media(max-height:670px){
 body.atelier-preview .at-name{top:18svh}
 html body.atelier-preview.home-page .home-copy{bottom:14svh!important}
 html body.atelier-preview.home-page .home-copy .home-subtitle{font-size:12px!important;line-height:1.25!important}
 body.atelier-preview .at-triptych{top:13svh;bottom:25svh}
}
@media(prefers-reduced-motion:reduce){
 html body.atelier-preview *,html body.atelier-preview *:before,html body.atelier-preview *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 body.atelier-preview .at-triptych-link img{transform:none!important}
}

/* A normal letterform for WORKS — remove the inherited orbit echoes. */
html body.atelier-preview.works-page .ex5-works-title .works-orbit{
 display:inline!important;position:static!important;color:inherit!important;
 -webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;
 animation:none!important;transform:none!important
}
html body.atelier-preview.works-page .ex5-works-title .works-orbit:before,
html body.atelier-preview.works-page .ex5-works-title .works-orbit:after{
 content:none!important;display:none!important
}


/* STUDY 03 / THE THREE EXHIBITION ROOMS — controlled editorial choreography.
   The actual film, media, chapters and all links are untouched. */
html body.atelier-preview{--at-soft-ivory:#f1eae0;--at-whisper:rgba(242,235,225,.53)}
html body.atelier-preview .at-triptych-link{
  transition:transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .75s ease;
  outline-offset:5px;
}
html body.atelier-preview .at-triptych-link:hover,
html body.atelier-preview .at-triptych-link:focus-visible{
  box-shadow:0 33px 90px rgba(0,0,0,.58);
}
html body.atelier-preview .at-triptych-link .at-triptych-label{
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
html body.atelier-preview .at-triptych-link:hover .at-triptych-label,
html body.atelier-preview .at-triptych-link:focus-visible .at-triptych-label{
  transform:translateY(-7px);
}
html body.atelier-preview.works-page .ex5-work-slide .room-image:before{
  content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:1px;
  background:rgba(255,255,255,.25);pointer-events:none
}
html body.atelier-preview.work-page .room-hero{
  isolation:isolate;overflow:hidden
}
html body.atelier-preview.work-page .room-hero .room-hero-media{
  z-index:0
}
html body.atelier-preview.work-page .room-hero .room-hero-shade{
  z-index:1
}
html body.atelier-preview.work-page .room-hero .room-hero-copy{
  z-index:6!important
}
html body.atelier-preview.work-page .room-hero-copy p{
  letter-spacing:.28em!important;font-weight:500!important
}
html body.atelier-preview.work-page .room-hero-copy h1{
  font-size:clamp(56px,8.2vw,146px)!important;
  max-width:85vw!important;line-height:.87!important;letter-spacing:-.066em!important;
  text-shadow:0 8px 50px rgba(0,0,0,.32)!important
}
html body.atelier-preview.work-page .at-room-stamp{
  position:absolute;z-index:5;left:var(--at-gutter);
  top:calc(var(--header,82px) + clamp(30px,5svh,65px));
  display:flex;align-items:center;gap:19px;pointer-events:none;
  font:500 9px/1.3 var(--at-sans);letter-spacing:.28em;
  text-transform:uppercase;color:rgba(245,238,228,.92);
  text-shadow:0 2px 12px rgba(0,0,0,.3)
}
html body.atelier-preview.work-page .at-room-stamp:before{
  content:"";height:1px;width:clamp(27px,4vw,70px);
  background:rgba(245,238,228,.72)
}
html body.atelier-preview.work-page .at-room-ghost{
  position:absolute;right:clamp(32px,6vw,105px);top:clamp(135px,18svh,235px);
  z-index:3;pointer-events:none;user-select:none;
  color:transparent;-webkit-text-stroke:1px rgba(243,236,226,.23);
  font:400 clamp(165px,32vw,560px)/.8 var(--at-serif);letter-spacing:-.105em
}
html body.atelier-preview.room-01 .at-room-ghost{right:7vw}
html body.atelier-preview.room-02 .at-room-ghost{right:12vw}
html body.atelier-preview.room-03 .at-room-ghost{
  color:rgba(242,230,216,.045);-webkit-text-stroke:1px rgba(242,230,216,.24)
}
html body.atelier-preview.work-page .room-chapter{
  position:relative
}
html body.atelier-preview.work-page .room-chapter-head{
  position:relative
}
html body.atelier-preview.work-page .room-chapter-head h2{
  font-family:var(--at-serif)!important;letter-spacing:-.055em!important;
  text-wrap:balance
}
html body.atelier-preview.work-page .room-chapter-no{
  font:500 10px/1.4 var(--at-sans)!important;letter-spacing:.25em!important
}
/* Keep native wheel/touch scroll chaining in long chapters. */
html body.atelier-preview.work-page .media-panel .media-frame{
  overflow:hidden
}
html body.atelier-preview.work-page .media-panel .media-frame :is(img,video){
  border-radius:0!important
}
html body.atelier-preview.work-page .room-chapter--album :is(.album-artwork,.audio-room){
  box-shadow:none!important;border-radius:0!important
}
html body.atelier-preview.room-01 .room-chapter-head:before{
  content:"";position:absolute;top:-22px;left:0;width:53px;height:1px;
  background:rgba(15,15,14,.36);pointer-events:none
}
html body.atelier-preview.room-02 .sus-story-options{
  border-left:1px solid rgba(28,24,19,.18)
}
html body.atelier-preview.room-02 .sus-story-option{
  transition:background .2s ease,color .2s ease
}
html body.atelier-preview.room-03 .curatorial-section .room-chapter-head h2{
  max-width:14ch
}
html body.atelier-preview.room-03 .curatorial-copy p{
  letter-spacing:-.006em
}
/* A literal exhibition progress line: reflects the native rail, not a new scroller. */
html body.atelier-preview .at-reading-progress{
  --at-read:0;
  position:fixed;z-index:1100;left:0;bottom:0;width:100%;height:2px;
  background:transparent;pointer-events:none
}
html body.atelier-preview .at-reading-progress:before{
  content:"";display:block;height:100%;width:100%;
  transform-origin:left center;transform:scaleX(var(--at-read));
  background:#cfc3b3;transition:transform .18s linear;
  box-shadow:0 0 10px rgba(207,195,179,.12)
}
html body.atelier-preview.editorial-v6 .at-reading-progress:before{background:#5d5349}
html body.atelier-preview.editorial-v6.about-page .about-intro h1{
  max-width:100%;font-size:clamp(61px,6vw,106px)!important;
  line-height:.86!important
}
html body.atelier-preview.editorial-v6.about-page .about-copy p{
  text-wrap:pretty
}
html body.atelier-preview.editorial-v6.about-page .about-portrait img{
  object-fit:contain!important;object-position:center top!important
}
html body.atelier-preview.editorial-v6.press-page .press-intro h1{
  line-height:.8!important
}
html body.atelier-preview.editorial-v6.press-page .press-hero-grid{
  position:relative
}
html body.atelier-preview.editorial-v6.press-page .press-hero-grid:before{
  content:"";position:absolute;inset:0 auto auto 0;width:90px;height:1px;
  background:rgba(37,32,27,.38);pointer-events:none
}
html body.atelier-preview.editorial-v6.press-page .v6-press-section>h2,
html body.atelier-preview.editorial-v6.press-page .v6-press-section>h3{
  text-wrap:balance
}
/* Tall laptop / tablet landscape: reserve the image for an uninterrupted film. */
@media(min-width:1100px) and (max-height:800px){
 html body.atelier-preview.work-page .room-hero-copy h1{
  font-size:clamp(53px,7.4vw,118px)!important
 }
 html body.atelier-preview.work-page .at-room-ghost{top:16svh;font-size:27vw}
}
@media(min-width:700px) and (max-width:1099px){
 html body.atelier-preview.work-page .at-room-ghost{
  right:5vw;top:22svh;font-size:37vw
 }
 html body.atelier-preview.work-page .at-room-stamp{
  left:clamp(28px,5vw,68px);top:calc(var(--header,76px) + 26px)
 }
 html body.atelier-preview.work-page .room-hero-copy h1{
  font-size:clamp(57px,8vw,95px)!important;max-width:90vw!important
 }
}
@media(max-width:699px){
 html body.atelier-preview.work-page .at-room-stamp{
  left:6vw;top:calc(var(--header,72px) + 22px);gap:13px;font-size:8px
 }
 html body.atelier-preview.work-page .at-room-stamp:before{width:23px}
 html body.atelier-preview.work-page .at-room-ghost{
  top:clamp(175px,25svh,280px);
  right:9vw;font-size:53vw;
  -webkit-text-stroke:.7px rgba(243,236,226,.3)
 }
 html body.atelier-preview.work-page .room-hero-copy h1{
  font-size:clamp(49px,12.7vw,75px)!important;
  max-width:92vw!important;line-height:.92!important
 }
 html body.atelier-preview.work-page .room-chapter-head h2{
  line-height:1.01!important
 }
 html body.atelier-preview.works-page .at-triptych{
  top:16svh;bottom:38svh
 }
 html body.atelier-preview.works-page .at-triptych-link{
  box-shadow:0 16px 34px rgba(0,0,0,.26)
 }
 html body.atelier-preview.editorial-v6.about-page .about-intro h1{
  font-size:clamp(47px,13vw,83px)!important
 }
 html body.atelier-preview .at-reading-progress{height:2px}
}
@media(max-width:390px), (max-height:620px){
 html body.atelier-preview.work-page .at-room-ghost{
  top:22svh;font-size:46vw
 }
}
@media(prefers-reduced-motion:reduce){
 html body.atelier-preview .at-reading-progress:before{
  transition:none!important
 }
 html body.atelier-preview .at-triptych-link,
 html body.atelier-preview .at-triptych-link .at-triptych-label{
  transition:none!important
 }
}