.grow-noel-page .nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.grow-noel-page h1{font-size:clamp(46px,5.4vw,78px);max-width:1000px}
.grow-noel-page h1 em{display:block;margin-top:.12em;font-style:normal;color:#c9d8cc}
.grow-noel-page h2{font-size:clamp(34px,4vw,56px)}
.grow-noel-page h3{font-size:clamp(25px,2.5vw,36px)}
.noel-skip{position:absolute;z-index:20;top:12px;left:24px;transform:translateY(-200%);background:white;color:var(--charcoal);padding:12px 20px}
.noel-skip:focus{transform:translateY(0)}
.noel-hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);gap:clamp(45px,8vw,120px);align-items:center;padding:clamp(60px,7vw,96px) clamp(24px,7vw,110px);background:#20352e;color:white;position:relative;overflow:hidden}
.noel-hero:after{content:"24";position:absolute;right:-.04em;bottom:-.32em;font-size:clamp(260px,34vw,560px);line-height:1;font-weight:700;color:rgba(255,255,255,.028);letter-spacing:-.1em;pointer-events:none}
.noel-hero-copy,.noel-promise{position:relative;z-index:1}
.noel-hero .eyebrow{color:#c9d8cc}
.noel-lead{font-size:clamp(18px,1.65vw,23px);line-height:1.65;max-width:820px;color:#d7ded9;margin:32px 0 38px}
.noel-hero .primary{background:white;color:var(--charcoal)}
.noel-hero .text-link{color:white}
.noel-promise{align-self:end;border-top:1px solid rgba(255,255,255,.42);padding:24px 0 8px}
.noel-date{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#c9d8cc}
.noel-date strong{display:block;margin-top:8px;font-size:clamp(48px,5.5vw,72px);letter-spacing:-.055em;line-height:1;color:white}
.noel-promise p{font-size:14px;line-height:1.65;color:#d7ded9;margin:24px 0 0}
.noel-path,.noel-offers,.noel-flow,.noel-trust{padding:clamp(82px,10vw,140px) clamp(24px,7vw,110px)}
.noel-path{background:white}
.noel-section-head{display:grid;grid-template-columns:.55fr 1fr;gap:7%;align-items:start}
.noel-section-head h2{max-width:820px}
.noel-path-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.noel-path-grid article{padding:36px 46px 40px 0;border-right:1px solid var(--line)}
.noel-path-grid article+article{padding-left:46px;border-right:0}
.noel-path-grid>article>span{font-size:12px;color:var(--sage);letter-spacing:.12em}
.noel-path-grid h3{margin:48px 0 18px;max-width:540px}
.noel-path-grid p{color:var(--muted);max-width:580px}
.noel-path-grid a{display:inline-block;margin-top:20px;color:var(--charcoal);font-weight:600;text-underline-offset:5px}
.noel-offers{background:var(--stone)}
.noel-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:65px}
.noel-offer{background:var(--sand);padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;scroll-margin-top:110px}
.offer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.offer-top p{margin:0 0 6px;text-transform:uppercase;letter-spacing:.15em;color:var(--sage);font-size:10px;font-weight:600}
.offer-top h3{font-size:clamp(36px,4vw,54px)}
.offer-top>div:first-child>span{display:block;margin-top:12px;color:var(--muted);font-size:14px}
.offer-price{text-align:right;white-space:nowrap}
.offer-price strong,.offer-price span{display:block}
.offer-price strong{font-size:clamp(30px,3vw,44px);letter-spacing:-.05em}
.offer-price span{font-size:12px;color:var(--muted)}
.noel-offer ul{list-style:none;padding:10px 0 26px;margin:0;flex:1}
.noel-offer li{position:relative;padding:15px 0 15px 26px;border-bottom:1px solid var(--line);font-size:15px}
.noel-offer li:before{content:"—";position:absolute;left:0;color:var(--sage)}
.offer-button{background:var(--charcoal);color:white;align-self:flex-start}
.noel-commission{display:grid;grid-template-columns:.62fr 1fr;gap:8%;margin-top:24px;padding:34px 38px;background:#20352e;color:white}
.noel-commission strong{font-size:clamp(24px,2.7vw,38px);line-height:1.2;letter-spacing:-.04em}
.noel-commission p{margin:0;color:#d7ded9;align-self:center}
.noel-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:white}
.noel-flow ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.noel-flow li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}
.noel-flow li>span{color:var(--sage);font-size:12px;padding-top:4px}
.noel-flow strong{font-size:18px}
.noel-flow p{margin:5px 0 0;color:var(--muted)}
.noel-trust{background:var(--sand);text-align:center}
.noel-trust h2{max-width:850px;margin:auto}
.noel-trust>p:last-child{max-width:880px;margin:30px auto 0;color:#53554f;font-size:18px}
.noel-contact{padding:clamp(82px,10vw,130px) clamp(24px,7vw,110px);background:var(--charcoal);color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:9%;scroll-margin-top:88px}
.noel-contact h2{font-size:clamp(36px,4vw,56px)}
.noel-contact>div>p:not(.eyebrow){color:#cfcfc9;font-size:18px}
.noel-contact .corporate-details{margin-top:34px;color:#d9d9d3}
.noel-contact .corporate-details a{color:white}
.noel-contact form{align-content:start}
.noel-contact .primary{background:var(--sage);color:white;margin-top:12px}
.noel-contact .enquiry-draft .primary{margin-top:0}
.grow-noel-page footer{grid-template-columns:1fr 2fr 1.2fr auto}
.grow-noel-page :focus-visible{outline:3px solid var(--clay);outline-offset:5px}
@media(max-width:1000px){
  .noel-hero{min-height:0;grid-template-columns:1fr;padding-top:74px}
  .noel-promise{align-self:auto;max-width:420px;margin-top:20px}
  .noel-section-head,.noel-flow,.noel-contact,.noel-commission{grid-template-columns:1fr;gap:48px}
  .noel-offer-grid{grid-template-columns:1fr}
  .noel-contact form{margin-top:0}
  .grow-noel-page footer{grid-template-columns:1fr}
}
@media(max-width:650px){
  .grow-noel-page h1{font-size:38px}
  .noel-hero{padding:52px 24px 68px}
  .noel-hero .actions{align-items:flex-start;flex-direction:column;gap:20px}
  .noel-hero .button{width:100%;text-align:center}
  .noel-path,.noel-offers,.noel-flow,.noel-trust,.noel-contact{padding:72px 24px}
  .noel-path-grid{grid-template-columns:1fr;margin-top:48px}
  .noel-path-grid article,.noel-path-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}
  .noel-path-grid article:last-child{border-bottom:0}
  .noel-path-grid h3{margin:24px 0 12px}
  .offer-top{display:block}
  .offer-price{text-align:left;margin-top:24px}
  .noel-commission{padding:30px 26px}
  .noel-contact form{display:grid;grid-template-columns:1fr}
  .noel-contact form>*{grid-column:1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
