/* Tablet adaptation of the accepted desktop composition. */
@media (min-width: 601px) and (max-width: 1024px) {
  :is(#home-page,#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) {
    --tablet-gutter: 28px;
    --project-gutter: 28px;
    --tablet-gap: 28px;
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) > section.project-section:not(.petguard-wireframes) {
    box-sizing: border-box;
    width: calc(100% - 2 * var(--tablet-gutter));
    max-width: none;
    min-width: 0;
    margin-inline: auto;
    padding-inline: 0;
  }
  #home-page :is(.about,.selected-projects,.project-work,.contact) {
    box-sizing: border-box;
    width: calc(100% - 2 * var(--tablet-gutter));
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
  }
  #home-page .about {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: var(--tablet-gap);
    justify-content: stretch;
  }
  #home-page :is(.about-image,.about-content) {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-inline: 0;
    transform: none;
  }
  #home-page .about-content p { max-width: none; }
  #home-page .project-work {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tablet-gap);
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) > section.project-overview-section.project-overview-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tablet-gap);
    align-items: start;
  }
  #frosty-halo-page > section.project-overview-section.project-overview-section {
    grid-template-columns: 1fr;
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) .project-overview-copy.project-overview-copy {
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: var(--tablet-gap);
  }
  :is(#petguard-page,#el-origen-page,#eleanor-page,#aqualume-page) .project-overview-section :is(.petguard-overview-visual,.eleanor-overview-visual,.aqualume-overview-visual,.petguard-sign-img,.eleanor-overview-img,.aqualume-overview-img,.el-overview-video) {
    width: 100%;
    max-width: none;
    min-width: 0;
    height: auto;
    margin: 0;
    transform: none;
    padding: 0;
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) .project-typography > .project-font-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  #eleanor-page .project-typography > .project-font-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) .project-font-grid > div {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-inline: 16px;
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#eleanor-page,#aqualume-page) .project-font-grid :is(p,h3) {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  #petguard-page :is(.petguard-hero-img,.petguard-website-img,.petguard-deliverables-top) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
  #petguard-page .petguard-deliverables-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: var(--tablet-gap);
  }
  #petguard-page :is(.petguard-deliverable-phone,.petguard-deliverable-tablet,.petguard-deliverable-full) {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-inline: 0;
  }
  #petguard-page .petguard-illustration-grid {
    width: 100%;
    max-width: 860px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tablet-gap);
    margin-inline: auto;
  }
  #petguard-page .petguard-illustration-img {
    width: 100%;
    max-width: 338px;
  }
  #frosty-halo-page > section.character-illustrations.project-section {
    display: flex;
    flex-direction: column;
    gap: var(--tablet-gap);
    align-items: stretch;
  }
  #frosty-halo-page .character-illustrations > .project-section-title {
    grid-area: auto;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  #frosty-halo-page .character-illustrations .character-gallery {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 20px;
  }
  #frosty-halo-page .character-gallery :is(.main-character,.side-characters,.side-character-img) {
    grid-area: auto;
    max-width: none;
    margin: 0;
  }
  #frosty-halo-page .character-gallery .main-character {
    width: 100%;
    height: auto;
  }
  #frosty-halo-page .character-gallery .side-characters {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  #el-origen-page .el-brand-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tablet-gap);
    align-items: stretch;
  }
  #el-origen-page .el-brand-section :is(.el-logo-box,.el-palette-box) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
  }
  #el-origen-page .el-brand-section .project-section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1em;
    margin: 0 0 var(--tablet-gap);
    text-align: center;
  }
  #el-origen-page .el-brand-section .el-logo-card {
    flex: 1 1 0;
    position: relative;
    min-height: 0;
    width: 100%;
    margin: 0;
    background: #092036;
    border-radius: 22px;
    overflow: hidden;
  }
  #el-origen-page .el-logo-card .el-logo-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: contain;
  }
  #el-origen-page .el-brand-section .el-colors {
    width: 100%;
    max-width: none;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  #el-origen-page .el-colors .el-color {
    min-width: 0;
    font-size: 12px;
  }
  :is(#eleanor-page,#aqualume-page) :is(.eleanor-ticket-img,.eleanor-theater-img,.aqualume-deliverable-large,.aqualume-deliverables-grid,.aqualume-deliverable-small) {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-inline: 0;
  }
  #aqualume-page .aqualume-deliverables-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tablet-gap);
  }
}
@media (min-width: 601px) and (max-width: 799px) {
  :is(#petguard-page,#el-origen-page,#eleanor-page,#aqualume-page) > section.project-overview-section.project-overview-section {
    grid-template-columns: minmax(0, 1fr);
  }
  #frosty-halo-page .project-overview-copy.project-overview-copy {
    display: flex;
    flex-direction: column;
  }
  :is(#petguard-page,#frosty-halo-page,#el-origen-page,#aqualume-page) .project-typography > .project-font-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #home-page .about {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  }
  #home-page .about-content h2 { font-size: 40px; }
}
@media (min-width: 601px) and (max-width: 1024px) {
  #home-page .home-first-screen > .hero {
    width: 100%;
    max-width: none;
  }
}