.blue-hero{min-height:min(760px,calc(100dvh - 88px));display:flex;flex-direction:column}.blue-topline{padding-top:12px}.blue-composition{flex:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding-block:24px 55px}.blue-intro h1{font-size:clamp(44px,5vw,79px);letter-spacing:-.065em;line-height:1.06;max-width:12ch}.blue-intro>p{font-size:17px;max-width:39ch;color:var(--oct-muted);margin:28px 0 27px}.blue-identity{aspect-ratio:1.16;width:100%;max-width:630px}.blue-identity [data-oct-mark]{position:absolute;inset:4% 5% 4% 0}.blue-identity:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 12px,#a7c0ca22 12px 13px);clip-path:ellipse(45% 65% at 70% 50%)}.blue-identity-line{position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--oct-rule)}.blue-hero-foot{border-block:1px solid var(--oct-rule);padding-block:21px;display:flex;justify-content:space-between;font-size:12px;gap:24px}.blue-about{display:grid;grid-template-columns:1.05fr 1fr;gap:60px}.blue-about>div>p+p{max-width:49ch;margin-top:24px;font-size:15px;color:var(--oct-muted)}.blue-preview{display:grid;grid-template-columns:1.25fr 1fr;background:#c7dbe3;margin-bottom:100px;min-height:420px}.blue-photo{overflow:hidden}.blue-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.blue-preview:hover .blue-photo img{transform:scale(1.025)}.blue-preview-copy{padding:55px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blue-preview h2{font-size:45px;letter-spacing:-.05em;line-height:1.1;margin:25px 0 20px}.blue-preview p{font-size:15px;max-width:34ch}.blue-preview .oct-link{margin:25px 0 20px}.blue-preview small{font-size:11px;color:var(--oct-muted)}
@media(max-width:1024px){.blue-intro h1{font-size:clamp(40px,5.2vw,68px)}.blue-hero{min-height:580px}.blue-preview-copy{padding:34px}.blue-preview h2{font-size:36px}.blue-about{gap:35px}.blue-about h2{font-size:44px}}
@media(max-width:700px){.blue-hero{min-height:0}.blue-composition{display:flex;flex-direction:column-reverse;gap:20px;align-items:stretch;padding-top:5px;padding-bottom:34px}.blue-identity{width:72%;max-width:340px;margin-left:auto}.blue-intro h1{font-size:clamp(40px,10.8vw,64px);max-width:none}.blue-intro>p{font-size:16px;margin:20px 0}.blue-hero-foot{font-size:11px;flex-direction:column;gap:8px}.blue-about{grid-template-columns:1fr;gap:28px}.blue-about h2{font-size:43px}.blue-preview{grid-template-columns:1fr;margin-bottom:60px;min-height:0}.blue-photo{aspect-ratio:1.65}.blue-preview-copy{padding:30px}.blue-preview h2{font-size:36px}}