/* Each chapter has one job: recognize, demonstrate, imagine, choose, and reassure. */
.s-scene-integrated{background:#e8eceb}
.s-scene-integrated>.s-scene-back{object-fit:cover;object-position:50% 55%;opacity:1;filter:none;transform:none;mask-image:none}
.s-everyday>.s-visual-caption>.s-scene-integrated,.s-everyday>.s-visual-caption:first-child>.s-scene-integrated{aspect-ratio:4/3}
.s-closing:has(>.s-scene-integrated){background:#e2e4e4;isolation:isolate}
.s-closing>.s-scene-integrated .s-scene-back{opacity:1;object-position:50% 50%}
.s-closing:has(>.s-scene-integrated)>.s-shell>.s-copy{width:43%;max-width:480px}
.j-breadcrumb{display:flex;gap:10px 20px;flex-wrap:wrap;padding:18px 0;font-size:12px;color:var(--muted)}
.j-breadcrumb a{text-decoration:none}.j-breadcrumb a:hover{text-decoration:underline}.j-breadcrumb span{color:var(--ink)}
.s-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.j-photo{margin:0;min-width:0}.j-photo img{display:block;width:100%;height:100%;object-fit:contain}
.j-second-life{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:32px;max-width:980px;margin:36px auto 0}
.j-second-life figure{margin:0;min-width:0;overflow:hidden}.j-second-life img{display:block;width:100%;height:300px;object-fit:cover;background:#fff}
.j-second-life figure:first-child img{object-position:50% 62%}
.j-second-life figcaption{padding-top:12px;font-size:13px;text-align:center;color:var(--muted)}
.j-second-life>div{text-align:center;color:var(--blue)}.j-second-life>div svg{width:28px;height:28px;margin:auto}
.j-second-life>div p{font-size:14px;line-height:1.6;margin-top:18px}
.r-page-home #H02 .r-purpose-steps{border-top:1px solid var(--line);padding-top:30px}
.j-proof-band{background:#252627;color:#fff}.j-proof-band h2,.j-proof-band .s-copy p{color:#fff}
.j-proof-band .s-eyebrow{color:#ff987b}.j-proof-band .s-link{color:#fff}.j-proof-band .s-video figcaption{color:#d0d4d8}
.j-proof-band .r-demo-media{display:block;width:100%;max-width:420px;margin:auto}.j-proof-band .s-video video{height:500px;background:#151617}
.j-proof-band .s-copy{max-width:480px}.j-proof-band .s-copy>p{color:#d0d4d8}
.r-page-home .r-lifestyle{padding-top:76px}.r-page-home .r-lifestyle .s-moments{display:grid;grid-template-columns:1.18fr 1fr;gap:52px 58px;align-items:start}
.r-page-home .r-lifestyle .s-moment{display:flex;flex-direction:column;gap:22px;align-items:stretch;grid-column:auto;grid-row:auto}
.r-page-home .r-lifestyle .s-moment:nth-child(even){padding-top:92px}
.r-page-home .r-lifestyle .s-moment>figure{width:100%;aspect-ratio:5/4}
.r-page-home .r-lifestyle .s-moment:nth-child(even)>figure{aspect-ratio:1/1}
.r-page-home .r-lifestyle .s-moment-copy{padding:0;max-width:480px}
.r-page-home .r-lifestyle .s-moment-copy h3{font-size:27px;max-width:430px;margin:8px 0 12px}
.r-page-home .r-lifestyle .s-moment-copy p{font-size:14px}
.r-page-home .r-essentials{background:#f3f6f5}
.r-page-home .r-essentials .r-capability-photo{background:transparent;height:420px}
.r-page-home .r-essentials .r-capability-photo img{object-fit:contain}
.r-essentials .s-capabilities h3{padding:24px 0 8px;margin:0}
.j-feature-copy{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.7}
.j-choice-reason{border-left:2px solid var(--green);padding-left:14px;font-weight:600;color:var(--ink)}
.j-order-notes{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:0 0 38px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.j-order-notes>div{position:relative;padding-left:42px}.j-order-notes svg{position:absolute;left:0;top:2px;width:24px;height:24px;color:var(--green)}
.j-order-notes h3{font-size:18px;margin-bottom:12px}.j-order-notes p{font-size:13px;line-height:1.75;max-width:470px;margin:0;color:var(--muted)}
.j-shipping-line{border-top:1px solid var(--line);padding-top:14px;display:flex;gap:10px;align-items:flex-start;color:var(--green);font-size:12px}
.j-shipping-line svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.p-finish-story .s-finish-photo{width:100%;max-width:100%;min-width:0}
.j-price-decision{margin-top:28px;border-top:1px solid var(--line);padding-top:24px;max-width:800px}
.j-decision-prices{display:flex;gap:20px 50px;flex-wrap:wrap;color:var(--ink)}.j-decision-prices strong{font-size:19px}
.j-price-decision h3{font-size:24px;margin:20px 0 12px}.j-price-decision p:not(.j-decision-prices){font-size:15px;max-width:720px}
.j-short-answer{display:grid;grid-template-columns:1fr 1fr;gap:40px}.j-short-answer p{font-size:16px}
.r-page-compare #quick-answer .s-copy{max-width:950px}.j-release-guidance{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.j-release-guidance h3{font-size:22px}.j-release-guidance p{font-size:14px}.j-release-guidance p.s-note{font-size:12px}
.j-care-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:38px}
.j-care-answers>div{min-width:0}.j-care-answers span{font-size:26px;color:var(--coral);display:block;margin-bottom:18px}
.j-care-answers h3{font-size:22px}.j-care-answers p{font-size:14px;line-height:1.8}.j-care-answers .s-link{font-size:12px}
.j-supplier-specs{margin-top:30px;border-block:1px solid var(--line);max-width:100%;min-width:0}
.j-supplier-specs summary{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:20px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.j-supplier-specs summary::-webkit-details-marker{display:none}.j-supplier-specs[open] summary svg{transform:rotate(45deg)}
.j-supplier-specs>p{font-size:14px;max-width:850px}.j-supplier-specs .s-note{font-size:12px}.j-supplier-specs td{white-space:nowrap}
@media(max-width:800px){
 .s-closing:has(>.s-scene-integrated){display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;background:#f1f3f3}
 .s-closing:has(>.s-scene-integrated)>.s-shell{order:0;padding-block:42px}
 .s-closing:has(>.s-scene-integrated)>.s-shell>.s-copy{width:100%;max-width:560px}
 .s-closing>.s-scene-integrated{position:relative;inset:auto;z-index:0;order:1;width:100%;aspect-ratio:3/2;margin:0}
 .s-closing>.s-scene-integrated .s-scene-back{object-position:100% 50%}
 .j-second-life{grid-template-columns:1fr 1fr;gap:16px}.j-second-life>div{grid-column:1/-1;grid-row:2}.j-second-life>div svg{display:none}.j-second-life>div p{margin:0}.j-second-life>div br{display:none}.j-second-life img{height:260px}
 .r-page-home .r-lifestyle .s-moments{gap:34px 28px}.r-page-home .r-lifestyle .s-moment:nth-child(even){padding-top:48px}
 .r-page-home .r-lifestyle .s-moment-copy h3{font-size:23px}.j-order-notes{gap:26px}.j-order-notes>div{padding-left:34px}
 .j-care-answers{grid-template-columns:1fr;gap:28px}.j-care-answers>div{position:relative;padding-left:45px}.j-care-answers span{position:absolute;left:0;top:0;font-size:23px}
}
@media(max-width:600px){
 .s-everyday>.s-visual-caption>.s-scene-integrated,.s-everyday>.s-visual-caption:first-child>.s-scene-integrated{aspect-ratio:3/2}
 .s-closing>.s-scene-integrated{aspect-ratio:5/4}
 .j-second-life img{height:210px}.j-second-life figcaption{font-size:11px}.j-second-life>div p{font-size:13px}
 .r-page-home .r-lifestyle{padding-top:52px}.r-page-home .r-lifestyle .s-moments{grid-template-columns:1fr;gap:38px}
 .r-page-home .r-lifestyle .s-moment:nth-child(even){padding-top:0}.r-page-home .r-lifestyle .s-moment:nth-child(even)>figure{aspect-ratio:5/4}
 .r-page-home .r-lifestyle .s-moment-copy h3{font-size:26px}.r-page-home .r-essentials .r-capability-photo{height:310px}
 .j-feature-copy{font-size:12px}.j-order-notes,.j-short-answer{grid-template-columns:1fr;gap:24px}.j-order-notes{padding-bottom:28px;margin-bottom:30px}
 .j-order-notes h3{font-size:18px}.j-price-decision h3{font-size:23px}.j-decision-prices{gap:12px 25px}.j-decision-prices strong{font-size:17px}
}
/* Preserve the human activity and physical scale, not just the device crop. */
.r-page .s-scene.s-scene-integrated,.r-page .s-everyday .s-visual-caption>.s-scene.s-scene-integrated,.r-page-home .r-lifestyle .s-moment:nth-child(n)>figure.s-scene-integrated{aspect-ratio:3/2;min-height:0}
.r-page .s-closing:has(>.s-scene-integrated){aspect-ratio:1672/941;min-height:460px}
.r-page .s-closing>.s-scene.s-scene-integrated{aspect-ratio:auto;height:100%}
@media(max-width:800px){
 .r-page .s-closing:has(>.s-scene-integrated){aspect-ratio:auto;min-height:0}
 .r-page .s-closing>.s-scene.s-scene-integrated{aspect-ratio:5/4;height:auto}
}
