body[data-page="opening"]{background:#fff;color:#111;overflow-x:hidden}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.opening{position:relative;min-height:100svh;isolation:isolate}
.opening-stage{width:100%;min-height:100svh;opacity:0;transition:opacity 1100ms cubic-bezier(.25,.1,.25,1)}
.opening-stage.is-visible{opacity:1}
.opening-brand{position:relative;display:flex;align-items:center;justify-content:center;padding:80px 28px 120px;text-align:center;cursor:pointer}
.opening-brand:focus-visible{outline-offset:-10px}
.opening-signature{width:100%;transform:translateY(-1.5vh)}
.opening-signature h1{max-width:none;line-height:1;margin:0}
.opening-logo{width:clamp(280px,42vw,590px);max-width:84vw;height:auto;margin:auto}
.opening-philosophy{margin-top:42px;font-size:15px;line-height:1.8;letter-spacing:.19em;color:#343434}
.opening-hint{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:0;right:0;font-size:10px;letter-spacing:.15em;color:#92928d}
.opening-recognition{position:relative;display:flex;align-items:center;justify-content:center;padding:80px 36px 112px}
.opening-credentials{width:min(100%,980px)}
.opening-award-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:28px;max-width:840px;margin:0 auto}
.opening-award{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;position:relative}
.opening-award .award-logo-stage{height:65px}
.opening-award .award-logo{width:56px;height:56px}
.opening-award.award-if-design .award-logo{width:86px;height:86px}
.opening-award .award-logo-wide .award-logo{width:116px;height:58px}
.opening-award.award-dia .award-logo{width:72px;height:72px}
.opening-count{height:18px;margin-top:16px;font-size:11px;line-height:18px;letter-spacing:.06em;color:#72726e}
.opening-clients{margin-top:76px;padding-top:64px;border-top:1px solid #efefec}
.opening-client-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:25px;align-items:center}
.opening-client{min-width:0}
.opening-client .client-logo-stage{height:48px}
.opening-client .client-logo{max-width:123px;height:29px;opacity:.83}
.opening-client .client-didi .client-logo{height:35px}
.opening-client .client-logo-square .client-logo{width:38px;height:38px}
.opening-client .client-nvidia .client-logo{height:35px}
.opening-continue{position:absolute;right:36px;bottom:max(34px,env(safe-area-inset-bottom));display:inline-flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.04em;color:#858581}
.opening-continue:hover{color:#111}
@media(max-width:900px){.opening-credentials{max-width:730px}.opening-award-list{gap:18px}.opening-client-list{gap:18px}.opening-client .client-logo{height:24px}}
@media(max-width:600px){.opening-brand{padding:60px 24px 100px}.opening-logo{width:78vw;max-width:350px}.opening-philosophy{font-size:12px;letter-spacing:.15em;margin-top:30px}.opening-hint{bottom:max(28px,env(safe-area-inset-bottom))}.opening-recognition{padding:55px 27px 90px}.opening-credentials{max-width:420px}.opening-award-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px;max-width:340px}.opening-award .award-logo-stage{height:43px}.opening-award .award-logo{width:42px;height:42px}.opening-award.award-if-design .award-logo{width:62px;height:62px}.opening-award .award-logo-wide .award-logo{width:84px;height:42px}.opening-award.award-dia .award-logo{width:52px;height:52px}.opening-count{font-size:10px;margin-top:11px;height:15px;line-height:15px}.opening-clients{margin-top:43px;padding-top:34px}.opening-client-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:19px 20px}.opening-client{grid-column:span 2}.opening-client:last-child:nth-child(3n + 1){grid-column:3 / span 2}.opening-client .client-logo-stage{height:30px}.opening-client .client-logo{height:23px}.opening-client .client-didi .client-logo{height:30px}.opening-client .client-logo-square .client-logo{width:30px;height:30px}.opening-client .client-nvidia .client-logo{height:30px}.opening-continue{right:27px;bottom:max(28px,env(safe-area-inset-bottom));font-size:10px}}
@media(max-height:580px) and (max-width:600px){.opening-recognition{padding-top:34px;padding-bottom:62px}.opening-award-list{row-gap:17px}.opening-clients{margin-top:26px;padding-top:23px}.opening-client-list{row-gap:12px}.opening-continue{bottom:19px}}
@media(max-height:480px) and (min-width:601px){.opening-recognition{padding-top:38px;padding-bottom:65px}.opening-clients{margin-top:33px;padding-top:28px}.opening-continue{bottom:21px}.opening-brand{padding-top:50px;padding-bottom:80px}.opening-logo{max-width:360px}.opening-philosophy{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.opening-stage{transition:none}}

.opening-legal{position:absolute;bottom:12px;left:24px;right:24px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#999991;font-size:9px;line-height:1.5;pointer-events:none}.opening-legal .icp-link{font-size:9px;pointer-events:auto}.opening-hint,.opening-continue{bottom:max(51px,calc(env(safe-area-inset-bottom) + 40px))}@media(max-width:600px){.opening-legal{bottom:10px;left:12px;right:12px;gap:3px 12px;font-size:8px}.opening-legal .icp-link{font-size:8px}.opening-hint,.opening-continue{bottom:max(47px,calc(env(safe-area-inset-bottom) + 36px))}}