/* Approved motion proposal 77bac3e2. Every selector excludes the bespoke folding page. */
@font-face { font-family:LumaDetailsDisplay; src:url('../fonts/luma-details-display.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:LumaDetailsUI; src:url('../fonts/luma-details-ui.ttf') format('truetype'); font-weight:400; font-display:swap; }
body.luma-standard-product .woocommerce-tabs, body.luma-standard-product .luma-detail-viewer { --luma-display:LumaDetailsDisplay,'Cormorant Garamond',Georgia,serif; --luma-ui:LumaDetailsUI,Montserrat,Arial,sans-serif; }
body.single-product.luma-standard-product .luma-standard-details--story { display:block; }
body.single-product.luma-standard-product .luma-standard-details--story .luma-standard-details__header { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; margin:0 0 36px; }
body.single-product.luma-standard-product .luma-standard-details--story .luma-standard-details__header h2 { margin:0; font-size:clamp(42px,4.2vw,76px); line-height:1.07; letter-spacing:-.025em; }
body.luma-standard-product .luma-standard-details--story .luma-standard-details__intro { justify-self:end; }
body.luma-standard-product .luma-standard-details--story .luma-standard-details__intro p { max-width:40ch; color:#5a5a58; font-size:17px; }
body.luma-standard-product .luma-details-motion { --luma-stage-height:clamp(380px,65vh,640px); --luma-stage-foot:44px; margin:0 0 16px; }
body.luma-standard-product .luma-motion-chapter { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(0,1fr); gap:clamp(36px,6vw,104px); align-items:center; margin-bottom:48px; scroll-margin-top:100px; }
body.luma-standard-product .luma-motion-chapter:last-child { margin-bottom:0; }
body.luma-standard-product .luma-motion-photo { min-width:0; margin:0; }
body.luma-standard-product .luma-motion-photo a,
body.luma-standard-product .luma-details-photo a,
body.luma-standard-product .luma-rich-inspect { position:relative; display:block; background:#fff; }
body.luma-standard-product .luma-motion-photo img { display:block; width:100%; height:auto; max-height:640px; object-fit:contain; }
body.luma-standard-product .luma-motion-photo figcaption,
body.luma-standard-product .luma-motion-stage-foot p { margin:12px 0 0; color:#5a5a58; font:400 12px/1.5 var(--luma-ui); }
body.single-product.luma-standard-product .luma-motion-copy h3 { font-size:clamp(32px,3.1vw,54px); line-height:1.07; letter-spacing:-.025em; margin:0 0 24px; text-wrap:balance; }
body.luma-standard-product .luma-motion-copy>p { max-width:40ch; margin:0; color:#5a5a58; font-size:16px; line-height:1.8; }
body.luma-standard-product .luma-motion-copy { padding:32px 0; min-width:0; }
body.luma-standard-product :is(.luma-inspect-cue,.luma-motion-inspect,.luma-motion-link) svg,
body.luma-standard-product .luma-detail-viewer svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; flex:none; }
body.luma-standard-product .luma-inspect-cue { position:absolute; right:18px; bottom:18px; display:flex; align-items:center; gap:10px; padding:11px 13px; background:#fafafa; color:#171715; font:400 12px/1.5 var(--luma-ui); pointer-events:none; }
body.luma-standard-product :is(.luma-motion-photo a,.luma-details-photo a,.luma-rich-inspect):hover .luma-inspect-cue { background:#171715; color:#fafafa; }
body.luma-standard-product .luma-motion-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; margin-top:25px; color:var(--luma-ink); text-decoration:none; font:400 14px/1.5 var(--luma-ui); }
body.luma-standard-product .luma-motion-link svg { transition:transform .24s cubic-bezier(.16,1,.3,1); }
body.luma-standard-product .luma-motion-link:hover svg { transform:translateX(5px); }
body.luma-standard-product .luma-motion-stage { display:none; }
body.luma-standard-product .luma-details-motion.is-relay { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(0,1fr); gap:clamp(36px,6vw,104px); align-items:start; }
body.luma-standard-product .is-relay .luma-motion-stage { display:block; position:sticky; top:100px; min-width:0; }
body.luma-standard-product .luma-motion-stage-images { position:relative; height:var(--luma-stage-height); background:#fff; overflow:hidden; isolation:isolate; }
body.luma-standard-product .luma-motion-stage-images>img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; }
body.luma-standard-product .luma-motion-stage-images>img:first-child { opacity:1; }
body.luma-standard-product .luma-motion-inspect { position:absolute; z-index:2; bottom:20px; right:20px; display:flex; align-items:center; gap:10px; min-height:44px; padding:12px 16px; background:#fafafa; color:#171715; border:0; border-radius:0; cursor:pointer; font:400 12px/1.5 var(--luma-ui); transition:background .2s,color .2s; }
body.luma-standard-product .luma-motion-inspect:hover { background:#171715; color:#fafafa; }
body.luma-standard-product .luma-motion-stage-foot { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 20px; }
body.luma-standard-product .luma-motion-stage-foot nav { display:flex; gap:20px; }
body.luma-standard-product .luma-motion-stage-foot a { display:inline-flex; align-items:center; min-height:44px; color:#5a5a58; font:400 12px/1.5 var(--luma-ui); text-decoration:none; border-bottom:1px solid transparent; }
body.luma-standard-product .luma-motion-stage-foot a[aria-current=step] { color:var(--luma-ink); border-bottom-color:var(--luma-ink); }
body.luma-standard-product .is-relay .luma-motion-chapter { display:flex; min-height:clamp(440px,72vh,720px); margin:0; padding:24px 0; scroll-margin-top:0; }
body.luma-standard-product .is-relay .luma-motion-chapter:last-child { min-height:calc(var(--luma-stage-height) + var(--luma-stage-foot)); }
body.luma-standard-product .is-relay .luma-motion-photo { display:none; }
body.luma-standard-product .is-relay .luma-motion-copy { padding:0; }
body.luma-standard-product .luma-motion-toggle { display:block; margin:0 0 20px auto; min-height:32px; padding:4px 0; border:0; border-radius:0; background:transparent; color:#5a5a58; cursor:pointer; font:400 12px/1.5 var(--luma-ui); text-decoration:underline; text-underline-offset:4px; }
body.luma-standard-product .luma-motion-toggle:disabled { cursor:default; }
body.luma-standard-product .luma-motion-compare { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0 8px; }
body.luma-standard-product .luma-motion-compare button { display:flex; flex-direction:column; align-items:center; gap:5px; padding:8px 10px 12px; min-height:100px; border:1px solid var(--luma-line); border-radius:0; background:transparent; color:var(--luma-ink); font:400 12px/1.5 var(--luma-ui); cursor:pointer; transition:border-color .2s,background .2s; }
body.luma-standard-product .luma-motion-compare img { width:84px; height:70px; object-fit:cover; }
body.luma-standard-product .luma-motion-compare button[aria-pressed=true] { border-color:var(--luma-ink); box-shadow:inset 0 -2px var(--luma-ink); }
body.luma-standard-product .luma-motion-compare button:hover { background:#f0f0ec; }
body.luma-standard-product .luma-standard-details--story .luma-details-specs { border-top:1px solid var(--luma-line); padding-top:40px; }
body.luma-standard-product .luma-standard-details--story .luma-standard-facts__item:last-child:nth-child(odd) { grid-column:auto; grid-template-columns:minmax(100px,.55fr) minmax(0,1fr); }
body.luma-standard-product .luma-detail-viewer { border:0; padding:24px 32px; background:#fafafa; color:#171715; width:100%; max-width:min(1100px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); overflow:auto; }
body.luma-standard-product .luma-detail-viewer::backdrop { background:rgb(0 0 0/.7); }
body.luma-standard-product:has(.luma-detail-viewer[open]) { overflow:hidden; }
body.luma-standard-product .luma-viewer-head { display:flex; align-items:center; gap:24px; }
body.luma-standard-product .luma-viewer-head p { margin:0 auto 0 0; font:400 14px/1.6 var(--luma-ui); }
body.luma-standard-product .luma-viewer-action { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:8px 0; flex-shrink:0; border:0; border-radius:0; background:transparent; color:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:5px; font:400 14px/1.6 var(--luma-ui); }
body.luma-standard-product .luma-viewer-image { overflow:auto; max-height:70vh; background:#fff; margin:16px 0; overscroll-behavior:contain; }
body.luma-standard-product .luma-viewer-image img { display:block; width:100%; max-height:70vh; object-fit:contain; }
body.luma-standard-product .luma-viewer-image.is-actual img { width:auto; max-width:none; max-height:none; margin:auto; }
body.luma-standard-product .luma-viewer-note { margin:0; color:#5a5a58; font:400 12px/1.6 var(--luma-ui); }
body.luma-standard-product .luma-detail-viewer :focus-visible { outline:2px solid #171715; outline-offset:4px; }
@media(min-width:1600px) { body.luma-standard-product .luma-motion-copy>p { font-size:18px; } }
@media(max-width:1100px) {
  body.single-product.luma-standard-product .luma-standard-details--story .luma-standard-details__header { grid-template-columns:1fr; gap:20px; }
  body.luma-standard-product .luma-standard-details--story .luma-standard-details__intro { justify-self:start; }
  body.luma-standard-product .luma-motion-chapter { gap:36px; }
  body.single-product.luma-standard-product .luma-motion-copy h3 { font-size:38px; }
}
@media(max-width:640px) {
  body.single-product.luma-standard-product .luma-standard-details--story .luma-standard-details__header { margin-bottom:24px; gap:16px; }
  body.single-product.luma-standard-product .luma-standard-details--story .luma-standard-details__header h2 { font-size:40px; }
  body.luma-standard-product .luma-standard-details--story .luma-standard-details__intro p { font-size:15px; }
  body.luma-standard-product .luma-motion-chapter { display:flex; flex-direction:column; align-items:stretch; gap:0; margin-bottom:40px; }
  body.luma-standard-product .luma-motion-photo img { max-height:none; aspect-ratio:1; }
  body.luma-standard-product .luma-motion-copy { padding:24px 0 0; }
  body.single-product.luma-standard-product .luma-motion-copy h3 { font-size:34px; max-width:18ch; margin-bottom:16px; }
  body.luma-standard-product .luma-motion-copy>p { font-size:15px; }
  body.luma-standard-product .luma-motion-link { margin-top:16px; font-size:13px; }
  body.luma-standard-product .luma-motion-compare { gap:10px; }
  body.luma-standard-product .luma-motion-compare button { font-size:11px; min-height:110px; }
  body.luma-standard-product .luma-inspect-cue { right:12px; bottom:12px; padding:10px; font-size:11px; }
  body.luma-standard-product .luma-standard-details--story .luma-details-specs { padding-top:28px; }
  body.luma-standard-product .luma-standard-details--story .luma-standard-facts__item { display:grid; grid-template-columns:1fr 1.2fr; gap:16px; }
  body.luma-standard-product .luma-detail-viewer { padding:16px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); }
  body.luma-standard-product .luma-viewer-head { flex-wrap:wrap; gap:0 20px; }
  body.luma-standard-product .luma-viewer-head p { width:100%; font-size:12px; }
  body.luma-standard-product .luma-viewer-action:last-child { margin-left:auto; }
  body.luma-standard-product .luma-viewer-image, body.luma-standard-product .luma-viewer-image img { max-height:65vh; }
  body.luma-standard-product .luma-viewer-image.is-actual img { max-height:none; }
}
body.luma-standard-product [data-reduced=true] *, body.luma-standard-product [data-reduced=true] *::after { transition:none!important; animation:none!important; }
@media(prefers-reduced-motion:reduce) { body.luma-standard-product .luma-detail-viewer * { transition:none!important; animation:none!important; } }
