:root{--blue:#142fc4;--yellow:#f5e91f;--paper:#f5f3eb;--ink:#101a75;--black:#111;--white:#fff;--pad:clamp(22px,5.8vw,92px);--sans:"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px;background:var(--paper);overflow-x:clip}body{margin:0;background:var(--paper);color:var(--blue);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}body,a,button,input,textarea{color:inherit}a{text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}figure,h1,h2,h3,p,blockquote{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:var(--blue);color:var(--yellow)}.skip-link{position:fixed;z-index:100;left:15px;top:-80px;padding:13px 18px;background:var(--yellow);color:var(--blue)}.skip-link:focus{top:12px}.progress{position:fixed;z-index:80;inset:0 0 auto;height:4px;background:transparent;pointer-events:none}.progress span{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.site-header{position:fixed;z-index:40;inset:0 0 auto;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);background:var(--blue);color:#fff;border-bottom:1px solid rgb(255 255 255/.28);transition:height .3s,background .3s}.site-header.is-scrolled{height:62px;background:rgb(20 47 196/.94);backdrop-filter:blur(14px)}.brand{justify-self:start;font-size:30px;font-weight:800;letter-spacing:-.08em}.brand span{font-size:13px;margin-left:4px;vertical-align:top}.site-header>p{font-size:8px;line-height:1.55;letter-spacing:.16em;text-align:center}.site-header nav{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.7vw,43px)}.site-header nav a{font-size:11px;letter-spacing:.05em}.site-header nav>a:not(.header-cta){opacity:.72;transition:opacity .2s}.site-header nav>a:not(.header-cta):hover{opacity:1}.header-cta{padding:9px 0;border-bottom:1px solid}.header-cta span{display:inline-block;margin-left:21px;transition:transform .25s}.header-cta:hover span{transform:translate(3px,-3px)}
.hero{position:relative;isolation:isolate;min-height:max(760px,100svh);padding:110px var(--pad) 38px;background:var(--yellow);display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:28px 1fr 150px;overflow:hidden}.hero-grid{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgb(20 47 196/.12) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgb(20 47 196/.11) 50%,transparent 50.1%);background-size:25% 25%;opacity:.55}.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.hero h1{z-index:3;grid-column:1/-1;grid-row:2;align-self:center;width:max-content;font-size:clamp(115px,16.5vw,250px);line-height:.72;letter-spacing:-.095em;font-weight:800;transform:rotate(-5deg);pointer-events:none}.hero h1 span{display:block;animation:name-in .75s calc(.1s + var(--i)*.11s) cubic-bezier(.2,.8,.2,1) both}.hero-photo{--px:0px;--py:0px;position:absolute;z-index:1;right:6vw;top:15%;width:min(45vw,630px);height:76%;overflow:hidden;transform:translate(var(--px),var(--py)) rotate(1.5deg);clip-path:polygon(8% 0,100% 3%,94% 100%,0 96%);box-shadow:18px 20px 0 var(--blue);transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:photo-pop .9s .16s both}.hero-photo img{object-position:center 20%;filter:saturate(1.06) contrast(1.02)}.orbit-sticker{position:absolute;z-index:5;right:3.8vw;top:12%;width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:var(--yellow);animation:spin 13s linear infinite}.orbit-sticker span{position:absolute;inset:10px;font-size:8px;line-height:1.2;letter-spacing:.16em;text-align:center;transform:rotate(-16deg)}.orbit-sticker b{font-size:27px}.hero-vertical{position:absolute;z-index:4;right:18px;bottom:40px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.17em}.hero-copy{position:relative;z-index:6;grid-column:1;grid-row:3;align-self:end}.hero-copy>span{font-size:12px;font-weight:600}.hero-copy>p{margin-top:14px;font-size:19px;line-height:1.7;font-weight:700}.hero-copy>a{display:flex;justify-content:space-between;width:min(240px,100%);margin-top:19px;padding:11px 0;border-bottom:2px solid;font-size:11px;font-weight:700;letter-spacing:.06em}.hero-copy>a b{font-size:16px;transition:transform .25s}.hero-copy>a:hover b{transform:translate(4px,4px)}.hero-counter{position:absolute;z-index:6;right:var(--pad);bottom:31px;display:flex;align-items:baseline;gap:7px}.hero-counter b{font-size:58px;line-height:1;letter-spacing:-.07em}.hero-counter span{font-size:10px}
.marquee{overflow:hidden;background:var(--blue);color:var(--yellow);border-block:2px solid var(--blue)}.marquee>div{display:flex;align-items:center;gap:28px;width:max-content;padding:16px 0;font-size:19px;font-weight:800;letter-spacing:-.03em;animation:marquee 18s linear infinite}.marquee span{white-space:nowrap}.marquee i{font-style:normal;font-size:16px}
.section{position:relative;padding:clamp(85px,9vw,145px) var(--pad)}.section-label{display:flex;gap:16px;margin-bottom:clamp(38px,5vw,73px);font-size:10px;font-weight:700;letter-spacing:.14em}.section-label span{display:grid;place-items:center;width:24px;height:24px;border:1px solid;border-radius:50%;margin-top:-6px}h2{font-size:clamp(50px,6.3vw,96px);line-height:1.08;letter-spacing:-.07em;font-weight:800}h2 em{font-style:normal;color:var(--yellow)}
.about{display:grid;grid-template-columns:.85fr .75fr 1fr;gap:0 clamp(34px,5vw,80px);background:var(--blue);color:#fff}.about>.section-label{grid-column:1/-1}.about-title{grid-column:1/3}.about-title>p{margin-bottom:22px;font-size:9px;line-height:1.6;letter-spacing:.16em;color:var(--yellow)}.about-poster{--rx:0deg;--ry:0deg;position:relative;grid-column:3;grid-row:2/4;align-self:center;padding:12px 12px 42px;background:var(--yellow);color:var(--blue);transform:rotate(5deg) perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:center;box-shadow:16px 18px 0 #061b92;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.poster-frame{height:min(48vw,600px);overflow:hidden}.poster-frame img{object-position:center 20%}.about-poster>span{position:absolute;left:13px;bottom:11px;font-size:8px;line-height:1.45;letter-spacing:.1em;font-weight:700}.about-poster>b{position:absolute;right:-15px;top:-35px;font-size:70px;line-height:1;letter-spacing:-.08em}.about-copy{grid-column:2;grid-row:3;margin-top:55px}.about-copy p{margin-bottom:19px;font-size:15px;line-height:2}.about-copy .lead{font-size:19px;line-height:1.75;font-weight:700;color:var(--yellow)}.about-copy strong{font-weight:700}.about-copy a{display:flex;justify-content:space-between;margin-top:28px;padding:11px 0;border-bottom:1px solid;font-size:10px;font-weight:700;letter-spacing:.08em}.about-copy a span{transition:transform .25s}.about-copy a:hover span{transform:translate(3px,-3px)}.about-side{grid-column:1;grid-row:3;align-self:end;padding-bottom:8px;font-size:clamp(23px,2.8vw,44px);line-height:.92;letter-spacing:-.055em;font-weight:800;color:var(--yellow);max-width:300px}
.proof{background:var(--yellow);color:var(--blue)}.proof-title{display:flex;align-items:end;justify-content:space-between;gap:40px}.proof-title h2 em{color:var(--blue);-webkit-text-stroke:1.5px var(--blue);-webkit-text-fill-color:transparent}.proof-title>p{flex:0 0 auto;font-size:13px;line-height:1.9;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.stat-grid article{position:relative;min-width:0;min-height:260px;padding:18px 20px 21px;border:2px solid var(--blue);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s,transform .25s}.stat-grid article:nth-child(2){background:var(--blue);color:var(--yellow);transform:translateY(26px)}.stat-grid article:hover{background:var(--blue);color:var(--yellow);transform:translateY(-8px) rotate(-1deg)}.stat-grid article:nth-child(2):hover{background:var(--paper);color:var(--blue);transform:translateY(18px) rotate(1deg)}.stat-grid article>span{font-size:9px;letter-spacing:.16em;font-weight:700}.stat-grid strong{font-size:clamp(68px,8.2vw,125px);line-height:.9;letter-spacing:-.08em;font-weight:800}.stat-grid strong small{font-size:.45em}.stat-grid p{font-size:11px;font-weight:600}.partner-line{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:20px;align-items:center;margin-top:85px;padding-top:24px;border-top:2px solid}.partner-line span{font-size:9px;letter-spacing:.13em}.partner-line b{font-size:clamp(15px,1.7vw,24px);letter-spacing:-.05em}.sample-note{margin-top:23px;font-size:9px;line-height:1.7;opacity:.65}
.works{background:var(--paper)}.works-intro{padding-bottom:70px}.works-title{display:flex;align-items:end;justify-content:space-between;gap:40px}.works-title h2{font-size:clamp(92px,13vw,198px);line-height:.72;transform:rotate(-3deg)}.works-title h2 em{color:var(--blue);-webkit-text-stroke:2px var(--blue);-webkit-text-fill-color:transparent}.works-title>p{flex:0 0 auto;font-size:13px;line-height:1.9}.work-board{display:grid;grid-template-columns:1.12fr .9fr .83fr;align-items:start;gap:clamp(18px,2.6vw,42px);padding:25px var(--pad) clamp(100px,11vw,170px);background:linear-gradient(90deg,var(--yellow) 0 34%,var(--blue) 34% 67%,#e8e5dc 67%)}.work-card{--rx:0deg;--ry:0deg;position:relative;padding:13px 13px 25px;background:var(--paper);color:var(--blue);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s;box-shadow:10px 12px 0 rgb(0 0 0/.12)}.work-card:hover{box-shadow:16px 18px 0 rgb(0 0 0/.16)}.work-card figure{overflow:hidden}.work-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-card:hover img{transform:scale(1.035)}.work-no{position:absolute;z-index:2;left:-13px;top:-38px;font-size:65px;line-height:1;font-weight:800;letter-spacing:-.09em}.work-card>div{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.work-card b{font-size:11px}.work-card p{font-size:9px}.card-one{transform:rotate(-3deg) perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.card-one figure{height:min(51vw,680px)}.card-one img{object-position:center 18%}.card-two{margin-top:110px;background:var(--yellow);transform:rotate(2.3deg) perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.card-two figure{height:min(35vw,470px)}.card-three{margin-top:210px;background:var(--blue);color:var(--yellow);transform:rotate(-2deg) perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.card-three figure{height:min(31vw,420px)}.philosophy{background:var(--blue);color:#fff;min-height:650px;display:grid;grid-template-columns:.4fr 1.4fr .45fr;align-items:center;gap:30px;overflow:hidden}.philosophy:before{content:'✦';position:absolute;right:-.1em;top:-.35em;font-size:clamp(260px,37vw,560px);line-height:1;color:var(--yellow);opacity:.12;transform:rotate(16deg)}.philosophy-label{font-size:9px;letter-spacing:.16em;color:var(--yellow)}.philosophy blockquote{position:relative;z-index:1;font-size:clamp(49px,7vw,106px);line-height:1.18;letter-spacing:-.065em;font-weight:800}.philosophy blockquote em{font-style:normal;color:var(--yellow)}.philosophy>span{align-self:end;padding-bottom:10px;font-size:8px;line-height:1.6;letter-spacing:.14em}
.contact{isolation:isolate;background:var(--blue);color:#fff;overflow:hidden;padding-bottom:30px}.contact-shape{position:absolute;z-index:-1;right:-11%;top:-20%;width:55vw;aspect-ratio:1;background:var(--yellow);border-radius:50%;transform:rotate(-15deg)}.contact-title{display:grid;grid-template-columns:.35fr 1.65fr;gap:40px;align-items:start}.contact-title>p{font-size:9px;line-height:1.7;letter-spacing:.15em;color:var(--yellow)}.contact h2{font-size:clamp(75px,10vw,152px);line-height:.84}.contact h2 em{display:inline-block;color:var(--yellow);transform:rotate(-3deg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(65px,10vw,160px);margin:75px 0 100px}.contact-grid>div>p{max-width:470px;font-size:15px;line-height:2}.mail{display:flex;justify-content:space-between;gap:15px;margin-top:36px;padding-bottom:14px;border-bottom:2px solid;font-size:clamp(18px,2.1vw,31px);letter-spacing:-.04em}.mail b{font-weight:400;transition:transform .25s}.mail:hover b{transform:translate(4px,-4px)}form{display:grid;gap:20px}.field{display:grid;gap:8px}.field label{font-size:10px;letter-spacing:.06em;color:#cbd2ff}input,textarea{width:100%;padding:4px 0 13px;border:0;border-bottom:1px solid #8492e8;border-radius:0;background:transparent;color:#fff;resize:vertical;font-size:15px}input::placeholder,textarea::placeholder{color:#9eaae9}input:focus,textarea:focus{outline:0;border-color:#fff}form button{display:flex;justify-content:space-between;padding:17px 18px;border:0;background:var(--yellow);color:var(--blue);font-size:12px;font-weight:700;transition:transform .25s,background .25s}form button:hover{transform:translateY(-3px);background:#fff}.form-note{font-size:9px;line-height:1.7;color:#aeb8ef}.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:35px;padding-top:25px;border-top:1px solid #6678d8}.site-footer>a{font-size:20px;font-weight:800;letter-spacing:-.06em}.site-footer>div{display:flex;gap:23px}.site-footer>div a{font-size:10px;color:#cbd2ff}.site-footer>div a:hover{color:var(--yellow)}.site-footer small{font-size:8px;color:#aeb8ef}.toast{position:fixed;z-index:70;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);padding:14px 18px;background:var(--yellow);color:var(--blue);font-size:11px;font-weight:700;line-height:1.6}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.tilt-card.reveal.is-visible{transform:rotate(var(--base-rotate,0deg)) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
@keyframes name-in{from{opacity:0;transform:translateX(-.4em)}to{opacity:1;transform:none}}@keyframes photo-pop{from{opacity:0;transform:translateY(40px) rotate(6deg);clip-path:polygon(50% 45%,50% 45%,50% 55%,50% 55%)}to{opacity:1;transform:translate(var(--px),var(--py)) rotate(1.5deg);clip-path:polygon(8% 0,100% 3%,94% 100%,0 96%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
.about-poster{--base-rotate:5deg}.card-one{--base-rotate:-3deg}.card-two{--base-rotate:2.3deg}.card-three{--base-rotate:-2deg}
@media(max-width:900px){.about{grid-template-columns:.7fr 1fr .9fr;gap:0 35px}.about-copy{grid-column:1/3}.about-side{display:none}.partner-line{grid-template-columns:1fr repeat(3,1fr)}.contact-title{grid-template-columns:1fr}.contact-grid{gap:55px}.philosophy{grid-template-columns:1fr}.philosophy>span{align-self:auto}}
@media(max-width:680px){:root{--pad:23px}html{scroll-padding-top:62px}.site-header,.site-header.is-scrolled{height:62px;grid-template-columns:1fr auto;padding-inline:var(--pad)}.brand{font-size:25px}.site-header>p,.site-header nav>a:not(.header-cta){display:none}.site-header nav{justify-self:end}.header-cta{font-size:11px!important}.hero{min-height:max(710px,100svh);padding:86px var(--pad) max(27px,env(safe-area-inset-bottom));display:block}.hero-grid{background-size:50% 25%}.hero-meta{font-size:7px}.hero-meta span:last-child{display:none}.hero h1{position:relative;z-index:4;margin-top:42px;font-size:27vw;line-height:.72;transform:rotate(-6deg)}.hero-photo{right:-7%;top:26%;width:81%;height:56%;box-shadow:12px 14px 0 var(--blue)}.orbit-sticker{right:auto;left:11px;top:45%;width:78px}.orbit-sticker span{font-size:6px}.orbit-sticker b{font-size:20px}.hero-vertical{display:none}.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:27px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 16px;color:var(--blue)}.hero-copy>span{grid-column:1/-1;font-size:11px}.hero-copy>p{font-size:15px;line-height:1.75}.hero-copy>a{width:125px;margin:0;font-size:9px}.hero-counter{display:none}.marquee>div{padding:13px 0;font-size:15px}.section{padding-block:78px}.section-label{margin-bottom:36px;font-size:9px}h2{font-size:clamp(43px,12vw,58px);line-height:1.13}.about{display:flex;flex-direction:column}.about-title>p{font-size:8px}.about-poster{--base-rotate:4deg;order:3;width:84%;margin:46px auto 0;padding:9px 9px 36px;box-shadow:11px 13px 0 #061b92}.poster-frame{height:105vw;max-height:520px}.about-poster>b{right:-11px;top:-27px;font-size:55px}.about-copy{order:4;margin-top:52px}.about-copy p{font-size:14px;line-height:2}.about-copy .lead{font-size:18px}.about-side{display:none}.proof-title{display:block}.proof-title>p{margin-top:23px;font-size:12px}.stat-grid{grid-template-columns:1fr;margin-top:42px;gap:11px}.stat-grid article{min-height:160px;padding:14px 17px}.stat-grid article:nth-child(2){transform:none}.stat-grid strong{font-size:74px}.stat-grid article:hover,.stat-grid article:nth-child(2):hover{transform:none}.partner-line{grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:45px}.partner-line span{grid-column:1/-1}.partner-line b{font-size:15px}.works-intro{padding-bottom:48px}.works-title{display:block}.works-title h2{font-size:27vw}.works-title>p{margin-top:28px;font-size:12px}.work-board{display:block;padding:58px var(--pad) 90px;background:linear-gradient(180deg,var(--yellow) 0 36%,var(--blue) 36% 70%,#e8e5dc 70%)}.work-card{width:91%;padding:10px 10px 21px}.work-no{left:-7px;top:-29px;font-size:55px}.work-card>div{display:block}.work-card p{margin-top:6px}.card-one{--base-rotate:-3deg;margin-left:0}.card-one figure{height:120vw;max-height:590px}.card-two{--base-rotate:3deg;margin:95px 0 0 auto}.card-two figure{height:82vw;max-height:410px}.card-three{--base-rotate:-2deg;margin:100px 0 0}.card-three figure{height:75vw;max-height:370px}.philosophy{display:block;min-height:590px;padding-top:95px}.philosophy-label{margin-bottom:34px}.philosophy blockquote{font-size:clamp(46px,13vw,62px);line-height:1.23}.philosophy>span{display:block;margin-top:42px}.contact-shape{right:-47%;top:-2%;width:110vw;opacity:.16}.contact-title{display:block}.contact-title>p{margin-bottom:22px}.contact h2{font-size:17vw;line-height:.86}.contact-grid{grid-template-columns:1fr;gap:48px;margin:49px 0 72px}.contact-grid>div>p{font-size:13px}.mail{font-size:18px}input,textarea{font-size:16px}.site-footer{grid-template-columns:1fr auto;gap:24px}.site-footer>div{gap:15px}.site-footer small{grid-column:1/-1}}
body{color:var(--blue)}
@media(max-width:680px){.contact h2{font-size:14vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.marquee>div{animation:none}}