:root{--santen-blue:#00a1e9;--santen-deep-blue:#004098;--santen-deep-blue-hover:#003778;--santen-deep-blue-active:#002f66;--santen-ice-blue:#eaf7fe;--santen-mist-blue:#f3fafe;--brand-blue:#00a1e9;--brand-deep-blue:#004098;--brand-deep-blue-hover:#003778;--brand-deep-blue-active:#002f66;--brand-ice-blue:#eaf7fe;--brand-mist-blue:#f3fafe;--text-primary:#122033;--text-secondary:#526173;--text-muted:#748094;--bg-canvas:#e2ebf1;--bg-canvas-strong:#d5e2eb;--bg-subtle:#e5eef4;--surface:#ffffff;--surface-blue:var(--brand-ice-blue);--border-subtle:#dde7f0;--border-hairline:rgba(18,32,51,0.08);--border-glass:rgba(184,199,214,0.58);--focus-ring:#00a1e9;--success:#067647;--warning:#a15c07;--danger:#b42318;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--shadow-xs:0 1px 1px rgba(16,24,40,0.04);--shadow-md:0 12px 36px rgba(16,24,40,0.08);--shadow-lg:0 18px 54px rgba(18,32,51,0.1);--inner-highlight:inset 0 1px 0 rgba(255,255,255,0.78);--header-height:68px;--page-gutter:clamp(20px,3vw,40px);--page-gutter-compact:clamp(16px,2vw,24px);--section-gap:clamp(18px,2.2vw,24px);--cluster-gap:clamp(14px,1.8vw,20px);--reading-max-width:760px;--ink:var(--text-primary);--muted:var(--text-secondary)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-canvas) 0,var(--bg-canvas-strong) 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 28%,transparent);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.56}main{padding:0}.app-shell,main{width:100%;margin:0}.app-shell{min-height:100dvh;padding:0 0 96px;display:flex;flex-direction:column;gap:var(--section-gap);background:linear-gradient(180deg,#dbe7ef 0,#d3e0e9 42%,var(--bg-canvas-strong) 100%);color:var(--text-primary)}.app-shell>:where(.hero-panel,.project-grid,.portfolio-grid){margin-inline:var(--page-gutter)}.panel,.project-card{border:1px solid var(--border-hairline);background:rgba(255,255,255,.76);box-shadow:var(--shadow-xs),var(--inner-highlight)}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;min-height:var(--header-height);margin:0;padding:0 var(--page-gutter);border-bottom:1px solid var(--border-hairline);justify-content:space-between;gap:clamp(18px,2.5vw,36px);background:rgba(255,255,255,.78);box-shadow:var(--inner-highlight);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}.brand,.eyebrow,.header-status,.panel-title,.primary-button,.project-card__body a,.project-card__footer,.project-card__top,.top-bar{display:flex;align-items:center}.brand{gap:clamp(16px,2vw,28px)}.brand strong{display:block;font-size:.98rem;letter-spacing:-.01em}.brand span,.domain-list strong,.eyebrow,.header-status>span,.panel p,.project-card p,.project-card__footer,.stat-card p,.stat-card span{color:var(--muted)}.brand>div>span{margin-top:2px;font-size:.8rem}.brand-lockup{min-width:116px;min-height:52px;padding-right:18px;border-right:1px solid var(--border-hairline);display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;color:var(--santen-deep-blue);text-decoration:none}.brand-lockup__logo{display:block;width:clamp(96px,7.5vw,128px);height:auto;object-fit:contain}.brand-lockup__fallback{display:block;color:var(--santen-deep-blue);font-size:1.34rem;line-height:1;font-weight:680;letter-spacing:-.03em}.brand-lockup__subbrand{display:block;margin-left:1px;color:var(--text-secondary);font-size:.68rem;line-height:1;font-weight:760;letter-spacing:.22em}.header-status{gap:14px;flex-wrap:wrap;justify-content:flex-end}.header-status>span{min-height:38px;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.62);box-shadow:var(--inner-highlight);font-size:.84rem;line-height:1}.hero-panel{padding:4px 0 0;display:block}.hero-panel h1{max-width:780px;margin:16px 0 0;font-size:clamp(2rem,3vw,2.45rem);line-height:1.12;letter-spacing:-.02em}.hero-panel p{max-width:var(--reading-max-width);margin:16px 0 0;font-size:1rem;line-height:1.58}.eyebrow{gap:7px;font-size:.76rem;font-weight:760;text-transform:uppercase}.eyebrow.compact{text-transform:none}.project-icon{display:grid;place-items:center;color:#fff;background:var(--brand-deep-blue);width:48px;height:48px;border-radius:var(--radius-lg)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--cluster-gap);gap:var(--cluster-gap)}.project-card{min-height:340px;padding:clamp(20px,2.3vw,26px);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:space-between}.project-card__footer,.project-card__top{justify-content:space-between;gap:12px}.project-card__body{display:grid;grid-gap:12px;gap:12px;margin:24px 0 18px}.project-card h2{margin:0;font-size:1.3rem;line-height:1.22;letter-spacing:-.01em}.project-card__body a{width:-moz-fit-content;width:fit-content;min-width:0;gap:6px;color:var(--brand-deep-blue);font-size:.88rem;font-weight:760;text-decoration:none}.domain-list a:hover strong,.project-card__body a:hover{text-decoration:underline}.project-card p{margin:0;line-height:1.52}.source-badge,.tag-row span{display:inline-flex;min-height:24px;align-items:center;padding:3px 8px;border-radius:999px;color:#31415f;background:#e9eef6;font-size:.72rem;font-weight:800}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-row span{color:var(--brand-deep-blue);background:var(--surface-blue)}.primary-button{min-height:44px;border:1px solid color-mix(in srgb,var(--brand-deep-blue-active) 52%,white);border-radius:var(--radius-md);gap:8px;justify-content:center;color:#fff;background:linear-gradient(180deg,var(--brand-deep-blue) 0,var(--brand-deep-blue-active) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(16,24,40,.08);font-weight:720;text-decoration:none;transition:background .16s ease,transform .16s ease}.primary-button:hover{background:linear-gradient(180deg,var(--brand-deep-blue-hover) 0,var(--brand-deep-blue-active) 100%);transform:translateY(-1px)}.compact-button{min-height:40px;padding:0 14px}.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--cluster-gap);gap:var(--cluster-gap)}.panel{border-radius:var(--radius-xl);padding:clamp(20px,2.5vw,28px)}.panel-title{justify-content:space-between;gap:var(--cluster-gap);margin-bottom:18px}.panel-title h2{margin:7px 0 0;font-size:1.18rem;line-height:1.25;letter-spacing:-.01em}.coverage-list{display:grid;grid-gap:14px;gap:14px}.coverage-list p{margin:0;padding:16px;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.58);line-height:1.48}.pin-page{width:100%;min-height:100dvh;display:grid;place-items:center;padding:clamp(24px,5vw,72px);background:linear-gradient(180deg,#f7fbff,#edf6fb)}.pin-card{width:min(440px,100%);padding:clamp(32px,5vw,48px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);background:rgba(255,255,255,.82);box-shadow:var(--shadow-md),var(--inner-highlight);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.pin-copy h1{margin:16px 0 0;font-size:2.35rem;line-height:1.15;letter-spacing:-.02em}.pin-copy p{min-height:28px;margin:14px 0 0;line-height:1.45}.pin-form{margin-top:34px}.pin-label{display:block}.pin-entry{position:relative;margin-top:14px}.pin-entry input{position:absolute;inset:0;z-index:2;min-height:70px;opacity:0}.pin-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.pin-slots span{min-height:76px;display:grid;place-items:center;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.66);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pin-entry:focus-within .pin-slots span{border-color:color-mix(in srgb,var(--focus-ring) 50%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-ring) 12%,transparent)}.pin-entry.locked .pin-slots span{border-color:rgba(194,65,58,.28);background:#fff0ef}.pin-slots span.filled:after{content:"";width:15px;height:15px;border-radius:999px;background:var(--brand-deep-blue)}.pin-entry.shake .pin-slots{animation:pin-shake .42s cubic-bezier(.36,.07,.19,.97)}.pin-status{min-height:20px;margin-top:18px;font-size:.84rem;line-height:1.45}@keyframes pin-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}.primary-button:hover{transform:none}}@media (max-width:1180px){.portfolio-grid,.project-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{padding:0 0 72px;gap:24px}.app-shell>:where(.hero-panel,.project-grid,.portfolio-grid){margin-inline:var(--page-gutter-compact)}.panel-title,.top-bar{align-items:flex-start;flex-direction:column}.top-bar{margin:0;padding:14px var(--page-gutter-compact)}.header-status{justify-content:flex-start}.hero-panel{padding:4px 0 0}.hero-panel h1{font-size:2.15rem}.project-card{min-height:0}}