/* Image-led buying guide using the same decision-card system as the chair review. */
.desk-page{max-width:1280px;margin:0 auto;padding:22px 24px 60px}
.bar{height:auto;min-height:64px;padding:16px 24px}.bar .disc{max-width:540px;line-height:1.5}.bar .brand{flex-shrink:0}
.hero-photo{position:relative;margin:0 0 30px;border-radius:20px;overflow:hidden;box-shadow:0 22px 50px rgba(15,23,41,.16)}
.hero-photo>img{display:block;width:100%;height:clamp(220px,30vw,360px);object-fit:cover;object-position:center 48%}
.hero-copy{padding:0 8px;max-width:1100px}.hero-copy .eyebrow{font-size:12px}.hero-copy h1{font-size:clamp(32px,4vw,50px);line-height:1.1;max-width:1050px;margin:16px 0 22px;letter-spacing:-.04em}.byline{display:flex;align-items:center;gap:11px;font-size:14px;color:#64748b;margin-bottom:20px}.byline img{border-radius:50%}.byline a{text-decoration:underline}.hero-copy .lead{max-width:950px;font-size:18px;line-height:1.65;margin-bottom:22px}.hero-copy .chips{margin:20px 0}.hero-copy .chip .k{font-size:12px}.hero-copy .chip .v{font-size:16px}.hero-copy .cta{max-width:100%;margin-top:22px}.micro{font-size:12px;color:#64748b;line-height:1.5}
.idea-nav{display:flex;flex-wrap:wrap;gap:10px 20px;padding:24px 8px;margin:22px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.idea-nav a{font-size:14px;color:var(--soft);padding:5px 0}.idea-nav a:hover{color:var(--accent);text-decoration:underline}
.products{padding-top:16px;scroll-margin-top:90px}.product-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,62px);padding:44px 8px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.product-image{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 38px rgba(15,23,41,.09)}.product-image img{display:block;width:100%;height:380px;padding:30px;object-fit:contain}.image-number{position:absolute;top:18px;left:18px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:8px 14px;font-weight:750;font-size:13px;letter-spacing:.08em}.product-copy .eyebrow{font-size:12px;line-height:1.5}.product-copy h2{font-size:clamp(25px,2.8vw,34px);line-height:1.14;letter-spacing:-.03em;margin:13px 0}.product-name{font-size:15px;font-weight:650;color:var(--accent);margin:0 0 18px}.product-copy>div>p{font-size:16px;color:var(--soft);line-height:1.7;margin:16px 0}.product-copy .fit{border:1px solid var(--line);border-radius:12px;padding:15px 17px;background:var(--canvas);font-size:14px}.product-copy .fit strong{color:var(--ink)}.product-copy .cta{margin-top:22px;animation:none}.product-copy .cta::after{display:none}.product-copy .micro{margin-top:10px}.method-note{max-width:850px;margin:42px auto 0;padding:26px 0;font-size:15px;line-height:1.7;color:var(--soft)}.method-note h2{color:var(--ink);font-size:25px;letter-spacing:-.02em;margin-bottom:12px}.method-note p{margin:12px 0}.method-note a,.related a{color:var(--accent)}.related{max-width:850px;margin:12px auto;display:flex;gap:24px;font-size:15px;font-weight:650}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:14px;z-index:100}.skip:focus{top:8px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:760px){.desk-page{padding:16px 16px 40px}.bar{padding:12px 16px;gap:14px}.bar .disc{font-size:12px;max-width:260px}.hero-photo{margin-bottom:25px}.hero-photo>img{height:235px}.hero-copy{padding:0 2px}.hero-copy h1{font-size:34px}.hero-copy .lead{font-size:16px}.hero-copy .chip{padding:14px 12px}.hero-copy .chip .v{font-size:14px}.hero-copy .chip .k{font-size:11px}.product-story{grid-template-columns:1fr;gap:24px;padding:32px 2px}.product-image img{height:300px;padding:26px}.product-copy h2{font-size:29px}.idea-nav{gap:8px 18px;padding:20px 2px}.hero-photo .badge{top:16px;left:16px;padding:8px 14px}.related{flex-wrap:wrap}.method-note{margin-top:24px}}
@media(max-width:400px){.bar .brand{font-size:16px}.bar .disc{font-size:10px;max-width:180px}.hero-copy .chips{grid-template-columns:1fr 1fr 1fr}.hero-copy h1{font-size:30px}.product-image img{height:260px}}