:root{--ink:#102a2d;--navy:#082d31;--navy-2:#0d3d41;--teal:#1b696c;--mint:#9edfc2;--lime:#d3ef78;--sand:#eee8dc;--paper:#f8f6f0;--white:#fff;--muted:#5b6d6e;--line:#d6dcd7;--max:1200px;--shadow:0 24px 65px rgba(5,40,43,.14)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:82px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(calc(100% - 44px),var(--max));margin-inline:auto}.skip-link{position:fixed;left:18px;top:-80px;background:var(--lime);color:var(--ink);padding:10px 16px;z-index:9999;font-weight:800}.skip-link:focus{top:18px}
.site-header{height:78px;position:sticky;top:0;z-index:1000;background:rgba(248,246,240,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,42,45,.12)}.nav-wrap{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:850;letter-spacing:-.7px;line-height:1}.brand>span:last-child{display:grid;gap:5px}.brand small{font-size:8px;letter-spacing:3px;font-weight:800;color:var(--teal)}.brand-logo{width:40px;height:40px;display:block;object-fit:cover;border-radius:9px;flex:0 0 auto}.primary-nav{display:flex;gap:25px;margin-left:auto}.primary-nav a{font-size:13px;font-weight:720;color:#3d5658}.primary-nav a:hover,.primary-nav a.active{color:var(--navy);text-decoration:underline;text-underline-offset:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--lime);color:var(--ink);border:0;padding:14px 20px;font-size:13px;font-weight:850;letter-spacing:.02em;cursor:pointer;transition:.25s}.button:hover{background:var(--mint);transform:translateY(-2px);box-shadow:0 10px 25px rgba(5,45,44,.15)}.button-small{padding:11px 16px}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative}.nav-toggle span{position:absolute;left:9px;width:25px;height:2px;background:var(--navy);transition:.2s}.nav-toggle span:first-child{top:16px}.nav-toggle span:last-child{top:25px}
.hero{min-height:740px;position:relative;color:var(--white);overflow:hidden;background:var(--navy)}.hero-media{position:absolute;inset:0;background:url('/optichains-hero-v2.jpg') center/cover no-repeat;transform:scale(1.015)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,31,.98) 0%,rgba(6,37,40,.91) 40%,rgba(6,38,41,.45) 69%,rgba(5,30,33,.18) 100%),linear-gradient(0deg,rgba(4,30,32,.92),transparent 42%)}.hero-inner{position:relative;z-index:2;min-height:740px;display:grid;align-content:center}.hero-copy{width:min(720px,65%);padding:88px 0 165px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:850;color:var(--teal);margin-bottom:22px}.eyebrow>span{display:inline-block;width:22px;height:2px;background:var(--lime)}.eyebrow-light{color:var(--mint)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6.2vw,88px);line-height:.98;letter-spacing:-.05em;font-weight:400}.hero h1 em{font-weight:400;color:var(--lime)}.hero-lead{font-size:18px;line-height:1.75;color:#d7e2df;max-width:650px;margin:31px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:13px;font-weight:800;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.38)}.hero-principles{position:absolute;left:22px;right:22px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(5,35,38,.9);border-top:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.hero-principles div{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:23px 28px;border-right:1px solid rgba(255,255,255,.15)}.hero-principles div:last-child{border:0}.hero-principles span{grid-row:1/3;font:italic 13px Georgia;color:var(--mint)}.hero-principles strong{font-size:14px}.hero-principles small{font-size:11px;color:#9db6b3}
.feature-strip{background:var(--lime);padding:42px 0}.feature-grid{display:grid;grid-template-columns:.25fr .55fr .2fr;gap:42px;align-items:center}.feature-label{display:grid;gap:7px}.feature-label span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.feature-label small{font:italic 18px Georgia}.feature-copy h2{font:29px/1.2 Georgia;letter-spacing:-.02em}.feature-copy p{font-size:13px;margin-top:9px;color:#365054}.feature-link{justify-self:end;font-size:12px;font-weight:850;border-bottom:1px solid var(--ink);padding-bottom:5px}
.section{padding:108px 0}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:90px;margin-bottom:58px}.section-heading h2,.approach-intro h2,.about-copy h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-.04em}.section-heading>p{font-size:15px;color:var(--muted);max-width:530px}.section-heading.light h2{color:var(--white)}.section-heading.light>p{color:#aec3c0}
.challenges{background:var(--paper)}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.challenge-card{min-height:280px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35);transition:.25s}.challenge-card:hover{background:var(--white);transform:translateY(-4px);box-shadow:var(--shadow)}.challenge-card>span,.service-no,.industry-card>span{font:italic 13px Georgia;color:var(--teal)}.challenge-card h3{font:26px/1.18 Georgia;margin:52px 0 16px}.challenge-card p{font-size:13px;color:var(--muted)}
.services{background:#f1eee6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd4cf;border-left:1px solid #ccd4cf}.service-card{min-height:390px;padding:34px;border-right:1px solid #ccd4cf;border-bottom:1px solid #ccd4cf;position:relative;background:rgba(255,255,255,.35);transition:.3s}.service-card:hover{background:var(--white);transform:translateY(-5px);box-shadow:var(--shadow);z-index:2}.service-card h3{font:27px/1.16 Georgia;margin:48px 0 16px;max-width:310px}.service-card>p{font-size:14px;color:var(--muted);margin-bottom:22px}.service-card ul{list-style:none}.service-card li{font-size:12px;color:#41595a;padding:7px 0 7px 16px;border-top:1px solid #dfe4df;position:relative}.service-card li:before{content:"";width:5px;height:5px;background:var(--mint);position:absolute;left:0;top:15px;border-radius:50%}.service-card-accent{background:var(--sand)}
.industries{background:var(--navy);color:var(--white)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.industry-card{min-height:390px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);transition:.25s;overflow:hidden}.industry-card:first-child{grid-column:span 2;background:rgba(158,223,194,.07)}.industry-card:hover{background:rgba(158,223,194,.1);transform:translateY(-3px)}.industry-card-media{height:185px;position:relative;overflow:hidden;background:var(--navy-2)}.industry-card:first-child .industry-card-media{height:205px}.industry-card-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(3,23,25,.82))}.industry-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.industry-card:hover .industry-card-media img{transform:scale(1.03)}.industry-card-media>span{position:absolute;z-index:2;right:11px;bottom:8px;font-size:8px;color:#c8d6d4;background:rgba(3,23,25,.62);padding:3px 6px}.industry-card-media a{text-decoration:underline;text-underline-offset:2px}.industry-card-copy{padding:24px 26px 27px}.industry-card h3{font:27px Georgia;margin:0 0 13px}.industry-card p{font-size:13px;color:#a9c0bd}
.engagements{background:var(--paper)}.engagement-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.engagement-card{background:var(--white);padding:34px;min-height:250px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.engagement-main{grid-row:span 2;min-height:520px;background:var(--navy);color:var(--white);padding:45px}.card-meta{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--teal);font-weight:850}.engagement-main .card-meta{color:var(--mint)}.engagement-card h3{font:30px/1.2 Georgia;letter-spacing:-.02em;margin:25px 0}.engagement-main h3{font-size:45px}.engagement-tags{display:flex;flex-wrap:wrap;gap:8px}.engagement-tags span{border:1px solid var(--line);padding:6px 9px;font-size:10px}.engagement-main .engagement-tags span{border-color:rgba(255,255,255,.22);color:#bed0cd}
.perspectives{background:var(--sand)}.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.perspective-card{background:var(--paper);min-height:315px;padding:30px;display:flex;flex-direction:column}.perspective-card p{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-weight:850}.perspective-card h3{font:29px/1.18 Georgia;margin:60px 0 auto}.perspective-card>span{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.inline-cta{display:inline-block;margin-top:34px;font-size:13px;font-weight:850;border-bottom:1px solid var(--ink);padding-bottom:5px}
.approach{background:var(--paper)}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:105px}.approach-intro{position:sticky;top:115px;align-self:start}.approach-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:25px}.steps{list-style:none;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.steps>li>span{font:italic 15px Georgia;color:var(--teal)}.steps h3{font:28px Georgia;margin-bottom:7px}.steps p{color:var(--muted);font-size:14px}
.about{background:#e8e3d7}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.about-copy>p:not(.eyebrow){margin-top:21px;color:var(--muted);font-size:15px}.founder-panel{background:var(--navy);color:var(--white);padding:38px;box-shadow:var(--shadow)}.panel-label{font-size:9px;letter-spacing:.2em;font-weight:850;color:var(--mint)}.founder-row{display:flex;gap:23px;align-items:center;margin:28px 0}.founder-monogram{width:92px;height:108px;background:var(--lime);display:grid;place-items:center;color:var(--navy);font:33px Georgia}.founder-row h3{font:27px Georgia;margin-bottom:8px}.founder-row p{font-size:11px;color:#b4c8c5}.founder-bio{font-size:13px;color:#bfd0cd;border-top:1px solid rgba(255,255,255,.15);padding-top:22px}.founder-panel>a{display:inline-block;color:var(--lime);font-size:11px;font-weight:850;margin-top:25px}
.contact{padding:105px 0;background:#061f22;color:var(--white)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact h2{font-size:clamp(39px,4.8vw,64px)}.contact-copy>p:not(.eyebrow){color:#aac2bf;margin:25px 0 30px;max-width:560px}.contact-links{display:grid;gap:8px;font-size:12px}.contact-links a{color:var(--lime);font-weight:750}.contact-links span{color:#8ca9a6}.contact-form{background:var(--paper);color:var(--ink);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:7px;font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;margin-bottom:18px}.contact-form input,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #aab7b2;padding:10px 2px;color:var(--ink);outline:0;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.contact-form textarea{border:1px solid #bdc7c2;padding:12px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal)}.contact-form .invalid{border-color:#b63c33}.form-status{font-size:12px;margin-top:12px;min-height:18px}.form-status.success{color:#176a4c}.form-status.error{color:#a22921}
.site-footer{background:#041719;color:#95adab;padding:30px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.brand-footer{color:var(--white);font-size:18px}.brand-footer .brand-logo{width:38px;height:38px}.footer-grid>p{font-size:9px;letter-spacing:.12em}.footer-grid>p:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media{transform:none}}
@media(max-width:980px){.primary-nav{position:fixed;inset:78px 0 auto;background:var(--paper);padding:25px;display:none;flex-direction:column;box-shadow:0 20px 30px rgba(0,0,0,.1)}.primary-nav.open{display:flex}.nav-cta{margin-left:auto}.nav-toggle{display:block}.hero-copy{width:82%}.feature-grid{grid-template-columns:1fr 2fr}.feature-link{grid-column:2;justify-self:start}.challenge-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:40px}.approach-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.approach-intro{position:static}.perspective-grid{grid-template-columns:1fr}.perspective-card{min-height:240px}.perspective-card h3{margin-top:35px}.founder-panel{max-width:650px}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.site-header{height:70px}.primary-nav{top:70px}.nav-cta{display:none}.hero,.hero-inner{min-height:790px}.hero-overlay{background:linear-gradient(90deg,rgba(4,28,31,.97),rgba(4,28,31,.73)),linear-gradient(0deg,rgba(4,28,31,.96),transparent 50%)}.hero-copy{width:100%;padding:55px 0 235px}.hero h1{font-size:47px}.hero-lead{font-size:15px;line-height:1.65}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-principles{left:14px;right:14px;grid-template-columns:1fr}.hero-principles div{padding:13px 17px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-link{grid-column:auto}.feature-copy h2{font-size:25px}.section{padding:75px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.challenge-grid,.service-grid,.industry-grid{grid-template-columns:1fr}.industry-card,.industry-card:first-child{grid-column:auto;min-height:370px}.industry-card-media,.industry-card:first-child .industry-card-media{height:210px}.service-card{min-height:auto}.engagement-grid{grid-template-columns:1fr}.engagement-main{grid-row:auto;min-height:380px}.engagement-main h3{font-size:34px}.perspective-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact{padding:75px 0}.contact-form{padding:24px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>p:last-child{text-align:left}.founder-row{align-items:flex-start}.founder-monogram{width:72px;height:88px;flex:0 0 auto}}