/* All selectors are opt-in. No default-page token or layout is changed. */
.art-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;display:block}
.art-hero{position:relative;min-height:100svh;padding:130px max(24px,6vw) 90px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;background:#0c0c0c;color:#f5f5f5}
.art-hero h1{position:relative;z-index:2;font-family:Geist,sans-serif;font-weight:400;font-size:clamp(42px,4.8vw,88px);line-height:1.13;letter-spacing:-.045em;max-width:1200px;text-wrap:balance;overflow:visible}
.art-hero .art-word{white-space:nowrap;position:relative;display:inline-block}
.art-slot{display:inline-block;width:1.12em;height:1.03em;vertical-align:-.14em;position:relative;margin:0 .06em;pointer-events:none}
.art-still{display:block;width:100%;height:100%;overflow:visible}
.art-live .art-still{visibility:hidden}
.art-eyebrow,.art-bottom{position:absolute;left:max(24px,6vw);right:max(24px,6vw);z-index:2;display:flex;justify-content:space-between;font-size:13px;line-height:1.4;letter-spacing:0;color:#bcbcbc}
.art-eyebrow{top:132px}
.art-bottom{bottom:35px;padding-top:18px;border-top:1px solid #515151}
.art-bottom a{color:#f5f5f5;display:inline-flex;align-items:center;gap:10px}
.art-nav{color:#f5f5f5}
.art-nav .btn__avatar{display:none}
.art-hero[data-variant=h2] h1{max-width:950px;font-size:clamp(42px,4.65vw,82px);text-shadow:0 0 10px #0c0c0c,0 0 25px #0c0c0c}
.art-hero[data-variant=h2] .art-slot{position:absolute;display:block;margin:0;z-index:0;width:clamp(150px,19vw,300px);height:clamp(150px,19vw,300px)}
.art-orbit{position:absolute;inset:0;pointer-events:none;z-index:0}
.art-orbit .art-slot:nth-child(1){left:7%;top:18%;transform:rotate(-17deg)}
.art-orbit .art-slot:nth-child(2){right:5%;top:15%;transform:rotate(14deg)}
.art-orbit .art-slot:nth-child(3){left:13%;bottom:11%;transform:rotate(-16deg)}
.art-orbit .art-slot:nth-child(4){right:11%;bottom:9%;transform:rotate(18deg)}
.art-hero[data-variant=h3] h1{max-width:1100px}
.art-hero[data-variant=h3] .art-word{cursor:default;outline-offset:8px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#717171;text-underline-offset:.13em}
.art-hero[data-variant=h3] .art-slot{position:absolute;left:50%;top:-1.22em;transform:translateX(-50%);width:1.4em;height:1.35em;visibility:hidden}
.art-hero[data-variant=h3] .art-word.is-active .art-slot{visibility:visible}
.art-hero[data-variant=h3] .art-word.is-active{text-decoration-color:#f5f5f5}
.art-hero[data-variant=h3] .art-word.is-active .art-still{visibility:visible}
.art-live[data-variant=h3] .art-word.is-active .art-still{visibility:hidden}
.art-hero[data-variant=h3] h1{line-height:1.45}
.art-hero .art-quiet{color:#c6c6c6}
.liquid-host{position:relative;isolation:isolate;--ink-2:#444;--ground:#f2f2f2;background:#f2f2f2;color:#141414}
.liquid-host::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 80% 40%,#f2f2f2 0%,#e3e3e3 4%,#f0f0f0 7%,#e8e8e8 11%,#f2f2f2 15%);opacity:.65}
.liquid-host > :not(canvas){position:relative;z-index:2}
.liquid-host.art-live::before{opacity:0}
.art-works{padding:64px 0 80px;margin-top:0}
.art-works .wrap--grid{margin-top:48px}
.art-works-head{width:min(var(--container),calc(100% - 2 * var(--m-page)));margin:0 auto 28px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.art-works-head h2{font-size:var(--fs-h1);font-weight:400}
.art-works-head p{font-size:14px;color:#444}
.liquid-host .cap__kind,.liquid-host .cap__year,.liquid-host .cap__lock,.liquid-host .cap__teaser{color:#444}
.liquid-host .pill.is-empty,.liquid-host .pill:disabled{opacity:1;color:#505050;background:#eee;text-decoration:line-through}
.liquid-host .pill.is-active,.liquid-host input:checked + .pill{color:#fff;background:#141414}
.lead.liquid-host{isolation:auto}
.lead.liquid-host .lead__title{position:absolute}
.lead.liquid-host .lead__close{position:fixed;z-index:4}
.lead.liquid-host .art-canvas{z-index:0}
.lead.liquid-host .lead__in{position:relative}
.contact-page.liquid-host{width:100%;padding-left:max(var(--m-page),calc((100% - var(--container))/2));padding-right:max(var(--m-page),calc((100% - var(--container))/2))}
.contact-page.liquid-host .lead--flow{background:transparent;color:inherit;--ink-2:#444}
body.art-work-liquid{--ink-2:#444}
body.art-work-liquid.fx-on .hero{background:transparent}
body.art-work-liquid.fx-on main{isolation:auto}
body.art-work-liquid.fx-on .worknote{color:#333;background:#f2f2f2;padding:8px 12px;border-radius:18px}
@media(max-width:900px){
 .art-hero{min-height:850px;min-height:100svh;padding:150px 22px 115px}
 .art-hero h1{font-size:clamp(34px,8.7vw,64px);line-height:1.2;letter-spacing:-.04em}
 .art-eyebrow{top:100px;left:22px;right:22px;font-size:11px}
 .art-eyebrow span:last-child{display:none}
 .art-bottom{left:22px;right:22px;bottom:28px;font-size:11px}
 .art-hero[data-variant=h2]{padding-top:230px;padding-bottom:240px;min-height:844px}
 .art-hero[data-variant=h2] h1{font-size:36px}
 .art-hero[data-variant=h2] .art-slot{width:135px;height:135px}
 .art-orbit .art-slot:nth-child(1){left:7%;top:110px}
 .art-orbit .art-slot:nth-child(2){right:5%;top:115px}
 .art-orbit .art-slot:nth-child(3){left:10%;bottom:92px}
 .art-orbit .art-slot:nth-child(4){right:9%;bottom:90px}
 .art-hero[data-variant=h3] h1{font-size:36px;line-height:1.5}
 .art-works{padding-top:36px}
 .art-works-head{align-items:center}.art-works-head p{max-width:8em;text-align:right;font-size:12px}
}
/* Keep text in the page stacking order above the shared fixed canvas. */
.art-hero,.liquid-host{isolation:auto}
.lead.liquid-host:not(.lead--flow){position:absolute;height:100%}
body.art-work-liquid.fx-on main.liquid-host{background:transparent}
body.art-work-liquid.fx-on main.liquid-host::before{display:none}
@media(max-width:900px){.art-bottom>span:first-child{display:none}.art-bottom{justify-content:flex-end}}
/* Static liquid is a real background, so it remains behind form fields without
   relying on a negative stacking layer or a graphics context. */
.liquid-host:not(.art-live){background-image:repeating-radial-gradient(ellipse at 78% 42%,#f2f2f2 0%,#e7e7e7 4%,#f0f0f0 7%,#e9e9e9 11%,#f2f2f2 15%);background-size:1400px 1000px;background-position:center top}
.liquid-host::before{display:none}
@media(max-width:900px){.liquid-host:not(.art-live){background-size:800px 850px}}
/* H3 uses the interline space for the active object, keeping adjacent lines clear. */
.art-hero[data-variant=h3] h1{line-height:1.7}
.art-hero[data-variant=h3] .art-slot{top:-.33em;width:.85em;height:.8em}