/* Cloud Tide / an editorial exhibition. Native scroll, independently playing films. */
html{scrollbar-gutter:stable}
.exhibition-main{--expo-paper:#eeede5;--expo-ink:#18232a;color:var(--expo-ink);background:var(--expo-paper);overflow:clip}
.exhibition-main h2{font-weight:400;letter-spacing:-.065em}
.exhibition-main em,.lookbook-dialog em{font-family:var(--serif);font-weight:400}
.section-eyebrow,.chapter-line,.index-foot{display:flex;justify-content:space-between;gap:20px;font:9px/1.5 'Courier New',monospace;letter-spacing:1.5px}
.collection-index{padding:65px 5% 85px;scroll-margin-top:0}
.section-eyebrow{border-top:1px solid #18232a55;padding-top:17px}
.index-heading{display:flex;align-items:center;justify-content:space-between;padding:60px 0 45px}
.index-heading h2{font:400 clamp(70px,8.3vw,150px)/.91 var(--sans);letter-spacing:-.07em}
.index-heading h2 em{display:inline-block;margin-left:16vw;font-size:1.08em;line-height:1.1}
.index-heading>div{padding-right:2%;align-self:flex-end;padding-bottom:22px}
.index-mark{font:30px var(--serif)}.index-heading p{margin-top:22px;font-size:11px;line-height:1.9;letter-spacing:1px}
.look-portals{display:flex;align-items:flex-start;gap:28px;padding-bottom:45px}
.look-portal{display:block;flex:1;min-width:0;transition:flex .8s cubic-bezier(.22,1,.36,1)}
.portal-flow{flex:1.12}.portal-cloud{margin-top:75px}.portal-foam{margin-top:24px;flex:.9}
.portal-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#a8aeb4}
.portal-media img,.portal-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.portal-media img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.portal-media video,.editorial-film video{opacity:0;transition:opacity .5s}
.portal-media video[data-ready=true],.editorial-film video[data-ready=true]{opacity:1}
.portal-flow video{object-position:48% center}.portal-cloud video{object-position:54% center}
.portal-open{position:absolute;right:14px;bottom:14px;background:#eeede5f0;color:#152029;padding:11px 17px;font-size:10px;letter-spacing:1px;transform:translateY(65px);transition:transform .5s}
.look-portal:hover .portal-open,.look-portal:focus-visible .portal-open{transform:none}
.look-portal:hover .portal-media img{transform:scale(1.035)}
.portal-label{display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid currentColor;margin-top:15px;gap:15px}
.portal-label>span:first-child{font:9px 'Courier New';letter-spacing:1px}.portal-label>span:last-child{font-size:25px}
.portal-label h3{font-size:24px;font-weight:400;margin-left:auto}
.index-foot{border-top:1px solid #18232a40;padding-top:18px;font-size:8px}
.look-chapter{position:relative;scroll-margin-top:0;padding:30px 5% 60px;--p:.5}
.chapter-line{border-top:1px solid currentColor;padding-top:17px;opacity:.65}
.chapter-chinese{display:block;font-size:22px;letter-spacing:.22em;font-weight:400}
.chapter-end{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:40px;border-top:1px solid #18232a40}
.small-index{font:8px/1.5 'Courier New';letter-spacing:1.6px}
.chapter-end p{font-size:11px;margin-top:14px;letter-spacing:1.3px}
.open-lookbook{display:flex;align-items:center;justify-content:space-between;gap:70px;border-bottom:1px solid currentColor;padding:14px 0;font-size:12px;min-width:210px;transition:gap .4s}
.open-lookbook>span{font:30px/1 var(--sans);transition:transform .4s}.open-lookbook:hover>span{transform:translate(4px,-4px)}
.editorial-film{position:relative;overflow:hidden;background:#a1abb1}
.editorial-film>img,.editorial-film>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.editorial-film figcaption{position:absolute;z-index:2;bottom:20px;left:22px;font:8px 'Courier New';letter-spacing:1.6px;color:white;text-shadow:0 1px 10px #000}
.detail-art{padding:0;display:block;position:relative;overflow:hidden;text-align:left;background:#c9cbd1}
.detail-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.detail-art>span{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:10px;color:white;background:linear-gradient(transparent,#11202a85);letter-spacing:1px}
.detail-art i{font-style:normal;font-size:24px}.detail-art:hover>img{transform:scale(1.035)}
.flow-chapter{background:#dce1e1;padding-top:50px}
.flow-composition{position:relative;height:clamp(760px,72vw,1060px);margin:35px 0 55px}
.flow-type{position:absolute;left:0;top:8%;z-index:3;pointer-events:none}
.flow-type h2{font:400 clamp(90px,12.5vw,208px)/.78 var(--sans);letter-spacing:-.08em;margin:36px 0 28px}
.flow-type h2 em{display:block;font-size:1.14em;margin:14px 0 0 3vw}
.flow-type p{font-size:11px;letter-spacing:1px;margin:25px 0 0 4px}
.flow-film{position:absolute;left:29%;top:0;width:48%;height:93%;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.flow-film video{object-position:49% center}.flow-film img{object-position:54% center}
.flow-detail{position:absolute;z-index:4;right:0;bottom:3%;width:35%;height:34%;transform:translateY(calc((.5 - var(--p))*70px));box-shadow:0 25px 60px #14222a15}
.flow-detail>img{object-position:64% 50%}
.flow-axis{position:absolute;right:7%;top:5%;height:43%;border-left:1px solid #18232a55;transform:rotate(17deg);transform-origin:top}
.flow-axis:before{content:'↗';font-size:24px;position:absolute;top:-25px;left:-12px}
.cloud-chapter{background:#e8eaf0;padding-top:60px;padding-bottom:75px}
.cloud-heading{text-align:center;padding:70px 0 48px;position:relative;z-index:2}
.cloud-heading h2{font:400 clamp(75px,10vw,168px)/1.02 var(--sans);letter-spacing:-.075em;margin:21px 0 24px}
.cloud-heading p{font-size:11px;letter-spacing:2px}
.cloud-aperture{position:relative;margin:0 -5.56%;height:clamp(470px,51vw,900px);clip-path:inset(0 calc(max(0, .45 - var(--p))*25%) 0 round calc(max(0, .55 - var(--p))*35vw) calc(max(0, .55 - var(--p))*35vw) 0 0);background:#b9c7d1}
.cloud-film{height:100%;width:100%}.cloud-film>video,.cloud-film>img{object-position:center 53%}
.aperture-coordinate{position:absolute;bottom:24px;left:7%;font:10px 'Courier New';letter-spacing:2px;color:white}
.cloud-studies{position:relative;display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:4%;align-items:start;margin:95px 0 75px}
.cloud-study-title{padding-top:28px}.cloud-study-title p{font-size:23px;line-height:1.8;letter-spacing:1px;margin-top:28px}
.study-line{display:block;height:1px;width:72%;background:currentColor;margin-top:50px;transform:rotate(-12deg);transform-origin:left}
.cloud-surface{aspect-ratio:4/5;transform:translateY(calc((.5 - var(--p))*-55px))}.cloud-surface img{object-position:center bottom;height:160%;position:absolute;bottom:0}
.cloud-volume{aspect-ratio:4/5;margin-top:150px;transform:translateY(calc((.5 - var(--p))*80px))}.cloud-volume img{object-position:center 64%}
.foam-chapter{background:#182027;color:#e4e2df;padding-top:60px;padding-bottom:75px;isolation:isolate}
.foam-heading{position:relative;padding:65px 0 40px;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:end}
.foam-heading .chapter-chinese{grid-column:1/-1}.foam-heading h2{font:400 clamp(95px,15vw,245px)/.96 var(--sans);letter-spacing:-.075em;margin-top:25px}.foam-heading p{font-size:11px;letter-spacing:2px;padding-bottom:20px}
.foam-composition{position:relative;height:clamp(650px,65vw,1000px);margin:10px 0 70px}
.foam-film{position:absolute;left:0;top:0;width:82%;height:79%;background:#1d2831;z-index:2;clip-path:inset(0 0 0 0)}
.foam-film video,.foam-film img{object-position:53% center}
.foam-float{position:absolute;width:27%;height:56%;bottom:0;right:0;z-index:3;border:8px solid #182027;transform:translateY(calc((.5 - var(--p))*-100px)) rotate(-5deg)}
.foam-echo{position:absolute;right:-12%;top:-20%;width:60%;height:110%;opacity:.13;filter:grayscale(1);z-index:0;overflow:hidden;transform:translateY(calc((.5 - var(--p))*110px)) rotate(12deg)}
.foam-echo img{height:170%;object-position:center bottom;position:absolute;bottom:-40%}
.foam-letter{position:absolute;bottom:-10%;left:8%;font:italic 450px/.8 var(--serif);color:#d4cbeb25;z-index:1;pointer-events:none}
.foam-chapter .chapter-end{border-color:#e4e2df40}.foam-chapter .open-lookbook{color:#d4fc73}
.exhibition-finale{background:#d9e0d8;padding:65px 5% 36px;position:relative}
.finale-title{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:95px 0 110px}
.finale-title h2{font:400 clamp(80px,12vw,190px)/.83 var(--sans);letter-spacing:-.075em}.finale-title em{display:inline-block;margin-top:15px;margin-left:7vw}
.film-ticket{position:relative;width:210px;height:210px;border:1px solid #18232a88;border-radius:50%;padding:35px;text-align:left;transition:background .4s,transform .5s;flex-shrink:0}
.film-ticket>span{font-size:12px}.film-ticket>b{display:block;font-size:62px;line-height:1.1;font-weight:400;margin:18px 0 16px}.film-ticket>small{font:7px 'Courier New';letter-spacing:.6px}
.film-ticket:hover{background:#d4fc73;transform:rotate(-8deg)}
.signature{display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid #18232a55;padding-top:25px;font-size:12px;line-height:1.9}
.signature>span:nth-child(2){text-align:center}.signature small,.signature>a{font:8px/2 'Courier New';letter-spacing:1px}
.chapter-dock{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);background:#121c24e8;backdrop-filter:blur(14px);color:#eee;border:1px solid #b2bbbd55;padding:5px;display:flex;box-shadow:0 5px 24px #0002}
.chapter-dock[hidden]{display:none}.chapter-dock a{display:flex;align-items:center;gap:9px;font:10px 'Courier New';padding:12px 16px;min-height:43px}.chapter-dock span{font:11px var(--sans)}.chapter-dock a:hover{background:#e9e7df20}.chapter-dock a[aria-current=true]{background:#d4fc73;color:#18232a}
.masthead.is-light .motion-switch{color:inherit}.masthead.is-light .motion-switch i{background:#426323}
::view-transition-group(look-window){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(look-window),::view-transition-new(look-window){height:100%;object-fit:cover;mix-blend-mode:normal}
.expo-ready[data-motion=on] .look-portal .portal-media{clip-path:inset(12% 0 12% 0);transition:clip-path 1.1s cubic-bezier(.22,1,.36,1)}
.expo-ready[data-motion=on] .look-portal.is-in .portal-media{clip-path:inset(0)}
.expo-ready[data-motion=on] .flow-chapter:not(.is-in) .flow-film{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}
.expo-ready[data-motion=on] .flow-film{transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}
.expo-ready[data-motion=on] .foam-chapter:not(.is-in) .foam-film{clip-path:inset(0 100% 0 0)}
.expo-ready[data-motion=on] .foam-film{transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}
body[data-motion=off] .exhibition-main *{transition:none!important;transform:none!important}
body[data-motion=off] .cloud-aperture{clip-path:none}
/* A complete, scrollable photographic book — loaded on request. */
.lookbook-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;color:#1b242b;background:#eeede5;overflow:hidden;color-scheme:light}
.lookbook-dialog::backdrop{background:#10171bd9}
.book-top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #18232a40;background:#eeede5;position:relative;z-index:4}
.book-top button{font-size:12px;padding:14px 0 14px 20px}.book-top .mono{font-size:9px}
.book-scroll{height:calc(100dvh - 66px);overflow:auto;overscroll-behavior:contain;outline:none}
.book-intro{padding:65px 6% 45px;display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
.book-intro h2{font:400 clamp(60px,8vw,125px)/1 var(--serif);letter-spacing:-.045em}.book-intro h2 small{display:block;font:20px var(--sans);letter-spacing:4px;margin-bottom:16px}
.book-intro>p{font-size:12px;line-height:2.2;max-width:310px;letter-spacing:.5px}
.book-cover{height:65vw;max-height:720px;margin:0 4%;width:92%}.book-cover>img{object-position:center 56%}
.book-section-label{display:flex;justify-content:space-between;font:9px 'Courier New';letter-spacing:1px;padding:55px 6% 20px}
.book-silhouettes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c2329;padding:30px 4% 45px;color:#eee}
.book-angle{display:block;width:100%;padding:0;background:#000;position:relative}.book-angle>img{height:auto;aspect-ratio:1500/2122;object-fit:contain;background:#000}.book-angle>span{display:flex;justify-content:space-between;padding:18px 20px;font-size:10px;background:#1c2329}
.book-materials{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:9%;padding:35px 10% 90px}.book-materials .detail-art{aspect-ratio:4/5}.book-materials .detail-art:nth-child(2){margin-top:150px}
.book-process{margin:0 6% 60px;border-top:1px solid #18232a50;border-bottom:1px solid #18232a50;padding:24px 0}
.book-process summary{cursor:pointer;font-size:13px;letter-spacing:1px}.book-process summary::marker{color:#647c69}.book-process img{width:100%;height:auto;margin-top:28px;background:#fff}
.book-model{margin:0 6% 70px;border-top:1px solid #18232a50;padding-top:30px}
.model-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.model-intro p{font-size:12px;line-height:1.9}.model-intro small{display:block;font-size:10px;color:#5a6469;margin-top:5px}
.model-start{border-bottom:1px solid currentColor;padding:15px 0;font-size:13px}
.model-studio{position:relative;margin-top:25px;background:#dce1e0;height:650px;max-height:70svh;min-height:380px;overflow:hidden}
.model-studio[hidden]{display:none}.book-model-host{position:absolute;inset:0;touch-action:none}.book-model-host canvas{display:block;width:100%;height:100%;max-width:none;cursor:grab;outline:none}
.model-status{position:absolute;top:18px;left:20px;right:20px;font-size:10px;pointer-events:none}
.model-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#eeede5ed;border:1px solid #18232a45;max-width:95%;box-shadow:0 4px 22px #0001}
.model-controls button{padding:12px 16px;font-size:11px;min-height:44px;white-space:nowrap}.model-controls button+button{border-left:1px solid #18232a25}.model-controls button:hover{background:#d4fc73}
.book-bottom{padding:35px 6% 55px;display:flex;justify-content:space-between;border-top:1px solid #18232a40;font-size:11px}.book-bottom button{border-bottom:1px solid currentColor;padding:12px 0}
.image-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#10171b;color:#eee;overflow:hidden}
.image-bar{height:68px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #ffffff20}.image-bar>div{display:flex;gap:22px}.image-bar button{font-size:11px;min-height:44px;white-space:nowrap}
.image-pan{height:calc(100dvh - 68px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;display:flex;align-items:center;justify-content:center}
.image-pan img{width:100%;height:100%;object-fit:contain;max-width:none;user-select:none;opacity:0;transition:opacity .25s}.image-pan img.is-ready{opacity:1}
.image-pan.is-zoomed{display:block;cursor:grab}.image-pan.is-zoomed img{width:auto;height:auto;min-width:100%;max-width:none;object-fit:initial}.image-pan.is-dragging{cursor:grabbing}
#image-status{position:absolute;bottom:20px;left:20px;font-size:11px;background:#10171bbb;padding:8px 12px;pointer-events:none}#image-status:empty{display:none}
@media(hover:hover){.look-portals:has(.look-portal:hover) .look-portal:hover{flex:1.22}}
@media(min-width:1900px){.collection-index,.look-chapter,.exhibition-finale{padding-left:max(5%,calc((100vw - 1700px)/2));padding-right:max(5%,calc((100vw - 1700px)/2))}.cloud-aperture{margin:0}.flow-composition{height:1100px}}
@media(max-width:900px){.index-heading h2{font-size:10vw}.index-heading h2 em{margin-left:9vw}.look-portals{gap:18px}.portal-label h3{font-size:21px}.portal-label>span:first-child{font-size:7px}.flow-composition{height:750px}.flow-film{width:58%;left:23%}.flow-type h2{font-size:15vw}.flow-detail{width:39%;height:30%}.cloud-studies{grid-template-columns:.8fr 1.2fr .9fr;gap:3%}.cloud-study-title p{font-size:18px}.foam-heading p{grid-column:1/-1;margin-top:25px}.foam-composition{height:680px}.foam-film{width:92%;height:71%}.foam-float{width:34%;height:54%}.film-ticket{width:170px;height:170px;padding:25px}.film-ticket>b{font-size:45px;margin:12px 0}.film-ticket>small{font-size:6px}.book-intro{padding-top:45px}.book-intro>p{max-width:270px}.model-controls button{padding:12px}}
@media(max-width:600px){
 .collection-index{padding:40px 22px 48px}.section-eyebrow,.chapter-line{font-size:7px;letter-spacing:.6px;gap:12px}.section-eyebrow>span:last-child{white-space:nowrap}
 .index-heading{padding:45px 0 30px;display:block}.index-heading h2{font-size:15vw;line-height:.93}.index-heading h2 em{margin-left:16vw;font-size:1.14em}.index-heading>div{display:flex;align-items:center;justify-content:space-between;padding:26px 0 0}.index-mark{font-size:23px}.index-heading p{font-size:10px;line-height:1.8;margin:0}
 .look-portals{margin:0 -22px;padding:0 22px 28px;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:22px;overscroll-behavior-x:contain;scrollbar-width:thin}
 .look-portal{flex:0 0 77vw!important;scroll-snap-align:start;margin:0}.portal-cloud{margin-top:35px}.portal-foam{margin-top:12px}.portal-media{aspect-ratio:3/4}.portal-label{padding-top:15px;margin-top:12px}.portal-label>span:first-child{font-size:8px}.portal-open{transform:none;font-size:9px;padding:9px 12px}.portal-label h3{font-size:23px}.index-foot{font-size:6px;letter-spacing:.3px;padding-top:16px;margin-top:25px}
 .look-chapter{padding:30px 22px 45px}.chapter-chinese{font-size:18px;letter-spacing:.15em}.chapter-line{padding-top:14px}.chapter-end{padding-top:25px;align-items:flex-start;gap:20px}.small-index{font-size:7px;letter-spacing:.6px}.chapter-end p{font-size:9px;letter-spacing:0;line-height:1.6;margin-top:10px}.open-lookbook{min-width:0;gap:22px;font-size:10px;padding:8px 0}.open-lookbook>span{font-size:24px}
 .flow-composition{height:790px;margin:30px 0 35px}.flow-type{top:0;left:0}.flow-type h2{font-size:23vw;line-height:.75;margin-top:26px}.flow-type h2 em{margin-left:0;margin-top:12px}.flow-type p{font-size:9px;margin-top:24px}
 .flow-film{top:135px;left:8%;width:92%;height:72%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.flow-film video{object-position:49% center}.flow-type{z-index:3;mix-blend-mode:multiply}.flow-detail{width:64%;height:23%;bottom:0;right:-5px;transform:none!important;border:4px solid #dce1e1}.flow-axis{right:9%;top:20px;height:90px}.editorial-film figcaption{font-size:6px;left:18px;bottom:18px;letter-spacing:.6px}.detail-art>span{padding:9px 12px;font-size:9px}.detail-art i{font-size:20px}
 .cloud-heading{padding:50px 0 35px}.cloud-heading h2{font-size:16vw;line-height:.95;margin-top:22px}.cloud-heading h2 em{display:block;font-size:1.16em;margin-left:16%}.cloud-heading p{font-size:10px;margin-top:24px}.cloud-aperture{margin:0 -22px;height:470px;clip-path:inset(0 calc(max(0,.42 - var(--p))*12%) 0 round 32vw 32vw 0 0)}.cloud-film video,.cloud-film img{object-position:54% center}
 .cloud-studies{grid-template-columns:1fr 1fr;gap:18px;margin:45px 0 40px}.cloud-study-title{padding:0;grid-column:1/-1;display:flex;justify-content:space-between;align-items:start}.cloud-study-title p{font-size:16px;line-height:1.7;margin:0}.study-line{display:none}.cloud-surface{aspect-ratio:3/4;transform:none!important}.cloud-volume{margin-top:65px;aspect-ratio:3/4;transform:none!important}
 .foam-heading{padding:45px 0 25px;display:block}.foam-heading h2{font-size:22vw;margin-top:26px}.foam-heading p{font-size:10px;margin:22px 0 0;padding:0}.foam-composition{height:680px;margin:0 0 30px}.foam-film{width:calc(100% + 44px);left:-22px;height:72%;top:0}.foam-film video{object-position:52% center}.foam-float{width:55%;height:41%;bottom:0;right:-5px;transform:rotate(-5deg)!important;border-width:5px}.foam-echo{display:none}.foam-letter{font-size:280px;bottom:0;left:0}
 .exhibition-finale{padding:40px 22px 95px}.finale-title{padding:60px 0 55px;display:block}.finale-title h2{font-size:19vw;line-height:.85}.finale-title em{margin-left:7vw;margin-top:12px}.film-ticket{width:140px;height:140px;padding:22px;margin:40px 0 0 auto;display:block}.film-ticket>span{font-size:10px}.film-ticket>b{font-size:40px;margin:9px 0}.film-ticket>small{font-size:5px}.signature{gap:16px;flex-wrap:wrap;font-size:10px}.signature>span:nth-child(2){text-align:right}.signature small{font-size:6px}.signature>a{font-size:7px;margin-top:10px;width:100%}
 .chapter-dock{bottom:12px;max-width:calc(100% - 28px);white-space:nowrap;padding:3px}.chapter-dock a{padding:11px 13px;font-size:8px;gap:6px}.chapter-dock span{font-size:10px}
 .book-top{height:60px;padding:0 20px}.book-top .mono{font-size:7px;letter-spacing:.5px}.book-top button{font-size:11px}.book-scroll{height:calc(100dvh - 60px)}.book-intro{display:block;padding:35px 22px}.book-intro h2{font-size:65px}.book-intro h2 small{font-size:18px;margin-bottom:12px}.book-intro>p{font-size:11px;margin-top:25px;max-width:none;line-height:2}.book-cover{width:100%;margin:0;height:75svh;max-height:650px}.book-cover>img{object-position:52% center}.book-section-label{font-size:7px;padding:35px 22px 17px;gap:15px}
 .book-silhouettes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:18px 22px 25px;scroll-padding-left:22px}.book-angle{flex:0 0 75vw;scroll-snap-align:start}.book-angle>span{padding:16px 10px}.book-materials{padding:10px 22px 45px;gap:16px}.book-materials .detail-art{aspect-ratio:3/5}.book-materials .detail-art:nth-child(2){margin-top:60px}.book-process{margin:0 22px 40px;padding:22px 0}.book-model{margin:0 22px 40px}.model-intro{display:block}.model-intro p{font-size:11px}.model-intro small{font-size:9px}.model-start{margin-top:10px;font-size:12px}.model-studio{height:65svh;min-height:380px;margin-left:-22px;margin-right:-22px}.model-controls{bottom:12px}.model-controls button{font-size:9px;padding:10px 12px}.model-status{font-size:9px;left:18px}.book-bottom{padding:25px 22px 40px;font-size:10px}.image-bar{height:62px;padding:0 15px;gap:12px;font-size:9px}.image-bar>div{gap:14px}.image-bar button{font-size:9px}.image-pan{height:calc(100dvh - 62px)}
}
@media(prefers-reduced-motion:reduce){.exhibition-main *{transform:none!important;transition:none!important}.cloud-aperture{clip-path:none!important}}