/* Nicole McDonell. Reference-led campaign layouts, October 2026. */
:root{--paper:#FAF5E7;--ink:#080808;--wine:#662626;--line:#ddd;--serif:'Playfair Display',serif;--sans:'Inter',sans-serif}
body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-0.02em;line-height:.98}em{font:inherit;color:var(--wine)}.eyebrow{font-size:14px;letter-spacing:.02em;font-weight:400;line-height:1.4}.small{font-size:14px;color:#595959}.lead{font-size:18px}.button{border-radius:0;background:#080808;border-color:#080808;color:white;justify-content:center;gap:0;min-height:50px;font-size:14px;padding:15px 25px;text-transform:uppercase;margin-top:32px;min-width:280px;transition:background .2s,color .2s}.button:hover{background:var(--wine);border-color:var(--wine)}.button.light{color:#111;background:var(--paper);border-color:#fff}.button.light:hover{background:var(--wine);border-color:var(--wine);color:white}.text-link{font-size:14px}.skip{background:var(--paper);color:#111}
header{position:fixed;top:0;left:0;width:100%;min-height:74px;padding:14px 22px;background:linear-gradient(#0007,transparent);border:0;align-items:flex-start;transition:background .2s;gap:20px}.brand{width:210px;display:block;margin-top:5px}.brand img{height:40px;object-fit:cover;object-position:center 40%;filter:grayscale(1) invert(1);mix-blend-mode:screen}header nav{padding:0 10px 0 22px;background:var(--paper);color:#111;gap:25px;min-height:48px}header nav a{font-size:13px;padding:14px 0;text-transform:uppercase}header nav a[aria-current=page]{border:0;color:var(--wine)}header nav .nav-book{padding:15px 18px!important;background:var(--wine);color:white;margin-left:5px}.scrolled{background:#080808}.menu-button{color:white;padding:10px 0}.menu-button span{font-size:20px}
.reference-scene{height:100svh;min-height:700px;position:relative;isolation:isolate;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.reference-scene>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 43%;z-index:-3}.scene-shade{position:absolute;inset:0;background:rgba(0,0,0,.48);z-index:-2}.scene-copy{width:100%;padding:110px 30px 85px;display:flex;align-items:center;flex-direction:column;position:relative}.scene-copy>.eyebrow{margin:0 0 48px}.scene-copy h1,.scene-copy h2{font-size:clamp(64px,5.55vw,128px);line-height:.96;max-width:1400px;margin:0;font-weight:400;text-wrap:balance}.scene-description{font-size:clamp(18px,1.07vw,23px);line-height:1.25;max-width:650px;margin:55px auto 0!important;text-wrap:balance}.scene-copy .button{margin-top:55px;width:360px;max-width:100%}.scene-copy .small{color:#fff;margin-top:22px;font-size:14px}.scene-caption{position:absolute;bottom:26px;left:30px;font-size:12px;letter-spacing:.04em;border-bottom:1px solid #ffffff80;padding-bottom:5px}.opening-scene>img{object-position:center 39%}.opening-scene .scene-shade{background:rgba(0,0,0,.5)}
.bracket-scene>img{object-position:center 45%;filter:grayscale(1)}.bracket-scene .scene-shade{background:rgba(0,0,0,.44)}.bracket-scene .scene-copy{padding-inline:11vw}.bracket-scene .scene-copy h2{font-size:clamp(64px,5.5vw,120px);max-width:none}.reference-bracket{position:absolute;top:14.4%;bottom:16%;width:58px;border-block:2px solid #fff;opacity:.95}.bracket-left{left:9%;border-left:2px solid white;border-radius:26px 0 0 26px}.bracket-right{right:9%;border-right:2px solid white;border-radius:0 26px 26px 0}.bracket-link{position:absolute;bottom:8%;font-size:14px;border-bottom:1px solid #fff;padding-bottom:6px}
.reference-diptych{display:grid;grid-template-columns:54.2% 45.8%;background:var(--paper);min-height:100svh}.reference-diptych-copy{padding:4.7vw;display:flex;flex-direction:column;justify-content:center}.director-statement{font-family:var(--serif);font-size:clamp(42px,3.45vw,78px);font-weight:400;letter-spacing:-0.02em;line-height:1.035;text-wrap:pretty}.director-signature{margin-top:45px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.director-signature p+p{margin:0;color:#666}.reference-diptych-copy>.text-link{align-self:flex-start;margin-top:25px}.reference-diptych-photo{min-height:100%;overflow:hidden}.reference-diptych-photo img{height:100%;object-fit:cover;object-position:center 34%}
.campaign-results{padding:100px 5vw 90px;max-width:none}.campaign-results .section-top{display:block;text-align:center;margin:0 0 55px}.campaign-results h2{font-size:clamp(80px,8vw,165px);margin:15px 0 25px}.results-intro{font-size:17px;line-height:1.45}.result-grid{gap:22px;max-width:1400px;margin:auto}.result-tile .tile-title{border:0;padding:0 0 18px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.tile-title span{font-size:14px}.tile-title span:last-child{color:#666;font-size:13px}.result-tile img{aspect-ratio:3/4;object-fit:cover}.result-tile .tile-link{display:block;text-align:center;background:#080808;color:#fff;border:0;padding:17px;font-size:14px;text-transform:uppercase}.result-tile:hover .tile-link{background:var(--wine)}.results-foot{margin:40px auto 0;text-align:center}.haircare-scene>img{object-position:center 46%}.haircare-scene .scene-shade{background:#0009}.consultation-scene>img{object-position:center 39%}.consultation-scene .scene-shade{background:#0009}
.product-directory{padding:100px 5vw;background:var(--paper)}.product-directory>h2{font-size:clamp(70px,7.7vw,150px);margin:28px 0 35px;color:var(--wine)}.directory-intro{font-size:18px;max-width:700px;margin-bottom:55px}.brand-directory{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.brand-directory>a{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:25px 0;border-top:1px solid #111}.brand-directory>a>span:first-child{font-family:var(--serif);font-size:clamp(25px,2.5vw,45px);line-height:1;letter-spacing:-0.02em}.brand-directory>a>span:last-child{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.brand-directory>a:hover{color:var(--wine)}
.page-scene .scene-copy h1{font-size:clamp(64px,5.6vw,120px)}.page-scene .scene-description{max-width:620px}.page-nicole .scene-shade{background:#0006}.page-nicole>img{object-position:70% center}.page-services .scene-shade{background:#0008}.page-fine-hair>img{object-position:center 45%}.page-fine-hair .scene-shade{background:#0009}#page-content{scroll-margin-top:75px}.split{border:0;background:var(--paper)}.split-copy{padding:75px 6vw}.split-copy h2{font-size:clamp(48px,4.7vw,88px)}.split-copy .eyebrow{color:var(--wine)}.split-photo img{max-height:none;object-position:center 35%}.article{padding-block:90px}.article h2{font-size:clamp(48px,4.7vw,80px)}.article h3{font-size:36px}.dark-statement{background:#080808;padding:110px 30px}.dark-statement h2{font-size:clamp(50px,5.5vw,100px);margin:40px 0}.dark-statement p:last-child{font-size:18px;max-width:600px}.dark-statement .eyebrow{color:#fff}.statement{background:var(--paper)}.statement h2{font-size:clamp(60px,6.8vw,110px)}.statement-bottom{font-size:18px}.consult-cta{background:var(--paper);border-top:1px solid #ddd;padding:100px 25px}.consult-cta .eyebrow{color:var(--wine)}.consult-cta h2{font-size:clamp(60px,6vw,110px);margin:35px 0}.consult-cta>p:not(.eyebrow){max-width:570px;font-size:18px}.consult-cta>.small{font-size:14px!important;margin-top:22px}.consult-cta .button{width:360px;max-width:100%}.price-layout{padding-top:70px}.price-group h2{font-size:48px}.price-group dt,.price-group dd{font-size:16px}.price-layout aside a{font-size:14px}.case-heading h2{font-size:75px}.gallery-main{background:#f1f1f1}.gallery-side{font-size:16px}.view-button:hover{background:#eee}.view-button{font-size:16px}.case-study{padding-top:85px;padding-bottom:85px}.chapter-nav{background:var(--paper);font-size:14px;gap:25px}.care-layout{padding-top:85px}.care-chapter h2{font-size:clamp(45px,4vw,65px)}.care-aside p:last-child{font-size:16px}.care-chapter li{line-height:1.6}.product-section>h2{font-size:clamp(70px,7vw,120px)}.product-brand h3{font-size:55px;color:var(--wine)}.product-item p,.care-note p{font-size:16px}.care-note{background:#f2f2f2}.product-item .text-link{font-size:14px}.product-section>p{font-size:18px}.chapter-nav,.product-brand,.care-chapter,.price-group,.case-study{scroll-margin-top:95px}
footer{background:#080808;color:#fff;padding:80px 5vw 25px}.footer-name{font-size:clamp(48px,5vw,85px)}.footer-top p:last-child{font-size:16px}.footer-links{font-size:14px}.footer-bottom{font-size:13px;border-color:#444}.faqs details{scroll-margin-top:95px}.faqs p{font-size:16px}.plain-list{font-size:17px}
@media(min-width:1700px){.reference-diptych-copy{padding-block:65px}.director-statement{font-size:3.45vw}}
@media(max-width:1200px){header nav{gap:17px;padding-left:15px}header nav a{font-size:12px}.brand{width:185px}.reference-scene{min-height:660px}.director-statement{font-size:4vw}.reference-diptych-copy{padding:5vw}.brand-directory{grid-template-columns:repeat(3,1fr)}.scene-copy>.eyebrow{margin-bottom:35px}.scene-description{margin-top:40px!important}.scene-copy .button{margin-top:40px}.price-layout{gap:5vw}}
@media(max-width:900px){header{padding:15px 20px;min-height:70px}.brand{width:190px}header nav{background:var(--paper);padding:20px;color:#111;max-height:calc(100svh - 70px)}header nav.open{display:flex}header nav a{font-size:15px;padding:13px 0}.nav-book{margin:0!important}.menu-button{display:flex;font-size:14px;gap:10px}.scene-copy{padding-inline:25px}.scene-copy h1,.scene-copy h2{font-size:clamp(58px,8vw,84px)}.page-scene .scene-copy h1{font-size:clamp(58px,8vw,84px)}.scene-description{font-size:18px}.reference-diptych{min-height:760px}.director-statement{font-size:4.5vw}.director-signature{gap:8px;margin-top:30px}.reference-diptych-copy{padding:45px 4vw}.reference-bracket{width:30px}.bracket-left{left:5%}.bracket-right{right:5%}.bracket-scene .scene-copy{padding-inline:10vw}.bracket-scene .scene-copy h2{font-size:8vw}.care-layout{padding-top:60px}.product-directory{padding:75px 5vw}.brand-directory{grid-template-columns:repeat(2,1fr)}.brand-directory>a>span:first-child{font-size:40px}.chapter-nav{gap:17px}.result-grid{gap:15px}.result-tile .tile-title{display:flex}.result-tile span{margin:0}.result-tile .tile-link{font-size:12px}.price-group h2{font-size:42px}}
@media(max-width:600px){body{font-size:16px}html{scroll-padding-top:85px}.reference-scene{height:100svh;min-height:700px;max-height:none}.scene-copy{padding:125px 22px 100px}.scene-copy>.eyebrow{font-size:12px;margin-bottom:32px;max-width:300px}.scene-copy h1,.scene-copy h2,.page-scene .scene-copy h1{font-size:clamp(48px,12vw,72px);letter-spacing:-0.02em;line-height:.99;max-width:100%;overflow-wrap:normal}.scene-description{font-size:17px;line-height:1.4;margin-top:32px!important;max-width:340px}.scene-description br{display:none}.scene-copy .button{margin-top:35px;width:300px}.scene-caption{left:22px;bottom:23px;font-size:11px}.opening-scene>img{object-position:53% center}.bracket-scene{min-height:600px;height:85svh}.bracket-scene .scene-copy h2{font-size:14vw;line-height:1}.reference-bracket{top:12%;bottom:16%;width:24px}.bracket-left{left:6%}.bracket-right{right:6%}.bracket-link{font-size:13px;bottom:7%}.reference-diptych{display:flex;flex-direction:column;min-height:0}.reference-diptych-copy{padding:55px 25px}.director-statement{font-size:42px;line-height:1.06;letter-spacing:-0.02em}.director-signature{font-size:12px;margin-top:30px}.director-signature p{width:100%}.reference-diptych-photo{height:620px;min-height:0}.reference-diptych-photo img{object-position:center 30%}.campaign-results{padding:65px 25px}.campaign-results h2{font-size:86px;margin:20px 0 25px}.campaign-results .section-top{margin-bottom:40px}.results-intro{font-size:16px}.results-intro br{display:none}.result-grid{grid-template-columns:1fr;gap:35px}.result-tile .tile-link{font-size:14px}.result-tile .tile-title{padding-bottom:15px}.result-tile img{aspect-ratio:3/4}.results-foot{margin-top:35px}.product-directory{padding:65px 25px}.product-directory>h2{font-size:70px;line-height:.98}.directory-intro{font-size:17px;margin-bottom:35px}.directory-intro br{display:none}.brand-directory{grid-template-columns:1fr;gap:0}.brand-directory>a{min-height:145px;padding:25px 0}.brand-directory>a>span:first-child{font-size:43px}.split-copy{padding:60px 25px}.split-copy h2{font-size:53px}.split-copy p{font-size:16px}.split-photo{height:540px}.article{padding:65px 25px}.article h2{font-size:50px}.article h3{font-size:33px}.dark-statement{padding:75px 25px}.dark-statement h2{font-size:55px}.dark-statement p:last-child{font-size:17px}.statement h2{font-size:57px}.statement-bottom{font-size:16px}.consult-cta{padding:75px 25px}.consult-cta h2{font-size:55px}.consult-cta>p:not(.eyebrow){font-size:17px}.consult-cta .button{min-width:0;width:100%}.price-layout{padding:50px 25px 65px}.price-layout aside a{font-size:13px}.price-group h2{font-size:38px}.price-group dt{font-size:15px}.chapter-nav{padding:23px 25px;font-size:14px}.care-layout{padding:55px 25px}.care-chapter h2{font-size:45px}.care-aside{margin-bottom:45px}.product-section{padding:65px 25px}.product-section>h2{font-size:65px}.product-section>p{font-size:16px}.product-brand h3{font-size:46px}.product-item p{font-size:16px}.case-study{padding:55px 25px}.case-heading h2{font-size:56px}.gallery-main{height:540px}.page-nicole>img{object-position:65% center}footer{padding:60px 25px 25px}.footer-name{font-size:48px}.footer-bottom{font-size:12px}.scene-copy .small{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:901px) and (max-width:1050px){.menu-button{display:flex;align-items:center;gap:10px}header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:stretch;padding:20px;max-height:calc(100svh - 75px);overflow:auto}header nav.open{display:flex}header nav a{font-size:15px}header nav .nav-book{margin-left:0}}

/* Selected supplied campaign imagery and client installation photographs. */
.opening-scene>img{object-position:center 46%}.opening-scene .scene-shade{background:#0008}.campaign-credit{border:0;font-size:11px;letter-spacing:.04em}.bracket-scene>img{object-position:center 44%;filter:none}.haircare-scene>img,.page-haircare>img{object-position:center 43%}.haircare-scene .scene-shade,.page-haircare .scene-shade{background:#0008}.product-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.product-feature-photo{min-height:650px;background:#f5f5f5}.product-feature-photo img{height:100%;max-height:950px;object-fit:cover;object-position:center 58%}.product-feature-copy{padding:7vw 6vw;align-self:center}.product-feature-copy .eyebrow{color:var(--wine)}.product-feature-copy h2{font-size:clamp(65px,6.3vw,120px);margin:35px 0}.product-feature-copy>p:not(.eyebrow){max-width:470px;font-size:18px}.product-feature-copy .text-link{margin-top:30px}.care-product-feature .product-feature-photo img{object-position:center;object-fit:cover}.installation-study{padding:85px 6vw;background:var(--paper);border-top:1px solid #ddd}.installation-study h2{font-size:clamp(60px,6vw,100px);margin:30px 0}.installation-intro{max-width:650px;font-size:18px;margin-bottom:45px}.installation-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.installation-study-grid figure{margin:0;min-width:0}.installation-study-grid img{aspect-ratio:3/4;object-fit:cover}.installation-study-grid figcaption{padding:16px 0;font-size:14px;border-bottom:1px solid #ddd}
@media(max-width:900px){.product-feature-photo{min-height:540px}.product-feature-copy{padding:60px 5vw}.product-feature-copy h2{font-size:65px}.product-feature-copy>p:not(.eyebrow){font-size:16px}.product-feature-copy .button{min-width:0;width:100%;font-size:13px}}
@media(max-width:600px){.opening-scene>img{object-position:center center}.campaign-credit{left:22px;right:22px;font-size:10px}.product-feature{grid-template-columns:1fr}.product-feature-photo{min-height:0;height:540px}.product-feature-copy{padding:60px 25px}.product-feature-copy h2{font-size:68px}.product-feature-copy>p:not(.eyebrow){font-size:17px}.installation-study{padding:65px 25px}.installation-study h2{font-size:58px}.installation-intro{font-size:17px}.installation-study-grid{grid-template-columns:1fr;gap:30px}}

.iles-detail{width:180px;height:auto;margin:0 0 24px;max-width:100%}
/* Seamless outpainted campaign image spans the complete homepage opening. */
.opening-scene{background:#ecede9;color:#111;display:flex;align-items:center;justify-content:flex-start;height:100svh;min-height:760px;text-align:left}
.opening-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-3}
.opening-scene .scene-shade{display:none}
.opening-scene .scene-copy{width:49%;padding:125px 4vw 105px;align-items:flex-start;min-width:0}
.opening-scene .scene-copy h1{color:var(--wine);font-size:clamp(58px,5.15vw,108px);line-height:1;max-width:650px;text-wrap:initial}
.opening-scene .scene-copy>.eyebrow{color:#111;font-size:13px;line-height:1.45;margin-bottom:35px;max-width:450px}
.opening-scene .scene-description{color:#222;font-size:18px;line-height:1.45;max-width:420px;margin:35px 0 0!important;text-wrap:initial}
.opening-scene .scene-description br{display:none}
.opening-scene .scene-copy .button{background:var(--wine);border-color:var(--wine);color:#fff;width:300px;min-width:0;margin-top:35px}
.opening-scene .scene-copy .button:hover{background:#461b1b;border-color:#461b1b}
.opening-scene .campaign-credit{right:20px;left:auto;max-width:calc(50% - 40px);background:#ecede9c9;color:#111;padding:5px 8px;font-size:10px}
.home header:not(.scrolled){background:transparent}.home header:not(.scrolled) .brand img{filter:grayscale(1);mix-blend-mode:multiply}.home header:not(.scrolled) .menu-button{color:#111}
@media(min-width:901px) and (max-width:1200px){.opening-scene .scene-copy{width:49%;padding:120px 3.5vw 95px}.opening-scene .scene-copy h1{font-size:clamp(52px,5.8vw,70px)}.opening-scene .scene-description{font-size:17px}}
@media(max-width:900px){.opening-scene{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch}.opening-scene .scene-copy{width:100%;padding:120px 25px 55px;order:0}.opening-scene .scene-copy h1{font-size:clamp(52px,9vw,76px);max-width:600px}.opening-scene .scene-copy>.eyebrow{font-size:12px;margin-bottom:28px}.opening-scene .scene-description{font-size:17px;margin-top:28px!important}.opening-scene .scene-copy .button{max-width:100%;margin-top:30px}.opening-scene>img{position:relative;inset:auto;width:100%;height:auto;min-height:0;object-fit:cover;z-index:0;order:1}.opening-scene .campaign-credit{z-index:1;left:22px;right:22px;max-width:calc(100% - 44px);bottom:15px;text-align:right}}
/* Campaign labels and short descriptions. */
.scene-copy>.eyebrow,.opening-scene .scene-copy>.eyebrow,.eyebrow{font-size:max(12px,.75rem);line-height:1.2}
.scene-description,.opening-scene .scene-description{font-size:max(14px,.875rem);line-height:1.2}
.scene-copy .button,.opening-scene .scene-copy .button,.button,.result-tile .tile-link{font-size:max(12px,.75rem)}
header nav a{font-size:max(12px,.75rem)}

/* Exact supplied Nicole McDonell wordmarks and MHE symbol. */
header .brand{position:relative;width:280px;height:48px;margin-top:0;flex-shrink:0}
header .brand img,.home header:not(.scrolled) .brand img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
header .brand .logo-light{display:block}header .brand .logo-dark{display:none}
.home header:not(.scrolled) .brand .logo-light{display:none}.home header:not(.scrolled) .brand .logo-dark{display:block}
.footer-brand{display:block;width:340px;max-width:100%;margin-bottom:25px}.footer-brand img{width:100%;height:auto;object-fit:contain}
@media(max-width:1050px){header .brand{width:245px;height:42px}}
@media(max-width:600px){header .brand{width:225px;height:39px}.footer-brand{width:300px}}
@media(max-width:360px){header .brand{width:195px;height:34px}}

/* Meet Nicole: left-aligned copy and room above the portrait. */
.page-nicole{justify-content:flex-start;text-align:left;background:#e4e1da}
.page-nicole>img{top:95px;bottom:0;height:calc(100% - 95px);object-position:70% top}
.page-nicole .scene-copy{width:55%;padding:130px 5vw 85px;align-items:flex-start}
.page-nicole .scene-copy h1{max-width:100%;text-wrap:initial}
.page-nicole .scene-copy>.eyebrow{max-width:100%;text-align:left}
.page-nicole .scene-description{margin:45px 0 0!important;max-width:540px;text-align:left;text-wrap:initial}
.page-nicole .scene-copy .button{align-self:flex-start}
@media(max-width:900px){.page-nicole .scene-copy{width:65%;padding:130px 25px 85px}.page-nicole .scene-description{margin-top:32px!important}}
@media(max-width:600px){.page-nicole .scene-copy{width:100%;padding:130px 25px 85px}.page-nicole .scene-shade{background:linear-gradient(90deg,#000b,#0006)}.page-nicole>img{object-position:65% top}}

/* Meet Nicole introduction: brand-colour headline and clearer reading scale. */
.page-nicole{color:#111}
.page-nicole .scene-shade{display:none}
.page-nicole .scene-copy h1{color:var(--wine)}
.page-nicole .scene-description{color:#222;font-size:max(18px,1.125rem);line-height:1.5}
body:has(.page-nicole) header:not(.scrolled){background:transparent}
body:has(.page-nicole) header:not(.scrolled) .brand .logo-light{display:none}
body:has(.page-nicole) header:not(.scrolled) .brand .logo-dark{display:block}
body:has(.page-nicole) header:not(.scrolled) .menu-button{color:#111}
@media(max-width:600px){.page-nicole .scene-shade{display:block;background:linear-gradient(90deg,#e4e1dae8,#e4e1dab3)}}

/* Shared heading hierarchy, verified against QIQI on 3 October 2026.
   All page heroes share one scale; major sections share another. */
:root{--hero-title:max(36px,2.25rem);--campaign-title:max(50px,3.125rem);--display-title:max(50px,3.125rem);--statement-type:max(30px,1.875rem);--detail-title:max(30px,1.875rem)}
.scene-copy h1,.page-scene .scene-copy h1,.opening-scene .scene-copy h1,.page-nicole .scene-copy h1{font-size:var(--hero-title);line-height:.9}
.scene-copy h2,.bracket-scene .scene-copy h2,.product-directory>h2,.product-feature-copy h2,.consult-cta h2,.split-copy h2,.dark-statement h2,.statement h2,.article h2,.installation-study h2,.product-section>h2,.care-chapter h2,.case-heading h2{font-size:var(--campaign-title);line-height:.9}
.campaign-results h2{font-size:var(--display-title);line-height:.9}
.director-statement{font-size:var(--statement-type);line-height:1;letter-spacing:-0.02em}
.price-group h2,.product-brand h3,.article h3{font-size:var(--detail-title);line-height:1.04}
@media(min-width:1024px){:root{--hero-title:max(80px,5rem);--campaign-title:max(80px,5rem);--display-title:max(160px,10rem);--statement-type:max(50px,3.125rem);--detail-title:max(50px,3.125rem)}}

/* New supplied wordmarks, including the original red dot. */
header .brand{width:280px;height:64px}
@media(max-width:1050px){header .brand{width:245px;height:56px}}
@media(max-width:600px){header .brand{width:225px;height:52px}}
@media(max-width:360px){header .brand{width:195px;height:45px}}

/* Requested footer advice and business details. */
.footer-notice{margin-top:28px;padding-top:24px;border-top:1px solid #444;color:#bbb;font-size:max(14px,.875rem);line-height:1.6}
.footer-notice p{margin:0}.footer-notice p+p{margin-top:14px}

/* Requested booking policy tables, scoped to the two added sections. */
.booking-terms .deposit-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:1rem;line-height:1.5}
.booking-terms .deposit-table th,.booking-terms .deposit-table td{padding:16px 0;border-bottom:1px solid #ddd;text-align:left;font-weight:400;vertical-align:top}
.booking-terms .deposit-table th{padding-right:24px}
.booking-terms .deposit-table td{text-align:right;white-space:nowrap}

/* Global typography and colour update, 4 October 2026. */
body{font-family:var(--sans);font-size:17px;line-height:1.6;background:var(--paper)}
input,select,textarea,button{font-family:var(--sans)}
h1,h2,h3,.director-statement,.footer-name{font-family:var(--serif)}
.scene-copy h1,.page-scene .scene-copy h1,.opening-scene .scene-copy h1,.page-nicole .scene-copy h1,
.scene-copy h2,.bracket-scene .scene-copy h2,.product-directory>h2,.product-feature-copy h2,
.consult-cta h2,.split-copy h2,.dark-statement h2,.statement h2,.article h2,
.installation-study h2,.product-section>h2,.care-chapter h2,.case-heading h2,.campaign-results h2{letter-spacing:-0.02em}
.opening-scene .scene-copy h1,.page-nicole .scene-copy h1{color:#111111}
.care-banner h2{letter-spacing:-0.02em}
.statement,.reference-diptych,.product-directory,.split,.consult-cta,.chapter-nav,.product-feature,.care-note{background:var(--paper)}
.eyebrow,.scene-copy>.eyebrow,.opening-scene .scene-copy>.eyebrow{font-size:12px;letter-spacing:0.1em;line-height:1.5;text-transform:uppercase}
.scene-description,.opening-scene .scene-description{font-size:16px;line-height:1.6}
.page-nicole .scene-description{font-size:17px;line-height:1.6}
.lead,.chapter-lead,.directory-intro,.installation-intro,.results-intro,
.split-copy p:not(.eyebrow),.article p:not(.eyebrow),.dark-statement p:not(.eyebrow),
.statement-bottom p,.gallery-side p,.care-aside p:not(.eyebrow),.care-chapter li,
.product-item p,.care-note p,.product-section>p:not(.eyebrow),
.product-feature-copy>p:not(.eyebrow),.consult-cta>p:not(.eyebrow),
.footer-top p,.footer-notice p,.faqs p,.plain-list{font-size:17px;line-height:1.6}
.small,.scene-copy .small,.consult-cta>.small{font-size:16px!important;line-height:1.6}
.case-heading p,.director-signature,.director-signature p,.tile-title span,.tile-title span:last-child,
.result-tile span,.scene-caption,.campaign-credit,.installation-study-grid figcaption,
.image-label,.hero-note,.footer-bottom,.brand-directory>a>span:last-child{font-size:12px;line-height:1.5}
.button,.button.light,.scene-copy .button,.opening-scene .scene-copy .button,
.product-feature-copy .button,.result-tile .tile-link,header nav .nav-book{
 font-family:var(--sans);font-size:12px;font-weight:400;text-transform:uppercase;
 letter-spacing:0.12em;border-radius:0;background:var(--wine);border-color:var(--wine);color:#fff
}
.button:hover,.button.light:hover,.opening-scene .scene-copy .button:hover,.result-tile:hover .tile-link{background:#461b1b;border-color:#461b1b;color:#fff}

.care-aside p:last-child,.footer-top p:last-child{font-size:17px;line-height:1.6}
.results-section>.small{font-size:17px!important;line-height:1.6}

/* Playfair Display: heading tracking and available text widths. */
h1,h2,h3,h4,.director-statement,.footer-name,.brand-directory>a>span:first-child{letter-spacing:-0.02em}
.scene-copy h1,.scene-copy h2,.page-scene .scene-copy h1,
.opening-scene .scene-copy h1,.page-nicole .scene-copy h1,
.bracket-scene .scene-copy h2{letter-spacing:-0.02em}
@media(min-width:901px){
 .opening-scene .scene-copy{width:840px;max-width:min(840px,calc(100% - 8vw));padding-inline:0;margin-left:4vw}
 .opening-scene .scene-copy h1{font-size:72px;line-height:0.98;max-width:840px;white-space:nowrap}
 .opening-scene .scene-description{width:660px;max-width:100%}
}
@media(min-width:1024px){
 .split{grid-template-columns:40% 60%}
 .split.reverse{grid-template-columns:60% 40%}
 .split-copy{padding-inline:3vw;min-width:0}
 .split-copy h2,.product-feature-copy h2{max-width:none;text-wrap:balance}
 .article.narrow{max-width:1250px;padding-inline:4vw}
 .article h2,.care-chapter h2,.price-group h2,.product-brand h3{ text-wrap:balance }
 .price-layout{max-width:1600px;grid-template-columns:200px minmax(0,1fr);gap:4vw}
 .care-layout{grid-template-columns:1fr minmax(0,1.8fr);gap:4vw}
 .product-brand{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:5vw}
 .product-feature-copy{padding-inline:3vw;min-width:0}
 .page-nicole .scene-copy{width:660px;max-width:calc(100% - 8vw);padding-inline:0;margin-left:4vw}
}

/* Requested Home hero refinements. */
.opening-scene .scene-copy h1{color:#662626;line-height:0.95;max-width:820px}
@media(min-width:901px){
 .opening-scene .scene-copy{width:820px;max-width:min(820px,calc(100% - 8vw));height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:64px}
 .opening-scene .scene-copy h1{font-size:96px;white-space:normal;flex-shrink:0;text-wrap:initial}
 .opening-scene .scene-copy>.eyebrow{margin-top:80px}
 .opening-scene .scene-copy .button{margin-top:auto;flex-shrink:0;align-self:flex-start}
}
@media(max-width:1199.98px){.opening-scene .scene-copy h1{font-size:56px}}
