/* Oriental Experience — independent editorial design, October 2026 */
:root{--white:#fafaf7;--ink:#171b18;--muted:#626861;--line:#d9dcd5;--green:#183c32;--lime:#dcf295;--gutter:clamp(22px,4vw,72px);--sans:'Manrope','Noto Sans SC','Microsoft YaHei',sans-serif;--display:'Editorial Serif','Songti SC','SimSun',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #607f29;outline-offset:6px}img{display:block;max-width:100%;height:auto}button{padding:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.22}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:10px;left:20px;transform:translateY(-200%);z-index:100;background:white;padding:12px}.skip:focus{transform:none}
.masthead{height:90px;padding:0 var(--gutter);background:var(--white);display:flex;align-items:center;justify-content:space-between;gap:26px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:12px;align-items:center;flex-shrink:0}.wordmark>span{font-size:22px;letter-spacing:.18em;font-weight:600;line-height:1.3}.wordmark small{display:block;font-size:8px;letter-spacing:.12em;font-weight:500;margin-top:5px}.desktop-nav{display:flex;gap:36px;font-size:13px}.desktop-nav a{padding:10px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;height:1px;background:currentColor;bottom:5px;left:0;right:100%;transition:right .25s}.desktop-nav a:hover:after{right:0}.nav-actions{display:flex;gap:24px;align-items:center}.nav-actions button{min-height:44px;min-width:44px;font-size:13px}.menu-toggle{display:none;align-items:center;gap:14px}.menu-lines{width:19px;height:10px;border-block:1px solid;display:block}.mobile-menu{position:fixed;inset:72px 0 auto;background:var(--white);z-index:19;padding:30px var(--gutter) 45px;border-bottom:1px solid var(--line)}.mobile-menu a{display:block;font-size:25px;line-height:2.5}
.campaign{height:calc(100svh - 90px);min-height:620px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;color:white;background:#31483c}.campaign-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 56%;z-index:-2}.campaign-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,23,16,.35),rgba(7,22,17,.02) 35%,rgba(5,19,13,.73))}.campaign-top{position:absolute;inset:28px var(--gutter) auto;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em}.campaign-copy{position:absolute;bottom:90px;left:var(--gutter);right:var(--gutter)}.campaign h1{font-size:clamp(44px,6.2vw,94px);line-height:1.18;letter-spacing:-.045em;font-weight:500;text-wrap:balance}.campaign-bottom{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-top:32px}.campaign-bottom p{font-size:16px;letter-spacing:.08em}.pill-link{display:flex;align-items:center;gap:65px;border:1px solid rgba(255,255,255,.8);padding:14px 25px;border-radius:100px;font-size:14px;transition:background .2s,color .2s;flex-shrink:0}.pill-link:hover{background:white;color:var(--ink)}.pill-link span:last-child{font-size:22px}.image-credit{position:absolute;right:var(--gutter);bottom:22px;font-size:10px;letter-spacing:.06em;display:flex;gap:16px;align-items:center;min-height:30px}.section-space{padding:96px var(--gutter)}.eyebrow{font:500 11px/1.5 var(--sans);letter-spacing:.13em;display:block}.manifesto{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:start;gap:40px;border-bottom:1px solid var(--line)}.manifesto h2{font-size:clamp(28px,3vw,45px);letter-spacing:-.03em;margin-bottom:24px}.manifesto p{max-width:590px;font-size:17px;color:var(--muted);line-height:1.9}.manifesto .text-link{align-self:end;justify-self:end;white-space:nowrap}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:13px;border-bottom:1px solid;padding:12px 0;transition:gap .2s}.text-link:hover{gap:53px}.text-link>span:last-child{font-size:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2{font-size:clamp(36px,4.8vw,68px);letter-spacing:-.045em;margin-top:20px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:280px}.gallery-toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:32px;align-items:center}.filters{display:flex;gap:24px;flex-wrap:wrap}.filters button{font-size:13px;padding:6px 0;color:var(--muted);border-bottom:1px solid transparent}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.result-count{font-size:11px;color:var(--muted);white-space:nowrap}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:44px}.art-card{display:block;text-align:left;width:100%;min-width:0}.art-picture{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#eef0e9;overflow:hidden;padding:32px}.art-card:nth-child(3n+2) .art-picture{background:#e9e8e0}.art-card:nth-child(3n) .art-picture{background:#efeeeb}.art-picture img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.art-card:hover .art-picture img{transform:scale(1.035)}.card-arrow{position:absolute;bottom:17px;right:19px;background:var(--white);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:22px;opacity:0;transform:translateY(8px);transition:.25s}.art-card:hover .card-arrow,.art-card:focus-visible .card-arrow{opacity:1;transform:none}.card-caption{display:flex;justify-content:space-between;gap:16px;margin-top:17px;align-items:start}.card-caption h3{font-size:16px;line-height:1.55}.card-caption p{font-size:12px;color:var(--muted);margin-top:5px}.card-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:4px}
.edition{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white}.edition-visual{position:relative;background:#d6d9d0;display:flex;align-items:center;justify-content:center;overflow:hidden}.edition-visual>img{width:100%;height:100%;object-fit:cover}.concept-label{position:absolute;bottom:22px;left:var(--gutter);right:20px;font-size:11px;color:#333e32}.edition-copy{padding:75px clamp(30px,5vw,84px);display:flex;flex-direction:column;align-items:start;justify-content:center}.edition-copy .eyebrow{color:var(--lime)}.edition-copy h2{font-size:clamp(65px,7vw,108px);letter-spacing:-.045em;line-height:1.1;margin:44px 0 32px}.edition-copy .edition-lead{font-size:22px;margin-bottom:18px;color:white}.edition-copy>p{max-width:450px;font-size:15px;color:#dae2d9;line-height:1.95}.edition-partner{display:grid;gap:8px;margin:34px 0 23px;font-size:12px;color:#dae2d9}.edition-partner a{display:flex;justify-content:space-between;gap:50px;color:white;border-bottom:1px solid #849d8d;padding:4px 0 9px}.light{color:var(--lime)}.close-look{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10vw;border-bottom:1px solid var(--line)}.look-copy h2{font-size:clamp(34px,4vw,62px);margin:28px 0;line-height:1.35;letter-spacing:-.04em}.look-copy p{color:var(--muted);max-width:330px;margin-bottom:25px;line-height:1.95}.look-image{display:block;position:relative;width:100%;text-align:left}.look-image img{width:100%;aspect-ratio:1;object-fit:cover}.look-image>span{display:block;font-size:11px;color:var(--muted);margin-top:15px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.studio h2{font-size:clamp(32px,3.5vw,52px);line-height:1.4;letter-spacing:-.04em;margin-top:30px}.studio-copy .studio-lead{font-size:20px;color:var(--ink);margin-bottom:24px}.studio-copy>p{font-size:15px;color:var(--muted);line-height:2}.studio-copy>.text-link{margin:18px 0 30px}.source-note{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:32px}.source-note p{margin-top:14px;line-height:1.9}.site-footer{background:#18211b;color:#f2f4ec;padding:55px var(--gutter) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:50px}.footer-name{font-size:42px;font-weight:500;letter-spacing:.1em}.footer-name>span{display:block;font-size:10px;letter-spacing:.28em;margin-top:10px}.back-top{font-size:12px;display:flex;gap:30px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #4b584d;padding-top:24px;color:#c2cbc0;font-size:10px}
.art-dialog{padding:0;border:0;background:var(--white);color:var(--ink);width:min(1400px,96vw);max-width:none;height:94dvh;max-height:94dvh;overflow:auto}.art-dialog::backdrop{background:rgba(8,18,13,.8)}body.dialog-open{overflow:hidden}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.detail-header button{display:flex;align-items:center;gap:30px;font-size:12px;min-height:36px}.detail-header button>span:last-child{font-size:28px}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:calc(94dvh - 144px)}.detail-image{margin:0;background:#e9ece4;display:flex;align-items:center;justify-content:center;padding:50px 40px 80px;position:relative;min-height:500px}.detail-image img{max-width:100%;max-height:65dvh;object-fit:contain}.detail-image>a{position:absolute;bottom:22px;left:30px;font-size:12px;border-bottom:1px solid}.detail-copy{padding:50px clamp(25px,4vw,65px)}.detail-copy h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-.04em;margin:22px 0}.detail-meta{font-size:13px;color:var(--muted);margin-bottom:30px}.detail-copy>p:not(.detail-meta):not(.detail-source){font-size:15px;line-height:2}.artist-details{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.artist-details summary,.survey-details summary{font-size:13px}.artist-details p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:12px}.detail-source{font-size:11px;color:var(--muted);margin:20px 0}.survey-details{font-size:12px;border-top:1px solid var(--line);padding-top:15px}.survey-details p{margin-top:12px;color:var(--muted)}.detail-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--line);background:var(--white)}.detail-controls button{display:flex;gap:18px;align-items:center;font-size:13px;min-height:40px}.detail-controls>span{font-size:11px}.art-dialog[open]{animation:enter .22s ease-out}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
html[lang=en] .campaign h1{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.055em;font-size:clamp(44px,6.7vw,104px)}html[lang=en] .edition-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(55px,6vw,90px)}html[lang=en] .look-copy h2,html[lang=en] .studio h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em}html[lang=en] .manifesto h2{font-family:Georgia,serif;font-weight:400}
@media(min-width:1700px){.section-space{padding-inline:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:1050px){.desktop-nav{gap:22px}.manifesto{grid-template-columns:1fr 3fr}.manifesto>.text-link{grid-column:2;justify-self:start}.edition-copy{padding:48px 35px}.edition-copy h2{font-size:70px}.art-picture{padding:22px}.close-look{gap:6vw}.studio{gap:6vw}}
@media(max-width:760px){html{scroll-padding-top:90px}.masthead{height:72px;gap:12px}.wordmark>span{font-size:18px}.wordmark small{font-size:7px}.wordmark img{width:24px;height:24px}.wordmark{gap:9px}.desktop-nav{display:none}.nav-actions{gap:12px}.menu-toggle{display:flex!important}.nav-actions button{font-size:11px}.campaign{height:calc(88svh - 72px);min-height:560px;max-height:800px}.campaign-top{font-size:9px;top:23px}.campaign-top>span:last-child{display:none}.campaign-copy{bottom:92px}.campaign h1{font-size:clamp(35px,7.8vw,59px);line-height:1.35;letter-spacing:-.06em}.campaign-bottom{display:block;margin-top:23px}.campaign-bottom p{font-size:13px;letter-spacing:.02em}.pill-link{width:max-content;gap:55px;margin-top:24px;padding:10px 20px;font-size:12px}.image-credit{font-size:9px;left:var(--gutter);right:auto}.section-space{padding:60px var(--gutter)}.manifesto{display:block}.manifesto h2{margin-top:24px;font-size:29px}.manifesto p{font-size:15px}.manifesto>.text-link{margin-top:20px}.section-heading{align-items:start;display:block;margin-bottom:28px}.section-heading h2{font-size:40px;margin:17px 0 22px}.section-heading>p{font-size:13px;max-width:100%}.filters{gap:20px}.filters button{font-size:12px}.gallery-toolbar{gap:10px}.result-count{font-size:10px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.art-picture{padding:16px;aspect-ratio:3/4}.card-caption{gap:6px;margin-top:11px}.card-caption h3{font-size:13px}.card-caption p{font-size:10px}.card-number{display:none}.card-arrow{display:none}.edition{grid-template-columns:1fr}.edition-visual{max-height:660px}.edition-visual>img{width:100%;height:auto}.edition-copy{padding:50px var(--gutter) 60px}.edition-copy h2{font-size:76px;margin:32px 0}.edition-copy h2 br{display:none}.edition-copy .edition-lead{font-size:20px}.close-look{grid-template-columns:1fr;gap:34px}.look-copy h2{font-size:39px}.look-copy p{font-size:14px}.look-image{grid-row:1}.studio{grid-template-columns:1fr;gap:30px}.studio h2{font-size:36px}.studio-copy .studio-lead{font-size:18px}.studio-copy>p{font-size:14px}.footer-name{font-size:28px}.footer-name>span{font-size:8px;letter-spacing:.15em}.footer-top{padding-bottom:36px}.back-top{font-size:11px;gap:10px}.footer-bottom{display:grid;gap:12px}.art-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0}.detail-header{padding:12px 22px}.detail-layout{grid-template-columns:1fr;min-height:0}.detail-image{min-height:0;height:52dvh;padding:25px 25px 60px}.detail-image img{max-height:100%}.detail-copy{padding:35px 22px}.detail-copy h2{font-size:33px}.detail-controls{padding:14px 22px}.detail-copy>p:not(.detail-meta):not(.detail-source){font-size:14px}html[lang=en] .campaign h1{font-size:clamp(38px,9vw,62px);line-height:1.13}html[lang=en] .edition-copy h2{font-size:65px}html[lang=en] .edition-copy h2 br{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Progressive disclosure: a short invitation before the longer reading. */
.detail-summary{max-width:36em;line-height:1.95!important;font-size:17px!important;margin-bottom:28px}
.story-details{border-top:1px solid var(--line);padding-top:19px}
.story-details summary{font-size:13px}
.story-details p{font-size:14px;line-height:2;color:var(--muted);margin:15px 0 23px;max-width:38em}
.artist-details{margin-top:18px;padding-top:18px}
.detail-source{font-size:11px;line-height:1.8}
@media(max-width:760px){.detail-summary{font-size:16px!important}.story-details p{font-size:14px}.detail-copy h2{margin:16px 0}.detail-meta{margin-bottom:24px}}

/* Entrance motion. Content is visible by default; JavaScript opts in only with an observer. */
@media(prefers-reduced-motion:no-preference){
 .reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
 .reveal-on-scroll.is-visible,.reveal-on-scroll:focus-within,.reveal-on-scroll:focus-visible{opacity:1;transform:translateY(0)}
 .motion-ready .campaign-image{animation:campaign-settle 1.9s cubic-bezier(.2,.65,.3,1) both}
 .motion-ready .campaign-top{animation:copy-arrive .85s .08s both}
 .motion-ready .campaign h1{animation:copy-arrive 1s .16s both}
 .motion-ready .campaign-bottom p{animation:copy-arrive .95s .3s both}
 .motion-ready .campaign-bottom .pill-link{animation:copy-arrive .95s .43s both}
 .motion-ready .image-credit{animation:copy-arrive .85s .55s both}
}
@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes campaign-settle{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none}}

/* Image-led editorial typography. Open fonts, locally hosted. */
.wordmark>span{font-family:var(--display);font-weight:400;letter-spacing:.14em;font-size:24px}
.wordmark small{font-family:var(--sans);font-size:8px;letter-spacing:.13em}
h1,h2,.card-caption h3,.detail-copy h2,.footer-name{font-family:var(--display);font-weight:400}
.campaign h1{font-family:var(--display);font-weight:400;font-size:clamp(43px,5.8vw,86px);line-height:1.3;letter-spacing:.025em}
.campaign-bottom p{font-size:14px;letter-spacing:.07em}
.section-heading h2{font-size:clamp(32px,3.8vw,54px);font-weight:400;letter-spacing:.02em}
.section-heading>p{font-size:13px}
.card-caption h3{font-size:19px;font-weight:400;letter-spacing:.025em}
.card-caption p{font-size:11px;margin-top:7px}
.card-number{display:none}
.edition-copy h2{font-family:var(--display);font-size:clamp(62px,6vw,88px);font-weight:400;line-height:1.35;letter-spacing:.025em}
.edition-copy .edition-lead{font-size:19px;font-weight:400}
.edition-copy>p{font-size:14px;max-width:360px}
.edition-copy{padding-block:60px}
.studio h2{font-family:var(--display);font-size:clamp(31px,3.2vw,46px);font-weight:400;letter-spacing:.02em}
.studio-copy>p{font-size:14px;line-height:1.95}
.studio-copy>.text-link{margin-bottom:22px}
.studio{border-top:1px solid var(--line)}
.detail-copy h2{font-size:clamp(29px,3vw,44px);letter-spacing:.02em;font-weight:400}
.detail-summary{font-size:16px!important;line-height:2!important;font-weight:400}
.footer-name{font-size:38px;font-weight:400}
.footer-name>span{font-family:var(--sans)}
.image-stories{padding-top:24px}
.image-stories .section-heading h2{margin:0}
.detail-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.detail-triptych .look-image{min-width:0;align-self:start}
.image-window{display:block;overflow:hidden;background:#edeee8;aspect-ratio:4/5}
.image-window img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.look-image:hover .image-window img{transform:scale(1.31)}
.detail-triptych .look-image>span.image-window{margin:0}
.detail-triptych .look-image>span:last-child{color:var(--ink);font-size:12px;line-height:1.7;margin-top:17px}
html[lang=en] .campaign h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(44px,6vw,92px)}
html[lang=en] .section-heading h2,html[lang=en] .detail-copy h2{font-family:Georgia,serif;letter-spacing:-.025em}
@media(max-width:760px){
 .wordmark>span{font-size:20px}.wordmark small{font-size:7px}
 .campaign h1{font-size:clamp(33px,8vw,58px);letter-spacing:.01em;line-height:1.4}
 .campaign-bottom p{font-size:12px}
 .section-heading h2{font-size:34px}
 .section-heading>p{font-size:12px}
 .card-caption h3{font-size:15px;letter-spacing:0;line-height:1.5}
 .card-caption p{font-size:10px}
 .edition-copy h2{font-size:66px}
 .edition-copy .edition-lead{font-size:18px}
 .edition-copy>p{font-size:13px}
 .studio h2{font-size:32px}
 .detail-copy h2{font-size:30px}
 .detail-summary{font-size:15px!important}
 .image-stories{padding-top:48px}
 .image-stories .section-heading{display:flex;align-items:end;gap:15px}
 .image-stories .section-heading h2{font-size:27px}
 .image-stories .section-heading .eyebrow{font-size:8px}
 .detail-triptych{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
 .detail-triptych .look-image{flex:0 0 84%;scroll-snap-align:start}
 .footer-name{font-size:29px}
}