/* Shared Figma typography for inherited T01–T03 sections. */
.ocn-figma-preview :is(h2[id^="t02-"],h3,p){font-family:'FP Gilroy',sans-serif!important}
.ocn-figma-preview h2[id^="t02-"]{font-weight:900!important;font-size:60px!important;line-height:65px!important;height:auto!important}
.ocn-figma-preview h2[id^="t02-"] :is(span,strong){font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important}
.ocn-figma-preview :is(#t02-s02-title>span:last-child,#t02-s04-title>span:last-child,#t02-s05-title>strong,#t02-materials-title>span,#t02-decision-path-title>span){display:inline-block!important;width:auto!important;max-width:100%;background:linear-gradient(90deg,#ec4f42,#e22c58)!important;color:white!important;padding:2.5px 14px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal!important}
@media(max-width:1399px){.ocn-figma-preview h2[id^="t02-"]{font-size:46px!important;line-height:52px!important}}
@media(max-width:700px){.ocn-figma-preview h2[id^="t02-"]{font-size:32px!important;line-height:38px!important}}

@media(min-width:1200px){
.ocn-figma-preview .t02-guide-featured{height:auto!important;min-height:460px!important}
.ocn-figma-preview .t02-guide-featured__content{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;padding:32px 36px 32px 344px!important;display:flex!important;flex-direction:column;gap:20px}
.ocn-figma-preview .t02-guide-featured__content>:is(h3,p,a){position:static!important;inset:auto!important;height:auto!important;width:auto!important;margin:0!important}
.ocn-figma-preview .t02-guide-featured__content>a{min-height:48px;align-self:flex-start;padding:12px 20px}
}

@media(min-width:1200px){.ocn-figma-preview .t02-guide-featured>img{height:100%!important;object-fit:cover}}

@media(max-width:700px){.ocn-figma-preview .t03-service-page .t02-s09__header{width:calc(100% - 40px)!important;margin-inline:20px!important}.ocn-figma-preview .t03-service-page #t02-decision-path-title{width:100%!important}}

.ocn-figma-preview .t02-s13{background-image:linear-gradient(rgba(6,7,7,.82),rgba(6,7,7,.82)),url(/wp-content/master-assets/content-photo-placeholder-v1.svg)!important;background-size:cover!important}
.ocn-figma-preview .t02-guide-featured__content h3{font-size:26px!important;line-height:30px!important;font-weight:700!important}
.ocn-figma-preview .t02-guide-compact h3{font-size:22px!important;line-height:28px!important;font-weight:700!important}
@media(min-width:1200px){.ocn-figma-preview .t02-guide-featured{min-height:410px!important}.ocn-figma-preview .t02-guide-featured__content{gap:0!important;padding-bottom:14px!important}.ocn-figma-preview .t02-guide-featured__content>.t02-guide-description{margin-top:48px!important}.ocn-figma-preview .t02-guide-featured__content>a{margin-top:16px!important;width:210px!important}}

@media(max-width:1199px){.ocn-figma-preview :is(.t02-guide-featured,.t02-guide-compact){height:auto!important;min-height:240px!important}.ocn-figma-preview :is(.t02-guide-featured__content,.t02-guide-compact>div){position:relative!important;inset:auto!important;width:auto!important;height:auto!important;padding:20px 16px 20px 134px!important}.ocn-figma-preview :is(.t02-guide-featured__content,.t02-guide-compact>div)>:is(h3,p,a){position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important}.ocn-figma-preview :is(.t02-guide-featured,.t02-guide-compact) h3{font-size:20px!important;line-height:24px!important}.ocn-figma-preview :is(.t02-guide-featured,.t02-guide-compact) .t02-guide-description{margin-top:14px!important;font-size:14px!important;line-height:20px!important}.ocn-figma-preview :is(.t02-guide-featured,.t02-guide-compact) a{display:block!important;margin-top:24px!important}.ocn-figma-preview :is(.t02-guide-featured,.t02-guide-compact)>img{height:100%!important;object-fit:cover!important;width:118px!important}.ocn-figma-preview .t02-guide-category{display:none!important}}

@media(max-width:1199px){.ocn-figma-preview .t02-s13{height:auto!important;min-height:0!important;padding:40px 20px!important}.ocn-figma-preview .t02-s13>.t02-section-heading{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;margin:0 0 32px!important}.ocn-figma-preview .t02-s13>.t02-guide-featured,.ocn-figma-preview .t02-guides-compact,.ocn-figma-preview .t02-guide-compact{position:relative!important;inset:auto!important;width:100%!important;transform:none!important}.ocn-figma-preview .t02-guides-compact{display:grid!important;gap:16px!important;height:auto!important;margin-top:16px!important}}

@media(max-width:1199px){.ocn-figma-preview .t02-s13>.t02-section-heading>:is(p,h2){position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;margin:0!important}.ocn-figma-preview .t02-s13>.t02-section-heading>p{margin-bottom:22px!important}}

/* T01 source7:953 and7:995; keep the shared stock process illustrations. */
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s05__title strong{box-shadow:none!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s05__cta{width:360px;max-width:100%;height:76px;min-height:76px;box-sizing:border-box;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:900;line-height:29px;background:#e0b26e}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__process{counter-reset:fp-home-step}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step{counter-increment:fp-home-step}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step-heading{display:block!important;height:56px!important;min-height:0!important;margin-top:13px!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step-heading>span{display:none!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step-heading h3{font-size:24px!important;line-height:28px!important;font-weight:700!important;width:100%!important;margin:0!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step-heading h3:before{content:counter(fp-home-step) '. '}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step>p{font-size:18px!important;line-height:24px!important;font-weight:500!important;margin-top:31px!important;height:auto!important}
@media(max-width:700px){.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step-heading{height:auto!important;margin-top:18px!important}.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__step>p{margin-top:18px!important}}

@media(max-width:700px){.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s09__header{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box}}

.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .service-option-card__cta{font-size:14px!important;line-height:18px!important;text-transform:uppercase;color:#c2a170!important}.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s02__intro strong{font-weight:500}

/* T01 materials, Figma 7:1083. Reuse the stock gallery and working guide link. */
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__guide-copy h3{font-size:30px!important;line-height:34px!important;font-weight:700!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .homepage-material-cta{font-size:14px!important;line-height:18px!important;font-weight:700!important;color:#c2a170!important}
@media(min-width:1400px){
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__header{width:1100px!important;left:90px!important;transform:none!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__header>p:last-child{margin-top:30px!important;font-size:18px!important;line-height:24px!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__copy{top:80px!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__copy h3{margin-top:21px!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-156) .t02-s06__description{margin-top:32px!important}
}

/* T02 service cards: source4:460, approved neutral imagery. */
.ocn-figma-preview:is(.page-id-148,.page-id-156) .service-option-card__cta{font-size:14px!important;line-height:18px!important;text-transform:uppercase;color:#c2a170!important;max-width:calc(100% - 48px);height:auto!important;white-space:normal!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .service-option-card__cta img{flex-shrink:0}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s02__intro strong{font-weight:500}

/* T02 roof-layer copy: normal flow prevents the Gilroy heading clipping. */
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04{height:auto!important;padding:90px 0!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__shell{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:auto;width:calc(100% - 40px)!important;max-width:1280px;min-height:760px;height:auto!important;display:grid;grid-template-columns:700fr 580fr}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__shell:before{display:none}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__copy{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:760px;padding:44px 54px 26px;background:#fcfbf9;overflow:visible}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__copy>*{position:static!important;inset:auto!important;width:auto!important;height:auto!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__eyebrow{font-size:20px!important;line-height:24px!important;gap:14px!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__eyebrow>span{flex-shrink:0}
.ocn-figma-preview:is(.page-id-148,.page-id-156) #t02-s04-title{font-size:44px!important;line-height:65px!important;margin:20px 0 24px!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) #t02-s04-title>span{height:auto!important;min-height:0!important;white-space:normal!important;overflow:visible!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__subheading{margin:24px 0 10px!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__note{margin-top:28px!important;padding:18px 20px!important}
@media(min-width:1200px){.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__visual{position:relative!important;left:auto!important;top:auto!important;width:100%!important}}
@media(max-width:1199px){.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__shell{display:block}.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__copy{min-height:0!important;padding:32px!important}}
@media(max-width:700px){.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04{padding:48px 0!important}.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__copy{padding:28px 20px!important}.ocn-figma-preview:is(.page-id-148,.page-id-156) #t02-s04-title{font-size:30px!important;line-height:38px!important}.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__eyebrow{font-size:16px!important}}

.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__intro{font-size:18px!important;line-height:24px!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__body{font-size:16px!important;line-height:24px!important}
@media(max-width:1199px){.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__copy{margin:0!important;transform:none!important}}
@media(max-width:1199px){
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__visual{position:relative!important;inset:auto!important;width:100%!important;height:580px!important;min-height:0!important;transform:none!important;margin:0!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__roof{width:100%!important;height:auto!important;aspect-ratio:680/557;top:72px!important;left:0!important;transform:none!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__layers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 16px 20px!important;position:relative!important;top:calc(min(100vw - 55px,700px)*.819 + 88px)!important;left:auto!important;width:100%!important;height:auto!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__layer,.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__layer-button{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin:0!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__layer-button{font-size:12px!important;min-height:44px!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__leader-map,.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__hotspot{display:none!important}
}

/* Approved article-link variant of the Figma guide; no empty form space. */
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-148) .t02-s06__guide-copy h3{font-size:30px!important;line-height:34px!important;font-weight:700!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-148) .t02-s06__form{height:auto!important;min-height:0!important;padding:28px!important}
.ocn-figma-preview:is(.ocnmaster-homepage,.page-id-148) .t02-s06__form a{background:linear-gradient(66deg,#f8d7a7,#e3c08c 51%,#cfaa73)!important;border:1px solid #171717;border-radius:5px!important;font-size:16px!important;line-height:20px!important;font-weight:700!important}

/* T02 mobile material photos keep the source gallery proportions. */
@media(max-width:700px){
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__shell,.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__slider{width:100%!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__viewport{width:calc(100% - 40px)!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__slide{width:100%!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__copy{width:calc(100% - 48px)!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__gallery{left:24px!important;width:calc(100% - 48px)!important;height:auto!important;aspect-ratio:429/419}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__photo{width:29.6%!important;height:30.31%!important;object-fit:cover}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__photo--hero{width:64.8%!important;height:64.92%!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__guide-copy{width:calc(100% - 40px)!important}
.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s06__book{max-width:calc(100% - 40px)!important}
}

/* T03 uses the approved44px Gilroy headings, source75:988/941/1026/1086/1256. */
.ocn-figma-preview.page-id-156 :is(#t02-s03-title,#t02-s02-title,#t02-s04-title,#t02-decision-path-title,#t02-faq-title){font-size:44px!important;line-height:65px!important}
@media(min-width:1400px){.ocn-figma-preview.page-id-156 .t02-s03__heading-row{grid-template-columns:650px 498px!important;gap:81px!important;padding-right:51px!important}.ocn-figma-preview.page-id-156 .t02-s03__intro--desktop{width:498px!important;margin-top:59px!important}}
@media(max-width:700px){.ocn-figma-preview.page-id-156 :is(#t02-s03-title,#t02-s02-title,#t02-s04-title,#t02-decision-path-title,#t02-faq-title){font-size:30px!important;line-height:38px!important}}

/* Let the process highlight grow with Gilroy at tablet widths. */
.ocn-figma-preview #t02-decision-path-title>span{height:auto!important;min-height:0!important}

/* Tablet legacy spans must follow the current type line height. */
.ocn-figma-preview h2[id^="t02-"]> :is(span,strong){height:auto!important;min-height:0!important}
@media(min-width:701px) and (max-width:1199px){.ocn-figma-preview:is(.page-id-148,.page-id-156) .t02-s04__visual{max-width:700px!important;height:850px!important;margin-inline:auto!important}}