.essential-product{background:#f4f1e8} .essential-product .essential-intro{padding:34px 0 64px} .essential-product .essential-intro>.container,.essential-product .essential-story>.container{max-width:1280px} .essential-product .breadcrumb{margin-bottom:28px;line-height:1.6} .essential-product .essential-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,4.5vw,68px);align-items:start} .essential-product .essential-gallery,.essential-product .essential-summary{min-width:0} .essential-product .essential-main{display:block;background:#e9e5dd;border:1px solid var(--line);aspect-ratio:1;overflow:hidden} .essential-product .essential-main picture,.essential-product .essential-story-image picture{display:block} .essential-product .essential-main img,.essential-product .essential-story-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain} .essential-product .essential-gallery-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#626158;padding:12px 0} .essential-product .essential-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} .essential-product .essential-thumbnail{display:block;padding:3px;border:1px solid var(--line);background:#faf8f1;cursor:pointer;aspect-ratio:1} .essential-product .essential-thumbnail[aria-pressed="true"]{border:2px solid #6f5e44;padding:2px} .essential-product .essential-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain} .essential-product .essential-thumbnail:focus-visible,.essential-product .essential-main:focus-visible,.essential-product .essential-story-image:focus-visible{outline:3px solid #6f5e44;outline-offset:3px} .essential-product .essential-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#76694f;margin:0 0 16px} .essential-product .essential-summary h1{font-size:clamp(38px,4.1vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.05em;text-transform:none;margin:0 0 20px} .essential-product .essential-lead{font-size:17px;line-height:1.7;color:#5b5d54;margin:0 0 26px} .essential-product .essential-specs{margin:0 0 26px;border-top:1px solid var(--line)} .essential-product .essential-specs>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--line)} .essential-product .essential-specs dt{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .essential-product .essential-specs dd{margin:0;font-size:14px;line-height:1.55;color:#55584f} .essential-product .essential-actions{display:flex;flex-wrap:wrap;gap:10px} .essential-product .essential-actions .btn{min-height:48px;padding:12px 20px} .essential-product .essential-note{font-size:12px;line-height:1.6;color:#696a61;margin:16px 0 24px} .essential-product .essential-jump-links{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;font-weight:700} .essential-product .essential-jump-links a{text-decoration:underline;text-underline-offset:4px} .essential-product .essential-story{padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:105px} .essential-product .essential-story:nth-child(even){background:#fbfaf6} .essential-product .essential-story>.container{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:40px;align-items:start} .essential-product .essential-story-copy{padding-top:12px} .essential-product .essential-story h2{font-size:clamp(27px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px} .essential-product .essential-story p:not(.essential-eyebrow){font-size:15px;line-height:1.7;color:#62645a;margin:0 0 16px} .essential-product .essential-story-image{display:block;background:#e9e5dd;border:1px solid var(--line)} .essential-product .essential-image-hint{font-size:11px!important;color:#76766b!important} @media(max-width:900px){ .essential-product .essential-layout{grid-template-columns:1fr;gap:34px} .essential-product .essential-intro{padding:24px 0 42px} .essential-product .essential-summary h1{font-size:42px} .essential-product .essential-story{padding:38px 0} .essential-product .essential-story>.container{grid-template-columns:1fr;gap:16px} .essential-product .essential-story-copy{padding:0} } @media(max-width:480px){ .essential-product .essential-summary h1{font-size:36px} .essential-product .essential-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))} .essential-product .essential-specs>div{grid-template-columns:86px minmax(0,1fr);gap:12px} .essential-product .essential-actions{display:grid} .essential-product .essential-gallery-caption{font-size:11px} }