@media(min-width:1700px) {
  .hero { height:870px; }
  .hero-copy { top:253px; }
  .hero h1 { font-size:62px; }
  .hero-directions { bottom:44px; }
}
@media(max-width:1250px) {
  .container { width:calc(100% - 104px); }
  .hero { height:730px; min-height:0; }
  .header { width:calc(100% - 82px); }
  .hero-copy { left:41px; top:216px; width:450px; }
  .hero h1 { font-size:53px; letter-spacing:-2.3px; }
  .hero-description { font-size:13px; }
  .hero-directions { left:41px; }
  .hero-directions>button { width:159px; font-size:10px; }
  .hero-caption { right:40px; font-size:9px; }
  .nav { gap:24px; }
  .engine-canvas { padding:37px 40px; grid-template-columns:162px 1fr 200px; gap:40px; }
  .engine-result { padding:18px 15px; }
  .engine-result-label { font-size:9px; }
  .console-query { font-size:12px; }
  .console-bottom>span { font-size:8px; }
  .section-intro h2,.center-intro h2,.principles h2 { font-size:39px; }
  .section-intro>p { font-size:12px; }
  .solution-copy { padding-inline:16px; }
  .solution-copy h3 { font-size:16px; }
  .solution-copy>p { font-size:13px; }
  .photo-widget,.knowledge-widget { left:13px; right:13px; }
  .photo-widget>p { font-size:12px; }
  .photo-widget>small { font-size:8px; }
  .process-widget { left:13px; right:13px; padding:13px; }
  .process-widget strong { font-size:12px; }
  .knowledge-widget>span { font-size:10px; }
  .principles { gap:70px; }
  .paper { width:85px; height:94px; }
  .principle-visual { padding-inline:24px; }
}
@media(max-width:1000px) {
  .container { width:calc(100% - 70px); }
  .hero { height:710px; margin:12px; }
  .header { width:calc(100% - 54px); gap:22px; height:76px; }
  .brand img { width:123px; }
  .nav { gap:19px; }
  .nav>a { font-size:11px; }
  .header-contact { font-size:10px; padding:9px 12px; }
  .hero-copy { left:28px; width:360px; top:210px; }
  .hero h1 { font-size:44px; letter-spacing:-1.8px; }
  .hero-description { font-size:12px; }
  .hero-kicker { font-size:10px; margin-bottom:17px; }
  .hero-directions { left:28px; bottom:31px; }
  .hero-directions>button { width:145px; padding:11px 12px; font-size:9px; }
  .hero-caption { bottom:13px; right:28px; font-size:8px; }
  .context-strip { min-height:117px; gap:40px; }
  .context-strip>p { font-size:9px; }
  .context-strip>div { gap:18px; }
  .context-strip>div>span { font-size:16px; gap:8px; }
  .context-strip .icon { width:17px; height:17px; }
  .section { padding-block:65px; }
  .section-intro { gap:35px; }
  .section-intro h2,.center-intro h2,.principles h2 { font-size:35px; letter-spacing:-1.2px; }
  .section-intro>p { font-size:11px; }
  .desktop-only { display:none; }
  .engine-canvas { grid-template-columns:120px 1fr 173px; gap:29px; padding:35px 30px; min-height:339px; }
  .source { width:107px; font-size:10px; gap:7px; }
  .sources { gap:24px; }
  .sources-label { font-size:8px; }
  .console-brand { font-size:10px; padding-inline:10px; }
  .console-brand>span { font-size:7px; }
  .console-query { padding:14px 11px 10px; font-size:11px; }
  .console-bottom { padding-left:11px; }
  .console-bottom>span { font-size:8px; max-width:109px; }
  .engine-result { padding:17px 12px; }
  .engine-result-label { font-size:8px; gap:5px; }
  .engine-result-label .icon { width:12px; height:12px; }
  .engine-result>p { font-size:13px; }
  .engine-result>div { font-size:8px; gap:5px; }
  .engine-note { font-size:9px; }
  .example-link { font-size:10px; gap:13px; }
  .center-intro>p:last-child { font-size:12px; }
  .solution-grid { gap:11px; }
  .solution-label { padding:9px; font-size:9px; gap:5px; }
  .solution-photo { aspect-ratio:.84; }
  .solution-copy { padding:16px 12px 19px; }
  .solution-copy h3 { font-size:15px; min-height:38px; }
  .solution-copy>p { font-size:12px; min-height:83px; }
  .photo-widget { padding:11px; left:10px; right:10px; bottom:11px; }
  .photo-widget>span { font-size:8px; }
  .photo-widget>p { font-size:11px; }
  .photo-widget>small { font-size:7px; margin-top:9px; }
  .process-widget { gap:8px; padding:11px; left:10px; right:10px; bottom:11px; }
  .process-widget>.icon { width:20px; height:20px; }
  .process-widget strong { font-size:10px; }
  .process-widget>span { font-size:9px; }
  .knowledge-widget { gap:7px; left:10px; right:10px; bottom:11px; padding:12px 9px; }
  .knowledge-widget>span { font-size:9px; }
  .knowledge-widget>.icon { width:13px; height:13px; }
  .solution-link { font-size:10px; gap:9px; }
  .solutions-note { font-size:9px; }
  .founder-scene { height:490px; }
  .founder-copy { padding:42px 35px; }
  .founder-copy h2 { font-size:35px; max-width:460px; letter-spacing:-1.2px; }
  .founder-copy>p:not(.eyebrow) { font-size:12px; }
  .founder-byline { left:35px; bottom:37px; }
  .principles { gap:38px; }
  .principles-description { font-size:12px; }
  .principle-tabs { margin-top:33px; gap:22px; }
  .principle-tabs strong { font-size:12px; }
  .principle-tabs span { font-size:12px; }
  .principle-tabs span br { display:none; }
  .principle-visual { min-height:498px; padding:40px 17px 24px; }
  .paper-stack { gap:7px; }
  .paper { width:71px; height:86px; padding:10px; }
  .paper>span { font-size:8px; }
  .principle-output { padding:14px; gap:10px; }
  .principle-output strong { font-size:11px; }
  .principle-output p { font-size:9px; }
  .contact h2 { font-size:39px; }
  .footer-top { grid-template-columns:1.8fr 1.3fr 1.1fr 1fr; gap:25px; }
  .footer-column { font-size:10px; }
  .footer-column>span { font-size:11px; }
  .footer-wordmark { margin-top:34px; }
}
@media(max-width:700px) {
  html { scroll-padding-top:24px; }
  .container { width:calc(100% - 40px); }
  .hero { margin:8px; height:929px; max-height:none; border-radius:10px; }
  .header { width:calc(100% - 34px); height:72px; }
  .brand img { width:137px; }
  .nav,.header-contact { display:none; }
  .menu-button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; border:1px solid #a8bde12b; border-radius:50%; background:#ffffff07; margin-left:auto; }
  .menu-button>span { width:14px; height:1px; background:#dfe6f4; }
  .menu-button[aria-expanded="true"]>span:first-child { transform:translateY(3px) rotate(45deg); }
  .menu-button[aria-expanded="true"]>span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .mobile-menu { position:absolute; display:flex; flex-direction:column; left:0; right:0; top:65px; padding:15px; border:1px solid #ffffff22; border-radius:10px; background:#151922; box-shadow:0 12px 25px #0b101e50; }
  .mobile-menu a { padding:12px 8px; font-size:13px; color:#dfe6f4; }
  .hero-visual { top:auto; height:370px; bottom:0; }
  .hero-photo { object-position:100% 50%; }
  .hero-shade { background:linear-gradient(180deg,transparent 56%,#151922 60%,transparent 68%); }
  .hero-copy { top:123px; left:23px; right:23px; width:auto; }
  .hero-kicker { font-size:10px; margin-bottom:23px; }
  .hero h1 { font-size:38px; letter-spacing:-1.4px; line-height:1.07; }
  .hero-description { margin-top:24px; font-size:14px; line-height:1.65; max-width:315px; }
  .hero-description br { display:none; }
  .hero-cta { margin-top:24px; min-height:42px; font-size:12px; padding:12px 18px; }
  .hero-directions { left:23px; right:23px; top:468px; bottom:auto; gap:6px; }
  .hero-directions>button { width:calc((100% - 12px)/3); min-height:69px; padding:10px 10px 9px; gap:8px; font-size:9px; }
  .hero-directions .direction-icon { width:15px; height:15px; }
  .hero-caption { left:23px; right:23px; bottom:14px; font-size:8px; color:#bbc7dc; text-shadow:0 1px 4px #000; }
  .context-strip { min-height:161px; display:block; padding-block:23px; }
  .context-strip>p { font-size:10px; }
  .context-strip>p br { display:none; }
  .context-strip>div { display:grid; grid-template-columns:1fr 1fr; gap:16px 24px; margin-top:21px; }
  .context-strip>div>span { font-size:15px; }
  .context-strip .icon { width:17px; height:17px; }
  .section { padding-block:58px; }
  .eyebrow { font-size:10px; }
  .section-intro { display:block; }
  .section-intro h2,.center-intro h2,.principles h2 { font-size:35px; letter-spacing:-1.3px; line-height:1.12; margin-top:17px; }
  .section-intro>p { font-size:13px; line-height:1.7; margin-top:21px; max-width:320px; }
  .engine-canvas { display:flex; flex-direction:column; align-items:stretch; gap:68px; padding:42px 22px 27px; margin-top:28px; min-height:0; }
  .sources { flex-direction:row; flex-wrap:wrap; justify-content:center; column-gap:13px; row-gap:16px; padding-top:4px; }
  .sources-label { top:-22px; width:100%; text-align:center; font-size:9px; }
  .source { width:auto; font-size:9px; gap:5px; }
  .source-icon { width:14px; height:14px; }
  .engine-console { width:100%; max-width:320px; align-self:center; }
  .console-brand { font-size:11px; padding:12px; }
  .console-brand>span { font-size:8px; }
  .console-query { padding:17px 14px 11px; font-size:13px; }
  .console-bottom { padding:0 12px 12px 14px; }
  .console-bottom>span { font-size:9px; max-width:180px; }
  .result-toggle { width:28px; height:28px; }
  .engine-result { width:100%; max-width:256px; align-self:center; padding:22px 21px; }
  .engine-result-label { font-size:11px; gap:8px; }
  .engine-result-label .icon { width:15px; height:15px; }
  .engine-result>p { font-size:19px; margin-top:17px; letter-spacing:-.5px; }
  .engine-result>div { font-size:11px; margin-top:22px; gap:8px; }
  .engine-note { flex-direction:column; gap:6px; align-items:flex-start; font-size:10px; line-height:1.6; margin-top:17px; }
  .example-link { font-size:11px; gap:20px; }
  .example-details { grid-template-columns:1fr; gap:19px; padding:23px; }
  .example-details>div>p { font-size:12px; }
  .example-disclaimer { font-size:10px; }
  .solutions { padding-top:10px; }
  .center-intro>p:last-child { font-size:13px; line-height:1.6; }
  .center-intro>p:last-child br { display:none; }
  .solution-grid { grid-template-columns:1fr; gap:22px; margin-top:28px; }
  .solution-card { max-width:440px; width:100%; margin:auto; }
  .solution-label { font-size:11px; padding:12px; gap:8px; }
  .solution-photo { aspect-ratio:1.05; }
  .solution-copy { padding:21px 21px 24px; }
  .solution-copy h3 { font-size:21px; min-height:0; letter-spacing:-.6px; }
  .solution-copy>p { font-size:13px; line-height:1.7; min-height:0; margin-top:12px; }
  .solution-link { margin-top:23px; font-size:12px; gap:19px; }
  .photo-widget { left:20px; right:20px; bottom:20px; padding:16px; }
  .photo-widget>span { font-size:10px; }
  .photo-widget>p { font-size:14px; }
  .photo-widget>small { font-size:10px; margin-top:15px; }
  .process-widget { left:20px; right:20px; bottom:20px; padding:17px; gap:13px; }
  .process-widget>.icon { width:25px; height:25px; }
  .process-widget>span { font-size:11px; }
  .process-widget strong { font-size:15px; }
  .knowledge-widget { left:20px; right:20px; bottom:20px; padding:17px; gap:10px; }
  .knowledge-widget>span { font-size:12px; }
  .knowledge-widget>.icon { width:16px; height:16px; }
  .solutions-note { text-align:left; font-size:10px; line-height:1.6; margin-top:17px; }
  .about { padding-block:7px 55px; }
  .founder-scene { height:758px; }
  .founder-scene>picture,.founder-scene>img { top:auto; bottom:0; left:0; width:100%; height:435px; }
  .founder-scene img { object-position:center 22%; }
  .founder-shade { background:linear-gradient(180deg,#151922 0%,#151922 36%,#1519229c 47%,transparent 65%,#121926cc 100%); }
  .founder-copy { padding:33px 27px; }
  .founder-copy .eyebrow { font-size:10px; }
  .founder-copy h2 { margin-top:23px; font-size:31px; letter-spacing:-1px; }
  .founder-copy>p:not(.eyebrow) { font-size:12px; margin-top:18px; }
  .founder-copy>.pill { margin-top:20px; }
  .founder-byline { left:27px; bottom:29px; }
  .founder-byline>span { font-size:16px; }
  .founder-byline>small { font-size:10px; }
  .principles { display:flex; flex-direction:column; gap:35px; align-items:stretch; padding-top:0; padding-bottom:54px; }
  .principles-description { font-size:13px; margin-top:19px; }
  .principle-tabs { gap:23px; margin-top:32px; }
  .principle-tabs strong { font-size:14px; }
  .principle-tabs span { font-size:12px; max-width:290px; }
  .principle-visual { min-height:510px; padding:38px 22px 24px; }
  .paper { width:80px; height:91px; }
  .paper>span { font-size:9px; }
  .principle-output { padding:18px 17px; }
  .principle-output strong { font-size:12px; }
  .principle-output p { font-size:10px; }
  .contact { padding-bottom:46px; }
  .contact-inner { padding:37px 20px 31px; }
  .contact h2 { font-size:34px; letter-spacing:-1px; }
  .contact-inner>p:not(.eyebrow) { font-size:12px; margin-top:20px; }
  .contact-inner>p:not(.eyebrow) br { display:none; }
  .contact-actions { flex-direction:column; gap:9px; margin-top:24px; }
  .contact-actions>.pill { min-height:39px; width:200px; font-size:11px; }
  .contact-inner>small { font-size:9px; line-height:1.6; max-width:230px; margin:18px auto 0; }
  .footer-top { grid-template-columns:1fr 1fr; gap:30px 18px; padding-bottom:31px; }
  .footer-brand { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; }
  .footer-brand .brand img { width:137px; }
  .footer-brand>p { margin:0; font-size:10px; text-align:right; }
  .footer-column { font-size:11px; gap:11px; }
  .footer-column>span { font-size:12px; margin-bottom:4px; }
  .footer-column:last-child { grid-column:1/-1; flex-direction:row; align-items:center; gap:23px; }
  .footer-column:last-child>span { margin:0; margin-right:auto; font-size:11px; }
  .footer-bottom { flex-wrap:wrap; gap:14px; padding-top:19px; font-size:8px; }
  .footer-bottom>span:nth-child(2) { display:none; }
  .footer-bottom>a { margin-left:auto; font-size:10px; }
  .footer-wordmark { font-size:17.8vw; letter-spacing:-.072em; margin-top:30px; margin-left:-2px; margin-bottom:-9px; }
}
@media(max-width:370px) {
  .hero h1 { font-size:35px; }
  .hero-copy { left:20px; right:20px; }
  .hero-directions { left:20px; right:20px; }
  .hero-directions>button { font-size:8px; padding-inline:8px; }
  .hero-description { font-size:13px; }
  .founder-copy { padding-inline:23px; }
  .founder-copy h2 { font-size:28px; }
  .paper { width:70px; }
}

/* Keep the whole photographic subject readable in a narrow desktop panel. */
@media(min-width:701px) and (max-width:1100px) {
  .hero { height:1050px; max-height:none; }
  .hero-visual { top:auto; bottom:0; height:470px; }
  .hero-photo { object-position:100% 50%; }
  .hero-shade { background:linear-gradient(180deg,transparent 47%,#151922 51%,#15192200 66%); }
  .hero-copy { top:135px; left:41px; width:520px; }
  .hero h1 { font-size:61px; letter-spacing:-2.5px; }
  .hero-description { font-size:15px; }
  .hero-directions { top:467px; bottom:auto; left:41px; }
  .hero-directions>button { width:171px; font-size:11px; }
  .hero-caption { bottom:20px; font-size:10px; }
}