/* One compact technology introduction, then a continuous photographic story. */
#technology .technology-art{height:auto;min-height:0;max-height:none;margin-bottom:0}
#technology .technology-stage{height:auto;min-height:0;padding-top:28px;padding-bottom:clamp(44px,4vw,72px)}
#technology .technology-title{margin:clamp(38px,4vw,64px) 0 0;padding:0}

#advantages{padding:clamp(34px,4vw,64px) 0 clamp(36px,5vw,80px);background:#000000}
#advantages .advantages-header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(32px,4vw,64px)}
#advantages .advantages-heading{margin:0;font-size:var(--text-7);font-weight:400;letter-spacing:-.04em;line-height:1.15}
#advantages .advantages-total{margin:0;color:#9b9b9b;font-size:var(--text-2);white-space:nowrap}
#advantages .advantages-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,5vw,88px);align-items:start}
#advantages .advantages-viewer{grid-column:1;grid-row:1;position:sticky;top:112px;min-width:0;isolation:isolate}
#advantages .advantage-stage{position:relative;height:clamp(360px,60svh,680px);overflow:hidden;background:#1d1d1b;isolation:isolate}
#advantages .advantage-scenes{position:absolute;inset:0}
#advantages .advantage-scene{position:absolute;inset:0;z-index:0;margin:0;opacity:0;clip-path:inset(0 0 100% 0);transition:opacity 850ms ease,clip-path 1100ms cubic-bezier(.62,.05,.01,.99);pointer-events:none}
#advantages .advantage-scene.is-exiting{z-index:1;clip-path:inset(0)}
#advantages .advantage-scene.is-current{z-index:2;opacity:1;clip-path:inset(0)}
#advantages .advantage-scene .advantage-picture{display:block;width:calc(100% + 32px);height:calc(100% + 32px);margin:-16px;overflow:hidden;transform:translate3d(var(--image-x,0px),var(--image-y,0px),0)}
#advantages .advantage-scene .advantage-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transform:scale(1.085);transition:transform 1600ms cubic-bezier(.16,1,.3,1);will-change:auto}
#advantages .advantage-scene.is-current .advantage-image{transform:scale(1.04)}
#advantages .advantage-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000088,transparent 24%,transparent 48%,#000000dd);pointer-events:none}
#advantages .advantage-stage::after{content:"";position:absolute;inset:0;z-index:4;opacity:.7;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#1d1d1b26,transparent 52%);mix-blend-mode:screen;pointer-events:none}
#advantages .advantage-stage-top{position:absolute;z-index:5;inset:24px 26px auto;display:flex;align-items:center;gap:12px;font-size:var(--text-2);line-height:1.3;color:#ebebeb;pointer-events:none}
#advantages .advantage-stage-top::before{content:"";width:22px;height:1px;background:#d3d3d3}
#advantages .advantage-stage-caption{position:absolute;z-index:3;inset:auto 26px 28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:end;color:#f0f0f0}
#advantages .advantage-stage-number{display:block;color:transparent;-webkit-text-stroke:1.5px #d3d3d3;font-size:var(--text-8);line-height:.8;font-weight:400;letter-spacing:-.07em}
#advantages .advantage-stage-label{max-width:330px;font-size:var(--text-5);line-height:1.15;letter-spacing:-.035em;transform:translateY(20px);opacity:0;transition:transform 900ms cubic-bezier(.16,1,.3,1),opacity 600ms ease}
#advantages .advantage-scene.is-current .advantage-stage-label{transform:translateY(0);opacity:1;transition-delay:160ms}
#advantages .advantage-stage-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:2px;background:#f0f0f01f;pointer-events:none}
#advantages .advantage-stage-progress>span{display:block;width:100%;height:100%;background:#d3d3d3;transform:scaleX(var(--story-progress,0));transform-origin:left}
#advantages .advantage-stage-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
#advantages .advantage-stage-link{display:flex;align-items:flex-start;gap:8px;padding:10px 0;color:#9b9b9b;text-decoration:none;border:0;border-top:1px solid #f0f0f02b;font-size:var(--text-2);line-height:1.4;transition:color .35s ease,border-color .35s ease}
#advantages .advantage-stage-link>span:first-child{flex:none;color:#d3d3d3}
#advantages .advantage-stage-link[aria-current="step"],#advantages .advantage-stage-link:hover{color:#f0f0f0;border-color:#d3d3d3}
#advantages .advantage-stage-link:focus-visible{outline:2px solid #d3d3d3;outline-offset:4px}
#advantages .advantages-list{grid-column:2;grid-row:1;margin:0;padding:0;height:auto;list-style:none}
#advantages .advantage-item{position:relative;top:auto;height:auto;z-index:auto;margin:0;padding:0 0 clamp(68px,7vw,120px);background:#000000;scroll-margin-top:130px}
#advantages .advantage-item:last-child{padding-bottom:0}
#advantages .advantage-meta{position:relative;display:flex;align-items:center;gap:16px;min-height:0;margin:0 0 26px;padding:16px 0;border-top:1px solid #f0f0f035}
#advantages .advantage-meta::after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:#d3d3d3;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
#advantages .advantage-number{color:#d3d3d3;font-size:var(--text-2);line-height:1.4}
#advantages .advantage-label{color:#9b9b9b;font-size:var(--text-2);line-height:1.4;letter-spacing:0;transition:color .4s ease}
#advantages .advantage-item.is-active .advantage-label{color:#f0f0f0}
#advantages .advantage-content{display:block;overflow:visible;padding:0}
#advantages .advantage-text-wrap,#advantages .advantage-text{display:block;overflow:visible;padding:0;transform:none;will-change:auto}
#advantages .advantage-text-wrap::before{display:none}
#advantages .advantage-title{width:100%;max-width:none;margin:0;font-size:var(--text-7);line-height:1.1;font-weight:400;letter-spacing:-.035em;text-transform:none}
#advantages .advantage-facts{width:100%;max-width:none;margin:30px 0 0;padding:0;list-style:none}
#advantages .advantage-fact{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;margin:0;padding:21px 0;border-top:1px solid #f0f0f024}
#advantages .advantage-fact::before{content:"";position:absolute;left:-16px;top:22px;bottom:22px;width:2px;background:#d3d3d3;transform:scaleY(0);transform-origin:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}
#advantages .advantage-fact:hover::before{transform:scaleY(1)}
#advantages .advantage-fact .benefit-number{padding-top:3px;color:#d3d3d3;font-size:var(--text-1);line-height:1.4}
#advantages .advantage-fact h3{margin:0;font-size:var(--text-4);font-weight:400;line-height:1.2;letter-spacing:-.015em;color:#f0f0f0;transition:color .35s ease}
#advantages .advantage-fact:hover h3{color:#d3d3d3}
#advantages .advantage-fact p{margin:11px 0 0;font-size:var(--text-3);line-height:1.6;color:#d3d3d3}
#advantages .advantage-mobile-media{display:none}

