:root{
  --ink:#06111d;
  --ink-2:#081725;
  --ink-3:#0b1d2d;
  --panel:#0d2030;
  --panel-hi:#11283b;
  --line:rgba(118,168,204,.18);
  --line-hi:rgba(101,181,235,.38);
  --text:#f1f6f9;
  --muted:#a9bac7;
  --muted-2:#7d93a3;
  --blue:#4aa8e8;
  --blue-soft:#7fc9f5;
  --shell:1180px;
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit}
.shell{width:min(calc(100% - 56px),var(--shell));margin-inline:auto}
.ambient{position:fixed;z-index:-5;inset:0;pointer-events:none;background:radial-gradient(55rem 38rem at 3% 15%,rgba(46,139,199,.13),transparent 62%),radial-gradient(48rem 38rem at 92% 85%,rgba(28,91,132,.08),transparent 68%)}
.site-header{position:fixed;z-index:50;inset:0 0 auto;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(6,17,29,.76);backdrop-filter:blur(18px);border-color:rgba(108,159,196,.12)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.identity{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:#eef5f8}
.identity-mark{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1px rgba(135,190,227,.22),0 8px 24px rgba(0,0,0,.22)}
.identity-mark img{display:block;width:100%;height:100%;object-fit:cover}
.identity-name{white-space:nowrap}
.header-link{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#b4c3ce;transition:color .2s}
.header-link span{margin-left:10px;color:var(--blue);font-size:15px}
.header-link:hover{color:#fff}
.hero{position:relative;min-height:760px;height:min(94vh,900px);overflow:hidden;border-bottom:1px solid var(--line);background:#050e18}
.hero-photo{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;object-position:50% 31%;filter:saturate(.88) contrast(1.03) brightness(.78)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050e18 0%,#06111d 33%,rgba(6,17,29,.87) 46%,rgba(6,17,29,.2) 73%,rgba(6,17,29,.22) 100%),linear-gradient(0deg,rgba(6,17,29,.42),transparent 46%,rgba(4,12,20,.26));pointer-events:none}
.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2;padding-top:58px}
.hero-copy{width:min(530px,46vw)}
.kicker{display:none}
.hero h1{font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(64px,7.5vw,104px);line-height:.88;text-transform:uppercase;letter-spacing:-.045em;margin:0;font-weight:700;max-width:7.8ch}
.hero-role{margin:24px 0 0;color:var(--blue);font-size:16px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.hero-rule{width:46px;height:1px;background:var(--blue);margin:29px 0 27px;opacity:.85}
.hero-lede{font-size:19px;line-height:1.7;color:#d1dbe2;max-width:38ch;margin:0}
.hero-cta{display:inline-flex;align-items:center;gap:20px;margin-top:38px;color:var(--blue-soft);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600;border-bottom:1px solid rgba(74,168,232,.52);padding-bottom:9px}
.hero-cta span{font-size:20px;transition:transform .2s var(--ease)}
.hero-cta:hover span{transform:translateY(4px)}
.section{padding:95px 0;border-bottom:1px solid rgba(113,161,195,.14)}
.eyebrow{margin:0 0 12px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.section-heading h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.about{background:linear-gradient(180deg,#07131f,#081725)}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:88px;align-items:start}
.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px;color:#c2cdd5;font-size:17px;line-height:1.75;padding-top:34px}
.about-copy p{margin:0}
.work{background:radial-gradient(58rem 30rem at 50% -10%,rgba(51,132,185,.09),transparent 70%),#06111d}
.work-heading{margin-bottom:38px}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.work-card{position:relative;min-height:385px;padding:28px 27px 25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,40,59,.92),rgba(10,27,42,.84));overflow:hidden;transition:transform .3s var(--ease),border-color .3s,background .3s}
.work-card::after{content:"";position:absolute;inset:auto -30% -54% 0;height:65%;background:radial-gradient(circle,rgba(74,168,232,.08),transparent 68%);pointer-events:none}
.work-card:has(.card-link):hover{transform:translateY(-4px);border-color:var(--line-hi);background:linear-gradient(145deg,rgba(20,47,68,.98),rgba(10,28,43,.92))}
.card-link{position:absolute;z-index:4;inset:0}
.work-brand{min-height:70px;display:flex;align-items:center;gap:13px;color:#eef7fb;margin-bottom:16px;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.08em}
.work-brand strong{font-size:17px;line-height:1.15}
.ocf-brand svg{width:53px;color:#4ca7e0;flex:none}
.baroptix-brand{color:#eef7fb;text-transform:none;letter-spacing:0}.baroptix-brand svg{width:52px;color:#70b7e9}.baroptix-brand strong{font-size:21px}
.athemos-mark{width:54px;height:54px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:41px;font-weight:900;font-style:italic;color:#79bfff;position:relative;line-height:1}.athemos-mark::after{content:"";position:absolute;width:51px;height:3px;background:#4aa8e8;transform:rotate(-22deg);border-radius:3px;opacity:.55}
.op0-brand{min-height:70px;text-transform:none;letter-spacing:0}.op0-brand .op0-icon{display:block;width:54px;height:54px;object-fit:contain;flex:none}.op0-brand strong{font-size:21px;text-transform:none;letter-spacing:0}
.work-role{margin:0 0 9px;color:var(--blue);font-size:12px;line-height:1.4}
.work-card h3{font-size:25px;line-height:1.15;margin:0 0 13px;letter-spacing:-.025em;font-weight:600}
.work-card .op0-title{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.035em}
.work-description{color:#b7c5cf;margin:0;font-size:14.5px;line-height:1.62;position:relative;z-index:2}
.work-url,.work-status{position:absolute;left:27px;bottom:24px;z-index:5;font-size:12px;color:var(--blue)}
.work-url b{font-weight:400;margin-left:4px}.work-status{color:#7e93a2;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.investment{background:#071522}
.investment-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}
.investment-card{display:grid;grid-template-columns:82px 1fr 40px;gap:26px;align-items:center;border-left:1px solid var(--line);padding:20px 0 20px 44px;transition:transform .25s var(--ease)}
.investment-card:hover{transform:translateX(5px)}
.sh-mark{width:72px;height:72px;border:2px solid #dce9ef;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;letter-spacing:-.06em}
.investment-card h3{margin:1px 0 4px;font-size:25px}.investment-card p{margin:0;color:#aebcc6}.investment-arrow{font-size:26px;color:var(--blue);justify-self:end}
.history{background:linear-gradient(180deg,#06111d,#07131f)}
.history-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}
.history-heading{position:sticky;top:125px}
.history-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.history-item{min-height:105px;padding:21px 19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px;justify-content:center;background:rgba(8,24,38,.3)}
.history-item strong{font-size:14px;font-weight:600;color:#eef5f8}.history-item span{font-size:12px;line-height:1.4;color:#8196a5}
.connect{position:relative;background:radial-gradient(60rem 24rem at 80% 100%,rgba(44,125,178,.18),transparent 68%),linear-gradient(180deg,#0a2031,#07131f)}
.connect::before{content:"";position:absolute;inset:0;opacity:.17;background:linear-gradient(160deg,transparent 48%,rgba(73,157,211,.2) 48.2%,transparent 49%),linear-gradient(20deg,transparent 57%,rgba(73,157,211,.1) 57.2%,transparent 58%);pointer-events:none}
.connect-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.connect-actions{border-left:1px solid var(--line);padding-left:50px}
.linkedin-button{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:20px;font-size:20px;color:#eef5f8;transition:transform .25s var(--ease)}
.linkedin-button:hover{transform:translateX(4px)}
.linkedin-mark{width:54px;height:54px;border-radius:5px;background:#147bb7;color:white;display:grid;place-items:center;font-weight:700;font-size:32px;font-family:Arial,sans-serif}
.linkedin-button b{font-size:26px;font-weight:300;color:var(--blue-soft)}
.location{margin:25px 0 0 77px;color:#aebcc6;font-size:14px}.location span{color:var(--blue);margin-right:8px}
footer{padding:28px 0;background:#050f19;color:#637888;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner a:hover{color:#b9c8d1}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1040px){
  .hero-photo{width:69%;object-position:54% 30%}.hero-shade{background:linear-gradient(90deg,#050e18 0%,#06111d 37%,rgba(6,17,29,.82) 54%,rgba(6,17,29,.18) 100%)}.hero-copy{width:min(490px,49vw)}
  .work-grid{grid-template-columns:repeat(2,1fr)}.work-card{min-height:330px}
  .about-grid,.history-grid{gap:54px}.about-copy{grid-template-columns:1fr;gap:18px;padding-top:16px}.history-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .shell{width:min(calc(100% - 32px),var(--shell))}.header-inner{height:68px}.identity-name{display:none}.header-link{font-size:9px}.identity-mark{width:36px;height:36px;border-radius:9px}
  .hero{height:auto;min-height:780px;padding-top:0}.hero-photo{width:100%;height:58%;inset:0 0 auto;object-position:50% 26%;filter:saturate(.86) brightness(.72)}.hero-shade{background:linear-gradient(0deg,#06111d 39%,rgba(6,17,29,.28) 68%,rgba(6,17,29,.22) 100%),linear-gradient(90deg,rgba(6,17,29,.25),rgba(6,17,29,.06))}.hero-inner{align-items:flex-end;padding:0 0 62px;min-height:780px}.hero-copy{width:100%;max-width:560px}.hero h1{font-size:clamp(54px,16vw,76px)}.hero-role{font-size:12px;letter-spacing:.14em;margin-top:17px}.hero-rule{margin:22px 0 19px}.hero-lede{font-size:16px;max-width:33ch}.hero-cta{margin-top:25px}
  .section{padding:72px 0}.about-grid,.investment-grid,.history-grid,.connect-grid{grid-template-columns:1fr;gap:38px}.section-heading h2{font-size:38px}.history-heading{position:static}.work-grid{grid-template-columns:1fr}.work-card{min-height:310px}.investment-card{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;grid-template-columns:64px 1fr 26px;gap:18px}.sh-mark{width:58px;height:58px;font-size:22px}.history-list{grid-template-columns:1fr 1fr}.connect-actions{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.location{margin-left:74px}
}
@media(max-width:480px){
  .hero{min-height:730px}.hero-inner{min-height:730px}.hero-photo{height:54%;object-position:50% 23%}.hero h1{font-size:51px}.work-card{min-height:325px}.history-list{grid-template-columns:1fr}.linkedin-button{grid-template-columns:50px 1fr 24px;font-size:17px}.linkedin-mark{width:48px;height:48px;font-size:28px}.location{margin-left:0}.footer-inner{flex-direction:column;gap:9px;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.work-card,.investment-card,.linkedin-button{transition:none}}