/* UBTracker Web · demo industry sites v4 · no external CSS/runtime */
:root{color-scheme:light}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body.studio-example{margin:0;overflow-x:clip;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;--page: #fff;--ink:#10203a;--muted:#566578;--line:#e4e9ef;--soft:#f4f7fa;--accent:#1670e2;--dark:#0b1b2e;--heading:Inter,system-ui,sans-serif;color:var(--ink);background:var(--page)}body.ex-professional{--page:#fffcf7;--ink:#263a32;--muted:#646e66;--line:#e5e1d8;--soft:#f3f0e9;--accent:#647d68;--dark:#1a3028;--heading:Georgia,"Times New Roman",serif}body,button{font-feature-settings:'kern'}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:650;letter-spacing:-.051em;line-height:1.08}p{line-height:1.65}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #66a9ff;outline-offset:4px}button[disabled]{cursor:not-allowed}.ex-container{width:min(1300px,calc(100% - 76px));margin-inline:auto}.ex-skip{position:fixed;z-index:500;top:-100px;left:15px;color:#000;background:#fff;padding:12px}.ex-skip:focus{top:15px}.ex-progress{position:fixed;z-index:120;width:0;height:3px;top:0;left:0;background:var(--accent);pointer-events:none}.ex-announcement{background:#dceafc;color:#213c58;font-size:11px;font-weight:650}.ex-professional .ex-announcement{background:#ebebe2;color:#42564d}.ex-announcement .ex-container{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ex-announcement a{color:inherit;border-bottom:1px solid currentColor;white-space:nowrap}.ex-announcement a:hover{opacity:.7}.ex-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .3s,background .3s}.ex-professional .ex-header{background:rgba(255,252,247,.94)}.ex-header.is-scrolled{box-shadow:0 14px 40px #13253a14}.ex-header-row{height:78px;display:flex;gap:32px;align-items:center}.ex-brand{line-height:.9;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ex-brand strong{font:850 26px/1 system-ui,sans-serif;letter-spacing:-.075em}.ex-brand small{color:var(--accent);font-size:9px;letter-spacing:.25em;font-weight:800}.ex-professional .ex-brand strong{font:500 27px/1 Georgia,serif;letter-spacing:.2em}.ex-navigation{margin-left:auto;display:flex;align-items:center;gap:27px}.ex-navigation a{font-size:12px;font-weight:690;white-space:nowrap;position:relative;padding-block:8px}.ex-navigation a::after{content:'';position:absolute;bottom:1px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.ex-navigation a:hover::after{width:100%}.ex-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:53px;border:1px solid var(--accent);padding:14px 22px;background:var(--accent);color:#fff;font-size:12px;font-weight:750;letter-spacing:-.01em;transition:transform .25s,background .25s,box-shadow .25s;border-radius:2px;line-height:1.35}.ex-professional .ex-button{border-radius:3px}.ex-button>span,.ex-text-link>span{font-size:19px;font-weight:400;transition:transform .25s}.ex-button:hover{transform:translateY(-3px);box-shadow:0 16px 32px #05162a25}.ex-button:hover>span,.ex-text-link:hover>span{transform:translate(3px,-3px)}.ex-header-action{min-height:43px;padding:10px 15px;font-size:11px;gap:12px}.ex-menu-toggle{display:none;border:1px solid var(--line);background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:auto}.ex-menu-toggle span{width:19px;height:2px;background:var(--ink);transition:transform .25s}.ex-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.ex-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* Heroes: differentiated art direction */
.ex-hero{position:relative;isolation:isolate;min-height:665px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#071626;color:white}.ex-hero-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}.ex-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.08);transform:scale(1.02);animation:exHeroImage 1.5s cubic-bezier(.2,.7,.2,1) both}.ex-industrial .ex-hero::before{content:'';inset:0;position:absolute;z-index:-1;background:linear-gradient(90deg,rgba(4,14,27,.97) 0%,rgba(5,16,29,.88) 35%,rgba(7,19,32,.45) 71%,rgba(8,19,30,.34) 100%),linear-gradient(0deg,rgba(4,14,27,.8),transparent 28%)}.ex-hero-layout{padding-block:96px 72px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:end;gap:44px}.ex-hero-copy{max-width:815px}.ex-kicker{display:flex;align-items:center;gap:10px;font-family:Inter,system-ui,sans-serif;color:var(--accent);text-transform:uppercase;font-weight:800;letter-spacing:.19em;font-size:10px;line-height:1.5;margin-bottom:22px}.ex-hero .ex-kicker{color:#9ed4ff}.ex-kicker>span{width:22px;height:1px;background:currentColor;display:inline-block}.ex-hero h1{font-size:clamp(56px,7.5vw,112px);line-height:.98;letter-spacing:-.077em;font-weight:750;max-width:820px;margin:0 0 31px;text-wrap:balance}.ex-hero-lead{font-size:clamp(15px,1.45vw,18px);line-height:1.7;color:#dee9f4;max-width:575px;margin-bottom:32px}.ex-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.ex-text-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding:10px 0;color:inherit;font-size:12px;font-weight:750;transition:opacity .2s}.ex-text-link:hover{opacity:.7}.ex-hero-aside{align-self:end;justify-self:end;width:min(100%,310px)}.ex-hero-aside-inner{background:#fff;color:var(--ink);padding:8px;display:grid;grid-template-columns:1fr 40px;gap:12px;align-items:center;box-shadow:0 20px 50px #0004;position:relative}.ex-aside-image{height:160px;grid-column:1/-1;overflow:hidden}.ex-aside-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.ex-hero-aside:hover img{transform:scale(1.05)}.ex-aside-label{font-size:12px;font-weight:700;padding:4px 8px 9px}.ex-aside-arrow{color:var(--accent);font-size:22px;justify-self:center}.ex-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ffffff44;padding:21px 0 27px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#dbe7f2}.ex-hero-bottom a{display:flex;gap:15px;align-items:center}.ex-hero-bottom a span{font-size:19px;animation:exDown 2s infinite}.ex-professional .ex-hero{background:#eee9dd;color:#23382f;min-height:655px}.ex-professional .ex-hero-photo{left:52%;right:0;top:0;bottom:0;z-index:-1}.ex-professional .ex-hero-photo>img{object-position:48% 38%;filter:saturate(.85)}.ex-professional .ex-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#f7f3eb 0%,#f7f3eb 46%,rgba(247,243,235,.92) 51%,rgba(247,243,235,0) 72%)}.ex-professional .ex-hero-layout,.ex-professional .ex-hero-bottom{position:relative}.ex-professional .ex-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.ex-professional .ex-hero-copy{max-width:700px}.ex-professional .ex-hero h1{font-family:Georgia,serif;letter-spacing:-.055em;font-size:clamp(57px,6.2vw,90px);font-weight:400;line-height:1.075}.ex-professional .ex-hero-lead{color:#536057}.ex-professional .ex-hero .ex-kicker{color:#647d68}.ex-professional .ex-hero-bottom{border-color:#63726940;color:#506357}.ex-professional .ex-hero-aside-inner{background:#e8e8df}.ex-professional .ex-hero-aside{transform:translateY(45px)}
/* Brand rail */
.ex-benefits{background:#fff;border-bottom:1px solid var(--line)}.ex-professional .ex-benefits{background:#fffcf7}.ex-benefit-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ex-benefit-row>div{min-height:105px;display:flex;gap:15px;align-items:center;padding:24px;border-right:1px solid var(--line)}.ex-benefit-row>div:first-child{padding-left:0}.ex-benefit-row>div:last-child{border:0}.ex-benefit-mark{font-size:27px;color:var(--accent);font-weight:350}.ex-benefit-row strong{font-size:12px;line-height:1.4;font-weight:700}
/* Content */
.ex-section{padding:112px 0}.ex-catalog{background:var(--page)}.ex-section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:36px}.ex-section-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:0;font-weight:650;max-width:850px}.ex-professional .ex-section-heading h2{font-weight:400}.ex-section-heading>p{color:var(--muted);font-size:15px;margin:0 0 4px;max-width:410px}.ex-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.ex-filter{border:1px solid var(--line);padding:11px 20px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;transition:color .2s,background .2s,transform .25s;border-radius:100px}.ex-filter:hover{transform:translateY(-2px);color:var(--ink)}.ex-filter.is-active{background:var(--ink);border-color:var(--ink);color:white}.ex-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ex-product{min-width:0}.ex-product[hidden]{display:none!important}.ex-product-trigger{display:flex;flex-direction:column;text-align:left;width:100%;height:100%;padding:0;border:1px solid var(--line);background:white;color:var(--ink);overflow:hidden;transition:transform .35s,box-shadow .35s}.ex-professional .ex-product-trigger{background:#fffdfa}.ex-product-trigger:hover{transform:translateY(-7px);box-shadow:0 22px 48px #071c3418}.ex-product-image{position:relative;aspect-ratio:1.18;overflow:hidden;background:var(--soft)}.ex-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.15,.8,.25,1)}.ex-product-trigger:hover .ex-product-image img{transform:scale(1.07)}.ex-product-arrow{position:absolute;right:13px;bottom:13px;width:41px;height:41px;background:white;color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s,transform .3s}.ex-product-trigger:hover .ex-product-arrow{transform:rotate(45deg);background:var(--accent);color:white}.ex-product-copy{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:23px;gap:28px}.ex-product h3{font-size:clamp(20px,1.75vw,26px);font-weight:670;letter-spacing:-.04em;margin:0 0 12px}.ex-professional .ex-product h3{font-weight:400}.ex-product-copy p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.ex-product-more{font-size:11px;display:flex;justify-content:space-between;align-items:center;font-weight:750;border-top:1px solid var(--line);padding-top:14px;color:var(--accent)}.ex-product-more span{font-size:17px}
/* Big editorial break */
.ex-feature{background:var(--dark);color:white;padding:95px 0;overflow:hidden}.ex-professional .ex-feature{background:#e8e8df;color:var(--ink)}.ex-feature-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:8vw}.ex-feature-copy{min-width:0}.ex-feature .ex-kicker{color:#a9d2ff}.ex-professional .ex-feature .ex-kicker{color:var(--accent)}.ex-feature h2{font-size:clamp(45px,5.3vw,78px);line-height:1.04;font-weight:630;margin-bottom:27px}.ex-professional .ex-feature h2{font-weight:400}.ex-feature-copy>p:not(.ex-kicker){font-size:15px;line-height:1.76;color:#c1cddc}.ex-professional .ex-feature-copy>p:not(.ex-kicker){color:var(--muted)}.ex-feature-line{height:1px;background:#ffffff45;margin:32px 0 22px}.ex-professional .ex-feature-line{background:#384a4038}.ex-feature-media{min-height:545px;position:relative;overflow:hidden}.ex-feature-media>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s}.ex-feature-media:hover>img{transform:scale(1.045)}.ex-media-tag{background:rgba(9,25,39,.86);color:white;position:absolute;bottom:18px;left:18px;font-size:12px;padding:15px 20px;max-width:380px;line-height:1.4;backdrop-filter:blur(9px)}.ex-professional .ex-media-tag{background:#f8f6ef;color:#2b4036}
/* Tabs */
.ex-explorer{background:var(--soft)}.ex-section .ex-section-heading{margin-bottom:36px}.ex-explorer-shell{display:grid;grid-template-columns:.88fr 1.12fr;min-height:555px;background:#fff;border:1px solid var(--line)}.ex-professional .ex-explorer-shell{background:#fffdfa}.ex-explorer-side{padding:42px 48px;display:flex;flex-direction:column;justify-content:space-between}.ex-explorer-tabs{border-top:1px solid var(--line)}.ex-explorer-tab{width:100%;border:0;background:transparent;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 4px;color:var(--muted);text-align:left;font-size:15px;font-weight:650;transition:padding .3s,color .3s}.ex-professional .ex-explorer-tab{font-family:Georgia,serif;font-weight:400;font-size:18px}.ex-explorer-tab>span:last-child{font-size:21px}.ex-explorer-tab.is-active{padding-left:16px;color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);background:var(--soft)}.ex-explorer-content{padding-top:36px;outline-offset:6px}.ex-explorer-content h3{font-size:clamp(30px,3vw,42px);margin:0 0 18px}.ex-professional .ex-explorer-content h3{font-weight:400}.ex-explorer-content p{font-size:14px;color:var(--muted);max-width:485px}.ex-explorer-content .ex-text-link{margin-top:10px;color:var(--accent)}.ex-explorer-image{position:relative;min-height:555px;overflow:hidden;background:#dce5eb}.ex-explorer-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform .7s}.ex-explorer-image img.is-changing{opacity:.25;transform:scale(1.035)}.ex-photo-strip{padding:0 0 95px;background:var(--soft)}.ex-photo-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(1520px,calc(100% - 50px));margin:auto}.ex-photo-track figure{margin:0;position:relative;height:235px;overflow:hidden;background:#222}.ex-photo-track figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.ex-photo-track figure:hover img{transform:scale(1.07)}.ex-photo-track figure::after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#000a)}.ex-photo-track figcaption{position:absolute;z-index:1;bottom:17px;left:18px;right:12px;color:white;font-size:12px;font-weight:690}
/* FAQ, contact and modal */
.ex-faq{background:var(--page)}.ex-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.ex-faq h2{font-size:clamp(43px,5vw,65px);font-weight:630}.ex-professional .ex-faq h2{font-weight:400}.ex-faq-list details{padding:23px 0;border-bottom:1px solid var(--line)}.ex-faq-list details:first-child{border-top:1px solid var(--line)}.ex-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:650;cursor:pointer;list-style:none}.ex-faq-list summary::-webkit-details-marker{display:none}.ex-faq-list summary::after{content:'+';font-size:24px;flex-shrink:0;font-weight:400;color:var(--accent)}.ex-faq-list details[open] summary::after{content:'−'}.ex-faq-list details p{margin:15px 0 4px;max-width:590px;font-size:14px;color:var(--muted)}.ex-contact{background:var(--dark);color:white;padding:103px 0}.ex-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.ex-contact-inner>div{max-width:720px}.ex-contact .ex-kicker{color:#a6c6ec}.ex-contact h2{font-size:clamp(43px,5.3vw,76px);margin:0 0 20px}.ex-professional .ex-contact h2{font-weight:400}.ex-contact-inner>div>p:not(.ex-kicker){font-size:14px;color:#c7d4df;max-width:580px}.ex-contact-button{background:white;border-color:white;color:var(--dark);min-width:250px}.ex-footer{background:#081625;color:#acb8c5;font-size:12px;padding:26px 0}.ex-professional .ex-footer{background:#10271f}.ex-footer>.ex-container{display:flex;justify-content:space-between;gap:20px}.ex-footer a{color:white;text-decoration:underline;text-underline-offset:4px}.ex-detail-modal{width:min(860px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:0;border:0;background:var(--page);color:var(--ink);box-shadow:0 30px 90px #0005;overflow:auto}.ex-detail-modal::backdrop{background:#041526a9;backdrop-filter:blur(5px)}.ex-modal-close{position:sticky;z-index:10;top:14px;margin:14px 14px -55px auto;width:42px;height:42px;border:none;border-radius:50%;background:#fff;color:#10203a;display:grid;place-items:center;font-size:29px;box-shadow:0 5px 18px #0002}.ex-detail-image{height:325px;background:var(--soft)}.ex-detail-image img{width:100%;height:100%;object-fit:cover}.ex-detail-body{padding:43px 46px 48px}.ex-detail-body h2{font-size:clamp(36px,4vw,54px);margin:0 0 20px}.ex-professional .ex-detail-body h2{font-weight:400}.ex-detail-body>p:not(.ex-kicker){font-size:15px;color:var(--muted);max-width:650px;margin-bottom:28px}
/* Reveals: only activate when JS supports observer; no invisible content when scripts fail */
[data-ex-reveal]{opacity:1;transform:none}.motion-ready [data-ex-reveal]:not(.is-visible){opacity:1;transform:none}.motion-ready [data-ex-reveal].is-visible{animation:exRevealUp .85s cubic-bezier(.22,1,.36,1) both}@keyframes exRevealUp{from{opacity:.72;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.motion-ready .ex-product:nth-child(2){transition-delay:.07s}.motion-ready .ex-product:nth-child(3){transition-delay:.14s}.motion-ready .ex-product:nth-child(4){transition-delay:.21s}.ex-ripple{position:absolute;z-index:1;background:rgba(255,255,255,.28);border-radius:50%;transform:scale(0);pointer-events:none;animation:exRipple .55s ease-out}@keyframes exRipple{to{transform:scale(3);opacity:0}}@keyframes exDown{50%{transform:translateY(7px)}}@keyframes exHeroImage{from{opacity:.5;transform:scale(1.075)}to{opacity:1;transform:scale(1.02)}}
@media(max-width:1180px){.ex-navigation{gap:18px}.ex-container{width:min(1200px,calc(100% - 54px))}.ex-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-product-image{aspect-ratio:1.65}.ex-section-heading{gap:25px}.ex-feature-layout{gap:5vw}.ex-explorer-side{padding:34px}}
@media(max-width:800px){html{scroll-padding-top:80px}.ex-header-row{height:67px}.ex-header-action{display:none}.ex-menu-toggle{display:flex}.ex-navigation{display:none;position:absolute;top:100%;left:0;right:0;z-index:99;padding:10px 24px 22px;background:var(--page);border-bottom:1px solid var(--line);box-shadow:0 20px 32px #071a281e;flex-direction:column;align-items:stretch;gap:0}.ex-navigation.is-open{display:flex}.ex-navigation a{font-size:15px;padding:16px 10px;border-bottom:1px solid var(--line)}.ex-hero{min-height:650px}.ex-hero-layout,.ex-professional .ex-hero-layout{grid-template-columns:1fr;gap:28px;padding-block:70px 34px}.ex-hero h1{font-size:clamp(55px,9.5vw,82px)}.ex-hero-aside{justify-self:start;width:230px}.ex-aside-image{height:105px}.ex-professional .ex-hero-photo{left:35%;opacity:.42}.ex-professional .ex-hero::before{background:linear-gradient(90deg,#f7f3eb 0%,#f7f3ebed 53%,#f7f3eb60 100%)}.ex-professional .ex-hero-aside{transform:none}.ex-benefit-row{grid-template-columns:repeat(2,1fr)}.ex-benefit-row>div:nth-child(2){border-right:0}.ex-benefit-row>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.ex-section{padding:78px 0}.ex-section-heading{grid-template-columns:1fr;gap:15px}.ex-section-heading h2{font-size:clamp(38px,6vw,58px)}.ex-section-heading>p{max-width:650px}.ex-feature{padding:76px 0}.ex-feature-layout{grid-template-columns:1fr;gap:40px}.ex-feature-media{min-height:385px}.ex-explorer-shell{grid-template-columns:1fr}.ex-explorer-image{min-height:355px;order:-1}.ex-photo-track{grid-template-columns:repeat(2,1fr)}.ex-photo-track figure{height:260px}.ex-faq-grid{grid-template-columns:1fr;gap:15px}.ex-contact-inner{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:520px){.ex-container{width:calc(100% - 36px)}.ex-announcement .ex-container{gap:6px;font-size:9px}.ex-announcement a{max-width:56%;text-align:right;white-space:normal}.ex-brand strong{font-size:23px}.ex-hero{min-height:640px}.ex-hero-layout,.ex-professional .ex-hero-layout{padding-block:54px 35px}.ex-hero h1{font-size:clamp(49px,13vw,67px);letter-spacing:-.065em}.ex-professional .ex-hero h1{font-size:clamp(51px,12.5vw,65px)}.ex-hero-lead{font-size:14px;line-height:1.6}.ex-hero-actions{gap:18px}.ex-hero-actions .ex-primary{min-width:100%}.ex-hero-aside{display:none}.ex-hero-bottom{font-size:9px;letter-spacing:.08em}.ex-benefit-row>div{padding:18px 8px;gap:9px;min-height:78px}.ex-benefit-row>div:first-child{padding-left:6px}.ex-benefit-row strong{font-size:11px}.ex-benefit-mark{font-size:22px}.ex-section{padding:65px 0}.ex-kicker{font-size:9px;margin-bottom:16px}.ex-section-heading h2{font-size:42px}.ex-products{grid-template-columns:1fr}.ex-product-image{aspect-ratio:1.25}.ex-product-copy{padding:22px;gap:20px}.ex-product h3{font-size:25px}.ex-feature{padding:62px 0}.ex-feature h2{font-size:48px}.ex-feature-media{min-height:290px}.ex-explorer-side{padding:25px 23px}.ex-explorer-image{min-height:270px}.ex-explorer-tab{font-size:14px}.ex-explorer-content h3{font-size:32px}.ex-photo-track{width:calc(100% - 24px);gap:6px}.ex-photo-track figure{height:170px}.ex-photo-track figcaption{font-size:10px;left:10px;bottom:11px}.ex-photo-strip{padding-bottom:64px}.ex-faq h2{font-size:45px}.ex-faq-list summary{font-size:14px}.ex-contact{padding:70px 0}.ex-contact h2{font-size:49px}.ex-contact-button{width:100%}.ex-footer>.ex-container{flex-direction:column}.ex-detail-image{height:240px}.ex-detail-body{padding:29px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready [data-ex-reveal]{opacity:1!important;transform:none!important}}
/* Legal pages use a restrained editorial hero without a second, unrelated stock inset. */
.ex-professional .ex-hero-aside{display:none}
.ex-professional .ex-hero-layout{grid-template-columns:minmax(0,1fr) .3fr}
@media(max-width:800px){.ex-professional .ex-hero-layout{grid-template-columns:1fr}}

/* Studio v5 — industry-specific art direction and stronger type hierarchy */
body.ex-professional{--ink:#172b3d;--muted:#536575;--accent:#8f4450;--dark:#192c3b;--line:#e6ded5;--page:#fcfaf7;--soft:#f1eeea}
body.ex-professional .ex-header,body.ex-professional .ex-navigation{background:rgba(252,250,247,.97)}
body.ex-professional .ex-benefits{background:#f8f4ee}
body.ex-professional .ex-hero{background:#e9e1d8;color:#192d3c}
body.ex-professional .ex-hero::before{background:linear-gradient(90deg,#fcfaf7 0%,#fcfaf7f5 35%,#fcfaf7e6 48%,#fcfaf760 75%)}
body.ex-professional .ex-hero .ex-kicker{color:#9b4852}
body.ex-professional .ex-hero-lead{color:#3c5264}
body.ex-professional .ex-hero-bottom{color:#34495e;border-color:#47596a30}
body.ex-professional .ex-hero h1{font-size:clamp(62px,6.8vw,114px);line-height:1.02;letter-spacing:-.065em}
body.ex-industrial .ex-hero h1{font-size:clamp(65px,8.5vw,128px);line-height:.92;letter-spacing:-.081em}
body.ex-industrial .ex-hero::before{background:linear-gradient(90deg,#07101eef,#071526c8 30%,#07152663 65%,#07152628),linear-gradient(0deg,#08111d9c,transparent 38%)}
body.ex-industrial .ex-hero-photo>img{filter:saturate(.95) contrast(1.02)}
body.ex-professional .ex-hero-photo{left:36%}
body.ex-professional .ex-hero-photo>img{filter:saturate(.9);object-position:55% center}
body.studio-example .ex-section-heading h2{font-size:clamp(48px,5.8vw,86px);letter-spacing:-.067em;line-height:.98}
body.ex-professional .ex-section-heading h2{font-size:clamp(49px,5.7vw,82px);letter-spacing:-.055em}
body.studio-example .ex-product-image{aspect-ratio:1.13}
body.studio-example .ex-product-trigger{border-radius:4px;overflow:hidden}
body.studio-example .ex-product-image img{transition:transform .85s cubic-bezier(.2,.7,.25,1)}
body.studio-example .ex-product-trigger:hover img{transform:scale(1.07)}
body.studio-example .ex-photo-track{grid-template-columns:repeat(4,1fr);gap:10px}
body.studio-example .ex-photo-track figure{height:clamp(210px,19vw,340px);border-radius:3px}
body.studio-example .ex-photo-track img{filter:saturate(.94)}
body.studio-example .ex-feature h2{font-size:clamp(49px,5.5vw,94px)!important;line-height:.96;letter-spacing:-.066em}
body.studio-example .ex-interlude{min-height:540px;position:relative;display:grid;grid-template-columns:1fr 1fr;background:#0e1d30;color:#fff;overflow:hidden;isolation:isolate}
body.studio-example .ex-interlude-photo{min-height:540px;overflow:hidden}
body.studio-example .ex-interlude-photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
body.studio-example .ex-interlude:hover img{transform:scale(1.045)}
body.studio-example .ex-interlude-text{padding:clamp(38px,6vw,105px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#0e1d30}
body.studio-example .ex-interlude h2{font-size:clamp(50px,5vw,92px);letter-spacing:-.076em;line-height:.96;max-width:750px;margin-bottom:27px}
body.studio-example .ex-interlude .ex-kicker{color:#9fcaff}
body.studio-example .ex-interlude .ex-text-link{color:#fff}
body.ex-professional .ex-interlude{background:#6f3e4c}
body.ex-professional .ex-interlude-text{background:#f0e7df;color:#1d2e3c}
body.ex-professional .ex-interlude .ex-kicker{color:#873d4b}
body.ex-professional .ex-interlude .ex-text-link{color:#873d4b}
body.ex-professional .ex-interlude h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.056em}
@media(min-width:901px){body.studio-example .ex-product:first-child{grid-column:span 2}body.studio-example .ex-product:first-child .ex-product-image{aspect-ratio:2.3}body.studio-example .ex-product:first-child .ex-product-copy{padding:24px 29px}body.studio-example .ex-products{grid-template-columns:repeat(3,minmax(0,1fr))}body.studio-example .ex-product:not(:first-child) .ex-product-image{aspect-ratio:1.07}}
@media(max-width:800px){body.studio-example .ex-interlude{grid-template-columns:1fr;min-height:auto}body.studio-example .ex-interlude-photo{min-height:330px;max-height:520px}body.studio-example .ex-interlude-text{padding:46px 28px 60px}body.studio-example .ex-interlude h2{font-size:clamp(46px,8vw,70px)}body.ex-professional .ex-hero-photo{left:15%;opacity:.28}body.ex-professional .ex-hero::before{background:linear-gradient(90deg,#fcfaf7f5,#fcfaf7ca 64%,#fcfaf7a0)}}
@media(max-width:520px){body.studio-example .ex-hero h1,body.ex-professional .ex-hero h1{font-size:clamp(49px,12.4vw,70px)}body.studio-example .ex-section-heading h2{font-size:clamp(42px,10vw,58px)}body.studio-example .ex-feature h2{font-size:clamp(45px,10vw,65px)!important}body.studio-example .ex-interlude-photo{min-height:275px}body.studio-example .ex-interlude h2{font-size:clamp(43px,10vw,60px)}body.studio-example .ex-photo-track{grid-template-columns:1fr 1fr;gap:8px}body.studio-example .ex-photo-track figure{height:195px}}
@media(prefers-reduced-motion:reduce){body.studio-example .ex-interlude img{transition:none!important}}