:root{
  --paper:#f4f1ea; --paper-2:#ebe7df; --ink:#11110f; --muted:#74716a;
  --line:rgba(17,17,15,.16); --brand:#e85d2a; --brand-dark:#b9421c;
  --black:#0a0c0d; --white:#fff; --shell:min(1180px,calc(100vw - 72px));
  --ds-bg:#000; --ds-panel:#0f1518; --ds-ink:#dbe1de; --ds-muted:#8f9da1;
  --ds-accent:#78cad7; --ds-accent2:#b7edf1; --ds-warning:#d7a158;
  --ease:cubic-bezier(.2,.72,.2,1); --font-sans:"Noto Sans JP","Noto Sans CJK JP","Source Han Sans JP","源ノ角ゴシック JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);letter-spacing:.025em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}.shell{width:var(--shell);margin:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup__symbol{width:26px;height:38px;object-fit:contain}.brand-lockup__wordmark{width:144px;height:auto}.brand-lockup--light .brand-lockup__wordmark{filter:invert(1)}

body.is-opening{overflow:hidden}.opening{position:fixed;inset:0;z-index:1000;background:var(--paper);overflow:hidden;transition:clip-path 1.18s var(--ease),opacity .7s ease;clip-path:inset(0 0 0 0)}.opening.is-leaving{clip-path:inset(0 0 100% 0);pointer-events:none}.opening__grain{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(50,30,20,.35) .45px,transparent .45px);background-size:5px 5px;pointer-events:none}.opening__skip{position:absolute;right:42px;top:32px;z-index:3;border:0;background:transparent;font-size:11px;letter-spacing:.16em;padding:10px 0;cursor:pointer;border-bottom:1px solid transparent}.opening__skip:hover{border-color:currentColor}.opening__stage{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.opening__symbol{width:min(150px,18vw);opacity:0;transform:translateY(18px) scale(.96);transition:opacity 1.1s ease,transform 1.2s var(--ease)}.opening.phase-symbol .opening__symbol,.opening.phase-brand .opening__symbol,.opening.phase-copy .opening__symbol,.opening.phase-ready .opening__symbol{opacity:1;transform:none}.opening__brand{margin-top:22px;opacity:0;transform:translateY(8px);transition:opacity .9s ease,transform .9s var(--ease)}.opening.phase-brand .opening__brand,.opening.phase-copy .opening__brand,.opening.phase-ready .opening__brand{opacity:1;transform:none}.opening__wordmark{width:min(360px,56vw);margin:auto}.opening__copy{margin-top:30px;opacity:0;transform:translateY(8px);transition:opacity .9s ease,transform .9s var(--ease)}.opening.phase-copy .opening__copy,.opening.phase-ready .opening__copy{opacity:1;transform:none}.opening__copy-jp{font-size:clamp(18px,2vw,30px);font-weight:600;letter-spacing:.09em;margin:0 0 12px}.opening__copy-en{margin:0;color:var(--brand);font-size:12px;letter-spacing:.24em}.opening__hint{position:absolute;left:50%;bottom:46px;transform:translateX(-50%) translateY(8px);opacity:0;transition:.7s ease;color:#6f6a63;font-size:10px;letter-spacing:.12em;display:flex;gap:13px;align-items:center;white-space:nowrap}.opening.phase-ready .opening__hint{opacity:1;transform:translateX(-50%)}.opening__mouse{width:18px;height:28px;border:1px solid #777;border-radius:12px;position:relative}.opening__mouse::after{content:"";position:absolute;left:50%;top:5px;width:2px;height:5px;background:var(--brand);transform:translateX(-50%);animation:wheel 1.2s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,8px)}}.opening__progress{position:absolute;left:42px;bottom:35px;font:10px ui-monospace,monospace;color:#777;letter-spacing:.12em}.opening__progress i{display:inline-block;width:80px;height:1px;background:#c9c4bb;vertical-align:middle;margin-left:10px;position:relative}.opening__progress i::after{content:"";position:absolute;left:0;top:0;height:1px;width:calc(var(--opening-progress,0)*100%);background:var(--brand)}

.site-header{height:74px;position:sticky;top:0;z-index:100;background:rgba(244,241,234,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,17,15,.08)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.global-nav{display:flex;gap:34px;align-items:center;font-size:11px;font-weight:700}.global-nav a{position:relative;padding:9px 0}.global-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--brand);transition:right .25s ease}.global-nav a:hover::after,.global-nav a.is-current::after{right:0}.menu-toggle{display:none;border:0;background:transparent;font-size:13px}

.home-hero{height:calc(100svh - 74px);min-height:650px;position:relative;background:#090b0c;color:white;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-slide__media{position:absolute;inset:0}.hero-slide__media img{width:100%;height:100%;object-fit:cover}.hero-slide__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,6,.91) 0%,rgba(3,5,6,.64) 35%,rgba(3,5,6,.16) 67%,rgba(3,5,6,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 40%)}.hero-slide--data .hero-slide__media::after{background:linear-gradient(90deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.58) 43%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%)}.hero-slide__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:56px}.hero-no{font:11px ui-monospace,monospace;color:var(--brand);letter-spacing:.18em;margin-bottom:18px}.hero-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,8vw,126px);font-weight:400;line-height:.82;letter-spacing:.03em;margin:0 0 30px;text-transform:uppercase}.hero-lead{font-size:18px;letter-spacing:.1em;margin:0 0 18px}.hero-copy{max-width:560px;color:#cfd1cf;font-size:12px;line-height:2;margin:0 0 28px}.hero-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.38);font-size:11px;font-weight:700;letter-spacing:.1em;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn--brand{background:var(--brand);border-color:var(--brand)}.btn--dark{background:#111;color:#fff;border-color:#111}.btn--paper{background:var(--paper);color:#111;border-color:var(--paper)}
.hero-ds-kicker{font:11px ui-monospace,monospace;color:var(--ds-accent);letter-spacing:.24em;margin-bottom:18px}.hero-ds-title{font:800 clamp(64px,8vw,128px)/.78 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;margin:0 0 26px}.hero-slide--data .hero-lead{color:var(--ds-ink);letter-spacing:.09em}.hero-slide--data .hero-copy{color:#aeb9bc}.hero-slide--data .btn--brand{background:rgba(120,202,215,.12);color:var(--ds-accent2);border-color:rgba(120,202,215,.55);box-shadow:inset 2px 0 var(--ds-accent)}
.hero-switcher{position:absolute;left:50%;bottom:24px;z-index:4;transform:translateX(-50%);width:var(--shell);display:flex;align-items:flex-end;justify-content:space-between}.hero-tabs{display:flex;gap:30px}.hero-tab{border:0;background:transparent;color:#8f9495;padding:12px 0;font:10px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer;border-bottom:2px solid transparent}.hero-tab b{color:#fff;margin-left:8px}.hero-tab.is-active{color:var(--brand);border-color:var(--brand)}.hero-tab[data-slide="1"].is-active{color:var(--ds-accent);border-color:var(--ds-accent)}.hero-arrows{display:flex;gap:10px}.hero-arrows button{width:42px;height:42px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.25);color:white;font-size:20px;cursor:pointer}

.section{padding:86px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:38px;margin:0;letter-spacing:.03em}.section-head__sub{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:.18em;margin:0 0 9px}.text-link{font-size:10px;font-weight:700;letter-spacing:.1em}.text-link span{margin-left:10px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:120px 100px 1fr 28px;gap:18px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-size:12px;transition:.2s ease}.news-row:hover{padding-left:8px}.news-date{color:#777}.news-tag{font-size:9px;text-align:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.news-arrow{text-align:right;font-size:18px}
.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-card{position:relative;min-height:390px;overflow:hidden;color:white;background:#0a0c0d}.work-card__bg{position:absolute;inset:0}.work-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.work-card:hover .work-card__bg img{transform:scale(1.025)}.work-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.12) 70%)}.work-card__body{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}.work-card__index{font:10px ui-monospace,monospace;color:var(--brand);margin-bottom:12px}.work-card__title{font:42px Georgia,serif;margin:0 0 10px}.work-card__meta{font-size:10px;color:#d1d3d2}.work-card--data{border:1px solid rgba(120,202,215,.25)}.work-card--data .work-card__shade{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.16) 70%)}.work-card--data .work-card__index{color:var(--ds-accent)}.work-card--data .work-card__title{font:800 47px/.8 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.02em}.work-card--data::after{content:"";position:absolute;inset:16px;border:1px solid rgba(120,202,215,.16);pointer-events:none}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journal-card{border-top:1px solid var(--line);padding-top:12px}.journal-card img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:14px}.journal-card__date{font-size:9px;color:#777}.journal-card h3{font-size:15px;line-height:1.55;margin:8px 0 6px}.journal-card p{font-size:11px;color:#777;line-height:1.7;margin:0}.journal-card__tag{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:999px;background:#e9e5dd;font-size:9px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.about-copy{padding-right:70px}.about-copy h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:0 0 26px}.about-statement{font-size:25px;letter-spacing:.08em;margin:0 0 12px}.about-en{color:var(--brand);font-size:11px;letter-spacing:.16em;margin-bottom:28px}.about-copy p:last-of-type{font-size:12px;line-height:2;color:#494640}.about-brand{background:linear-gradient(135deg,#f5f1ea,#eee8de);display:flex;align-items:center;justify-content:center;gap:28px;padding:38px}.about-brand img{width:96px}.about-brand__word{width:240px}.about-brand small{display:block;margin-top:16px;font-size:9px;letter-spacing:.12em;color:#777}
.contact-strip{padding:52px 0;background:var(--brand);color:white}.contact-strip__inner{display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-size:22px;margin:0}.contact-strip p{font-size:11px;margin:6px 0 0}
.site-footer{background:#0a0c0d;color:white;padding:54px 0 28px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-left{display:grid;grid-template-columns:1fr 1fr;gap:44px}.footer-label{font-size:9px;letter-spacing:.15em;color:#aaa;margin:0 0 16px}.socials{display:flex;gap:20px;font-size:13px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;font-size:10px}.footer-brand{justify-self:end;text-align:right}.footer-brand .brand-lockup{justify-content:flex-end}.footer-brand p{font-size:10px;color:#aaa;margin:16px 0 4px}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#888;font-size:9px}.footer-legal{display:flex;gap:22px}

.sub-main{min-height:70vh}.sub-hero{padding:76px 0 56px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:9px;color:#777;margin-bottom:42px}.sub-eyebrow{font-size:10px;color:var(--brand);letter-spacing:.16em;font-weight:700}.sub-title{font-family:Georgia,serif;font-size:clamp(42px,5vw,76px);font-weight:400;letter-spacing:.03em;margin:14px 0 18px}.sub-lead{font-size:14px;line-height:2;color:#555;max-width:750px}.article{padding:70px 0 100px}.article__body{max-width:920px;margin:auto}.article h2{font-family:Georgia,serif;font-weight:400;font-size:28px;border-left:2px solid var(--brand);padding-left:18px;margin:48px 0 20px}.article p{font-size:13px;line-height:2.1;color:#444}.article-visual{margin:34px 0}.article-visual img{width:100%;max-height:580px;object-fit:cover}.article-nav{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.article-nav a{padding:20px;text-align:center;font-size:10px;border-right:1px solid var(--line)}.article-nav a:last-child{border-right:0}.news-index{padding:70px 0 100px}.news-index .news-row{min-height:72px}

.game-page{background:#080a0b;color:#efede6}.game-page .site-header{background:rgba(8,10,11,.82);border-color:rgba(255,255,255,.1)}.game-page .global-nav a,.game-page .menu-toggle{color:#fff}.game-page .brand-lockup__wordmark{filter:invert(1)}.game-detail-hero{height:calc(100svh - 74px);min-height:680px;position:relative;overflow:hidden}.game-detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.3) 58%,rgba(0,0,0,.18))}.game-detail-hero__body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.game-detail-hero h1{font:400 clamp(70px,9vw,140px)/.83 Georgia,serif;margin:0 0 28px}.game-detail-hero p{max-width:520px;line-height:2;color:#c8cbd0;font-size:13px}.dark-section{padding:90px 0;border-top:1px solid rgba(255,255,255,.1)}.dark-section h2{font:400 38px Georgia,serif;margin:0 0 30px}.dark-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dark-card{border:1px solid rgba(255,255,255,.14);padding:28px;min-height:220px;background:rgba(255,255,255,.025)}.dark-card h3{font-size:17px}.dark-card p{font-size:11px;line-height:2;color:#aeb2b4}

.ds-page{background:#000;color:var(--ds-ink)}.ds-page .site-header{background:rgba(0,0,0,.82);border-color:rgba(219,225,222,.12)}.ds-page .global-nav a,.ds-page .menu-toggle{color:var(--ds-ink)}.ds-page .brand-lockup__wordmark{filter:invert(1)}.ds-hero{height:calc(100svh - 74px);min-height:700px;position:relative;overflow:hidden;background:#10161a}.ds-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.03)}.ds-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.43) 52%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}.ds-hero__body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ds-kicker{font:11px ui-monospace,monospace;color:var(--ds-accent);letter-spacing:.24em}.ds-title{font:800 clamp(72px,9vw,142px)/.78 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;margin:20px 0 26px}.ds-rule{width:380px;height:1px;background:linear-gradient(90deg,var(--ds-accent),transparent);margin-bottom:18px}.ds-lead{color:#aeb9bc;font-size:14px;letter-spacing:.1em}.ds-meta{display:flex;gap:20px;margin-top:32px;font:10px ui-monospace,monospace;color:var(--ds-muted)}.ds-meta span:last-child{color:var(--ds-accent)}.ds-section{padding:86px 0;border-top:1px solid rgba(219,225,222,.12)}.ds-section__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.ds-section__head h2{font-size:31px;font-weight:560;letter-spacing:.07em;margin:4px 0 0}.ds-eyebrow{font:10px ui-monospace,monospace;letter-spacing:.18em;color:var(--ds-accent)}.ds-section p{color:#abb8bb;font-size:13px;line-height:1.9}.ds-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ds-panel{border:1px solid rgba(219,225,222,.13);background:rgba(15,21,24,.72);padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.ds-spec{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(219,225,222,.12)}.ds-spec div{display:flex;justify-content:space-between;padding:12px;background:#0b1012;font-size:11px}.ds-spec span{color:var(--ds-muted)}.ds-systems{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ds-system{border:1px solid rgba(219,225,222,.14);background:#0b1012;padding:22px;min-height:260px;position:relative;overflow:hidden}.ds-system::after{content:"";position:absolute;left:0;top:0;width:84px;height:2px;background:var(--ds-accent)}.ds-system:nth-child(3)::after{background:var(--ds-warning)}.ds-system img{width:54px;height:54px;margin-bottom:26px;filter:drop-shadow(0 0 15px rgba(120,202,215,.15))}.ds-system h3{font-size:16px;font-weight:560;letter-spacing:.08em}.ds-system p{font-size:11px}.ds-system code{font:9px ui-monospace,monospace;color:var(--ds-muted)}.ds-ui-frame{border:1px solid rgba(120,202,215,.32);background:#050708;box-shadow:0 40px 100px rgba(0,0,0,.45);position:relative}.ds-ui-toolbar{height:48px;border-bottom:1px solid rgba(219,225,222,.12);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.ds-ui-tabs{display:flex;gap:6px;flex-wrap:wrap}.ds-ui-tab{border:1px solid rgba(219,225,222,.16);background:transparent;color:var(--ds-muted);padding:7px 10px;font:9px ui-monospace,monospace;cursor:pointer}.ds-ui-tab.is-active{border-color:var(--ds-accent);color:var(--ds-accent);background:rgba(120,202,215,.06)}.ds-ui-open{font:9px ui-monospace,monospace;color:var(--ds-accent)}.ds-ui-stage{aspect-ratio:16/9;overflow:hidden}.ds-ui-stage iframe{width:100%;height:100%;border:0;background:#000}.ds-note{margin-top:14px;font:9px ui-monospace,monospace;color:var(--ds-muted)}

.simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.simple-card{border-top:1px solid var(--line);padding-top:22px}.simple-card h2{font:400 28px Georgia,serif}.simple-card p{font-size:12px;line-height:2;color:#555}.contact-box{border:1px solid var(--line);padding:36px}.contact-box dl{display:grid;grid-template-columns:160px 1fr;gap:14px;font-size:12px}.contact-box dt{color:#777}

@media(max-width:900px){:root{--shell:calc(100vw - 38px)}.global-nav{display:none}.menu-toggle{display:block}.home-hero{min-height:620px}.hero-slide__content{padding-bottom:110px}.hero-title,.hero-ds-title{font-size:68px}.hero-copy{display:none}.hero-switcher{bottom:18px}.hero-tabs{gap:13px;flex-direction:column}.hero-tab{padding:5px 0;text-align:left}.works-grid,.about-grid,.footer-grid,.simple-grid,.ds-about-grid{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.ds-systems{grid-template-columns:1fr 1fr}.about-copy{padding-right:0}.footer-brand{justify-self:start;text-align:left}.footer-brand .brand-lockup{justify-content:flex-start}.news-row{grid-template-columns:90px 80px 1fr}.news-arrow{display:none}.ds-ui-toolbar{height:auto;padding:10px;align-items:flex-start;gap:10px;flex-direction:column}}
@media(max-width:620px){.site-header{height:66px}.brand-lockup__symbol{width:22px;height:32px}.brand-lockup__wordmark{width:128px}.opening__skip{right:20px;top:18px}.opening__progress{left:20px}.opening__hint{bottom:36px}.hero-slide__content{padding-bottom:125px}.hero-title,.hero-ds-title{font-size:54px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column}.btn{height:44px}.section{padding:64px 0}.section-head h2{font-size:31px}.news-row{grid-template-columns:85px 1fr;gap:10px;padding:14px 0}.news-tag{display:none}.works-grid{grid-template-columns:1fr}.work-card{min-height:320px}.footer-left{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px}.ds-systems{grid-template-columns:1fr}.ds-title{font-size:58px}.ds-rule{width:240px}.article-nav{grid-template-columns:1fr}.article-nav a{border-right:0;border-bottom:1px solid var(--line)}}

.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.breadcrumbs a{color:#777;text-decoration:none;transition:color .18s ease}
.breadcrumbs a:hover{color:var(--brand)}
.breadcrumbs__sep{color:#aaa}
.breadcrumbs__current{color:#777}

.article-nav span.is-disabled{
  padding:20px;
  text-align:center;
  font-size:10px;
  color:#b8b3aa;
  border-right:1px solid var(--line);
  cursor:default;
}
.article-nav span.is-disabled:last-child{border-right:0}
.article-nav a:hover{background:#f3eee5;color:var(--brand)}
@media(max-width:620px){
  .article-nav span.is-disabled{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .article-nav span.is-disabled:last-child{border-bottom:0}
}

:root{
  --header-h:88px;
  --submenu-h:132px;
  --header-black:#090a0a;
  --menu-line:rgba(238,232,222,.42);
  --menu-line-strong:rgba(248,244,237,.88);
}

body,
button,
input,
textarea,
select,
.global-nav,
.header-utility,
.nav-submenu,
.section-head h2,
.work-card__title,
.sub-title,
.article h2,
.dark-section h2,
.simple-card h2,
.game-detail-hero h1,
.hero-title{
  font-family:var(--font-sans)!important;
}

.hero-ds-title,
.ds-title{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif!important;
}

.site-header{
  position:fixed!important;
  top:0;left:0;right:0;
  z-index:300;
  height:var(--header-h)!important;
  background:rgba(255,255,255,var(--header-bg-alpha))!important;
  color:rgb(var(--header-fg-rgb))!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,15,var(--header-line-alpha))!important;
  box-shadow:0 10px 30px rgba(0,0,0,var(--header-shadow-alpha))!important;
  backdrop-filter:saturate(140%) blur(var(--header-blur))!important;
  -webkit-backdrop-filter:saturate(140%) blur(var(--header-blur))!important;
  overflow:visible!important;
  transition:
    background-color .14s linear,
    border-color .14s linear,
    backdrop-filter .14s linear,
    -webkit-backdrop-filter .14s linear,
    color .12s linear,
    box-shadow .14s linear!important;
}

body[data-page="top"] .site-header{
  --header-bg-alpha:.985;
  --header-line-alpha:0;
  --header-shadow-alpha:.022;
  --header-blur:14px;
  --header-fg-rgb:17,17,17;
  --header-logo-invert:0;
}

.site-header__inner{
  position:relative!important;
  z-index:4;
  height:var(--header-h)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

body[data-header-solid="true"] .site-header,
.site-header.is-solid{
  --header-bg-alpha:.96;
  --header-line-alpha:0;
  --header-shadow-alpha:.045;
  --header-blur:16px;
  --header-fg-rgb:17,17,17;
  --header-logo-invert:0;
  background:rgba(255,255,255,var(--header-bg-alpha))!important;
  color:rgb(var(--header-fg-rgb))!important;
}

.site-header.is-hovered,
.site-header.is-menu-open{
  background:var(--header-black)!important;
  color:#fff!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}

.site-header.is-hovered,
.site-header.is-menu-open{
  transition:
    background-color .28s var(--ease),
    border-color .28s var(--ease),
    color .22s ease,
    box-shadow .28s var(--ease)!important;
}

.site-brand{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
}
.brand-lockup--header{
  gap:10px!important;
}
.brand-lockup--header .brand-lockup__symbol{
  width:27px!important;
  height:40px!important;
}
.brand-lockup--header .brand-lockup__wordmark{
  width:145px!important;
}

.site-header .brand-lockup--header img{
  filter:invert(var(--header-logo-invert))!important;
  transition:filter .28s ease!important;
}
.site-header.is-hovered .brand-lockup--header img,
.site-header.is-menu-open .brand-lockup--header img{
  filter:invert(1)!important;
}

.global-nav{
  height:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:34px!important;
  padding:0 0 18px!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
}
.global-nav__item{
  position:relative!important;
  height:auto!important;
  padding:10px 0!important;
  color:inherit!important;
  white-space:nowrap;
  transition:opacity .22s ease,color .22s ease!important;
}

.global-nav__item::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:100%!important;
  bottom:-18px!important;
  height:1px!important;
  background:var(--menu-line-strong)!important;
  opacity:0;
  transition:right .32s var(--ease),opacity .22s ease!important;
}
.global-nav__item:hover::after{
  right:0!important;
  opacity:.72;
}

.global-nav__item.is-menu-target::after{
  right:0!important;
  opacity:1!important;
}

.global-nav:hover .global-nav__item:not(:hover):not(.is-menu-target){
  opacity:.64;
}

.global-nav__item::before{
  content:none!important;
  display:none!important;
}

.header-utility{
  position:absolute;
  right:0;
  top:10px;
  display:flex;
  align-items:center;
  gap:18px;
  opacity:0;
  transform:translateY(-5px);
  pointer-events:none;
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.07em;
  transition:opacity .24s ease,transform .34s var(--ease);
}
.site-header.is-hovered .header-utility,
.site-header.is-menu-open .header-utility{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.header-utility__contact{
  color:#fff!important;
  position:relative;
}
.header-utility__contact::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-4px;height:1px;
  background:rgba(247,243,236,.84);
  transition:right .28s var(--ease);
}
.header-utility__contact:hover::after{right:0}
.header-lang{
  display:flex;
  align-items:center;
  gap:5px;
}
.header-lang__globe{
  font-size:10px;
  margin-right:2px;
  opacity:.78;
}
.header-lang__active{color:#fff}
.header-lang__slash{color:rgba(255,255,255,.38)}
.header-lang button{
  border:0;
  padding:0;
  background:transparent;
  color:rgba(255,255,255,.58);
  font-family:var(--font-sans);
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
.header-lang button:hover{color:#fff}

.nav-submenu{
  position:absolute!important;
  left:0;right:0;
  top:var(--header-h)!important;
  height:0!important;
  overflow:hidden!important;
  z-index:2!important;
  color:#f4f1ea!important;
  background:#0c0d0d!important;
  border:0!important;
  box-shadow:0 28px 70px rgba(0,0,0,.18)!important;
  transition:height .42s var(--ease)!important;
}
.site-header.is-menu-open .nav-submenu{
  height:var(--submenu-h)!important;
}

.nav-submenu__panel{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  transform:translateY(-8px)!important;
  pointer-events:none!important;
  transition:opacity .20s ease,transform .34s var(--ease)!important;
}
.nav-submenu__panel.is-active{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

.nav-submenu__inner{
  position:relative!important;
  height:var(--submenu-h)!important;
  display:grid!important;
  grid-template-columns:270px 1fr!important;
  gap:56px!important;
  align-items:center!important;
}

.nav-submenu__inner::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(238,232,222,.18) 0%,
    rgba(238,232,222,.46) 18%,
    rgba(248,244,237,.62) 50%,
    rgba(238,232,222,.46) 82%,
    rgba(238,232,222,.18) 100%
  );
  opacity:0;
  transition:opacity 0s linear;
}
.site-header.is-menu-open .nav-submenu__inner::before{
  opacity:1;
  transition:opacity .16s ease .05s;
}

.nav-submenu__heading{
  position:relative!important;
  height:66px!important;
  min-height:0!important;
  padding-right:36px!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
}
.nav-submenu__heading::after{
  content:"";
  position:absolute;
  right:0;top:3px;bottom:3px;
  width:1px;
  background:linear-gradient(
    180deg,
    transparent,
    rgba(238,232,222,.34) 28%,
    rgba(238,232,222,.34) 72%,
    transparent
  );
}
.nav-submenu__heading strong{
  color:#f7f3ed!important;
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
}
.nav-submenu__heading span{
  color:rgba(244,239,231,.52)!important;
  font-family:var(--font-sans)!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
}

.nav-submenu__links{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:42px!important;
}
.nav-submenu__links a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(247,243,237,.82)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
  transform:none!important;
  transition:color .22s ease,transform .30s var(--ease)!important;
}
.nav-submenu__links a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:100%!important;
  bottom:31px!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--brand),#ef9b78)!important;
  transition:right .30s var(--ease)!important;
}
.nav-submenu__links a:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.nav-submenu__links a:hover::after{
  right:0!important;
}

body[data-header-hero] main{
  padding-top:0!important;
}
.home-hero,
.game-detail-hero,
.ds-hero{
  height:100svh!important;
}
.home-hero{
  min-height:700px!important;
}
.game-detail-hero,
.ds-hero{
  min-height:680px!important;
}
.hero-slide__content,
.game-detail-hero__body,
.ds-hero__body{
  padding-top:var(--header-h);
}

body[data-header-solid="true"] main{
  padding-top:var(--header-h);
}

.game-page .site-header,
.ds-page .site-header{
  background:rgba(255,255,255,var(--header-bg-alpha))!important;
  color:rgb(var(--header-fg-rgb))!important;
  border:0!important;
}
.game-page .site-header.is-solid,
.ds-page .site-header.is-solid{
  background:rgba(255,255,255,var(--header-bg-alpha))!important;
  color:rgb(var(--header-fg-rgb))!important;
}
.game-page .site-header.is-hovered,
.game-page .site-header.is-menu-open,
.ds-page .site-header.is-hovered,
.ds-page .site-header.is-menu-open{
  background:var(--header-black)!important;
  color:#fff!important;
}
.game-page .global-nav a,
.ds-page .global-nav a{
  color:inherit!important;
}

.section-head h2{
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.sub-title{
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.article h2,
.dark-section h2,
.simple-card h2{
  font-weight:600!important;
}
.hero-title,
.game-detail-hero h1{
  font-weight:600!important;
  letter-spacing:.02em!important;
}

@media(max-width:900px){
  :root{--header-h:66px}
  .site-header{height:var(--header-h)!important}
  .global-nav,.header-utility,.nav-submenu{display:none!important}
  .menu-toggle{
    display:block!important;
    color:inherit!important;
  }
  .site-header__inner{
    justify-content:flex-end!important;
  }
  .brand-lockup--header .brand-lockup__symbol{
    width:22px!important;
    height:32px!important;
  }
  .brand-lockup--header .brand-lockup__wordmark{
    width:128px!important;
  }
  body[data-header-solid="true"] main{
    padding-top:var(--header-h);
  }
  .hero-slide__content,
  .game-detail-hero__body,
  .ds-hero__body{
    padding-top:var(--header-h);
  }
}

body[data-header-solid="true"] .site-header.is-hovered,
body[data-header-solid="true"] .site-header.is-menu-open,
body[data-header-hero] .site-header.is-hovered,
body[data-header-hero] .site-header.is-menu-open,
.game-page .site-header.is-hovered,
.game-page .site-header.is-menu-open,
.ds-page .site-header.is-hovered,
.ds-page .site-header.is-menu-open{
  background:var(--header-black)!important;
  color:#fff!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}

body[data-header-solid="true"] .site-header.is-hovered .brand-lockup--header img,
body[data-header-solid="true"] .site-header.is-menu-open .brand-lockup--header img,
body[data-header-hero] .site-header.is-hovered .brand-lockup--header img,
body[data-header-hero] .site-header.is-menu-open .brand-lockup--header img{
  filter:invert(1)!important;
}

body.is-mobile-nav-open{
  overflow:hidden!important;
}

@media(max-width:900px){
  .site-header.is-mobile-menu-open{
    background:var(--header-black)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .site-header.is-mobile-menu-open .brand-lockup--header img{
    filter:invert(1)!important;
  }

  .site-header.is-mobile-menu-open .menu-toggle{
    color:#fff!important;
  }

  .site-header.is-mobile-menu-open .global-nav{
    display:flex!important;
    position:fixed!important;
    z-index:302;
    top:var(--header-h)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:auto!important;
    margin:0!important;
    padding:36px 28px 116px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow-y:auto!important;
    background:var(--header-black)!important;
  }

  .site-header.is-mobile-menu-open .global-nav__item{
    display:flex!important;
    align-items:center!important;
    min-height:62px!important;
    padding:0!important;
    border-bottom:1px solid rgba(238,232,222,.13);
    color:#fff!important;
    font-size:15px!important;
    letter-spacing:.06em!important;
  }

  .site-header.is-mobile-menu-open .global-nav__item::after,
  .site-header.is-mobile-menu-open .global-nav__item::before{
    display:none!important;
  }

  .site-header.is-mobile-menu-open .header-utility{
    display:flex!important;
    position:fixed!important;
    z-index:304;
    left:28px!important;
    right:28px!important;
    top:auto!important;
    bottom:28px!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    justify-content:space-between!important;
    padding-top:18px;
    border-top:1px solid rgba(238,232,222,.16);
  }
}

.hero-slide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 1.05s ease,visibility 1.05s step-end;
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity 1.05s ease,visibility 0s step-start;
}
.hero-slide__media img{
  transform:scale(1.055);
  transition:transform 8s cubic-bezier(.12,.55,.2,1);
}
.hero-slide.is-active .hero-slide__media img{
  transform:scale(1);
}
.hero-slide__content>*{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .62s ease,transform .75s var(--ease);
}
.hero-slide.is-active .hero-slide__content>*{
  opacity:1;
  transform:none;
}
.hero-slide.is-active .hero-slide__content>*:nth-child(1){transition-delay:.12s}
.hero-slide.is-active .hero-slide__content>*:nth-child(2){transition-delay:.20s}
.hero-slide.is-active .hero-slide__content>*:nth-child(3){transition-delay:.28s}
.hero-slide.is-active .hero-slide__content>*:nth-child(4){transition-delay:.34s}
.hero-slide.is-active .hero-slide__content>*:nth-child(5){transition-delay:.40s}

.hero-interface{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}
.hero-rail{
  position:absolute;
  right:clamp(22px,3.1vw,58px);
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:auto;
}
.hero-rail__item{
  width:18px;
  height:72px;
  border:0;
  background:transparent;
  position:relative;
  cursor:pointer;
  color:rgba(255,255,255,.34);
  transition:color .25s ease;
}
.hero-rail__item span{display:none}
.hero-rail__item i{
  position:absolute;
  right:0;
  top:6px;
  bottom:6px;
  width:4px;
  border-radius:999px;
  background:rgba(255,255,255,.24);
  overflow:hidden;
}
.hero-rail__item i::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:0;
  background:#fff;
  border-radius:inherit;
  transition:height .42s var(--ease);
}
.hero-rail__item:hover{color:#fff}
.hero-rail__item.is-active{color:#fff}
.hero-rail__item.is-active i::after{height:100%}

.hero-timer{
  position:absolute;
  right:clamp(30px,3vw,48px);
  bottom:clamp(26px,4vh,38px);
  width:50px;
  height:50px;
  padding:0;
  border:0;
  background:rgba(7,10,12,.18);
  border-radius:50%;
  color:#fff;
  pointer-events:none;
  box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.hero-timer svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
}
.hero-timer circle{
  fill:none;
  stroke-width:3.25;
}
.hero-timer__track{stroke:rgba(255,255,255,.18)}
.hero-timer__progress{
  stroke:rgba(255,255,255,.96);
  stroke-linecap:round;
  stroke-dasharray:119.38;
  stroke-dashoffset:119.38;
}
.hero-timer__arrow{display:none}

.hero-scroll-cue{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  color:rgba(255,255,255,.92);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.22em;
  text-transform:uppercase;
  opacity:1;
  transition:opacity .24s ease;
}
.hero-scroll-cue span{
  opacity:.92;
}
.hero-scroll-cue i{
  display:block;
  width:2px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  position:relative;
  overflow:hidden;
}
.hero-scroll-cue i::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:calc(var(--scroll-progress,0) * 100%);
  border-radius:inherit;
  background:rgba(255,255,255,.96);
  transition:height .08s linear;
}
.hero-scroll-cue.is-ended{
  opacity:0;
  pointer-events:none;
}

@media(max-width:900px){
  .hero-rail{
    right:16px;
    top:auto;
    bottom:74px;
    transform:none;
    flex-direction:row;
    gap:8px;
  }

  .hero-rail__item{
    width:38px;
    height:18px;
  }

  .hero-rail__item i{
    top:auto;
    left:0;
    right:0;
    bottom:0;
    width:auto;
    height:4px;
    border-radius:999px;
  }

  .hero-rail__item i::after{
    width:0;
    height:100%;
    transition:width .42s var(--ease);
  }

  .hero-rail__item.is-active i::after{
    width:100%;
    height:100%;
  }

  .hero-timer{
    right:18px;
    bottom:20px;
    width:44px;
    height:44px;
  }

  .hero-scroll-cue{
    bottom:20px;
    gap:8px;
    font-size:9px;
  }

  .hero-scroll-cue i{
    height:24px;
  }
}

.brand-intro{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  padding-top:var(--header-h);
  background:#f7f3ed;
  color:#11110f;
  isolation:isolate;
}
.brand-intro__scene{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#f7f3ed;
}
.brand-intro__scene-fill{
  position:absolute;
  inset:-1.5%;
  width:103%;
  height:103%;
  object-fit:fill;
  opacity:.985;
  filter:blur(.45px);
}
.brand-intro__scene-exact{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  aspect-ratio:1672 / 941;
  max-width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7.5%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 7.5%,#000 100%);
}
.brand-intro__scene-exact img{
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
}

.brand-intro__inner{
  position:relative;
  z-index:1;
  min-height:calc(100svh - var(--header-h));
  padding:32px 0 34px;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:24px;
}
.brand-intro__topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:15px;
  border-bottom:1px solid rgba(17,17,15,.10);
  color:#69655f;
  font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.16em;
}
.brand-intro__main{
  position:relative;
  display:flex;
  align-items:flex-start;
  min-height:0;
  padding:4px 0 54px;
  transform:translateY(48px);
  --origin-split:57%;
}
.brand-intro__statement{
  position:relative;
  z-index:2;
  flex:1 1 auto;
  min-width:0;
  padding-top:46px;
  padding-right:clamp(90px,10vw,178px);
  transition:flex-basis .78s cubic-bezier(.18,.82,.22,1),padding-right .78s cubic-bezier(.18,.82,.22,1);
}
.brand-intro__eyebrow{
  margin:0 0 20px;
  color:var(--brand);
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.22em;
}
.brand-intro__statement h1{
  margin:0;
  width:max-content;
  max-width:none;
  font-size:clamp(60px,6.1vw,100px);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.055em;
  transition:font-size .78s cubic-bezier(.18,.82,.22,1),line-height .78s cubic-bezier(.18,.82,.22,1);
}
.brand-intro__title-line{
  display:block;
  width:max-content;
  white-space:nowrap;
  will-change:transform;
}
.brand-intro__title-line--2{
  transform:translateX(clamp(74px,8.2vw,148px));
  transition:transform .82s cubic-bezier(.16,.84,.18,1);
}
.brand-intro__english{
  margin:24px 0 40px;
  color:#706b64;
  font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.22em;
  transition:transform .7s cubic-bezier(.18,.82,.22,1),opacity .42s ease;
}
.brand-intro__lead{
  margin:0 0 18px;
  font-size:clamp(15px,1.25vw,19px);
  font-weight:600;
  line-height:2;
  letter-spacing:.055em;
  transition:transform .7s cubic-bezier(.18,.82,.22,1),opacity .42s ease;
}
.brand-intro__body{
  max-width:650px;
  margin:0;
  color:#5d5953;
  font-size:12px;
  line-height:2.15;
  transition:transform .7s cubic-bezier(.18,.82,.22,1),opacity .42s ease;
}
.brand-intro__origin-trigger{
  position:absolute;
  z-index:8;
  top:clamp(92px,12vh,132px);
  left:74%;
  width:58px;
  height:118px;
  padding:0;
  border:0;
  background:transparent;
  cursor:default;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  outline:none;
  transition:left .82s cubic-bezier(.16,.84,.18,1);
}
.brand-intro__origin-trigger::before{
  content:"";
  position:absolute;
  inset:12px 8px;
  border-radius:999px;
  background:rgba(232,93,42,0);
  filter:blur(10px);
  transition:background .35s ease;
}
.brand-intro__origin-trigger i{
  position:relative;
  display:block;
  width:3px;
  height:46px;
  background:var(--brand);
  box-shadow:0 0 0 rgba(232,93,42,0);
  transition:height .55s cubic-bezier(.18,.82,.22,1),box-shadow .35s ease,transform .55s cubic-bezier(.18,.82,.22,1);
}
.brand-intro__origin-trigger:hover::before,
.brand-intro__origin-trigger:focus-visible::before,
.brand-intro.is-origin-open .brand-intro__origin-trigger::before{
  background:rgba(232,93,42,.10);
}
.brand-intro__origin-trigger:hover i,
.brand-intro__origin-trigger:focus-visible i,
.brand-intro.is-origin-open .brand-intro__origin-trigger i{
  height:62px;
  box-shadow:0 0 18px rgba(232,93,42,.13);
}
.brand-intro__origin{
  position:relative;
  z-index:3;
  flex:0 0 0;
  width:0;
  min-width:0;
  margin-top:42px;
  padding:30px 0 30px 0;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  pointer-events:none;
  transform:translateX(30px);
  transition:flex-basis .82s cubic-bezier(.16,.84,.18,1),width .82s cubic-bezier(.16,.84,.18,1),padding-left .82s cubic-bezier(.16,.84,.18,1),opacity .34s ease .03s,transform .78s cubic-bezier(.16,.84,.18,1),visibility 0s linear .82s;
}
.brand-intro__origin::before{display:none}
.brand-intro__origin-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:34px;
  min-width:420px;
}
.brand-intro__origin-head span{
  color:#77716a;
  font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.18em;
}
.brand-intro__origin-head strong{font-size:11px;letter-spacing:.16em}
.brand-origin{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:12px;
  align-items:center;
  min-width:420px;
  padding:20px 0 25px;
  border-top:1px solid rgba(17,17,15,.11);
  border-bottom:1px solid rgba(17,17,15,.11);
}
.brand-origin__word b{
  display:block;
  margin-bottom:9px;
  font:700 clamp(15px,1.25vw,20px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.05em;
}
.brand-origin__word span{color:#77716a;font-size:10px;letter-spacing:.05em}
.brand-origin>i{color:var(--brand);font:400 17px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}
.brand-intro__origin-copy{min-width:420px;padding-top:28px}
.brand-intro__origin-copy strong{display:block;font-size:16px;line-height:1.9;letter-spacing:.045em}
.brand-intro__origin-copy p{margin:12px 0 0;color:#716c65;font-size:11px;line-height:1.9}

.brand-intro.is-origin-open .brand-intro__statement{
  flex:0 0 var(--origin-split);
  padding-right:clamp(38px,4vw,72px);
}
.brand-intro.is-origin-open .brand-intro__statement h1{
  font-size:clamp(50px,4.25vw,72px);
  line-height:1.08;
}
.brand-intro.is-origin-open .brand-intro__title-line--2{
  transform:translateX(0);
}
.brand-intro.is-origin-open .brand-intro__origin-trigger{
  left:var(--origin-split);
}
.brand-intro.is-origin-open .brand-intro__origin{
  flex:0 0 calc(100% - var(--origin-split));
  width:auto;
  padding-left:clamp(42px,4vw,68px);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition:flex-basis .82s cubic-bezier(.16,.84,.18,1),width .82s cubic-bezier(.16,.84,.18,1),padding-left .82s cubic-bezier(.16,.84,.18,1),opacity .42s ease .22s,transform .78s cubic-bezier(.16,.84,.18,1),visibility 0s linear 0s;
}
.brand-intro.is-origin-open .brand-intro__english,
.brand-intro.is-origin-open .brand-intro__lead,
.brand-intro.is-origin-open .brand-intro__body{
  transform:translateX(-2px);
}

@media(min-aspect-ratio:2/1){
  .brand-intro__scene-exact{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 100%);
  }
}
@media(min-aspect-ratio:2.7/1){
  .brand-intro__scene-fill{filter:blur(.8px)}
  .brand-intro__scene-exact{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 100%);
  }
}
@media(max-width:900px){
  .brand-intro__scene-fill{inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;filter:none}
  .brand-intro__scene-exact{display:none}
  .brand-intro__inner{padding:22px 0 28px;gap:18px}
  .brand-intro__topline span:last-child{display:none}
  .brand-intro__main{display:block;padding:18px 0 10px;transform:none}
  .brand-intro__statement,.brand-intro.is-origin-open .brand-intro__statement{padding-top:0;padding-right:0}
  .brand-intro__statement h1,.brand-intro.is-origin-open .brand-intro__statement h1{font-size:clamp(48px,11.5vw,78px);line-height:1.08}
  .brand-intro__title-line--2,.brand-intro.is-origin-open .brand-intro__title-line--2{transform:none}
  .brand-intro__origin-trigger{display:none}
  .brand-intro__english{margin:18px 0 28px}
  .brand-intro__desktop{display:none}
  .brand-intro__origin,.brand-intro.is-origin-open .brand-intro__origin{display:block;width:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto;padding:24px 0 20px 24px;margin-top:34px;overflow:visible}
  .brand-intro__origin-head{margin-bottom:22px;min-width:0}
  .brand-origin,.brand-intro__origin-copy{min-width:0}
}
@media(max-width:620px){
  .brand-intro{padding-top:var(--header-h)}
  .brand-intro__statement h1{font-size:50px;line-height:1.08}
  .brand-intro__lead{font-size:14px;line-height:1.9}
  .brand-intro__body{font-size:11px;line-height:2}
  .brand-origin{grid-template-columns:1fr auto 1fr;row-gap:18px}
  .brand-origin__word:last-child{grid-column:1/4}
  .brand-origin>i:nth-of-type(2){display:none}
  .brand-intro__origin-copy strong{font-size:14px}
}

body[data-page="top"] #news{
  min-height:calc(100svh - var(--header-h));
}

html.is-scroll-gliding{scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){
  html.is-scroll-gliding{scroll-behavior:auto!important}
}

.brand-intro__scene--static{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#f7f3ed}
@media (max-width:900px){
  .brand-intro__scene--static .brand-intro__scene-fill{object-fit:cover;object-position:68% center}
  .brand-intro__scene--static .brand-intro__scene-exact{display:none}
}

body[data-page="top"] .site-header{border-bottom-color:transparent!important;}
body[data-page="top"] .site-header.is-solid{border-bottom-color:transparent!important;}

body[data-page="top"] .site-header{box-shadow:none!important;}
body[data-page="top"] .home-hero{position:relative;z-index:1;overflow:hidden;background:#090b0c;}
body[data-page="top"] #news{position:relative;z-index:2;margin-top:0;background:var(--paper);box-shadow:none;}