.objects-page { min-height:100vh; background:#f6f3ee; color:#181412; --objects-line:rgba(24,20,18,.24); }
.objects-shell { max-width:1800px; min-height:100vh; margin:auto; padding:104px 18px 110px; }
.objects-back { display:inline-block; margin-bottom:68px; color:var(--umber); font-size:11px; }
.objects-back:hover,.objects-back:focus { text-decoration:underline; text-underline-offset:4px; }
.objects-heading { display:grid; grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr); align-items:end; gap:18px; padding-bottom:24px; }
.objects-heading > span { padding-bottom:10px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.objects-heading h1 { margin:0; font-family:"Playfair Display",serif; font-size:clamp(88px,15vw,240px); font-weight:500; letter-spacing:-.075em; line-height:.79; }
.objects-heading h1 span { color:var(--umber); }
.objects-cart-toggle { justify-self:end; margin-bottom:8px; padding:8px 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:inherit; cursor:pointer; text-transform:uppercase; }
.objects-rule { display:flex; justify-content:space-between; gap:20px; padding:13px 0 50px; border-top:1px solid var(--objects-line); color:var(--umber); font-size:10px; text-transform:uppercase; }
.objects-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:16px; row-gap:72px; }
.objects-tile { display:flex; min-width:0; flex-direction:column; gap:11px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; text-align:left; }
.objects-image { display:flex; width:100%; aspect-ratio:4/5; align-items:center; justify-content:center; overflow:hidden; background:#e8e1d9; }
.objects-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.objects-tile:hover .objects-image img,.objects-tile:focus .objects-image img { transform:scale(1.035); }
.objects-image-blank { color:#b7a69c; font-family:"Playfair Display",serif; font-size:clamp(90px,18vw,260px); letter-spacing:-.1em; line-height:1; }
.objects-tile-meta { display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--objects-line); padding-top:10px; font-size:10px; line-height:1.5; text-transform:uppercase; }
.objects-tile-meta span:last-child { flex:none; color:var(--umber); }
.objects-message { max-width:450px; margin:15vh 0 24vh; font-family:"Playfair Display",serif; font-size:clamp(28px,3.3vw,48px); letter-spacing:-.035em; line-height:1.1; }
main:has(.objects-page) + .site-footer { background:#f6f3ee; color:var(--umber); --line:rgba(24,20,18,.24); }
main:has(.objects-page) + .site-footer a { color:#181412; }
.objects-dialog { width:min(1050px,calc(100vw - 36px)); max-width:none; max-height:calc(100dvh - 36px); padding:0; border:0; background:#f6f3ee; color:#181412; box-shadow:0 22px 90px rgba(0,0,0,.24); }
.objects-dialog::backdrop { background:rgba(17,13,12,.75); backdrop-filter:blur(6px); }
.objects-detail-layout { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); height:calc(100dvh - 36px); min-height:min(600px,calc(100dvh - 36px)); }
.objects-detail-media { position:relative; display:flex; min-width:0; min-height:0; flex-direction:column; overflow:hidden; background:#e8e1d9; }
.objects-gallery-count { position:absolute; right:12px; bottom:62px; padding:6px 8px; background:rgba(246,243,238,.88); color:#181412; font-size:10px; pointer-events:none; }
.objects-gallery-nav { display:flex; min-height:50px; flex:none; align-items:center; justify-content:space-between; gap:14px; padding:0 16px; border-top:1px solid var(--objects-line); background:#f6f3ee; }
.objects-gallery-nav button { padding:9px 0; border:0; background:transparent; color:#181412; cursor:pointer; font-size:11px; text-align:left; }
.objects-gallery-nav button:last-child { text-align:right; }
.objects-gallery-nav button:hover,.objects-gallery-nav button:focus-visible { color:var(--umber); text-decoration:underline; text-underline-offset:4px; }
.objects-close { position:absolute; z-index:2; top:13px; right:16px; width:38px; height:38px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; font-size:30px; line-height:1; }
.objects-detail-images { display:flex; min-height:0; flex:1; flex-direction:column; overflow:auto; background:#e8e1d9; }
.objects-detail-images img { display:block; width:100%; height:auto; }
.objects-detail-images .objects-image-blank { display:grid; min-height:600px; place-items:center; }
.objects-detail-copy { display:flex; min-height:0; flex-direction:column; align-items:stretch; overflow-y:auto; padding:66px clamp(22px,4vw,70px) 30px; }
.objects-detail-kicker { color:var(--umber); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.objects-detail-copy h2,.objects-bag h2 { margin:28px 0 10px; font-family:"Playfair Display",serif; font-size:clamp(42px,5vw,78px); font-weight:500; letter-spacing:-.055em; line-height:.95; }
.objects-detail-price { margin:0 0 32px; font-size:13px; }
.objects-detail-description { max-width:450px; margin:0 0 26px; line-height:1.65; }
.objects-detail-intro { margin:0 0 22px; font-size:inherit; font-style:italic; font-weight:600; line-height:inherit; }
.objects-detail-body p { margin:0 0 15px; }
.objects-detail-body ul,.objects-detail-body ol { margin:0 0 18px; padding-left:19px; }
.objects-detail-body li { margin:0 0 6px; padding-left:2px; }
.objects-choice { display:flex; flex-direction:column; gap:8px; margin:0 0 18px; color:var(--umber); font-size:10px; text-transform:uppercase; }
.objects-choice select { width:100%; padding:12px 10px; border:1px solid var(--objects-line); border-radius:0; background:transparent; color:#181412; font:inherit; font-size:12px; text-transform:none; }
.objects-detail-status { margin:auto 0 14px; color:var(--umber); font-size:10px; text-transform:uppercase; }
.objects-add,.objects-checkout { width:100%; min-height:49px; padding:13px 16px; border:1px solid #181412; background:#181412; color:#f6f3ee; cursor:pointer; text-align:center; text-transform:uppercase; }
.objects-add:hover,.objects-add:focus,.objects-checkout:hover,.objects-checkout:focus { background:transparent; color:#181412; }
.objects-add:disabled,.objects-checkout:disabled { opacity:.55; cursor:default; }
.objects-checkout-note { margin:13px 0 0; color:var(--umber); font-size:10px; line-height:1.5; }
.objects-bag { width:min(520px,calc(100vw - 28px)); height:100dvh; max-height:100dvh; margin:0 0 0 auto; }
.objects-bag-inner { display:flex; min-height:100%; flex-direction:column; padding:72px 24px 30px; }
.objects-bag h2 { margin:20px 0 36px; }
.objects-bag h2 small { color:var(--umber); font-family:"DM Mono",monospace; font-size:13px; font-weight:400; vertical-align:top; }
.objects-bag-list { flex:1; }
.objects-bag .objects-message { margin:0; }
.objects-bag-row { display:grid; grid-template-columns:76px minmax(0,1fr) auto; gap:13px; padding:14px 0; border-top:1px solid var(--objects-line); }
.objects-bag-thumb { height:92px; background:#e8e1d9; }
.objects-bag-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.objects-bag-row h3 { margin:0 0 6px; font-family:"Playfair Display",serif; font-size:20px; font-weight:500; letter-spacing:-.03em; }
.objects-bag-row p { margin:0; color:var(--umber); font-size:10px; }
.objects-bag-row > span { white-space:nowrap; font-size:10px; }
.objects-quantity { display:flex; align-items:center; gap:12px; margin-top:15px; }
.objects-quantity button { width:20px; height:20px; padding:0; border:1px solid var(--objects-line); background:transparent; color:inherit; cursor:pointer; }
.objects-bag-total { display:flex; justify-content:space-between; padding:18px 0; border-top:1px solid var(--objects-line); font-size:12px; text-transform:uppercase; }
.objects-bag-error { min-height:15px; color:#8c3030; }
@media (max-width:900px) {
  .objects-heading { grid-template-columns:1fr auto; }
  .objects-heading > span { grid-column:1/-1; padding:0; }
  .objects-heading h1 { font-size:clamp(78px,14vw,150px); }
  .objects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  body:has(.objects-page) .site-header { color:#181412; }
  .objects-shell { padding:78px 12px 95px; }
  .objects-back { margin-bottom:62px; }
  .objects-heading { gap:6px; padding-bottom:18px; }
  .objects-heading h1 { font-size:clamp(70px,18vw,120px); }
  .objects-cart-toggle { margin-bottom:0; font-size:10px; }
  .objects-rule { padding:10px 0 28px; font-size:9px; }
  .objects-grid { gap:32px 8px; }
  .objects-tile-meta { display:block; font-size:9px; }
  .objects-tile-meta span { display:block; }
  .objects-tile-meta span:last-child { margin-top:3px; }
  .objects-dialog { width:100vw; max-height:100dvh; }
  .objects-detail-layout { display:block; height:auto; min-height:100dvh; }
  .objects-detail-media { overflow:visible; }
  .objects-detail-images { height:45dvh; flex:none; flex-direction:row; overflow-x:auto; overflow-y:hidden; }
  .objects-gallery-nav { min-height:48px; padding:0 18px; }
  .objects-gallery-count { bottom:60px; }
  .objects-detail-images img { width:auto; min-width:75%; height:100%; object-fit:cover; }
  .objects-tile img[alt="Headcase"],.objects-detail-images img[alt="Headcase"] { object-position:center top; }
  .objects-detail-images .objects-image-blank { min-height:0; width:100%; }
  .objects-detail-copy { min-height:55dvh; padding:28px 18px 30px; }
  .objects-detail-copy h2 { margin-top:16px; }
  .objects-bag-inner { padding-bottom:92px; }
}
@media (prefers-reduced-motion:reduce) { .objects-image img { transition:none; } }
