:root{--field-rgb:103 88 151;--field-label:#69568f}.field-morph-page{min-height:100%;color:var(--sumi);background:var(--kinari)}.field-morph-stage{--field-progress:0;isolation:isolate;background:var(--kinari);position:relative}.field-morph-sticky{z-index:0;background:radial-gradient(circle at 74% 48%, rgb(var(--field-rgb) / .085), transparent 34%), linear-gradient(112deg, #faf6ee8a, transparent 50%), var(--kinari);height:100svh;min-height:680px;position:sticky;top:0;overflow:clip}.field-morph-sticky:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, var(--kinari) 0 75%, #f1ece1db 90%, transparent);position:absolute;inset:90px 49% 0 0}.field-morph-header{z-index:7;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:24px;width:min(100% - 72px,1312px);min-height:90px;margin:0 auto -90px;display:flex;position:sticky;top:0}.field-morph-brand{color:var(--sumi);font-family:var(--serif);letter-spacing:.12em;font-size:17px;font-weight:600;text-decoration:none}.field-morph-brand small{color:var(--field-label);font-family:var(--sans);letter-spacing:.15em;margin-left:17px;font-size:9px}.field-morph-header>span,.field-morph-eyebrow,.field-morph-figure figcaption,.field-morph-scenes span,.field-morph-kicker,.field-morph-handoff>div>p{color:var(--field-label);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:650}.field-morph-header>span{color:var(--stone)}.field-morph-figure{z-index:0;pointer-events:none;margin:0;position:absolute;inset:0}.field-morph-figure canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.field-morph-figure figcaption{z-index:2;justify-content:space-between;gap:20px;display:flex;position:absolute;top:116px;left:52%;right:max(72px,50vw - 656px)}.field-morph-figure figcaption span:last-child{color:var(--stone);font-weight:500}.field-morph-scenes{z-index:6;flex-direction:column;gap:3px;width:116px;display:flex;position:absolute;top:50%;right:max(20px,50vw - 720px);transform:translateY(-50%)}.field-morph-scenes a{min-height:38px;color:var(--stone);opacity:.62;grid-template-columns:22px 1fr;align-items:center;padding:6px 7px;text-decoration:none;transition:color .18s,opacity .18s,background .18s;display:grid}.field-morph-scenes a:hover,.field-morph-scenes a:focus-visible{opacity:.8}.field-morph-scenes strong{font-family:var(--serif);letter-spacing:.04em;font-size:10px;font-weight:500}.field-morph-stage[data-phase=field] [data-scene-link=field],.field-morph-stage[data-phase=vortex] [data-scene-link=vortex],.field-morph-stage[data-phase=turbulence] [data-scene-link=turbulence],.field-morph-stage[data-phase=elbow] [data-scene-link=elbow],.field-morph-stage[data-phase=ct] [data-scene-link=ct],.field-morph-stage[data-phase=circuit] [data-scene-link=circuit],.field-morph-stage[data-phase=network] [data-scene-link=network]{color:var(--sumi);opacity:1;background:rgb(var(--field-rgb) / .06)}.field-morph-progress{z-index:7;background:rgb(var(--field-rgb) / .1);height:2px;position:absolute;bottom:0;left:0;right:0}.field-morph-progress span{width:calc(var(--field-progress) * 100%);background:var(--fuji);height:100%;display:block}.field-morph-story{z-index:3;margin-top:-100svh;position:relative}.field-morph-panel{--presence:1;pointer-events:none;align-items:center;height:100svh;padding:124px max(36px,50vw - 656px) 104px;scroll-margin-top:0;display:flex}.field-morph-panel--product{align-items:flex-start;padding-top:108px}.field-morph-panel>:not(.next-section-link){pointer-events:auto;opacity:1;transform:translate3d(0, calc((1 - var(--presence)) * 24px), 0);transition:opacity .1s linear,transform .1s linear}.field-morph-copy,.field-morph-card{width:min(43vw,560px)}.field-morph-eyebrow{margin:0 0 28px}.field-morph-copy h1{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:clamp(96px,10vw,150px);font-weight:400;line-height:.88}.field-morph-statement{border-top:1px solid var(--hairline);grid-template-columns:126px 1fr;gap:22px;margin-top:42px;padding-top:22px;display:grid}.field-morph-statement>span{color:var(--field-label);letter-spacing:.14em;padding-top:7px;font-size:9px;font-weight:650;line-height:1.5}.field-morph-statement p{font-family:var(--serif);letter-spacing:.025em;margin:0;font-size:clamp(22px,2.05vw,29px);line-height:1.62}.field-morph-statement small{color:var(--stone);font-family:var(--serif);margin-top:10px;font-size:11px;line-height:1.6;display:block}.field-morph-disclosure{max-width:520px;color:var(--stone);margin:25px 0 0;font-size:11px;line-height:1.9}.field-morph-card{border-top:1px solid rgb(var(--field-rgb) / .3);background:linear-gradient(90deg,#f4efe5f0 0 82%,#f4efe5b8 100%);padding:36px 38px 38px;box-shadow:0 24px 70px #3d342d06}.field-morph-kicker{gap:14px;margin:0 0 31px;display:flex}.field-morph-kicker span{color:var(--stone)}.field-morph-card h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(42px,4.5vw,65px);font-weight:450;line-height:1.06}.field-morph-card>p:not(.field-morph-kicker){max-width:470px;color:var(--stone);margin:28px 0 0;font-size:12px;line-height:2}.field-morph-facts{border-block:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);margin:35px 0 0;display:grid}.field-morph-facts div{padding:17px 12px 18px 0}.field-morph-facts div+div{border-left:1px solid var(--hairline);padding-left:15px}.field-morph-facts dt{color:var(--field-label);letter-spacing:.14em;font-size:8px}.field-morph-facts dd{color:var(--stone);font-family:var(--serif);margin:7px 0 0;font-size:10px}.field-morph-card--product{width:min(46vw,620px);padding:25px 30px 28px}.field-morph-card--product .field-morph-kicker{margin-bottom:20px}.field-morph-card--product h2{font-size:clamp(38px,3.9vw,54px)}.field-morph-card--product>p:not(.field-morph-kicker){margin-top:17px;line-height:1.8}.field-morph-product{border:1px solid rgb(var(--field-rgb) / .18);background:var(--washi);margin:21px 0 0;position:relative;overflow:hidden}.field-morph-product:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 50px #faf6ee47}.field-morph-product img{aspect-ratio:16/7.2;object-fit:cover;filter:saturate(.72)sepia(.08)contrast(.94);width:100%;display:block}.field-morph-product figcaption{border-top:1px solid rgb(var(--field-rgb) / .16);color:var(--stone);letter-spacing:.11em;justify-content:space-between;gap:20px;padding:11px 13px;font-size:8px;display:flex}.field-morph-domain-list{border-top:1px solid var(--hairline);margin:34px 0 0;padding:0;list-style:none}.field-morph-domain-list li{border-bottom:1px solid var(--hairline);font-family:var(--serif);grid-template-columns:44px 1fr;gap:12px;padding:14px 0;font-size:13px;display:grid}.field-morph-domain-list span{color:var(--field-label);font-family:var(--sans);letter-spacing:.12em;font-size:8px}.field-morph-cta{color:var(--kinari);background:var(--sumi);justify-content:space-between;align-items:center;gap:48px;margin-top:32px;padding:14px 17px;font-size:11px;text-decoration:none;display:inline-flex}.field-morph-handoff{z-index:5;border-top:1px solid var(--hairline);background:var(--washi);grid-template-columns:1.05fr .75fr auto;align-items:center;gap:64px;min-height:78svh;padding:10vw max(36px,50vw - 656px);display:grid;position:relative}.field-morph-handoff h2{max-width:650px;font-family:var(--serif);letter-spacing:-.04em;margin:22px 0 0;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.2}.field-morph-handoff>p{color:var(--stone);margin:0;font-size:13px;line-height:1.9}.field-morph-handoff>a,.field-morph-handoff-links a{white-space:nowrap;border-bottom:1px solid;padding-block:8px;font-size:12px;text-decoration:none}.field-morph-handoff-links{justify-items:start;gap:14px;display:grid}@media (width<=1050px){.field-morph-sticky:before{right:39%}.field-morph-copy,.field-morph-card{width:min(50vw,520px)}.field-morph-card--product{width:min(53vw,580px)}.field-morph-scenes{width:94px}.field-morph-handoff{grid-template-columns:1fr 1fr}.field-morph-handoff>a,.field-morph-handoff-links{justify-self:start}}@media (width<=720px){.field-morph-sticky{min-height:640px}.field-morph-sticky:before{background:linear-gradient(var(--kinari) 0 66%, #f1ece1e6 82%, transparent);inset:72px 0 36%}.field-morph-header{width:calc(100% - 32px);min-height:72px;margin-bottom:-72px}.field-morph-brand{font-size:13px}.field-morph-brand small{margin:6px 0 0;font-size:8px;display:block}.field-morph-header>span{text-align:right;max-width:122px;font-size:7px;line-height:1.5}.field-morph-figure figcaption{font-size:7px;inset:auto 16px 102px}.field-morph-scenes{border-block:1px solid rgb(var(--field-rgb) / .2);scrollbar-width:none;scroll-snap-type:x proximity;flex-direction:row;gap:0;width:auto;display:flex;inset:auto 16px 22px;overflow:auto hidden;transform:none}.field-morph-scenes::-webkit-scrollbar{display:none}.field-morph-scenes a{text-align:center;scroll-snap-align:center;flex-direction:column;flex:0 0 76px;justify-content:center;gap:6px;min-width:76px;min-height:64px;padding:7px 4px;display:flex}.field-morph-scenes a+a{border-left:1px solid rgb(var(--field-rgb) / .14)}.field-morph-scenes span{font-size:7px}.field-morph-scenes strong{font-size:8px}.field-morph-panel{align-items:flex-start;height:auto;min-height:100svh;padding:104px 16px 142px}.field-morph-panel--product{padding-top:104px}.field-morph-panel>:not(.next-section-link){transform:translate3d(0, calc((1 - var(--presence)) * 14px), 0)}.field-morph-copy,.field-morph-card,.field-morph-card--product{width:100%}.field-morph-copy h1{font-size:clamp(76px,28vw,108px)}.field-morph-eyebrow{margin-bottom:20px}.field-morph-statement{grid-template-columns:1fr;gap:11px;margin-top:28px;padding-top:17px}.field-morph-statement>span{font-size:8px}.field-morph-statement p{font-size:19px}.field-morph-statement small,.field-morph-disclosure{font-size:9px}.field-morph-card{background:#f4efe5e6;padding:26px 22px 28px}.field-morph-card h2{font-size:clamp(40px,13vw,56px)}.field-morph-card>p:not(.field-morph-kicker){font-size:11px}.field-morph-facts{grid-template-columns:1fr}.field-morph-facts div+div{border-top:1px solid var(--hairline);border-left:0;padding-left:0}.field-morph-product{margin-top:26px}.field-morph-handoff{grid-template-columns:1fr;gap:34px;min-height:78svh;padding:92px 16px}}@media (prefers-reduced-motion:reduce){.field-morph-panel>:not(.next-section-link),.field-morph-scenes a{transition:none}}
