/* Focused studio layout. The five signature interactions remain available. */
[hidden]{display:none!important}
html{scroll-padding-top:90px}
:focus-visible{outline:3px solid #ff6c41;outline-offset:5px}
body.era-2026{--ink-dim:#b2a997;--f-body:Arial,"Helvetica Neue",sans-serif;font-size:16px}
body.era-2026.theme-light{--ink-dim:#655d50}
body.era-2026 section{padding:58px 6vw}
body.era-2026 h2{font-size:clamp(29px,3.4vw,43px);line-height:1.13}
body.era-2026 .section-intro{max-width:75ch;font-family:var(--f-body);font-size:16px;letter-spacing:0;margin-bottom:28px}
body.era-2026 .hero{padding-top:64px;padding-bottom:50px;min-height:0;text-align:left}
body.era-2026 .hero::before{display:none}
body.era-2026 .hero h1{font-size:clamp(38px,5.4vw,74px);line-height:1.02;max-width:1100px;letter-spacing:-.05em;text-align:left;margin:0 0 26px}
body.era-2026 .hero-sub{font:400 clamp(17px,1.6vw,21px)/1.6 var(--f-body);max-width:65ch;margin:24px 0;color:var(--ink-dim);text-align:left}
body.era-2026 #jargonText{color:var(--ink);font-weight:400;font-style:normal}
body.era-2026 .hero-actions,body.era-2026 .hero-proof{justify-content:flex-start}
body.era-2026 .hero-proof{margin-top:24px;gap:14px;font-size:11px}
body.era-2026 .hero-note{margin-top:18px;text-align:left;font-size:11px}
body.era-2026 .logo::after{animation:none}
body.era-2026 .services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:none}
body.era-2026 .services-list li{display:block;padding:24px 0;border-top:1px solid var(--line);border-bottom:0}
body.era-2026 .services-list li::before{display:none}
body.era-2026 .services-list li h3{font-size:21px;line-height:1.2;text-transform:none}
body.era-2026 .services-list li p{font-size:15px;line-height:1.6;max-width:none}
body.era-2026 .services-list li .service-example{color:var(--ink);font-size:12px;border-left:2px solid var(--accent);padding-left:12px;margin-top:20px}
body.era-2026 .portfolio-head{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:26px}
body.era-2026 .port-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
body.era-2026 .port-card{grid-column:span 2;padding:8px;clip-path:none}
body.era-2026 .port-card:last-child,body.era-2026 .port-secondary{grid-column:span 3}
body.era-2026 .port-media{height:215px}
body.era-2026 .port-secondary .port-media{height:170px}
body.era-2026 .port-info{min-height:0;padding:18px 10px 10px}
body.era-2026 .port-info h3{font-size:23px;line-height:1.12}
body.era-2026 .port-info p{font-size:14px;line-height:1.55}
body.era-2026 .port-link{padding-top:18px;font-size:10.5px;letter-spacing:.01em}
body.era-2026 .port-meta{gap:5px;margin-bottom:8px}
body.era-2026 .port-meta span{font-size:8px;padding:2px 5px}
body.era-2026 .port-meta span:nth-child(n+3){display:none}
body.era-2026 .port-card::before{top:16px;right:16px;font-size:9px;padding:2px 5px}
body.era-2026 .process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body.era-2026 .process-list li h3{font-size:19px}
body.era-2026 .price-col{padding:24px 20px}
body.era-2026 .price-tag{font-size:clamp(28px,3vw,39px)}
body.era-2026 .price-extras{margin-top:24px}
body.era-2026 .price-extras li{padding:20px}
body.era-2026 .price-fine{font-size:11px}
body.era-2026 .faq-accordion{border-top:1px solid var(--line)}
body.era-2026 .faq-accordion details{border-bottom:1px solid var(--line);padding:18px 0}
body.era-2026 summary{cursor:pointer;font-weight:600}
body.era-2026 .faq-accordion p{max-width:80ch;color:var(--ink-dim);margin-bottom:2px}
body.era-2026 .team-card{padding:24px;display:grid;grid-template-columns:60px 1fr;column-gap:18px;text-align:left}
body.era-2026 .avatar{width:60px;height:60px;grid-row:span 4;margin:0}
body.era-2026 .avatar::after{font-size:20px}
body.era-2026 .team-card p,body.era-2026 .team-card h3{grid-column:2}
body.era-2026 .team-card .team-name{font-size:23px}
body.era-2026 .team-bio{font-size:14px}
body.era-2026 .team-note{font-family:var(--f-body);font-size:13px;margin-top:22px}
body.era-2026 .kontakt-form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
body.era-2026 .form-row{margin:0}
body.era-2026 .form-row:has(textarea),body.era-2026 .contact-preview-note,body.era-2026 .cf-confirm,body.era-2026 .cf-fallback{grid-column:1/-1}
body.era-2026 .contact-preview-note{font-size:13px;color:var(--ink-dim);border-left:2px solid var(--accent);padding-left:14px;margin:0 0 6px}
body.era-2026 .cf-submit{justify-self:start}
body.era-2026 .cf-fallback{font-size:12px;margin:0}
body.era-2026 .studio-playground{max-width:1148px;margin:0 auto;padding:20px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink-dim)}
body.era-2026 .studio-playground .jargon-slider{display:flex;gap:16px;margin-top:20px}
body.era-2026 .studio-playground input{width:180px}
body.era-2026 .studio-playground #jargonExample{font-family:Georgia,serif;font-size:18px;min-height:2em}
.vehicle-image{aspect-ratio:1;background-image:url('../assets/images/auto-inventory-sheet.jpg');background-size:300% 200%;background-position:var(--photo-pos,0% 0%);background-repeat:no-repeat}
body.era-2026 .photo-preview{display:flex;flex-direction:column;align-items:center;background:#101113}
body.era-2026 .photo-preview .vehicle-image{width:100%;max-width:100%;height:100%;flex:none;min-height:0;background:none;aspect-ratio:auto;object-fit:contain}
body.era-2026 .preview-switch{display:flex;gap:5px;position:absolute;bottom:10px;z-index:5}
.preview-switch button{font:10px ui-monospace,monospace;padding:7px 9px;background:#17191d;color:#c8ccd2;border:1px solid #45484d;cursor:pointer}
.preview-switch button[aria-pressed=true]{background:#ece9e0;color:#151515}
body.era-2026 .roof-stage{width:100%;height:100%;background:#e9e6dc;display:grid;place-items:center}
body.era-2026 .roof-stage>svg{width:100%;height:100%;max-height:none;position:static;transform:none;inset:auto}
body.era-2026 .roof-stage .roof-replay{position:absolute;bottom:8px;right:8px;z-index:5;padding:5px 9px;font-size:10px;background:#f8f5ed;color:#342b20;border:1px solid #b7aa94}
body.era-2026 .roof-stage .stage-badge{color:#443a2c;background:#f8f5ed;border-color:#c9bea9}
body.era-2026 .bento-stage{padding-top:12px}
body.era-2026 .bento-counter{font-size:24px}
body.era-2026 .bento-counter small{font-size:8px}
body.era-2026 .cli-stage{height:100%}
body.era-2026 .cli-body{font-size:11px;line-height:1.45}
body.era-2026 .services,body.era-2026 .process,body.era-2026 .pricing,body.era-2026 .faq,body.era-2026 .team{opacity:1;transform:none}
@media(max-width:1000px){body.era-2026 .port-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.era-2026 .port-card,body.era-2026 .port-card:last-child{grid-column:auto}body.era-2026 .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.era-2026 .services-list{gap:18px}body.era-2026 .studio-playground{margin:0 6vw}}
@media(max-width:680px){body.era-2026 section{padding:38px 6vw}body.era-2026 .hero{padding-top:38px}body.era-2026 .hero h1{font-size:clamp(32px,8.8vw,54px)}body.era-2026 .hero-actions{align-items:flex-start}body.era-2026 .hero-sub{font-size:17px}body.era-2026 .hero-proof{display:none}body.era-2026 .services-list,body.era-2026 .port-grid,body.era-2026 .portfolio-head{grid-template-columns:1fr}body.era-2026 .port-card{display:grid;grid-template-columns:36% minmax(0,1fr);gap:6px;align-items:start}body.era-2026 .port-media,body.era-2026 .port-secondary .port-media{height:160px}body.era-2026 .port-info{padding:8px}body.era-2026 .port-info h3{font-size:20px}body.era-2026 .port-info p{font-size:13px}body.era-2026 .port-meta{display:none}body.era-2026 .port-link{font-size:10px;padding-top:10px}body.era-2026 .port-card::before{display:none}body.era-2026 .stage-badge{font-size:7px;padding:3px;left:5px;top:5px}body.era-2026 .photo-preview .vehicle-image{width:100%;flex:none;margin-top:16px}body.era-2026 .preview-switch{gap:2px;bottom:5px}body.era-2026 .preview-switch button{font-size:8px;padding:6px 3px}body.era-2026 .bento-stage{gap:4px}body.era-2026 .bento-counter{font-size:17px;padding:4px}body.era-2026 .bento-counter small{font-size:7px}body.era-2026 .bento-live{font-size:8px}body.era-2026 .cli-body{font-size:8px;padding:7px}body.era-2026 .cli-title{font-size:8px}body.era-2026 .cli-dot{width:5px;height:5px}body.era-2026 .process-list{grid-template-columns:1fr 1fr}body.era-2026 .team-card{grid-template-columns:42px 1fr;padding:20px 14px;gap:0 12px}body.era-2026 .avatar{width:42px;height:42px}body.era-2026 .kontakt-form{grid-template-columns:1fr}body.era-2026 .hero-note{line-height:1.6}body.era-2026 .studio-playground{padding:20px 0}body.era-2026 .studio-playground .jargon-slider{flex-wrap:wrap}body.era-2026 .salon-stage{padding:0}body.era-2026 .salon-labels{display:none}body.era-2026 .demo-caption{font-size:7px;left:3px;right:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}