.home-motion-art,.motion-research,.motion-subtitle,.motion-controls,.molecule-labels{display:none}
html[data-home-molecule=on] #welcome{--molecule-gutter:max(48px,calc((100vw - 1440px)/2 + 48px));position:relative;background:#07152e;isolation:isolate}
html[data-home-molecule=on] #welcome>.hero-art,html[data-home-molecule=on] #welcome>.hero-shade,html[data-home-molecule=on] #welcome .search-panel,html[data-home-molecule=on] #welcome .hero-message>p:not(.motion-subtitle){display:none!important}
html[data-home-molecule=on] #welcome .home-motion-art{display:block;position:absolute;inset:0 var(--molecule-gutter);overflow:hidden;z-index:-2;background:#07152e;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.home-motion-art video,.motion-research-media video{width:100%;height:100%;object-fit:cover;display:block}
html[data-home-molecule=on] #welcome .home-motion-art video{filter:blur(3px) brightness(.78) contrast(.9) saturate(.9)}
html[data-home-molecule=on] #welcome .hero-inner{display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:none;margin-inline:0;min-height:calc(var(--scene-height,100svh) - var(--scene-header,84px));box-sizing:border-box;padding:24px 6% var(--scene-bottom-reserve,120px)!important;position:relative;z-index:2;background:linear-gradient(180deg,transparent 28%,#03112755 52%,#031127c4 100%);pointer-events:none}
html[data-home-molecule=on] #welcome .hero-message{width:100%;max-width:1100px;text-align:center;padding:0 0 15px;margin:0}
html[data-home-molecule=on] #welcome .hero-message .eyebrow{color:#dbe9ff;font-size:12px;letter-spacing:.25em;margin:0 0 16px;justify-content:center}
html[data-home-molecule=on] #welcome #hero-title{font-size:clamp(40px,4.6vw,78px);font-weight:700;line-height:1.2;letter-spacing:-.045em;color:#fff;margin:0;text-shadow:0 2px 25px #04132966}
html[data-home-molecule=on] #welcome #hero-title em{color:#fff;font-style:normal}
html[data-home-molecule=on] #welcome .motion-subtitle{display:block!important;font-size:clamp(16px,1.45vw,23px);line-height:1.6;color:#dce9ff;margin:19px auto 0;max-width:none;width:100%}
html[data-home-molecule=on] #welcome .chapter-next{z-index:4;color:#eaf2ff}
html[data-home-molecule=on] #welcome .molecule-labels{display:block;position:absolute;inset:0 var(--molecule-gutter);z-index:3;pointer-events:none;overflow:hidden}
/* Fit the film inside the header width without cropping out edge molecules. */
html[data-home-molecule=on] #welcome :is(.home-motion-art,.molecule-labels){right:auto;bottom:auto;top:0;width:calc(100% - var(--molecule-gutter) * 2);height:auto;max-height:100%;aspect-ratio:16/9}
html[data-home-molecule=on] #welcome .home-motion-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@media(max-width:699px){html[data-home-molecule=on] #welcome :is(.home-motion-art,.molecule-labels){height:100%;aspect-ratio:auto}}
.molecule-label{position:absolute;color:#fff;font:500 15px/1.3 MaterialSans,PretendardVariable,sans-serif;white-space:nowrap;text-shadow:0 1px 6px #071a3c;transform:translate(-50%,-100%);transition:color .18s,opacity .18s}
.molecule-label small{display:block;font-size:12px;letter-spacing:.08em;color:#d8e7ff;margin-top:3px}
.molecule-label:has(small){font-size:18px;font-weight:600;letter-spacing:.01em}
.molecule-label:has(small) small{font-size:13px;font-weight:500}
.molecule-leader{position:absolute;height:1px;background:#b9d8f5a8;transform-origin:left center}
.molecule-leader::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#e6f1ff}
.molecule-label.is-near{color:#91d5ff;text-shadow:0 0 12px #55b7ff}
.molecule-focus{position:absolute;width:42px;height:42px;border-top:1px solid #91d5ff;border-left:1px solid #91d5ff;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}
.molecule-focus::after{content:'';position:absolute;right:0;bottom:0;width:12px;height:12px;border-bottom:1px solid #91d5ff;border-right:1px solid #91d5ff}
.molecule-focus.is-active{opacity:.8}
html[data-home-research=on] #approach{display:block;position:relative;isolation:isolate;overflow:hidden;background:#f5f8fc}
html[data-home-research=on] #approach>.consultation-visual,html[data-home-research=on] #approach>.consultation-copy{display:none!important}
html[data-home-research=on] #approach .motion-research{display:flex;align-items:center;box-sizing:border-box;min-height:calc(var(--scene-height,100svh) - var(--scene-header,84px));padding:42px 7% var(--scene-bottom-reserve,120px)}
.motion-research-media{position:absolute;inset:0;bottom:calc(var(--scene-bottom-reserve,120px) - 24px);z-index:-2;overflow:hidden}
.motion-research-media video{object-position:50% 100%}
.motion-research-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f8fcfa 0%,#f5f8fce8 28%,#f5f8fc95 42%,#f5f8fc14 58%,transparent 67%)}
.research-stage{position:absolute;right:7%;bottom:var(--scene-bottom-reserve,120px);padding:10px 15px;color:#fff;background:#082345db;border-left:2px solid #77b9ff;font-size:14px;letter-spacing:.05em;z-index:3}
.motion-research-copy{width:50%;max-width:680px;position:relative;color:#072364}
.motion-research-copy>.eyebrow{font-size:13px;font-weight:650;letter-spacing:.12em;color:#244b83}
.motion-research-copy h2{font-size:clamp(30px,3vw,50px);line-height:1.23;font-weight:720;letter-spacing:-.04em;margin:18px 0}
.motion-research-copy>p{font-size:17px;line-height:1.65;max-width:530px;color:#314d72;margin:0 0 25px}
.motion-research .research-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;padding:0;margin:0;border:0;background:none}
.motion-research .research-shortcuts a{display:grid;grid-template-columns:1fr 20px;grid-template-rows:auto auto;min-height:79px;padding:12px 0;border:0;border-bottom:1px solid #738eb5;border-radius:0;background:transparent;color:#072364;gap:4px;box-shadow:none;text-decoration:none;transition:border-color .2s,color .2s}
.research-shortcuts a::before,.research-shortcuts a::after{content:none;display:none}
.motion-research .research-shortcuts a strong{font-size:clamp(20px,1.7vw,28px);line-height:1.3;letter-spacing:-.035em;align-self:end}
.motion-research .research-shortcuts a small{font-size:14px;line-height:1.45;color:#314d72;grid-column:1;align-self:start}
.motion-research .research-shortcuts a .research-arrow{font-size:26px;grid-column:2;grid-row:1;align-self:center;justify-self:end;position:static}
.motion-research .research-shortcuts a:hover,.motion-research .research-shortcuts a:focus-visible{color:#b45309;border-color:#b45309;background:#fff3e5;transform:none}
.motion-research .research-shortcuts a:focus-visible{outline:3px solid #1764d8;outline-offset:5px}
html[data-home-research=on] #approach .motion-research .research-shortcuts a{color:#072364;background:transparent;border:0;border-bottom:1px solid #738eb5;padding-left:0;padding-right:0}
html[data-home-research=on] #approach .motion-research .research-shortcuts a strong{color:#072364}
html[data-home-research=on] #approach .motion-research .research-shortcuts a small{color:#314d72;font-size:14px;line-height:1.45;word-break:keep-all}
html[data-home-research=on] #approach .motion-research .research-shortcuts a:is(:hover,:focus-visible,:active,[aria-current=page]){color:#b45309;border-color:#b45309;background:#fff3e5}
html[data-home-research=on] #approach .motion-research .research-shortcuts a:is(:hover,:focus-visible,:active,[aria-current=page]) strong,html[data-home-research=on] #approach .motion-research .research-shortcuts a:is(:hover,:focus-visible,:active,[aria-current=page]) small,html[data-home-research=on] #approach .motion-research .research-shortcuts a:is(:hover,:focus-visible,:active,[aria-current=page]) .research-arrow{color:#b45309}
html[data-home-research=on] #approach .motion-research .research-shortcuts{gap:18px 32px}
html[data-home-research=on] #approach .motion-research .research-shortcuts a .research-arrow{color:#1764d8}
html[data-home-molecule=on] #welcome .motion-controls,html[data-home-research=on] #approach .motion-controls{display:block;position:absolute;right:30px;top:22px;z-index:6}
.motion-toggle{min-height:42px;min-width:44px;border:1px solid #ccd9ec80;border-radius:24px;padding:9px 14px;background:#071a3c75;color:#fff;font:500 12px/1.4 MaterialSans,PretendardVariable,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.motion-research .motion-toggle{background:#f6f8fccc;color:#072364;border-color:#a3b8d3}
.motion-toggle:focus-visible{outline:3px solid #2583ec;outline-offset:4px}
@media(max-width:1199px){html[data-home-molecule=on] #welcome{--molecule-gutter:32px}}
@media(max-width:760px){html[data-home-molecule=on] #welcome{--molecule-gutter:20px}html[data-home-molecule=on] #welcome .home-motion-art video{filter:blur(2px) brightness(.78) contrast(.9) saturate(.9)}}
@media(min-width:1000px) and (max-height:780px){
 html[data-home-molecule=on] #welcome #hero-title{font-size:clamp(35px,4vw,59px)}
 html[data-home-molecule=on] #welcome .hero-message .eyebrow{margin-bottom:10px}
 .motion-research-copy h2{font-size:35px;margin:10px 0}.motion-research-copy>p{margin-bottom:10px;font-size:15px}.motion-research .research-shortcuts{gap:10px 26px}.motion-research .research-shortcuts a{min-height:65px;padding:8px 0}
}
@media(max-width:999px){
 html[data-home-molecule=on] #welcome .hero-inner{padding:24px 6% var(--scene-bottom-reserve,120px)!important}
 html[data-home-molecule=on] #welcome .hero-message{padding-bottom:8px}
 html[data-home-molecule=on] #welcome .hero-message .eyebrow{font-size:10px;letter-spacing:.17em;line-height:1.7}
 html[data-home-molecule=on] #welcome #hero-title{font-size:clamp(34px,5.8vw,55px)}
 html[data-home-molecule=on] #welcome .motion-subtitle{font-size:15px;margin-top:15px}
 html[data-home-research=on] #approach .motion-research{align-items:flex-end;padding:190px 7% var(--scene-bottom-reserve,120px)}
 .motion-research-media{background:#f5f8fc;height:clamp(210px,35svh,330px);bottom:auto}.motion-research-media video{height:100%;object-position:50% 100%}
 .motion-research-media::after{background:linear-gradient(180deg,transparent 82%,#f5f8fc 100%)}
 .research-stage{top:calc(clamp(210px,35svh,330px) - 52px);bottom:auto;right:6%;font-size:11px;padding:7px 10px}
 .motion-research-copy{width:100%;max-width:650px;margin:auto}.motion-research-copy>.eyebrow{font-size:11px}.motion-research-copy h2{font-size:clamp(28px,4vw,39px);margin:10px 0}.motion-research-copy>p{font-size:14px;line-height:1.55;margin-bottom:12px}
 .motion-research .research-shortcuts{gap:8px 24px}.motion-research .research-shortcuts a{min-height:68px;padding:8px 0}.motion-research .research-shortcuts a strong{font-size:20px}.motion-research .research-shortcuts a small{font-size:12px}.motion-research .research-shortcuts a .research-arrow{font-size:22px}
 html[data-home-molecule=on] #welcome .motion-controls,html[data-home-research=on] #approach .motion-controls{right:16px;top:12px}
 .molecule-label{font-size:13px}.molecule-label small{font-size:11px}
 .molecule-label:has(small){font-size:15px}.molecule-label:has(small) small{font-size:12px}
}
@media(max-width:480px){
 html[data-home-research=on] #approach .motion-research-copy>p{display:none}
 html[lang=en][data-home-research=on] #approach .motion-research .research-shortcuts a small{display:none}
 html[lang=en][data-home-research=on] #approach .motion-research .research-shortcuts a{grid-template-rows:auto;min-height:64px}
 html[data-home-research=on] #approach .motion-research .research-shortcuts{gap:8px 20px}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a strong{font-size:20px}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a small{font-size:12px}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a{min-height:64px}
 html[data-home-molecule=on] #welcome #hero-title{font-size:clamp(31px,8vw,42px)}
 html[data-home-research=on] #approach .motion-research{padding-top:calc(clamp(210px,35svh,330px) + 8px);padding-left:6%;padding-right:6%}
 .motion-research-copy h2{font-size:28px}.motion-research-copy>p{font-size:13px}.motion-research .research-shortcuts{gap:7px 20px}.motion-research .research-shortcuts a strong{font-size:19px}.motion-research .research-shortcuts a small{font-size:12px}
}
@media(max-width:480px) and (max-height:720px){.motion-research-copy h2{font-size:25px}.motion-research-copy>p{font-size:12px;margin-bottom:5px}.motion-research .research-shortcuts a{min-height:59px}.motion-research-copy>.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-research .research-shortcuts a,.molecule-label,.molecule-focus{transition:none}}
@media(max-width:360px){
 html[data-home-research=on] #approach .motion-research-copy>p{display:none}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a small{display:none}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a{grid-template-rows:auto;min-height:64px}
 html[data-home-research=on] #approach .motion-research .research-shortcuts a strong{font-size:18px;align-self:center}
}

/* 0.8.87 — one name and formula per material; approved film unchanged. */
.molecule-label.molecule-compound{font-size:19px;font-weight:600;color:#f3f9ff;text-shadow:0 2px 9px #020c21}
.molecule-label.molecule-compound small{font-size:16px;letter-spacing:.05em;color:#b9dcff}
@media(max-width:699px){.molecule-label.molecule-compound{font-size:16px}.molecule-label.molecule-compound small{font-size:14px}}