/* Refine the accepted A direction without changing the earlier concepts. */
/* Let the browser improve line endings without hard spaces or fixed line breaks. */
.refined-a :is(h1,h2,h3,h4){text-wrap:balance}
.refined-a :is(p,figcaption,address){text-wrap:pretty;hyphens:none}
.refined-a .studio h2{font-size:clamp(32px,3.7vw,46px)}
.studio-title-phrase{white-space:nowrap}
.keep-together{white-space:nowrap}
.refined-a .studio>div{max-width:65ch}
.feature-notes p,.experience-flow p{text-wrap:balance}
html:has(body.refined-a){scroll-behavior:auto;scroll-padding-top:60px}
.refined-a .site-header{min-height:106px}
.refined-a .hero-top{padding-top:28px}
.refined-a .hero-a-grid{padding:43px 0 48px;grid-template-columns:1fr 230px;gap:50px}
.refined-a .hero-a h1{font-size:clamp(76px,8.4vw,132px)}
.refined-a .hero-marker{display:block;color:var(--red);font-family:Consolas,monospace;font-size:16px;letter-spacing:-.08em;margin-bottom:24px}
.refined-a .hero-aside p{font-size:20px;line-height:1.4}
.refined-a .hero-aside>a{margin-top:21px;font-size:14px}
.project-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.project-index>a{display:flex;align-items:center;gap:20px;padding:20px 28px 20px 0}
.project-index>a+a{border-left:1px solid var(--line);padding-left:28px}
.project-index .index-number{align-self:start;padding-top:3px;font:11px Consolas,monospace;color:var(--red)}
.project-index strong{font-size:23px;font-weight:500;line-height:1.1;display:block;letter-spacing:-.025em}
.project-index small{font-size:12px;color:var(--muted);display:block;margin-top:5px}
.project-index>a>span:last-child{margin-left:auto;font-size:23px;color:var(--red)}
.selected-work{padding-top:82px}
.selected-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:45px;align-items:start;margin-bottom:64px}
.selected-intro h2{font-size:46px;font-weight:500;line-height:1.05}
.case-study{scroll-margin-top:0;margin-bottom:92px}
.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:34px;border-top:1px solid var(--line);padding-top:26px}
.case-heading .eyebrow{font-size:11px;letter-spacing:.1em}
.case-number{font:12px Consolas,monospace;color:var(--red);margin-right:10px}
.case-heading h3{font-size:72px;letter-spacing:-.045em;font-weight:500;margin-top:20px;line-height:1}
.title-dot{color:var(--red)}
.brand-mark{font-size:.35em;vertical-align:super;line-height:0;margin-left:.06em}
.project-index .brand-mark{font-size:.5em}
.case-summary h4{font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}
.case-summary>p{font-size:16px;line-height:1.55;max-width:55ch;color:var(--muted)}
.case-link{font-size:14px;display:flex;align-items:center;justify-content:space-between;max-width:210px;gap:30px;border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:20px}
.case-link span{color:var(--red);font-size:19px}
.moto-showcase{background:#e4e1d3;padding:28px 35px 18px;overflow:hidden}
.moto-showcase-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px;font-size:11px;color:#565546}
.moto-showcase-label>.eyebrow{font-size:10px;color:#494638}
.moto-screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.52fr);gap:0;align-items:center;padding-bottom:18px}
.product-window{display:block;background:#0c0e12;border:1px solid #3c3e3c;box-shadow:0 18px 35px #24241c23;overflow:hidden}
.main-window{margin-right:-70px;align-self:start}
.compare-window{position:relative;margin-top:80px;transform:translateY(12px);box-shadow:0 18px 35px #17191446}
.window-bar{height:28px;background:#23252a;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 12px;color:#bec0c6;font:9px Arial,sans-serif}
.window-dots{display:flex;gap:4px}
.window-dots i{display:block;width:4px;height:4px;background:#777b85;border-radius:50%}
.product-window>img{width:100%;height:auto}
.moto-showcase>figcaption{color:#686454;font-size:10px;margin-top:14px;line-height:1.4}
.feature-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:27px}
.feature-notes>div{border-top:1px solid var(--line);padding-top:15px}
.feature-notes .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--red)}
.feature-notes p{font-size:16px;margin-top:6px}
.vmax-showcase{background:#19191e;color:#f3f1e9;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,.65fr) minmax(0,1.55fr);gap:0;align-items:center;overflow:hidden;min-height:420px}
.vmax-intro{position:relative;z-index:1;padding:36px 0 36px 36px}
.vmax-brand{width:120px;height:auto;margin-bottom:38px}
.refined-a .vmax-statement{font-size:35px;letter-spacing:-.025em;line-height:1.15;text-wrap:nowrap}
.vmax-statement em{font-family:Georgia,serif;color:#e9b8bc;font-weight:400}
.vmax-facts{margin-top:35px;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#ccc9cf}
.vmax-facts span::before{content:'+';display:inline-block;color:#d89ba4;margin-right:12px}
.vmax-scene{min-height:420px;align-self:stretch;position:relative;overflow:hidden}
.vmax-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.vmax-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#19191e,transparent 14%,transparent 85%,#19191e)}
.vmax-scene>figcaption{position:absolute;z-index:1;bottom:16px;left:24px;font-size:10px;color:#fff}
.vmax-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:24px 26px 24px 8px;position:relative;z-index:1;align-items:start}
.vmax-film{min-width:0}
.vmax-poster{display:block;aspect-ratio:2/3;background:#121216;border:1px solid #ffffff25;box-shadow:0 15px 25px #0008}
.vmax-poster img{width:100%;height:100%;object-fit:contain}
.vmax-awards{display:block;margin-top:14px;background:#19191e}
.vmax-awards img{display:block;width:100%;height:auto}
.vmax-films a:focus-visible{outline:2px solid #e9b8bc;outline-offset:5px}
.vmax-film figcaption{font-size:13px;line-height:1.4;margin-top:14px}
.vmax-film figcaption>span{font-size:10px;color:#b7b4be}
.vmax-caption{display:flex;justify-content:space-between;gap:25px;margin-top:18px;font-size:13px}
.vmax-caption>p:last-child{font-size:10px;color:var(--muted);max-width:210px;text-align:right}
.quiz-showcase{display:grid;grid-template-columns:.8fr 1.4fr;background:#30232b;color:#fff;align-items:stretch}
.quiz-identity{background:#000;padding:25px 30px 32px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}
.quiz-logo{width:110px;height:110px;overflow:hidden}
.quiz-logo>img{width:440px;height:110px;max-width:none;object-fit:contain;margin-left:-167px}
.quiz-identity>p{font-size:41px;letter-spacing:-.03em;line-height:1.08;margin:25px 0}
.quiz-identity em{font-family:Georgia,serif;font-weight:400;color:#f5bac6}
.quiz-identity>.eyebrow{font-size:9px;color:#d0bac3;letter-spacing:.08em}
.quiz-visual{position:relative;display:flex;flex-direction:column;background:#20191c}
.quiz-visual>a{flex:1;display:block;position:relative;min-height:310px}
.quiz-visual img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.quiz-visual>figcaption{background:#1c171a;color:#d8cbd2;padding:10px 14px;font-size:10px;line-height:1.4}
.experience-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-block:1px solid var(--line)}
.experience-flow>div{padding:22px 25px 25px 0}
.experience-flow>div+div{border-left:1px solid var(--line);padding-left:25px}
.experience-flow .eyebrow{font-size:10px;color:var(--red);margin-bottom:12px;display:block}
.experience-flow h4{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.experience-flow p{font-size:14px;color:var(--muted);max-width:30ch;margin-top:10px}
.quiz-footnote{font-size:12px;color:var(--muted);margin-top:16px}
.refined-a .footer-grid{grid-template-columns:1.15fr 1fr .9fr;gap:50px}
.refined-a .call-note{font-size:13px;color:#d2d0cb;max-width:300px;line-height:1.5;margin-top:15px}
.refined-a .company-details>address{margin-top:16px}
.footer-explore h2{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;line-height:1.5;margin-bottom:18px;color:#d0cdc8}
.footer-explore>a{display:block;font-size:15px;line-height:1.4;margin-bottom:14px;width:max-content;max-width:100%}
@media(max-width:1000px){
  .refined-a .hero-a-grid{grid-template-columns:1fr 180px;gap:25px}
  .refined-a .hero-a h1{font-size:8.8vw}
  .refined-a .hero-aside p{font-size:17px}
  .project-index>a{gap:13px;padding-right:18px}.project-index>a+a{padding-left:18px}
  .project-index strong{font-size:20px}.project-index small{font-size:11px}
  .selected-intro h2{font-size:38px}.case-heading{gap:35px}.case-heading h3{font-size:58px}
  .case-summary h4{font-size:23px}.case-summary>p{font-size:15px}
  .moto-showcase{padding-inline:25px}.vmax-showcase{grid-template-columns:minmax(170px,.75fr) minmax(0,.35fr) minmax(0,1.5fr);min-height:350px}
  .vmax-intro{padding-left:25px}.vmax-brand{width:100px}.refined-a .vmax-statement{font-size:28px}.vmax-scene{min-height:350px}
  .vmax-films{padding-right:20px;gap:16px}.quiz-identity{padding-left:25px}.quiz-identity>p{font-size:34px}
  .experience-flow h4{font-size:21px}
  .refined-a .footer-grid{gap:30px}
}
@media(min-width:651px) and (max-width:900px){
  .refined-a .studio{grid-template-columns:1fr;gap:24px}
  .vmax-showcase{grid-template-columns:.8fr 1fr}
  .vmax-intro{grid-column:1;grid-row:1}
  .vmax-scene{grid-column:2;grid-row:1;min-height:310px}
  .vmax-films{grid-column:1/-1;grid-row:2;padding:0 25px 25px}
}
@media(max-width:650px){
  .refined-a .studio h2{font-size:clamp(28px,8.4vw,34px)}
  .refined-a .site-header{min-height:91px}
  .refined-a .hero-top{padding-top:24px}.refined-a .hero-top>.eyebrow{font-size:10px}
  .refined-a .hero-a-grid{display:block;padding:32px 0}
  .refined-a .hero-a h1{font-size:clamp(49px,13vw,84px)}
  .refined-a .hero-aside{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;margin-top:27px}
  .refined-a .hero-marker{display:none}.refined-a .hero-aside p{font-size:15px;line-height:1.4}
  .refined-a .hero-aside>a{grid-column:auto;margin:0;font-size:11px;white-space:nowrap;max-width:none}
  .project-index{grid-template-columns:1fr}
  .project-index>a,.project-index>a+a{border-left:0;padding:13px 0;gap:18px}
  .project-index>a+a{border-top:1px solid var(--line)}
  .project-index strong{font-size:19px}.project-index small{font-size:10px;margin-top:2px}
  .project-index .index-number{align-self:center;padding:0}.project-index>a>span:last-child{font-size:20px}
  .selected-work{padding-top:51px}.selected-intro{display:block;margin-bottom:36px}
  .selected-intro .eyebrow{font-size:10px;margin-bottom:18px}.selected-intro h2{font-size:32px;line-height:1.08}
  .case-study{margin-bottom:57px;scroll-margin-top:0}
  .case-heading{display:block;padding-top:21px;margin-bottom:25px}
  .case-heading .eyebrow{font-size:9px}.case-heading h3{font-size:55px;margin-top:16px}
  .case-summary{margin-top:23px}.case-summary h4{font-size:24px}.case-summary>p{font-size:15px}
  .case-link{font-size:13px;max-width:190px;margin-top:15px}
  .moto-showcase{padding:18px 13px 15px}.moto-showcase-label{display:block;margin-bottom:18px}
  .moto-showcase-label>span:last-child{display:none}.moto-showcase-label>.eyebrow{font-size:9px}
  .moto-screens{display:block;padding-bottom:0}.main-window{margin:0}.compare-window{transform:none;margin:17px 0 0 35px}
  .window-bar{height:22px;font-size:8px;padding-inline:9px}.moto-showcase>figcaption{font-size:9px;margin-top:14px}
  .feature-notes{display:block;margin-top:18px}.feature-notes>div{display:grid;grid-template-columns:.9fr 1.2fr;gap:15px;padding:12px 0}
  .feature-notes .eyebrow{font-size:9px;line-height:1.6}.feature-notes p{font-size:13px;margin:0;line-height:1.45}
  .vmax-showcase{grid-template-columns:1fr;min-height:0;position:relative}
  .vmax-intro{grid-column:1;grid-row:1;padding:25px 25px 30px;background:linear-gradient(90deg,#19191e 20%,#19191e9c)}.vmax-brand{width:95px;margin-bottom:23px}
  .refined-a .vmax-statement{font-size:clamp(28px,8.3vw,37px)}.vmax-facts{margin-top:23px;gap:5px;font-size:10px}
  .vmax-scene{grid-column:1;grid-row:1;min-height:0}.vmax-scene::after{background:linear-gradient(0deg,#19191e,transparent 30%)}
  .vmax-scene>figcaption{display:none}
  .vmax-films{grid-column:1;grid-row:2;padding:0 25px 25px;gap:20px}.vmax-film figcaption{font-size:13px;margin-top:10px}.vmax-film figcaption>span{font-size:10px}
  .vmax-caption{display:block;font-size:12px}.vmax-caption>p:last-child{text-align:left;max-width:none;margin-top:8px;font-size:9px}
  .quiz-showcase{grid-template-columns:1fr}.quiz-identity{padding:12px 25px 25px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:center}
  .quiz-identity>p{font-size:28px;margin:12px 0}.quiz-identity>.eyebrow{grid-column:1/-1;font-size:8px;margin-top:10px}
  .quiz-visual>a{min-height:0;aspect-ratio:16/9}.quiz-visual img{object-fit:contain}
  .quiz-visual>figcaption{font-size:9px;padding:9px 12px}
  .experience-flow{display:block;margin-top:20px}.experience-flow>div,.experience-flow>div+div{padding:17px 0;border-left:0}
  .experience-flow>div+div{border-top:1px solid var(--line)}
  .experience-flow .eyebrow{font-size:9px;margin-bottom:8px}.experience-flow h4{font-size:22px}.experience-flow p{font-size:13px;max-width:none;margin-top:6px}
  .quiz-footnote{font-size:11px;line-height:1.5}
  .refined-a .footer-grid{grid-template-columns:1fr;gap:30px}
  .refined-a .footer-grid>div{grid-column:auto}
  .refined-a .call-note{font-size:12px;max-width:280px;margin-top:12px}
  .footer-explore h2{font-size:10px;margin-bottom:14px}
  .footer-explore>a{font-size:14px;margin-bottom:12px}
}
@media(max-width:480px){.vmax-films{grid-template-columns:minmax(0,1fr);gap:32px}.vmax-film{width:100%;max-width:320px;justify-self:center}.vmax-awards{margin-top:16px}}
html:has(body.refined-a){scroll-padding-top:20px}