.home{display:block}

.hero-grid{display:grid;grid-template-columns:100px 1fr 0.7fr;gap:var(--space-5);align-items:center}
.hero-text{max-width:60ch}
.hero-image{height:520px}
.hero-info{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--fs-6)}

.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.formats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.format-card{display:flex;flex-direction:column;gap:var(--space-3)}
.format-card img{border-radius:var(--radius-lg)}
.format-card.offset{margin-top:var(--space-5)}

.atmo-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:var(--space-4)}
.atmo-block{display:flex;flex-direction:column;gap:var(--space-3)}
.atmo-block.large{padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-lg)}

.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.step{display:flex;flex-direction:column;gap:var(--space-3)}

.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.split-text{max-width:55ch}
.split.alt .split-grid{grid-template-columns:1fr 1fr}

.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.gallery-grid img{border-radius:var(--radius-md)}

.cta-inner{max-width:50ch;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr;}
.hero-image{order:-1;height:420px}
.hero-info{writing-mode:horizontal-tb;transform:none}
.formats-grid{grid-template-columns:1fr 1fr}
.atmo-grid{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr}
.split-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.features-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
.features-grid{grid-template-columns:1fr}
.formats-grid{grid-template-columns:1fr}
}