.place-grid,.value-grid,.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.photo-card,.metric-card{position:relative;overflow:hidden;border-radius:16px;background:#252420;color:white;isolation:isolate}
.photo-card>img,.metric-card>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 600ms ease}
.photo-card:before,.metric-card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#0003 36%,#141412ed 100%);z-index:-1}
.photo-card{min-height:660px;display:flex;align-items:flex-end}
.photo-copy{padding:28px;width:100%}.photo-copy .category{color:#ffa334;font-size:15px;letter-spacing:.1em;font-weight:700}.photo-copy h3{color:white;font-size:25px;margin:12px 0}.photo-copy p{color:white;font-size:17px;line-height:1.6}.photo-copy ul{list-style:none;padding:16px 0 0;border-top:1px solid #ffffff66;margin:18px 0 0}.photo-copy li{font-size:15px;margin-top:9px;padding-left:15px;position:relative}.photo-copy li:before{content:'–';color:#ff9322;position:absolute;left:0}
.value-grid article{border:1px solid #ddd;border-radius:14px;text-align:center;padding:35px 22px}.value-grid h3{margin:22px 0 12px}.value-grid p{font-size:18px}.metrics-grid{margin-top:24px}.metric-content{padding:28px}.metric-content h3{font-size:20px;color:white}.metric-content h3>span{font-size:12px;background:#ff7900;border-radius:30px;padding:9px 12px;display:inline-block;margin-right:7px}.metric-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:center;margin:45px 0 25px}.bar-track{width:40px;max-width:100%;height:125px;background:#ffffff44;border-radius:8px;margin:0 auto 14px;position:relative;overflow:hidden}.bar-track i{position:absolute;inset:0;background:linear-gradient(#ffb653,#ff7900);border-radius:8px;transform:scaleY(var(--bar-level));transform-origin:bottom}.metric-bars strong{font-size:19px}.metric-bars p{font-size:13px;color:#ddd;margin-top:6px}.transaction{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#ddd;border-top:1px solid #ffffff77;padding-top:22px}.transaction strong{color:white;white-space:nowrap}.transaction em{color:#ff8a00;font-style:normal}
.technology-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:45px}.thermal-image{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:10px}.technology-list{padding:0;list-style:none;margin-bottom:0}.technology-list li{display:flex;gap:25px;align-items:center;border-bottom:1px solid #ddd;padding:22px 0}.technology-list li:last-child{border:0}.technology-list li>span{font-size:36px;color:#aaa;font-weight:300}.technology-list p{font-size:18px;color:#202020}.care-points{border-top:1px solid #ddd;margin-top:45px;padding-top:35px}.care-points>h3{font-size:32px}.care-points>p{font-size:19px;margin-top:10px}.care-points ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:35px 0 0}.care-points li>span{font-size:38px;color:#aaa}.care-points li h3{font-size:22px;margin:12px 0}.care-points li p{font-size:17px}
.recovery-concept{text-align:center;margin-top:45px}.recovery-concept p{font-size:13px;letter-spacing:.2em;color:#ff7900}.recovery-concept h3{font-size:72px;color:#ff7900;margin:10px 0}.recovery-concept>span{letter-spacing:.4em;color:#777}.recovery-layout{display:grid;grid-template-columns:1fr 2.7fr 1fr;align-items:center;gap:20px}.recovery-layout ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:65px}.recovery-layout li{font-size:26px;font-weight:700;line-height:1.4}.recovery-layout li:after{content:' ●';font-size:14px;color:#ff7900}.recovery-layout ul:last-child{text-align:right}.recovery-device{width:100%}.recovery-end{font-size:30px}
@media(hover:hover) and (pointer:fine){.photo-card:hover>img,.metric-card:hover>img{transform:scale(1.025)}}
@media(max-width:1100px){.photo-copy,.metric-content{padding:22px}.photo-copy h3{font-size:21px}.photo-copy p{font-size:16px}.photo-copy li{font-size:14px}.photo-card{min-height:600px}.metric-content h3{font-size:17px}.metric-bars{gap:8px}.metric-bars strong{font-size:16px}.transaction{flex-direction:column}.recovery-layout li{font-size:21px}}
@media(max-width:900px){.place-grid,.metrics-grid{grid-template-columns:1fr;gap:24px}.photo-card{min-height:650px}.photo-copy{padding:28px}.photo-copy h3{font-size:25px}.photo-copy p{font-size:17px}.photo-copy li{font-size:16px}.value-grid{grid-template-columns:1fr;gap:16px}.value-grid article{padding:26px}.value-grid p{font-size:17px}.metric-content{padding:28px}.metric-content h3{font-size:21px}.metric-bars{margin-top:100px}.metric-bars strong{font-size:20px}.transaction{flex-direction:row;font-size:15px}.technology-layout{grid-template-columns:1fr;gap:30px}.technology-list p{font-size:17px}.care-points>h3{font-size:27px}.care-points>p{font-size:16px}.care-points ol{grid-template-columns:1fr 1fr;gap:25px}.care-points li h3{font-size:19px}.care-points li p{font-size:16px}.recovery-concept h3{font-size:55px}.recovery-layout{grid-template-columns:1fr 1fr;gap:20px}.recovery-device{grid-column:1/-1;grid-row:1}.recovery-layout ul{gap:25px;margin:0}.recovery-layout ul:last-child{text-align:left}.recovery-layout li{font-size:20px}.recovery-end{font-size:23px;margin-top:28px}.photo-card>img,.metric-card>img{transition:none}}


/* Narrower desktop content, with existing mobile layout retained. */
.wrap{max-width:1200px}
@media(min-width:901px){h1{font-size:clamp(40px,3.3vw,60px)}h2{font-size:clamp(36px,3.6vw,64px)}.hero{min-height:780px}.hero-device{right:-3%;top:160px}.hero-description{font-size:20px}.badge{font-size:17px}.hero .actions{gap:20px}.hero .button{font-size:18px}.hero .text-link{font-size:16px}}

/* Static content scale: navigation remains outside these elements. */
.header,main{zoom:.85}
/* Fade section backgrounds into a shared white boundary, without covering content. */
.section{position:relative;isolation:isolate}.section:before,.section:after{content:"";position:absolute;left:0;right:0;height:80px;pointer-events:none;z-index:-1}.section:before{top:0;background:linear-gradient(to bottom,#fff,transparent)}.section:after{bottom:0;background:linear-gradient(to top,#fff,transparent)}.footer{background:linear-gradient(to bottom,#fff 0,#f1f0ed 100px)}
@media(max-width:900px){.section:before,.section:after{height:40px}}