/* Full-frame photography: intrinsic proportions, no crop, no zoom. */
.quick-title{display:flex;align-items:center;gap:var(--space-3)}
.brand-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain;background:transparent}
[data-theme="dark"] .brand-icon{filter:invert(1)}
.footer-icon{width:16px;height:16px}
.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;align-items:start}
.hub-column{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.profile-card,.build-card{height:380px;min-height:380px;grid-column:auto;grid-row:auto}
.identity img{width:76px;height:auto;aspect-ratio:270/480;object-fit:contain;object-position:center;border-radius:4px}
.identity{margin-top:var(--space-3)}
.profile-card p{margin-block:var(--space-4)}
.chrome-photo{grid-column:auto;grid-row:auto;height:auto;color:var(--fg);display:flex;flex-direction:column}
.chrome-photo::before,.chrome-photo::after,.supporting-photo::after{display:none}
.chrome-photo .photo-top{position:static;padding:var(--space-4) var(--space-5);gap:var(--space-3)}
.photo-top .eyebrow{color:var(--muted)}
.photo-top .round-arrow{border-color:var(--line);background:none}
.main-photo-trigger{padding:0;width:100%;display:block;line-height:0;flex-shrink:0}
.main-photo-trigger img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0;transform:none}
.chrome-photo:hover img,.supporting-photo:hover img{transform:none}
.photo-bottom{position:static;display:block;padding:var(--space-6);color:var(--fg)}
.photo-bottom h2{margin-bottom:var(--space-5)}
.photo-bottom>span{color:var(--muted)}
.supporting-photo{grid-column:auto;grid-row:auto;height:auto;min-height:0;padding:0;display:flex;flex-direction:column;color:var(--fg)}
.supporting-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;border-radius:0}
.supporting-caption{position:static;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;background:var(--surface);font-size:var(--text-base);line-height:1.5}
.supporting-photo:focus-visible,.main-photo-trigger:focus-visible{outline-offset:-4px}
.conversation-card{min-height:192px;background:var(--accent);color:#242822}
.conversation-card .eyebrow{color:#39442a;letter-spacing:.06em}
.conversation-card h2{margin-block:var(--space-4)}
.conversation-card .text-button{width:100%;justify-content:space-between}
.epic-mark{position:static;opacity:1;width:100%;height:115px;margin-block:var(--space-2)}
.epic-mark img{width:110px;height:108px}
.build-card h2,.build-card p{max-width:none}
.build-card h2{margin-top:0}
.build-card .text-button{justify-content:space-between}
.dialog-brand{width:40px;height:40px;margin-bottom:var(--space-5)}
@media(min-width:701px) and (max-width:1100px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .hub-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .build-card{height:380px;min-height:380px}
  .epic-mark{position:static;height:115px;width:100%;margin-block:var(--space-2)}
  .epic-mark img{height:108px;width:110px}
  .build-card h2,.build-card p{max-width:none}
  .build-card p{max-width:28ch}
  .build-card .text-button{margin-top:auto}
}
@media(max-width:700px){
  .bento{display:flex;flex-direction:column}
  .hub-column{display:contents}
  .profile-card{order:1;width:100%;height:390px;min-height:390px}
  .chrome-photo{order:2;width:100%;height:auto}
  .build-card{order:3;width:100%;height:380px;min-height:380px}
  .supporting-photo{height:auto;min-height:0;width:100%}
  .car-photo{order:4}.coast-photo{order:5}.conversation-card{order:6;width:100%}
  .identity img{width:76px;height:auto}
  .epic-mark{height:115px}.epic-mark img{width:110px;height:108px}
  .quick-title{gap:var(--space-2)}.brand-icon{width:22px;height:22px}
  .footer-icon{width:16px;height:16px}
  .dialog-brand{width:40px;height:40px}
}