:root{--ink:#0f1724;--muted:#5f6b7a;--line:#dbe3ec;--soft:#f5f8fb;--brand:#082f57;--brand-dark:#061f39;--accent:#2f80b9;--max:1160px;--radius:14px;--shadow:0 18px 55px rgba(15,23,36,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
p{margin:0 0 1rem;color:var(--muted)}
h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
h1{font-size:clamp(2.35rem,5vw,4.9rem);max-width:980px}
h2{font-size:clamp(1.85rem,3.2vw,3.2rem);margin-bottom:1rem}
h3{font-size:1.15rem;letter-spacing:-.01em}
img,picture,svg,video{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.skip-link{position:fixed;left:12px;top:12px;z-index:100;transform:translateY(-160%);background:#fff;color:var(--brand);font-weight:700;padding:10px 14px;border:2px solid var(--brand);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.logo{display:flex;align-items:center;flex:0 1 auto}
.site-logo{display:block;width:clamp(220px,25vw,320px);height:auto}
.nav-links{display:flex;align-items:center;gap:22px;color:#324054;font-size:.94rem}
.nav-links a:not(.btn){padding:8px 0;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--brand)}
.nav-links a[aria-current="page"]:not(.btn){color:var(--brand);border-bottom-color:var(--accent);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;border:1px solid var(--brand)}
.btn.secondary{background:#fff;color:var(--brand);border-color:#b9cede}
.btn:hover{background:var(--brand-dark);color:#fff}
.nav-contact[aria-current="page"]{box-shadow:0 0 0 3px rgba(47,128,185,.3)}
.hero{padding:94px 0 72px;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);border-bottom:1px solid var(--line)}
.hero-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 380px;gap:54px;align-items:center}
.eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:18px}
.lead{font-size:clamp(1.08rem,1.7vw,1.32rem);max-width:760px;margin:24px 0 0}
.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px}
.hero-panel,.aside-note{background:var(--brand);color:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.hero-panel .panel-title,.aside-note h2{color:#fff;font-size:1.15rem;letter-spacing:-.01em;margin-bottom:18px}
.hero-panel p,.aside-note p{color:#d7e3ee}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.check-list li{position:relative;padding-left:24px}
.check-list li::before{content:"✓";position:absolute;left:0;color:#8fc7ee;font-weight:700}
.section{padding:80px 0}
.section.alt{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:780px;margin-bottom:36px}
.text-link,.aside-link{display:inline-flex;color:var(--brand);font-weight:700;border-bottom:1px solid currentColor}
.cards,.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card,.stat,.contact-card,.founder-photo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.card h3,.stat h2{margin-bottom:10px}
.stat h2{font-size:1.15rem;letter-spacing:-.01em}
.card p,.stat p{margin-bottom:0}
.split{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}
.aside-note{position:sticky;top:112px}
.aside-note .check-list li{color:#e7f0f8}
.aside-note .aside-link{margin-top:20px;color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.rich-text{max-width:760px}
.rich-text h2:not(:first-child){margin-top:40px}
.rich-text p:last-child{margin-bottom:0}
.founder-editorial{max-width:760px}
.founder-heading{max-width:760px;margin-bottom:38px}
.founder-heading h2{margin-bottom:0}
.founder-intro{display:block}
.founder-portrait{float:left;width:210px;margin:4px 30px 18px 0}
.founder-portrait picture{display:block}
.founder-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#dbe3ec}
.founder-portrait figcaption{display:grid;gap:2px;padding:11px 0 0;border-top:2px solid var(--brand);margin-top:10px}
.founder-portrait figcaption strong,.founder-signature strong{color:var(--ink)}
.founder-portrait figcaption span,.founder-signature span{color:var(--muted);font-size:.8rem}
.founder-opening{font-size:1.04rem;line-height:1.75;max-width:none}
.founder-opening p{margin-bottom:1.45rem}
.founder-origin{color:var(--brand);font-weight:700;padding-left:20px;border-left:3px solid var(--accent)}
.founder-reading{max-width:none;margin:0;font-size:1.04rem;line-height:1.75}
.founder-reading>p{margin-bottom:1.45rem}
.founder-principle{margin:34px 0;padding:26px 0;border-top:1px solid #aac0d3;border-bottom:1px solid #aac0d3}
.founder-principle p{margin:0;color:var(--brand);font-size:1.18rem;line-height:1.55;font-weight:600}
.founder-signature{display:grid;gap:2px;margin:36px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.roadmap-image-wrap{width:min(1480px,calc(100% - 28px));max-width:none}
.roadmap-image-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);gap:42px;align-items:end;margin-bottom:28px}
.roadmap-image-head h2,.roadmap-image-head p{margin-bottom:0}
.roadmap-image-card{margin:0 auto;border:1px solid rgba(8,47,87,.12);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(8,47,87,.13)}
.roadmap-image-link,.roadmap-image-card picture,.roadmap-image-card img{display:block;width:100%}
.roadmap-image-card figcaption{padding:14px 18px;text-align:center;color:#36516b;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid rgba(8,47,87,.1)}
.experience-inner,.contact-direct{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:48px;align-items:center}
.experience .cta-row{margin:0;justify-content:flex-end}
.contact-direct address{font-style:normal}
.contact-method{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}
.contact-method:first-child{padding-top:0}.contact-method:last-child{padding-bottom:0;border:0}
.contact-method span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
.contact-method a{color:var(--brand);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.footer{padding:34px 0;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.84rem}
.footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-logo{display:block;width:210px;height:auto}
.footer-contact a{text-decoration:underline;text-underline-offset:3px}
/* Future case studies: activate only when real projects and approved photography are available. */
.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.case-study{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.case-study-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.case-study-media img{width:100%;height:100%;object-fit:cover}
.case-study-body{padding:26px}.case-study-meta{color:var(--brand);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:980px){.nav{align-items:flex-start;padding:16px 0;flex-wrap:wrap}.nav-links{flex-basis:100%;width:100%;flex-wrap:wrap;gap:8px}.nav-links a:not(.btn),.nav-links .btn{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(8,47,87,.14);border-radius:999px;background:#fff;color:#12304d}.nav-links a[aria-current="page"]:not(.btn){background:#eaf3f9;border-color:var(--accent)}.nav-links .btn{background:var(--brand);color:#fff}.hero-grid,.contact-grid,.split,.experience-inner,.contact-direct{grid-template-columns:1fr}.aside-note{position:static}.founder-opening,.founder-reading{font-size:1rem}.founder-principle{margin:34px 0;padding:26px 0}.experience .cta-row{justify-content:flex-start}.cards,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){h1{font-size:clamp(2rem,10vw,2.7rem)}h2{font-size:clamp(1.65rem,8vw,2.1rem)}.container{width:calc(100% - 24px)}.site-logo{width:min(245px,72vw)}.hero{padding:48px 0 42px}.section{padding:48px 0}.cards,.stats,.case-study-grid{grid-template-columns:1fr}.hero-panel,.aside-note,.card,.stat,.contact-card{padding:22px}.founder-heading{margin-bottom:28px}.founder-portrait{float:none;width:180px;margin:0 0 26px}.founder-opening,.founder-reading{font-size:1rem;line-height:1.68}.founder-principle{margin:30px 0;padding:22px 0}.founder-principle p{font-size:1.1rem}.roadmap-image-wrap{width:calc(100% - 20px)}.roadmap-image-head{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.roadmap-image-card{border-radius:12px}.roadmap-image-card figcaption{font-size:.66rem;line-height:1.35;letter-spacing:.06em;padding:10px 8px}.roadmap-image-card figcaption::after{content:" Tap the image to open it larger."}.footer .container{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}