.art-site main{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0;align-items:start;max-width:1600px;margin:0 auto;gap:0}
.art-site .intro{display:flex;flex-direction:column;position:sticky;top:24px;overflow:visible;min-height:0;padding:52px 38px 50px 40px}
.art-site .intro h1{width:min(100%,430px);gap:25px;order:0}
.art-site .architecture-photo{display:block;order:1;position:static;width:calc(100% + 40px);max-width:none;height:auto;margin:50px 0 0 -40px;object-fit:contain;filter:none;mask-image:none}
.art-site .intro .pyramid-study{position:static;order:2;width:118px;height:118px;align-self:flex-end;margin:38px 20px 0 0}
.art-site .services{display:flex;flex-direction:column;padding:40px 40px 60px 38px;min-height:0;height:auto;align-self:start}
.art-site .services .household,.art-site .services .moneylink{height:145px;min-height:145px;flex:none;margin:0 0 16px;padding:20px 25px;background:radial-gradient(ellipse at 30% 0%,#ffffff09,transparent 60%),linear-gradient(135deg,#282c2f,#111416 80%);box-shadow:inset 0 1px #ffffff18,0 0 18px #e2e6e917,0 12px 25px #080b101a;border-color:#72787b55}
.art-site .services .card-top{display:none}.art-site .services .moneylink{gap:5px}.art-site .services .card-action{padding-top:5px}
.art-gallery{width:100%;margin:28px 0 0;color:#252b2e}
.art-frame{position:relative;width:100%;height:420px;background:radial-gradient(ellipse at top,#292e31,#121619 75%);box-shadow:0 15px 34px #10181d1a;overflow:hidden}
.art-image{position:absolute;inset:14px;display:block;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;opacity:0;transition:opacity 1.1s ease}.art-image.active{opacity:1}
.art-caption{padding-top:22px}.art-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#646b6e}
.art-caption h2{font-family:Georgia,serif;font-size:24px;line-height:1.2;font-weight:400;margin:9px 0;color:#1d2529}
#art-meta{font-size:12px;line-height:1.5;color:#656e72}.art-caption p{font-size:14px;line-height:1.5;color:#3e494d;margin:12px 0 0}#artist-description{color:#687176}
.art-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid #29313825;margin-top:20px;padding-top:13px;font-size:12px;line-height:1.4;color:#495459}
.art-toolbar button{font:inherit;color:#252d31;background:none;border:1px solid #313d4230;border-radius:3px;min-width:36px;height:36px;padding:3px 8px;cursor:pointer}.art-toolbar button:hover{background:#111a2010}.art-toolbar a{color:inherit;text-decoration:none}.art-toolbar a:hover{text-decoration:underline}#art-credit{font-size:10px;width:100%}.art-toolbar :focus-visible{outline:2px solid #252d31;outline-offset:3px}
@media(max-width:1100px){.art-site .intro{padding:42px 24px 40px}.art-site .services{padding:34px 24px 45px}.art-site .architecture-photo{width:calc(100% + 24px);margin-left:-24px}.art-frame{height:360px}.art-site .services .household,.art-site .services .moneylink{padding:20px}.art-caption h2{font-size:22px}}
@media(max-height:760px){.art-site .intro{position:static}}
@media(max-width:680px){.art-site main{display:block}.art-site .intro{position:static;padding:32px 22px 0}.art-site .intro h1{width:min(100%,335px);gap:22px}.art-site .architecture-photo{margin-top:30px;width:calc(100% + 44px);margin-left:-22px}.art-site .intro .pyramid-study{width:84px;height:84px;margin:24px 0 0}.art-site .services{padding:32px 22px 40px}.brand-signature{width:92px;margin-bottom:25px}.art-frame{height:380px}.art-gallery{margin-top:24px}.art-caption p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.art-image{transition:none}}

.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.art-site .gallery-heading .pyramid-study{position:static;display:block;margin:0;width:78px;height:78px}.gallery-heading .art-eyebrow{font-size:12px;letter-spacing:.18em}

/* Shared first row aligns the complete photograph with Household. */
.art-site main{padding:40px;column-gap:60px;row-gap:0}
.art-site .services{display:contents}
.art-site .service-overview{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0}
.art-site .intro{grid-column:1;grid-row:1;position:static;align-self:stretch;padding:12px 0 0;min-width:0}
.art-site .architecture-photo{width:100%;margin:50px 0 0;margin-top:auto;padding-top:40px}
.art-site .service-overview>.household:last-child{margin-bottom:0}
.art-site .art-gallery{grid-column:2;grid-row:2;margin-top:28px;padding-bottom:20px}
@media(max-width:1100px){.art-site main{padding:34px 24px;column-gap:40px}.art-site .intro{padding:8px 0 0}.art-site .architecture-photo{width:100%;margin-left:0}}
@media(max-width:680px){.art-site main{display:block;padding:32px 22px}.art-site .intro{padding:0}.art-site .architecture-photo{width:calc(100% + 44px);margin:30px -22px 0;padding-top:0}.art-site .service-overview{margin-top:32px}.art-site .art-gallery{margin-top:28px}}

/* Zarberg Dub at natural proportions, centred beside the three cards. */
.art-site main{grid-template-columns:1.2fr 1fr;column-gap:44px}
.art-site .intro{display:grid;grid-template-rows:145px 467px;padding:0;align-self:start}
.art-site .intro h1{align-self:start;margin-top:12px}
.art-site .architecture-photo{width:calc(100% + 40px);height:auto;max-width:none;margin:0 0 0 -40px;padding:0;align-self:center;object-fit:contain}
@media(max-width:1100px){.art-site main{column-gap:32px}.art-site .architecture-photo{width:calc(100% + 24px);margin-left:-24px}}
@media(max-width:680px){.art-site .intro{display:flex}.art-site .intro h1{margin-top:0}.art-site .architecture-photo{width:calc(100% + 44px);margin:30px -22px 0}.art-site .service-overview{margin-top:32px}}

#art-status{min-height:18px;font-size:12px;color:#656e72;margin:12px 0 0}

/* Full-width art room beneath both upper columns. */
.art-site .art-gallery{grid-column:1 / -1;grid-row:2;margin-top:36px}
.gallery-heading{position:relative;justify-content:center;min-height:84px;margin-bottom:22px}
.art-site .gallery-heading .pyramid-study{position:absolute;right:10px;top:3px}
.gallery-heading .art-eyebrow{font-size:14px;letter-spacing:.22em}
.art-frame{height:560px}.art-caption,.art-toolbar,#art-status{max-width:780px;margin-left:auto;margin-right:auto}
@media(max-width:680px){.art-frame{height:400px}.gallery-heading{justify-content:flex-start}.gallery-heading .art-eyebrow{font-size:12px}.art-site .gallery-heading .pyramid-study{width:62px;height:62px;top:11px;right:0}}

/* Equal source-unit scale for both lines of the personal lettering. */
.art-site .intro h1 .zarina-line{width:76.3421828909%}

/* Keep the introduction and its lower pyramid within a laptop viewport. */
.art-site .intro h1{width:min(100%,400px);gap:22px}
@media(min-width:681px){
 .art-site{--overview-card:clamp(108px,calc((100svh - 350px)/3),145px)}
 .art-site header{height:78px;min-height:78px;padding-top:0;padding-bottom:0}
 .art-site main{padding-top:24px}
 .art-site .intro{grid-template-rows:136px calc(3 * var(--overview-card) - 2px)}
 .art-site .intro h1{margin-top:4px}
 .art-site .architecture-photo{height:100%;max-height:100%;object-fit:contain;object-position:left center}
 .art-site .service-overview .finance-brand{height:65px;margin-bottom:12px}
 .art-site .services .household,.art-site .services .moneylink{height:var(--overview-card);min-height:var(--overview-card);margin-bottom:12px;padding:14px 20px;gap:7px}
 .art-site .service-overview>.household:last-child{margin-bottom:0}
 .art-site .services .companion-title img{height:29px}
 .art-site .services .money-link-title{margin-bottom:6px}
 .art-site .services .money-link-title img{max-height:34px}
 .art-site .art-gallery{margin-top:14px}
 .art-site .gallery-heading{min-height:64px;margin-bottom:20px}
 .art-site .gallery-heading .pyramid-study{width:62px;height:62px;top:1px}
}
@media(max-width:680px){.art-site .intro h1{width:min(100%,312px);gap:20px}}