:root{--ink:#112f42;--night:#0b293b;--mist:#edf1f5;--cyan:#c6e7f0;--sans:'Noto Sans JP',sans-serif;--display:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{font-weight:500}em{font-style:normal}.section{padding:clamp(6rem,12vw,12rem) max(6vw,calc((100vw - 1320px)/2))}.page-progress{position:fixed;z-index:99;inset:0 auto auto 0;width:100%;height:3px;pointer-events:none}.page-progress span{display:block;width:0;height:100%;background:var(--cyan)}.header{position:absolute;inset:0 0 auto;z-index:20;height:106px;padding:0 5vw;display:flex;align-items:center;color:#fff}.wordmark{display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:600;letter-spacing:.13em;line-height:1.3}.wordmark svg{width:2.55rem;height:2.55rem;stroke:currentColor;stroke-width:4;fill:none}.wordmark small{display:block;margin-top:.2rem;font-size:.65rem;font-weight:500;letter-spacing:.2em}.nav{margin-left:auto;display:flex;gap:2rem;font-size:.8rem;letter-spacing:.08em}.nav a{position:relative}.nav a:after{content:'';position:absolute;left:0;bottom:-.45rem;width:0;height:1px;background:currentColor;transition:width .35s}.nav a:hover:after{width:100%}.menu{display:none}.hero{min-height:760px;height:100svh;position:relative;display:grid;align-items:end;color:#fff;background:var(--night);overflow:hidden;isolation:isolate}.hero-image,.hero-sky{position:absolute;inset:0;z-index:-2}.hero-image{background:url('assets/office.jpg') center/cover;filter:saturate(.38) contrast(1.08);transform:scale(1.08);transition:transform .3s linear}.hero-sky{z-index:-1;background:linear-gradient(105deg,rgba(7,34,51,.91) 4%,rgba(11,43,60,.68) 42%,rgba(20,54,67,.08) 80%),linear-gradient(0deg,rgba(183,139,132,.49),transparent 38%)}.hero-copy{padding:0 8vw 12vh}.kicker{font:500 .66rem/1.7 var(--mono);letter-spacing:.1em}.hero .kicker{color:#c8e5ee;margin-bottom:2.2rem}.hero-title{font:500 clamp(3rem,7.4vw,7.5rem)/1.14 var(--display);letter-spacing:-.065em}.hero-title span{display:block;overflow:hidden}.hero-lead{font-size:clamp(1rem,1.55vw,1.3rem);margin-top:2rem;letter-spacing:.06em}.hero-scroll{position:absolute;left:8vw;bottom:2.2rem;font:500 .61rem var(--mono);letter-spacing:.11em;display:flex;gap:1rem;align-items:center}.hero-scroll b{font:400 1.4rem var(--display)}.hero-location{position:absolute;right:5vw;bottom:2.4rem;writing-mode:vertical-rl;font:.6rem var(--mono);letter-spacing:.13em}.manifesto>.kicker{color:#597489}.manifesto-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;margin-top:3.6rem}.manifesto h2,.services h2,.approach h2{font:500 clamp(2.5rem,4.2vw,5rem)/1.25 var(--display);letter-spacing:-.055em}.manifesto h2 em{color:#498097}.manifesto-copy{color:#3e5868;font-size:1.06rem;max-width:34rem}.manifesto-copy p+p{margin-top:1.3rem}.manifesto-foot{display:flex;gap:clamp(1rem,5vw,6rem);margin-top:9rem;font:500 clamp(1.4rem,2.6vw,3.3rem) var(--display);letter-spacing:-.06em;color:#88a4b5}.services{background:var(--night);color:#fff;overflow:hidden}.services-heading{padding-bottom:4rem}.services-heading .kicker{color:#aed8e4;margin-bottom:2.2rem}.services h2{max-width:52rem}.service-stage{position:relative;min-height:30rem;padding:clamp(2.5rem,5vw,5.5rem) max(6vw,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:end;overflow:hidden}.service-art{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#1c566d,#0c2c3e 62%);transition:background .7s}.art-sun{position:absolute;width:min(45vw,38rem);height:min(45vw,38rem);right:5%;top:-15%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#e7eff0 0 2%,#9cc8d1 20%,#4a7f93 56%,transparent 70%);filter:blur(1px);opacity:.8;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.art-grid{position:absolute;width:75%;height:115%;right:-18%;bottom:-50%;background:repeating-linear-gradient(90deg,#fff0 0 14%,#c7e4e91c 14.3% 14.6%),repeating-linear-gradient(0deg,#fff0 0 14%,#c7e4e917 14.3% 14.6%);transform:perspective(600px) rotateX(60deg);opacity:.8}.service-detail{position:relative;grid-column:2;max-width:35rem;min-height:15rem}.service-category{font:500 .64rem var(--mono);letter-spacing:.1em;color:#b8e1e8}.service-detail h3{font:500 clamp(2rem,3.3vw,3.75rem)/1.2 var(--display);letter-spacing:-.06em;margin:.9rem 0 1.3rem}.service-detail>p:not(.service-category){font-size:1rem;color:#dfebef}.text-action{display:inline-flex;gap:1.7rem;align-items:center;margin-top:2rem;font-size:.85rem;border-bottom:1px solid #a6d3dc;padding-bottom:.5rem}.text-action span{font-size:1.3rem}.service-nav{padding-top:2.4rem;padding-bottom:2.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.service-nav button{padding:0;border:0;background:none;color:#a7c0ca;cursor:pointer;text-align:left;font:500 clamp(1.05rem,1.45vw,1.55rem) var(--display);letter-spacing:-.04em;transition:color .25s}.service-nav button span{display:block;margin-top:.45rem;font:400 .72rem var(--sans);letter-spacing:0}.service-nav button[aria-selected=true],.service-nav button:hover{color:#fff}.quote{position:relative;background:linear-gradient(135deg,#dce8ef,#f6f2f1);text-align:center;overflow:hidden}.quote:after{content:'';position:absolute;width:80vw;height:80vw;right:-40vw;bottom:-62vw;border-radius:50%;background:#c2dbe3;opacity:.55}.quote-mark{font:400 16rem/.6 var(--display);color:#80aebc;opacity:.75}.quote blockquote{position:relative;z-index:1;margin-top:2rem;font:500 clamp(2.2rem,5.5vw,6.2rem)/1.23 var(--display);letter-spacing:-.07em}.quote blockquote em{color:#2e6279}.quote-note{position:relative;z-index:1;margin-top:2rem;color:#4d6675;font-size:.92rem}.approach-top{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.approach-top .kicker{color:#597489}.journey{list-style:none;padding:0;margin:5rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.journey li{min-height:12rem;padding-top:1rem}.journey span{font:500 clamp(1.55rem,2.4vw,2.7rem)/1.3 var(--display);letter-spacing:-.06em}.journey p{margin-top:1.2rem;color:#4b6574;font-size:.9rem}.contact{position:relative;background:#12384d;color:#fff;min-height:48rem;display:grid;align-items:center;overflow:hidden;isolation:isolate}.contact-image{position:absolute;inset:0;z-index:-2;background:url('assets/office.jpg') 70% center/cover;filter:grayscale(1) contrast(1.2) brightness(.65)}.contact:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2c40e8 22%,#164558ad 58%,#0d334b22)}.contact-content{padding:10rem max(6vw,calc((100vw - 1320px)/2));max-width:75rem}.contact .kicker{color:#b2dce7}.contact h2{font:500 clamp(2.7rem,5.2vw,6.2rem)/1.17 var(--display);letter-spacing:-.07em;margin:1.7rem 0}.contact h2 em{color:#c8e8ee}.contact-content>p:not(.kicker){color:#e0edf0}.contact-button{margin-top:3rem;display:inline-flex;min-width:21rem;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border:1px solid #d6edf0;border-radius:99px;font-size:.95rem;background:#fff;color:var(--ink);transition:transform .2s,background .2s}.contact-button:hover{background:#cbe8ef}.contact-button b{font:400 1.5rem var(--display)}.contact-meta{margin-top:4rem!important;font:.68rem var(--mono);letter-spacing:.08em}.footer{padding:3.5rem 5vw 2rem;background:#f8f9fa;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer .wordmark{align-self:start}.footer p{font-size:.8rem;color:#506a79}.footer small{grid-column:1/-1;border-top:1px solid #d5dfe5;padding-top:1.5rem;font:.58rem var(--mono);letter-spacing:.08em;color:#718895}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.hero-reveal{opacity:0;transform:translateY(20px);animation:heroIn .9s .45s cubic-bezier(.2,.7,.2,1) forwards}.hero-title span{transform:translateY(105%);animation:titleIn 1s cubic-bezier(.16,.87,.25,1) forwards}.hero-title span:nth-child(1){animation-delay:.15s}.hero-title span:nth-child(2){animation-delay:.27s}.hero-lead{animation-delay:.62s}@keyframes heroIn{to{opacity:1;transform:none}}@keyframes titleIn{to{transform:none}}
@media(max-width:820px){body{font-size:15px}.header{height:80px;padding:0 6vw}.wordmark{font-size:.85rem}.wordmark svg{width:2.15rem;height:2.15rem}.nav{position:fixed;inset:0;background:#0d3146;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity .35s}.nav.open{opacity:1;pointer-events:auto}.menu{position:relative;z-index:2;margin-left:auto;display:flex;align-items:center;gap:.5rem;border:0;background:none;color:#fff;cursor:pointer;font:.57rem var(--mono);letter-spacing:.1em}.menu i{position:absolute;right:3rem;width:1.3rem;height:1px;background:currentColor;transition:transform .25s}.menu i:first-child{transform:translateY(-4px)}.menu i:nth-child(2){transform:translateY(4px)}.menu[aria-expanded=true] i:first-child{transform:rotate(45deg)}.menu[aria-expanded=true] i:nth-child(2){transform:rotate(-45deg)}.hero{min-height:680px}.hero-copy{padding:0 7vw 14vh}.hero-title{font-size:clamp(3.1rem,13vw,5rem);line-height:1.12}.hero .kicker{font-size:.56rem}.hero-lead{font-size:.95rem}.hero-scroll{left:7vw}.hero-location{display:none}.manifesto-grid,.approach-top{grid-template-columns:1fr;gap:2.3rem}.manifesto h2,.services h2,.approach h2{font-size:clamp(2.4rem,10vw,3.7rem)}.manifesto-copy{font-size:.98rem}.manifesto-foot{display:block;margin-top:4rem}.manifesto-foot span{display:block;margin-top:.2rem}.service-stage{min-height:36rem;grid-template-columns:1fr;padding:4.5rem 7vw;align-items:end}.service-detail{grid-column:1;min-height:0}.art-sun{width:25rem;height:25rem;right:-35%;top:-12%}.service-nav{padding:2rem 7vw;display:block}.service-nav button{display:flex;justify-content:space-between;width:100%;padding:1rem 0;border-bottom:1px solid #ffffff21;font-size:1.35rem}.service-nav button span{margin:0;font-size:.72rem;align-self:center;text-align:right}.quote-mark{font-size:12rem}.quote blockquote{font-size:clamp(2.25rem,10vw,3.5rem)}.quote-note br{display:none}.journey{grid-template-columns:1fr;gap:1.3rem;margin-top:3.5rem}.journey li{min-height:auto;padding:1.1rem 0}.contact{min-height:42rem}.contact-content{padding:7rem 7vw}.contact h2{font-size:clamp(2.7rem,12vw,4.2rem)}.contact-button{min-width:100%;font-size:.9rem}.footer{padding:3rem 7vw 2rem;display:block}.footer p{margin:2rem 0}.footer small{display:block}.reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.hero-reveal{opacity:1;transform:none}.hero-title span{transform:none}}