:root{--color-primary:#003366;--color-primary-dark:#0b2545;--color-accent:#007bff;--color-accent-light:#7bc4e2;--color-text:#1f2937;--color-muted:#667085;--color-background:#fff;--color-surface:#f5f8fb;--color-border:#d9e2ec;--font-ja:"Noto Sans JP",sans-serif;--font-latin:"Inter",sans-serif;--container-max:1200px;--content-max:780px;--radius-card:12px;--radius-button:8px;--shadow-card:0 14px 40px rgba(11,37,69,.08);--header-height:68px;--transition:180ms ease}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{margin:0;overflow-x:hidden;background:var(--color-background);color:var(--color-text);font-family:var(--font-ja);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}body.is-menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p,ul,ol,dl,dd,figure{margin-top:0}ul,ol{padding:0;list-style:none}.container{width:min(100% - 40px,var(--container-max));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 16px;background:#fff;color:var(--color-primary);transform:translateY(-150%);box-shadow:var(--shadow-card)}.skip-link:focus{transform:none}.eyebrow{margin-bottom:12px;color:var(--color-accent);font-family:var(--font-latin);font-size:.75rem;font-weight:800;letter-spacing:.16em}.eyebrow--light{color:var(--color-accent-light)}.section{padding:76px 0}.section--surface{background:var(--color-surface)}.section-heading{margin-bottom:36px}.section-heading--center{text-align:center}.section-title{margin-bottom:16px;color:var(--color-primary);font-size:clamp(1.8rem,5vw,2.85rem);font-weight:700;line-height:1.35;letter-spacing:-.03em}.section-description{max-width:760px;margin:0;color:var(--color-muted)}.section-heading--center .section-description{margin-inline:auto}.prose{max-width:var(--content-max);color:var(--color-muted)}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:1px solid transparent;border-radius:var(--radius-button);font-weight:700;line-height:1.4;text-align:center;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--color-primary);color:#fff}.button--accent{background:var(--color-accent);color:#fff;box-shadow:0 10px 25px rgba(0,123,255,.25)}a:focus-visible,button:focus-visible{outline:3px solid rgba(0,123,255,.42);outline-offset:3px}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-height);border-bottom:1px solid rgba(217,226,236,.85);background:rgba(255,255,255,.96);transition:box-shadow var(--transition)}.site-header.is-scrolled{box-shadow:0 8px 24px rgba(11,37,69,.08)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;flex-direction:column;line-height:1}.site-brand__name{color:var(--color-primary);font-family:var(--font-latin);font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.site-brand__tagline{margin-top:6px;color:var(--color-muted);font-family:var(--font-latin);font-size:.5rem;font-weight:700;letter-spacing:.2em}.site-nav__toggle{display:flex;min-width:48px;min-height:48px;align-items:center;gap:9px;border:0;background:transparent;color:var(--color-primary);font-family:var(--font-latin);font-size:.68rem;font-weight:700;letter-spacing:.1em}.site-nav__toggle-icon{display:flex;flex-direction:column;gap:5px}.site-nav__toggle-icon span{display:block;width:22px;height:2px;background:currentColor;transition:transform var(--transition),opacity var(--transition)}.site-nav__toggle[aria-expanded=true] .site-nav__toggle-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav__toggle[aria-expanded=true] .site-nav__toggle-icon span:nth-child(2){opacity:0}.site-nav__toggle[aria-expanded=true] .site-nav__toggle-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav__panel{position:fixed;top:var(--header-height);inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:24px 20px;background:#fff;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.site-nav__panel.is-open{visibility:visible;opacity:1;transform:none}.site-nav__panel>a:not(.button){padding:14px 8px;border-bottom:1px solid var(--color-border);color:var(--color-primary);font-weight:600}.site-nav__panel .button{margin-top:16px}.breadcrumb{padding-top:calc(var(--header-height) + 18px);padding-bottom:18px;color:var(--color-muted);font-size:.78rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;margin:0}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:6px;color:#a6b2bf}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.hero{overflow:hidden;background:radial-gradient(circle at 92% 10%,rgba(123,196,226,.23),transparent 32%),linear-gradient(135deg,#071f36 0%,#0b2545 62%,#123d66 100%);color:#fff}.hero__inner{display:grid;gap:40px;padding-top:58px;padding-bottom:64px}.hero h1{margin-bottom:22px;font-size:clamp(2.15rem,8vw,4rem);font-weight:700;line-height:1.28;letter-spacing:-.04em}.hero__project{margin-bottom:12px;font-family:var(--font-latin);font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700;letter-spacing:.04em}.hero__lead{max-width:660px;margin-bottom:0;color:rgba(255,255,255,.76);font-size:clamp(1rem,2.3vw,1.16rem)}.hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}.hero__tags li{padding:7px 12px;border:1px solid rgba(123,196,226,.4);border-radius:999px;background:rgba(255,255,255,.06);font-family:var(--font-latin);font-size:.76rem;font-weight:700}.hero__visual{display:grid;min-height:280px;place-items:center;margin:0;padding:clamp(34px,6vw,72px);border:1px solid rgba(123,196,226,.3);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.hero__visual img{width:min(100%,620px)}
.case-nav{position:relative;z-index:10;border-bottom:1px solid var(--color-border);background:#fff}.case-nav .container{display:flex;gap:8px;padding-top:13px;padding-bottom:13px;overflow-x:auto;scrollbar-width:none}.case-nav .container::-webkit-scrollbar{display:none}.case-nav a{flex:0 0 auto;padding:8px 13px;border-radius:999px;color:var(--color-primary);font-size:.78rem;font-weight:700}.case-nav a:hover{background:var(--color-surface)}.split-intro{display:grid;gap:26px}.overview-grid{display:grid;gap:12px;margin:32px 0 0}.overview-grid>div{padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff}.overview-grid dt{margin-bottom:8px;color:var(--color-accent);font-family:var(--font-latin);font-size:.72rem;font-weight:800;letter-spacing:.08em}.overview-grid dd{margin:0;font-weight:600;line-height:1.7}.requirement-grid{display:grid;gap:14px}.requirement-grid li{padding:26px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.requirement-grid span,.exploration-grid span{color:var(--color-accent);font-family:var(--font-latin);font-size:.72rem;font-weight:800;letter-spacing:.1em}.requirement-grid h3{margin:12px 0 10px;color:var(--color-primary);font-size:1.15rem}.requirement-grid p{margin:0;color:var(--color-muted)}
.exploration-grid{display:grid;gap:18px}.exploration-grid article{display:grid;align-content:start;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.exploration-grid figure{display:grid;min-height:210px;place-items:center;margin:0 0 18px;background:#fff}.exploration-grid img{max-height:260px;object-fit:contain}.exploration-grid h3{margin:8px 0 0;color:var(--color-primary);font-size:.98rem;line-height:1.65}.refinement-strip{display:grid;gap:18px;margin-top:28px}.refinement-strip figure{display:grid;min-height:240px;place-items:center;margin:0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff}.refinement-strip img{max-height:260px;object-fit:contain}.refinement-strip figcaption{margin-top:12px;color:var(--color-muted);font-size:.78rem;font-weight:700}.final-identity{background:#fff}.final-identity__inner{max-width:1120px}.logo-stage{display:grid;min-height:360px;place-items:center;margin:0;padding:clamp(44px,8vw,96px);border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-card)}.logo-svg{display:block;width:min(120%,900px);max-width:none;height:auto}.application-layout{display:grid;gap:34px}.application-copy{display:grid;align-content:center}.application-copy .section-heading{margin-bottom:20px}.application-gallery{display:grid;gap:18px;align-items:end}.application-photo{margin:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.application-photo img{width:100%;object-fit:cover}.application-photo--store img{aspect-ratio:4/3;object-position:center}.application-photo--card{width:min(100%,78%);justify-self:end}.application-photo--card img{aspect-ratio:1/1;object-position:center}.client-voice{background:#fff}.client-voice__inner{display:grid;gap:28px;align-items:start}.client-voice .section-heading{margin-bottom:0}.voice-card{margin:0;padding:clamp(26px,4vw,42px);border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(135deg,#fff 0%,#f8fbfe 100%);box-shadow:var(--shadow-card)}.voice-card blockquote{margin:0}.voice-card p{margin:0;color:var(--color-primary);font-size:clamp(1.08rem,2.3vw,1.45rem);font-weight:600;line-height:1.9}.voice-card figcaption{margin-top:22px}.voice-card a{color:var(--color-accent);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.application-cta{padding:64px 0;background:var(--color-primary);color:#fff}.application-cta__inner{display:grid;gap:28px}.application-cta h2{margin-bottom:16px;font-size:clamp(1.55rem,5vw,2.4rem);line-height:1.45}.application-cta p:last-child{max-width:720px;margin-bottom:0;color:rgba(255,255,255,.75)}
.site-footer{padding:64px 0 28px;border-top:1px solid var(--color-border);background:var(--color-surface)}.site-footer__brand{display:flex;flex-direction:column;gap:6px;margin-bottom:32px;line-height:1}.site-footer__brand .site-brand__name,.site-footer__brand .site-brand__tagline{display:block;line-height:1}.site-footer__brand .site-brand__tagline{margin-top:0}.site-footer__offices{display:grid;gap:24px}.site-footer address{color:var(--color-muted);font-size:.85rem;font-style:normal}.site-footer address strong{display:block;margin-bottom:6px;color:var(--color-primary);font-family:var(--font-latin);font-size:.75rem;letter-spacing:.08em}.site-footer__bottom{display:flex;flex-direction:column;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.75rem}.site-footer__links{display:flex;flex-wrap:wrap;gap:10px 24px}.site-footer__bottom a{color:var(--color-primary);font-weight:700}.site-footer__bottom p{margin:0}
@media(min-width:768px){:root{--header-height:76px}.container{width:min(100% - 64px,var(--container-max))}.section{padding:112px 0}.hero__inner{padding-top:88px;padding-bottom:92px}.overview-grid{grid-template-columns:repeat(2,1fr);gap:16px}.overview-grid>div:last-child{grid-column:auto}.split-intro{grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:64px}.requirement-grid{grid-template-columns:repeat(3,1fr)}.exploration-grid{grid-template-columns:repeat(2,1fr)}.refinement-strip{grid-template-columns:repeat(3,1fr)}.final-identity__inner{max-width:860px}.logo-stage{min-height:300px;padding:64px}.logo-stage .logo-svg{width:min(100%,700px)}.application-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:58px;align-items:center}.application-gallery{grid-column:1;grid-row:1;grid-template-columns:1fr minmax(190px,.58fr)}.application-photo--store{align-self:start}.application-photo--card{width:100%;align-self:end}.application-copy{grid-column:2;grid-row:1}.client-voice__inner{grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);gap:54px}.site-footer__offices{grid-template-columns:repeat(3,1fr)}.site-footer__bottom{flex-direction:row;justify-content:space-between}.application-cta__inner{grid-template-columns:1fr auto;align-items:center}}
@media(min-width:1024px){.site-nav__toggle{display:none}.site-nav__panel{position:static;display:flex;flex-direction:row;align-items:center;gap:24px;padding:0;background:transparent;visibility:visible;opacity:1;transform:none}.site-nav__panel>a:not(.button){padding:10px 0;border:0;color:var(--color-muted);font-size:.84rem}.site-nav__panel .button{margin:0;padding:10px 18px;font-size:.82rem}.hero__inner{grid-template-columns:minmax(0,.8fr) minmax(500px,1.2fr);align-items:center;gap:76px;padding-top:104px;padding-bottom:108px}.hero h1{font-size:clamp(2.75rem,4vw,3.55rem)}.exploration-grid{grid-template-columns:repeat(4,1fr)}.exploration-grid figure{min-height:230px}.application-cta .button{min-width:180px}}
@media(max-width:600px){.hero h1{font-size:2.25rem}.hero__visual{min-height:230px;padding:44px 30px}.hero__visual img{width:112%;max-width:none}.exploration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exploration-grid article{padding:10px}.exploration-grid figure{min-height:96px;margin-bottom:10px}.exploration-grid img{max-height:104px}.exploration-grid span{font-size:.62rem}.exploration-grid h3{font-size:.76rem;line-height:1.55}.refinement-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.refinement-strip figure{min-height:112px;padding:10px}.refinement-strip img{max-height:112px}.logo-stage{min-height:260px}.application-layout{gap:24px}.application-copy{order:1}.application-gallery{order:2}.application-photo--card{width:82%;justify-self:start}.voice-card p{font-size:1.03rem;line-height:1.85}.site-footer__links{flex-direction:column;gap:8px}}
.case-related__card{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;max-width:820px;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);text-decoration:none;transition:border-color var(--transition),transform var(--transition)}.case-related__card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.case-related__card:focus-visible{outline:3px solid rgba(0,123,255,.42);outline-offset:3px}.case-related__card h3{margin:0 0 8px;color:var(--color-primary);font-size:1.25rem;line-height:1.45}.case-related__card p{margin:0;color:var(--color-muted)}.case-related__eyebrow{margin:0 0 8px;color:var(--color-accent);font-family:var(--font-latin);font-size:.72rem;font-weight:800;letter-spacing:.12em}.case-related__arrow{color:var(--color-accent);font-size:1.4rem;font-weight:700}.application-cta__actions{display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.application-cta__inner{grid-template-columns:1fr auto;align-items:center}.application-cta__actions{min-width:280px}}@media(max-width:600px){.case-related__card{grid-template-columns:1fr;gap:12px}.case-related__arrow{justify-self:end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}