/* AVIE hybrid direction: cinematic photography, dark brand surfaces and readable light panels. */
:root{--ink:#f5f5f1;--muted:#b2bac0;--paper:#12171b;--red:#ff5260;--line:#41484e;--dark:#0d1114}
body{background:var(--dark);color:var(--ink)}
.page-body{background:linear-gradient(180deg,#101418 0%,#20272d 47%,#151a1f 100%);padding-bottom:70px}
h1,h2{font-weight:500;letter-spacing:-.045em}
h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.05em}
.header{height:100px;background:#0e1216;border-color:#30373d;padding-top:15px;padding-bottom:15px}
.header .brand{width:184px}.header .brand img,.footer .brand img{mix-blend-mode:screen}
#navigation{gap:30px;color:#f1f1ec}
#navigation>.nav-cta{background:#c81b2b;color:white!important;border:0;border-radius:3px;padding:12px 19px}
#navigation>.nav-cta:hover{background:#e12132}
.software-menu{background:#20272c;border-color:#46515a;box-shadow:0 18px 50px #0006}
.software-menu a:hover,.software-menu a:focus-visible{background:#303a42}
.software-menu small{color:#bec7cd}.software-overview{border-color:#46515a}
.skip{background:#fff;color:#1a232b}
.button{background:#ce1b2c;border-color:#ce1b2c;color:white;font-weight:600;padding:17px 23px}
.button:hover{background:#ea263a;border-color:#ea263a}
.button.outline{color:#f5f5f1;border-color:#7a858d}
.text-link:hover{color:#ff8993}
.cinema-hero{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#0e1319}
.cinema-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-3}
.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,12,18,.93) 0%,rgba(8,14,22,.75) 28%,rgba(8,14,22,.29) 62%,rgba(8,14,22,.03) 100%),linear-gradient(0deg,#101418 0%,rgba(13,18,23,.08) 28%,rgba(7,12,18,.02) 78%,rgba(7,12,18,.18) 100%)}
.cinema-content{padding-block:95px 115px;position:relative}
.cinema-content h1{font-size:clamp(46px,5.3vw,78px);line-height:1.09;max-width:960px;letter-spacing:-.052em;color:#fff}
.cinema-content h1 em{color:#f6e7e4}
.cinema-content p{font-size:18px;line-height:1.75;max-width:500px;margin:30px 0 0;color:#e0e3e5}
.cinema-content .actions{margin-top:32px;gap:16px}
.button.hero-outline{border-color:#aab1b8;background:rgba(11,16,23,.35);color:white}
.button.hero-outline:hover{background:#f5f3ef;color:#192128;border-color:#f5f3ef}
.cinema-foot{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#c5cbd0;font-size:12px}
.cinema-foot>span{letter-spacing:.07em}.cinema-foot small{font-size:11px;color:#b1bbc2}
.experience{padding-block:27px;border-top:0;border-bottom:1px solid #465059;color:#bbc4ca;font-size:13px}
.experience strong{color:#f5f5f1;font-weight:500}
.light-surface{--ink:#202a32;--muted:#4e5b64;--line:#c2c7c7;--red:#b51b2e;background:#f0eee8;color:var(--ink)}
.hybrid-services{padding:52px;margin-top:76px;border-radius:5px}
.hybrid-services .section-top{gap:60px;margin-bottom:36px;grid-template-columns:.95fr 1.05fr}
.hybrid-services h2,.hybrid-personal h2{font-size:clamp(34px,3.6vw,50px)}
.hybrid-services .section-top p{align-self:center}
.hybrid-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hybrid-service-grid>a{display:flex;flex-direction:column;background:#192127;color:#f6f5ef;padding:29px 27px 23px;text-decoration:none;border-radius:3px;transition:background .18s ease,transform .18s ease;border-top:3px solid #c91e31}
.hybrid-service-grid>a:nth-child(2){background:#222c33}.hybrid-service-grid>a:nth-child(3){background:#2b363e}
.hybrid-service-grid>a:hover{background:#34434e;transform:translateY(-3px)}
.hybrid-service-grid h3{font-size:29px;line-height:1.12;margin-bottom:23px}
.hybrid-service-grid p{font-size:14px;line-height:1.8;color:#c9d1d5;margin-bottom:25px}
.hybrid-service-grid>a>div{margin-top:auto;border-top:1px solid #4d5961;padding-top:17px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}
.hybrid-service-grid b{font-size:23px;font-weight:400}
.hybrid-software{padding-block:92px}.section-top p{color:var(--muted)}
.product-card{background:#1b2329;border-color:#475059;border-radius:4px;overflow:hidden;box-shadow:0 12px 36px #0002}
.logo-well{background:#10151a;border-bottom:1px solid #424b52;height:177px}
.product-copy{padding:29px 32px 32px}.product-audience{color:#f4f4ef!important}.product-copy>p{color:#b7c1c7}
.product-copy .text-link{color:#f1f1eb;border-color:#6c777f}
.hybrid-personal{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding:40px;border-radius:5px;margin-bottom:15px}
.hybrid-personal figure{margin:0}.hybrid-personal img{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;object-position:64% center;border-radius:2px}
.hybrid-personal h2{margin-bottom:24px}.hybrid-personal .lead{font-size:18px}.hybrid-personal p{font-size:15px;line-height:1.85;color:#4d5b64}
.hybrid-personal .text-link{margin-top:9px}.light-surface .text-link:hover{color:#b51b2e}
.page-intro{padding-block:80px 64px}.page-intro h1{font-size:clamp(44px,4.8vw,68px)}
.page-intro .lead,.lead{color:#c1c9cd}.light-surface .lead{color:#4d5b64}
.feature-rows{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:0;margin-top:36px}
.feature-rows article{display:block;border:1px solid #46525b;border-top:2px solid #bc2a3b;background:#1c252c;padding:30px;border-radius:3px}
.feature-rows h3{font-size:23px;line-height:1.3;margin-bottom:18px}.feature-rows p{color:#c1cbd1;font-size:15px}
.prose p{color:#c0c9cf}.prose .text-link{color:#f6f4ee}.split h2{max-width:500px}
.faq details{border-color:#55616b}.faq details p{color:#c6ced3}.faq summary span{color:#ff7884}
.product-tabs{border-color:#4a565f;gap:12px;padding-block:17px}
.product-tabs a{background:#28323a;border:1px solid #4a565f;border-radius:3px;padding:11px 18px;color:#e3e7e8}
.product-tabs a:hover{border-color:#d6b1b7}
.product-tabs a[aria-current]{background:#bc2031;color:white;border:1px solid #bc2031;font-weight:500}
.product-intro{gap:90px}.product-intro .logo-well{border:1px solid #4d5962;border-radius:4px;width:360px;height:124px;padding-inline:25px}
.product-intro aside{border-color:#57626a}.product-intro aside p{color:#bec8ce}.maker{border-color:#4d5962}
.about-hero>div>p:not(.lead){color:#bbc5cb}.hero-photo figcaption{color:#adb9c1}.hero-photo img{box-shadow:none}
.biography{background:#f0eee8;border-radius:5px;padding:52px;--ink:#202a32;color:var(--ink);grid-template-columns:.7fr 1.3fr;gap:65px;margin-top:20px}
.biography .prose p{color:#45545e}.biography>div:first-child p{color:#53626d}
.contact-grid aside>p{color:#b9c4cb}.contact-note{border-color:#58656e;color:#b9c4cb}
.form-panel{background:#f0eee8;color:#27333c;--ink:#27333c;--muted:#52616d;--line:#b6c1c6;border:0;border-radius:5px}
.form-panel .button.outline{color:#27333c;border-color:#6f7e87}.form-panel .form-top p,.form-panel .small,.form-panel .form-privacy{color:#52616d}.form-panel .button:hover{color:#fff}.form-panel a:not(.button):hover{color:#b51b2e}
.form-panel input,.form-panel select,.form-panel textarea{background:#fffdfa;color:#27333c;border-color:#9eacb6}
.form-panel pre{background:#fffdfa;border-color:#bec6c9}
.legal p,.privacy-content p{color:#c0cad0}.legal .lead{margin-top:25px}
.event-overview img{border-radius:4px}.event-overview figcaption,.event-photo-pair figcaption{color:#bcc6cc}
.event-photo-pair img{border-radius:3px}
.closing{background:linear-gradient(180deg,#151a1f 0%,#11171c 45%,#0d1114 100%);padding:100px 0 86px;position:relative}
.closing::before{content:'';display:block;width:min(1240px,calc(100% - 96px));height:1px;background:linear-gradient(90deg,#ad2d3a,#465058 35%,#232d35);position:absolute;top:0;left:50%;transform:translateX(-50%)}
.closing-empty{height:160px;padding:0}.closing-empty::before{display:none}
.closing h2{font-size:clamp(36px,3.8vw,52px)}.closing p{color:#b7c3cc}
.footer{background:#0d1114}.footer-grid{border-color:#39464f}.footer-bottom{border-color:#39464f}
@media(min-width:1600px){.cinema-hero{min-height:710px}.cinema-content h1{font-size:84px}.cinema-content{padding-block:120px}}
@media(max-width:1100px){#navigation{gap:20px}.header .brand{width:170px}.cinema-hero{min-height:570px}.cinema-content h1{font-size:64px}.hybrid-services{padding:35px}.hybrid-service-grid{gap:15px}.hybrid-service-grid>a{padding:23px 21px}.hybrid-service-grid h3{font-size:25px}.hybrid-personal{gap:35px;padding:30px}.biography{padding:36px;gap:40px}}
@media(max-width:800px){.header{height:88px}.header .brand{width:155px}#navigation{background:#141b21;border-color:#4a565f;color:#f4f3ee}#navigation>.nav-cta{padding:13px 18px;margin-top:9px;align-self:flex-start}.software-menu{border-color:#556570;background:none}.cinema-hero{min-height:560px}.cinema-photo{object-position:67% center}.cinema-shade{background:linear-gradient(90deg,rgba(7,12,18,.85),rgba(8,14,22,.6) 58%,rgba(8,14,22,.25)),linear-gradient(0deg,#101418 0%,transparent 35%)}.cinema-content{padding-block:75px 100px}.cinema-content h1{font-size:clamp(44px,7.4vw,60px)}.cinema-content p{font-size:16px;max-width:480px}.cinema-foot{bottom:22px;font-size:11px}.cinema-foot small{font-size:10px}.experience{font-size:12px}.hybrid-services{margin-top:42px;padding:30px}.hybrid-services .section-top{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.hybrid-service-grid{grid-template-columns:1fr}.hybrid-service-grid>a{display:grid;grid-template-columns:.65fr 1fr;gap:0 30px;padding:25px}.hybrid-service-grid h3{font-size:27px;margin-bottom:0}.hybrid-service-grid p{margin-bottom:20px}.hybrid-service-grid>a>div{grid-column:2}.hybrid-software{padding-block:55px}.hybrid-personal{grid-template-columns:1fr;gap:30px;padding:28px}.hybrid-personal img{aspect-ratio:3/2;object-position:center}.hybrid-personal>div{max-width:600px}.page-intro{padding-block:45px 35px}.page-intro h1{font-size:44px}.product-intro{gap:30px}.product-intro .logo-well{height:111px;width:320px}.product-tabs{gap:10px}.product-tabs a{padding:9px 12px;font-size:13px}.feature-rows{gap:16px}.feature-rows article{padding:24px}.feature-rows h3{font-size:21px}.biography{grid-template-columns:1fr;padding:30px;gap:25px}.biography>div:first-child p{margin-bottom:0}.logo-well{height:150px}.closing{padding:65px 0}.closing-empty{padding:0;height:100px}.closing::before{width:calc(100% - 40px)}.page-body{padding-bottom:50px}}
@media(max-width:540px){.cinema-hero{min-height:600px;align-items:flex-end}.cinema-photo{object-position:66% center}.cinema-shade{background:linear-gradient(0deg,#101418 0%,rgba(8,14,22,.92) 21%,rgba(8,14,22,.62) 53%,rgba(8,14,22,.08) 100%)}.cinema-content{padding-top:155px;padding-bottom:76px}.cinema-content h1{font-size:42px;line-height:1.09;letter-spacing:-.05em}.cinema-content h1 em{display:block;max-width:340px}.cinema-content p{font-size:15px;line-height:1.7;margin-top:23px}.cinema-content p br{display:none}.cinema-content .actions{gap:12px;margin-top:25px}.cinema-content .button{font-size:13px;padding:13px 16px;gap:16px}.cinema-foot>span{display:none}.cinema-foot{justify-content:flex-start;bottom:22px}.cinema-foot small{font-size:10px}.hybrid-services{padding:25px 20px}.hybrid-services h2,.hybrid-personal h2{font-size:37px}.hybrid-service-grid>a{display:flex;padding:25px}.hybrid-service-grid h3{margin-bottom:20px;font-size:29px}.hybrid-service-grid>a>div{width:100%;margin-top:4px}.hybrid-personal{padding:22px}.hybrid-personal img{aspect-ratio:4/3}.feature-rows{grid-template-columns:1fr}.feature-rows article{padding:26px}.product-copy{padding:26px}.product-copy>p:not(.product-audience){font-size:15px}.logo-well{height:158px}.page-intro h1,.product-intro h1{font-size:40px}.biography{padding:27px 23px}.closing h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hybrid-service-grid>a{transition:none}.hybrid-service-grid>a:hover{transform:none}}

/* Red and white accents, retaining the photographic opening and charcoal foundations. */
:root{--red:#ff6370}
.header{background:#fff;color:#232930;border-top:4px solid #d7192d;border-bottom:1px solid #e3e5e7}
.header .brand img{mix-blend-mode:normal}
#navigation{color:#232930}
#navigation>a:hover,#navigation>a[aria-current],.software-dropdown[open] summary{color:#bb1728}
#navigation>.nav-cta{background:#c8172b}
.software-menu{background:#fff;color:#232930;border-color:#dedfe2;box-shadow:0 18px 50px #0002}
.software-menu a:hover,.software-menu a:focus-visible{background:#fff0f2;color:#a61323}
.software-menu small{color:#5c6670}.software-menu a[aria-current]{background:#fff0f2;color:#a61323}
.software-overview{border-color:#ead9dc}
.page-body{background:radial-gradient(ellipse at 100% 40%,#5b1b292c 0%,transparent 52%),linear-gradient(180deg,#101418 0%,#20272d 47%,#151a1f 100%)}
.cinema-content h1 em{color:#fff}
.experience{border-bottom:2px solid #d22b40}
.light-surface{background:#fff;--red:#bd172a}
.hybrid-services{border-top:5px solid #d7192d;box-shadow:0 18px 55px #0002}
.hybrid-service-grid>a{background:#f6f7f8;color:#242e37;border:1px solid #dfe2e5;border-top:3px solid #d7192d}
.hybrid-service-grid>a:nth-child(1){background:#c4172b;color:#fff;border-color:#c4172b}
.hybrid-service-grid>a:nth-child(2),.hybrid-service-grid>a:nth-child(3){background:#f6f7f8}
.hybrid-service-grid p{color:#56616c}.hybrid-service-grid>a>div{border-color:#d5dade;color:#b9172a}
.hybrid-service-grid>a:first-child p{color:#fff1f3}.hybrid-service-grid>a:first-child>div{color:#fff;border-color:#ed7785}
.hybrid-service-grid>a:hover{background:#fff0f2}.hybrid-service-grid>a:first-child:hover{background:#a81223}
.product-card{background:#fff;color:#26313a;border-color:#e0e3e6;box-shadow:0 12px 36px #0002}
.logo-well{border-bottom:3px solid #d7192d}
.product-audience{color:#25303a!important}.product-copy>p{color:#56626c}
.product-copy .text-link{color:#b31629;border-color:#cf7a85}.product-copy .text-link:hover{color:#8c1020}
.hybrid-personal{border-left:5px solid #d7192d}
.feature-rows article{background:#fff;color:#25313a;border:1px solid #e1e4e6;border-top:4px solid #d7192d}
.feature-rows p{color:#52616d}
.product-tabs a[aria-current]{background:#c4172b;border-color:#c4172b}
.biography,.form-panel{background:#fff;border-top:5px solid #d7192d}
.closing{background:linear-gradient(115deg,#c4182e 0%,#a71023 100%);padding:80px 0;color:#fff}
.closing::before{display:none}.closing p{color:#fff0f2}
.closing .button.light{background:#fff;color:#a61022;border-color:#fff}
.closing .button.light:hover{background:#fff0f2;border-color:#fff0f2}
.closing-empty{background:#d7192d;height:5px;padding:0}
.footer{border-top:0}.footer-grid{border-top:0;padding-top:30px}.footer h2{color:#fff}
.footer-grid>div>a:not(.brand):hover,.footer-bottom a:hover{color:#ff8995}
.footer-bottom{border-color:#64333d}
@media(max-width:800px){#navigation{background:#fff;color:#232930;border-color:#dedfe2}.software-menu{background:#fff;border-color:#ebc3c9}.closing{padding:60px 0}.closing-empty{height:5px;padding:0}}
@media(max-width:540px){.hybrid-personal{border-left-width:4px}}

/* Option C, selected by Ralph: bright white and red. */

:root{--ink:#232d35;--muted:#52616c;--red:#bb172a}
.page-body{background:#f6f7f8;color:#232d35}
.experience{color:#52616c}.experience strong{color:#232d35}
.hybrid-services{box-shadow:0 10px 35px #26313a09;border:1px solid #e1e3e5;border-top:5px solid #d7192d}
.hybrid-software .section-top p{color:#52616c}
.hybrid-personal{box-shadow:0 10px 35px #26313a09;border:1px solid #e1e3e5;border-left:5px solid #d7192d}
.product-card{box-shadow:0 10px 35px #26313a09}

/* Carry the selected palette through the service, product and information pages. */
:root{--line:#cdd3d8;--paper:#fff}
.text-link:hover{color:#941225}
.page-intro .lead,.lead{color:#52616c}
.prose p{color:#43535f}.prose .text-link{color:#ac1427}
.button.outline{color:#a71327;border-color:#ba2336}
.faq details{border-color:#c6cfd5}.faq details p{color:#43535f}.faq summary span{color:#b7192c}
.product-tabs{border-color:#cdd3d8}
.product-tabs a{background:#fff;color:#35434e;border-color:#c6cfd5}
.product-tabs a:hover{background:#fff0f2;border-color:#bf6874}
.product-tabs a[aria-current]{background:#c4172b;color:#fff;border-color:#c4172b}
.product-intro aside,.maker{border-color:#c6cfd5}.product-intro aside p{color:#52616c}
.about-hero>div>p:not(.lead),.hero-photo figcaption{color:#52616c}
.biography{box-shadow:0 10px 35px #26313a09}
.contact-grid aside>p,.contact-note{color:#52616c}.contact-note{border-color:#c6cfd5}
.form-panel{box-shadow:0 10px 35px #26313a09;border:1px solid #e1e3e5;border-top:5px solid #d7192d}
.legal p,.privacy-content p{color:#43535f}
.event-overview figcaption,.event-photo-pair figcaption{color:#52616c}
@media(max-width:800px){.software-menu{box-shadow:none}}
