/* October 2026: restrained silver accents and coherent interaction states. */
:root { --studio-accent:#c8ccc7; }
body { --cyan:var(--studio-accent); }
html { scroll-padding-top:32px; }
.site-header,.page-nav { border-bottom:0; }
.site-header>nav,.page-nav nav { gap:8px; }
.site-header>nav a,.page-nav nav a { padding:10px 15px; border-radius:999px; border:1px solid transparent; transition:background .2s,border-color .2s,color .2s; }
.site-header>nav a::after { display:none; }
.site-header>nav a:hover,.page-nav nav a:hover { color:#fff; background:#ffffff0d; border-color:#ffffff24; }
.site-header>nav a:focus-visible,.page-nav nav a:focus-visible { outline:2px solid #d8dcd6; outline-offset:3px; }
.hero-bottom { border-top:0; padding-top:0; }
.hero-bottom i { color:#c5c7c1; }
.hero-actions a { gap:0; }
a.case-card { color:inherit; text-decoration:none; }
a.case-card:focus-visible { outline:2px solid #e1e4dc; outline-offset:5px; }
.case-card .case-image { display:block; }
.case-card .case-action { margin-top:auto; align-self:flex-start; padding-top:5px; font-size:12px; font-weight:600; color:#cbd0ca; text-decoration:underline; text-decoration-color:#ffffff38; text-underline-offset:6px; transition:text-decoration-color .2s,color .2s; }
.case-card:hover .case-action { color:#fff; text-decoration-color:#cbd0ca; }
.experience-card { border-color:#ffffff20; background:#202527; }
.experience-card::after { background:linear-gradient(125deg,#ffffff08,transparent 42%); }
.experience-card .experience-poster-frame { overflow:hidden; }
.experience-card .experience-poster { transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s; }
.experience-card figcaption { min-height:102px; padding:18px 14px; gap:8px; background:linear-gradient(180deg,#ffffff05,transparent); border-top:1px solid #ffffff12; }
.experience-card h4 { font-size:14px; font-weight:600; line-height:1.4; min-height:2.8em; color:#e5e7e2; letter-spacing:-.015em; }
.experience-card .project-year { color:#a4ada7; font-size:11px; letter-spacing:.08em; }
.portfolio-navigation { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.portfolio-navigation a { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border:1px solid #ffffff24; border-radius:999px; font-size:12px; color:#cbd0cb; }
.portfolio-navigation a:hover,.portfolio-navigation a:focus-visible { background:#ffffff0b; border-color:#ffffff55; color:#fff; }
.portfolio-navigation a:first-child { background:#ffffff0b; }
.commercial-experience { padding:54px 0 4px; margin-top:40px; border-top:1px solid #ffffff1b; }
.commercial-heading { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:30px; }
.commercial-heading h3 { font:500 clamp(32px,3.5vw,48px)/1.08 var(--display); letter-spacing:-.015em; margin:12px 0 0; }
.commercial-heading p:not(.eyebrow) { font-size:13px; line-height:1.85; color:#b8c0ba; margin:0; max-width:58ch; }
.commercial-categories { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.commercial-category { padding:30px; border:1px solid #ffffff22; border-radius:22px; background:linear-gradient(140deg,#ffffff09,#ffffff02); }
.commercial-category h4 { font-size:11px; text-transform:uppercase; letter-spacing:.13em; color:#9fa9a3; font-weight:500; margin:0 0 24px; }
.brand-name-grid { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0 28px; }
.brand-name-grid li { padding:14px 0; margin:0; font:500 clamp(23px,2.4vw,31px)/1.2 var(--display); color:#dce0d9; border-bottom:1px solid #ffffff12; }
.commercial-foot { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:24px; }
.commercial-foot p { max-width:65ch; margin:0; font-size:12px; line-height:1.8; color:#aab4ad; }
.commercial-foot a { flex-shrink:0; font-size:12px; }
.capability-note { padding-top:15px; border-top:1px solid #ffffff16; font-size:12px!important; line-height:1.8; color:#acb8b2!important; }
.workflow-grid { list-style:none; padding:0; margin:34px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; counter-reset:workflow; }
.workflow-grid li { margin:0; padding:24px 0 0; border-top:1px solid #ffffff25; counter-increment:workflow; }
.workflow-grid li:before { content:counter(workflow,decimal-leading-zero); display:block; font-size:11px; color:#9faaa2; margin-bottom:15px; }
.workflow-grid h3 { font-size:27px; margin-bottom:12px; }
.workflow-grid p { font-size:13px; line-height:1.85; margin:0; }
.software-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid #ffffff20; border-radius:22px; overflow:hidden; background:#ffffff20; margin:30px 0 0; }
.software-grid>div { background:#171d20; padding:26px 28px; }
.software-grid dt { font:500 27px/1.2 var(--display); color:#e1e4de; margin-bottom:10px; }
.software-grid dd { margin:0; color:#aebbb5; font-size:13px; line-height:1.85; }
.software-context { margin-top:22px; font-size:12px; line-height:1.8; }
.faq-list summary span,.service-faq summary::marker { color:#c4ccc5; }
.contact { background:radial-gradient(ellipse at 15% 90%,#b2bca408,transparent 55%),#13191b; color:#eceee8; align-items:start; gap:6%; }
body .contact .eyebrow { color:#c5c9c1; }
.contact h2 { font-size:clamp(48px,5.1vw,78px); line-height:1.03; }
.contact h2 span { color:#a6b1a8; }
.contact .contact-copy>p:not(.eyebrow) { color:#b5c0b8; }
.contact .studio-location { color:#c5ccc3!important; font-size:12px!important; margin-top:28px; }
.contact .email-directory>div { background:#ffffff04; border:1px solid #ffffff1e; border-radius:16px; padding:18px 20px; }
.contact .email-directory dt { color:#9fafa5; }
.contact .email-directory dd a { color:#e1e7dd; border-color:#ffffff30; overflow-wrap:anywhere; }
.contact .contact-note { margin-top:30px; }
.contact .contact-note p { color:#94a59b; }
.contact .contact-note .crosshair { color:#b4c0b6; }
.contact #brief-form { display:grid; gap:18px; min-width:0; padding:clamp(22px,3vw,38px); border:1px solid #ffffff26; border-radius:24px; background:linear-gradient(140deg,#ffffff09,#ffffff03); box-shadow:inset 0 1px 0 #ffffff10,0 18px 50px #0002; }
.contact .form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.contact label { display:grid; gap:9px; min-width:0; margin:0; font:500 12px/1.6 var(--font); color:#d6dfd3; }
.contact .field-label { min-height:20px; }
.contact .optional { color:#93a396; font-size:10px; white-space:nowrap; }
.contact input:not([type=hidden]),.contact select,.contact textarea { width:100%; min-width:0; max-width:100%; margin:0; padding:13px 14px; min-height:50px; border:1px solid #ffffff26; border-radius:12px; background:#0a111657; box-shadow:inset 0 1px 3px #0002; color:#e3e8df; font:400 14px/1.5 var(--font); transition:border-color .2s,background .2s; color-scheme:dark; }
.contact textarea { min-height:120px; resize:vertical; }
.contact input::placeholder,.contact textarea::placeholder { color:#87978b; opacity:1; }
.contact select { padding-right:28px; }
.contact option { background:#192123; color:#e3e8df; }
.contact input:not([type=hidden]):focus-visible,.contact select:focus-visible,.contact textarea:focus-visible { outline:2px solid #a9bba6; outline-offset:3px; border-color:#a9bba6; background:#0a11168c; }
.contact input:-webkit-autofill { -webkit-text-fill-color:#e3e8df; box-shadow:0 0 0 1000px #202a27 inset; caret-color:#e3e8df; }
.contact .date-help { margin:0; font-size:10px; line-height:1.6; color:#8f9f93; }
.contact .form-help,.contact .form-alternative { margin:0; color:#9aa99f; font-size:11px; line-height:1.8; }
.contact .form-help a,.contact .form-alternative a { color:#d3ddce; text-decoration:underline; text-underline-offset:3px; }
.contact .submit-button { --glass-fill:#ffffff12; --glass-hover:#ffffff20; --glass-text:#edf0e7; --glass-border:#ffffff38; width:100%; min-height:50px; margin:0; }
.contact .submit-button:focus-visible { outline-color:#d1ddc7; }
.contact #form-status { margin:0; }
.contact #form-status:empty { display:none; }
.contact #form-status:not(:empty) { color:#d7e2d1; background:#ffffff08; border-color:#ffffff30; font-size:12px; }
.contact #form-status[data-state=success] { color:#caebd8; background:#153629; border-color:#58836c; }
.contact #form-status[data-state=error] { color:#f4d9cd; background:#382b24; border-color:#956f5b; }
.back-to-top { position:fixed; z-index:25; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); display:grid; place-items:center; width:46px; height:46px; border:1px solid #ffffff36; border-radius:50%; background:#202829e8; color:#e5eae0; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 5px 22px #0004; transition:background .2s,transform .2s; }
.back-to-top[hidden] { display:none; }
.back-to-top svg { width:19px; height:19px; }
.back-to-top:hover { background:#38423c; transform:translateY(-2px); }
.back-to-top:focus-visible { outline:2px solid #d4dfca; outline-offset:4px; }
.page-footer { padding-right:58px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .experience-card:hover { transform:translateY(-4px); border-color:#d9e1d44d; box-shadow:inset 0 1px 0 #ffffff20,0 16px 38px #0005; }
 .experience-card:hover .experience-poster { transform:scale(1.035); filter:brightness(1.035); }
}
@media(max-width:1000px) { .contact { grid-template-columns:1fr; gap:36px; } .contact #brief-form { max-width:760px; } }
@media(max-width:767px) {
 .commercial-heading,.commercial-categories { grid-template-columns:1fr; gap:22px; }
 .commercial-foot { flex-direction:column; align-items:flex-start; gap:20px; }
 .commercial-category { padding:25px; }
 .commercial-experience { margin-top:30px; padding-top:38px; }
 .workflow-grid { grid-template-columns:1fr 1fr; gap:25px; }
 .software-grid { grid-template-columns:1fr; }
 .page-nav nav a { padding:8px 10px; }
 .experience-card figcaption { min-height:98px; padding:14px 10px; }
 .experience-card h4 { font-size:12px; }
 .back-to-top { right:14px; bottom:18px; width:44px; height:44px; }
}
@media(max-width:520px) {
 .contact .form-row { grid-template-columns:1fr; gap:18px; }
 .contact input:not([type=hidden]),.contact select,.contact textarea { font-size:16px; }
 .contact #brief-form { padding:22px 18px; border-radius:20px; }
 .workflow-grid { grid-template-columns:1fr; }
 .portfolio-navigation { gap:8px; }
 .portfolio-navigation a { font-size:11px; padding:10px 14px; }
 .compact-footer .footer-actions { padding-right:46px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .back-to-top,.experience-card .experience-poster,.site-header nav a,.page-nav nav a { transition:none; transform:none!important; }
}
@media(prefers-reduced-transparency:reduce) { .back-to-top { background:#26302b; backdrop-filter:none; } }

/* Additional polish: portfolio priority, original commercial artwork, brief intro. */
.site-header>nav a:hover,.page-nav nav a:hover,.site-header>nav a:focus-visible,.page-nav nav a:focus-visible { color:#fff; background:#ffffff1c; border-color:#ffffff58; box-shadow:inset 0 1px 0 #ffffff24,0 5px 18px #0002; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.team-experience.project-portfolio { margin:0; padding:90px 6%; border-top:1px solid #ffffff16; background:#171b1e; }
.project-portfolio .experience-project-heading { margin-bottom:20px; }
.project-portfolio .experience-project-heading h2 { font:500 clamp(36px,4vw,56px)/1.08 var(--display); letter-spacing:-.025em; margin:14px 0 0; }
.project-portfolio .experience-credit-note { max-width:78ch; margin:0 0 26px; color:#b8c0ba; font-size:13px; line-height:1.85; }
.commercial-art { display:block; width:100%; height:auto; aspect-ratio:20/9; object-fit:contain; border-radius:14px; border:1px solid #ffffff0e; margin:0 0 22px; }
.commercial-art-note { font-size:11px; line-height:1.7; color:#99a59e; margin:18px 0 0; }
#studio-loader { position:fixed; inset:0; z-index:100; display:grid; place-content:center; justify-items:center; gap:25px; background:#121719; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s; }
#studio-loader img { width:clamp(180px,24vw,300px); max-width:75vw; height:auto; }
#studio-loader span { display:block; width:96px; height:1px; background:linear-gradient(90deg,transparent,#cbd0c9,transparent); }
#studio-loader.is-loading { opacity:1; visibility:visible; animation:intro-failsafe 3s steps(1,end) forwards; }
@keyframes intro-failsafe { to { opacity:0; visibility:hidden; } }
@media(max-width:767px) { .team-experience.project-portfolio { padding:64px 6%; } .commercial-art { margin-bottom:16px; } }
@media(prefers-reduced-motion:reduce) { #studio-loader { display:none; } }

/* Brand credits use the studio typeface rather than unapproved brand artwork. */
.commercial-experience .commercial-heading { grid-template-columns:1fr; }
.commercial-brand-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.commercial-brand-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-width:0; aspect-ratio:1.65; padding:28px; overflow:hidden; border:1px solid #ffffff26; border-radius:22px; background:radial-gradient(ellipse at 15% 0%,#c3d0c410,transparent 75%),linear-gradient(135deg,#ffffff06,#ffffff02); box-shadow:inset 0 1px 0 #ffffff0c; transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease; }
.commercial-brand-category { font-size:10px; line-height:1.4; text-transform:uppercase; letter-spacing:.16em; color:#a5b0a7; }
.commercial-brand-card h4 { font:500 clamp(26px,3vw,42px)/1.12 var(--display); letter-spacing:-.015em; margin:24px 0 0; color:#e3e7df; padding-bottom:18px; border-bottom:1px solid #ffffff16; }
.commercial-experience .commercial-foot { justify-content:flex-end; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .commercial-brand-card:hover { transform:translateY(-4px); border-color:#ffffff50; background:radial-gradient(ellipse at 15% 0%,#c3d0c41c,transparent 75%),#ffffff06; box-shadow:inset 0 1px 0 #ffffff15,0 14px 30px #0003; } }
@media(max-width:767px) { .commercial-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .commercial-brand-card { aspect-ratio:1.15; padding:18px; border-radius:18px; } .commercial-brand-card h4 { font-size:clamp(22px,5vw,32px); padding-bottom:12px; } .commercial-brand-category { font-size:9px; letter-spacing:.1em; } }
@media(prefers-reduced-motion:reduce) { .commercial-brand-card { transition:none; } }

/* Original product imagery, framed consistently without cropping products. */
.commercial-brand-card { aspect-ratio:auto; padding:0; justify-content:flex-start; background:#1c2224; }
.commercial-product-frame { aspect-ratio:3/2; width:100%; overflow:hidden; background:#101214; border-bottom:1px solid #ffffff16; }
.commercial-product-frame img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease; }
.commercial-brand-caption { padding:20px 24px 22px; background:linear-gradient(135deg,#ffffff04,transparent); }
.commercial-brand-card h4 { margin:8px 0 0; padding:0; border:0; font-size:clamp(26px,2.5vw,36px); }
.commercial-imagery-note { margin:-12px 0 24px; max-width:80ch; color:#a2ada5; font-size:11px; line-height:1.7; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .commercial-brand-card:hover .commercial-product-frame img { transform:scale(1.025); filter:brightness(1.06); } }
@media(max-width:767px) { .commercial-brand-caption { padding:14px 14px 16px; } .commercial-brand-card h4 { font-size:clamp(22px,4.5vw,30px); margin-top:7px; } .commercial-imagery-note { font-size:10px; margin-top:-4px; } }
@media(prefers-reduced-motion:reduce) { .commercial-product-frame img { transition:none; transform:none; } }

/* Licensed product references and unaltered identification logos. */
.commercial-product-frame.brand-photo { background:#24292b; }
.commercial-product-frame.brand-photo img { object-fit:cover; }
.commercial-product-frame[data-brand="audi"] img,.commercial-product-frame[data-brand="volkswagen"] img,.commercial-product-frame[data-brand="hyundai"] img,.commercial-product-frame[data-brand="nissan"] img { object-fit:contain; }
.commercial-product-frame.brand-photo-contained { background:#e2e3e3; }
.commercial-product-frame.brand-photo-contained img { object-fit:contain; padding:12px; box-sizing:border-box; }
.commercial-product-frame[data-brand="coca-cola"] { background:#b5b7b8; }
.commercial-product-frame[data-brand="pepsi"] { background:#fff; }
.commercial-product-frame[data-brand="sprite"] { background:#e4e4e4; }
.commercial-brand-caption { position:relative; min-height:110px; padding-right:132px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; }
.commercial-brand-card h4 { font-size:clamp(22px,2vw,30px); }
.commercial-logo { position:absolute; right:20px; top:50%; transform:translateY(-50%); width:92px; height:58px; display:flex; align-items:center; justify-content:center; background:#f1f2f0; border:1px solid #ffffff8c; border-radius:12px; padding:10px; box-sizing:border-box; }
.commercial-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.commercial-imagery-note { max-width:105ch; font-size:12px; color:#b5bfb8; }
.commercial-imagery-note a { color:#e1e7df; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.commercial-imagery-note a:hover { color:#fff; }
.commercial-imagery-note a:focus-visible { outline:2px solid #d7e1d4; outline-offset:4px; border-radius:2px; }
.commercial-source-section { scroll-margin-top:100px; }
.commercial-source-section>p { max-width:90ch; }
.commercial-credit-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:32px 0; }
.commercial-credit-list article { padding:24px; border:1px solid #ffffff22; border-radius:16px; background:#ffffff04; overflow-wrap:anywhere; }
.commercial-credit-list h3 { margin:0 0 12px; font-size:20px; }
.commercial-credit-list p { font-size:13px; line-height:1.8; }
.commercial-credit-list a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1100px) and (min-width:768px) { .commercial-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 .commercial-brand-caption { min-height:112px; padding:14px; justify-content:flex-start; }
 .commercial-brand-card h4 { font-size:22px; }
 .commercial-logo { position:static; transform:none; width:70px; height:36px; margin-top:14px; padding:6px 10px; border-radius:8px; }
 .commercial-product-frame.brand-photo-contained img { padding:8px; }
 .commercial-imagery-note { font-size:11px; }
 .commercial-credit-list { grid-template-columns:1fr; }
}

/* Approval-stage commercial layout: five beverages, four automobiles. */
.commercial-brand-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }
.commercial-automobile-grid { margin-top:16px; }
.commercial-brand-grid .commercial-brand-card { flex:0 0 calc((100% - 64px)/5); border-radius:18px; }
.commercial-brand-caption { min-height:138px; padding:16px; justify-content:flex-start; }
.commercial-brand-card h4 { font-size:clamp(19px,1.55vw,26px); }
.commercial-brand-category { font-size:9px; letter-spacing:.08em; }
.commercial-logo { position:static; transform:none; width:70px; height:36px; margin-top:14px; padding:6px 10px; border-radius:8px; }
@media(max-width:1050px) { .commercial-brand-grid .commercial-brand-card { flex-basis:calc((100% - 32px)/3); } }
@media(max-width:650px) { .commercial-brand-grid { gap:12px; } .commercial-automobile-grid { margin-top:24px; } .commercial-brand-grid .commercial-brand-card { flex-basis:calc((100% - 12px)/2); } .commercial-brand-caption { min-height:132px; padding:14px; } .commercial-brand-card h4 { font-size:20px; } }

/* Name-and-logo commercial experience, 23 October 2026. */
.commercial-tracking-intro { color:#bbc4bc; font-size:14px; line-height:1.85; max-width:77ch; margin:-12px 0 30px; }
.commercial-logo-gallery .commercial-brand-grid { gap:16px; }
.commercial-logo-gallery .commercial-automobile-grid { margin-top:16px; }
.commercial-logo-gallery .commercial-brand-card { flex:0 0 calc((100% - 64px)/5); height:180px; padding:0; border-radius:18px; justify-content:flex-start; background:linear-gradient(145deg,#ffffff08,#ffffff02); border-color:#ffffff24; box-shadow:inset 0 1px 0 #ffffff0c; }
.commercial-brand-mark { height:116px; flex:none; margin:0; display:flex; justify-content:center; align-items:center; padding:24px 30px; background:linear-gradient(145deg,#f1f2ec,#dce1da); border-bottom:1px solid #ffffff20; }
.commercial-brand-mark img { display:block; width:100%; height:100%; max-width:154px; object-fit:contain; }
.commercial-logo-gallery [data-brand="volkswagen"] .commercial-brand-mark img { max-width:66px; }
.commercial-logo-gallery [data-brand="pepsi"] .commercial-brand-mark img { max-width:70px; }
.commercial-logo-gallery [data-brand="nissan"] .commercial-brand-mark img { max-width:104px; }
.commercial-logo-gallery .commercial-brand-card h4 { display:flex; align-items:center; justify-content:center; height:64px; flex:none; font:500 clamp(18px,1.65vw,25px)/1.2 var(--display); letter-spacing:.01em; text-align:center; margin:0; padding:10px 8px; border:0; color:#e1e7de; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .commercial-logo-gallery .commercial-brand-card:hover { transform:translateY(-3px); border-color:#d6e0d056; box-shadow:inset 0 1px 0 #ffffff14,0 12px 30px #0003; } }
@media(max-width:1050px) { .commercial-logo-gallery .commercial-brand-card { flex-basis:calc((100% - 32px)/3); } }
@media(max-width:650px) { .commercial-logo-gallery .commercial-brand-grid { gap:12px; } .commercial-logo-gallery .commercial-automobile-grid { margin-top:24px; } .commercial-logo-gallery .commercial-brand-card { flex-basis:calc((100% - 12px)/2); height:154px; border-radius:15px; } .commercial-brand-mark { height:100px; padding:22px; } .commercial-logo-gallery .commercial-brand-card h4 { height:54px; font-size:20px; } .commercial-tracking-intro { margin:0 0 24px; font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .commercial-logo-gallery .commercial-brand-card { transition:none; transform:none; } }

/* One logo spin per pointer entry; the card and caption remain still. */
.commercial-logo-gallery .commercial-brand-mark { perspective:650px; }
.commercial-logo-gallery .commercial-brand-mark img { transform-origin:50% 50%; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .commercial-logo-gallery .commercial-brand-card:hover { transform:none; }
}

/* Cinematic refinement: native scrolling, ten balanced brand cards, iOS date sizing. */
html { scroll-snap-type:none; }
.hero-art { animation:none; transform:none; }
.hero .eyebrow { max-width:620px; }
.hero .eyebrow .crosshair { flex-shrink:0; }
.commercial-logo-gallery .commercial-automobile-grid { margin-top:0; }
.commercial-logo-gallery .commercial-beverage-grid { margin-top:16px; }
.commercial-logo-gallery [data-brand="kia"] .commercial-brand-mark img { max-width:130px; }
@media(min-width:900px) { .commercial-logo-gallery .commercial-brand-card { flex-basis:calc((100% - 64px)/5); } }
.contact .date-input-shell { display:flex; position:relative; box-sizing:border-box; width:100%; min-width:0; max-width:100%; isolation:isolate; }
.contact .date-input-shell input[type="date"] { display:block; flex:1 1 0%; box-sizing:border-box; width:0; min-width:0; max-width:100%; min-inline-size:0; height:52px; padding-right:44px; -webkit-appearance:none; appearance:none; text-align:left; }
.contact input[type="date"]::-webkit-date-and-time-value { min-width:0; text-align:left; }
.contact input[type="date"]::-webkit-datetime-edit { min-width:0; padding:0; }
.contact input[type="date"]::-webkit-calendar-picker-indicator { position:absolute; inset:0; width:auto; height:auto; margin:0; padding:0; opacity:0; cursor:pointer; }
.contact .date-placeholder { display:none; position:absolute; left:14px; top:50%; transform:translateY(-50%); font:400 14px/1.5 var(--font); color:#87978b; pointer-events:none; }
.contact .date-input-shell.is-empty:not(:focus-within) input { color:transparent; }
.contact .date-input-shell.is-empty:not(:focus-within) .date-placeholder { display:block; }
.contact .date-icon { position:absolute; right:15px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:#b5c3b9; stroke-width:1.5; pointer-events:none; }
@media(max-width:650px) { .commercial-logo-gallery .commercial-beverage-grid { margin-top:24px; } }
@media(max-width:520px) { .contact .date-placeholder { font-size:16px; } .hero .eyebrow { font-size:10px; letter-spacing:1.3px; max-width:340px; } }
@media(prefers-reduced-motion:reduce) { .hero-inner,.hero-bottom { opacity:1!important; } }

/* Approved V4 layers; wrappers preserve each section's original flow height. */
.scroll-layer-wrap { position:relative; overflow:clip; }
.scroll-layer-wrap > .scroll-layer { position:sticky; transition:none!important; }
.scroll-layer-incoming { position:relative; z-index:3; }
.scroll-layer .hero-inner,.scroll-layer .hero-bottom,.scroll-layer .case-image img { transition: none; }
@media(prefers-reduced-motion:reduce) { .scroll-layer { transform:none!important; filter:none!important; } }

/* Restore pre-reduction spacing; keep every gallery card on a uniform grid. */
.project-portfolio .experience-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:stretch; }
.project-portfolio .experience-card figure { display:flex; flex-direction:column; height:100%; }
.project-portfolio .experience-poster-frame { flex-shrink:0; }
.project-portfolio .experience-card figcaption { box-sizing:border-box; height:104px; min-height:104px; flex:0 0 104px; }
.project-portfolio .experience-card:hover { transform:none; }
.commercial-logo-gallery .commercial-brand-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:0; align-items:stretch; }
.commercial-logo-gallery .commercial-brand-card { width:100%; min-width:0; height:180px; }
@media(max-width:899px) { .project-portfolio .experience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 .commercial-logo-gallery .commercial-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .commercial-logo-gallery .commercial-brand-card { height:154px; }
 .commercial-logo-gallery .commercial-brand-mark { height:100px; padding:22px; }
 .commercial-logo-gallery .commercial-brand-card h4 { height:54px; }
}
@media(max-width:600px) { .project-portfolio .experience-grid { gap:16px 12px; } }

/* Native scrollbar, styled for the studio palette; touch keeps its OS indicator. */
@media (pointer:fine) and (forced-colors:none) {
  html, textarea { scrollbar-width:thin; scrollbar-color:#77817d #111719; }
  @supports selector(::-webkit-scrollbar) {
    html, textarea { scrollbar-width:auto; scrollbar-color:auto; }
    html::-webkit-scrollbar, textarea::-webkit-scrollbar { width:10px; height:10px; }
    html::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track { background:#111719; }
    html::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
      background:#77817d; border:2px solid #111719; border-radius:999px; min-height:48px;
    }
    html::-webkit-scrollbar-thumb:hover, textarea::-webkit-scrollbar-thumb:hover { background:#aeb9b2; }
    html::-webkit-scrollbar-thumb:active, textarea::-webkit-scrollbar-thumb:active { background:#d8dfda; }
    html::-webkit-scrollbar-corner, textarea::-webkit-scrollbar-corner { background:#111719; }
  }
}