.home-mix .site-header{position:sticky;top:0;background:#fff;color:#102133;border-bottom:1px solid #e3eaf0;box-shadow:none;z-index:50}
.home-mix #about,.home-mix #services,.home-mix #instagram,.home-mix #process,.home-mix #contact{scroll-margin-top:86px}
.home-mix .site-header nav{color:#536474}.home-mix .site-header .brand small{color:#81909c}.home-mix .site-header .menu-button span{background:#15293b}
.home-mix .hero{min-height:760px;padding:90px 7vw;background:linear-gradient(90deg,#f8fbfe 0,#f8fbfe 54%,#edf5fb 54%,#edf5fb 100%);display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;color:#15283a;position:relative}
.home-mix .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1c6da008 1px,transparent 1px),linear-gradient(90deg,#1c6da008 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.home-mix .hero:after,.home-mix .hero-glow,.home-mix .hero-board,.home-mix .hero-points{display:none}
.home-mix .hero-copy{width:100%;position:relative;z-index:1}.home-mix .hero h1{font-size:clamp(3.2rem,5vw,5.4rem);line-height:1.08;margin:24px 0 30px;text-shadow:none;color:#13283a}.home-mix .hero h1 em{color:#167ee3}.home-mix .hero .eyebrow{color:#167ee3;font-size:13px;letter-spacing:.06em}.home-mix .hero-lead{color:#5d6f7f;font-size:18px;max-width:680px}.home-mix .button.primary{background:#167ee3;color:#fff;border-radius:5px;padding:0 28px}.home-mix .button.ghost{border:1px solid #b9c7d2;border-radius:5px;padding:0 28px;color:#21384b;background:#fff;backdrop-filter:none}.home-mix .scroll-cue{display:none}
.corporate-visual{position:relative;z-index:1;background:#fff;border:1px solid #dce6ed;box-shadow:0 24px 60px #1d5f8b16;padding:32px}.corporate-visual-head{display:flex;justify-content:space-between;border-bottom:1px solid #dde6ed;padding-bottom:18px;font-size:10px;letter-spacing:.15em;color:#688095}.corporate-visual-head b{color:#1682e4}.corporate-visual-title{padding:34px 0 28px}.corporate-visual-title small{display:block;color:#1682e4;font-size:10px;letter-spacing:.16em;margin-bottom:10px}.corporate-visual-title strong{font-size:30px;line-height:1.3;letter-spacing:-.045em}.corporate-visual ol{list-style:none;padding:0;margin:0}.corporate-visual li{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;border-top:1px solid #e5ebf0;padding:17px 0}.corporate-visual li>span{font-size:11px;color:#1682e4;font-weight:800}.corporate-visual li div b{display:block;font-size:15px}.corporate-visual li div small{display:block;margin-top:4px;color:#7b8a97;font-size:12px}.corporate-visual li i{font-style:normal;font-size:9px;letter-spacing:.13em;color:#9aa6b0;background:#f0f4f7;padding:7px 9px}.corporate-visual li:last-child i{background:#1682e4;color:#fff}
.corporate-visual{display:none}
.office-visual{position:relative;z-index:1;min-height:530px;background:url('/hero-office-meeting.png') center/cover no-repeat;box-shadow:0 28px 70px #173d5d2b;overflow:hidden;border:1px solid #d5e0e8}
.office-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,22,38,.88) 100%)}
.office-caption{position:absolute;z-index:1;left:34px;right:34px;bottom:30px;color:#fff}
.office-caption small{display:block;margin-bottom:10px;color:#8dccff;font-size:10px;font-weight:800;letter-spacing:.17em}
.office-caption strong{display:block;font-size:29px;line-height:1.28;letter-spacing:-.04em}
.office-caption span{display:block;margin-top:17px;padding-top:14px;border-top:1px solid #ffffff4d;font-size:10px;letter-spacing:.18em;color:#dceaf4}
@media(max-width:980px){.home-mix .site-header{background:#fff}.home-mix .site-header.open nav{background:#fff}.home-mix #about,.home-mix #services,.home-mix #instagram,.home-mix #process,.home-mix #contact{scroll-margin-top:72px}.home-mix .hero{min-height:auto;padding:80px 24px;background:#f6fafe;grid-template-columns:1fr}.office-visual{margin-top:25px;min-height:460px}.home-mix .hero h1{font-size:clamp(3rem,9vw,4.6rem)}}
@media(max-width:620px){.home-mix .hero{min-height:auto;background:#f6fafe;padding:65px 24px}.home-mix .hero h1{font-size:2.85rem}.home-mix .hero-lead{font-size:16px}.office-visual{min-height:350px}.office-caption{left:22px;right:22px;bottom:22px}.office-caption strong{font-size:24px}}
