@font-face{font-family:'QOP Cormorant Infant';src:url('fonts/cormorant-infant-medium.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:'QOP DM Sans';src:url('fonts/dm-sans-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'QOP DM Sans';src:url('fonts/dm-sans-medium.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}
/* Queen of Persia website brand: charcoal, #c6ac83, Cormorant Infant, DM Sans.
   Layers: page 0, sticky header 20, chapter navigation 30, toast 40, native dialogs top layer.
   Square artwork; 2px radius on controls and panels. Fixed dark gallery theme from approved brief. */
.qop-art-journey{color-scheme:dark;--bg:#0e1718;--surface:#142021;--raised:#1b292a;--text:#f2eee6;--muted:#b9c1bd;--accent:#c6ac83;--line:#354344;--header:84px;--nav:76px;--serif:'QOP Cormorant Infant',Georgia,serif;--sans:'QOP DM Sans',Arial,sans-serif}
.qop-art-journey *{box-sizing:border-box}body.qop-journey-page{scroll-padding-top:calc(var(--header) + 16px)}.qop-art-journey{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.qop-art-dialog-open{overflow:hidden}.qop-art-journey a{color:inherit;text-decoration:none}.qop-art-journey button{font:inherit;color:inherit;cursor:pointer}.qop-art-journey button,.qop-art-journey a{-webkit-tap-highlight-color:transparent}.qop-art-journey button{border:0;background:none}.qop-art-journey button:disabled{opacity:.35;cursor:default}.qop-art-journey img{display:block;max-width:100%;height:auto}.qop-art-journey figure,.qop-art-journey p,.qop-art-journey h1,.qop-art-journey h2,.qop-art-journey h3{margin:0}.qop-art-journey h1,.qop-art-journey h2,.qop-art-journey h3{font-family:var(--serif);font-weight:500}.qop-art-journey h1,.qop-art-journey h2{letter-spacing:-.035em}.qop-art-journey h1{font-size:clamp(60px,6.7vw,102px);line-height:.98}.qop-art-journey h2{font-size:clamp(46px,5.2vw,78px);line-height:1.02}.qop-art-journey h3{font-size:30px;line-height:1.15}.qop-art-journey a,.qop-art-journey button,.qop-art-journey summary{touch-action:manipulation}.qop-art-journey a:focus-visible,.qop-art-journey button:focus-visible,.qop-art-journey summary:focus-visible,.qop-art-journey [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.qop-art-journey h2[tabindex]:focus{outline:none}.qop-art-journey ::selection{background:var(--accent);color:var(--bg)}.qop-art-journey [hidden]{display:none!important}.qop-art-journey .icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.qop-art-journey .wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.qop-art-journey .eyebrow{color:var(--accent);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.qop-art-journey .skip-link{position:fixed;z-index:50;left:16px;top:-100px;background:var(--text);color:var(--bg);padding:12px 20px}.qop-art-journey .skip-link:focus{top:12px}
.qop-art-journey .site-header{height:var(--header);padding:0 40px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:rgb(14 23 24 / .97);border-bottom:1px solid var(--line)}.qop-art-journey .brand{display:flex;align-items:center;gap:20px;min-height:44px}.qop-art-journey .brand img{width:84px;height:60px;object-fit:contain;background:#eeeae0;padding:4px 7px}.qop-art-journey .brand>span{font-family:var(--serif);font-size:20px;line-height:1.1;letter-spacing:.02em;color:var(--text)}.qop-art-journey .header-actions{display:flex;align-items:center;gap:40px}.qop-art-journey .restaurant-link{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);min-height:44px}.qop-art-journey .restaurant-link .icon{width:16px}.qop-art-journey .collection-trigger{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.035em;min-height:44px;color:var(--text)}.qop-art-journey .collection-trigger .icon{color:var(--accent)}
.qop-art-journey .collection-intro{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;min-height:calc(100svh - var(--header) - 75px);max-height:1000px;gap:32px;padding-block:52px}.qop-art-journey .intro-copy{position:relative;z-index:1}.qop-art-journey .intro-copy .eyebrow{margin-bottom:26px}.qop-art-journey .intro-copy>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:17px;line-height:1.65;margin-top:28px}.qop-art-journey .button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:var(--bg);padding:16px 23px;min-height:54px;font-size:13px;font-weight:600;border-radius:2px;transition:background .2s,transform .2s}.qop-art-journey .button:hover{background:#d9c19c;transform:translateY(-2px)}.qop-art-journey .button:active{transform:scale(.98)}.qop-art-journey .intro-copy .button{margin-top:32px}.qop-art-journey .intro-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:min(650px,68svh);isolation:isolate}.qop-art-journey .intro-art-main{position:relative;width:70%;height:100%;z-index:2;padding:10px;background:var(--bg);border:1px solid #647065;box-shadow:0 20px 50px rgb(0 0 0 / .28)}.qop-art-journey .intro-art-main picture,.qop-art-journey .intro-art-side picture,.qop-art-journey .intro-art-detail picture{display:block;height:100%}.qop-art-journey .intro-art-main img{width:100%;height:100%;object-fit:cover}.qop-art-journey .intro-art-side{position:absolute;width:43%;height:72%;left:-6%;top:3%;transform:rotate(-8deg);z-index:1;opacity:.63}.qop-art-journey .intro-art-detail{position:absolute;width:42%;height:69%;right:-3%;bottom:0;transform:rotate(7deg);z-index:3;box-shadow:-10px 8px 30px rgb(0 0 0 / .4)}.qop-art-journey .intro-art-side img,.qop-art-journey .intro-art-detail img{width:100%;height:100%;object-fit:cover}.qop-art-journey .collection-context{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:22px;font-size:12px;letter-spacing:.04em;color:var(--muted)}.qop-art-journey .collection-context p{color:var(--accent)}
.qop-art-journey .artwork{scroll-margin-top:var(--header);border-top:1px solid var(--line)}.qop-art-journey .artwork-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(50px,7vw,110px);align-items:center;min-height:calc(100svh - var(--header));padding-block:64px}.qop-art-journey .artwork-figure{min-width:0}.qop-art-journey .artwork-enlarge{display:block;cursor:zoom-in}.qop-art-journey .artwork-enlarge picture{display:block}.qop-art-journey .artwork-enlarge img{width:100%;height:min(690px,73svh);object-fit:contain;filter:drop-shadow(0 16px 25px rgb(0 0 0 / .22))}.qop-art-journey .artwork-figure>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-top:16px}.qop-art-journey .artwork-figure>figcaption>a{display:flex;align-items:center;gap:8px;color:var(--accent);min-height:44px}.qop-art-journey .artwork-figure .icon{width:17px;height:17px}.qop-art-journey .chapter-position{color:var(--accent);font-size:13px;letter-spacing:.12em;margin-bottom:22px;font-variant-numeric:tabular-nums}.qop-art-journey .chapter-position span{color:#88948f;margin-left:5px}.qop-art-journey .artwork-heading h2{max-width:540px}.qop-art-journey .artwork-intro{font-family:var(--serif);font-size:26px;line-height:1.35;color:var(--muted);margin-top:25px;max-width:340px}.qop-art-journey .text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;color:var(--accent);padding:0}.qop-art-journey .text-link .icon{width:19px;height:19px}.qop-art-journey .text-link:hover{color:#e4d2b6}.qop-art-journey .story-link{margin-top:33px;border-bottom:1px solid #7e715d;padding-bottom:5px}.qop-art-journey .story-link .icon{transition:transform .2s}.qop-art-journey .story-link:hover .icon{transform:translateX(4px)}
.qop-art-journey .story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;gap:clamp(60px,9vw,144px);padding-block:45px 76px;scroll-margin-top:calc(var(--header) + 36px)}.qop-art-journey .story-copy h3{color:var(--accent);margin-bottom:27px}.qop-art-journey .story-copy>p{font-size:18px;line-height:1.8;color:#d1d7d2;margin-bottom:25px}.qop-art-journey .detail-figure{margin-top:9px}.qop-art-journey .detail-figure>img{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover}.qop-art-journey .detail-figure figcaption{padding-top:25px}.qop-art-journey .detail-figure h3{font-size:27px;margin-bottom:12px}.qop-art-journey .detail-figure p{font-size:15px;line-height:1.8;color:var(--muted);max-width:420px}.qop-art-journey .piece-details{border-top:1px solid var(--line);margin-top:35px}.qop-art-journey .piece-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:60px;font-size:13px;color:var(--accent)}.qop-art-journey .piece-details summary::-webkit-details-marker{display:none}.qop-art-journey .piece-details summary .icon{width:18px;height:18px;transition:transform .2s}.qop-art-journey .piece-details[open] summary .icon{transform:rotate(45deg)}.qop-art-journey .piece-details dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:12px 0 26px}.qop-art-journey .piece-details dt{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:5px}.qop-art-journey .piece-details dd{font-size:14px;color:var(--text);margin:0;line-height:1.5}.qop-art-journey .share-button{margin-top:12px;font-size:12px;color:var(--muted)}.qop-art-journey .chapter-end{padding-block:0 58px}.qop-art-journey .next-story{display:block;border-top:1px solid var(--line);padding-top:27px;text-align:right}.qop-art-journey .next-story>span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.qop-art-journey .next-story strong{font:500 28px var(--serif);display:flex;justify-content:flex-end;align-items:center;gap:24px}.qop-art-journey .next-story .icon{color:var(--accent)}.qop-art-journey .next-story:hover strong{color:var(--accent)}
.qop-art-journey .collection-end{padding-block:120px 80px;text-align:center;scroll-margin-top:var(--header)}.qop-art-journey .collection-end h2{margin-top:24px}.qop-art-journey .collection-end>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin-top:28px}.qop-art-journey .collection-end .button{margin-top:32px}.qop-art-journey .collection-end>.text-link{display:flex;justify-content:center;width:fit-content;margin:24px auto 0}.qop-art-journey .site-footer{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);padding-block:35px 115px;color:var(--muted);font-size:12px}.qop-art-journey .site-footer>img{width:85px;background:#eeeae0;padding:6px 8px}.qop-art-journey .site-footer>a{margin-left:auto;min-height:44px;display:flex;align-items:center;gap:9px}.qop-art-journey .site-footer .icon{width:16px;height:16px}.qop-art-journey .inline-directory{padding-block:64px}.qop-art-journey .inline-directory h2{font-size:42px;margin-bottom:32px}.qop-art-journey.js .inline-directory{display:none}
.qop-art-journey .chapter-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgb(14 23 24 / .98);border-top:1px solid #465250;min-height:var(--nav);padding:10px max(24px,calc((100vw - 1200px)/2)) calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;box-shadow:0 -8px 22px rgb(0 0 0 / .13)}.qop-art-journey .nav-prev,.qop-art-journey .nav-next{display:flex;align-items:center;gap:14px;min-height:48px;font-size:12px;min-width:0}.qop-art-journey .nav-next{justify-content:flex-end}.qop-art-journey .nav-current{min-height:48px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.qop-art-journey .nav-current-title{font-family:var(--serif);font-size:21px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qop-art-journey .nav-current small{color:var(--accent);font-size:10px;line-height:1.4}.qop-art-journey .nav-current small .icon{width:13px;height:13px;margin-left:6px}.qop-art-journey .chapter-nav a:hover{color:var(--accent)}
.qop-art-journey dialog{color:var(--text);background:var(--bg);padding:0;border:1px solid var(--line);border-radius:2px}.qop-art-journey dialog::backdrop{background:rgb(4 9 10 / .8);backdrop-filter:blur(8px)}.qop-art-journey .collection-dialog{width:min(740px,calc(100% - 48px));height:min(860px,calc(100dvh - 64px));max-height:none;max-width:none;padding:34px 38px;overscroll-behavior:contain}.qop-art-journey .dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.qop-art-journey .dialog-heading h2{font-size:48px;margin-top:12px}.qop-art-journey .dialog-description{font-size:14px;color:var(--muted);margin-block:18px 30px}.qop-art-journey .icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:2px;flex-shrink:0}.qop-art-journey .icon-button:hover{background:var(--raised);border-color:var(--accent)}.qop-art-journey .collection-list{display:flex;flex-direction:column;gap:10px}.qop-art-journey .collection-row{display:grid;grid-template-columns:22px 76px minmax(0,1fr) 22px;align-items:center;gap:20px;min-height:116px;padding:9px 13px;border:1px solid transparent;border-radius:2px}.qop-art-journey .collection-row:hover{background:var(--surface)}.qop-art-journey .collection-row[aria-current="true"]{border-left:2px solid var(--accent);background:var(--surface)}.qop-art-journey .row-number{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}.qop-art-journey .collection-row>img{width:76px;height:96px;object-fit:contain;background:#0a1112}.qop-art-journey .row-copy>span{display:block;font:500 26px/1.05 var(--serif);margin-bottom:7px}.qop-art-journey .row-copy>small{font-size:11px;color:var(--muted)}.qop-art-journey .collection-row>.icon{width:18px;color:var(--accent)}
.qop-art-journey .image-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;overflow:hidden}.qop-art-journey .image-dialog-toolbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 30px;border-bottom:1px solid var(--line);gap:16px}.qop-art-journey .image-dialog-toolbar h2{font-size:28px;letter-spacing:0;line-height:1}.qop-art-journey .image-dialog-toolbar>div{display:flex;gap:8px}.qop-art-journey .image-stage{height:calc(100dvh - 78px);padding:24px;overflow:auto;text-align:center;overscroll-behavior:contain}.qop-art-journey .zoom-image{display:block;margin:auto;max-width:none;width:auto;height:100%;object-fit:contain}.qop-art-journey .toast{position:fixed;bottom:calc(var(--nav) + 20px);left:50%;transform:translateX(-50%);z-index:40;background:var(--text);color:var(--bg);padding:12px 22px;box-shadow:0 6px 24px #0004;border-radius:2px;font-size:13px;text-align:center;width:max-content;max-width:calc(100% - 32px)}
@media(prefers-reduced-motion:no-preference){.qop-art-journey.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.qop-art-journey.js .reveal.is-visible{opacity:1;transform:none}.qop-art-journey .collection-dialog[open]{animation:qop-dialog-in .28s cubic-bezier(.16,1,.3,1)}@keyframes qop-dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.qop-art-journey .intro-copy{animation:qop-copy-in .75s ease both}@keyframes qop-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(min-width:1500px){.qop-art-journey .intro-art{height:680px}.qop-art-journey .collection-intro{min-height:800px}}
@media(max-width:1023px){.qop-art-journey .wrap{width:calc(100% - 64px)}.qop-art-journey .site-header{padding-inline:28px}.qop-art-journey .header-actions{gap:24px}.qop-art-journey .collection-intro{grid-template-columns:1fr 1fr;gap:18px;min-height:690px}.qop-art-journey .intro-art{height:500px}.qop-art-journey .intro-copy h1{font-size:64px}.qop-art-journey .artwork-hero{gap:40px}.qop-art-journey .artwork-heading h2{font-size:52px}.qop-art-journey .story{gap:50px}.qop-art-journey .artwork-enlarge img{height:570px}.qop-art-journey .artwork-hero{min-height:710px}}
@media(max-width:767px){.qop-art-journey{--header:74px;--nav:72px}.qop-art-journey .wrap{width:calc(100% - 40px)}.qop-art-journey .site-header{padding-inline:20px}.qop-art-journey .brand{gap:12px}.qop-art-journey .brand img{width:70px;height:50px;padding:4px 5px}.qop-art-journey .brand>span{font-size:15px;line-height:1.1}.qop-art-journey .header-actions{gap:0}.qop-art-journey .restaurant-link{display:none}.qop-art-journey .collection-trigger{gap:7px;font-size:11px}.qop-art-journey .collection-trigger .icon{width:18px;height:18px}.qop-art-journey .collection-intro{display:flex;flex-direction:column;align-items:stretch;padding-block:35px 42px;gap:35px;min-height:0;max-height:none}.qop-art-journey .intro-copy h1{font-size:62px;line-height:.98}.qop-art-journey .intro-copy .eyebrow{font-size:10px;margin-bottom:19px}.qop-art-journey .intro-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:295px;margin-top:18px}.qop-art-journey .intro-copy .button{margin-top:23px;min-height:48px;padding:13px 20px;font-size:12px}.qop-art-journey .intro-art{order:0;width:88%;margin-inline:auto;height:310px}.qop-art-journey .intro-art-main{width:61%;padding:6px}.qop-art-journey .intro-art-side{width:41%;left:0;height:81%;top:5%}.qop-art-journey .intro-art-detail{width:40%;right:0;height:77%}.qop-art-journey .collection-context{padding-block:19px}.qop-art-journey .collection-context p{font-size:12px}.qop-art-journey .collection-context span{display:none}.qop-art-journey .artwork-hero{display:flex;flex-direction:column;gap:22px;padding-block:25px 44px;min-height:calc(100svh - var(--header) - var(--nav));align-items:stretch}.qop-art-journey .artwork-enlarge img{width:100%;height:clamp(310px,calc(100svh - 352px),590px);object-fit:contain}.qop-art-journey .artwork--landscape .artwork-enlarge img{height:auto;max-height:52svh;aspect-ratio:auto}.qop-art-journey .artwork--landscape .artwork-hero{justify-content:center;padding-top:42px}.qop-art-journey .artwork-figure>figcaption{font-size:10px;margin-top:5px;min-height:34px}.qop-art-journey .artwork-figure>figcaption>a{min-height:38px}.qop-art-journey .artwork-figure>figcaption .icon{width:15px;height:15px}.qop-art-journey .chapter-position{font-size:10px;margin-bottom:12px}.qop-art-journey .artwork-heading h2{font-size:44px;line-height:.98;max-width:340px}.qop-art-journey .artwork-intro{font-size:22px;line-height:1.25;margin-top:14px;max-width:310px}.qop-art-journey .story-link{font-size:12px;margin-top:15px;min-height:39px;padding-bottom:0}.qop-art-journey .story-link .icon{width:17px}.qop-art-journey .story{display:flex;flex-direction:column;gap:40px;padding-block:32px 40px;scroll-margin-top:calc(var(--header) + 24px)}.qop-art-journey .story-copy h3{font-size:30px;margin-bottom:22px}.qop-art-journey .story-copy>p{font-size:18px;line-height:1.75;margin-bottom:21px}.qop-art-journey .detail-figure{width:100%;margin-top:0}.qop-art-journey .detail-figure>img{aspect-ratio:1.25}.qop-art-journey .detail-figure figcaption{padding-top:22px}.qop-art-journey .detail-figure h3{font-size:28px}.qop-art-journey .detail-figure p{font-size:15px;line-height:1.7}.qop-art-journey .piece-details{margin-top:26px}.qop-art-journey .piece-details dl{gap:18px}.qop-art-journey .piece-details dd{font-size:13px}.qop-art-journey .chapter-end{padding-bottom:36px}.qop-art-journey .next-story{padding-top:22px}.qop-art-journey .next-story strong{font-size:25px;gap:18px;line-height:1.1}.qop-art-journey .next-story>span{font-size:10px;margin-bottom:8px}.qop-art-journey .chapter-nav{padding-inline:20px;grid-template-columns:44px minmax(0,1fr) 62px;gap:10px}.qop-art-journey .nav-prev>span{display:none}.qop-art-journey .nav-prev .icon,.qop-art-journey .nav-next .icon{width:20px;height:20px}.qop-art-journey .nav-next{gap:7px;font-size:11px}.qop-art-journey .nav-current-title{font-size:18px;max-width:100%}.qop-art-journey .nav-current small{font-size:10px}.qop-art-journey .collection-dialog{width:100%;height:100dvh;margin:0;border:0;padding:28px 20px 36px}.qop-art-journey .dialog-heading h2{font-size:43px}.qop-art-journey .dialog-heading .eyebrow{font-size:9px}.qop-art-journey .dialog-description{font-size:13px;margin-bottom:23px}.qop-art-journey .collection-row{grid-template-columns:18px 60px minmax(0,1fr) 18px;gap:12px;min-height:96px;padding:8px}.qop-art-journey .collection-row>img{width:60px;height:80px}.qop-art-journey .row-copy>span{font-size:23px;line-height:1.04}.qop-art-journey .row-copy>small{font-size:10px}.qop-art-journey .row-number{font-size:10px}.qop-art-journey .collection-list{gap:8px}.qop-art-journey .collection-end{padding-block:74px 60px}.qop-art-journey .collection-end h2{font-size:49px}.qop-art-journey .collection-end>p:not(.eyebrow){font-size:15px;margin-top:23px}.qop-art-journey .collection-end .button{font-size:12px;gap:16px}.qop-art-journey .site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding-bottom:110px;text-align:center}.qop-art-journey .site-footer>img{width:73px}.qop-art-journey .site-footer>p{width:100%;font-size:11px;order:2}.qop-art-journey .site-footer>a{margin-left:0;order:3}.qop-art-journey .image-dialog-toolbar{padding-inline:16px;height:74px}.qop-art-journey .image-dialog-toolbar h2{font-size:23px;max-width:45%}.qop-art-journey .image-dialog-toolbar .icon-button{width:38px;height:44px}.qop-art-journey .image-dialog-toolbar>div{gap:5px}.qop-art-journey .image-stage{height:calc(100dvh - 74px);padding:16px;display:block}.qop-art-journey .zoom-image{height:auto;width:100%;margin-block:15px}}
@media(max-width:767px){.qop-art-journey .artwork-hero{gap:16px;padding-bottom:28px}.qop-art-journey .artwork-enlarge img{height:clamp(250px,calc(100svh - 470px),510px)}.qop-art-journey .artwork--landscape .artwork-enlarge img{height:auto}.qop-art-journey .artwork-figure>figcaption{margin-top:3px}.qop-art-journey .artwork-intro{font-size:21px}.qop-art-journey .story-link{margin-top:12px}}
@media(max-width:374px){.qop-art-journey .wrap{width:calc(100% - 32px)}.qop-art-journey .site-header{padding-inline:16px}.qop-art-journey .brand>span{font-size:13px}.qop-art-journey .brand img{width:61px;height:44px}.qop-art-journey .collection-trigger{font-size:10px}.qop-art-journey .intro-copy h1{font-size:56px}.qop-art-journey .artwork-heading h2{font-size:39px}.qop-art-journey .chapter-nav{padding-inline:16px}.qop-art-journey .nav-current-title{font-size:16px}.qop-art-journey .row-copy>span{font-size:21px}.qop-art-journey .intro-art{height:270px}}
body.qop-journey-page{scroll-padding-top:0}.qop-art-journey picture[data-deferred]{display:none}.qop-art-journey.js picture[data-deferred]{display:block}
@media(max-width:767px){.qop-art-journey .story-link,.qop-art-journey .artwork-figure>figcaption>a{min-height:44px}.qop-art-journey .image-dialog-toolbar .icon-button{width:44px}}
@media(prefers-reduced-motion:reduce){.qop-art-journey *,.qop-art-journey *::before,.qop-art-journey *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qop-art-journey .reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.qop-art-journey .site-header,.qop-art-journey .chapter-nav{background:var(--bg)}.qop-art-journey dialog::backdrop{background:#070d0e;backdrop-filter:none}}
/* Owner photo correction: original transparent logo; entire portrait photos at every placement. */
.qop-art-journey .brand img,.qop-art-journey .site-footer>img{background:transparent;padding:0}
.qop-art-journey .intro-art-main img,.qop-art-journey .intro-art-side img,.qop-art-journey .intro-art-detail img{object-fit:contain}
.qop-art-journey .detail-figure>img{aspect-ratio:auto;object-fit:contain;max-height:640px}
.qop-art-journey picture[data-deferred] img{visibility:hidden}

body.qop-journey-page{margin:0;background:#0e1718} .qop-art-journey{width:100%;overflow-wrap:break-word;isolation:isolate} .qop-art-journey .site-header{top:var(--qop-admin-offset,0px)} body.admin-bar .qop-art-journey{--qop-admin-offset:32px} @media(max-width:782px){body.admin-bar .qop-art-journey{--qop-admin-offset:46px}} @media(max-width:600px){body.admin-bar .qop-art-journey{--qop-admin-offset:0px}}