/* One composition: copy and a transparent product image, without viewer UI. */
.repair-section{padding:80px 5.2% 0;scroll-margin-top:16px}
.repair-card{display:grid;grid-template-columns:1.05fr 1fr;max-width:1400px;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#e8eadf}
.repair-copy{padding:clamp(30px,4vw,64px);color:var(--ink);position:relative;z-index:1}
.repair-copy>.eyebrow{color:#626a53;display:flex;align-items:center;gap:10px;margin-bottom:28px}
.repair-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#7c8a29}
.repair-copy h2{font-size:clamp(32px,3.2vw,49px);letter-spacing:-.055em;line-height:1.15}
.repair-copy h2 em{color:#637030}
.repair-intro{max-width:450px;margin-top:24px;font-size:14px;line-height:1.85;color:#606754}
.repair-promises{list-style:none;padding:0;margin:26px 0 30px}
.repair-promises li{display:flex;gap:16px;padding:18px 0;border-top:1px solid #bdc4ac}
.repair-promises li>span{color:#64752c;font-size:10px;padding-top:4px}
.repair-promises h3{font-size:15px;font-weight:500;letter-spacing:-.025em}
.repair-promises p{font-size:12px;line-height:1.75;color:#606754;margin-top:7px;max-width:360px}
.repair-cta{border-color:var(--ink);background:var(--ink);color:var(--paper);gap:22px}
.repair-cta:hover{background:#414933}
.repair-visual{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:40px 24px 34px;background:radial-gradient(ellipse at center,#f7f8edaa,transparent 68%)}
.repair-visual-index{position:absolute;right:34px;top:34px;color:#687354}
.repair-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.repair-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 17px #25282022);transform-origin:center;z-index:1}
.repair-orbit{position:absolute;inset:11%;border:1px solid #acb58d66;border-radius:50%;transform:rotateX(55deg) translateY(35%);z-index:-1;pointer-events:none}
.repair-caption{font-size:12px;line-height:1.8;color:#606754;margin-left:auto;margin-right:24px;position:relative}
.repair-caption>span{position:absolute;left:-27px;font-size:25px;color:#697834}
@media(max-width:900px){.repair-copy{padding:32px 26px}.repair-copy h2{font-size:34px}.repair-visual{padding:40px 12px 28px}.repair-intro{font-size:13px}.repair-visual-index{right:25px;font-size:9px}}
@media(max-width:700px){.repair-section{padding:52px 6% 0}.repair-card{grid-template-columns:1fr;border-radius:12px}.repair-copy{padding:32px 25px 8px}.repair-copy h2{font-size:clamp(30px,7.6vw,43px)}.repair-copy>.eyebrow{font-size:9px;margin-bottom:22px}.repair-visual{padding:25px 12px 28px}.repair-visual-index{position:static;text-align:center;margin-top:12px}.repair-stage{max-width:430px;margin:auto}.repair-caption{font-size:11px;margin-top:-12px}}
@media(prefers-reduced-motion:reduce){.repair-product{transform:none!important}}

/* Triel-HT: a dedicated authorization card using the supplied silo imagery. */
.triel-section{padding:80px 5.2% 0;scroll-margin-top:16px}
.triel-card{display:grid;grid-template-columns:1.05fr 1fr;max-width:1400px;margin:auto;overflow:hidden;border-radius:18px;background:#20241e;color:#f4f3ed}
.triel-copy{padding:clamp(30px,4vw,64px);position:relative;z-index:1}
.triel-brand{width:132px;overflow:hidden;border-radius:3px;margin-bottom:27px;background:#bd2228}
.triel-brand img{display:block;width:100%;height:auto}
.triel-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#d9ddb8}
.triel-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#d3212b}
.triel-copy h2{font-size:clamp(32px,3.2vw,49px);letter-spacing:-.055em;line-height:1.15}
.triel-copy h2 em{color:#d8e45a}
.triel-intro{max-width:455px;margin-top:24px;font-size:14px;line-height:1.85;color:#d3d7cb}
.triel-list{list-style:none;padding:0;margin:26px 0 30px;max-width:455px;font-size:12px;color:#d3d7cb}
.triel-list li{padding:11px 0;border-top:1px solid #ffffff24;line-height:1.55}
.triel-list li:before{content:'+';margin-right:12px;color:#d8e45a}
.triel-cta{border-color:#d8e45a;background:#d8e45a;color:#23251f;gap:22px}
.triel-cta:hover{background:#eef79a}
.triel-visual{position:relative;min-height:535px;overflow:hidden;background:radial-gradient(ellipse at 48% 45%,#4d573a 0%,#2c3428 47%,#20241e 74%)}
.triel-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20241e30,transparent 38%,#20241e18);pointer-events:none}
.triel-orbit{position:absolute;width:84%;aspect-ratio:1;left:9%;top:9%;border:1px solid #d8e45a3b;border-radius:50%;transform:rotateX(58deg) translateY(30%)}
.triel-orbit:after{content:'+';position:absolute;right:12%;top:12%;padding:4px;background:#30392b;color:#d8e45a;font-size:20px}
.triel-visual img{position:absolute;z-index:1;inset:0;width:100%;max-width:none;height:100%;padding:18px 16px 46px;object-fit:contain;filter:drop-shadow(0 26px 17px #090b0988)}
.triel-visual-index{position:absolute;z-index:2;right:34px;top:34px;color:#d9ddb8}
.triel-caption{position:absolute;z-index:2;right:8%;bottom:9%;font-size:12px;line-height:1.8;color:#eef0e9}
.triel-caption>span{position:absolute;left:-27px;font-size:25px;color:#d8e45a}
@media(max-width:900px){.triel-copy{padding:32px 26px}.triel-copy h2{font-size:34px}.triel-visual{min-height:470px}.triel-visual-index{right:25px;font-size:9px}}
@media(max-width:700px){.triel-section{padding:52px 6% 0}.triel-card{grid-template-columns:1fr;border-radius:12px}.triel-copy{padding:32px 25px 8px}.triel-copy h2{font-size:clamp(30px,7.6vw,43px)}.triel-copy>.eyebrow{font-size:9px;margin-bottom:22px}.triel-brand{width:116px;margin-bottom:23px}.triel-visual{min-height:330px;margin-top:24px}.triel-visual-index{position:static;display:block;text-align:center;padding-top:19px}.triel-visual img{padding:12px 10px 40px}.triel-caption{right:8%;bottom:8%;font-size:10px}}