:root{--blue:#1749ee;--paper:#f4f4ef;--accent:#d9ff64}body{font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.hero{background:var(--blue);color:var(--paper)}.hero h1.editorial-type{font-size:clamp(85px,12.6vw,205px);font-weight:900;letter-spacing:-.07em;width:90%;line-height:1.05;top:48%;z-index:2}.type-first{letter-spacing:-.06em}.type-second{margin-left:.55em;margin-top:.14em}.type-small{font-size:.37em}.type-dot{display:inline-block;animation:punctuation 5s ease-in-out infinite}.hero-mark{position:absolute;right:6%;top:15%;font-size:clamp(90px,13vw,210px);font-weight:400;color:var(--accent);line-height:1;animation:turn 24s linear infinite}.hero .topline,.hero .bottomline{font-size:12px}.type-play{background:var(--accent);color:#111;min-height:720px}.type-play .title{top:27%;left:5%}.type-play .title h2{font-weight:900;font-size:clamp(130px,23vw,360px);letter-spacing:-.08em;line-height:.8}.type-play .title i{color:var(--blue)}.type-play .title p{font-size:30px;margin-top:45px}.type-play .play-ghost{position:absolute;top:8%;left:5%;font-size:clamp(100px,20vw,320px);font-weight:900;letter-spacing:-.08em;line-height:.8;color:transparent;-webkit-text-stroke:1px #1114;transform:translateX(var(--type-shift,0px));white-space:nowrap}.type-play .bottomline{font-size:16px}.type-play .link{font-size:14px}.ticker{overflow:hidden;background:#111;color:var(--paper);padding:25px 0;border-block:1px solid #fff3}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite;font-size:clamp(45px,7vw,110px);font-weight:800;letter-spacing:-.045em;line-height:1}.ticker-track span{padding-right:50px}.ticker b{color:var(--accent);font-weight:400}.learn{background:#f4f4ef}.learn h2{font-weight:900;color:var(--blue);font-size:clamp(90px,17vw,270px)}.learn i{color:#111}.question-stage{height:55svh;min-height:350px;position:relative;margin:40px 0 60px;border-block:1px solid #1114;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.question-stage .why{font-size:clamp(65px,10vw,160px);font-weight:900;letter-spacing:-.08em;line-height:1.1;position:relative;z-index:1}.question-stage .question{font-size:clamp(230px,32vw,500px);font-weight:900;color:var(--blue);line-height:.9;transform:rotate(12deg);animation:question 8s ease-in-out infinite}.question-stage small{position:absolute;bottom:20px;font-size:12px;letter-spacing:.12em}.learn .split>p{font-size:25px}.real .title h2,.projects h2{font-weight:900}.about h2{font-weight:900}.about em{color:var(--blue)}.detail-page .detail-hero.type-about{background:var(--blue)}.detail-hero.type-about:after{display:none}.type-about h1{font-weight:900}.type-about .type-watermark{position:absolute;right:4%;top:7%;font-size:18vw;color:var(--accent);line-height:1}.type-about>div{z-index:1}.eyebrow,.topline,.bottomline,.controls span,.frame small,.brand small,aside>small,#motion{font-size:12px}nav a{font-size:12px}.brand small{font-size:9px}.split details,.about-copy,details{font-size:16px}.link,.pill,.frame p,.contact-bottom{font-size:14px}.paused .ticker-track,.paused .question,.paused .hero-mark,.paused .type-dot{animation-play-state:paused!important}@keyframes turn{to{transform:rotate(360deg)}}@keyframes punctuation{50%{transform:translateY(-.07em)}}@keyframes question{50%{transform:rotate(-7deg) translateY(-8px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.hero h1.editorial-type{font-size:18vw;width:90%;left:6%;top:49%}.type-second{margin-left:0;margin-top:.24em}.hero-mark{top:19%;right:9%;font-size:23vw}.hero .topline{font-size:10px}.hero .bottomline{font-size:10px}.type-play{min-height:600px}.type-play .title{top:35%;left:7%}.type-play .title h2{font-size:35vw}.type-play .play-ghost{font-size:34vw;top:21%;left:7%}.type-play .title p{font-size:25px}.type-play .bottomline{font-size:14px}.learn h2{font-size:24vw}.question-stage{height:45svh;min-height:300px;margin:35px 0}.question-stage .why{font-size:16vw}.question-stage .question{font-size:48vw;position:absolute;right:0;opacity:.2}.question-stage small{font-size:10px}.ticker{padding:22px 0}.type-about .type-watermark{font-size:35vw;top:10%}.topline{font-size:10px}.contact-bottom{font-size:14px}}@media(prefers-reduced-motion:reduce){.ticker-track,.question,.hero-mark,.type-dot{animation:none!important}.play-ghost{transform:none!important}}
.pillar-contact{display:flex;flex-wrap:wrap;gap:14px 30px;padding:30px 0 8px}.pillar-contact a{font-size:14px;border-bottom:1px solid #111;padding:12px 0}nav a{line-height:1.6}
