:root{color-scheme:light;--ink:#173d3d;--paper:#f5f6f3;--accent:#4d9c96}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.hero{position:relative;isolation:isolate;min-height:680px;height:100svh;overflow:hidden;background:var(--paper)}.hero__bg{position:absolute;inset:0;background:url('/assets/laboratory.webp') 50% 50%/cover no-repeat;z-index:-3}.hero__bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,246,243,.28),transparent 75%)}#heroMask{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.top{display:flex;align-items:center;justify-content:space-between;padding:36px 4.5vw;position:relative}.identity{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.35}.mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-12deg)}.mark i{height:9px;background:var(--accent);border-radius:2px}.mark i:nth-child(2){opacity:.55}.mark i:nth-child(3){opacity:.75}.place{font-size:10px;letter-spacing:1.9px;display:flex;gap:16px;align-items:center}.dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.intro{position:absolute;top:50%;left:8.6%;right:4%;transform:translateY(-45%);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2.4px;margin-bottom:30px}.eyebrow>span{display:block;width:32px;height:1px;background:var(--accent)}.hero h1{margin:0;font-weight:400;letter-spacing:-.06em;line-height:.94}.hero h1 span{display:block}.global{font-size:clamp(88px,11.7vw,190px)}.laboratories{font-size:clamp(52px,7.6vw,124px);margin-top:8px;letter-spacing:-.055em}.intro p{margin:33px 0 0 4px;font-size:14px;letter-spacing:.25px;color:#41605e}.bottom{position:absolute;bottom:30px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.55px;color:#58736f}.interaction{display:flex;align-items:center;gap:14px}.cross{display:grid;place-items:center;width:27px;height:27px;border:1px solid #a7bfba;border-radius:50%;font-size:20px;font-weight:300}.mobile-hint{display:none}.art-note{font-size:9px;opacity:.75}.hero:not(.enhanced) .hero__bg{opacity:.6}@media(min-width:1600px){.intro{left:10%}}@media(max-width:700px){.hero{min-height:700px;max-height:1100px}.top{padding:27px 7%}.place{font-size:8px;letter-spacing:1px;gap:8px}.identity{font-size:8px;letter-spacing:1px;gap:9px}.mark{grid-template-columns:repeat(2,7px);gap:2px}.mark i{height:7px}.hero__bg{background-position:76% center}.hero__bg:after{background:linear-gradient(180deg,rgba(245,246,243,.6) 0%,rgba(245,246,243,.6) 35%,transparent 70%)}.intro{left:7%;right:5%;top:34%;transform:translateY(-50%)}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:22px;gap:9px}.eyebrow>span{width:21px}.global{font-size:clamp(66px,18vw,126px)}.laboratories{font-size:clamp(30px,9.8vw,69px);margin-top:6px}.intro p{font-size:11px;line-height:1.6;margin-top:23px;margin-left:2px}.bottom{left:7%;right:7%;bottom:24px;align-items:flex-start;gap:18px;flex-direction:column}.desktop-hint{display:none}.mobile-hint{display:inline}.art-note{margin-left:40px;font-size:8px}.interaction{font-size:9px}.hero{touch-action:pan-y}}@media(prefers-reduced-motion:reduce){#heroMask{display:none}.hero__bg{opacity:.65!important}.interaction{display:none}}
/* The scene is completely covered until a pointer reveals it. */
:root{--ink:#302534;--paper:#fbfaf9;--accent:#884b91}
html,body{background:var(--paper)}
.hero{background:linear-gradient(125deg,#fdfcfa 0%,#fbfaf9 48%,#f5eff7 100%)}
.top{padding-top:25px;padding-bottom:25px}
.identity{gap:16px;font-size:11px;letter-spacing:1.6px;line-height:1.5}
.brand-logo{display:block;width:68px;height:68px;object-fit:contain;mix-blend-mode:multiply}
.place{color:#685a69}
.dot{background:#d51a35;width:5px;height:5px}
.eyebrow{color:#725977}
.eyebrow>span{background:linear-gradient(90deg,#d51a35,#884b91);width:40px;height:2px}
.global{color:#302534}
.laboratories{color:#66436f}
.intro p{color:#6c5f6e}
.bottom{color:#746776}
.cross{border-color:#d9cadc;color:#884b91;font-size:18px}
.hero__bg{background-position:57% center}
.hero{cursor:default}
@media(max-width:700px){.top{padding:22px 6%;gap:18px}.brand-logo{width:49px;height:49px}.identity{gap:10px;font-size:9px;letter-spacing:1.1px}.place{font-size:8px;letter-spacing:.7px;max-width:105px;line-height:1.6}.eyebrow>span{width:25px}.laboratories{letter-spacing:-.045em}.hero__bg{background-position:78% 80%}}
.hero__bg{filter:contrast(1.13) saturate(1.14) brightness(1.02)}
.hero__bg:after{display:none}
#heroMask{opacity:1}
#dishLife{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
#heroMask{z-index:-1}
.hero:not(.enhanced) .hero__bg{opacity:0}
@media(max-width:700px){.hero__bg{background-size:cover;background-position:78% 80%;background-color:var(--paper)}}
@media(prefers-reduced-motion:reduce){.hero__bg{opacity:0!important}}
.hero__bg{background-image:url('/assets/laboratory.webp');background-size:cover;background-position:57% center;filter:contrast(1.13) saturate(1.14) brightness(1.02)}
@media(max-width:700px){.hero__bg{background-size:cover;background-position:78% 80%}}