/*
Theme Name: Trax Studio
Description: Independent Trax Designs portfolio theme.
Version: 1.0.0
*/
:root{--ink:#171c24;--muted:#5f6670;--paper:#faf9f6;--line:#dadbd8;--accent:#5274a3;--dark:#191627}*{box-sizing:border-box}html{scroll-behavior:smooth}body.trax-home{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}body.trax-home a{color:inherit;text-decoration:none}body.trax-home img{max-width:100%;display:block;height:auto}body.trax-home h1,body.trax-home h2,body.trax-home h3,body.trax-home p{margin:0}body.trax-home h1,body.trax-home h2,body.trax-home h3{font-family:Arial,Helvetica,sans-serif;color:inherit;font-weight:500;letter-spacing:-.045em;line-height:1.08}.trax-wrap{width:min(1320px,calc(100% - 96px));margin:auto}.trax-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.trax-brand{font-size:30px;font-weight:800;letter-spacing:-1.7px;line-height:1}.trax-brand span{font-weight:400}.trax-brand small{font-size:9px;display:block;letter-spacing:2.2px;margin-top:8px;font-weight:500}.trax-nav{display:flex;gap:30px;align-items:center;font-size:14px}.trax-nav a:hover,.trax-textlink:hover{color:var(--accent)}.trax-button{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:var(--ink);color:#fff!important;padding:15px 23px;border:1px solid var(--ink);font-size:14px;font-weight:600;transition:background .2s}.trax-button:hover{background:var(--accent);border-color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid #6c91c4;outline-offset:5px}.trax-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.trax-eyebrow:before{content:'';width:7px;height:7px;background:var(--accent);display:block}.trax-hero{padding:72px 0 58px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.trax-hero h1{font-size:clamp(48px,5.2vw,78px);margin:26px 0!important;max-width:700px}.trax-hero h1 em{font-style:normal;color:var(--accent)}.trax-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:490px}.trax-actions{display:flex;gap:28px;align-items:center;margin-top:32px;flex-wrap:wrap}.trax-textlink{font-size:14px;font-weight:600;display:inline-flex;gap:18px;border-bottom:1px solid var(--ink);padding:7px 0}.trax-hero-media{position:relative}.trax-hero-media>img{width:100%;aspect-ratio:1/1.1;object-fit:cover;object-position:64% center}.trax-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:14px}.trax-caption strong{color:var(--ink);font-weight:500}.trax-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.trax-strip span:before{content:'+';color:var(--accent);font-size:15px;margin-right:14px}.trax-section{padding:90px 0}.trax-sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.trax-sectionhead h2{font-size:clamp(34px,4vw,54px);margin-top:18px!important;max-width:650px}.trax-sectionhead>p{max-width:350px;color:var(--muted)}.trax-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.trax-service{padding:30px 25px 0 0}.trax-service+.trax-service{border-left:1px solid var(--line);padding-left:25px}.trax-number{font-size:12px;color:var(--accent);margin-bottom:32px;display:block}.trax-service h3{font-size:25px;min-height:60px;margin-bottom:20px!important}.trax-service p{font-size:14px;color:var(--muted);line-height:1.75}.trax-work{background:#eeeef0}.trax-projects{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.trax-project img{width:100%;aspect-ratio:1.35;object-fit:cover;background:#e6e4e7;transition:transform .35s}.trax-project-image{overflow:hidden}.trax-project:hover img{transform:scale(1.025)}.trax-project-info{display:flex;justify-content:space-between;align-items:start;padding:20px 0;gap:20px}.trax-project h3{font-size:27px;margin-bottom:10px!important}.trax-project p{font-size:13px;color:var(--muted)}.trax-arrow{font-size:24px}.trax-note{font-size:12px;color:var(--muted);margin-top:24px!important;max-width:750px}.trax-process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.trax-step{border-top:1px solid var(--line);padding-top:24px}.trax-step h3{font-size:23px;margin-bottom:16px!important}.trax-step p{font-size:14px;color:var(--muted)}.trax-about{background:var(--dark);color:white;padding:72px 0}.trax-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.trax-about h2{font-size:48px}.trax-about p{color:#c2becd;margin-bottom:24px!important;font-size:17px}.trax-about .trax-textlink{border-color:#c2becd}.trax-cta{padding:90px 0;display:flex;align-items:center;justify-content:space-between;gap:50px}.trax-cta h2{font-size:54px;max-width:700px}.trax-cta p{color:var(--muted);margin-top:22px!important}.trax-footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}.trax-footer a{margin-left:22px}.trax-skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100000}.trax-skip:focus{top:10px}.trax-case{max-width:900px;margin:auto;padding:70px 0}.trax-case h1{font-size:64px;margin:25px 0!important}.trax-case>img{width:100%;max-height:620px;object-fit:contain;background:#eee;margin:32px 0}.trax-case-copy p{margin-bottom:22px!important}.trax-case-copy h2,.trax-case-copy h3{font-size:28px;margin:30px 0 20px!important}.trax-case-copy ul{padding-left:24px}.trax-case-copy a{text-decoration:underline!important}.trax-mobile{display:none}.trax-mobile summary{cursor:pointer;list-style:none;font-size:14px}.trax-mobile nav{position:absolute;right:24px;top:100px;background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;gap:18px;z-index:10;min-width:220px}.trax-home .nfd-coming-soon-admin-bar{position:relative}
@media(min-width:1600px){.trax-hero h1{font-size:78px}}
@media(max-width:1000px){.trax-wrap{width:calc(100% - 48px)}.trax-nav{gap:18px}.trax-hero{gap:32px}.trax-hero h1{font-size:52px}.trax-services{grid-template-columns:repeat(2,1fr);gap:32px}.trax-service:nth-child(3){border-left:0;padding-left:0}.trax-about-grid{gap:40px}.trax-strip{font-size:9px;letter-spacing:.6px}.trax-strip span:before{margin-right:6px}.trax-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.trax-header{height:84px}.trax-nav{display:none}.trax-mobile{display:block}.trax-brand{font-size:27px}.trax-hero{grid-template-columns:1fr;padding:44px 0 32px;gap:36px}.trax-hero h1{font-size:49px}.trax-lead{font-size:16px}.trax-hero-media>img{aspect-ratio:1.2;object-position:center}.trax-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trax-section{padding:60px 0}.trax-sectionhead{display:block;margin-bottom:30px}.trax-sectionhead>p{margin-top:24px!important}.trax-services{grid-template-columns:1fr;gap:24px}.trax-service,.trax-service+.trax-service{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.trax-service:first-child{border-top:0}.trax-service h3{min-height:0;font-size:26px}.trax-number{margin-bottom:16px}.trax-projects{grid-template-columns:1fr;gap:22px}.trax-project img{aspect-ratio:1.3}.trax-about-grid{grid-template-columns:1fr;gap:28px}.trax-about h2{font-size:37px}.trax-cta{padding:60px 0;display:block}.trax-cta h2{font-size:39px}.trax-cta .trax-button{margin-top:28px}.trax-footer{display:block}.trax-footer div+div{margin-top:16px}.trax-footer a{margin:0 20px 0 0}.trax-case{padding:40px 0}.trax-case h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.trax-home input:not([type=submit]),.trax-home textarea{font:inherit;padding:14px;border:1px solid #adb0b4;background:#fff;width:100%;max-width:100%;color:var(--ink);border-radius:0}.trax-home label{font-size:14px;display:block}.trax-home input[type=submit]{font:inherit;background:var(--ink);color:white;border:0;padding:15px 28px;cursor:pointer}.trax-home textarea{min-height:160px}.trax-home .wpcf7-form p{margin-bottom:24px!important}.trax-home input:focus-visible,.trax-home textarea:focus-visible{outline:3px solid #6c91c4;outline-offset:2px}
.trax-mobile{position:relative}.trax-mobile nav{top:calc(100% + 18px);right:0}

/* Service-led content revision. */
.trax-services{grid-template-columns:repeat(3,minmax(0,1fr))}.trax-service h3{min-height:85px}.trax-service-list{list-style:none;padding:0;margin:24px 0;font-size:13px;line-height:1.6}.trax-service-list li{padding:10px 0;border-top:1px solid var(--line)}.trax-service-list li:before{content:'+';color:var(--accent);margin-right:10px}.trax-expertise{background:#eeece7}.trax-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.trax-expertise-grid h3{font-size:25px;margin-bottom:18px!important}.trax-expertise-grid p{font-size:15px;color:var(--muted)}
@media(max-width:1000px){.trax-services{grid-template-columns:1fr;gap:28px}.trax-service,.trax-service+.trax-service{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.trax-service:first-child{border-top:0}.trax-service h3{min-height:0}.trax-expertise-grid{grid-template-columns:1fr;gap:30px}}
.trax-dropdown{position:relative}.trax-dropdown summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;white-space:nowrap}.trax-dropdown summary::-webkit-details-marker{display:none}.trax-dropdown-icon:after{content:'+';font-size:23px;line-height:1}.trax-dropdown[open] .trax-dropdown-icon:after{content:'−';color:var(--accent)}.trax-dropdown-panel{position:absolute;top:calc(100% + 22px);left:-24px;width:350px;padding:16px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px #171c2412;z-index:40;display:grid;gap:3px}.trax-dropdown-panel a{padding:12px 14px;font-size:15px;line-height:1.4;border-radius:7px}.trax-dropdown-panel a:hover,.trax-dropdown-panel a:focus-visible{background:#edf3fa;color:var(--accent)}.trax-dropdown-panel .trax-dropdown-overview{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);border-radius:0;margin-bottom:5px}.trax-section-page{padding:70px 0}.trax-section-page>h1{font-size:clamp(38px,4.7vw,66px);max-width:1000px;margin:26px 0 30px!important}.trax-section-copy{max-width:840px}.trax-section-copy .trax-section-intro{font-size:22px;color:var(--muted);line-height:1.6;margin-bottom:44px!important}.trax-section-copy h2{font-size:30px;margin:30px 0 20px!important}.trax-section-copy p{margin-bottom:20px!important}.trax-section-copy ul{padding-left:20px;line-height:2}.trax-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:50px 0}.trax-category-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:22px;transition:border-color .2s}.trax-category-card:hover{border-color:var(--accent)}.trax-category-card h2{font-size:27px}.trax-category-card p{font-size:15px;color:var(--muted)}.trax-category-card span{margin-top:auto;font-size:13px;font-weight:600}.trax-related{margin-top:70px}.trax-related>h2{font-size:38px;margin:20px 0 32px!important}.trax-section-cta{border-top:1px solid var(--line);padding-top:40px;margin-top:70px}.trax-section-cta h2{font-size:36px}.trax-section-cta p{margin:20px 0!important;color:var(--muted)}
@media(max-width:1000px){.trax-nav{gap:16px;font-size:13px}.trax-dropdown-panel{width:300px}.trax-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.trax-nav{display:none}.trax-mobile{display:block}.trax-mobile>nav{width:min(380px,calc(100vw - 48px));max-height:70vh;overflow:auto}.trax-mobile .trax-dropdown-panel{position:static;box-shadow:none;border:0;border-radius:0;width:100%;padding:10px 0 0}.trax-mobile .trax-dropdown summary{font-size:16px;justify-content:space-between}.trax-mobile .trax-dropdown-panel a{padding:10px 0;font-size:14px}.trax-category-grid{grid-template-columns:1fr}.trax-section-page{padding:45px 0}.trax-section-copy .trax-section-intro{font-size:19px}}


/* September 2026: combined Work gallery and editorial project pages. */
:root{--accent:#5274a3;--dark:#242c3a;--paper:#faf9f6}.trax-hero h1{font-size:clamp(44px,4.6vw,70px)}.trax-hero{gap:48px}.trax-hero-media{background:#e2ebf5;padding:12px}.trax-caption{padding:15px 8px 5px}.trax-button{border-radius:3px}.trax-services{gap:0}.trax-service{padding-right:32px}.trax-service h3{letter-spacing:-.035em}.prototype-band{background:#e7ece8}.trax-work{padding-bottom:0;background:#f0eeeb}.trax-work>.trax-wrap{padding-bottom:10px}.page-intro{padding:76px 0 42px;max-width:900px}.page-intro h1,.about-hero h1,.contact-page h1{font-size:clamp(48px,6.5vw,90px);line-height:1.03;letter-spacing:-.055em;margin:24px 0!important}.page-intro em,.about-hero em,.contact-page em{font-style:normal;color:var(--accent)}.page-intro>p{font-size:20px;color:var(--muted);max-width:610px;line-height:1.6}.work-intro-note{max-width:750px;font-size:13px;color:var(--muted);padding-bottom:34px}.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}.work-tile{display:block;position:relative;min-width:0;background:#e5e7e9;overflow:hidden}.work-tile-image{aspect-ratio:1.06;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 35% 25%,#ffffff40,transparent 75%)}body.trax-home .work-tile-image img{width:100%;height:100%;object-fit:contain;max-height:100%;transition:transform .35s;mix-blend-mode:multiply}.work-tile:hover img,.work-tile:focus-visible img{transform:scale(1.025)}.work-tile-caption{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:18px 20px 22px;min-height:88px}.work-tile-caption h3{font-size:22px;margin-bottom:8px!important;letter-spacing:-.03em}.work-tile-caption p{font-size:11px;line-height:1.5;color:#424854}.work-tile-caption>span{font-size:20px}.work-tile:focus-visible{outline-offset:-5px;z-index:1}.lavender{background:#d5e3f2}.rose{background:#eddfdb}.blue{background:#dbe6ec}.sand{background:#e8dfd3}.sage{background:#dfe8d9}.stone{background:#e5e1dd}.home-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.home-gallery .work-tile-image{aspect-ratio:1.3}.project-detail{padding:48px 0 20px}.project-heading{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:end;margin:48px 0 40px}.project-heading h1{font-size:clamp(48px,6vw,88px);margin:20px 0!important}.project-subtitle{font-size:23px;color:var(--muted)}.project-attribution{font-size:13px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.project-hero{background:#e8e6e5;max-height:720px;padding:32px;display:flex;justify-content:center}.project-hero img{max-height:650px;object-fit:contain;width:100%}.project-layout{display:grid;grid-template-columns:260px 1fr;gap:90px;padding:65px 0}.project-layout aside{font-size:14px;color:var(--muted)}.project-layout aside h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px!important;color:var(--ink)}.project-layout aside p{margin-bottom:36px!important;line-height:1.85}.project-story{max-width:760px}.project-story .project-lead{font-size:24px;line-height:1.5;margin-bottom:38px!important}.project-story h2{font-size:30px;margin:32px 0 18px!important}.project-story p{margin-bottom:22px!important;color:#4e5660}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-gallery figure{margin:0;min-width:0}.project-gallery img{width:100%;height:420px!important;object-fit:contain;background:#ecebe8;padding:16px}.project-gallery figcaption{font-size:12px;color:var(--muted);padding:14px 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.related-grid .work-tile-image{aspect-ratio:1.2}.related-grid .work-tile-caption p{font-size:11px}.about-hero{display:grid;grid-template-columns:1.3fr .8fr;gap:75px;padding:70px 0;align-items:center}.about-hero h1{font-size:clamp(40px,4.7vw,65px)}.about-hero .trax-lead{max-width:650px;margin-bottom:24px!important}.about-hero>div>p:last-child{color:var(--muted)}.about-hero figure{margin:0}.about-hero img{width:100%;max-height:580px;object-fit:cover;object-position:50% 25%}.about-hero figcaption{padding:15px 0;font-size:12px;color:var(--muted)}.career-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.career-grid article{padding-top:20px;border-top:1px solid var(--line)}.career-grid span{font-size:11px;color:var(--accent);letter-spacing:1px}.career-grid h3{font-size:25px;margin:20px 0!important}.career-grid p{font-size:14px;color:var(--muted)}.credentials{background:#eeece8;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.credentials h2{font-size:38px;margin:22px 0!important}.credentials p{color:var(--muted);margin-bottom:20px!important}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.badge-grid figure{margin:0;text-align:center}.badge-grid img{width:135px;height:135px!important;object-fit:contain;margin:auto}.badge-grid figcaption{font-size:12px;margin-top:10px}.capabilities{display:flex;flex-wrap:wrap;gap:12px}.capabilities span{border:1px solid var(--line);padding:12px 20px;border-radius:40px;font-size:14px}.contact-page{padding:90px 0 110px;max-width:1000px}.contact-page .trax-lead{max-width:650px}.contact-email{font-size:clamp(23px,4vw,49px);display:inline-block;margin:36px 0 60px;border-bottom:2px solid var(--accent);padding-bottom:14px;overflow-wrap:anywhere}.contact-prompts{border-top:1px solid var(--line);padding-top:30px;max-width:650px}.contact-prompts h2{font-size:27px}.contact-prompts ul{padding-left:20px;margin:22px 0;color:var(--muted)}.contact-prompts p{font-size:14px;color:var(--muted)}.trax-cta .trax-eyebrow{margin-bottom:20px}.trax-cta>div:last-child>p{font-size:13px}.trax-section-cta{display:none}.trax-case-copy a{overflow-wrap:anywhere}
@media(min-width:1700px){.work-gallery{max-width:1800px;margin:auto}}
@media(max-width:1000px){.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-layout{gap:40px;grid-template-columns:210px 1fr}.project-heading{grid-template-columns:1fr 240px}.about-hero{gap:35px}.career-grid{grid-template-columns:1fr 1fr}.credentials{padding:32px;gap:30px}.related-grid{grid-template-columns:1fr 1fr}.project-gallery img{height:320px!important}}
@media(max-width:700px){.page-intro{padding:45px 0 28px}.page-intro h1{font-size:58px}.page-intro>p{font-size:18px}.work-tile-image{padding:12px;aspect-ratio:1}.work-tile-caption{padding:14px 12px;min-height:95px}.work-tile-caption h3{font-size:19px}.work-tile-caption p{font-size:10px}.project-heading{grid-template-columns:1fr;gap:25px;margin-top:35px}.project-heading h1{font-size:50px}.project-subtitle{font-size:21px}.project-layout{grid-template-columns:1fr;gap:25px;padding:35px 0}.project-layout aside{display:grid;grid-template-columns:90px 1fr;gap:16px}.project-layout aside p{margin:0!important}.project-story .project-lead{font-size:21px}.project-hero{padding:14px}.project-gallery{grid-template-columns:1fr;gap:22px}.project-gallery img{height:auto!important;max-height:500px}.about-hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.about-hero h1{font-size:44px}.about-hero figure{max-width:420px}.career-grid{gap:26px}.credentials{grid-template-columns:1fr;padding:26px}.credentials h2{font-size:32px}.contact-page{padding:50px 0 70px}.contact-page h1{font-size:58px}.contact-email{margin:30px 0 40px}.trax-caption{flex-direction:column;gap:5px}.trax-section-page>h1{overflow-wrap:break-word}.trax-cta{border-top:1px solid var(--line)}.related-grid{grid-template-columns:1fr}.home-gallery .work-tile-image{aspect-ratio:1}.trax-project-info h3{font-size:23px}}
@media(max-width:380px){.trax-wrap{width:calc(100% - 32px)}.page-intro h1,.contact-page h1{font-size:48px}.work-gallery{grid-template-columns:1fr}.career-grid{grid-template-columns:1fr}}
.work-tile-image{padding:0;aspect-ratio:1.12}body.trax-home .work-tile-image img{object-fit:cover;mix-blend-mode:normal}.home-gallery .work-tile-image{aspect-ratio:1.2}.trax-hero-media{padding:0;background:transparent}.trax-hero-media>img{aspect-ratio:1;object-position:center}.trax-caption{padding:16px 0 0}.work-gallery .work-tile-caption{background:#ffffff1a}@media(max-width:700px){.work-tile-image,.home-gallery .work-tile-image{aspect-ratio:1}}

/* Simple services overview and consistent navigation links. */
.services-intro{max-width:1050px}.services-intro h1{font-size:clamp(42px,5.5vw,76px)}.services-intro>p{max-width:660px}.services-list{padding:15px 0 65px}.services-row{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:48px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.services-row h2{font-size:clamp(28px,3vw,40px)}.services-row p{font-size:19px;line-height:1.6;max-width:650px}.services-row ul{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;color:var(--muted);font-size:15px}.services-row li{padding-left:17px;position:relative}.services-row li:before{content:'·';position:absolute;left:0;color:var(--accent)}@media(max-width:700px){.services-row{grid-template-columns:1fr;gap:22px;padding:32px 0}.services-row ul{grid-template-columns:1fr;gap:10px}.services-row p{font-size:18px}.services-list{padding-bottom:30px}}

/* Contact Form 7 project inquiry. */
.trax-inquiry-form{margin-top:46px}.trax-inquiry-fields fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.trax-inquiry-fields legend{font-size:20px;padding:0;margin-bottom:12px}.trax-inquiry-fields legend span,.trax-inquiry-fields label>span:not(.wpcf7-form-control-wrap){font-size:14px;color:var(--muted);font-weight:400;margin-left:7px}.trax-name-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trax-home .trax-inquiry-fields label{font-size:20px}.trax-home .trax-name-row label{font-size:14px}.trax-form-field{margin-bottom:28px}.trax-home .trax-inquiry-fields input[type=text],.trax-home .trax-inquiry-fields input[type=email],.trax-home .trax-inquiry-fields textarea{display:block;margin-top:8px;border:1px solid #81817c;background:transparent;min-height:54px;font-size:16px}.trax-home .trax-inquiry-fields textarea{min-height:170px;resize:vertical}.trax-home .trax-inquiry-fields input[type=checkbox]{width:22px;height:22px;min-width:22px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}.trax-service-fields .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:14px 24px}.trax-service-fields .wpcf7-list-item{margin:0}.trax-home .trax-service-fields .wpcf7-list-item label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:36px;cursor:pointer}.trax-home .trax-inquiry-fields .trax-form-hint{font-size:14px;color:var(--muted);margin:8px 0 14px!important}.trax-home .trax-name-row p{margin:0!important}.trax-home .trax-service-fields legend+p{margin-top:0!important}.trax-home .trax-inquiry-fields input[type=submit]{min-height:48px}.trax-home .wpcf7-not-valid-tip{font-size:14px;margin-top:6px;color:#a02727}.trax-home .wpcf7-response-output{margin:24px 0 0!important;padding:14px!important}.trax-contact-alternative{margin-top:26px!important;color:var(--muted);font-size:16px}.trax-contact-alternative a{border-bottom:1px solid var(--line)}@media(max-width:600px){.trax-name-row{grid-template-columns:1fr;gap:18px}.trax-inquiry-form{margin-top:32px}.trax-service-fields .wpcf7-checkbox{flex-direction:column;gap:6px}.trax-home .trax-inquiry-fields input[type=submit]{width:100%}}

.trax-inquiry-form .hidden-fields{display:none}.trax-name-row>div{min-width:0}

/* Consistent contact typography. */
.trax-home .contact-page{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.trax-home .contact-page h1 em{color:var(--accent);font-style:normal}.trax-home .contact-page .trax-lead{font-size:18px;color:var(--muted)}.trax-home .trax-inquiry-fields label,.trax-home .trax-inquiry-fields legend,.trax-home .trax-name-row label,.trax-home .trax-service-fields .wpcf7-list-item label,.trax-home .trax-inquiry-fields input,.trax-home .trax-inquiry-fields textarea,.trax-home .trax-inquiry-fields input[type=submit]{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;font-weight:400}.trax-home .trax-inquiry-fields legend span,.trax-home .trax-inquiry-fields label>span:not(.wpcf7-form-control-wrap),.trax-home .trax-inquiry-fields .trax-form-hint,.trax-home .trax-contact-alternative{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ink)}.trax-home .trax-inquiry-fields label>span:not(.wpcf7-form-control-wrap){margin-left:5px}.trax-home .trax-inquiry-form .hidden-fields{display:none!important;border:0!important;padding:0!important;margin:0!important}.trax-home .trax-inquiry-fields input[type=submit]{font-weight:600}.trax-home .trax-inquiry-fields input[type=checkbox]{border-radius:0}
.trax-home .trax-inquiry-form .hidden-fields-container{display:none!important;border:0!important;padding:0!important;margin:0!important}.trax-inquiry-form .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Centered, image-only Work mosaic. */
.work-gallery-images{padding:0;gap:0;width:100%}.work-gallery-images .work-tile-image{aspect-ratio:1.25}

/* Compact Work heading integrated with the section label. */
.page-intro.work-intro-compact{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;max-width:none;padding:40px 0 30px}.trax-home .work-intro-compact h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0!important}@media(max-width:600px){.page-intro.work-intro-compact{align-items:flex-start;flex-direction:column;padding:30px 0 24px;gap:12px}.trax-home .work-intro-compact h1{font-size:27px}}

/* Consistent project photography: a shared 4:3 canvas and an even narrow mat. */
.trax-home .project-image-frame{display:block;max-height:none;padding:16px;background:#e8e6e5;box-sizing:border-box;overflow:hidden}
.trax-home .project-image-canvas{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#fff}
.trax-home .project-image-canvas img{display:block;width:100%;height:100%!important;max-height:none;object-fit:cover;object-position:center;padding:0;background:transparent;margin:0}
.trax-home .project-image-bladetap-use img{object-fit:contain}
.trax-home .project-image-ari-learning img{object-position:center 60%}
@media(max-width:700px){.trax-home .project-image-frame{padding:10px}.trax-home .project-image-canvas img{height:100%!important;max-height:none}}

.trax-home .project-image-uag-airpods img{transform:scale(1.3)}
.trax-home .project-image-uag-laptop img{transform:scale(1.12)}

/* Preserve the full historic ICON sleeve product photograph. */
.trax-home .project-image-incase-icon-tensaerlite img{object-fit:contain;background:#fff}

/* Preserve the full ICON phone case exploded product image. */
.trax-home .project-image-incase-icon-phone img{object-fit:contain;background:#000}

/* Project-led visuals on the Services page. */
.services-row.services-row-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:48px 0}
.service-visual,.service-workshop{margin:0;min-width:0}
.service-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8e6e5;padding:0;border:12px solid #e8e6e5}
.trax-home .service-photo img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.service-visual figcaption,.service-workshop figcaption{font-size:12px;color:var(--muted);line-height:1.5;padding-top:12px}
.service-copy h2{margin-bottom:20px!important}.services-row .service-copy p{font-size:18px}
.services-row-visual:nth-child(even) .service-visual{order:2}
.services-prototype-body{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}
.service-workshop-photo{aspect-ratio:16/9;overflow:hidden;background:#e8e6e5}
.trax-home .service-workshop-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;transform:scale(1.3)}
.services-capability-copy h3{font-size:26px;line-height:1.25;margin-bottom:18px!important}
.services-capability-copy p{font-size:17px;color:var(--muted);line-height:1.6}
.services-capability-copy .capabilities{gap:10px;margin-top:24px}
.services-capability-copy .capabilities span{padding:10px 15px;font-size:13px}
@media(max-width:1000px){.services-row.services-row-visual{gap:32px}.services-row .service-copy ul{grid-template-columns:1fr;gap:9px}.services-prototype-body{gap:32px;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.services-row.services-row-visual{grid-template-columns:1fr;gap:25px;padding:32px 0}.services-row-visual:nth-child(even) .service-visual{order:0}.service-photo{padding:0;border-width:10px}.services-prototype-body{grid-template-columns:1fr;gap:28px}.services-row .service-copy ul{grid-template-columns:1fr}.service-copy h2{margin-bottom:16px!important}}

.services-prototype{padding-top:35px}

.services-prototype-text{display:block}.services-prototype-text .services-capability-copy{max-width:850px}.about-hero .service-workshop{align-self:center}

/* Compact contact form while retaining readable inputs. */
.trax-inquiry-form{max-width:800px;margin-top:32px}
.trax-inquiry-fields fieldset{margin-bottom:20px}
.trax-inquiry-fields legend{margin-bottom:8px}
.trax-name-row{gap:16px}
.trax-home .trax-inquiry-fields input[type=text],.trax-home .trax-inquiry-fields input[type=email]{height:44px;min-height:44px;padding:9px 12px;margin-top:6px}
.trax-home .trax-inquiry-fields textarea{height:130px;min-height:130px;padding:10px 12px;margin-top:6px}
.trax-home .trax-inquiry-fields input[type=checkbox]{width:18px;height:18px;min-width:18px}
.trax-service-fields .wpcf7-checkbox{gap:8px 18px}
.trax-home .trax-service-fields .wpcf7-list-item label{gap:8px;min-height:32px}
.trax-home .trax-inquiry-fields .trax-form-hint{margin:6px 0 10px!important;font-size:14px}
.trax-home .trax-inquiry-fields input[type=submit]{min-height:44px;padding:10px 20px}
@media(max-width:600px){.trax-inquiry-form{margin-top:26px}.trax-name-row{gap:14px}.trax-service-fields .wpcf7-checkbox{gap:4px}}

/* Consistent About introduction body color. */
.trax-home .about-hero p{color:var(--muted)}

/* Unified contact body typography. */
.trax-home .contact-page .trax-lead,
.trax-home .contact-page .trax-contact-alternative,
.trax-home .trax-inquiry-fields label,
.trax-home .trax-inquiry-fields legend,
.trax-home .trax-inquiry-fields legend span,
.trax-home .trax-inquiry-fields label>span:not(.wpcf7-form-control-wrap),
.trax-home .trax-inquiry-fields .trax-form-hint,
.trax-home .trax-service-fields .wpcf7-list-item label,
.trax-home .trax-inquiry-fields input[type=text],
.trax-home .trax-inquiry-fields input[type=email],
.trax-home .trax-inquiry-fields textarea{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:var(--muted)}
.trax-home .trax-inquiry-fields input[type=submit]{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;font-weight:600;color:#fff}

/* Minimal page titles and a restrained heading scale. */
.trax-home .contact-page h1,.trax-home .services-intro h1,.trax-home .about-hero h1,.trax-home .project-heading h1,.trax-home .trax-section-page>h1{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px!important}
.trax-home .trax-hero h1{font-size:40px;line-height:1.15;margin:18px 0!important}
.trax-home .trax-sectionhead h2,.trax-home .trax-about h2,.trax-home .trax-cta h2,.trax-home .credentials h2,.trax-home .services-row h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}
.trax-home .project-story h2,.trax-home .trax-section-copy h2{font-size:25px;line-height:1.25}
.trax-home .contact-page{padding:40px 0 55px}
.trax-home .services-intro{padding:40px 0 24px}
.trax-home .about-hero{padding:40px 0;gap:45px}
.trax-home .page-intro>p{font-size:16px}
.trax-home .trax-section{padding:50px 0}
.trax-home .trax-sectionhead{margin-bottom:28px}
.trax-home .trax-sectionhead h2{margin-top:12px!important}
.trax-home .trax-cta{padding:45px 0}
.trax-home .project-heading{margin:28px 0 24px}
.trax-home .project-subtitle{font-size:18px}
@media(max-width:700px){.trax-home .contact-page h1,.trax-home .services-intro h1,.trax-home .about-hero h1,.trax-home .project-heading h1,.trax-home .trax-section-page>h1{font-size:28px}.trax-home .trax-hero h1{font-size:34px}.trax-home .trax-sectionhead h2,.trax-home .trax-about h2,.trax-home .trax-cta h2,.trax-home .credentials h2,.trax-home .services-row h2{font-size:25px}.trax-home .trax-section{padding:35px 0}.trax-home .about-hero{gap:28px}}

/* Contact title matches the compact Selected Work label. */
.trax-home .contact-page h1.contact-title{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;margin:0 0 22px!important}

/* About title matches the compact section labels. */
.trax-home .about-hero h1.about-title{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;margin:0 0 22px!important}

/* Align About introduction and photograph at their top edges. */
.trax-home .about-hero{align-items:start}.trax-home .about-hero .service-workshop{align-self:start}

/* Right-align the copyright-only footer. */
.trax-home .trax-footer{justify-content:flex-end;text-align:right}

/* Compact process label matches About Trax Designs. */
.trax-home .trax-sectionhead h2.process-title{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;margin:0!important}

/* Separate the two About introduction paragraphs. */
.trax-home .about-hero>div>p+p{margin-top:20px}

/* Restored photograph uses its full composition without the old monitor crop. */
.trax-home .about-hero .service-workshop-photo img{transform:none;object-position:center;height:100%!important}

/* Minimal Services overview: four equal text panels. */
.trax-home .services-intro h1.services-title{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.6;margin:0 0 22px!important}
.trax-home .services-intro{max-width:760px;padding-bottom:32px}
.trax-home .services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 64px;padding:0 0 48px}
.trax-home .services-grid .services-row{display:block;min-width:0;padding:26px 0 0;border-top:1px solid var(--line)}
.trax-home .services-grid .services-row h2{font-size:25px;line-height:1.25;margin:0 0 18px!important}
.trax-home .services-grid .services-row p{font-size:16px;line-height:1.65;color:var(--muted);max-width:none}
.trax-home .services-grid .services-row ul{grid-template-columns:1fr;gap:8px;margin:20px 0 0;font-size:16px;line-height:1.6}
@media(max-width:700px){.trax-home .services-grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.trax-home .services-grid .services-row h2{font-size:23px}.trax-home .services-grid .services-row{padding-top:22px}}

/* Homepage hero uses the image-only Work mosaic. */
.trax-home .hero-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;align-self:center;min-width:0}
.trax-home .hero-work-grid .work-tile-image{aspect-ratio:1.25}
@media(max-width:700px){.trax-home .hero-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Edge-to-edge homepage mosaic with persistent overlay navigation. */
.trax-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.trax-home .trax-overlay-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(250,249,246,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.trax-overlay-header .trax-header{height:88px;padding:0 48px;border:0}
.admin-bar.trax-home .trax-overlay-header{top:32px}
.trax-home .home-project-mosaic{width:100%;margin:0;padding:0}
.trax-home .home-project-mosaic .hero-work-grid{width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.trax-home .home-project-mosaic .work-tile-image{aspect-ratio:1.25}
@media(max-width:782px){.admin-bar.trax-home .trax-overlay-header{top:46px}}
@media(max-width:700px){.trax-overlay-header .trax-header{height:76px;padding:0 24px}.trax-home .home-project-mosaic .hero-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reveal the white header bar only after leaving the top of the page. */
.trax-home .trax-overlay-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .2s ease}
.trax-home .trax-overlay-header.is-scrolled{background:#faf9f6}
@media(prefers-reduced-motion:reduce){.trax-home .trax-overlay-header{transition:none}}

/* Uncapped lower homepage, with consistent edge spacing. */
body.home.trax-home #main > .trax-wrap,body.home.trax-home > .trax-wrap:not(.trax-overlay-header){width:calc(100% - 96px);max-width:none}
@media(max-width:1000px){body.home.trax-home #main > .trax-wrap,body.home.trax-home > .trax-wrap:not(.trax-overlay-header){width:calc(100% - 48px)}}
@media(max-width:380px){body.home.trax-home #main > .trax-wrap,body.home.trax-home > .trax-wrap:not(.trax-overlay-header){width:calc(100% - 32px)}}

/* Wide Work, About and Contact layouts match the homepage gutters. */
body.trax-wide-page .trax-wrap{width:calc(100% - 96px);max-width:none}
body.trax-wide-page .work-gallery,body.trax-wide-page .contact-page,body.trax-wide-page .trax-inquiry-form{width:100%;max-width:none}
@media(max-width:1000px){body.trax-wide-page .trax-wrap{width:calc(100% - 48px)}}
@media(max-width:380px){body.trax-wide-page .trax-wrap{width:calc(100% - 32px)}}

/* Overlay navigation spans the full Work gallery at every viewport. */
body.trax-wide-page .trax-wrap.trax-overlay-header{width:100%;max-width:none}

/* Let the homepage service heading use the available row width. */
body.home #services .trax-sectionhead h2{max-width:none}

/* Close the service columns with the same divider used above. */
body.home #services .trax-services{border-bottom:1px solid var(--line)}

/* Alternate product view on mouse hover and keyboard focus. */
.work-tile-image{position:relative;overflow:hidden}
body.trax-home .work-tile-image img.tile-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}
@media(hover:hover){.work-tile:hover .work-tile-image img.tile-alternate{opacity:1}}
.work-tile:focus-visible .work-tile-image img.tile-alternate{opacity:1}
@media(prefers-reduced-motion:reduce){body.trax-home .work-tile-image img.tile-alternate{transition:none}}

/* Promotional artwork retains its full composition and readable typography. */
.project-gallery .project-gallery-wide{grid-column:1 / -1}
.project-gallery-wide .project-image-canvas{aspect-ratio:auto}
body.trax-home .project-gallery-wide .project-image-canvas img{width:100%;height:auto!important;max-height:none;object-fit:contain}

/* Nuemeric exterior/interior views keep their matching positions on hover. */
body.trax-home .work-tile-image img.tile-aligned{transform:none}

/* Product-focused project pages. */
.project-summary{padding:36px 0;max-width:900px}.project-summary p{font-size:18px;line-height:1.65;color:var(--muted);margin:0!important}.project-experience-credit{font-size:12px;line-height:1.6;color:var(--muted);margin:32px 0 0!important}

/* Fit the Nuemeric hero to the complete campaign artwork. */
body.page-id-933 .project-hero .project-image-canvas{aspect-ratio:auto}
body.page-id-933 .project-hero .project-image-canvas img{height:auto!important;max-height:none;object-fit:contain}

/* Match supporting project images to the hero width and preserve complete artwork. */
body.trax-home .project-detail .project-gallery{grid-template-columns:minmax(0,1fr);gap:32px}
body.trax-home .project-detail .project-image-frame{width:100%;max-height:none;padding:16px}
body.trax-home .project-detail .project-image-canvas{aspect-ratio:auto}
body.trax-home .project-detail .project-image-canvas img{display:block;width:100%;height:auto!important;max-height:none;object-fit:contain;padding:0;margin:0}
@media(max-width:700px){body.trax-home .project-detail .project-image-frame{padding:10px}body.trax-home .project-detail .project-gallery{gap:24px}}

/* Ari uses the grid artwork in the same landscape frame as the Nuemeric hero. */
body.page-id-930 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000}
body.page-id-930 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:cover;object-position:50% 70%}

/* Compact project summaries and paired supporting images. */
body.trax-home .project-detail .project-story .project-lead{font-size:16px;line-height:1.65;margin-bottom:0!important}
body.trax-home .project-detail .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
body.trax-home .project-detail .project-gallery .project-gallery-wide{grid-column:auto}
@media(max-width:700px){body.trax-home .project-detail .project-gallery{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Match the Incase prototype photo to the adjacent case-range image. */
body.page-id-935 .project-detail .project-gallery .project-image-incase-development{aspect-ratio:1672 / 941}
body.page-id-935 .project-detail .project-gallery .project-image-incase-development img{height:100%!important;object-fit:cover;object-position:50% 50%}

/* Keep every Incase gallery tile aligned to the same landscape frame. */
body.page-id-935 .project-detail .project-gallery .project-image-canvas{aspect-ratio:1672 / 941}
body.page-id-935 .project-detail .project-gallery .project-image-canvas img{height:100%!important;object-fit:cover;object-position:50% 50%}

/* Match the Nuemeric gallery pair to the adjacent promotional artwork. */
body.page-id-933 .project-detail .project-gallery .project-image-nuemeric-pair-studio-v2{aspect-ratio:1944 / 986}
body.page-id-933 .project-detail .project-gallery .project-image-nuemeric-pair-studio-v2 img{height:100%!important;object-fit:cover;object-position:50% 50%}

/* Compact Bucardo photography with complete products and equal-height pairs. */
body.page-id-931 .project-detail .project-hero .project-image-canvas{height:clamp(280px,38vw,500px);aspect-ratio:auto}
body.page-id-931 .project-detail .project-gallery .project-image-canvas{height:clamp(240px,25vw,340px);aspect-ratio:auto}
body.page-id-931 .project-detail .project-image-canvas img{height:100%!important;object-fit:contain;object-position:center}

/* Compact BladeTap gallery and an uncropped hero matching Nuemeric's proportions. */
body.page-id-932 .project-detail .project-hero .project-image-canvas{aspect-ratio:1774 / 887}
body.page-id-932 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:contain;object-position:center}
body.page-id-932 .project-detail .project-gallery .project-image-canvas{height:clamp(220px,24vw,320px);aspect-ratio:auto}
body.page-id-932 .project-detail .project-gallery .project-image-canvas img{height:100%!important;object-fit:contain;object-position:center}
body.page-id-932 .project-detail .project-gallery .project-image-legacy-754{height:auto;aspect-ratio:1800 / 599}

/* Wider BladeTap artwork fills each frame; the final usage strip spans both columns. */
body.page-id-932 .project-detail .project-gallery .project-image-canvas{height:auto;aspect-ratio:2 / 1}
body.page-id-932 .project-detail .project-image-canvas img{height:100%!important;object-fit:cover}
body.page-id-932 .project-detail .project-gallery .project-gallery-wide{grid-column:1 / -1}
body.page-id-932 .project-detail .project-gallery .project-image-legacy-754{aspect-ratio:1800 / 599}

/* UAG AirPods hero matches Nuemeric's height with seamless taupe side fill. */
body.page-id-962 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000;background:#998575}
body.page-id-962 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:contain;object-position:center}

/* UAG group hero matches Nuemeric with an extended tabletop. */
body.page-id-934 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000}
body.page-id-934 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:cover;object-position:center}

/* Keep Nuemeric image sizing consistent after swapping hero and gallery artwork. */
body.page-id-933 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000}
body.page-id-933 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:cover;object-position:center}
body.page-id-933 .project-detail .project-gallery .project-image-nuemeric-campaign-2{aspect-ratio:1944 / 986}
body.page-id-933 .project-detail .project-gallery .project-image-nuemeric-campaign-2 img{height:100%!important;object-fit:cover;object-position:center}

/* Bucardo: rotated landscape hero and one compact row of unique detail images. */
body.page-id-931 .project-detail .project-hero{max-width:none;margin-left:auto;margin-right:auto}
body.page-id-931 .project-detail .project-hero .project-image-canvas{position:relative;height:auto;aspect-ratio:2 / 1;overflow:hidden}
body.page-id-931 .project-detail .project-hero .project-image-canvas img{position:static;width:100%;height:100%!important;max-width:100%;object-fit:contain;transform:none}
body.page-id-931 .project-detail .project-gallery{grid-template-columns:repeat(4,minmax(0,235px));justify-content:space-between;gap:20px;max-width:none;width:100%;margin-left:auto;margin-right:auto}
body.page-id-931 .project-detail .project-gallery .project-image-frame{padding:10px}
body.page-id-931 .project-detail .project-gallery .project-image-canvas{height:auto;aspect-ratio:1067 / 1600}
body.page-id-931 .project-detail .project-gallery .project-image-canvas img{height:100%!important;object-fit:contain}
@media(max-width:700px){body.page-id-931 .project-detail .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* Incase AirPods hero matches the compact project hero proportions. */
body.page-id-963 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000}
body.page-id-963 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:cover;object-position:center}

/* Incase AirPods: paired rear views and a full-width family photograph. */
body.page-id-963 .project-detail .project-gallery .project-gallery-wide{grid-column:1 / -1}
body.page-id-963 .project-detail .project-gallery .project-image-incase-airpods-clear-rear-v1{aspect-ratio:4 / 3;display:grid;place-items:center;background:#fff}
body.page-id-963 .project-detail .project-gallery .project-image-incase-airpods-clear-rear-v1 img{width:27%;height:auto!important;object-fit:contain}

/* Match the textured hardshell gallery frame heights without cropping the exploded view. */
body.page-id-964 .project-detail .project-gallery .project-image-canvas{aspect-ratio:970 / 600}
body.page-id-964 .project-detail .project-gallery .project-image-canvas img{height:100%!important;object-fit:contain;object-position:center}

/* Consistent heights for the paired MacBook hardshell views. */
body.page-id-965 .project-detail .project-gallery .project-image-legacy-767,
body.page-id-965 .project-detail .project-gallery .project-image-legacy-768{aspect-ratio:572 / 425;background:#fff}
body.page-id-965 .project-detail .project-gallery .project-image-legacy-767 img,
body.page-id-965 .project-detail .project-gallery .project-image-legacy-768 img{height:100%!important;object-fit:contain;object-position:center}

/* Compact TTM family hero; remove excess background above and below. */
body.page-id-936 .project-detail .project-hero .project-image-canvas{aspect-ratio:1960 / 1000}
body.page-id-936 .project-detail .project-hero .project-image-canvas img{height:100%!important;object-fit:cover;object-position:center}

/* Narrow-screen navigation and single-column mobile photography. */
.trax-mobile > summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;list-style:none}
.trax-mobile > summary::-webkit-details-marker{display:none}
.trax-mobile > summary::marker{content:""}
.trax-hamburger{display:flex;flex-direction:column;gap:5px;width:24px}
.trax-hamburger > span{display:block;height:2px;width:100%;background:var(--ink);transition:transform .2s,opacity .2s}
.trax-mobile[open] .trax-hamburger > span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.trax-mobile[open] .trax-hamburger > span:nth-child(2){opacity:0}
.trax-mobile[open] .trax-hamburger > span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){
 .trax-header > .trax-nav{display:none}
 .trax-header > .trax-mobile{display:block}
 .trax-mobile > nav{width:min(320px,calc(100vw - 48px));max-height:70vh;overflow:auto;box-shadow:0 12px 30px #171c2412}
 .trax-mobile > nav > a{display:block;padding:8px 0}
}
@media(max-width:700px){
 body.trax-home .work-gallery,
 body.trax-home .home-project-mosaic .hero-work-grid,
 body.trax-home .project-detail .project-gallery{grid-template-columns:minmax(0,1fr)}
 body.trax-home .project-detail .project-gallery > figure{grid-column:1 / -1}
}

/* Mobile menu echoes the site's restrained typography and fine rules. */

 .trax-mobile > summary{border:1px solid transparent;border-radius:3px;transition:background-color .2s,border-color .2s}
 .trax-mobile > summary:hover,.trax-mobile[open] > summary{background:var(--paper);border-color:var(--line)}
 .trax-mobile[open] .trax-hamburger > span{background:var(--accent)}
 .trax-mobile > nav{top:calc(100% + 12px);width:min(300px,calc(100vw - 48px));padding:22px 24px 10px;gap:0;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:3px;box-shadow:0 16px 40px #171c2414}
 .trax-mobile > nav::before{content:'Explore';display:block;margin-bottom:14px;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
 .trax-mobile > nav > a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:15px 0;border-top:1px solid var(--line);font-size:23px;font-weight:400;letter-spacing:-.7px;line-height:1.25;transition:color .2s}
 .trax-mobile > nav > a::after{content:'↗';font-size:19px;font-weight:400;letter-spacing:0;color:var(--accent);transition:transform .2s}
 .trax-mobile > nav > a:hover,.trax-mobile > nav > a:focus-visible,.trax-mobile > nav > a[aria-current=page]{color:var(--accent)}
 .trax-mobile > nav > a:hover::after{transform:translate(2px,-2px)}
 .trax-mobile > nav > a:focus-visible{outline-offset:3px}

/* All pages start compact; desktop expands after the first scroll. */
.trax-home .trax-site-header{position:sticky;top:0;z-index:1000;width:100%;max-width:none;background:transparent;transition:background-color .2s ease,box-shadow .2s ease}
.trax-home .trax-site-header.trax-overlay-header{position:fixed}
.trax-site-header:not(.trax-overlay-header) .trax-header{width:min(1320px,calc(100% - 96px));margin:auto}
.admin-bar.trax-home .trax-site-header{top:32px}
.trax-home .trax-site-header.is-scrolled{background:#fff;box-shadow:0 1px 0 #171c2412}
.trax-site-header .trax-header > .trax-nav{display:none}
.trax-site-header .trax-header > .trax-mobile{display:block}
.trax-site-header .trax-nav > a,.trax-site-header .trax-mobile > nav > a{font-weight:700}
.trax-site-header .trax-nav > a{display:flex;align-items:center;min-height:44px}
.trax-mobile > nav{max-height:calc(100dvh - 140px);overflow:auto}
@media(min-width:1001px){
 .trax-site-header.is-scrolled .trax-header > .trax-nav{display:flex}
 .trax-site-header.is-scrolled .trax-header > .trax-mobile{display:none}
}
@media(max-width:1000px){.trax-site-header:not(.trax-overlay-header) .trax-header{width:calc(100% - 48px)}}
@media(max-width:782px){.admin-bar.trax-home .trax-site-header{top:46px}}
@media(max-width:600px){.admin-bar.trax-home .trax-site-header.is-scrolled{top:0}}
@media(prefers-reduced-motion:reduce){.trax-home .trax-site-header{transition:none}}

body.trax-home > .trax-wrap.trax-site-header{width:100%;max-width:none}

.trax-header-space{height:88px}
@media(max-width:700px){.trax-header-space{height:76px}}