:root{--navy:#082b50;--blue:#1767a6;--light:#eef4f8;--ink:#172433;--line:#d6e0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.8}a{color:inherit}img{max-width:100%;height:auto}main{min-height:65vh}.wrap{width:min(1120px,100% - 40px);margin:auto}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;min-height:84px;margin:auto;padding:12px 24px;display:flex}.brand{touch-action:pan-y;flex:0 0 210px;line-height:0;display:block}.brand img{width:210px}.nav{align-items:center;gap:2px;display:flex}.nav a{white-space:nowrap;border-bottom:2px solid #0000;padding:10px 9px;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--blue);border-color:var(--blue)}.menu-button{border:1px solid var(--navy);color:var(--navy);font:inherit;background:#fff;padding:8px 12px;display:none}footer{background:var(--navy);color:#fff;justify-content:space-between;align-items:end;gap:30px;padding:42px max(24px,50% - 560px);display:flex}footer p{margin:4px 0}footer a{text-decoration:none}.page-hero{background:linear-gradient(115deg,var(--navy),#174f7c);color:#fff;padding:76px 0}.page-hero h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.3}.page-hero p{max-width:680px}.eyebrow{letter-spacing:.18em;font-size:12px}.section{padding:72px 0}.section.pale{background:var(--light)}h2{color:var(--navy);font-size:clamp(25px,3vw,36px);line-height:1.4}.home-hero{color:#fff;background:#081f35;place-items:end start;min-height:620px;display:grid;position:relative;overflow:hidden}.hero-images{opacity:.64;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.hero-images>img{object-fit:cover;width:100%!important;height:100%!important;position:relative!important}.hero-copy{z-index:1;background:#052038db;border-left:5px solid #2d90cf;width:min(780px,100% - 40px);margin:0 auto 72px max(20px,50% - 560px);padding:34px}.hero-copy h1{margin:0 0 16px;font-size:clamp(38px,6vw,70px);line-height:1.2}.intro{max-width:850px}.news{border-top:2px solid var(--navy)}.news p{border-bottom:1px solid #cad8e2;grid-template-columns:140px 1fr;gap:20px;margin:0;padding:18px 4px;display:grid}.news time{color:var(--blue);font-weight:700}.feature-grid,.card-grid{grid-template-columns:repeat(2,1fr);gap:34px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature,.work-card,.community-card{border:1px solid var(--line);background:#fff}.feature>div:last-child,.work-card h2,.work-card p,.community-card h2{padding-left:22px;padding-right:22px}.feature>div:last-child{padding-bottom:24px}.image-frame{aspect-ratio:4/3;background:#dce5eb;position:relative;overflow:hidden}.image-frame img{object-fit:cover}.text-link{color:var(--blue);border-bottom:1px solid;font-weight:700;text-decoration:none;display:inline-block}.site-scenes{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.site-scenes img{object-fit:cover;width:100%;height:320px}.project-visual img,.progress-photo>img{object-fit:cover;width:100%;max-height:620px}.project-layout{grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;display:grid}.facts div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;padding:14px 0;display:grid}.facts dt{color:var(--navy);font-weight:700}.facts dd{margin:0}.button{background:var(--blue);color:#fff;font:inherit;cursor:pointer;border:0;padding:13px 24px;text-decoration:none;display:inline-block}.update{border-left:3px solid var(--blue);margin-top:28px;padding-left:16px}.statement{max-width:900px;font-size:20px}.signature{text-align:right;font-weight:700}.timeline{max-width:820px}.timeline>div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;padding:22px 0;display:grid}.timeline time{color:var(--blue);font-weight:800}.timeline p{margin:0}.jobs{gap:26px;display:grid}.jobs article{border:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr;gap:25px;padding:28px;display:grid}.jobs h2,.jobs h3{margin-top:0}.recruit-note{text-align:center;background:var(--navy);color:#fff}.recruit-note h2{color:#fff}.contact-layout{grid-template-columns:1.2fr .8fr;gap:70px;display:grid}form label{margin-bottom:20px;font-weight:700;display:block}form label span{color:var(--blue);margin-left:8px;font-size:12px}input,textarea{width:100%;font:inherit;background:#fff;border:1px solid #aebbc5;border-radius:0;margin-top:6px;padding:12px;display:block}.form-note{color:#586878;font-size:13px}.company dt{color:var(--navy);margin-top:20px;font-weight:700}.company dd{margin:3px 0}.form-success{background:var(--light);padding:34px}.database{background:#edf1f4;min-height:100vh;padding:50px 20px}.db-shell{background:#fff;border:1px solid #cbd3d9;width:min(900px,100%);margin:auto;padding:42px}.db-shell>img{width:250px}.db-shell h1{color:#193c5a;border-bottom:2px solid #193c5a;padding-bottom:18px;font-size:28px}.database form>div{gap:10px;display:flex}.database form button{color:#fff;font:inherit;background:#244e70;border:0;padding:0 28px}.results{border-top:1px solid #d5dde3;min-height:160px;margin-top:35px;padding-top:30px}.results pre{white-space:pre-wrap;font:inherit;line-height:2}.document-thumb{cursor:zoom-in;background:#eee;border:1px solid #aebbc5;max-width:520px;padding:10px;display:block}.viewer{z-index:100;background:#000000de;padding:64px 20px 20px;position:fixed;inset:0}.viewer-close{font:inherit;background:#fff;border:0;padding:8px 18px;position:absolute;top:16px;right:20px}.viewer-scroll{text-align:center;touch-action:pan-x pan-y pinch-zoom;background:#333;height:100%;overflow:auto}.viewer-scroll img{width:max(100%,1100px);max-width:none;height:auto}.progress-photo{max-width:1000px;margin:auto}@media (max-width:980px){.menu-button{display:block}.nav{background:#fff;grid-template-columns:1fr 1fr;padding:15px 20px;display:none;position:absolute;top:84px;left:0;right:0;box-shadow:0 10px 20px #0002}.nav.open{display:grid}.nav a{padding:12px}.feature-grid{grid-template-columns:1fr}.jobs article{grid-template-columns:1fr 1fr}.jobs article h2{grid-column:1/-1}}@media (max-width:700px){.wrap{width:min(100% - 28px,1120px)}.header-inner{min-height:72px;padding:10px 14px}.brand,.brand img{flex-basis:165px;width:165px}.nav{top:72px}.page-hero,.section{padding:52px 0}.home-hero{min-height:620px}.hero-images{grid-template-columns:1fr}.hero-images>img:nth-child(2){display:none}.hero-copy{width:calc(100% - 28px);margin:0 14px 30px;padding:24px}.feature-grid,.card-grid,.site-scenes,.project-layout,.contact-layout{grid-template-columns:1fr}.news p{grid-template-columns:1fr;gap:2px}.project-layout{gap:28px}.jobs article{grid-template-columns:1fr}.jobs article h2{grid-column:auto}.timeline>div{grid-template-columns:1fr;gap:5px}.database{padding:20px 10px}.db-shell{padding:24px 16px}.db-shell h1{font-size:22px}.database form>div{flex-direction:column}.database form button{padding:12px}.results pre{overflow-wrap:anywhere;font-size:14px}.viewer{padding-left:8px;padding-right:8px}footer{padding:36px 24px;display:block}footer small{margin-top:26px;display:block}.site-scenes img{height:auto}}.fiction-notice{opacity:.85;max-width:520px;font-size:12px;line-height:1.65}.hokuo-logo-link{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hokuo-logo-link img{-webkit-user-drag:none;pointer-events:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.works-section{background:#f7f9fb}.works-heading{margin:0 0 30px}.works-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.works-gallery-item{cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;line-height:0;display:block;overflow:hidden}.works-gallery-item img{width:100%;height:auto;transition:transform .25s,filter .25s;display:block}.works-gallery-item:hover img{filter:brightness(1.03);transform:scale(1.015)}.works-gallery-item:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.works-lightbox{z-index:110;background:#03121feb;place-items:center;padding:70px 24px 24px;display:grid;position:fixed;inset:0}.works-lightbox-close{color:var(--navy);font:inherit;cursor:pointer;background:#fff;border:1px solid #ffffffa6;padding:9px 20px;position:absolute;top:18px;right:24px}.works-lightbox-image{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.works-lightbox-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@media (max-width:700px){.works-gallery{grid-template-columns:1fr;gap:20px}.works-lightbox{padding:64px 10px 16px}.works-lightbox-close{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.works-gallery-item img{transition:none}}