/* Content artwork remains present on phones. Decorative effects are separate from the artwork. */
@media (max-width: 1024px) {
  #home.hero{min-height:0;padding-top:36px;padding-bottom:48px;background:#f8f6f2}
  #home .hero-container{width:100%;max-width:680px;padding-inline:20px;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "art" "copy" "actions";text-align:start}
  #home .hero-content{display:contents}
  #home .hero-title{grid-area:title;margin:0;padding:0;font-size:clamp(2rem,7.8vw,2.8rem);line-height:1.08;max-width:19ch;text-wrap:balance}
  #home .hero-subtitle{grid-area:copy;margin:0;font-size:1.0625rem;line-height:1.65;color:#4b443c}
  #home .hero-buttons{grid-area:actions;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:stretch}
  #home .hero-buttons a{flex:1 1 145px;min-height:48px;max-width:100%;padding:12px 18px;line-height:1.4;text-align:center;white-space:normal}
  #home .hero-visual{grid-area:art;isolation:isolate;position:relative;min-width:0;min-height:240px;height:clamp(260px,78vw,360px);border-radius:24px;overflow:hidden;border:1px solid #ddcfc0;
    background:linear-gradient(180deg,#fff5 0%,#f6e6cc40 58%,#e8d9c9 100%),url('/assets/images/h3_bg.jpg') center 46%/cover no-repeat}
  #home .hero-visual::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#d7c4ae80);z-index:-1}
  #home .flame-animation{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:10px 8px 0}
  #home .greystone-character{position:static;display:block;opacity:1;width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center bottom;transform:none!important;filter:drop-shadow(0 10px 15px #20160a40);z-index:0;transition:none}
  /* Show complete screenshots/logos instead of clipping their top or sides into a wide banner. */
  .portfolio-image:not(.logo-image){aspect-ratio:16/10;background-color:#f1ece6}
  .portfolio-image .project-image{object-fit:contain;object-position:center}
  .spot .spot__art .win img{aspect-ratio:16/10;object-fit:contain;object-position:center}
  .spot .spot__art{min-height:0}
  .p-hero .showcase{min-width:0;max-width:100%}
  .showcase__stage{max-width:100%}
  .showcase__item img{object-fit:contain}
  .card__media .art__main{object-fit:contain}
  .showcase__thumbs img,.p-features__shot img{object-fit:contain}
  .founder-member .member-photo,.team-member .member-photo{max-width:100%}
  .post__img img,.blog-hero__img img{object-fit:contain}
}
@media (max-width: 360px){#home .hero-container{padding-inline:16px}#home .hero-visual{height:260px}#home .hero-buttons a{flex-basis:100%}}
@media (prefers-reduced-motion: reduce){#home .greystone-character{transition:none!important;animation:none!important}}
:root[data-xp-motion="true"] #home .greystone-character{transition:none!important;animation:none!important}
:root[data-xp-effects="true"] #home .greystone-character{filter:none}