.hyper-art{background:radial-gradient(ellipse at 0% 40%,#e7dfd044,transparent 45%),radial-gradient(ellipse at 100% 60%,#e6ddcc55,transparent 40%),#f7f5ef;color:var(--green);overflow:hidden}.art-layout{display:grid;grid-template-columns:32.7% 41.3% 26%;max-width:1800px;margin:auto}.art-story{padding:clamp(36px,4.4vw,78px) clamp(24px,3.6vw,64px) 28px clamp(28px,5.1vw,90px)}.art-story .eyebrow{display:flex;align-items:center;gap:18px;white-space:nowrap;margin-bottom:24px}.art-story .eyebrow span{height:1px;width:66px;background:#c39a62}.art-story h2{font-size:clamp(36px,3.5vw,63px);line-height:1.13;font-weight:400;letter-spacing:-.035em;text-wrap:initial}.art-story h2 em{font-style:normal;color:#b88c52}.art-intro{font-size:clamp(14px,1.05vw,18px);line-height:1.65;margin-top:28px}.art-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;gap:15px}.art-features>div{padding-right:10px;border-right:1px solid #c7aa7a66}.art-features>div:last-child{border:0;padding:0}.art-features svg{width:39px;height:39px;fill:none;stroke:#bf9459;stroke-width:1.2;margin-bottom:10px}.art-features h3{font-size:13px;line-height:1.25;font-weight:400;letter-spacing:-.025em;text-wrap:initial}.art-features p{font-size:10px;line-height:1.5;margin-top:6px;color:var(--muted)}.art-hero{min-width:0;display:flex;flex-direction:column}.art-hero>button{position:relative;flex:1;width:100%;min-height:580px;padding:0;border:0;background:#d6c0a0;overflow:hidden}.art-hero img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:51% center;transition:transform .7s}.art-hero button:hover img{transform:scale(1.025)}.art-zoom{position:absolute;right:16px;bottom:16px;background:#193d3cef;color:white;font-size:12px;padding:9px 14px;display:flex;gap:20px}.art-hero figcaption{font-size:10px;margin:0;padding:7px 0;background:#f7f5ef}.art-details{padding:clamp(40px,5.2vw,90px) clamp(24px,3.9vw,70px) 36px}.art-number{font:400 clamp(48px,3.7vw,66px)/1.1 var(--serif);margin-bottom:16px;white-space:nowrap}.art-number small{font-size:.45em}.art-details h3{font-size:clamp(22px,1.65vw,30px);line-height:1.35;font-weight:400;text-wrap:initial;letter-spacing:-.025em}.art-details p{font-size:clamp(12px,.85vw,15px);line-height:1.85;color:var(--muted);margin-top:14px}.art-details .fine-rule{margin:26px 0;width:60px}.art-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:13px 18px;background:#c7a471;font-size:12px;text-decoration:none;transition:background .2s}.art-link:hover{background:#d8b889}.art-gallery-wrap{max-width:1800px;margin:auto;padding:0 24px 42px;scroll-margin-top:120px}.art-gallery-nav{display:flex;justify-content:flex-end;gap:14px;padding:0 0 16px}.art-gallery-nav button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #c7a471;background:transparent;color:#a77c47;font:300 30px/1 var(--sans)}.art-gallery-nav button:disabled{opacity:.3;cursor:default}.art-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7a471 transparent;padding-bottom:8px}.art-card{flex:0 0 calc((100% - 60px)/6);min-width:0;text-align:left;border:0;border-right:1px solid #d9c9b466;background:transparent;padding:0 0 4px;scroll-snap-align:start}.art-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.06}.art-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.art-card:hover img{transform:scale(1.05)}.art-card-image>span{position:absolute;bottom:0;right:0;padding:7px 13px;color:white;background:#193d3caa;opacity:0;transition:opacity .2s}.art-card:hover .art-card-image>span,.art-card:focus-visible .art-card-image>span{opacity:1}.art-card-title{display:block;font:400 13px/1.4 var(--serif);margin:10px 16px 4px}.art-card-copy{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin:0 16px}
@media(min-width:1600px){.art-hero>button{min-height:700px}}
@media(max-width:1100px){.art-layout{grid-template-columns:44% 56%}.art-story{padding:40px 30px}.art-story h2{font-size:44px}.art-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;padding:30px}.art-number{grid-column:1;grid-row:1}.art-details h3:nth-of-type(1){grid-column:1;grid-row:2}.art-details p:nth-of-type(1){grid-column:1;grid-row:3}.art-details h3:nth-of-type(2){grid-column:2;grid-row:1/3;align-self:end}.art-details p:nth-of-type(2){grid-column:2;grid-row:3}.art-details .fine-rule{display:none}.art-link{grid-column:2;margin-top:0;justify-self:start}.art-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:600px){.art-layout{display:flex;flex-direction:column}.art-story{padding:38px 24px 30px}.art-story h2{font-size:clamp(37px,10vw,52px)}.art-story h2>br:first-child{display:none}.art-intro{font-size:14px;max-width:420px;margin-top:22px}.art-features{margin-top:26px;gap:14px}.art-features h3{font-size:13px}.art-features p{font-size:10px}.art-hero>button{min-height:460px}.art-hero figcaption{padding:8px 24px}.art-details{display:block;padding:28px 24px}.art-number{font-size:54px}.art-details h3{font-size:26px}.art-details p{font-size:14px}.art-details .fine-rule{display:block;margin:24px 0}.art-link{margin-top:24px;font-size:13px;max-width:320px}.art-gallery-wrap{padding:0 24px 30px}.art-card{flex-basis:76%}.art-gallery-nav{padding-bottom:14px}.art-card-title{font-size:16px}.art-card-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hyper-art *{transition:none!important;scroll-behavior:auto!important}}