/* Black stays black in regular, focused and autofilled form states. */
.request-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.request-form textarea,.request-form select{background:#000000}
.request-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,.request-form textarea:focus,.request-form select:focus{background:#000000}
.request-form input:-webkit-autofill,.request-form input:-webkit-autofill:hover,.request-form input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #000000 inset!important}
.request-form .upload-zone{background:#000000}
.service-image,.service-image>img,#services .service-image,#services .service-image>img{border:0}

@media(max-width:1100px){
 #technology .technology-title{gap:28px}
 #technology .technology-explanation>p{max-width:none;margin:0}
 #advantages .advantages-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px}
 #advantages .advantage-stage-link{font-size:var(--text-2)}
 #advantages .advantage-stage-link>span:last-child{display:none}
 #advantages .advantage-title{font-size:var(--text-6)}
}
@media(max-width:1000px){
 #advantages .advantages-layout{display:block}
 #advantages .advantages-viewer{display:none}
 #advantages .advantage-item{padding-bottom:64px}
 #advantages .advantage-mobile-media{display:block;position:relative;margin:0 0 26px;height:clamp(250px,54vw,490px);overflow:hidden;background:#1d1d1b}
 #advantages .advantage-mobile-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.16,1,.3,1),clip-path 1.1s cubic-bezier(.62,.05,.01,.99);clip-path:inset(6% 0)}
 #advantages .advantage-item.is-seen .advantage-mobile-media img{transform:scale(1);clip-path:inset(0)}
 #advantages .advantage-content{max-width:760px}
 #advantages .advantage-title{font-size:var(--text-7);max-width:650px}
 #advantages .advantage-fact h3{font-size:var(--text-5)}
 #advantages .advantages-total{display:none}
}
@media(max-width:760px){
 #technology .technology-stage{padding-top:22px;padding-bottom:38px}
 #technology .technology-title{margin-top:32px;gap:24px}
 #technology .technology-explanation>p>span{padding:14px 0}
 #advantages{padding-top:34px}
 #advantages .advantages-header{margin-bottom:32px}
 #advantages .advantages-heading{font-size:var(--text-6)}
 #advantages .advantage-meta{margin-bottom:20px;padding:15px 0;gap:14px}
 #advantages .advantage-item{padding-bottom:52px;scroll-margin-top:100px}
 #advantages .advantage-mobile-media{height:clamp(230px,67vw,390px);margin-bottom:25px}
 #advantages .advantage-title{font-size:var(--text-6)}
 #advantages .advantage-fact{padding:20px 0;gap:12px}
 #advantages .advantage-fact h3{font-size:var(--text-4)}
 #advantages .advantage-fact::before{display:none}
}
@media(prefers-reduced-motion:reduce){
 #advantages .advantage-scene,#advantages .advantage-scene .advantage-image,#advantages .advantage-stage-label,#advantages .advantage-mobile-media img{transition:none}
 #advantages .advantage-scene .advantage-image,#advantages .advantage-scene.is-current .advantage-image,#advantages .advantage-mobile-media img{transform:none;clip-path:inset(0)}
 #advantages .advantage-stage-label{transform:none;opacity:1}
 #advantages .advantage-scene .advantage-picture{transform:none}
}
@media print{
 #advantages .advantages-viewer{display:none}
 #advantages .advantages-layout{display:block}
 #advantages .advantage-mobile-media{display:block;height:200px}
 #advantages .advantage-item{break-inside:avoid}
 .request-form input:not([type="checkbox"]):not([type="file"]),.request-form textarea{background:#f0f0f0}
}
