.fine-art-page{--art-ink:#171615;--art-paper:#eee7dc;--art-warm:#c3b4a1;overflow-x:clip}
.fine-art-page main{padding:90px 0 0;max-width:none}.fine-art-page p{max-width:none}.fine-art-page h2{font:400 clamp(42px,5vw,88px)/1.03 Cormorant,Georgia,serif;letter-spacing:-.03em}.fine-art-page .eyebrow{font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:2.3px;color:#bfa98c}.fine-art-page img{display:block}.fine-art-page section{position:relative}.fine-art-page .site-header{border-bottom-color:#ffffff12}
.art-hero{min-height:calc(100svh - 90px);display:flex;align-items:center;padding:70px 6.5vw;isolation:isolate;background:#121110}.art-hero-image{position:absolute;inset:0 0 0 27%;margin:0;z-index:-2}.art-hero-image img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center}.art-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#121110 0%,#121110ef 18%,#12111066 40%,#12111000 68%),linear-gradient(0deg,#121110,transparent 22%)}.art-hero-copy{max-width:700px;position:relative}.art-hero h1{font-size:clamp(58px,6.5vw,115px);line-height:1.02;margin-bottom:26px}.art-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#d1c7b9;max-width:35ch}.art-text-link{display:inline-flex;gap:50px;align-items:center;margin-top:30px;border-bottom:1px solid #c3b4a155;padding:12px 0;font-size:12px;letter-spacing:.03em}.art-text-link span{font-size:22px}.art-photo-credit{position:absolute;bottom:20px;right:4vw;font:8px Inter,Arial,sans-serif;letter-spacing:2px;color:#998e7f}
.art-story{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:60px 6.5vw 20px;background:#171615;isolation:isolate}.art-story:before{content:'';position:absolute;top:-100px;left:0;right:0;height:100px;background:linear-gradient(0deg,#171615,transparent);pointer-events:none}.art-story-image{position:sticky;top:7svh;margin:0;height:86svh;align-self:start}.art-story-image img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}.art-story-step{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.art-story-step:last-child{min-height:70svh}.art-story-step h2{font-size:clamp(42px,4.4vw,74px)}.art-story-step>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:38ch;color:#bbb2a6}
.art-room-section{background:#e2dbd0;color:#29251f;padding:65px 0 30px;isolation:isolate}.art-section-heading{padding:0 6.5vw 40px;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:5vw}.art-section-heading .eyebrow{grid-column:1/-1;color:#78664f;margin-bottom:20px}.art-section-heading h2{font-size:clamp(44px,4.5vw,76px);margin:0}.art-room-section em{color:#78664f}.art-section-heading>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#70665a;max-width:42ch;padding-bottom:3px}.art-room{position:relative;height:76svh;min-height:480px;max-height:900px;isolation:isolate;overflow:hidden;background:#d4ccc0}.room-wall{position:absolute;inset:0 0 15%;background:linear-gradient(105deg,#c4b9a87a,#e7dfd200 35%,#a89a8940),linear-gradient(0deg,#b7a99633,transparent 24%),#dad1c3;box-shadow:inset 0 -1px #b3a797}.room-light{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff6de00 30%,#fff6de55 36%,#fff6de00 62%)}.room-floor{position:absolute;inset:85% 0 0;background:repeating-linear-gradient(90deg,transparent 0%,transparent 16.5%,#8e807222 16.6%,transparent 16.7%),linear-gradient(0deg,#9e9081,#c3b5a2);transform-origin:top}.room-artwork{position:absolute;top:8%;left:50%;height:58%;aspect-ratio:2/3;transform:translateX(-50%);margin:0;z-index:2;box-shadow:7px 10px 18px #352b2440,1px 0 0 #fff9,-2px 0 0 #453e33;transition:scale .7s cubic-bezier(.2,.65,.2,1);scale:1.0;transform-origin:center}.art-room[data-scale="balanced"] .room-artwork{scale:.79}.room-artwork img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:none;background:#181614}.room-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#fff2 48%,transparent 57%);border:1px solid #fffc}.room-bench{position:absolute;left:27%;right:27%;bottom:12%;height:8%;z-index:2;background:linear-gradient(0deg,#857660,#a89a84);box-shadow:0 14px 20px #3c322c30;border-radius:2px}.room-bench:before,.room-bench:after{content:'';position:absolute;top:100%;height:30px;width:4px;background:#50483b}.room-bench:before{left:8%}.room-bench:after{right:8%}.room-bench span{position:absolute;inset:9px 0 auto;border-top:1px solid #c5baa633}.room-disclaimer{position:absolute;bottom:15px;left:3vw;right:3vw;z-index:3;margin:0;font:9px/1.65 Inter,Arial,sans-serif;letter-spacing:.04em;color:#3e362d;max-width:65ch;background:#e8dfd1d9;padding:9px 12px;width:fit-content}.room-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 6.5vw 0}.room-controls>div{display:flex;gap:8px;flex-wrap:wrap}.room-controls button{border:1px solid #7e6c5355;background:none;color:#675a4a;padding:10px 18px;border-radius:0;font:12px Inter,Arial,sans-serif;cursor:pointer;min-height:42px}.room-controls button[aria-pressed="true"]{background:#2a251f;border-color:#2a251f;color:#f3ebdf}.room-controls button:focus-visible{outline:2px solid #5d4d38;outline-offset:3px}.room-status{min-height:18px;margin:12px 6.5vw 0;font:11px Inter,Arial,sans-serif;color:#70614d}
.art-material{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:85px 6.5vw;background:#171615;isolation:isolate}.art-material-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:42ch}.glass-study{margin:0;padding:3vw;background:radial-gradient(ellipse at 45% 35%,#5f574b44,transparent 65%)}.glass-study-piece{position:relative;max-width:350px;margin:auto;transform:perspective(1200px) rotateY(-12deg);box-shadow:15px 18px 35px #0008}.glass-study-piece:before{content:'';position:absolute;inset:0;transform:translate(10px,-6px);border:1px solid #d3c5aa77;z-index:-1;background:#b6ac9514}.glass-study-piece img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}.glass-study-piece span{position:absolute;inset:0;border:1px solid #fff7;background:linear-gradient(115deg,transparent 35%,#ffffff26 47%,transparent 60%)}.glass-study figcaption{font:11px/1.7 Inter,Arial,sans-serif;color:#a69a88;max-width:38ch;margin:30px auto 0}
.art-belonging{min-height:95svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 6.5vw;gap:6vw;background:#11100f;isolation:isolate}.art-belonging figure{margin:0;height:85svh}.art-belonging img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:none}.art-belonging-copy h2{font-size:clamp(44px,4.9vw,80px)}.art-belonging-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#bdb3a5}.art-invitation{text-align:center;padding:100px 6vw 75px;min-height:75svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171615}.art-invitation h2{font-size:clamp(48px,6vw,96px)}.art-invitation>p:not(.eyebrow):not(.art-signature){font-size:16px;line-height:1.8;color:#bdb3a5}.art-primary-link{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#c7b59c;color:#171615;font:13px Inter,Arial,sans-serif;padding:20px 25px;margin:25px 0;min-height:56px}.art-primary-link:hover{background:#e1cfb5}.art-signature{font:italic 400 34px/1.2 Cormorant,Georgia,serif;color:#bfa98c;margin:20px 0 0}.fine-art-page footer{background:#171615}.fine-art-page :target{scroll-margin-top:20px}
@media(max-width:700px){.fine-art-page main{padding-top:80px}.fine-art-page h2{font-size:44px}.fine-art-page .eyebrow{font-size:9px;letter-spacing:1.6px}.art-hero{min-height:calc(100svh - 80px);display:block;padding:0 7vw 35px;overflow:hidden}.art-hero-image{inset:0 0 25%;z-index:-2}.art-hero-image img{object-fit:contain;object-position:center top}.art-hero:after{background:linear-gradient(0deg,#121110 15%,#121110e8 32%,#12111000 64%)}.art-hero-copy{padding-top:64svh;max-width:none}.art-hero h1{font-size:clamp(48px,13vw,75px);margin-bottom:20px}.art-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}.art-text-link{margin-top:15px}.art-photo-credit{display:none}.art-story{display:block;padding:30px 0 0}.art-story-image{top:10px;height:68svh;padding:0 7vw;z-index:-1}.art-story-copy{position:relative;margin-top:-15svh}.art-story-step{min-height:65svh;justify-content:flex-end;padding:20svh 7vw 7svh;background:linear-gradient(0deg,#171615 40%,#171615dd 62%,transparent);position:relative}.art-story-step:last-child{min-height:65svh}.art-story-step h2{font-size:45px}.art-story-step>p:not(.eyebrow){font-size:16px;max-width:none}.art-room-section{padding-top:45px}.art-section-heading{display:block;padding:0 7vw 25px}.art-section-heading h2{font-size:43px}.art-section-heading>p:not(.eyebrow){font-size:15px}.art-room{height:64svh;min-height:420px}.room-artwork{height:54%;top:12%}.room-bench{left:15%;right:15%;bottom:15%}.room-disclaimer{font-size:9px;bottom:10px;left:5vw;right:5vw;width:auto}.room-controls{display:block;padding:20px 7vw 0}.room-controls>div{gap:6px;margin-bottom:12px}.room-controls button{font-size:11px;padding:10px 13px}.room-status{margin-left:7vw;margin-right:7vw}.art-material{display:block;padding:50px 7vw 40px}.art-material h2{font-size:46px}.art-material-copy>p:not(.eyebrow){font-size:16px}.glass-study{padding:30px 8vw}.glass-study-piece{max-width:280px}.glass-study figcaption{font-size:11px}.art-belonging{display:block;min-height:0;padding:25px 7vw 50px}.art-belonging figure{height:68svh}.art-belonging-copy{position:relative;padding-top:25px}.art-belonging-copy h2{font-size:44px}.art-invitation{padding:65px 7vw;min-height:70svh}.art-invitation h2{font-size:48px}.art-invitation>p:not(.eyebrow):not(.art-signature){font-size:15px}.art-primary-link{width:100%;gap:15px;padding:18px;font-size:12px}.art-signature{font-size:30px}}
@media(max-height:500px) and (min-width:701px){.art-hero{min-height:100svh}.art-hero h1{font-size:60px}.art-story-image{height:90svh;top:5svh}}
@media(prefers-reduced-motion:reduce){.art-story-image{position:relative;top:auto}.art-story-step{min-height:0;padding-top:30px;padding-bottom:30px}.art-story-copy{margin-top:0}.room-artwork{transition:none}}
.art-hero-image picture{display:block;width:100%;height:100%}
@media(max-width:700px){.art-hero-image{inset:0 0 auto;height:64svh}.art-hero-copy{padding-top:55svh}}
/* Three original photographs, with an illustrative fine black frame and glass surface. */
.glass-frame{position:relative;display:block;flex-shrink:0;border:3px solid #070707;outline:1px solid #3a352d;box-shadow:inset 0 0 0 1px #ffffff29,6px 9px 25px #0007;background:#11100e;isolation:isolate}
.glass-frame:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(113deg,transparent 0%,transparent 37%,#ffffff05 44%,#ffffff1e 46%,#ffffff05 49%,transparent 56%),linear-gradient(90deg,#ffffff24 0,transparent 1%,transparent 99%,#0006);box-shadow:inset 0 0 1px 1px #ffffff1a}
.art-hero-image{display:flex;align-items:center;justify-content:center;padding:3vw}
.art-hero-image .glass-frame{width:min(100%,120svh)}
.art-hero-image picture{height:auto}.art-hero-image img{width:100%;height:auto;max-height:none;object-fit:contain}
.art-story-image{display:flex;align-items:center;justify-content:center}
.art-story-image .glass-frame{width:min(100%,55svh)}
.art-story-image img{width:100%;height:auto}
.room-artwork{border:3px solid #080808;outline:1px solid #4b443a;box-shadow:5px 8px 13px #30261c50,1px 1px 1px #fff5,inset 0 0 0 1px #fff3;transition:scale .7s cubic-bezier(.2,.65,.2,1),height .7s ease,aspect-ratio .7s ease}
.room-reflection{border-color:#ffffff1c;background:linear-gradient(113deg,transparent 36%,#ffffff04 44%,#ffffff24 46%,#ffffff05 49%,transparent 57%);box-shadow:inset 0 0 2px 1px #fff2}
.art-room[data-shape="landscape"] .room-artwork{aspect-ratio:1619/1080;height:44%;top:14%}
.glass-study-piece{border:3px solid #080808;outline:1px solid #4a4134;box-shadow:16px 20px 30px #0009}
.glass-study-piece:before{display:none}.glass-study-piece span{border:0;box-shadow:inset 0 0 1px 1px #fff4;background:linear-gradient(113deg,transparent 37%,#ffffff05 44%,#ffffff26 46%,#ffffff04 49%,transparent 57%)}
.art-belonging{display:flex;justify-content:center;min-height:55svh;text-align:center;padding:65px 6.5vw}.art-belonging-copy h2{font-size:clamp(48px,6vw,96px)}
.art-photo-credit{max-width:57ch!important;font-size:8px;line-height:1.65;text-align:right}
@media(max-width:700px){.art-hero-image{padding:5vw}.art-hero-image .glass-frame{width:min(82vw,39svh)}.art-story-image .glass-frame{width:min(100%,43svh)}.art-room[data-shape="landscape"] .room-artwork{height:auto;width:70%;top:23%}.art-belonging{padding:55px 7vw;min-height:50svh}.art-belonging-copy{padding:0}.art-belonging-copy h2{font-size:44px}.art-photo-credit{display:block;position:relative;right:auto;bottom:auto;text-align:left;margin:20px 0 0;font-size:8px;color:#9c8f7c}.glass-frame{border-width:2px}.room-artwork,.glass-study-piece{border-width:2px}}
/* Stable positive stacking: the hero photograph never sits behind its section. */
.art-hero-image{z-index:0}
.art-hero:after{z-index:1}
.art-hero-copy,.art-photo-credit{z-index:2}
.art-story-image{z-index:0}
.art-story-copy{position:relative;z-index:1}
@media(max-width:700px){
 .art-hero-image{z-index:0;opacity:1;transform:none}
 .art-hero-copy{position:relative;z-index:2}
 .art-story-image{z-index:0}
 .glass-study-piece{transform:perspective(1200px) rotateY(-3deg)}
}

/* Mobile: three photographs in normal document order, without a pinned backdrop. */
@media(max-width:700px){
 .art-hero{min-height:0;display:block;padding:24px 7vw 35px;overflow:clip}
 .art-hero-image{position:relative;inset:auto;height:auto;display:block;padding:0;margin:0;transform:none;opacity:1}
 .art-hero-image .glass-frame{width:100%;max-width:none}
 .art-hero-image picture,.art-hero-image img{width:100%;height:auto;display:block}
 .art-hero:after{display:none}
 .art-hero-copy{padding-top:30px}
 .art-story{display:block;padding:20px 7vw 30px}
 .art-story-image{position:relative;top:auto;inset:auto;height:auto;display:block;padding:0;margin:0;z-index:0}
 .art-story-image .glass-frame{width:100%;max-width:440px;margin:0 auto;transform:none}
 .art-story-image img{width:100%;height:auto;object-fit:contain}
 .art-story-copy{margin:0;padding-top:28px;position:relative;z-index:auto}
 .art-story-step,.art-story-step:last-child{min-height:0;display:block;padding:27px 0;background:none;border-top:1px solid #ffffff20}
 .art-story-step h2{font-size:40px}
 .art-story-step>p:not(.eyebrow){margin-bottom:0}
}