.trivon-site{--navy:#0b2d52;--deep:#071e35;--gold:#d4af37;--cream:#f6f4ef;--ink:#172e43;--muted:#65717d;--line:#dedfdc;--white:#fff}
.trivon-site *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body.trivon-body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--cream)}
.trivon-site button{font:inherit}
.trivon-site button,.trivon-site a{-webkit-tap-highlight-color:transparent}
.trivon-site a{color:inherit;text-decoration:none}
.trivon-site button{cursor:pointer}
.trivon-site button:focus-visible,.trivon-site a:focus-visible{outline:3px solid #9d7712;outline-offset:5px}
.trivon-site img{display:block;width:100%;height:100%;object-fit:cover}
.trivon-site h1,.trivon-site h2,.trivon-site h3,.trivon-site p{margin:0}
.trivon-site h1,.trivon-site h2{letter-spacing:-.055em;line-height:1.05}
.trivon-site h1{font-size:clamp(44px,5.5vw,80px);font-weight:600}
.trivon-site h2{font-size:clamp(34px,4.3vw,57px);font-weight:600}
.trivon-site h3{font-size:24px;letter-spacing:-.035em}
.trivon-site p{line-height:1.75}
.trivon-site .wrap{width:min(1220px,calc(100% - 96px));margin:auto}
.trivon-site .eyebrow{font-size:11px;font-weight:bold;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:23px}
.trivon-site .eyebrow:before{content:"";width:27px;height:2px;background:var(--gold)}
.trivon-site .gold{color:var(--gold)}
.trivon-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:52px;padding:16px 24px;font-size:12px;font-weight:bold;letter-spacing:.02em;border:1px solid transparent;transition:background .2s,transform .2s}
.trivon-site .btn:hover{transform:translateY(-2px)}
.trivon-site .btn-gold{background:var(--gold);color:var(--deep)}
.trivon-site .btn-gold:hover{background:#e3c65f}
.trivon-site .btn-navy{background:var(--navy);color:white}
.trivon-site .btn-outline{color:white;border-color:#ffffff70;background:transparent}
.trivon-site .arrow{font-size:19px;font-weight:normal;line-height:1}
.trivon-site .topline{background:var(--deep);color:#dce2e8;font-size:10px;letter-spacing:.07em;padding:10px 0}
.trivon-site .topline .wrap{display:flex;justify-content:space-between;gap:12px}
.trivon-site .topline b{color:#e7c65c;font-weight:normal}
.trivon-site .site-header{position:sticky;top:0;z-index:20;background:#fffdf9f5;border-bottom:1px solid #eceae4;backdrop-filter:blur(14px)}
.trivon-site .nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.trivon-site .brand{display:flex;align-items:center;gap:12px}
.trivon-site .mark{width:40px;height:43px;flex:none}
.trivon-site .brand-name{font-size:23px;font-weight:800;letter-spacing:.11em;line-height:1.05}
.trivon-site .brand-sub{font-size:8px;font-weight:700;letter-spacing:.24em;margin-top:6px;text-transform:uppercase}
.trivon-site .site-header nav{display:flex;align-items:center;gap:28px}
.trivon-site .site-header nav a{font-size:11px;font-weight:600}
.trivon-site .site-header nav a:not(.btn):hover{color:#94721c}
.trivon-site .menu-toggle{display:none;border:0;background:none;color:var(--navy);padding:10px}
.trivon-site .hero{position:relative;min-height:690px;color:white;isolation:isolate;overflow:hidden}
.trivon-site .hero-bg{position:absolute;inset:0;z-index:-2;object-position:50% 60%}
.trivon-site .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,39,.91),rgba(4,22,39,.65) 43%,rgba(4,22,39,.13) 80%),linear-gradient(0deg,rgba(4,22,39,.7),transparent 30%);z-index:-1}
.trivon-site .hero-content{padding-top:92px;padding-bottom:105px;max-width:670px}
.trivon-site .hero h1 em{font-style:normal;color:#e2c15c}
.trivon-site .hero p{font-size:14px;color:#e0e3e7;max-width:415px;margin-top:24px}
.trivon-site .hero-actions{display:flex;gap:13px;margin-top:31px}
.trivon-site .hero-tag{position:absolute;bottom:34px;right:48px;display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.trivon-site .hero-tag span{width:35px;height:1px;background:var(--gold)}
.trivon-site .hero-caption{font-size:9px;color:#d2d8dc;letter-spacing:.1em;position:absolute;bottom:35px;left:48px}
.trivon-site .strip{background:white;border-bottom:1px solid var(--line)}
.trivon-site .strip-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0}
.trivon-site .strip-item{display:flex;gap:17px;align-items:center;justify-content:center;border-right:1px solid var(--line)}
.trivon-site .strip-item:first-child{justify-content:flex-start}
.trivon-site .strip-item:last-child{border:0}
.trivon-site .strip-item svg{width:24px;height:24px;stroke:#94721c;fill:none;stroke-width:1.4}
.trivon-site .strip-item strong{font-size:12px;display:block}
.trivon-site .strip-item small{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.trivon-site .section{padding:100px 0}
.trivon-site .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:44px}
.trivon-site .section-head h2{max-width:620px}
.trivon-site .section-head p{max-width:310px;font-size:13px;color:var(--muted)}
.trivon-site .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.trivon-site .service{background:#fff;border:1px solid #e7e5df}
.trivon-site .service-photo{height:250px;overflow:hidden}
.trivon-site .service img{transition:transform .6s}
.trivon-site .service:hover img{transform:scale(1.04)}
.trivon-site .service-copy{padding:27px 26px 25px}
.trivon-site .service-number{color:#948057;font-size:10px;letter-spacing:.15em;margin-bottom:15px}
.trivon-site .service-copy p{font-size:12px;color:var(--muted);margin-top:14px;min-height:64px}
.trivon-site .service-link{margin-top:25px;border:0;border-top:1px solid var(--line);padding:18px 0 0;background:transparent;color:var(--navy);font-size:11px;font-weight:bold;display:flex;align-items:center;justify-content:space-between;width:100%}
.trivon-site .service-note{font-size:11px;color:var(--muted);margin-top:24px;text-align:center}
.trivon-site .story{background:#fff}
.trivon-site .story-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:85px;align-items:center}
.trivon-site .story-photo{height:535px;position:relative}
.trivon-site .story-photo img{object-position:45% 50%}
.trivon-site .photo-label{position:absolute;bottom:25px;left:25px;background:var(--navy);color:white;padding:21px 25px;font-size:12px;line-height:1.6;border-left:3px solid var(--gold)}
.trivon-site .story-copy h2{margin-bottom:25px}
.trivon-site .story-copy>p{font-size:13px;color:var(--muted)}
.trivon-site .principle{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid var(--line)}
.trivon-site .principles{margin-top:25px}
.trivon-site .principle>span{font-size:11px;color:#987e3b;padding-top:2px}
.trivon-site .principle strong{font-size:13px}
.trivon-site .principle p{font-size:12px;color:var(--muted);margin-top:6px}
.trivon-site .inspiration{background:var(--cream)}
.trivon-site .project-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.trivon-site .tab{border:1px solid #d9d8d1;background:transparent;padding:11px 18px;font-size:11px;color:var(--muted)}
.trivon-site .tab.active{background:var(--navy);color:white;border-color:var(--navy)}
.trivon-site .project-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:230px 230px;gap:20px}
.trivon-site .project{position:relative;overflow:hidden;display:block;text-align:left;border:0;padding:0;background:var(--navy);color:white}
.trivon-site .project:first-child{grid-row:span 2}
.trivon-site .project img{transition:transform .5s}
.trivon-site .project:hover img{transform:scale(1.035)}
.trivon-site .project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061c32d9,transparent 60%)}
.trivon-site .project-text{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end}
.trivon-site .project-text span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:9px;color:#e4c565}
.trivon-site .project-text h3{font-size:21px}
.trivon-site .project-text i{font-style:normal;border:1px solid #ffffff60;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}
.trivon-site .project[hidden]{display:none}
.trivon-site .project-grid.filtered{grid-template-columns:1fr;grid-template-rows:390px}
.trivon-site .project-grid.filtered .project{grid-row:auto}
.trivon-site .fine{color:var(--muted);font-size:10px;margin-top:18px}
.trivon-site .process{background:var(--navy);color:white}
.trivon-site .process .section-head p{color:#bbc7d3}
.trivon-site .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:57px}
.trivon-site .step{border-top:1px solid #ffffff2b;padding-top:24px}
.trivon-site .step .number{display:block;font-size:35px;color:#dbbb55;margin-bottom:28px;font-weight:300}
.trivon-site .step h3{font-size:18px;margin-bottom:15px;letter-spacing:-.02em}
.trivon-site .step p{font-size:12px;color:#bbc7d3}
.trivon-site .faq-section{background:#fff}
.trivon-site .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.trivon-site .faq-intro p{font-size:13px;color:var(--muted);margin-top:23px}
.trivon-site .faq-intro a{margin-top:28px}
.trivon-site .faq-list details{border-bottom:1px solid var(--line);padding:22px 0}
.trivon-site .faq-list details:first-child{padding-top:0}
.trivon-site .faq-list summary{list-style:none;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px}
.trivon-site .faq-list summary::-webkit-details-marker{display:none}
.trivon-site .faq-list summary:after{content:"+";font-size:23px;color:#93771f;font-weight:normal}
.trivon-site .faq-list details[open] summary:after{content:"−"}
.trivon-site .faq-list details p{font-size:12px;color:var(--muted);margin-top:16px;max-width:95%}
.trivon-site .contact{position:relative;background:var(--cream)}
.trivon-site .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.trivon-site .contact-intro h2{margin-bottom:24px}
.trivon-site .contact-intro p{font-size:13px;color:var(--muted);max-width:360px}
.trivon-site .contact-note{padding:25px 0;margin-top:25px;border-top:1px solid var(--line);max-width:365px}
.trivon-site .contact-note strong{font-size:13px}
.trivon-site .contact-note p{margin-top:8px;font-size:12px}
.trivon-site .domain{font-size:12px;font-weight:600;display:block;margin-top:30px;word-break:break-word}
.trivon-site footer{background:var(--deep);color:#d5dee6;padding:50px 0 25px}
.trivon-site .footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:36px}
.trivon-site .footer-top .brand{color:white}
.trivon-site .footer-tag{font-size:19px;font-weight:300;color:#d5bf7a}
.trivon-site .footer-bottom{border-top:1px solid #ffffff20;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8fa1b1}
.trivon-site .footer-bottom a{margin-left:20px}
.trivon-site .mobile-bar{display:none}
.trivon-site .trivon-dialog{padding:0;border:0;width:min(840px,calc(100% - 36px));max-height:90vh;background:white;color:var(--ink);box-shadow:0 25px 90px #0006}
.trivon-site .trivon-dialog::backdrop{background:#041728d9;backdrop-filter:blur(5px)}
.trivon-site .trivon-dialog img{height:440px;object-fit:cover}
.trivon-site ..trivon-dialog-bottom{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.trivon-site ..trivon-dialog-bottom p{font-size:11px;color:var(--muted);margin-top:7px}
.trivon-site .close-.trivon-dialog{border:1px solid var(--line);background:var(--cream);padding:12px 15px;font-size:11px}
.trivon-site .skip{position:fixed;left:10px;top:-100px;background:white;padding:15px;z-index:100}
.trivon-site .skip:focus{top:10px}
@media (min-width:1600px){.trivon-site .hero{min-height:760px}
.trivon-site .hero-content{padding-top:125px}
.trivon-site .hero-tag{right:calc((100vw - 1220px)/2)}
.trivon-site .hero-caption{left:calc((100vw - 1220px)/2)}}
@media (max-width:1050px){.trivon-site .wrap{width:calc(100% - 56px)}
.trivon-site .site-header nav{gap:18px}
.trivon-site .nav .btn{padding:14px 17px;gap:16px}
.trivon-site .story-grid{gap:45px}
.trivon-site .faq-grid,.trivon-site .contact-grid{gap:45px}
.trivon-site .hero-content{max-width:590px}
.trivon-site .service-photo{height:210px}
.trivon-site .service-copy{padding:24px 20px}
.trivon-site .hero-caption{left:28px}
.trivon-site .hero-tag{right:28px}}
@media (max-width:760px){.trivon-site .wrap{width:calc(100% - 40px)}
.trivon-site .topline{font-size:8px;padding:9px 0}
.trivon-site .topline .wrap>span:last-child{display:none}
.trivon-site .nav{height:73px}
.trivon-site .brand-name{font-size:21px}
.trivon-site .brand-sub{font-size:7px}
.trivon-site .mark{width:33px}
.trivon-site .menu-toggle{display:block}
.trivon-site .menu-toggle svg{width:24px;height:24px}
.trivon-site .site-header nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fffdf9;border-bottom:1px solid var(--line);padding:24px 20px;flex-direction:column;align-items:stretch;gap:0}
.trivon-site .site-header nav.open{display:flex}
.trivon-site .site-header nav a{padding:15px 0;font-size:13px}
.trivon-site .site-header nav .btn{margin-top:10px}
.trivon-site .hero{min-height:640px}
.trivon-site .hero-bg{object-position:62% 50%}
.trivon-site .hero:after{background:linear-gradient(90deg,#041829dc,#04182980),linear-gradient(0deg,#04182980,transparent)}
.trivon-site .hero-content{padding-top:66px;padding-bottom:100px}
.trivon-site .hero h1{max-width:510px;font-size:clamp(43px,9vw,63px)}
.trivon-site .hero p{font-size:13px;max-width:330px}
.trivon-site .eyebrow{font-size:9px;margin-bottom:21px;letter-spacing:.15em}
.trivon-site .hero-actions{gap:10px;flex-wrap:wrap}
.trivon-site .hero-actions .btn{padding:15px 19px;gap:17px;font-size:11px}
.trivon-site .hero-caption{bottom:25px;left:20px;font-size:8px}
.trivon-site .hero-tag{bottom:53px;left:20px;right:auto;font-size:8px}
.trivon-site .strip-inner{padding:24px 0;gap:18px;grid-template-columns:1fr}
.trivon-site .strip-item,.trivon-site .strip-item:first-child{border:0;justify-content:flex-start}
.trivon-site .strip-item small{display:inline;margin-left:7px;font-size:9px}
.trivon-site .strip-item strong{display:inline;font-size:11px}
.trivon-site .strip-item svg{width:21px;height:21px}
.trivon-site .section{padding:65px 0}
.trivon-site .section-head{display:block;margin-bottom:30px}
.trivon-site .section-head p{margin-top:22px;max-width:420px}
.trivon-site .service-grid{grid-template-columns:1fr;gap:22px}
.trivon-site .service-photo{height:260px}
.trivon-site .service-copy p{min-height:0}
.trivon-site .service-copy{padding:25px}
.trivon-site .service-note{line-height:1.8}
.trivon-site .story-grid,.trivon-site .faq-grid,.trivon-site .contact-grid{grid-template-columns:1fr;gap:36px}
.trivon-site .story-photo{height:380px}
.trivon-site .story-copy h2{max-width:500px}
.trivon-site .project-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}
.trivon-site .project,.trivon-site .project:first-child{height:290px;grid-row:auto}
.trivon-site .project-grid.filtered{grid-template-rows:auto}
.trivon-site .project-grid.filtered .project{height:310px}
.trivon-site .project-text h3{font-size:20px}
.trivon-site .project-tabs{gap:7px}
.trivon-site .tab{padding:10px 13px;font-size:10px}
.trivon-site .steps{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:36px}
.trivon-site .step .number{font-size:29px;margin-bottom:22px}
.trivon-site .step h3{font-size:16px}
.trivon-site .faq-list details:first-child{padding-top:15px}
.trivon-site .contact-intro p{max-width:100%}
.trivon-site .contact-note{max-width:none}
.trivon-site .domain{margin-top:20px}
.trivon-site .footer-top{align-items:flex-start;flex-direction:column;gap:27px}
.trivon-site .footer-tag{font-size:17px}
.trivon-site .footer-bottom{flex-direction:column;gap:14px;line-height:1.7}
.trivon-site .footer-bottom a{margin-left:0;margin-right:20px}
.trivon-site footer{padding-bottom:105px}
.trivon-site .mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:.8fr 1.2fr;z-index:25;background:var(--navy);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0002}
.trivon-site .mobile-bar a{display:flex;justify-content:center;align-items:center;min-height:55px;color:white;font-size:11px;font-weight:bold}
.trivon-site .mobile-bar a:last-child{background:var(--gold);color:var(--deep)}
.trivon-site .trivon-dialog img{height:300px}
.trivon-site ..trivon-dialog-bottom{padding:19px;align-items:flex-start}
.trivon-site ..trivon-dialog-bottom h3{font-size:19px}}
@media (max-width:370px){.trivon-site .hero h1{font-size:41px}
.trivon-site .strip-item small{display:block;margin-left:0}
.trivon-site .steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.trivon-site *,.trivon-site *:before,.trivon-site *:after{transition:none!important}}