/* Homepage composition; shared shopping and checkout styles stay in styles.css. */
.home-page{--home-width:1360px}
.home-page .skip{top:-100px;transform:none}.home-page .skip:focus{top:10px}
.home-page .hero{position:relative;display:grid;min-height:580px;max-width:1440px;margin:24px auto 0;isolation:isolate;background:var(--ivory)}
.home-page .hero-image{position:absolute;inset:0;min-height:0;background-position:center 58%;z-index:-1}
.home-page .hero-copy{align-self:center;width:470px;margin:42px;padding:38px;background:var(--paper)}
.home-page .hero h1{font-size:62px;line-height:1.04;letter-spacing:-.035em;margin-bottom:20px}
.home-page .hero-copy .kicker{font-size:11px;margin-bottom:18px}
.home-page .hero-copy>p:not(.kicker){font-size:16px;max-width:340px;line-height:1.65;margin-bottom:0}
.home-page .hero .btn{margin-top:28px;min-height:50px;font-size:13px;letter-spacing:.04em;justify-content:space-between;width:100%}
.hero-caption{position:absolute;right:28px;bottom:24px;display:flex;align-items:center;gap:32px;background:var(--paper);padding:14px 18px;font-size:14px;min-height:48px}
.home-page .services{max-width:var(--home-width);margin:auto;padding:0 32px;border-bottom:1px solid var(--line)}
.home-page .services article{padding:26px 24px;border:0;display:grid;grid-template-columns:1fr;gap:5px}
.home-page .services article:first-child{padding-left:0}.home-page .services article:last-child{padding-right:0}
.home-page .services b{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600}
.home-page .services p{font-size:13px;line-height:1.6;margin:0;max-width:320px}
.home-page .products,.home-page .intro{max-width:var(--home-width);padding:76px 32px;margin:auto;background:transparent}
.home-page .section-head{align-items:end;margin-bottom:28px;gap:28px}
.home-page .section-head h2,.home-page .intro h2{font-size:46px;line-height:1.1;max-width:620px;letter-spacing:-.025em}
.home-page .kicker{font-size:11px;margin-bottom:14px}
.home-page .filters{gap:6px;flex-wrap:wrap;flex-shrink:0}
.home-page .filters button{height:44px;font-size:14px;padding:0 16px;background:transparent}
.home-page .filters button.active{background:var(--primary)}
.home-page .collection-status{margin:0 0 22px;font-size:13px}
.home-page .product-grid{gap:36px 22px}
.home-page .product-image{aspect-ratio:1;background:#f0e8dd}
.home-page .product-meta h3{font-size:20px;line-height:1.35}
.home-page .product-meta strong{font-size:18px}
.home-page .product-meta p{font-size:13px;line-height:1.6}
.home-page .product-image:focus-within .quick{transform:none}
.home-page .quick{font-size:13px}
.home-page .intro{padding-top:30px;text-align:left}
.room-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}
.room-heading h2{margin:0}.room-heading>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.home-page .room-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:240px 240px;gap:20px;margin-top:32px}
.home-page .room{min-height:0;grid-column:auto;grid-row:auto}
.home-page .room:first-child{grid-row:1/3}
.home-page .room-dining{background-image:url("assets/images/kora-rectangular-table.jpg");background-position:center 55%}
.home-page .room-bedroom{background-image:url("assets/images/mira-bedside-cabinet.jpg");background-position:center 68%}
.home-page .room:after{inset:30% 0 0}
.home-page .room span{font-size:30px;left:24px;bottom:22px}
.home-page .room b{font-size:24px}
.home-page .story{max-width:1296px;margin:8px auto 76px;min-height:0;grid-template-columns:1fr 1fr;background:var(--ivory);color:var(--ink)}
.home-page .story-image{grid-column:2;grid-row:1;min-height:480px}
.home-page .story-copy{grid-column:1;grid-row:1;padding:48px}
.home-page .story h2{font-size:48px;line-height:1.08;letter-spacing:-.025em;margin-bottom:24px}
.home-page .story-copy>.kicker{color:var(--rust)}
.home-page .story-copy>p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.75;max-width:420px}
.home-page .story .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:13px;border-bottom:1px solid var(--ink)}
.home-page .newsletter{max-width:1440px;padding:44px 72px;gap:60px;align-items:center}
.home-page .newsletter h2{font-size:38px;line-height:1.12;max-width:460px}
.home-page .newsletter .kicker{color:white}
.home-page .newsletter label{font-size:12px}
.home-page .newsletter form button{white-space:nowrap}
.home-page footer{max-width:1440px;padding:48px 72px 24px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
.home-page .footer-links{margin:0;gap:32px}
.home-page .footer-links a,.home-page .footer-links span{font-size:15px}
.home-page .footer-links b{font-size:11px}
.home-page .footer-bottom{grid-column:1/-1;font-size:13px}
.home-page main a:focus-visible,.home-page main button:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
@media(max-width:1488px){.home-page .hero{margin:24px 24px 0}.home-page .story{margin-left:32px;margin-right:32px}}
@media(max-width:1100px){.home-page .section-head{display:grid}.home-page .hero-copy{width:430px;margin:32px}.home-page .hero h1{font-size:56px}.home-page .story-copy{padding:32px}.home-page .story h2{font-size:42px}.home-page .newsletter{padding:40px 32px}.home-page footer{padding:44px 32px 24px}}
@media(max-width:960px){.home-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .room-grid{grid-template-rows:210px 210px}.home-page .room:last-child{grid-column:2}.home-page .story-image{min-height:450px}.home-page footer{grid-template-columns:1fr}.home-page .room-heading{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:720px){
 .home-page .hero{display:flex;flex-direction:column;min-height:0;margin:16px 16px 0;background:transparent}
 .home-page .hero-image{position:relative;inset:auto;z-index:auto;width:100%;height:310px;min-height:0;background-position:65% center}
 .home-page .hero-copy{align-self:auto;width:auto;margin:-34px 14px 0;padding:26px 24px;position:relative}
 .home-page .hero h1{font-size:44px;margin-bottom:16px}.home-page .hero-copy>p:not(.kicker){font-size:15px}
 .home-page .hero .btn{margin-top:22px;font-size:12px}.hero-caption{position:static;align-self:end;background:transparent;padding:12px 14px;font-size:13px}
 .home-page .services{padding:12px 20px;grid-template-columns:1fr;gap:0}
 .home-page .services article,.home-page .services article:first-child,.home-page .services article:last-child{padding:12px 0;grid-template-columns:130px minmax(0,1fr);gap:16px;border:0}
 .home-page .services b{font-size:14px}.home-page .services p{font-size:13px}
 .home-page .products,.home-page .intro{padding:44px 20px}.home-page .section-head{gap:22px;margin-bottom:18px}
 .home-page .section-head h2,.home-page .intro h2{font-size:36px}.home-page .filters{width:auto;overflow:visible;gap:6px}.home-page .filters button{padding:0 14px;font-size:13px}
 .home-page .product-grid{grid-template-columns:1fr;gap:30px}.home-page .product-meta{padding-top:12px}.home-page .product-meta h3{font-size:20px}
 .home-page .intro{padding-top:16px}.room-heading>p{font-size:14px}.home-page .room-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px;margin-top:24px}
 .home-page .room,.home-page .room:first-child,.home-page .room:last-child{grid-column:auto;grid-row:auto;min-height:250px}.home-page .room:first-child{min-height:330px}.home-page .room span{font-size:27px}
 .home-page .story{margin:0 20px 44px;grid-template-columns:1fr}.home-page .story-image{grid-column:1;grid-row:1;min-height:310px}.home-page .story-copy{grid-column:1;grid-row:2;padding:28px 24px}.home-page .story h2{font-size:38px}.home-page .story-copy>p:not(.kicker){font-size:15px}
 .home-page .newsletter{padding:36px 24px;gap:28px;grid-template-columns:1fr}.home-page .newsletter h2{font-size:34px}.home-page .newsletter input{min-width:0}.home-page .newsletter form button{flex-shrink:0}
 .home-page footer{padding:36px 24px 24px;gap:32px}.home-page .footer-links{grid-template-columns:1fr 1fr;gap:28px}.home-page .footer-bottom{font-size:12px}
}