.planner-page{padding-bottom:var(--section-space-compact)}.planner-intro{align-items:end;gap:var(--space-16);padding-block:var(--space-8) var(--space-10);grid-template-columns:1.15fr 1fr;display:grid}.planner-intro .lede{color:var(--muted);max-width:500px}.planner-tabs{gap:var(--space-6);border-bottom:var(--border-width) solid var(--line);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.planner-tabs a{align-items:center;gap:var(--space-3);min-height:var(--control-height);border-bottom:var(--border-accent-width) solid transparent;color:var(--muted);display:inline-flex}.planner-tabs a[aria-current]{color:var(--brand);border-color:var(--brand)}.planner-tabs a:last-child{margin-left:auto}.planner-shell{border:var(--border-width) solid var(--line);background:var(--paper)}.planner-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:var(--border-width) solid var(--line);color:var(--brand);display:flex}.planner-cover{background:var(--brand-mist);grid-template-columns:1fr 1fr;display:grid}.planner-cover>img{object-fit:cover;width:100%;height:100%;min-height:420px}.planner-cover-copy{padding:var(--space-12);align-self:center}.planner-cover-copy>p:not(.eyebrow){color:var(--muted);margin-top:var(--space-6)}.planner-cover-copy .button{margin-top:var(--space-8)}.planner-small{color:var(--muted)}.planner-loading{padding:var(--space-6);color:var(--brand);background:var(--brand-mist)}#planner-frame-slot iframe{background:var(--paper);border:0;width:100%;height:1720px;display:block}[data-room=bathroom] #planner-frame-slot iframe{height:1080px}.planner-help{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--brand-mist);border-top:var(--border-width) solid var(--line);display:flex}.planner-help p{max-width:680px;color:var(--muted)}.planner-help .text-link{flex-shrink:0}.planner-guide{gap:var(--space-16);grid-template-columns:1fr 2fr;display:grid}.planner-guide-steps{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.planner-guide-steps>div{border-top:var(--border-width) solid var(--line);padding-top:var(--space-5)}.planner-guide-steps>div>span{color:var(--muted)}.planner-guide-steps h3{margin-block:var(--space-5) var(--space-3)}.planner-guide-steps p{color:var(--muted)}.planner-guide-steps .text-link{margin-top:var(--space-4)}.planner-disclosure{border-top:var(--border-width) solid var(--line);padding-top:var(--space-6);max-width:900px}.planner-cards{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.planner-card{min-width:0}.planner-card-photo{margin-bottom:var(--space-6);position:relative;overflow:hidden}.planner-card-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform var(--duration-reveal) var(--ease-ui)}.planner-card:hover img{transform:scale(1.025)}.planner-card-photo .circle-arrow{right:var(--space-5);bottom:var(--space-5);background:var(--paper);color:var(--brand);place-items:center;display:grid;position:absolute}.planner-card h2{margin-top:var(--space-4)}.planner-card>p:not(.eyebrow){color:var(--muted);margin-top:var(--space-4);max-width:500px}.planner-card>.text-link{margin-top:var(--space-5)}.planner-royal{justify-content:space-between;align-items:center;gap:var(--space-10);margin-top:var(--section-space-compact);border-top:var(--border-width) solid var(--line);display:flex}.planner-royal p:not(.eyebrow){margin-top:var(--space-5);max-width:620px;color:var(--muted)}.planner-royal .button{flex-shrink:0}@media (width<=1100px){.planner-intro{gap:var(--space-8)}.planner-cover-copy{padding:var(--space-8)}.planner-guide{gap:var(--space-8);grid-template-columns:1fr}}@media (width<=760px){.planner-intro,.planner-cover,.planner-cards,.planner-guide-steps{grid-template-columns:1fr}.planner-intro{padding-top:var(--space-5)}.planner-tabs{gap:var(--space-3) var(--space-5)}.planner-tabs a:last-child{width:100%;margin-left:0}.planner-cover>img{height:240px;min-height:0}.planner-cover-copy{padding:var(--panel-padding)}.planner-bar{padding:var(--space-3);align-items:flex-start;gap:var(--space-1);flex-direction:column}.planner-help,.planner-royal{align-items:flex-start;gap:var(--space-5);flex-direction:column}.planner-help{padding:var(--space-4)}#planner-frame-slot iframe{height:1850px}[data-room=bathroom] #planner-frame-slot iframe{height:1300px}}
