:root{--ink:#082b2d;--green:#00bca8;--ice:#e8f6f3;--line:#c8dcd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid #008bff;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.header{height:84px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand strong{font-size:24px;font-weight:950;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.desktop-nav{display:flex;gap:30px;font-size:11px;font-weight:800;letter-spacing:1px}.desktop-nav a:hover{color:#009c89}.menu-button{padding:14px 21px;background:var(--ink);color:white;font-size:11px;letter-spacing:2px}.menu-button span{padding-left:20px}.hero{height:calc(100svh - 84px);min-height:660px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 30%,#ebf9f7 80%)}.hero-word{position:absolute;font-size:35vw;line-height:1;font-weight:950;color:#d9efea;right:-1%;top:1%;letter-spacing:-30px;transform:skew(-10deg);z-index:-1}.hero-line{position:absolute;inset:0;background:linear-gradient(125deg,transparent 67%,#04bea9 67.1%,#04bea9 68%,transparent 68.1%);z-index:-1}.hero-copy{position:absolute;left:4%;top:15%;width:39%;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;margin:0 0 25px}.hero h1{margin:0 0 24px}.hero h1 img{mix-blend-mode:multiply;width:100%}.hero-tagline{font-size:clamp(23px,2.4vw,38px);font-weight:900;line-height:1.65;letter-spacing:.15em;margin:20px 0 28px}.arrow-link{display:inline-flex;align-items:center;gap:30px;background:transparent;border-bottom:1px solid currentColor;padding:16px 0;font-size:13px;font-weight:700}.arrow-link span{font-size:22px}.arrow-link:hover{color:#00a18c}.hero-figures{position:absolute;inset:1% -2% 6% 39%;mix-blend-mode:multiply}.hero-figures img{position:absolute;object-fit:contain;height:100%;width:66%;mix-blend-mode:multiply}.hero-x{left:-2%;z-index:2;transform:rotate(-3deg)}.hero-z{right:-3%;top:8%;height:91%!important}.hero-bottom{position:absolute;bottom:0;left:4%;right:4%;height:55px;border-top:1px solid #082b2d44;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;font-weight:bold}.ribbon{overflow:hidden;background:var(--ink);color:#9dfbe4;padding:19px 0;font-size:19px;font-weight:900;letter-spacing:4px;white-space:nowrap}.ribbon span{display:block;width:max-content;animation:marquee 30s linear infinite}.ribbon b{margin:0 36px;color:#01c7a5}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:95px max(6%,calc((100% - 1180px)/2))}.heading h2{font-size:clamp(38px,5.5vw,76px);font-weight:950;letter-spacing:-3px;line-height:1.05;margin:0}.heading h2 span{display:block;font-size:13px;font-weight:600;letter-spacing:3px;margin-top:17px}.news{display:grid;grid-template-columns:1fr 2.2fr;gap:60px}.news .heading h2{font-size:48px}.news-list a{display:grid;grid-template-columns:100px 100px 1fr 20px;gap:14px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);font-size:12px}.news-list a:first-child{border-top:1px solid var(--line)}.news-list a:hover strong{color:#009987}.news-list time{font-size:11px}.category{font-size:9px;color:#008576;letter-spacing:1px}.intro{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative}.intro .heading h2{font-size:clamp(48px,6vw,80px);line-height:1.5;letter-spacing:.03em}.intro em{color:#65e6cd;font-style:normal}.intro-copy p{font-size:14px;line-height:2.3}.intro-copy .large-copy{font-size:24px;line-height:1.8;font-weight:bold;margin-top:0}.intro .eyebrow{color:#71d6c6}.heroes{background:#f3f9f7}.heroes-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:45px}.heroes-heading>p{font-size:13px}.hero-selector{display:grid;grid-template-columns:1fr 1fr;margin:0 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-selector button{background:transparent;text-align:left;padding:22px 30px;font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:24px}.hero-selector b{font-size:36px}.hero-selector span{margin-left:auto}.hero-selector [aria-selected=true]{background:var(--ink);color:#8bf3d8}.profile{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;padding-top:40px;padding-bottom:75px}.profile-visual{height:660px;position:relative;isolation:isolate}.profile-visual>span{font-size:580px;line-height:1;position:absolute;left:-5%;bottom:0;color:#d6eee6;font-weight:950;z-index:-1}.profile-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.profile-copy h3{font-size:clamp(23px,3vw,39px);margin:0 0 15px}.profile-en{font-size:12px;letter-spacing:3px;color:#008576;margin:0 0 35px}.profile-copy>p:not(.eyebrow):not(.profile-en){font-size:14px;line-height:2.1}dl{margin:35px 0 15px}dl>div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:18px 0;font-size:12px}dt{font-size:10px;letter-spacing:2px}dd{margin:0}.timeline{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.timeline article{border-top:3px solid var(--ink);padding-top:25px}.timeline article>span{font-size:11px;color:#008576}.timeline h3{font-size:65px;letter-spacing:-3px;margin:12px 0 25px}.timeline h4{font-size:18px}.timeline p{font-size:13px;line-height:2}.gallery{background:var(--ink);color:white}.gallery .eyebrow{color:#7be0ca}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px;align-items:start}.gallery button{padding:0;background:white;display:block;text-align:left;color:var(--ink);overflow:hidden}.gallery button img{transition:transform .4s}.gallery button:hover img{transform:scale(1.025)}.gallery button span{display:flex;justify-content:space-between;padding:15px 20px;font-size:10px;font-weight:bold;letter-spacing:2px;background:white;position:relative}.gallery-poster{width:100%}.gallery-message{font-size:clamp(30px,3.2vw,46px);font-weight:800;line-height:1.6;margin:0 0 22px}.gallery-side>p:not(.gallery-message){font-size:13px;line-height:2}.download{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#75ebd1;color:#082b2d;font-size:13px;font-weight:bold;margin-top:30px}.download:hover{background:#b2ffed}.gallery-side>small{font-size:10px;color:#b1cdc9;display:block;margin-top:12px}.gallery-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.gallery-thumbs img{height:230px;width:100%;object-fit:contain}.logo-preview{margin-top:20px;width:100%}.logo-preview img{height:140px;object-fit:contain;margin:auto}.credits{text-align:center}.credits>img{width:420px;max-width:80%;margin:0 auto 35px}.credits>p{font-size:13px}.credits .production{font-size:15px;font-weight:bold;line-height:1.9;margin:25px 0}.small{font-size:10px!important;color:#607777}footer{background:#eef5f3;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;line-height:1.9}footer button{background:transparent;font-size:10px}dialog{border:0;padding:60px 30px 30px;max-width:90vw;max-height:92svh;color:var(--ink)}dialog::backdrop{background:#001c25dd;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:15px;background:var(--ink);color:white;padding:10px 17px;font-size:12px}#lightbox{text-align:center;background:#f4f8f7}#lightbox img{max-height:71svh;max-width:80vw;object-fit:contain;margin:auto}#lightbox p,#lightbox a{font-size:12px}#lightbox a{text-decoration:underline}.menu-dialog{width:660px;padding:65px 55px}.menu-dialog nav a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;font-size:27px;font-weight:900}.menu-dialog small{font-size:11px;font-weight:400}#install-guide{width:500px;font-size:14px;line-height:2}.paused *, .paused *:before,.paused *:after{animation:none!important;scroll-behavior:auto!important}body.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon span{animation:none}.gallery button img{transition:none}}@media(max-width:1000px){.desktop-nav{gap:17px;font-size:9px}.hero-copy{top:17%}.hero-tagline{font-size:25px}.news{grid-template-columns:1fr;gap:35px}.profile-visual{height:520px}.profile-visual>span{font-size:450px}.gallery-thumbs img{height:190px}.timeline{gap:25px}}@media(max-width:700px){html{scroll-padding-top:65px}.header{height:65px;padding:0 5%}.brand strong{font-size:20px}.brand small{font-size:8px;letter-spacing:1.5px}.desktop-nav{display:none}.menu-button{padding:12px 15px;font-size:9px}.hero{min-height:840px;height:calc(100svh - 65px);max-height:1000px;background:linear-gradient(160deg,white,#e8f7f2)}.hero-copy{top:3%;left:5%;width:90%;text-align:center;pointer-events:none}.hero-copy .eyebrow{font-size:8px;margin-bottom:10px}.hero h1{margin:0 auto;width:70%}.hero-tagline{position:absolute;top:250px;left:0;writing-mode:vertical-rl;text-align:left;font-size:23px;line-height:1.7;letter-spacing:4px;margin:0}.hero-copy .arrow-link{position:absolute;top:690px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:auto;font-size:12px}.hero-figures{inset:205px -7% 120px 14%}.hero-figures img{width:72%;height:100%;object-fit:contain}.hero-x{left:-6%}.hero-z{right:-6%;top:4%;height:96%!important}.hero-word{font-size:80vw;top:31%;right:0;letter-spacing:-20px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.ribbon{font-size:14px;padding:15px 0}.section{padding:65px 6%}.heading h2{font-size:43px;letter-spacing:-2px}.heading h2 span{font-size:11px}.news-list a{grid-template-columns:80px 1fr 20px;gap:10px;padding:20px 0}.news-list strong{grid-column:1/3;grid-row:2;font-size:12px;line-height:1.7}.news-list a>span:last-child{grid-column:3;grid-row:1/3}.intro{grid-template-columns:1fr;gap:35px}.intro .heading h2{font-size:48px;line-height:1.3}.intro-copy .large-copy{font-size:22px}.heroes-heading{padding-bottom:30px}.heroes-heading>p{display:none}.hero-selector button{padding:16px 12px;gap:12px;letter-spacing:0;font-size:9px}.hero-selector b{font-size:28px}.profile{grid-template-columns:1fr;gap:20px;padding-top:30px}.profile-visual{height:480px}.profile-visual>span{font-size:460px;left:0}.profile-copy{padding-top:12px}.profile-copy h3{font-size:30px}.timeline{grid-template-columns:1fr;gap:35px;margin-top:40px}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:0 22px}.timeline article>span{grid-column:1}.timeline h3{font-size:40px;grid-column:1;grid-row:2;margin:12px 0}.timeline h4{grid-column:2;grid-row:1/3;font-size:16px;align-self:center}.timeline p{grid-column:1/3;margin-bottom:0}.gallery-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.gallery-poster{max-width:420px;margin:auto}.gallery-message{font-size:36px}.gallery-thumbs img{height:210px}.credits>img{max-width:100%}footer{flex-wrap:wrap;font-size:8px;padding:25px 6%}footer p{width:100%}.menu-dialog{padding:65px 25px 25px}.menu-dialog nav a{font-size:21px}.menu-dialog small{font-size:10px}}
/* Preserve supplied artwork aspect ratios. */
h1 img,.credits>img{height:auto}.hero-figures img{width:57%}.hero-x{left:0}.hero-z{right:0;top:12%;height:86%!important}
@media(max-width:700px){.hero-figures img{width:64%}.hero-x{left:-3%}.hero-z{right:-3%;top:12%;height:85%!important}}
/* v2.2: responsive hero composition */
@media(max-width:700px){
 .hero{height:auto;min-height:0;max-height:none;padding:24px 0 64px;display:flex;flex-direction:column;overflow:hidden}
 .hero-copy{position:relative;inset:auto;width:100%;padding:0 5%;text-align:center;pointer-events:auto;order:0}
 .hero h1{width:min(86%,410px);margin:0 auto 14px}
 .hero h1 img{width:100%;height:auto}
 .hero-tagline{position:static;writing-mode:horizontal-tb;text-align:center;font-size:clamp(18px,5vw,25px);line-height:1.6;letter-spacing:.04em;margin:8px auto 12px;overflow-wrap:anywhere}
 .hero-figures{position:relative;inset:auto;width:100%;height:clamp(290px,112vw,520px);order:1;mix-blend-mode:normal}
 .hero-figures img{height:100%!important;width:65%;object-fit:contain;object-position:center bottom}
 .hero-x{left:0;top:0;transform:none}.hero-z{right:-1%;top:4%;height:93%!important}
 .hero-copy .arrow-link{position:static;transform:none;display:inline-flex;margin:0 auto 6px;font-size:12px}
 .hero-word{top:36%;font-size:65vw;letter-spacing:-.09em;white-space:nowrap}
 .hero-bottom{position:relative;inset:auto;order:2;margin:15px 5% 0;height:45px;min-height:45px}
 .ribbon{font-size:clamp(12px,3.2vw,17px)}
}
@media(max-width:380px){.hero-figures{height:105vw}.hero-figures img{width:68%}.hero-tagline{font-size:18px}}
.related-links{background:#f0faf7;padding:64px 6%;text-align:center}.related-links h2{font-size:clamp(26px,5vw,42px);margin:0 0 12px}.related-links p{font-size:13px;line-height:1.8}.related-links .related-grid{max-width:960px;margin:28px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-links .related-card{display:block;background:white;border:1px solid #b7d9d1;padding:24px;text-align:left;min-width:0}.related-links .related-card strong{display:block;font-size:18px}.related-links .related-card small{display:block;margin-top:12px;color:#47635f}.related-links .related-card:not([href]){opacity:.65;cursor:default}@media(max-width:600px){.related-links .related-grid{grid-template-columns:1fr}}

/* v2.4: Z in foreground without changing its coordinates */
.hero-figures .hero-z{z-index:5!important;position:absolute}
.hero-figures .hero-x{z-index:2!important}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px;align-items:start;background:#082b2d;color:#e6f6f2;padding:48px max(6%,calc((100% - 1180px)/2));font-size:12px}
.footer-identity{display:flex;flex-direction:column;gap:12px}.footer-identity strong{font-size:27px;letter-spacing:-.04em}.footer-identity span{line-height:1.7}.footer-legal p{margin:0 0 14px}.footer-legal nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0}.footer-legal nav a{text-decoration:underline;text-underline-offset:4px}.footer-legal button{color:inherit;padding:8px 0}.related-links{padding:65px 6%;background:#f1f8f6}.related-links h2{font-size:clamp(25px,4vw,42px)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.related-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:white;border:1px solid #c8dcd7}.related-card small{color:#52746e}@media(max-width:700px){.site-footer{grid-template-columns:1fr;padding:38px 6%;gap:28px}.related-grid{grid-template-columns:1fr}}

/* v2.5: compositing transparent hero artwork without multiply darkening */
.hero-figures,.hero-figures img{mix-blend-mode:normal!important}
.hero-figures .hero-x{z-index:2!important}
.hero-figures .hero-z{z-index:5!important}