/* R6. A single type scale and a persistent material stage. */
@font-face{font-family:CyVariable;src:url('/assets/fonts/PretendardVariable-1.3.9-full.woff2') format('woff2');font-weight:100 900;font-display:swap}
body{font-family:CyVariable,Cy,sans-serif;font-weight:400}
.hero-shell{opacity:1;filter:none}.hero-shell>.hero-center,.hero-shell>.hero-aside,.hero-shell>.journey-line,.hero-shell>.quick-nav,.hero-shell>.scroll-cue{opacity:calc(var(--arrival) * var(--hero-ui,1));filter:none}
.hero-center{top:35%;transform:translate(-50%,calc(var(--hero-lift,0px) + 25px * (1 - var(--arrival))))}.hero-center h1{font-size:clamp(64px,6.5vw,104px);font-weight:370;letter-spacing:-.055em;line-height:1.12}.hero-center h1.long-title{font-size:clamp(40px,4.8vw,78px)}
.hero-handoff{position:absolute;top:23%;left:50%;width:86%;text-align:center;transform:translate(-50%,var(--handoff-y,35px));opacity:var(--handoff-alpha,0);color:var(--handoff-ink,#ebf9fb);pointer-events:none}.hero-handoff h2{font-size:clamp(40px,4.6vw,70px);font-weight:370;line-height:1.13;letter-spacing:-.05em}.hero-handoff>.eyebrow{font-size:10px;margin-bottom:22px}.hero-handoff>p:last-child{font-size:15px;margin-top:24px;opacity:.68}
.product-heading{display:none}.product-description{left:6%;top:34%;max-width:310px}.product-description h2{font-size:clamp(30px,3vw,45px);font-weight:440;letter-spacing:-.045em}.product-description>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:22px}#family-choice{top:29%;width:205px}#family-choice button{font-size:14px;padding:16px 0}.collection-entry{bottom:16%}
.record-resolved-lines{position:absolute;inset:0;pointer-events:none;color:#3e7a9950;opacity:var(--record-focus-alpha,0);overflow:hidden}.record-resolved-lines svg{width:100%;height:100%;opacity:.5}.record-resolved-lines>span{position:absolute;right:-1.5%;top:19%;font-size:clamp(110px,16vw,260px);font-weight:220;letter-spacing:-.08em;color:#6da7bd14;writing-mode:vertical-rl;line-height:.9}
.record-focus{width:84%;max-width:1230px;text-align:left;top:46%;transform:translate(-50%,-50%) scale(var(--record-focus-scale,1))}.record-focus>.eyebrow{margin-bottom:48px}.record-target{position:absolute;right:1%;top:0;font-size:34px;margin:0}.record-focus h2{max-width:950px;margin:0 0 24px;font-size:clamp(48px,6.5vw,96px);font-weight:380;letter-spacing:-.055em}.record-focus>p:not(.eyebrow){font-size:22px}.record-meta{justify-content:flex-start;margin-top:28px;gap:28px}.record-meta>span{opacity:.6}.record-ledger{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:32px;margin-top:36px;padding-top:22px;border-top:1px solid #2e65842a}.record-ledger>div{display:grid;gap:12px}.record-ledger small{font-size:9px;letter-spacing:.12em;opacity:.5}.record-ledger span{font-size:14px}.record-selection{position:absolute;top:calc(100% + 45px);left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0}.record-selection button{width:auto;height:auto;display:flex;align-items:center;gap:15px;border:0;border-top:1px solid #23496738;border-radius:0;padding:17px 0;text-align:left;opacity:.48}.record-selection button[aria-pressed=true]{color:#234967;background:none;opacity:1;border-color:#234967}.record-selection button small{font-size:9px}.record-selection button span{font-size:13px}.record-selection button i{font-style:normal;margin-left:auto;font-size:16px}.record-selection button:hover{opacity:1}
/* Images carry physically rendered material detail; the existing canvas carries the morph. */
#material-passage{height:340svh;z-index:2;color:#def1f5}#material-passage .passage-sticky{position:sticky;top:0}.passage-copy{max-width:46%}.passage-copy h2{font-size:clamp(39px,4vw,64px);font-weight:380}.passage-copy p{font-size:15px;line-height:1.85;max-width:370px;color:#c3dbe4}.passage-sticky>.eyebrow{top:13%}
.equipment-stage{position:fixed;inset:0;z-index:1;pointer-events:none;visibility:hidden;contain:layout style}.equipment-art{position:absolute;left:var(--equipment-left,48%);top:var(--equipment-top,10%);width:var(--equipment-size,52vw);height:var(--equipment-size,52vw);max-width:none;transform:translateY(var(--equipment-y,0px));isolation:isolate}.equipment-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:none;will-change:opacity;mask-image:linear-gradient(to bottom,#000 0%,#000 var(--surface-front,100%),transparent calc(var(--surface-front,100%) + 8%));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--surface-front,100%),transparent calc(var(--surface-front,100%) + 8%))}
.equipment-datum{position:absolute;inset:14%;opacity:var(--datum-alpha,0);color:#83bacd;transform:scale(var(--datum-scale,1));border:1px solid #7cb2c438;border-radius:50%}.equipment-datum:before,.equipment-datum:after{content:'';position:absolute;background:#7cb2c42b}.equipment-datum:before{width:140%;height:1px;top:50%;left:-20%}.equipment-datum:after{height:140%;width:1px;left:50%;top:-20%}.equipment-datum i{position:absolute;inset:15%;border:1px dashed #7cb2c42b;border-radius:50%;transform:rotateX(65deg)}.equipment-datum i:nth-child(2){transform:rotateX(65deg) rotateY(60deg)}.equipment-datum i:nth-child(3){transform:rotateY(65deg)}.equipment-datum>span{position:absolute;bottom:-10%;left:20%;font-size:7px;letter-spacing:.1em;white-space:nowrap}.equipment-caption{position:absolute;right:8%;bottom:12%;display:grid;text-align:right;gap:9px;color:#b8d8e4}.equipment-caption span{font-size:9px;letter-spacing:.12em}.equipment-caption strong{font-size:13px;font-weight:450;letter-spacing:.08em}.equipment-caption small{font-size:9px;letter-spacing:0;opacity:.55}.equipment-steps{position:absolute;bottom:12%;left:7.2%;display:flex;gap:24px}.equipment-steps button{padding:12px 0;border-bottom:1px solid #d8eff542;font-size:11px;opacity:.5}.equipment-steps button[aria-pressed=true]{opacity:1;border-color:#d8eff5}
#services.connected-scene{background:transparent;color:#dcecf4;z-index:2;margin-top:-100svh;height:460svh}#services .services-sticky{background:transparent;padding-top:13svh}#services .service-layout{position:relative}#services .services-intro p{color:#b5d0df}.connected-scene .service-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d345238,#0a2c458c);backdrop-filter:none;border:1px solid #95c3d336;box-shadow:none;transform:translateY(calc((1 - var(--service-arrival,0))*70px));opacity:var(--service-arrival,0);border-radius:2px}.service-blueprint{position:absolute;inset:0;pointer-events:none;color:#a0dcf2;opacity:.3}.service-blueprint svg{width:100%;height:100%}.service-media #service-img{position:relative;opacity:.45;mix-blend-mode:luminosity;mask-image:linear-gradient(180deg,transparent,black 18%,black 80%,transparent);transition:opacity .3s}.service-media:hover #service-img{opacity:.85}.service-media .media-head,.service-media figcaption{position:relative;color:#adcddd!important;border-color:#b4d8e030!important}.service-steps{color:#dcecf4}.service-steps article{border-color:#b8ddeb33!important}.service-steps .step-number,.service-r32__source-note,.service-descriptor{color:#a5c7d8!important}.service-steps p{color:#b2cbd9!important}.service-tabs button{border-color:#a7c9d84a!important}.service-tabs button[aria-pressed=true]{color:#e5f5fc!important}.service-cta{color:#d5eef9}
@media(max-width:760px){.hero-center{top:34%}.hero-center h1{font-size:52px}.hero-center h1.long-title{font-size:36px}.hero-handoff{top:22%}.hero-handoff h2{font-size:36px}.hero-handoff>p:last-child{font-size:12px}.hero-aside{top:48%}.product-description{left:24px;top:auto;bottom:24%;max-width:290px;width:80%}.product-description h2{font-size:29px}.product-description>p:not(.eyebrow){font-size:13px;line-height:1.6}#family-choice{top:15%;left:24px;right:24px;width:auto;display:flex;gap:9px;overflow-x:auto}#family-choice button{white-space:nowrap;padding:11px 0;font-size:11px;gap:5px;flex-shrink:0}.collection-entry{bottom:11%}.record-focus{width:86%;top:44%}.record-focus>.eyebrow{font-size:9px;margin-bottom:35px}.record-focus h2{font-size:43px;line-height:1.13;max-width:290px}.record-target{font-size:24px;right:0;top:0}.record-focus>p:not(.eyebrow){font-size:17px}.record-meta{gap:20px;margin-top:18px}.record-ledger{gap:15px;grid-template-columns:1fr 1.5fr;margin-top:25px;padding-top:18px}.record-ledger>div:last-child{display:none}.record-ledger span{font-size:12px}.record-selection{top:calc(100% + 27px);gap:13px}.record-selection button{gap:9px;align-items:start;padding:12px 0}.record-selection button span{font-size:10px;word-break:keep-all;line-height:1.4}.record-selection button i{display:none}.record-bottom{bottom:35px;font-size:7px;gap:20px}.record-bottom .text-link{font-size:10px}.record-resolved-lines>span{font-size:130px;right:-5%;top:12%}#material-passage{height:350svh}.passage-sticky{padding:0 24px}.passage-sticky>.eyebrow{top:12%;left:24px;font-size:9px}.passage-copy{position:absolute;top:55%;left:24px;right:24px;max-width:100%}.passage-copy h2{font-size:32px;line-height:1.18}.passage-copy p{font-size:12px;line-height:1.7;margin-top:18px;max-width:330px}.equipment-caption{right:24px;bottom:48%;gap:5px}.equipment-caption strong{font-size:9px}.equipment-caption small{font-size:7px}.equipment-steps{left:24px;bottom:6%;gap:23px}.equipment-steps button{font-size:10px}#services.connected-scene{height:475svh}#services .services-sticky{padding-top:12svh}.service-media #service-img{opacity:.32}.service-media:hover #service-img{opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero-shell,.hero-center,.equipment-art,.connected-scene .service-media{transition:none!important}.record-resolved-lines{display:none}}
#record-points[style*="hidden"] .record-point{visibility:hidden!important}
#services .v8-service-copy p{color:#c6dce7}#services .service-tabs button{color:#adccdd}#services .service-descriptor{color:#a7cadb!important}.equipment-art>img.equipment-wire{mask-image:none;-webkit-mask-image:none;opacity:0}.equipment-caption{color:#d2e9f3}.passage-copy h2 b{font-weight:450}.service-blueprint{opacity:.4}
.passage-copy h2>*{filter:none!important;opacity:calc(.3 + var(--passage-line,0)*.7)}
.passage-sticky{opacity:var(--passage-ui,1)}
#services .services-sticky>.section-heading,#services .service-records,#services .service-tabs,#services .service-cta{opacity:var(--service-arrival,0)}
.service-media #service-img{clip-path:inset(0 0 calc((1 - var(--service-scan,1))*100%) 0);opacity:calc(.25 + var(--service-scan,1)*.4)}
.service-media:after{content:'';position:absolute;left:18px;right:18px;top:calc(16% + var(--service-scan,1)*67%);height:1px;background:linear-gradient(90deg,transparent,#aceaff80,transparent);opacity:calc(1 - var(--service-scan,1));pointer-events:none}