:root{--navy:#102a43;--deep:#081c2c;--gray:#f4f6f8;--white:#fff;--gold:#c7924a;--ink:#263238;--muted:#667681;--line:#dce2e6;--max:1200px;--shadow:0 20px 50px rgba(8,28,44,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-100px;background:var(--white);padding:10px 16px;z-index:1000}.skip-link:focus{top:16px}.section-shell{width:min(calc(100% - 64px),var(--max));margin:auto}.section-pad{padding:132px 0}.eyebrow{margin:0 0 22px;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.19em}.eyebrow.accent{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--deep);line-height:1.4;letter-spacing:.02em}h2{font-size:clamp(2rem,3.5vw,3.25rem);margin-bottom:34px}p{margin-bottom:20px}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(16,42,67,.1);backdrop-filter:blur(12px)}.header-inner{height:100%;max-width:1400px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:flex-end;gap:10px;line-height:1}.brand-main{font-size:1.75rem;font-weight:800;letter-spacing:.08em;color:var(--navy)}.brand-sub{font-size:.66rem;font-weight:600;letter-spacing:.12em;padding-bottom:3px}.global-nav{display:flex;align-items:center;gap:34px;font-size:.84rem;font-weight:600}.global-nav>a{position:relative}.global-nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .25s}.global-nav>a:hover::after,.global-nav>a:focus-visible::after{right:0}.nav-contact{color:var(--white);background:var(--navy);padding:15px 22px}.menu-button{display:none}.hero{min-height:760px;padding-top:82px;display:grid;grid-template-columns:minmax(440px,46%) 1fr;background:var(--white)}.hero-copy{align-self:center;padding:80px clamp(40px,6vw,110px);padding-right:50px}.hero h1{font-size:clamp(2.65rem,4vw,4.5rem);margin:0 0 30px;letter-spacing:.025em;white-space:nowrap}.hero h1 em{color:var(--navy);font-style:normal;position:relative}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--gold)}.hero-intro{font-size:1.1rem;font-weight:600;line-height:1.85}.hero-detail{color:var(--muted);line-height:1.85}.hero-name{font-size:.82rem;font-weight:700;letter-spacing:.14em;border-left:2px solid var(--gold);padding-left:12px;margin:28px 0 32px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 24px;font-weight:700;font-size:.91rem;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--deep)}.button-dark{background:var(--navy);color:var(--white)}.button-outline{border:1px solid rgba(255,255,255,.65);color:var(--white)}.button-outline:hover{background:var(--white);color:var(--deep)}.text-link{font-size:.84rem;font-weight:700;border-bottom:1px solid var(--navy);padding:10px 0}.text-link span{margin-left:10px}.hero-visual{position:relative;min-height:678px;overflow:hidden;background:#cfd6da}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,44,.12),transparent 35%)}.demo-badge{position:absolute;right:16px;bottom:16px;z-index:2;background:rgba(8,28,44,.82);color:var(--white);padding:5px 9px;font-size:.63rem;letter-spacing:.15em}.area-stamp{position:absolute;z-index:2;left:0;bottom:0;background:var(--navy);color:var(--white);padding:20px 30px}.area-stamp span{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.18em}.area-stamp strong{font-size:.83rem;letter-spacing:.13em}.mobile-only{display:none}.quick-trust{background:var(--deep);color:var(--white)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid article{min-height:180px;display:flex;align-items:center;gap:20px;padding:35px;border-right:1px solid rgba(255,255,255,.14)}.trust-grid article:last-child{border:0}.trust-grid article>span{color:var(--gold);font-family:Georgia,serif;font-size:1.1rem}.trust-grid h2{color:var(--white);font-size:1.14rem;margin:0 0 9px}.trust-grid p{color:#bac5cd;font-size:.83rem;line-height:1.7;margin:0}.split-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:center}.image-frame{position:relative;overflow:hidden}.feature-image{height:580px}.feature-copy p:not(.eyebrow){color:#52616b}.strength-points{margin-top:88px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strength-points article{padding:35px 34px;border-right:1px solid var(--line)}.strength-points article:last-child{border:0}.strength-points span{font-family:Georgia,serif;color:var(--gold);font-size:.8rem}.strength-points h3{font-size:1.3rem;margin:12px 0}.strength-points p{color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}.services{background:var(--gray)}.heading-row{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:50px;margin-bottom:52px}.heading-row h2{margin-bottom:0}.heading-row>p{color:var(--muted);font-size:.9rem;margin:0 0 5px}.service-list{border-top:2px solid var(--navy)}.service-list article{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:24px;padding:34px 14px;border-bottom:1px solid #cdd5da}.service-list>article>span:first-child{font-family:Georgia,serif;color:var(--gold)}.service-list h3{font-size:1.45rem;margin:0 0 8px}.service-list p{color:var(--muted);font-size:.91rem;margin:0}.service-mark{font-size:1.4rem;color:var(--navy)}.audience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.audience-image{height:600px}.audience-copy p:not(.eyebrow){color:#52616b}.audience-copy .button{margin-top:20px}.business{background:var(--deep);color:#ced7dd}.business h2{color:var(--white)}.business .audience-grid{grid-template-columns:1.1fr .9fr}.business .audience-copy p:not(.eyebrow){color:#bac5cd}.dark-frame{box-shadow:30px 30px 0 #102f48}.works-heading>p{max-width:460px}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.works-grid figure{margin:0}.work-image{position:relative;height:320px;overflow:hidden;background:#dce2e6}.work-image img{transition:transform .6s}.work-image:hover img{transform:scale(1.025)}.work-image span{position:absolute;left:12px;bottom:12px;background:rgba(8,28,44,.82);color:var(--white);padding:5px 8px;font-size:.61rem;letter-spacing:.13em}.works-grid figcaption{font-size:.88rem;font-weight:600;margin-top:13px}.works-note{margin-top:50px;border-left:3px solid var(--gold);padding:5px 0 5px 24px;display:grid;grid-template-columns:110px 1fr;gap:22px}.works-note span{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.13em}.works-note p{color:var(--muted);font-size:.88rem;margin:0;max-width:760px}.story{background:var(--gray)}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.story-image{height:700px}.story-copy>p:not(.eyebrow):not(.representative){color:#52616b}.story-copy blockquote{margin:40px 0 24px;padding:0;color:var(--navy);font-size:clamp(1.3rem,2.3vw,2rem);font-weight:700}.representative{margin-top:42px;border-top:1px solid var(--line);padding-top:22px;font-size:.85rem}.representative strong{font-size:1rem;margin-left:14px}.final-cta{background:var(--navy);color:var(--white);padding:120px 0;text-align:center}.final-cta h2{color:var(--white);font-size:clamp(2.4rem,4.5vw,4rem);margin-bottom:24px}.final-cta>div>p:not(.eyebrow){color:#c7d0d7}.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:16px;margin-top:50px}.contact-options a{position:relative;text-align:left;background:var(--white);color:var(--deep);padding:23px 58px 23px 26px;transition:background .2s}.contact-options a:hover{background:#edf1f3}.contact-options small{display:block;color:var(--gold);font-size:.7rem;font-weight:700;margin-bottom:5px}.contact-options strong{font-size:.94rem}.contact-options span{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.3rem}.final-cta .demo-contact-note{font-size:.74rem;color:#8fa0ac;margin:20px 0 0}.site-footer{background:var(--deep);color:#9dabb5;padding:72px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-brand .brand-main,.footer-brand .brand-sub{color:var(--white)}.footer-main>div>p{margin:17px 0 0;font-size:.8rem}.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;font-size:.83rem;color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-bottom p{font-size:.7rem;margin:0;max-width:650px}.footer-bottom small{font-size:.7rem}.mobile-cta{display:none}
@media(max-width:1000px){.global-nav{gap:20px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:36px}.hero h1{font-size:2.7rem}.trust-grid article{padding:28px 20px}.section-pad{padding:105px 0}.feature-image,.audience-image{height:500px}.work-image{height:260px}}
@media(max-width:760px){html{scroll-padding-top:68px}body{padding-bottom:66px;font-size:16px}.section-shell{width:min(calc(100% - 40px),var(--max))}.section-pad{padding:82px 0}.site-header{height:68px}.header-inner{padding:0 20px}.brand-main{font-size:1.45rem}.brand-sub{font-size:.58rem}.menu-button{display:flex;border:0;background:none;align-items:center;gap:10px;color:var(--navy);padding:10px 0}.menu-label{font-size:.65rem;font-weight:800;letter-spacing:.12em}.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:22px;height:2px;background:var(--navy);content:"";transition:.25s}.menu-icon{position:relative}.menu-icon::before{position:absolute;top:-7px}.menu-icon::after{position:absolute;top:7px}.menu-button[aria-expanded=true] .menu-icon{background:transparent}.menu-button[aria-expanded=true] .menu-icon::before{top:0;transform:rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon::after{top:0;transform:rotate(-45deg)}.global-nav{position:fixed;inset:68px 0 0;background:var(--deep);color:var(--white);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:28px 20px 90px;transform:translateX(100%);transition:transform .3s;overflow:auto}.global-nav.is-open{transform:none}.global-nav a{padding:17px 10px;border-bottom:1px solid rgba(255,255,255,.13);font-size:1rem}.global-nav>a::after{display:none}.nav-contact{background:var(--gold);color:var(--deep);margin-top:18px;text-align:center;border:0!important}.hero{padding-top:68px;display:flex;flex-direction:column;min-height:0}.hero-visual{order:0;min-height:0;height:44vh;max-height:420px}.hero-copy{order:1;padding:45px 20px 58px}.hero h1{font-size:clamp(2.05rem,9.7vw,2.8rem);white-space:normal;line-height:1.5;margin-bottom:24px}.hero-intro{font-size:1rem}.hero-detail br{display:none}.hero-name{margin:24px 0}.hero-actions{display:grid;gap:16px}.button{width:100%;min-height:60px}.text-link{width:max-content}.area-stamp{padding:13px 18px}.mobile-only{display:block}.trust-grid{display:block}.trust-grid article{min-height:0;padding:25px 4px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.split-feature,.audience-grid,.business .audience-grid,.story-grid{display:flex;flex-direction:column;gap:42px}.feature-image,.audience-image{width:100%;height:400px}.feature-copy h2,.audience-copy h2,.story-copy h2{font-size:2rem}.strength-points{margin-top:58px;display:block}.strength-points article{padding:25px 4px;border-right:0;border-bottom:1px solid var(--line)}.strength-points article:last-child{border:0}.heading-row{display:block;margin-bottom:35px}.heading-row>p{margin-top:20px}.service-list article{grid-template-columns:42px 1fr;gap:8px;padding:27px 2px}.service-mark{display:none}.audience-image{order:-1}.business .audience-image{order:0}.business .audience-copy{order:-1}.dark-frame{box-shadow:14px 14px 0 #102f48;width:calc(100% - 14px)}.works-grid{display:flex;overflow-x:auto;gap:16px;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory}.works-grid figure{flex:0 0 82vw;scroll-snap-align:start}.work-image{height:300px}.works-note{grid-template-columns:1fr;gap:7px;padding-left:18px}.story-image{width:100%;height:520px;order:2}.story-copy{order:1}.contact-options{grid-template-columns:1fr;margin-top:38px}.final-cta{padding:86px 0}.final-cta h2{font-size:2.25rem}.footer-main{grid-template-columns:1fr;gap:40px}.footer-bottom{display:block}.footer-bottom small{display:block;margin-top:18px}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;inset:auto 0 0;z-index:90;height:66px;box-shadow:0 -3px 15px rgba(8,28,44,.16)}.mobile-cta a{background:var(--gold);color:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(8,28,44,.2)}.mobile-cta a:last-child{background:var(--navy);color:var(--white);border:0}.mobile-cta small{font-size:.58rem;line-height:1.3}.mobile-cta strong{font-size:.86rem;line-height:1.5}}
@media(max-width:380px){.hero-copy{padding-left:18px;padding-right:18px}.hero h1{font-size:1.95rem}.section-shell{width:calc(100% - 32px)}.feature-image,.audience-image{height:340px}.works-grid figure{flex-basis:85vw}}
@media(max-width:760px){body.menu-open{overflow:auto}.site-header{backdrop-filter:none}.global-nav{overscroll-behavior:contain;touch-action:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}