.detail-page{background:var(--paper);color:var(--ink)}
.sub-hero{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;min-height:78svh;border-bottom:1px solid var(--line);overflow:hidden}
.sub-copy{padding:clamp(120px,15vh,176px) var(--pad) 72px;display:flex;flex-direction:column;justify-content:space-between;gap:56px;background:rgba(246,243,240,.88);z-index:2}
.sub-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0}
.sub-title{font-family:var(--serif);font-size:clamp(4rem,7.2vw,9rem);font-weight:400;line-height:.9;letter-spacing:.14em;text-transform:uppercase;margin:0}
.sub-title em{font-style:italic;color:#8e8b98;letter-spacing:.18em}
.sub-intro{max-width:430px;font-family:var(--serif);font-size:1.24rem;line-height:1.48;color:#565252}
.sub-image{position:relative;min-height:560px;overflow:hidden;background:var(--mist)}
.sub-image img{filter:saturate(.82) contrast(.94)}
.sub-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,240,235,.12),rgba(244,240,235,0) 44%,rgba(244,240,235,.18));pointer-events:none}
.sub-orbit{position:absolute;right:9%;bottom:9%;width:128px;height:128px;border:1px solid rgba(70,70,70,.32);border-radius:50%;display:grid;place-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.18em;text-align:center;color:#555;background:rgba(244,240,235,.18);backdrop-filter:blur(4px)}
.detail-band{display:grid;grid-template-columns:.35fr 1fr;border-bottom:1px solid var(--line)}
.detail-label{padding:54px var(--pad);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.detail-content{padding:54px var(--pad);border-left:1px solid var(--line)}
.detail-content h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,4.4vw,5.8rem);line-height:.95;letter-spacing:.08em;text-transform:uppercase;margin:0 0 34px}
.detail-content>p{max-width:720px;font-family:var(--serif);font-size:1.22rem;line-height:1.55;color:#5b5658}
.object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:44px;border:1px solid var(--line)}
.object-card{background:rgba(248,245,242,.86);min-height:310px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.object-card span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.object-card h3{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.08em;margin:0}
.object-card p{color:#66605f;margin:0}
.split-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:48px}
.split-gallery figure{margin:0;min-height:430px;overflow:hidden;background:var(--paper)}
.split-gallery figcaption{padding:18px 22px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);background:var(--paper)}
.essay-list{display:grid;gap:0;border-top:1px solid var(--line);margin-top:38px}
.essay-row{display:grid;grid-template-columns:.22fr 1fr .22fr;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}
.essay-row strong{font-family:var(--serif);font-size:clamp(1.6rem,2.2vw,2.7rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.essay-row span,.essay-row a{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:38px}
.studio-form label{display:grid;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.studio-form input,.studio-form textarea{border:0;border-bottom:1px solid rgba(60,60,60,.35);background:transparent;padding:12px 0;color:var(--ink);outline:0}
.studio-form textarea{min-height:120px;resize:vertical;grid-column:1/-1}
.studio-form button{justify-self:start;border:1px solid var(--ink);background:transparent;border-radius:50%;width:72px;height:72px;cursor:pointer;transition:transform .3s}
.studio-form button:hover{transform:translateX(5px)}
.next-nav{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.next-nav a{padding:46px var(--pad);border-right:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;align-items:center;background:rgba(246,243,240,.72);transition:background .25s}
.next-nav a:last-child{border-right:0}
.next-nav a:hover{background:var(--lilac)}
.next-nav span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.next-nav strong{font-family:var(--serif);font-size:clamp(1.9rem,3vw,3.8rem);font-weight:400;text-transform:uppercase;letter-spacing:.08em;line-height:.95}
.detail-footer{display:flex;justify-content:space-between;gap:20px;padding:28px var(--pad);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
@media (max-width:900px){
  .sub-hero,.detail-band,.next-nav{grid-template-columns:1fr}
  .sub-copy{padding:110px 24px 44px;min-height:520px}
  .sub-image{min-height:52vh}
  .detail-label,.detail-content{padding:34px 24px}
  .detail-content{border-left:0;border-top:1px solid var(--line)}
  .object-grid,.split-gallery,.studio-form{grid-template-columns:1fr}
  .essay-row{grid-template-columns:1fr;gap:8px}
  .next-nav a{border-right:0;border-bottom:1px solid var(--line);padding:34px 24px}
  .detail-footer{padding:24px;flex-direction:column}
}