@font-face{font-family:HMHOffplanWalsheim;src:url('walsheim-medium.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
@font-face{font-family:HMHOffplanWalsheim;src:url('walsheim.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HMHOffplanClearface;src:url('clearface.woff2') format('woff2');font-weight:400;font-display:swap}
#hmh-offplan{--ink:#201e28;--navy:#2e4066;--pink:#db365e;--yellow:#faeb89;--surface:#f0f0f0;--paper:#fff;--muted:#5b5a62;--line:#d7d7dc;--gutter:clamp(24px,5vw,84px)}
#hmh-offplan *{box-sizing:border-box}
#hmh-offplan{scroll-behavior:smooth;scroll-padding-top:90px}
#hmh-offplan{margin:0;font-family:HMHOffplanWalsheim,Arial,sans-serif;color:var(--ink);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased}
#hmh-offplan h1,#hmh-offplan h2,#hmh-offplan h3,#hmh-offplan p,#hmh-offplan figure{margin:0}
#hmh-offplan h1,#hmh-offplan h2,#hmh-offplan h3{font-family:HMHOffplanClearface,Georgia,serif;font-weight:400;line-height:1.08}
#hmh-offplan h1{letter-spacing:-.035em}
#hmh-offplan h2{letter-spacing:-.025em}
#hmh-offplan h3{line-height:1.2}
#hmh-offplan em{font-style:normal;color:var(--pink)}
#hmh-offplan p+p{margin-top:18px}
#hmh-offplan p{max-width:75ch}
#hmh-offplan a{color:inherit;text-underline-offset:4px}
#hmh-offplan button,#hmh-offplan input,#hmh-offplan select{font:inherit}
#hmh-offplan button{cursor:pointer}
#hmh-offplan button,#hmh-offplan a,#hmh-offplan input,#hmh-offplan summary{-webkit-tap-highlight-color:transparent}
#hmh-offplan button:focus-visible,#hmh-offplan a:focus-visible,#hmh-offplan input:focus-visible,#hmh-offplan summary:focus-visible,#hmh-offplan [tabindex]:focus-visible{outline:3px solid #9e143b;outline-offset:5px}
#hmh-offplan .hmh-op-navy-section :focus-visible{outline-color:var(--yellow)}
#hmh-offplan button{color:inherit}
#hmh-offplan img{max-width:100%;display:block}
#hmh-offplan button:disabled{opacity:.5}
#hmh-offplan strong{font-weight:700}
#hmh-offplan .hmh-op-skip{position:fixed;top:-80px;left:20px;padding:10px 20px;background:var(--yellow);z-index:100}
#hmh-offplan .hmh-op-skip:focus{top:10px}
#hmh-offplan .hmh-op-concept-strip{padding:7px var(--gutter);background:var(--navy);color:white;letter-spacing:.15em;text-align:center}
#hmh-offplan .hmh-op-concept-strip span{padding:0 12px;color:var(--yellow)}
#hmh-offplan .hmh-op-header{height:104px;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;background:white}
#hmh-offplan .hmh-op-logo{width:235px;height:auto}
#hmh-offplan .hmh-op-header nav{display:flex;gap:32px;}
#hmh-offplan .hmh-op-header nav a{text-decoration:none}
#hmh-offplan .hmh-op-header nav a:hover{text-decoration:underline}
#hmh-offplan .hmh-op-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:40px;padding:15px 26px;background:var(--pink);color:white;line-height:1.35;text-decoration:none;transition:background .2s,transform .2s}
#hmh-offplan .hmh-op-button:hover{background:#b9254c;transform:translateY(-2px)}
#hmh-offplan .hmh-op-button.small{padding:13px 24px;}
#hmh-offplan .hmh-op-text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:3px 0;text-decoration:none;}
#hmh-offplan .hmh-op-text-link:hover{color:#ad2648}
#hmh-offplan .hmh-op-hero{padding:52px var(--gutter) 65px;display:grid;grid-template-columns:1fr 1.05fr;gap:4vw;align-items:center;overflow:hidden}
#hmh-offplan .hmh-op-eyebrow{letter-spacing:.15em;line-height:1.5;margin-bottom:22px}
#hmh-offplan .hmh-op-hero-copy .hmh-op-eyebrow{color:var(--navy)}
#hmh-offplan .hmh-op-hero .hmh-op-lead{margin-top:27px;line-height:1.65;max-width:34em}
#hmh-offplan .hmh-op-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}
#hmh-offplan .hmh-op-hero-meta{display:flex;gap:18px;color:var(--muted);margin-top:34px;flex-wrap:wrap}
#hmh-offplan .hmh-op-hero-meta span+span:before{content:'•';margin-right:18px;color:var(--pink)}
#hmh-offplan .hmh-op-hero-figure{position:relative;align-self:stretch;min-height:500px;padding-bottom:28px}
#hmh-offplan .hmh-op-hero-figure>img{width:100%;height:100%;object-fit:cover;border-radius:120px 5px 5px 5px;position:absolute;inset:0 0 28px;height:calc(100% - 28px);object-position:44% center}
#hmh-offplan .hmh-op-hero-figure figcaption{position:absolute;bottom:0;color:var(--muted)}
#hmh-offplan .hmh-op-image-note{position:absolute;top:27px;right:22px;background:white;padding:10px 17px;border-radius:30px;display:flex;align-items:center;gap:8px}
#hmh-offplan .hmh-op-dot{width:8px;height:8px;background:var(--pink);border-radius:50%}
#hmh-offplan .hmh-op-plan-stamp{position:absolute;right:-18px;bottom:55px;background:var(--yellow);padding:16px 24px;width:200px;transform:rotate(5deg);box-shadow:0 8px 25px #0002}
#hmh-offplan .hmh-op-plan-stamp svg{width:145px;height:105px;fill:none;stroke:var(--navy);stroke-width:3}
#hmh-offplan .hmh-op-plan-stamp .hmh-op-window{stroke:var(--pink);stroke-width:6}
#hmh-offplan .hmh-op-plan-stamp span{display:block;line-height:1.3}
#hmh-offplan .hmh-op-chapter-nav{display:flex;justify-content:center;gap:34px;align-items:center;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px var(--gutter);position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #00000005}
#hmh-offplan .hmh-op-chapter-nav>span{letter-spacing:.12em;color:var(--muted)}
#hmh-offplan .hmh-op-chapter-nav a{text-decoration:none;white-space:nowrap}
#hmh-offplan .hmh-op-chapter-nav a:hover,#hmh-offplan .hmh-op-chapter-nav a.active{color:#a82245}
#hmh-offplan .hmh-op-section{padding:86px var(--gutter);max-width:1800px;margin:auto}
#hmh-offplan .hmh-op-section-heading{margin-bottom:44px}
#hmh-offplan .hmh-op-section-heading>p{margin-top:25px;max-width:650px}
#hmh-offplan .hmh-op-section-heading.split{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
#hmh-offplan .hmh-op-section-heading.split>p{max-width:390px;margin:0}
#hmh-offplan .hmh-op-intro{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:7vw}
#hmh-offplan .hmh-op-intro-copy .hmh-op-large{line-height:1.5}
#hmh-offplan .hmh-op-intro-copy>p:not(.hmh-op-large){}
#hmh-offplan .hmh-op-source-ref{font-family:HMHOffplanWalsheim,Arial,sans-serif}
#hmh-offplan .hmh-op-three-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}
#hmh-offplan .hmh-op-number{display:inline-flex;width:42px;height:42px;border:1px solid #2e406650;border-radius:50%;align-items:center;justify-content:center;color:var(--navy);margin-bottom:20px}
#hmh-offplan .hmh-op-three-points p{margin-top:16px;}
#hmh-offplan .hmh-op-availability{grid-column:1/-1;display:flex;align-items:center;gap:25px;background:var(--yellow);padding:28px 32px;margin-top:54px;border-radius:4px}
#hmh-offplan .hmh-op-availability h3{margin-bottom:8px}
#hmh-offplan .hmh-op-availability p{max-width:700px}
#hmh-offplan .hmh-op-availability-mark{width:42px;height:42px;flex-shrink:0;border:1px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-family:HMHOffplanClearface;}
#hmh-offplan .hmh-op-availability>a{white-space:nowrap;margin-left:auto;}
#hmh-offplan .hmh-op-navy-section{background:var(--navy);color:white;max-width:none}
#hmh-offplan .hmh-op-navy-section em{color:var(--yellow)}
#hmh-offplan .hmh-op-navy-section .hmh-op-eyebrow{color:#e7e2d7}
#hmh-offplan .hmh-op-explorer{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #ffffff40;border-radius:6px;overflow:hidden}
#hmh-offplan .hmh-op-plan-canvas{background:#f8f8f5;color:var(--navy);padding:25px 28px}
#hmh-offplan .hmh-op-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}
#hmh-offplan .hmh-op-plan-toolbar>span{letter-spacing:.1em}
#hmh-offplan .hmh-op-segmented{display:flex;border:1px solid #bfc5d0;border-radius:24px;padding:3px;max-width:max-content;background:white}
#hmh-offplan .hmh-op-segmented button{background:transparent;border:none;border-radius:20px;padding:8px 15px}
#hmh-offplan .hmh-op-segmented button[aria-pressed=true]{background:var(--navy);color:white}
#hmh-offplan .hmh-op-plan-svg{width:100%;height:390px;margin:20px 0 5px}
#hmh-offplan .hmh-op-plan-svg text{font-family:HMHOffplanWalsheim,Arial,sans-serif;fill:var(--navy)}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-shape{fill:#e4e7ed;stroke:var(--navy);stroke-width:4;transition:fill .2s}
#hmh-offplan .hmh-op-plan-svg .hmh-op-selected-room{fill:#faeb89}
#hmh-offplan .hmh-op-plan-svg .hmh-op-furniture{fill:none;stroke:#2e406650;stroke-width:2}
#hmh-offplan .hmh-op-plan-svg .hmh-op-plan-window{stroke:#db365e;stroke-width:7}
#hmh-offplan .hmh-op-plan-svg .hmh-op-wall{stroke:var(--navy);stroke-width:6;fill:none}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-number{fill:var(--navy)}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-number-text{fill:white;}
#hmh-offplan .hmh-op-plan-svg [role=button]{cursor:pointer}
#hmh-offplan .hmh-op-plan-svg [role=button]:hover .hmh-op-room-shape{fill:#f3e9aa}
#hmh-offplan .hmh-op-plan-caption{display:flex;justify-content:space-between;gap:15px;color:#565f71}
#hmh-offplan .hmh-op-plan-details{padding:42px 40px;display:flex;flex-direction:column}
#hmh-offplan .hmh-op-plan-details h3{}
#hmh-offplan .hmh-op-room-dimension{color:var(--yellow);margin-top:13px}
#hmh-offplan .hmh-op-plan-details>p:not(.hmh-op-fine){}
#hmh-offplan .hmh-op-ask-box{border-left:2px solid var(--yellow);padding-left:20px;margin:24px 0}
#hmh-offplan .hmh-op-ask-box>span{letter-spacing:.12em;color:var(--yellow)}
#hmh-offplan .hmh-op-ask-box p{margin-top:8px}
#hmh-offplan .hmh-op-room-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
#hmh-offplan .hmh-op-room-buttons button{border:1px solid #ffffff70;border-radius:24px;background:transparent;color:white;padding:7px 13px;}
#hmh-offplan .hmh-op-room-buttons button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
#hmh-offplan .hmh-op-fine{line-height:1.65;color:var(--muted)}
#hmh-offplan .hmh-op-plan-details .hmh-op-fine{color:#d3dae7;margin-top:auto}
#hmh-offplan .hmh-op-plan-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}
#hmh-offplan .hmh-op-plan-reading h3{color:var(--yellow)}
#hmh-offplan .hmh-op-plan-reading p{color:#edf0f6;margin-top:15px}
#hmh-offplan .hmh-op-evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
#hmh-offplan .hmh-op-evidence-grid article{border-top:2px solid var(--pink);padding-top:20px}
#hmh-offplan .hmh-op-mini-label{letter-spacing:.13em;color:var(--navy);display:block;margin-bottom:17px}
#hmh-offplan .hmh-op-evidence-grid h3{min-height:67px}
#hmh-offplan .hmh-op-evidence-grid p{margin-top:17px}
#hmh-offplan .hmh-op-evidence-grid .hmh-op-question{padding-top:18px;border-top:1px solid var(--line);color:var(--navy)}
#hmh-offplan .hmh-op-editorial-note{margin-top:40px;padding:22px 27px;background:white;border-left:3px solid var(--pink)}
#hmh-offplan .hmh-op-journey-section{background:#fff;max-width:none}
#hmh-offplan .hmh-op-journey-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;margin-bottom:24px}
#hmh-offplan .hmh-op-journey-steps{list-style:none;padding:0;margin:0}
#hmh-offplan .hmh-op-journey-steps li{margin:0}
#hmh-offplan .hmh-op-journey-steps button{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:13px 15px;border:none;border-bottom:1px solid var(--line);background:white;color:var(--muted);}
#hmh-offplan .hmh-op-journey-steps button>span{height:35px;width:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0}
#hmh-offplan .hmh-op-journey-steps button[aria-pressed=true]{color:var(--ink);background:#f7e6eb;border-color:#f7e6eb;border-radius:6px}
#hmh-offplan .hmh-op-journey-steps button[aria-pressed=true]>span{background:var(--pink);border-color:var(--pink);color:white}
#hmh-offplan .hmh-op-journey-steps button:hover{color:var(--pink)}
#hmh-offplan .hmh-op-journey-panel{background:var(--surface);padding:40px;border-radius:6px;min-height:460px;position:relative;overflow:hidden}
#hmh-offplan .hmh-op-journey-panel>.hmh-op-eyebrow{color:var(--navy)}
#hmh-offplan .hmh-op-journey-panel h3{max-width:480px}
#hmh-offplan .hmh-op-journey-panel p{margin-top:18px}
#hmh-offplan .hmh-op-journey-tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
#hmh-offplan .hmh-op-journey-tags span{background:white;border-radius:20px;padding:6px 13px;}
#hmh-offplan .hmh-op-journey-question{border-top:1px solid #c4c7cc;padding-top:17px;margin-top:24px}
#hmh-offplan .hmh-op-journey-question span{letter-spacing:.14em;color:var(--navy)}
#hmh-offplan .hmh-op-journey-question p{margin-top:7px}
#hmh-offplan .hmh-op-journey-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}
#hmh-offplan .hmh-op-journey-bottom button{background:white;border:1px solid var(--navy);border-radius:30px;padding:9px 18px;}
#hmh-offplan .hmh-op-two-column{display:grid;grid-template-columns:1fr 1fr;gap:60px}
#hmh-offplan .hmh-op-benefit-column,#hmh-offplan .hmh-op-practical-column{border-top:2px solid var(--navy);padding-top:25px}
#hmh-offplan .hmh-op-practical-column{border-color:var(--pink)}
#hmh-offplan .hmh-op-editorial-list{list-style:none;padding:0;margin:25px 0 0}
#hmh-offplan .hmh-op-editorial-list li+li{margin-top:23px}
#hmh-offplan .hmh-op-editorial-list strong{}
#hmh-offplan .hmh-op-editorial-list p{margin-top:6px}
#hmh-offplan .hmh-op-example-stories{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}
#hmh-offplan .hmh-op-example-stories article{background:white;padding:30px}
#hmh-offplan .hmh-op-example-stories h3{}
#hmh-offplan .hmh-op-example-stories p{margin-top:18px}
#hmh-offplan .hmh-op-costs-section{background:#fff;max-width:none}
#hmh-offplan .hmh-op-calculator{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-radius:6px;overflow:hidden}
#hmh-offplan .hmh-op-calc-controls{padding:38px 45px}
#hmh-offplan .hmh-op-field{margin-bottom:23px}
#hmh-offplan .hmh-op-field label{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;line-height:1.4}
#hmh-offplan .hmh-op-field output{color:#ad2648;}
#hmh-offplan .hmh-op-input-prefix{position:relative}
#hmh-offplan .hmh-op-input-prefix>span{position:absolute;left:16px;top:10px;color:var(--navy);}
#hmh-offplan .hmh-op-field input[type=number]{width:100%;border:1px solid #b5bac6;background:white;border-radius:3px;padding:11px 15px;color:var(--navy);}
#hmh-offplan .hmh-op-input-prefix input[type=number]{padding-left:38px}
#hmh-offplan .hmh-op-field input[type=range]{width:100%;accent-color:var(--pink);height:22px;cursor:pointer}
#hmh-offplan .hmh-op-range-label{display:flex;justify-content:space-between;color:var(--muted);margin-top:1px}
#hmh-offplan .hmh-op-calc-results{padding:38px 45px;background:var(--navy);color:white}
#hmh-offplan .hmh-op-calc-results .hmh-op-eyebrow{color:var(--yellow)}
#hmh-offplan .hmh-op-ownership-bar{display:flex;width:100%;height:22px;border-radius:3px;background:#e7ebf3;overflow:hidden}
#hmh-offplan .hmh-op-ownership-bar>span{width:40%;background:var(--yellow);border-right:3px solid var(--navy);transition:width .15s}
#hmh-offplan .hmh-op-bar-labels{display:flex;justify-content:space-between;margin-top:8px}
#hmh-offplan .hmh-op-calc-results dl{margin-top:30px;margin-bottom:15px}
#hmh-offplan .hmh-op-calc-results dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #ffffff30}
#hmh-offplan .hmh-op-calc-results dt{max-width:180px}
#hmh-offplan .hmh-op-calc-results dd{margin:0;font-family:HMHOffplanClearface}
#hmh-offplan .hmh-op-calc-results .hmh-op-highlight-result dd{color:var(--yellow)}
#hmh-offplan .hmh-op-calc-results>p{color:#e6eaf1}
#hmh-offplan .hmh-op-calc-error{background:#fff;color:#9a193b!important;padding:12px;border-radius:4px}
#hmh-offplan .hmh-op-monthly-details{border:1px solid var(--line);border-radius:5px;margin-top:20px}
#hmh-offplan .hmh-op-monthly-details>summary{padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;gap:20px}
#hmh-offplan .hmh-op-monthly-details summary>span{color:var(--pink);line-height:1}
#hmh-offplan .hmh-op-monthly-inner{padding:0 28px 28px}
#hmh-offplan .hmh-op-monthly-inner>p{max-width:none}
#hmh-offplan .hmh-op-monthly-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:27px}
#hmh-offplan .hmh-op-monthly-fields label{min-height:44px;align-items:center}
#hmh-offplan .hmh-op-monthly-results{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}
#hmh-offplan .hmh-op-monthly-results>div{display:flex;flex-direction:column;gap:8px}
#hmh-offplan .hmh-op-monthly-results span{}
#hmh-offplan .hmh-op-monthly-results strong{font-family:HMHOffplanClearface;font-weight:400;color:var(--navy)}
#hmh-offplan .hmh-op-monthly-results>div:last-child strong{color:#ab2648}
#hmh-offplan .hmh-op-cost-explain{margin-top:44px}
#hmh-offplan .hmh-op-cost-explain h3{max-width:450px;margin-bottom:20px}
#hmh-offplan .hmh-op-cost-explain p{}
#hmh-offplan .hmh-op-risk-line{max-width:none;text-transform:uppercase;letter-spacing:.025em;text-align:center;margin-top:36px;padding-top:25px;border-top:1px solid var(--line)}
#hmh-offplan .hmh-op-date-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center;margin-bottom:40px}
#hmh-offplan .hmh-op-date-diagram article{align-self:stretch;border-top:2px solid var(--navy);padding-top:20px}
#hmh-offplan .hmh-op-date-diagram article>span{letter-spacing:.1em;color:var(--navy)}
#hmh-offplan .hmh-op-date-diagram h3{margin:16px 0}
#hmh-offplan .hmh-op-date-diagram p{}
#hmh-offplan .hmh-op-connector{color:var(--pink)}
#hmh-offplan .hmh-op-scenario-box{background:var(--yellow);padding:32px 35px;border-radius:4px;margin-bottom:22px}
#hmh-offplan .hmh-op-scenario-box h3{}
#hmh-offplan .hmh-op-scenario-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}
#hmh-offplan .hmh-op-scenario-buttons button{border:1px solid var(--navy);background:transparent;border-radius:30px;padding:10px 16px;}
#hmh-offplan .hmh-op-scenario-buttons button[aria-pressed=true]{background:var(--navy);color:white}
#hmh-offplan .hmh-op-scenario-box p{max-width:950px;}
#hmh-offplan .hmh-op-checklist-section{display:grid;grid-template-columns:1fr 1.25fr;gap:7vw;background:var(--navy);color:white;max-width:none}
#hmh-offplan .hmh-op-checklist-section em{color:var(--yellow)}
#hmh-offplan .hmh-op-checklist-heading>p{margin-top:24px;max-width:400px}
#hmh-offplan .hmh-op-check-progress{margin-top:30px}
#hmh-offplan .hmh-op-check-progress strong{font-weight:400}
#hmh-offplan .hmh-op-check-progress progress{display:block;width:100%;max-width:360px;margin-top:12px;accent-color:var(--yellow);height:7px;appearance:none;border:0;border-radius:6px;overflow:hidden}
#hmh-offplan .hmh-op-check-progress progress::-webkit-progress-bar{background:#ffffff30}
#hmh-offplan .hmh-op-check-progress progress::-webkit-progress-value{background:var(--yellow)}
#hmh-offplan .hmh-op-checklist-section .hmh-op-fine{color:#dae0eb;}
#hmh-offplan .hmh-op-checklist-section .hmh-op-text-link{color:white}
#hmh-offplan .hmh-op-checklist label{display:flex;align-items:flex-start;gap:17px;padding:18px 0;border-bottom:1px solid #ffffff35;cursor:pointer}
#hmh-offplan .hmh-op-checklist label:first-child{padding-top:0}
#hmh-offplan .hmh-op-checklist input{accent-color:var(--yellow);width:23px;height:23px;flex-shrink:0;margin:3px 0 0}
#hmh-offplan .hmh-op-checklist label strong{font-weight:400;display:block}
#hmh-offplan .hmh-op-checklist label p{color:#e1e5ee;margin-top:5px}
#hmh-offplan .hmh-op-checklist label:has(input:checked) strong{color:var(--yellow)}
#hmh-offplan .hmh-op-faq-list{max-width:1000px;margin-left:auto}
#hmh-offplan .hmh-op-faq-list details{border-top:1px solid #bfc3ce}
#hmh-offplan .hmh-op-faq-list details:last-child{border-bottom:1px solid #bfc3ce}
#hmh-offplan .hmh-op-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:22px 0;line-height:1.4}
#hmh-offplan .hmh-op-faq-list summary>span{color:var(--pink);font-weight:400}
#hmh-offplan .hmh-op-faq-list details p{padding:0 40px 24px 0;max-width:850px}
#hmh-offplan .hmh-op-faq-list summary::-webkit-details-marker,#hmh-offplan .hmh-op-monthly-details summary::-webkit-details-marker{display:none}
#hmh-offplan details[open]>summary>span{transform:rotate(45deg)}
#hmh-offplan .hmh-op-closing{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:5vw;padding:65px var(--gutter);background:var(--yellow)}
#hmh-offplan .hmh-op-closing em{color:var(--navy)}
#hmh-offplan .hmh-op-closing>div>p{margin-top:25px;max-width:530px;}
#hmh-offplan .hmh-op-closing>img{width:100%;height:100%;object-fit:cover;border-radius:5px 90px 5px 5px;min-height:320px}
#hmh-offplan .hmh-op-closing .hmh-op-outline{border:1px solid var(--ink);color:var(--ink);background:transparent}
#hmh-offplan .hmh-op-closing .hmh-op-outline:hover{background:#fff8}
#hmh-offplan .hmh-op-closing-caption{position:absolute;bottom:37px;right:var(--gutter);}
#hmh-offplan .hmh-op-sources{padding:30px var(--gutter);background:white;}
#hmh-offplan .hmh-op-sources summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;}
#hmh-offplan .hmh-op-sources details>p{margin-top:25px;max-width:950px}
#hmh-offplan .hmh-op-sources ol{padding-left:20px}
#hmh-offplan .hmh-op-sources li{margin:7px 0}
#hmh-offplan .hmh-op-sources a:hover{color:#ac2145}
#hmh-offplan footer{background:var(--ink);color:white;padding:42px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:35px;}
#hmh-offplan footer>img{width:210px;filter:brightness(0) invert(1);height:auto}
#hmh-offplan footer>div{display:flex;flex-direction:column;gap:6px}
#hmh-offplan footer a{text-decoration:none}
#hmh-offplan footer a:hover{text-decoration:underline}
#hmh-offplan footer p{}
#hmh-offplan footer p span{color:#c7c5cc;}
#hmh-offplan .hmh-op-back-top{white-space:nowrap}
#hmh-offplan .hmh-op-noscript-note{background:var(--yellow);padding:20px}
#hmh-offplan details summary{list-style:none}
#hmh-offplan summary::-webkit-details-marker{display:none}
@media(min-width:1600px){#hmh-offplan .hmh-op-hero{min-height:720px}
#hmh-offplan .hmh-op-hero-figure{min-height:570px}
#hmh-offplan .hmh-op-section{padding-top:105px;padding-bottom:105px}
}
@media(max-width:1100px){#hmh-offplan .hmh-op-header{height:90px;gap:20px}
#hmh-offplan .hmh-op-header nav{gap:17px;}
#hmh-offplan .hmh-op-logo{width:200px}
#hmh-offplan .hmh-op-hero{gap:30px}
#hmh-offplan .hmh-op-hero-figure{min-height:480px}
#hmh-offplan .hmh-op-chapter-nav{gap:24px}
#hmh-offplan .hmh-op-chapter-nav>span{display:none}
#hmh-offplan .hmh-op-explorer{grid-template-columns:1.1fr 1fr}
#hmh-offplan .hmh-op-plan-details{padding:30px}
#hmh-offplan .hmh-op-plan-toolbar{flex-direction:column;align-items:flex-start}
#hmh-offplan .hmh-op-plan-svg{height:360px}
#hmh-offplan .hmh-op-evidence-grid{grid-template-columns:1fr 1fr;gap:38px}
#hmh-offplan .hmh-op-evidence-grid h3{min-height:0}
#hmh-offplan .hmh-op-journey-grid{gap:40px;grid-template-columns:1fr 1.3fr}
#hmh-offplan .hmh-op-calc-controls,#hmh-offplan .hmh-op-calc-results{padding:30px}
#hmh-offplan .hmh-op-monthly-results{gap:13px}
#hmh-offplan .hmh-op-monthly-results strong{}
#hmh-offplan .hmh-op-availability>a{white-space:normal;min-width:100px}
#hmh-offplan .hmh-op-section-heading.split>p{max-width:330px}
#hmh-offplan .hmh-op-plan-reading{gap:30px}
#hmh-offplan footer{flex-wrap:wrap}
#hmh-offplan footer>p{margin:0}
}
@media(max-width:800px){#hmh-offplan{--gutter:26px}
#hmh-offplan .hmh-op-header nav{display:none}
#hmh-offplan .hmh-op-header{height:85px}
#hmh-offplan .hmh-op-logo{width:195px}
#hmh-offplan .hmh-op-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:45px;gap:35px}
#hmh-offplan .hmh-op-hero h1{}
#hmh-offplan .hmh-op-hero .hmh-op-lead{max-width:650px}
#hmh-offplan .hmh-op-hero-meta{margin-top:24px}
#hmh-offplan .hmh-op-hero-figure{min-height:420px}
#hmh-offplan .hmh-op-hero-figure>img{border-radius:70px 5px 5px 5px;object-position:center}
#hmh-offplan .hmh-op-plan-stamp{right:0;bottom:45px;width:170px;padding:12px 18px}
#hmh-offplan .hmh-op-plan-stamp svg{height:85px;width:130px}
#hmh-offplan .hmh-op-chapter-nav{justify-content:flex-start;gap:25px;overflow:auto;padding:15px var(--gutter);scrollbar-width:thin}
#hmh-offplan .hmh-op-section{padding-top:60px;padding-bottom:60px}
#hmh-offplan .hmh-op-intro{grid-template-columns:1fr}
#hmh-offplan .hmh-op-intro .hmh-op-section-heading{margin-bottom:28px}
#hmh-offplan .hmh-op-intro-copy .hmh-op-large{}
#hmh-offplan .hmh-op-three-points{gap:25px;margin-top:35px}
#hmh-offplan .hmh-op-three-points h3{}
#hmh-offplan .hmh-op-three-points p{}
#hmh-offplan .hmh-op-availability{flex-wrap:wrap;padding:25px;margin-top:35px;gap:16px}
#hmh-offplan .hmh-op-availability>div{flex:1;min-width:200px}
#hmh-offplan .hmh-op-availability>a{margin-left:58px}
#hmh-offplan .hmh-op-section-heading.split{display:block}
#hmh-offplan .hmh-op-section-heading.split>p{max-width:600px;margin-top:25px}
#hmh-offplan .hmh-op-explorer{grid-template-columns:1fr}
#hmh-offplan .hmh-op-plan-toolbar{flex-direction:row;align-items:center}
#hmh-offplan .hmh-op-plan-svg{height:400px}
#hmh-offplan .hmh-op-plan-details{padding:30px}
#hmh-offplan .hmh-op-plan-details .hmh-op-fine{margin-top:12px}
#hmh-offplan .hmh-op-plan-reading{grid-template-columns:1fr;gap:26px}
#hmh-offplan .hmh-op-plan-reading p{margin-top:10px}
#hmh-offplan .hmh-op-journey-grid{grid-template-columns:1fr;gap:25px}
#hmh-offplan .hmh-op-journey-steps{display:flex;overflow:auto;gap:12px;padding-bottom:6px}
#hmh-offplan .hmh-op-journey-steps li{flex-shrink:0}
#hmh-offplan .hmh-op-journey-steps button{width:175px;height:85px;line-height:1.4;border:1px solid var(--line);border-radius:5px;gap:10px;padding:12px}
#hmh-offplan .hmh-op-journey-panel{min-height:0}
#hmh-offplan .hmh-op-two-column{gap:35px}
#hmh-offplan .hmh-op-example-stories{gap:22px}
#hmh-offplan .hmh-op-example-stories article{padding:25px}
#hmh-offplan .hmh-op-example-stories h3{}
#hmh-offplan .hmh-op-calculator{grid-template-columns:1fr}
#hmh-offplan .hmh-op-monthly-fields{grid-template-columns:1fr 1fr}
#hmh-offplan .hmh-op-monthly-results{display:grid;grid-template-columns:1fr auto 1fr}
#hmh-offplan .hmh-op-monthly-results>span:nth-child(4){display:none}
#hmh-offplan .hmh-op-date-diagram{gap:15px}
#hmh-offplan .hmh-op-date-diagram h3{}
#hmh-offplan .hmh-op-checklist-section{grid-template-columns:1fr;gap:35px}
#hmh-offplan .hmh-op-checklist-heading>p{max-width:600px}
#hmh-offplan .hmh-op-closing{grid-template-columns:1fr;padding-top:50px;padding-bottom:55px;gap:35px}
#hmh-offplan .hmh-op-closing>img{max-height:340px;min-height:260px}
#hmh-offplan .hmh-op-closing-caption{bottom:30px}
#hmh-offplan .hmh-op-faq-list{margin-left:0}
#hmh-offplan .hmh-op-faq-list summary{}
#hmh-offplan footer{gap:25px}
#hmh-offplan footer>div{margin-left:auto}
#hmh-offplan footer p{flex:1}
}
@media(max-width:520px){#hmh-offplan{--gutter:22px}
#hmh-offplan .hmh-op-concept-strip{letter-spacing:.08em;padding:7px 12px}
#hmh-offplan .hmh-op-concept-strip span{padding:0 5px}
#hmh-offplan .hmh-op-header{gap:14px;height:80px}
#hmh-offplan .hmh-op-logo{width:170px}
#hmh-offplan .hmh-op-header .hmh-op-small{padding:11px 16px;gap:8px}
#hmh-offplan .hmh-op-hero h1{line-height:1.05}
#hmh-offplan .hmh-op-eyebrow{letter-spacing:.11em;margin-bottom:18px}
#hmh-offplan .hmh-op-hero-meta{gap:8px;}
#hmh-offplan .hmh-op-hero-meta span+span:before{margin-right:8px}
#hmh-offplan .hmh-op-hero-figure{min-height:330px}
#hmh-offplan .hmh-op-hero-figure figcaption{}
#hmh-offplan .hmh-op-image-note{top:17px;right:13px;padding:9px 12px}
#hmh-offplan .hmh-op-plan-stamp{width:146px;padding:11px 16px;right:-4px;bottom:44px}
#hmh-offplan .hmh-op-plan-stamp svg{width:110px;height:76px}
#hmh-offplan .hmh-op-plan-stamp span{}
#hmh-offplan .hmh-op-hero .hmh-op-actions{gap:20px}
#hmh-offplan .hmh-op-button{padding:14px 22px;}
#hmh-offplan .hmh-op-text-link{}
#hmh-offplan .hmh-op-hero .hmh-op-lead{}
#hmh-offplan .hmh-op-three-points{grid-template-columns:1fr;gap:25px}
#hmh-offplan .hmh-op-three-points article{position:relative;padding-left:60px}
#hmh-offplan .hmh-op-three-points .hmh-op-number{position:absolute;left:0;top:0;width:38px;height:38px}
#hmh-offplan .hmh-op-three-points h3{}
#hmh-offplan .hmh-op-three-points p{margin-top:10px}
#hmh-offplan .hmh-op-availability{padding:23px;gap:12px}
#hmh-offplan .hmh-op-availability-mark{display:none}
#hmh-offplan .hmh-op-availability>div{min-width:0}
#hmh-offplan .hmh-op-availability h3{}
#hmh-offplan .hmh-op-availability>a{margin-left:0}
#hmh-offplan .hmh-op-section-heading{margin-bottom:30px}
#hmh-offplan h2{}
#hmh-offplan .hmh-op-section-heading>p,#hmh-offplan .hmh-op-section-heading.split>p{}
#hmh-offplan .hmh-op-plan-canvas{padding:20px 12px}
#hmh-offplan .hmh-op-plan-toolbar{gap:10px}
#hmh-offplan .hmh-op-plan-toolbar>span{letter-spacing:.08em}
#hmh-offplan .hmh-op-segmented button{padding:7px 10px;}
#hmh-offplan .hmh-op-plan-svg{height:350px;margin:10px 0}
#hmh-offplan .hmh-op-plan-caption{gap:8px}
#hmh-offplan .hmh-op-plan-details{padding:27px 23px}
#hmh-offplan .hmh-op-plan-details h3{}
#hmh-offplan .hmh-op-evidence-grid{grid-template-columns:1fr;gap:28px}
#hmh-offplan .hmh-op-evidence-grid h3{}
#hmh-offplan .hmh-op-evidence-grid p{}
#hmh-offplan .hmh-op-evidence-grid .hmh-op-question{padding-top:14px;margin-top:14px}
#hmh-offplan .hmh-op-editorial-note{padding:22px;}
#hmh-offplan .hmh-op-journey-panel{padding:28px 23px}
#hmh-offplan .hmh-op-journey-panel h3{}
#hmh-offplan .hmh-op-journey-panel p{}
#hmh-offplan .hmh-op-two-column,#hmh-offplan .hmh-op-example-stories{grid-template-columns:1fr;gap:32px}
#hmh-offplan .hmh-op-example-stories{gap:20px}
#hmh-offplan .hmh-op-example-stories p{}
#hmh-offplan .hmh-op-calc-controls,#hmh-offplan .hmh-op-calc-results{padding:28px 23px}
#hmh-offplan .hmh-op-calc-results dt{max-width:155px}
#hmh-offplan .hmh-op-calc-results dd{}
#hmh-offplan .hmh-op-calc-results .hmh-op-highlight-result dd{}
#hmh-offplan .hmh-op-field label{}
#hmh-offplan .hmh-op-monthly-details>summary{padding:20px}
#hmh-offplan .hmh-op-monthly-inner{padding:0 20px 25px}
#hmh-offplan .hmh-op-monthly-fields{gap:18px}
#hmh-offplan .hmh-op-monthly-fields label{min-height:52px}
#hmh-offplan .hmh-op-monthly-results{gap:22px 10px}
#hmh-offplan .hmh-op-monthly-results strong{}
#hmh-offplan .hmh-op-monthly-results span{}
#hmh-offplan .hmh-op-date-diagram{grid-template-columns:1fr;gap:16px}
#hmh-offplan .hmh-op-date-diagram article{padding-top:18px}
#hmh-offplan .hmh-op-date-diagram h3{margin:12px 0}
#hmh-offplan .hmh-op-connector{justify-self:center;transform:rotate(90deg);line-height:1}
#hmh-offplan .hmh-op-scenario-box{padding:25px 22px}
#hmh-offplan .hmh-op-scenario-buttons{gap:8px}
#hmh-offplan .hmh-op-scenario-buttons button{padding:9px 12px}
#hmh-offplan .hmh-op-scenario-box p{}
#hmh-offplan .hmh-op-checklist-section .hmh-op-actions{gap:20px}
#hmh-offplan .hmh-op-checklist input{width:22px;height:22px}
#hmh-offplan .hmh-op-checklist label{gap:14px}
#hmh-offplan .hmh-op-checklist label p{}
#hmh-offplan .hmh-op-faq-list summary{padding:21px 0}
#hmh-offplan .hmh-op-faq-list details p{padding-right:10px}
#hmh-offplan .hmh-op-closing .hmh-op-actions{gap:15px}
#hmh-offplan .hmh-op-closing-caption{}
#hmh-offplan .hmh-op-sources{padding:25px var(--gutter)}
#hmh-offplan footer{display:grid;grid-template-columns:1fr;gap:22px}
#hmh-offplan footer>img{width:190px}
#hmh-offplan footer>div{margin:0}
#hmh-offplan .hmh-op-risk-line{}
#hmh-offplan .hmh-op-section{scroll-margin-top:15px}
}
@media(prefers-reduced-motion:reduce){#hmh-offplan{scroll-behavior:auto}
#hmh-offplan *,#hmh-offplan *:before,#hmh-offplan *:after{animation:none!important;transition:none!important}
}
#hmh-offplan .hmh-op-evidence-grid{grid-template-columns:repeat(3,1fr)}
#hmh-offplan .hmh-op-hero-figure{padding-bottom:0}
#hmh-offplan .hmh-op-hero-figure>img{inset:0;height:100%}
#hmh-offplan .hmh-op-plan-canvas{background:#fff}
#hmh-offplan .hmh-op-heron-plan{height:470px;margin:18px 0 5px;background:white}
#hmh-offplan .hmh-op-plan-svg .hmh-op-plan-hotspot{fill:transparent;stroke:transparent;stroke-width:3;cursor:pointer;transition:fill .15s}
#hmh-offplan .hmh-op-plan-svg .hmh-op-plan-hotspot.selected-room{fill:#faeb8955;stroke:#c69834}
#hmh-offplan .hmh-op-plan-svg g[role=button]:hover .hmh-op-plan-hotspot{fill:#faeb893b}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-pin{fill:#2e4066;stroke:white;stroke-width:3}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-pin.active-pin{fill:#db365e;stroke:white}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-pin-number{font-family:HMHOffplanWalsheim,Arial,sans-serif;fill:white;pointer-events:none}
#hmh-offplan .hmh-op-plan-svg [role=button]:focus-visible .hmh-op-plan-hotspot{stroke:#db365e;stroke-width:5}
#hmh-offplan .hmh-op-room-buttons button{min-height:38px}
@media(max-width:800px){#hmh-offplan .hmh-op-evidence-grid{grid-template-columns:1fr}
#hmh-offplan .hmh-op-evidence-grid h3{min-height:0}
#hmh-offplan .hmh-op-heron-plan{height:480px}
}
@media(max-width:520px){#hmh-offplan .hmh-op-heron-plan{height:390px}
#hmh-offplan .hmh-op-plan-caption{flex-wrap:wrap}
}

#hmh-offplan{width:100%;max-width:none;isolation:isolate;text-align:left;}
#hmh-offplan h1,#hmh-offplan h2,#hmh-offplan h3{font-style:normal;text-transform:none;}
#hmh-offplan p{font-family:HMHOffplanWalsheim,Arial,sans-serif;}
#hmh-offplan button{box-shadow:none;text-transform:none;letter-spacing:normal;min-width:0;}
#hmh-offplan [hidden]{display:none!important;}
#hmh-offplan section{scroll-margin-top:110px;}
#hmh-offplan .hmh-op-chapter-nav{top:var(--hmh-offplan-sticky-top,0px);}
body.admin-bar #hmh-offplan .hmh-op-chapter-nav{top:var(--hmh-offplan-sticky-top,32px);}
@media(max-width:782px){body.admin-bar #hmh-offplan .hmh-op-chapter-nav{top:var(--hmh-offplan-sticky-top,46px);}}
@media(max-width:600px){body.admin-bar #hmh-offplan .hmh-op-chapter-nav{top:var(--hmh-offplan-sticky-top,0px);}}
@media print{
 body.hmh-offplan-printing .hmh-offplan-print-ancestor > :not(.hmh-offplan-print-ancestor):not(#checklist){display:none!important;}
 body.hmh-offplan-printing .hmh-offplan-print-ancestor{display:block!important;position:static!important;overflow:visible!important;max-width:none!important;margin:0!important;padding:0!important;}
 body.hmh-offplan-printing #hmh-offplan #checklist{display:block;padding:24px;background:white;color:black;}
 body.hmh-offplan-printing #hmh-offplan #checklist h2,body.hmh-offplan-printing #hmh-offplan #checklist em{color:black;}
 body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist-heading .hmh-op-actions,body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist-heading .hmh-op-fine{display:none!important;}
 body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist{margin-top:20px;}
 body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist label{break-inside:avoid;padding:10px 0;border-color:#aaa;}
 body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist p{color:black;}
}

/* Preserve section colours against theme heading defaults. */
#hmh-offplan h1,#hmh-offplan h2,#hmh-offplan h3{color:inherit;}

/* Shared typography scale: identical roles use identical sizes at every breakpoint. */
#hmh-offplan{--op-body:16px;--op-small:14px;--op-lead:18px;--op-h1:clamp(44px,4.6vw,72px);--op-h2:clamp(34px,4.1vw,56px);--op-h3:28px;font-size:var(--op-body);line-height:1.6}
#hmh-offplan p,#hmh-offplan li,#hmh-offplan button,#hmh-offplan input,#hmh-offplan select,#hmh-offplan .hmh-op-button,#hmh-offplan .hmh-op-text-link,#hmh-offplan .hmh-op-room-dimension,#hmh-offplan .hmh-op-checklist label strong,#hmh-offplan .hmh-op-editorial-list strong{font-size:var(--op-body);line-height:1.6}
#hmh-offplan h1,#hmh-offplan .hmh-op-hero h1{font-size:var(--op-h1);line-height:1.08}
#hmh-offplan h2{font-size:var(--op-h2);line-height:1.12}
#hmh-offplan h3{font-size:var(--op-h3);line-height:1.2}
#hmh-offplan .hmh-op-hero .hmh-op-lead,#hmh-offplan .hmh-op-intro-copy .hmh-op-large,#hmh-offplan .hmh-op-section-heading>p,#hmh-offplan .hmh-op-section-heading.split>p{font-size:var(--op-lead);line-height:1.6}
#hmh-offplan .hmh-op-fine,#hmh-offplan .hmh-op-checklist-section .hmh-op-fine,#hmh-offplan .hmh-op-risk-line,#hmh-offplan .hmh-op-eyebrow,#hmh-offplan .hmh-op-mini-label,#hmh-offplan .hmh-op-plan-caption,#hmh-offplan .hmh-op-ask-box>span,#hmh-offplan .hmh-op-journey-question>span,#hmh-offplan .hmh-op-date-diagram article>span,#hmh-offplan .hmh-op-journey-tags span,#hmh-offplan .hmh-op-range-label,#hmh-offplan .hmh-op-bar-labels,#hmh-offplan .hmh-op-field label,#hmh-offplan .hmh-op-monthly-results span,#hmh-offplan .hmh-op-calc-results dt,#hmh-offplan .hmh-op-calc-results>p,#hmh-offplan .hmh-op-chapter-nav,#hmh-offplan .hmh-op-chapter-nav>span,#hmh-offplan .hmh-op-image-note,#hmh-offplan .hmh-op-plan-stamp span,#hmh-offplan .hmh-op-closing-caption,#hmh-offplan .hmh-op-number,#hmh-offplan .hmh-op-journey-steps button>span{font-size:var(--op-small);line-height:1.5}
#hmh-offplan .hmh-op-faq-list summary,#hmh-offplan .hmh-op-monthly-details>summary{font-size:var(--op-lead);line-height:1.5}
#hmh-offplan .hmh-op-field input[type=number],#hmh-offplan .hmh-op-field output,#hmh-offplan .hmh-op-input-prefix>span{font-size:var(--op-lead);line-height:1.5}
#hmh-offplan .hmh-op-calc-results dd,#hmh-offplan .hmh-op-monthly-results strong{font-size:28px;line-height:1.2}
#hmh-offplan .hmh-op-calc-results .hmh-op-highlight-result dd{font-size:40px}
#hmh-offplan .hmh-op-connector,#hmh-offplan .hmh-op-faq-list summary>span,#hmh-offplan .hmh-op-monthly-details summary>span{font-size:28px;line-height:1}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-pin-number{font-size:18px}
#hmh-offplan .hmh-op-plan-svg .hmh-op-room-number-text{font-size:13px}
#hmh-offplan .hmh-op-plan-caption{flex-wrap:wrap}
#hmh-offplan .hmh-op-eyebrow,#hmh-offplan .hmh-op-mini-label{letter-spacing:.1em}
#hmh-offplan .hmh-op-room-buttons button{padding:8px 14px}
#hmh-offplan .hmh-op-customer-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;background:var(--cream,#f7f5ef)}
#hmh-offplan .hmh-op-customer-story figure{margin:0;align-self:stretch;min-height:360px}
#hmh-offplan .hmh-op-customer-story img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:3px}
#hmh-offplan .hmh-op-story-copy>p{margin-top:22px}
#hmh-offplan .hmh-op-customer-story blockquote{margin:28px 0;padding:0 0 0 22px;border-left:3px solid var(--pink)}
#hmh-offplan .hmh-op-customer-story blockquote p{font-family:HMHOffplanClearface,Georgia,serif;font-size:var(--op-h3);line-height:1.3;color:var(--navy);margin:0 0 12px}
#hmh-offplan .hmh-op-customer-story cite{font-family:HMHOffplanWalsheim,Arial,sans-serif;font-size:var(--op-small);font-style:normal}
@media(max-width:900px){#hmh-offplan{--op-h3:26px}#hmh-offplan .hmh-op-customer-story{grid-template-columns:1fr;gap:32px}#hmh-offplan .hmh-op-customer-story figure{min-height:0;aspect-ratio:4/3}#hmh-offplan .hmh-op-journey-steps button{height:auto;min-height:96px}}
@media(max-width:600px){#hmh-offplan{--op-h3:24px}#hmh-offplan .hmh-op-plan-caption>span{max-width:100%}#hmh-offplan .hmh-op-monthly-results{column-gap:8px}#hmh-offplan .hmh-op-monthly-results strong{font-size:24px}}
@media print{body.hmh-offplan-printing #hmh-offplan .hmh-op-checklist p{font-size:12px}}