*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{color:#152131;-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}:is(a:focus-visible,summary:focus-visible){outline-offset:6px;outline:3px solid #3167df}header,main,footer{width:min(1240px,100% - 96px);margin:auto}header{border-bottom:1px solid #dde3e9;justify-content:space-between;align-items:center;height:110px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:720;display:flex}.brandmark{color:#235ce0;place-items:center;width:34px;height:36px;font-size:32px;display:grid;position:relative}.brandmark span{font-size:9px;position:absolute;bottom:0;right:0}.studio{color:#6d7887;letter-spacing:2px;margin-left:10px;font-size:12px;font-weight:500}nav a{font-size:14px}nav span{color:#6c7a8a;margin-left:12px;font-size:12px}.intro{padding:76px 0 65px;position:relative;overflow:hidden}.eyebrow{letter-spacing:2.5px;color:#526277;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.eyebrow>span{background:#2463df;border-radius:50%;width:7px;height:7px}h1{letter-spacing:-4px;z-index:1;margin:30px 0 28px;font-size:clamp(48px,6.7vw,88px);font-weight:650;line-height:1.2;position:relative}.blue{color:#2b60d7}.intro-bottom{z-index:1;justify-content:space-between;align-items:end;display:flex;position:relative}.intro-bottom p{color:#5f6b7a;margin:0;font-size:17px;line-height:1.9}.browse{border-bottom:1px solid #8795a9;align-items:center;gap:30px;padding-bottom:12px;font-size:14px;display:flex}.browse span{font-size:30px}.intro-number{color:#eaf0fa;letter-spacing:-35px;pointer-events:none;font-size:350px;font-weight:750;line-height:1;position:absolute;top:32px;right:26px}.section-heading{border-top:1px solid #dce2ea;justify-content:space-between;align-items:center;padding:27px 0;display:flex}.section-heading h2{margin:0;font-size:18px;font-weight:600}.section-heading>span{color:#718094;font-size:14px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.work{background:#fff;border:1px solid #e1e6ee;border-radius:18px;overflow:hidden}.art{background:#e8eefb;justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.reader .art{background:#e6f2f2}.net .art{background:#eeeafb}.art-no{color:#566881;z-index:2;font-size:12px;position:absolute;top:22px;left:24px}.art img{object-fit:contain;z-index:1;filter:drop-shadow(0 16px 16px #253c5524);width:145px;height:145px;transition:transform .3s}.work:hover .art img{transform:translateY(-5px)}.reader .art img{clip-path:inset(1.8% round 28%)}.orbit{border:1px solid #ffffffb0;border-radius:50%;width:230px;height:230px;position:absolute}.orbit:after{content:"";border:1px solid #ffffff80;border-radius:50%;position:absolute;inset:-38px}.art-word{color:#ffffffa8;letter-spacing:-3px;font-size:58px;font-weight:750;position:absolute;bottom:-8px;left:18px}.work-copy{padding:28px 26px}.product-family{letter-spacing:2px;color:#7b8899;margin:0 0 7px;font-size:11px}.work h3{letter-spacing:-1px;margin:0 0 24px;font-size:32px;font-weight:650}.work h4{margin:0 0 12px;font-size:18px;font-weight:600}.description{color:#667386;min-height:58px;margin:0 0 25px;font-size:15px;line-height:1.9}details{border-top:1px solid #e4e9ef}summary{cursor:pointer;justify-content:space-between;align-items:center;padding-top:20px;font-size:14px;font-weight:550;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:#62738c;font-size:22px}details[open] summary span{transform:rotate(45deg)}details ul{color:#536278;padding-left:20px;font-size:14px;line-height:1.9}.platform{color:#738094;font-size:12px;line-height:1.7}.more{align-items:center;gap:25px;margin:42px 0 24px;padding:40px 0;display:flex}.plus{color:#7587a2;border:1px dashed #b7c3d3;border-radius:16px;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:30px;display:grid}.more h2{margin:0 0 9px;font-size:20px;font-weight:550}.more p{color:#6c7b8e;margin:0;font-size:14px;line-height:1.8}.more-label{letter-spacing:2px;color:#78879b;margin-left:auto;font-size:11px}footer{border-top:1px solid #dce2ea;align-items:center;gap:30px;padding:28px 0 38px;display:flex}.footer-brand{font-size:18px;font-weight:650}footer p,footer>span{color:#788597;font-size:12px}footer>span{margin-left:auto}.skip{z-index:5;background:#fff;padding:12px;position:absolute;top:-100px}.skip:focus{top:10px}@media (max-width:900px){header,main,footer{width:calc(100% - 48px)}.works-grid{gap:14px}.work-copy{padding:24px 18px}.art{height:225px}.art img{width:125px;height:125px}.art-word{font-size:43px}.intro-number{font-size:290px;top:72px;right:0}.studio,.more-label{display:none}}@media (max-width:680px){header{height:82px}.brand{font-size:22px}.intro{padding:48px 0 42px}.intro-number{opacity:.6;font-size:210px;top:95px;right:0}h1{letter-spacing:-2px;margin:28px 0}.intro-bottom{gap:20px}.intro-bottom p{font-size:15px}.browse{white-space:nowrap;gap:12px}.works-grid{grid-template-columns:1fr;gap:24px}.art{height:260px}.art img{width:160px;height:160px}.art-word{font-size:65px}.work-copy{padding:28px}.description{min-height:0}.section-heading>span{font-size:12px}.more{gap:16px;margin:20px 0;padding:25px 0}.more h2{font-size:17px}.more p{font-size:13px}footer{flex-wrap:wrap;gap:12px}footer p{display:none}.eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}header>nav{align-items:center;gap:24px;display:flex}.language-picker{position:relative}.language-picker select{font:inherit;color:#152131;cursor:pointer;background:#fff;border:1px solid #d7dfea;border-radius:9px;max-width:100%;min-height:44px;padding:10px 12px;font-size:14px}.language-picker select:focus-visible{outline-offset:3px;outline:3px solid #3167df}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-email{flex-direction:column;gap:7px;display:flex}.contact-email>span{color:#667386;font-size:12px}.contact-email a{color:#285ed8;overflow-wrap:anywhere;font-size:14px}.contact-email a:hover{text-decoration:underline}html[lang=en] h1,html[lang=fr] h1{letter-spacing:-2px;font-size:clamp(42px,6vw,78px)}html[lang=ja] h1{letter-spacing:-2px;font-size:clamp(38px,5.5vw,72px)}.art-no{line-height:1.5;right:20px}footer{flex-wrap:wrap}@media (max-width:680px){header{flex-wrap:wrap;gap:18px;height:auto;min-height:100px;padding:20px 0}header>nav{flex-wrap:wrap;gap:16px}.section-heading{align-items:start;gap:16px}.section-heading>span{text-align:right;max-width:50%}.intro-bottom{flex-wrap:wrap}.contact-email{order:3;width:100%;padding-top:10px}.more{align-items:start}html[lang=ja] h1{font-size:clamp(30px,7.5vw,48px)}}html:not([lang^=zh]):not([lang=ja]):not([lang=ko]) h1{letter-spacing:-1px;font-size:clamp(38px,5.5vw,74px);line-height:1.3}html[lang=vi] h1{line-height:1.5}html[lang=ko] h1{font-size:clamp(38px,5.5vw,72px)}.work-copy{overflow-wrap:anywhere}