@layer reset{*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%;background:#111513;min-width:320px}body,h1,h2,p,ol,ul{margin:0}ol,ul{padding:0}button,input,textarea,select{font:inherit}img,picture,video,svg{max-width:100%;display:block}}@layer base{:root{color-scheme:light dark;--paper:light-dark(#f3f0e9,#111513);--paper-raised:light-dark(#fffdf8,#1a1e1c);--ink:light-dark(#17201d,#f4f0e8);--ink-soft:light-dark(#59615d,#adb6b1);--line:light-dark(#17201d24,#f4f0e824);--moss:light-dark(#1f4d42,#7fc5b2);--gold:#e6a43c;--red:#a00;--radius:22px;--serif:Iowan Old Style, Baskerville, Times New Roman, serif;--sans:Avenir Next, Avenir, Inter, Helvetica Neue, Arial, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 40rem), var(--paper);text-rendering:optimizelegibility;min-height:100svh;font-size:1rem;line-height:1.5;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:color-mix(in srgb, var(--gold) 45%, transparent)}}@layer shell{.site-header{z-index:50;top:calc(var(--safe-top) + 12px);pointer-events:none;width:min(94vw,450px);position:fixed;left:50%;transform:translate(-50%)}.site-pill{color:#f7f3eb;pointer-events:auto;transform-origin:top;backdrop-filter:blur(18px)saturate(135%);background:#121614e0;border:1px solid #ffffff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:9px 13px 9px 10px;display:flex;box-shadow:0 16px 42px #0000003d;& .brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}& svg{border-radius:7px;flex:0 0 54px;width:54px;box-shadow:0 0 0 1px #0000002e}& .wordmark{text-transform:uppercase;flex:0 0 7.25rem;grid-template-columns:minmax(0,1fr);align-content:space-between;width:7.25rem;height:3.25rem;font-weight:700;line-height:1;display:grid}& .wordmark-line{white-space:nowrap;display:block}& .wordmark-line--museum{letter-spacing:.02625em;font-size:.8125rem}& .wordmark-line--zeneise{letter-spacing:.122em;font-size:1rem}& .wordmark-line--ligurian{letter-spacing:.02075em;font-size:.75rem}}.language-switch{letter-spacing:.1em;text-transform:uppercase;flex:none;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;display:flex;& a{color:#ffffff8f;border-radius:4px;text-decoration:none}& a:hover,& a[aria-current=page]{color:var(--gold)}}.hero-strip{min-height:clamp(230px,32svh,360px);padding:calc(var(--safe-top) + 120px) 24px 38px;place-items:end center;display:grid;overflow:hidden;& .hero-title{text-align:center;max-width:920px}& h1{text-wrap:balance;font-family:var(--serif);letter-spacing:-.045em;font-size:clamp(2rem,5.8vw,5.6rem);font-weight:400;line-height:.95}& .hero-accent{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem;font-size:clamp(.72rem,1.25vw,.95rem);font-weight:700}}.site-footer{padding:44px max(24px, calc((100vw - 1760px) / 2)) calc(30px + var(--safe-bottom));border-top:1px solid var(--line);color:var(--ink-soft);grid-template-columns:minmax(220px,1.2fr) minmax(240px,2fr) auto;align-items:end;gap:30px;margin-top:64px;font-size:.78rem;display:grid;& .footer-about{max-width:36ch;color:var(--ink);font-family:var(--serif);font-size:1.05rem;line-height:1.25}& nav{flex-wrap:wrap;gap:8px 20px;display:flex}& a:hover{color:var(--ink)}& .footer-license{text-align:right;max-width:23ch}}@supports (animation-timeline:scroll()){.site-pill{animation:linear both shrink-pill scroll(root);animation-range:0 180px}}@keyframes shrink-pill{to{border-radius:21px;min-height:64px;transform:scale(.9)}}}@layer cards{.grid-shell{width:min(100%,1840px);margin-inline:auto;padding:14px}.cards-grid{opacity:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;transition:opacity 80ms linear;display:grid}.card-item{aspect-ratio:3/4;min-width:0;&>a{border-radius:var(--radius);background:var(--paper-raised);color:#fff;width:100%;height:100%;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 1px #0000000d}&>a:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:0}&:hover>a,&:focus-within>a{z-index:2;transform:translateY(-4px);box-shadow:0 18px 40px #00000038}}.card-media{background:var(--media-color);width:100%;height:100%;position:relative;overflow:hidden;& picture,& img,& video{width:100%;height:100%}& img,& video{object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}}.card-item:hover .card-media img,.card-item:hover .card-media video{transform:scale(1.025)}.media-placeholder{background:linear-gradient(135deg, #ffffff14, transparent 45%), var(--media-color);place-items:center;width:100%;height:100%;padding:clamp(24px,6vw,68px);display:grid;& span{color:#fff;max-width:15ch;font-family:var(--serif);text-align:center;text-wrap:balance;letter-spacing:-.045em;font-size:clamp(2.2rem,5vw,5.5rem);line-height:.95}}.card-scrim{pointer-events:none;background:linear-gradient(#0000,#00000047 34%,#050807e8 100%);position:absolute;inset:24% 0 0}.card-face-copy{z-index:1;flex-direction:column;justify-content:end;min-height:44%;padding:clamp(20px,2.2vw,30px);display:flex;position:absolute;inset:auto 0 0;& h2{max-width:18ch;font-family:var(--serif);text-wrap:balance;letter-spacing:-.035em;font-size:clamp(1.75rem,2.45vw,2.8rem);font-weight:600;line-height:.98}}.accent-title{color:#f4bb58;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:700;line-height:1.25}.card-teaser{color:#ffffffd1;opacity:0;max-width:48ch;max-height:0;margin-top:0;font-size:.9rem;line-height:1.35;transition:max-height .18s,margin .18s,opacity .18s,transform .18s;overflow:hidden;transform:translateY(8px)}.card-item:hover .card-teaser,.card-item:focus-within .card-teaser{opacity:1;max-height:7em;margin-top:12px;transform:none}.card-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.card-cta{color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.72rem;font-weight:700}.tag-list{justify-content:flex-end;gap:5px;min-width:0;display:flex;overflow:hidden;& span{color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff38;border-radius:999px;padding:3px 7px;font-size:.57rem}}}@layer detail{.detail-page{width:min(100%,1680px);padding:calc(var(--safe-top) + 104px) 18px 0;margin-inline:auto}.card-detail{border:1px solid var(--line);background:var(--paper-raised);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);display:grid;overflow:clip;box-shadow:0 28px 80px #0000001a}.detail-media-column{background:var(--media-color);min-width:0}.card-media--detail{top:calc(var(--safe-top) + 96px);height:calc(100svh - var(--safe-top) - 116px);min-height:620px;position:sticky}.detail-copy{flex-direction:column;min-width:0;padding:clamp(32px,5vw,84px) clamp(26px,5vw,80px) 42px;display:flex}.back-link{width:fit-content;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700;text-decoration:none;&:hover{color:var(--ink)}}.detail-heading{padding-block:clamp(50px,8vw,108px) 40px;& h1{max-width:14ch;font-family:var(--serif);text-wrap:balance;letter-spacing:-.055em;font-size:clamp(3rem,5vw,6rem);font-weight:500;line-height:.91}& .accent-title{max-width:56ch;color:var(--moss)}}.detail-teaser{max-width:48ch;color:var(--ink-soft);margin-top:26px;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.38}.prose{max-width:64ch;font-family:var(--serif);font-size:clamp(1.18rem,1.5vw,1.4rem);line-height:1.62;& p+p{margin-top:1.35em}& em{color:var(--moss)}}.detail-notes,.detail-links{border-top:1px solid var(--line);max-width:68ch;margin-top:54px;padding-top:20px;& h2{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.7rem}}.detail-notes{color:var(--ink-soft);font-size:.79rem;& ol{gap:8px;padding-left:1.3em;display:grid}}.detail-links ul{gap:9px;list-style:none;display:grid}.detail-links a{color:var(--moss);font-size:.95rem;font-weight:700}.media-credit{max-width:68ch;color:var(--ink-soft);margin-top:30px;font-size:.7rem;line-height:1.45}.share-button{border:1px solid var(--line);width:fit-content;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:9px;margin-top:34px;padding:11px 17px;font-size:.78rem;font-weight:700;display:inline-flex;&:hover{border-color:var(--moss);color:var(--moss)}}.card-pagination{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:54px;padding-top:20px;display:grid;& a{align-items:center;gap:12px;min-width:0;padding:14px 0;text-decoration:none;display:flex}& a:last-child{text-align:right;justify-content:flex-end}& span:not([aria-hidden]){font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}& small{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:.57rem;font-weight:700;display:block}}.card-dialog{background:var(--paper-raised);width:min(1480px,100vw - 34px);max-width:none;height:min(94dvh,980px);max-height:none;color:var(--ink);overscroll-behavior:contain;border:0;border-radius:28px;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 100px #0000007a;&::backdrop{backdrop-filter:blur(9px);background:#040806b8}& .card-detail{min-height:100%;box-shadow:none;border:0;border-radius:0}& .card-media--detail{height:min(94dvh,980px);min-height:620px;top:0}}.dialog-close{z-index:70;top:calc(var(--safe-top) + 24px);color:#fff;cursor:pointer;backdrop-filter:blur(12px);background:#0f1211d1;border:1px solid #ffffff2b;border-radius:999px;align-items:center;gap:7px;padding:8px 12px 8px 9px;font-size:.7rem;font-weight:700;display:flex;position:fixed;right:25px;box-shadow:0 8px 30px #0000002e;& span:first-child{font-size:1.2rem;font-weight:400;line-height:.7}}.dialog-content[aria-busy=true]{place-items:center;min-height:100%;display:grid}.dialog-content[aria-busy=true]:after{border:2px solid var(--line);border-top-color:var(--moss);content:"";border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}}@layer pages{.text-page{width:min(100% - 36px,1020px);min-height:68svh;padding:calc(var(--safe-top) + 170px) 0 100px;margin-inline:auto;& .eyebrow{color:var(--moss);letter-spacing:.16em;text-transform:uppercase;margin-top:clamp(70px,12vw,140px);font-size:.7rem;font-weight:700}& h1{max-width:15ch;font-family:var(--serif);text-wrap:balance;letter-spacing:-.055em;margin-top:14px;font-size:clamp(3.4rem,8vw,8rem);font-weight:400;line-height:.91}& .lede{max-width:55ch;color:var(--ink-soft);font-family:var(--serif);margin-top:42px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.45}}.credits-page h1{max-width:none}.credits-list{border-top:1px solid var(--line);margin-top:60px;list-style:none;display:grid;& li{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr);gap:30px;padding-block:20px;display:grid}& .credit-card-title{font-family:var(--serif);font-size:1.2rem;font-weight:600}& p{color:var(--ink-soft);font-size:.75rem}}}@layer utilities;@media (width<=899px){@layer shell{.site-footer{grid-template-columns:1fr 1fr;& .footer-license{text-align:left}}}@layer detail{.detail-page{padding-inline:12px}.card-detail{grid-template-columns:1fr}.card-media--detail,.card-dialog .card-media--detail{height:min(74svh,800px);min-height:480px;position:relative;top:auto}.detail-copy{padding:32px clamp(22px,7vw,58px) 38px}.detail-heading{padding-block:56px 34px}.card-dialog{height:calc(100dvh - 20px);& .card-media--detail{height:min(70svh,760px)}}}}@media (width<=639px){@layer detail{.card-dialog .detail-media-column{display:none}}}@media (width<=639px) and (orientation:portrait){@layer base{html.grid-document{scroll-snap-type:y mandatory;scroll-padding-top:0}}@layer shell{.site-header{top:calc(var(--safe-top) + 8px);width:calc(100vw - 16px)}.site-pill{border-radius:21px;gap:8px;min-height:68px;padding:7px 10px 7px 8px;& svg{flex-basis:45px;width:45px}}.language-switch{gap:.25rem;font-size:.62rem}.hero-strip{min-height:42svh;padding:calc(var(--safe-top) + 106px) 22px 34px;scroll-snap-align:start;& h1{font-size:clamp(2.2rem,11vw,3.5rem)}& .hero-accent{margin-bottom:.65rem;font-size:.68rem}}.site-footer{padding:42px 22px calc(30px + var(--safe-bottom));scroll-snap-align:end;grid-template-columns:1fr;margin-top:0;& nav{grid-template-columns:1fr 1fr;display:grid}}}@layer cards{.grid-shell{width:100%;padding:0}.cards-grid{flex-direction:column;gap:0;display:flex}.card-item{aspect-ratio:auto;scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100svh;min-height:620px;&>a,&>a:after{border-radius:0}&:hover>a,&:focus-within>a{box-shadow:none;transform:none}}.card-media img,.card-media video,.card-item:hover .card-media img,.card-item:hover .card-media video{transform:none}.card-face-copy{min-height:48%;padding:28px 24px calc(34px + var(--safe-bottom));& h2{max-width:14ch;font-size:clamp(2.55rem,12vw,4.3rem)}}.card-teaser{opacity:1;max-height:7em;margin-top:13px;font-size:.96rem;transform:none}.card-meta{margin-top:18px}.tag-list{display:none}}@layer detail{.detail-page{padding:calc(var(--safe-top) + 88px) 0 0}.detail-page .card-detail{border-inline:0;border-radius:0}.card-media--detail,.card-dialog .card-media--detail{height:70svh;min-height:500px}.detail-copy{padding-inline:22px}.detail-heading h1{font-size:clamp(3.2rem,15vw,5rem)}.card-pagination{grid-template-columns:1fr;& a:last-child{text-align:left;justify-content:space-between}}.card-dialog{border-radius:0;width:100vw;height:100dvh;& .card-detail{border-radius:0}}.dialog-close{top:calc(var(--safe-top) + 14px);right:14px}}@layer pages{.text-page{padding-top:calc(var(--safe-top) + 130px)}.credits-list li{grid-template-columns:1fr;gap:8px}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.site-pill{animation:none!important}}