:root{--navy:#091c26;--teal:#a1e0d7;--ink:#14333d;--white:#fff;--muted:#d9e5e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #79d8cb;outline-offset:6px}[hidden]{display:none!important}p,h1,h2,h3{margin:0}button{border:0;background:none}img{display:block;max-width:100%}.skip{position:fixed;left:20px;top:-100px;background:white;color:var(--navy);padding:10px 20px;z-index:99}.skip:focus{top:15px}.masthead{min-height:96px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:14px;font:29px Georgia,serif;letter-spacing:.09em}.brand-mark{display:block;width:37px;height:43px;background:url('assets/trinion.png') no-repeat;background-size:210px auto;background-position:-86px -35px;filter:invert(1);mix-blend-mode:screen}.masthead nav{display:flex;gap:35px;align-items:center}.masthead nav a{font-size:14px;padding:10px 0;position:relative}.masthead nav a:after{content:'';position:absolute;height:1px;background:var(--teal);bottom:4px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.masthead nav a:hover:after,.masthead nav a[aria-current=page]:after{transform:scaleX(1)}.header-note{font-size:12px;color:#b8cacf;letter-spacing:.025em}.view{position:relative;isolation:isolate;min-height:calc(100svh - 174px);overflow:hidden;animation:none}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,19,28,.94) 0%,rgba(4,19,28,.85) 42%,rgba(4,19,28,.24) 80%),linear-gradient(0deg,rgba(4,19,28,.8),transparent 40%)}.eyebrow,.small-label{font-size:12px;letter-spacing:.13em;font-weight:600;margin-bottom:25px}.eyebrow{color:var(--teal)}h1,h2{font:400 clamp(54px,6.7vw,106px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.045em}h1 em,h2 em{font-weight:400;color:var(--teal)}h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em}.hero{display:flex;flex-direction:column;justify-content:space-between;min-height:max(670px,calc(100svh - 174px))}.hero .backdrop{object-position:center 43%}.hero-content{padding:70px 6% 40px}.hero-bottom{display:flex;align-items:flex-end;gap:55px;margin-top:35px}.hero-bottom p{font-size:18px;line-height:1.65;color:#e4edf0}.text-link{display:inline-block;width:fit-content;font-size:14px;font-weight:600;line-height:1.6;padding:8px 0;border-bottom:1px solid currentColor}.text-link:hover{color:var(--teal)}.entry-points{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 6% 35px;border-top:1px solid #ffffff55;background:rgba(5,23,33,.84)}.entry-points a{padding:21px 25px;display:grid;grid-template-columns:25px 1fr;gap:2px 10px;border-right:1px solid #ffffff35;transition:background .2s}.entry-points a:last-child{border:0}.entry-points a:hover{background:#16434a}.entry-points span{grid-row:1/3;font-size:12px;color:var(--teal);padding-top:3px}.entry-points strong{font:21px/1.3 Georgia,serif}.entry-points small{font-size:12px;color:#c7d9df;margin-top:6px}.about-content{padding:65px 6%;max-width:760px}.about h2{font-size:clamp(58px,6.2vw,90px)}.about .backdrop{object-position:center 40%}.about-copy{max-width:500px;margin-top:30px;color:var(--muted)}.about-copy .lead{font-size:22px;color:white;line-height:1.4;margin-bottom:20px}.about-copy p{margin-bottom:18px}.about-copy .text-link{color:white}.expertise .shade{background:linear-gradient(90deg,rgba(5,22,31,.83) 0%,rgba(5,22,31,.35) 50%,rgba(5,22,31,.1))}.expertise-content{padding:45px 6%;display:grid;grid-template-columns:1fr minmax(380px,490px);gap:8%;align-items:center;min-height:inherit}.expertise-heading{align-self:start;margin-top:40px}.expertise-heading h2{font-size:clamp(55px,6vw,90px)}.expertise-card{background:#f8faf9;color:var(--ink);padding:30px 35px;box-shadow:0 20px 60px #0002}.focus-tabs{display:flex;gap:25px;border-bottom:1px solid #c8d6d9;margin-bottom:25px}.focus-tabs button{padding:8px 0 13px;color:#4c6169;font-size:16px;position:relative}.focus-tabs button[aria-selected=true]{color:#00675f;font-weight:600}.focus-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#00776d}.focus-panel{min-height:325px;animation:none}.small-label{font-size:11px;letter-spacing:.08em;color:#47656e;margin-bottom:14px}.focus-panel h3{font-size:37px;margin-bottom:20px}.focus-panel p:not(.small-label){color:#3e5660;font-size:16px}.focus-panel ul{padding:0;margin:22px 0;list-style:none}.focus-panel li{padding:7px 0;border-top:1px solid #d7e1e3;font-size:14px}.expertise-card .text-link:hover{color:#00675f}.approach-content{padding:60px 6%}.approach h2{font-size:clamp(48px,5.4vw,83px)}.approach .shade{background:linear-gradient(90deg,rgba(5,21,31,.93),rgba(5,21,31,.7)),linear-gradient(0deg,#05151fee,transparent)}.approach-intro{font-size:18px;margin-top:25px;color:var(--muted)}.steps{list-style:none;padding:0;margin:45px 0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{padding-top:20px;border-top:1px solid #86b7b5}.steps span{font-size:12px;letter-spacing:.08em;color:var(--teal)}.steps h3{margin:15px 0;font-size:27px}.steps p{color:var(--muted);max-width:320px}.contact-content{padding:75px 6%;max-width:850px}.contact h2{font-size:clamp(55px,6vw,90px)}.contact-content>p:not(.eyebrow){margin-top:30px;color:var(--muted);font-size:18px}.contact .backdrop{object-position:70% center}.email{display:inline-block;margin-top:35px;font-size:clamp(21px,2.4vw,34px);border-bottom:1px solid #9cc5c6;overflow-wrap:anywhere;max-width:100%}.copy-line{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:13px;font-size:14px;min-height:35px}.copy-line button{font-size:14px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.copy-line span{color:var(--teal)}footer{min-height:78px;padding:13px 5%;background:white;color:#263f48;display:flex;align-items:center;justify-content:space-between;gap:20px}.family{display:flex;align-items:center;gap:15px}.family>span{font-size:10px;letter-spacing:.09em}.family i{height:20px;width:1px;background:#ccd5d9}.logo-window{position:relative;overflow:hidden;height:44px;flex-shrink:0}.logo-window img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}.bp{width:60px}.bp img{width:74px}.nova{width:98px}.nova img{width:132px}footer p{font:italic 16px Georgia,serif;color:#52666e}footer small{font-size:12px}.noscript{padding:20px}.view:focus{outline:none}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-content,.about-content,.approach-content,.contact-content{padding-top:95px;padding-bottom:65px}.hero h1{font-size:120px}}
@media(max-width:1050px){.header-note{display:none}.masthead{padding:20px 5%}.masthead nav{gap:25px}.hero-bottom{gap:30px}.entry-points a{padding:20px 15px}.entry-points strong{font-size:19px}.expertise-content{gap:5%;grid-template-columns:1fr minmax(350px,440px);padding:45px 5%}.expertise-card{padding:26px}.expertise-heading h2{font-size:60px}.steps{gap:25px}.steps h3{font-size:24px}footer p{display:none}}
@media(max-width:740px){.masthead{min-height:115px;display:block;padding:17px 6% 9px}.brand{font-size:25px;gap:10px}.brand-mark{width:29px;height:34px;background-size:170px auto;background-position:-70px -28px}.masthead nav{margin-top:12px;justify-content:space-between;gap:16px}.masthead nav a{padding:7px 0;font-size:14px}.view{min-height:calc(100svh - 190px)}.hero{min-height:740px}.hero-content{padding:50px 6% 20px}.hero h1{font-size:clamp(49px,9.8vw,74px)}.eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:24px}.hero-bottom{display:block;margin-top:25px}.hero-bottom p{font-size:17px}.hero-bottom .text-link{margin-top:15px}.hero .backdrop{object-position:62% center}.shade{background:linear-gradient(90deg,rgba(4,19,28,.9),rgba(4,19,28,.72)),linear-gradient(0deg,#04131caa,transparent)}.entry-points{grid-template-columns:1fr;margin:20px 6% 25px}.entry-points a{padding:14px 18px;border-right:0;border-bottom:1px solid #ffffff35}.entry-points small{margin-top:2px}.entry-points strong{font-size:19px}.about-content,.approach-content,.contact-content{padding:45px 6%}.about h2,.contact h2{font-size:clamp(48px,9vw,64px)}.about-copy .lead{font-size:21px}.about-copy{margin-top:25px}.expertise-content{display:block;padding:40px 6%}.expertise-heading{margin:0 0 28px}.expertise-heading h2{font-size:51px}.expertise-heading h2 br{display:none}.expertise-heading h2 em:before{content:' '}.expertise-card{padding:25px}.expertise .shade{background:#04131c99}.focus-panel{min-height:0}.focus-panel h3{font-size:34px}.focus-tabs{gap:25px}.small-label{font-size:11px}.approach h2{font-size:clamp(43px,8.4vw,60px)}.approach-intro{font-size:17px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps li{padding-top:17px}.steps h3{margin:10px 0;font-size:26px}.steps p{max-width:100%}.contact-content>p:not(.eyebrow){font-size:17px}.contact{min-height:630px}.email{font-size:clamp(20px,5.2vw,29px)}footer{flex-wrap:wrap;padding:15px 6%;gap:8px 20px}.family{gap:10px}.family>span{max-width:85px;line-height:1.5;font-size:10px}.bp{width:52px}.bp img{width:66px}.nova{width:87px}.nova img{width:118px}footer small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Unified content and imagery transitions. */
#main,.expertise-card,.masthead nav,.focus-tabs,.expertise-panels,.about-passages{position:relative}
.view .backdrop{transform:none}
.photo-stage{position:absolute;inset:0;z-index:-3;pointer-events:none;transform:scale(1.025) translateX(-.2%);transform-origin:center;will-change:transform}
.photo-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;will-change:opacity}
.hero .shade,.about .shade{background:linear-gradient(90deg,rgba(4,19,28,.96),rgba(4,19,28,.86) 48%,rgba(4,19,28,.3))}
.expertise .shade{background:linear-gradient(90deg,rgba(5,22,31,.94),rgba(5,22,31,.86) 42%,rgba(5,22,31,.38) 65%,rgba(5,22,31,.12))}
.about-content{max-width:820px}
.about-copy{max-width:510px;margin-top:35px}
.about-passage p{font-size:18px;line-height:1.65}
.about-passages{min-height:180px}
.about-selectors{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 22px}
.about-selectors button{font-size:12px;color:#d9e5e8;padding:5px 0;border-bottom:1px solid transparent}
.about-selectors button[aria-pressed=true]{color:var(--teal);border-color:var(--teal)}
.active-indicator{position:absolute;left:0;bottom:4px;height:2px;background:var(--teal);pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),opacity .2s}
.focus-tabs>.active-indicator{bottom:-1px;background:#00776d}
.masthead nav a[aria-current=page]:after,.focus-tabs button[aria-selected=true]:after{display:none}
a.logo-window{display:block;border-radius:3px;transition:background .25s,transform .25s}
a.logo-window:hover{background:#e8f3f2;transform:translateY(-2px)}
.motion-control{font-size:11px;color:#244750;border:1px solid #b4c9cc;border-radius:3px;padding:5px 9px;white-space:nowrap}
.motion-control:hover{background:#e5f1f0}
@media(max-width:740px){.hero .shade,.about .shade{background:linear-gradient(90deg,rgba(4,19,28,.94),rgba(4,19,28,.78))}.expertise .shade{background:linear-gradient(180deg,rgba(5,22,31,.9),rgba(5,22,31,.82) 35%,rgba(5,22,31,.65))}.motion-control{margin-left:auto}.about-passage p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.active-indicator,a.logo-window{transition:none}a.logo-window:hover{transform:none}.photo-stage{transform:none}.motion-control{display:none}}