/* HOCC — typography as editorial composition */
body .sheet.words{position:relative!important;top:auto!important;overflow:visible!important;min-height:auto!important;}
body .sheet.words .page-inner{box-sizing:border-box;}
body .hocc-opening{padding:0!important;}
body .hocc-opening .hocc-opening-inner{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px!important;width:100%!important;max-width:1600px!important;padding:100px 6vw 110px!important;}
body .hocc-opening h1{grid-column:1/-1;font-size:clamp(70px,10.6vw,168px)!important;line-height:.88!important;letter-spacing:-.075em!important;max-width:none!important;margin:0 0 54px!important;white-space:normal!important;}
body .hocc-opening h1 .hocc-sky-blue{display:block;margin-left:12%;}
body .hocc-opening .opening-deck{grid-column:2/7;font-size:clamp(25px,2.7vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0!important;max-width:18ch!important;}
body .hocc-opening .opening-choices{grid-column:9/13;font-size:18px!important;line-height:1.5!important;margin:0!important;max-width:32ch!important;}
body .hocc-opening .text-link{grid-column:9/13;justify-self:start;margin:4px 0 0!important;}
body .hocc-problem:not(.hocc-spending-problem) .hocc-problem-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:28px 9%;width:100%!important;max-width:1440px!important;padding:110px 6vw!important;}
body .hocc-problem:not(.hocc-spending-problem) h2{grid-column:1/-1;font-size:clamp(54px,8.5vw,130px)!important;line-height:.94!important;letter-spacing:-.065em!important;margin:0 0 45px!important;}
body .hocc-problem:not(.hocc-spending-problem) p{font-size:clamp(19px,1.8vw,26px)!important;line-height:1.4!important;margin:0!important;max-width:39ch!important;}
body .hocc-problem:not(.hocc-spending-problem) p:first-of-type{grid-row:2/4;}
body .hocc-spending-problem .hocc-problem-inner{width:100%!important;max-width:1440px!important;padding:95px 6vw!important;}
body .hocc-spending-problem h2{font-size:clamp(43px,5.2vw,78px)!important;max-width:11ch!important;line-height:1!important;letter-spacing:-.05em!important;margin:0 0 60px!important;}
body .review-areas{display:block!important;counter-reset:area;margin:0!important;}
body .review-areas>div{counter-increment:area;display:grid;grid-template-columns:50px 1fr 1fr;gap:24px;padding:27px 0;border-top:1px solid #aaa;align-items:baseline;}
body .review-areas>div::before{content:'0' counter(area);font-size:12px;letter-spacing:.06em;}
body .review-areas h3{font-size:clamp(24px,3vw,44px)!important;font-weight:500!important;letter-spacing:-.045em!important;margin:0!important;}
body .review-areas p{font-size:17px!important;line-height:1.45!important;margin:0!important;max-width:41ch!important;}
body .hocc-help .hocc-copy-inner{width:100%!important;max-width:1440px!important;padding:100px 6vw!important;}
body .hocc-help .hocc-copy-inner h2{font-size:clamp(30px,3vw,44px)!important;margin:0 0 65px!important;letter-spacing:-.04em!important;}
body .house-standards{display:block!important;margin:0!important;}
body .house-standards>div{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;border-top:1px solid #aaa;padding:28px 0;}
body .house-standards h3{font-size:clamp(58px,8.4vw,126px)!important;line-height:1!important;letter-spacing:-.07em!important;font-weight:500!important;margin:0!important;}
body .hocc-help .hocc-copy-inner .house-standards p{max-width:28ch!important;font-size:clamp(18px,1.8vw,25px)!important;margin:0!important;}
body .hocc-help .hocc-copy-inner>p{margin:46px 0 0 auto!important;max-width:44ch!important;font-size:16px!important;}
body .service-house-spec .service-simple-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:35px 9%;padding:100px 6vw!important;max-width:1440px!important;}
body .service-house-spec .offer-title{grid-column:1/-1;margin:0!important;}
body .service-house-spec .offer-title h2{font-size:clamp(62px,10vw,150px)!important;letter-spacing:-.07em!important;line-height:.95!important;margin:0 0 35px!important;}
body .service-house-spec .offer-facts{grid-column:1;display:block!important;border-top:1px solid #aaa;padding-top:22px!important;margin:0!important;}
body .service-house-spec .offer-facts>div{margin-bottom:35px;}
body .service-house-spec .offer-facts strong{display:block;font-size:clamp(45px,6vw,88px)!important;font-weight:500!important;letter-spacing:-.06em!important;line-height:1.05!important;}
body .service-house-spec .offer-copy{grid-column:2;grid-row:2/4;max-width:none!important;margin:0!important;padding:22px 0 0!important;border-top:1px solid #aaa;}
body .service-house-spec .offer-copy p,body .service-house-spec .offer-copy li{font-size:17px!important;line-height:1.5!important;}
body .service-house-spec .offer-footer{grid-column:1;align-self:end;margin:0!important;padding:0!important;}
body .inquiry .statement-inner{width:100%!important;max-width:1440px!important;padding:115px 6vw!important;text-align:left!important;}
body .inquiry h2{font-size:clamp(62px,9.3vw,140px)!important;line-height:.95!important;letter-spacing:-.07em!important;max-width:12ch!important;margin:0 0 55px!important;}
body .inquiry p,body .inquiry .text-link{margin-left:52%!important;max-width:33ch!important;}
body #from-my-desk .desk-letter-inner{display:grid!important;grid-template-columns:1.15fr 1fr;gap:35px 10%;max-width:1440px!important;width:100%!important;padding:100px 6vw!important;text-align:left!important;}
body #from-my-desk h2{grid-row:1/3;font-size:clamp(70px,9vw,135px)!important;line-height:.92!important;letter-spacing:-.065em!important;max-width:6ch!important;margin:0!important;}
body #from-my-desk .desk-deck{font-size:22px!important;line-height:1.35!important;margin:0!important;max-width:28ch!important;}
body #from-my-desk .desk-kit-form{width:100%!important;max-width:none!important;margin:0!important;}
@media(max-width:700px){
 body .hocc-opening .hocc-opening-inner{grid-template-columns:1fr!important;padding:80px 24px!important;gap:26px!important;}
 body .hocc-opening h1{font-size:clamp(60px,14vw,98px)!important;margin-bottom:20px!important;}
 body .hocc-opening h1 .hocc-sky-blue{margin-left:0;}
 body .hocc-opening .opening-deck,body .hocc-opening .opening-choices,body .hocc-opening .text-link{grid-column:1!important;}
 body .hocc-opening .opening-deck{font-size:29px!important;}
 body .hocc-opening .opening-choices{margin-left:12%!important;font-size:17px!important;}
 body .hocc-opening .text-link{margin-left:12%!important;}
 body .hocc-problem:not(.hocc-spending-problem) .hocc-problem-inner,body .service-house-spec .service-simple-inner,body #from-my-desk .desk-letter-inner{display:block!important;padding:75px 24px!important;}
 body .hocc-problem:not(.hocc-spending-problem) h2{font-size:clamp(48px,11vw,76px)!important;}
 body .hocc-problem:not(.hocc-spending-problem) p{margin-bottom:25px!important;}
 body .hocc-spending-problem .hocc-problem-inner,body .hocc-help .hocc-copy-inner{padding:75px 24px!important;}
 body .review-areas>div{grid-template-columns:25px 1fr;gap:12px;padding:24px 0;}
 body .review-areas p{grid-column:2;}
 body .house-standards>div{display:block;padding:28px 0;}
 body .house-standards h3{font-size:clamp(58px,13vw,88px)!important;margin-bottom:18px!important;}
 body .service-house-spec .offer-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px;margin-bottom:20px!important;}
 body .service-house-spec .offer-copy{margin-bottom:35px!important;}
 body .inquiry .statement-inner{padding:85px 24px!important;}
 body .inquiry h2{font-size:clamp(58px,12vw,86px)!important;}
 body .inquiry p,body .inquiry .text-link{margin-left:10%!important;}
 body #from-my-desk h2{font-size:80px!important;margin-bottom:40px!important;}
 body #from-my-desk .desk-deck{margin-bottom:28px!important;}
}

/* Testimonial crossfade: shared grid keeps the section height stable. */
body .testimonials-fade{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:85px 6vw!important;min-height:65svh!important;overflow:hidden!important;box-sizing:border-box;}
body .testimonials-fade .testimonials-heading{width:100%!important;max-width:1120px!important;margin:0 auto 45px!important;padding:0!important;}
body .testimonials-fade .testimonial-slides{display:grid;width:100%;max-width:1120px;margin:0 auto;}
body .testimonials-fade .testimonial-card{grid-area:1/1;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;animation:none!important;transform:none!important;}
body .testimonials-fade .testimonial-card.is-active{opacity:1;visibility:visible;}
body .testimonials-fade .testimonial-card p{font-size:clamp(28px,3.7vw,54px)!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:0 0 30px!important;}
body .testimonials-fade .testimonial-card cite{display:block;font-style:normal;font-size:14px!important;line-height:1.6!important;}
@media(max-width:700px){body .testimonials-fade{padding:75px 24px!important;}body .testimonials-fade .testimonial-card p{font-size:clamp(27px,6.8vw,38px)!important;}}
@media(prefers-reduced-motion:reduce){body .testimonials-fade .testimonial-card{transition:none!important;}}

/* Final border cleanup: retain one divider before the mobile offer copy. */
@media(max-width:700px){
 body .service-house-spec .offer-facts,
 body .service-house-spec .offer-facts>div,
 body .service-house-spec .offer-facts>div+div{border-bottom:0!important;}
}
body .testimonials-fade .testimonial-card,
body .testimonials-fade .testimonial-card+.testimonial-card{border-left:0!important;}

/* Mobile booking links: keep the price on the same line. */
@media(max-width:700px){
 body .sheet.words .text-link{font-size:11px!important;letter-spacing:.045em!important;white-space:nowrap!important;width:fit-content!important;max-width:none!important;}
}

/* Booking link stays together on desktop as well. */
@media(min-width:701px){
 body .inquiry .text-link{white-space:nowrap!important;max-width:none!important;width:fit-content!important;}
 body .service-house-spec .offer-copy{border-top:0!important;}
 body .service-house-spec .offer-facts{border-top:0!important;border-bottom:0!important;padding-top:0!important;}
 body .service-house-spec .offer-facts>div:first-child{border-top:1px solid #aaa!important;}
 body .service-house-spec .offer-facts>div,
 body .service-house-spec .offer-facts>div+div{border-left:0!important;border-bottom:0!important;padding-left:0!important;}
}
/* House standards: sky blue with white type and rules, on every screen. */
body .sheet.words.hocc-help{background:var(--hocc-sky-blue,#A77538)!important;color:#fff!important;}
body .hocc-help .hocc-copy-inner,
body .hocc-help .hocc-copy-inner h2,
body .hocc-help .hocc-copy-inner h3,
body .hocc-help .hocc-copy-inner p{color:#fff!important;}
body .hocc-help .house-standards>div{border-color:#fff!important;}

/* One review area at a time inside a compact, independent slider. */
body .review-areas.review-slider{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;counter-reset:area;}
body .review-areas.review-slider::-webkit-scrollbar{display:none;}
body .review-areas.review-slider>div{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;grid-template-columns:50px 1fr 1fr;min-height:230px;padding:38px 0!important;}
body .review-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:20px;}
body .review-slider-controls button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer;}
body .review-slider-controls button:hover{background:var(--hocc-sky-blue);color:white;}
body .review-slider-controls button:focus-visible{outline:2px solid var(--hocc-sky-blue);outline-offset:4px;}
body .review-slide-count{font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums;}
@media(max-width:700px){body .review-areas.review-slider>div{grid-template-columns:25px 1fr;min-height:255px;align-content:start;}}

/* Review slider: no divider above the active area. */
body .review-areas.review-slider>div{border-top:0!important;}

/* Review area numbers use the House blue. */
body .review-areas.review-slider>div::before{color:var(--hocc-sky-blue,#A77538)!important;}

/* Review titles match the numbered accents. */
body .review-areas.review-slider h3{color:var(--hocc-sky-blue,#A77538)!important;}

/* 2026-10-17 — desktop hero supporting copy: align beside deck, wider measure. Mobile unchanged. */
@media (min-width:701px){
 body .hocc-opening .opening-choices{grid-column:7/13!important;max-width:none!important;align-self:start!important;margin-top:0!important;}
}

/* Deploy 20: center the supporting copy and its CTA as one desktop unit. */
@media (min-width:701px){
 body .hocc-opening .opening-deck{grid-row:2;}
 body .hocc-opening .opening-right{grid-column:8/13;grid-row:2;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,40px);min-width:0;}
 body .hocc-opening .opening-right .opening-choices{max-width:none!important;margin:0!important;width:100%;}
 body .hocc-opening .opening-right .text-link{margin:0!important;align-self:flex-start!important;justify-self:auto!important;}
}
@media (max-width:700px){
 body .hocc-opening .opening-right{display:contents;}
}

/* Keep the section heading, without the divider directly beneath it. */
body .hocc-help .house-standards>div:first-child{border-top:0!important;}


/* HOCC editorial vertical sequence — scroll through Clarity, Credibility, Choice.
   No nested scroll container: after Choice the normal document continues. */
body .sheet.words.hocc-help.hocc-vertical-editorial {
  display:block!important;
  min-height:0!important;
  overflow:visible!important;
}
body .hocc-vertical-editorial .hocc-copy-inner {
  max-width:1440px!important;
  padding-top:clamp(70px,8vw,120px)!important;
  padding-bottom:clamp(55px,7vw,95px)!important;
  overflow:visible!important;
}
body .hocc-vertical-editorial .hocc-copy-inner>h2 {
  margin-bottom:clamp(35px,6vw,75px)!important;
}
body .hocc-vertical-editorial .house-standards {
  display:block!important;
  margin:0!important;
  position:relative;
}
body .hocc-vertical-editorial .house-standards>div {
  position:sticky;
  top:var(--hocc-editorial-top,72px);
  min-height:calc(100svh - var(--hocc-editorial-top,72px));
  padding:clamp(32px,5vw,76px) 0!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:clamp(22px,3.2vh,45px)!important;
  border:0!important;
  background:var(--hocc-sky-blue,#A77538)!important;
  box-sizing:border-box;
}
body .hocc-vertical-editorial .house-standards>div:nth-child(1){z-index:1}
body .hocc-vertical-editorial .house-standards>div:nth-child(2){z-index:2}
body .hocc-vertical-editorial .house-standards>div:nth-child(3){z-index:3}
body .hocc-vertical-editorial .house-standards h3 {
  font-size:clamp(80px,12.8vw,210px)!important;
  font-weight:500!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  margin:0!important;
  max-width:100%!important;
}
body .hocc-vertical-editorial .hocc-copy-inner .house-standards p {
  font-size:clamp(20px,2.1vw,32px)!important;
  line-height:1.3!important;
  max-width:30ch!important;
  margin:0!important;
}
@media(max-width:700px){
 body .hocc-vertical-editorial .house-standards>div {
   min-height:calc(100svh - var(--hocc-editorial-top,72px));
   padding:32px 0!important;
 }
 body .hocc-vertical-editorial .house-standards h3 {
   font-size:clamp(62px,14.5vw,110px)!important;
 }
 body .hocc-vertical-editorial .hocc-copy-inner .house-standards p {
   font-size:clamp(20px,5vw,26px)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body .hocc-vertical-editorial .house-standards>div {position:relative;top:auto;min-height:65svh;}
}

/* Rich Gold collection: editorial-scale type; retain vertical sticky sequence. */
body .hocc-vertical-editorial .house-standards>div {
  align-items:flex-start!important;
  justify-content:center!important;
  gap:clamp(24px,4vh,52px)!important;
}
body .hocc-vertical-editorial .house-standards h3 {
  font-size:clamp(84px,15.2vw,244px)!important;
  font-weight:600!important;
  letter-spacing:-.085em!important;
  line-height:.86!important;
  white-space:nowrap;
}
body .hocc-vertical-editorial .hocc-copy-inner .house-standards p {
  font-size:clamp(21px,2.35vw,35px)!important;
  max-width:32ch!important;
  line-height:1.25!important;
}
@media(max-width:700px){
 body .hocc-vertical-editorial .house-standards h3 {
   font-size:clamp(52px,14vw,100px)!important;
   letter-spacing:-.085em!important;
 }
 body .hocc-vertical-editorial .hocc-copy-inner .house-standards p {
   font-size:clamp(20px,5.2vw,27px)!important;
 }
}


/* 2026-10-18: Champagne Olive is architectural, not a headline accent. */
body .review-areas.review-slider h3{color:#111!important;}

/* HOCC magazine-flow edit: vertical scroll, no full-screen sticky traps */
html {scroll-snap-type:none!important;overflow-y:auto!important;}
body {overflow-y:visible!important;}
body .sheet {position:relative!important;top:auto!important;overflow:visible!important;min-height:0!important;height:auto!important;}
body .cover-photo, body .image-page, body .image-copy-page {min-height:100svh!important;overflow:hidden!important;}
body .words:not(.hocc-spending-problem) {min-height:72svh!important;}
body .hocc-spending-problem {min-height:86svh!important;}
body .desk-letter {min-height:80svh!important;}
body .review-areas.review-slider {overflow-x:auto!important;overflow-y:hidden!important;}

/* Final restrained editorial: no page snapping, clean warm paper. */
html,body{scroll-snap-type:none!important;background:#fffdfa!important;}
main>section.sheet,main>section.archive{scroll-snap-align:none!important;scroll-snap-stop:normal!important;}
body .testimonials-page.testimonials-fade{
 background:#B4A965!important;color:#fff!important;
 min-height:80svh!important;padding:clamp(55px,8vw,115px) clamp(24px,8vw,110px)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;overflow:hidden!important;
}
body .testimonials-page.testimonials-fade .testimonials-heading{display:none!important;}
body .testimonials-page.testimonials-fade .testimonial-slides{
 display:grid!important;width:100%!important;max-width:1160px!important;
 margin:auto!important;align-items:center!important;justify-items:center!important;
}
body .testimonials-page.testimonials-fade .testimonial-card{
 grid-area:1/1!important;width:100%!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 margin:0!important;padding:0!important;min-height:0!important;
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transition:opacity .85s ease,visibility .85s ease!important;
}
body .testimonials-page.testimonials-fade .testimonial-card.is-active{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
body .testimonials-page.testimonials-fade .testimonial-card p{
 color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;
 font-size:clamp(25px,3.3vw,49px)!important;font-weight:700!important;
 line-height:1.16!important;letter-spacing:-.028em!important;
 max-width:1080px!important;width:100%!important;text-align:center!important;
 margin:0 auto clamp(32px,5vw,65px)!important;
}
body .testimonials-page.testimonials-fade .testimonial-card cite{
 color:#fff!important;font-size:clamp(13px,1.05vw,16px)!important;
 font-weight:400!important;line-height:1.6!important;text-align:center!important;
 width:100%!important;border:0!important;margin:0!important;padding:0!important;
}
/* Explicitly override legacy white Desk declarations in both stylesheets. */
body main #from-my-desk.desk-letter,body #from-my-desk.desk-letter{
 background:#B4A965!important;color:#fff!important;
}
body #from-my-desk h2,body #from-my-desk .desk-deck,
body #from-my-desk .desk-kit-form,body #from-my-desk .desk-kit-form label{
 color:#fff!important;
}
body #from-my-desk .desk-kit-form button,body #from-my-desk .desk-kit-form .formkit-submit,
body #from-my-desk .desk-kit-form .formkit-submit>span{
 background:#111!important;color:#fff!important;border-color:#111!important;
}
@media(max-width:700px){
 body .testimonials-page.testimonials-fade{min-height:70svh!important;padding:65px 23px!important;}
 body .testimonials-page.testimonials-fade .testimonial-card p{font-size:clamp(24px,6.3vw,35px)!important;}
}
@media(prefers-reduced-motion:reduce){body .testimonials-page.testimonials-fade .testimonial-card{transition:none!important;}}

/* Oct 18 final adjustments: olive Brand Review; white Desk. */
body main #service.service-house-spec,body #service.service-house-spec{background:#B4A965!important;color:#fff!important;}
body #service.service-house-spec h2,body #service.service-house-spec h3,body #service.service-house-spec p,body #service.service-house-spec li,body #service.service-house-spec strong,body #service.service-house-spec span,body #service.service-house-spec .hocc-sky-blue,body #service.service-house-spec .offer-label,body #service.service-house-spec .text-link{color:#fff!important;}
body #service.service-house-spec .offer-facts>div{border-color:rgba(255,255,255,.65)!important;}
body #service.service-house-spec .offer-footer a{border-color:#fff!important;}
body main #from-my-desk.desk-letter,body #from-my-desk.desk-letter{background:#fff!important;color:#111!important;}
body #from-my-desk h2,body #from-my-desk .desk-deck,body #from-my-desk .desk-kit-form,body #from-my-desk .desk-kit-form label,body #from-my-desk .desk-kit-form .formkit-form{color:#111!important;}
body #from-my-desk .desk-kit-form form,body #from-my-desk .desk-kit-form .formkit-form,body #from-my-desk .desk-kit-form .formkit-fields,body #from-my-desk .desk-kit-form [data-style="clean"]{background:transparent!important;color:#111!important;}
body #from-my-desk .desk-kit-form input[type="email"],body #from-my-desk .desk-kit-form .formkit-input{background:transparent!important;color:#111!important;border:0!important;border-bottom:1px solid #111!important;border-radius:0!important;box-shadow:none!important;}
body #from-my-desk .desk-kit-form input[type="email"]:focus,body #from-my-desk .desk-kit-form .formkit-input:focus{outline:0!important;border-bottom:2px solid #111!important;}
body #from-my-desk .desk-kit-form button,body #from-my-desk .desk-kit-form button[type="submit"],body #from-my-desk .desk-kit-form .formkit-submit,body #from-my-desk .desk-kit-form .formkit-submit>span{background:#111!important;color:#fff!important;border-color:#111!important;}

/* Approved final treatment: black typography on Champagne Olive panels. */
body .testimonials-page.testimonials-fade,body main #service.service-house-spec,body #service.service-house-spec,body .editorial-colophon{color:#111!important;}
body .testimonials-page.testimonials-fade .testimonial-card p,body .testimonials-page.testimonials-fade .testimonial-card cite{color:#111!important;}
body #service.service-house-spec h2,body #service.service-house-spec h3,body #service.service-house-spec p,body #service.service-house-spec li,body #service.service-house-spec strong,body #service.service-house-spec span,body #service.service-house-spec .hocc-sky-blue,body #service.service-house-spec .offer-label,body #service.service-house-spec .text-link,body #service.service-house-spec a{color:#111!important;}
body #service.service-house-spec .offer-facts>div{border-color:rgba(17,17,17,.45)!important;}
body #service.service-house-spec .offer-footer a{border-color:#111!important;}
body .editorial-colophon .editorial-kicker,body .editorial-colophon h2,body .editorial-colophon .colophon-url,body .editorial-colophon .colophon-credits strong,body .editorial-colophon a{color:#111!important;}
body .editorial-colophon .colophon-date,body .editorial-colophon .colophon-credits span{color:rgba(17,17,17,.8)!important;}
body .editorial-colophon .colophon-credits{border-top-color:rgba(17,17,17,.5)!important;}
body .editorial-colophon .colophon-credits p{border-bottom-color:rgba(17,17,17,.35)!important;}

/* Final editorial order / color: black testimonials, warm-paper offer. */
body main .testimonials-page.testimonials-fade{background:#080808!important;color:#fff!important;}
body main .testimonials-page.testimonials-fade .testimonial-card p,
body main .testimonials-page.testimonials-fade .testimonial-card cite{color:#fff!important;}
body main #service.service-house-spec{background:#fffdfa!important;color:#111!important;}
body main #service.service-house-spec h2,body main #service.service-house-spec h3,body main #service.service-house-spec p,body main #service.service-house-spec li,body main #service.service-house-spec strong,body main #service.service-house-spec span,body main #service.service-house-spec .hocc-sky-blue,body main #service.service-house-spec .offer-label,body main #service.service-house-spec a{color:#111!important;}

/* HOCC Brand Audit · Cobalt editorial accent, 2026-10-19 */
:root{--hocc-sky-blue:#111111!important;}
body .hocc-opening h1 .hocc-sky-blue{color:#111111!important;}
body .review-areas.review-slider h3,body .review-areas.review-slider>div::before{color:#111111!important;}
body .review-slider-controls button:hover{background:#111111!important;color:#fff!important;}
body .review-slider-controls button:focus-visible{outline-color:#111111!important;}
body .site-header a:hover,body .archive a:hover,body .text-link:hover{color:#111111!important;}
body main #service.service-house-spec .offer-facts strong{color:#111111!important;}
body main #service.service-house-spec .offer-footer a{color:#111111!important;}
body main .hocc-problem h2{max-width:16ch;}

/* 2026-10-19: Restore original split review presentation; retain cobalt accents. */
@media (min-width: 701px) {
 body .hocc-spending-problem .hocc-problem-inner{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:clamp(35px,6vw,110px)!important;align-items:center!important;
  padding:95px 6vw!important;
 }
 body .hocc-spending-problem h2{
  grid-column:1!important;grid-row:1/3!important;align-self:center!important;
  max-width:10ch!important;margin:0!important;
 }
 body .hocc-spending-problem .review-areas.review-slider{
  grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;
 }
 body .hocc-spending-problem .review-slider-controls{
  grid-column:2!important;grid-row:2!important;margin-top:12px!important;
 }
 body .hocc-spending-problem .review-areas.review-slider>div{
  grid-template-columns:24px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;gap:18px 16px!important;
  min-height:210px!important;align-content:center!important;
 }
 body .hocc-spending-problem .review-areas.review-slider>div::before{grid-column:1!important;grid-row:1!important;align-self:center!important;}
 body .hocc-spending-problem .review-areas.review-slider h3{grid-column:2!important;grid-row:1!important;}
 body .hocc-spending-problem .review-areas.review-slider p{grid-column:2!important;grid-row:2!important;max-width:36ch!important;font-size:clamp(17px,1.55vw,22px)!important;}
}
/* Primary booking action gets cobalt; translucent header remains neutral. */
body:not(.hocc-about) .site-header .hocc-extra-nav a:last-child{
 background:#111111!important;color:#fff!important;border-color:#111111!important;
}
body:not(.hocc-about) .site-header .hocc-extra-nav a:last-child:hover,
body:not(.hocc-about) .site-header .hocc-extra-nav a:last-child:focus-visible{
 background:#333333!important;color:#fff!important;border-color:#333333!important;
}
/* Publication link is an accent, not another black label. */
body .archive .archive-view,body .archive a .archive-view{color:#111111!important;}
/* Newsletter retains its black subscribe button; focused email field turns cobalt. */
body #from-my-desk .desk-kit-form input[type="email"]:focus,
body #from-my-desk .desk-kit-form .formkit-input:focus{
 border-bottom:2px solid #111111!important;
}
/* Restore breathing room in publication colophon, rather than tight footer text. */
body .archive .archive-imprint{margin-top:clamp(46px,7vw,90px)!important;padding-top:26px!important;line-height:1.9!important;}
body .archive .archive-imprint p{margin-bottom:10px!important;}
body .archive .archive-imprint p:first-child{display:flex!important;gap:26px!important;flex-wrap:wrap!important;}

/* HOCC — monochrome fashion editorial type study (Didot). */
:root{--hocc-sky-blue:#111111!important;--hocc-display:'Didot','GFS Didot','Bodoni 72','Times New Roman',serif;}
body .hocc-opening h1,body main .hocc-problem h2,
body .service-house-spec .offer-title h2,body .service-house-spec .offer-copy h3,
body .hocc-spending-problem .review-areas.review-slider h3,
body .archive h2,body #from-my-desk h2,
body .service-house-spec .offer-copy h2{
 font-family:var(--hocc-display)!important;font-weight:400!important;
 letter-spacing:-.045em!important;line-height:1.05!important;
}
body .hocc-opening h1{font-size:clamp(64px,8.7vw,146px)!important;line-height:1.02!important;letter-spacing:-.055em!important;}
body main .hocc-problem h2{font-size:clamp(55px,6.5vw,110px)!important;line-height:1.03!important;}
body .service-house-spec .offer-title h2{font-size:clamp(66px,9.2vw,144px)!important;letter-spacing:-.055em!important;line-height:1.05!important;}
body .hocc-spending-problem .review-areas.review-slider h3{font-size:clamp(38px,4.4vw,70px)!important;line-height:1.05!important;}
body .hocc-opening h1 .hocc-sky-blue,body .review-areas.review-slider h3,
body .review-areas.review-slider>div::before,body .review-slide-count,
body .archive .archive-view,body .archive a .archive-view{color:#111!important;}
body:not(.hocc-about) .site-header .hocc-extra-nav a:last-child{background:#111!important;border-color:#111!important;color:#fff!important;}
body:not(.hocc-about) .site-header .hocc-extra-nav a:last-child:hover{background:#333!important;border-color:#333!important;}
body #from-my-desk .desk-kit-form input[type="email"]:focus,
body #from-my-desk .desk-kit-form .formkit-input:focus{border-bottom-color:#111!important;}
body .editorial-colophon{background:#111!important;}
@media(max-width:700px){
 body .hocc-opening h1{font-size:clamp(57px,13vw,94px)!important;line-height:1.03!important;}
 body main .hocc-problem h2{font-size:clamp(46px,10vw,78px)!important;}
 body .service-house-spec .offer-title h2{font-size:clamp(59px,12vw,92px)!important;}
 body .hocc-spending-problem .review-areas.review-slider h3{font-size:clamp(37px,9vw,56px)!important;}
}

/* 2026-10-19 — approved publication-only edits. */
/* The subject's name is the only Didot element in the editorial. */
body .editorial-text-page .editorial-copy h2 {
  font-family:var(--hocc-display)!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
/* Credits close on black with readable white/gray type. */
body .editorial-viewer .editorial-colophon {background:#111!important;color:#fff!important;}
body .editorial-viewer .editorial-colophon .editorial-kicker,
body .editorial-viewer .editorial-colophon h2,
body .editorial-viewer .editorial-colophon .colophon-url,
body .editorial-viewer .editorial-colophon .colophon-credits strong,
body .editorial-viewer .editorial-colophon a {color:#fff!important;}
body .editorial-viewer .editorial-colophon .colophon-date,
body .editorial-viewer .editorial-colophon .colophon-credits span {color:rgba(255,255,255,.7)!important;}
body .editorial-viewer .editorial-colophon .colophon-credits {border-top-color:rgba(255,255,255,.4)!important;}
body .editorial-viewer .editorial-colophon .colophon-credits p {border-bottom-color:rgba(255,255,255,.25)!important;}

/* Approved mobile/desktop refinement: plain audit slider arrows, no circular outlines. */
body .review-slider-controls button{
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
}
body .review-slider-controls button:hover{
  background:transparent!important;
  color:inherit!important;
}

/* Customer perception: Clarity / Confidence / Choice */
.hocc-framework .page-inner { max-width: 1100px; }
.hocc-framework h2 { margin-bottom: clamp(2rem,5vw,4rem); }
.hocc-framework-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,3vw,3rem); }
.hocc-framework-item { min-width:0; }
.hocc-framework-item .framework-label { display:block; font-size:clamp(.75rem,1.1vw,.95rem); letter-spacing:.08em; text-transform:uppercase; margin-bottom:1rem; }
.hocc-framework-item h3 { margin:0 0 1rem; font-size:clamp(1.5rem,2.6vw,2.8rem); }
.hocc-framework-item p { margin:0; }
.hocc-framework-standard { margin-top:clamp(2rem,5vw,4rem); font-weight:600; max-width:850px; }
@media(max-width:700px){ .hocc-framework-grid {grid-template-columns:1fr; gap:2rem;} .hocc-framework-item .framework-label {margin-bottom:.35rem;} .hocc-framework-item h3 {margin-bottom:.4rem;} }

/* HOCC October 21: editorial opening — one clear reading order */
body .hocc-opening { min-height:calc(100svh - 74px)!important; display:flex!important; align-items:center!important; padding:0!important; }
body .hocc-opening .hocc-opening-inner { width:min(1500px,100%)!important; max-width:none!important; margin:0 auto!important; padding:clamp(64px,7vh,105px) clamp(28px,6vw,100px)!important; display:flex!important; flex-direction:column!important; gap:0!important; }
body .hocc-opening h1 { font-size:clamp(60px,7.1vw,112px)!important; line-height:1.035!important; letter-spacing:-.055em!important; margin:0!important; max-width:1350px!important; text-wrap:balance; }
body .hocc-opening .opening-support { margin-top:clamp(38px,5.4vh,75px)!important; display:flex!important; flex-direction:column!important; gap:15px!important; max-width:780px!important; }
body .hocc-opening .opening-support .opening-deck { font-size:clamp(24px,2.3vw,36px)!important; line-height:1.18!important; letter-spacing:-.03em!important; max-width:34ch!important; margin:0!important; }
body .hocc-opening .opening-support .opening-conclusion { font-size:clamp(16px,1.3vw,19px)!important; line-height:1.3!important; font-weight:650!important; margin:0!important; }
/* One-slide-at-a-time editorial carousel, with heading and statement as framing */
body .hocc-framework { min-height:calc(100svh - 74px)!important; display:flex!important; align-items:stretch!important; padding:0!important; }
body .hocc-framework .page-inner { max-width:1320px!important; width:100%!important; min-height:calc(100svh - 74px)!important; margin:0 auto!important; padding:clamp(45px,6vh,85px) clamp(28px,6vw,90px)!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; gap:24px!important; }
body .hocc-framework h2 { font-family:inherit!important; font-size:clamp(20px,2vw,28px)!important; font-weight:650!important; letter-spacing:-.035em!important; margin:0!important; }
body .framework-carousel { width:100%; position:relative; }
body .framework-track { display:flex; width:100%; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-x:contain; }
body .framework-track::-webkit-scrollbar {display:none;}
body .framework-slide { flex:0 0 100%; min-width:0; scroll-snap-align:start; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:12px 0 22px; }
body .framework-kicker { font-size:clamp(14px,1.25vw,18px); letter-spacing:.13em; text-transform:uppercase; margin-bottom:clamp(12px,2vh,22px); }
body .framework-slide h3 { font-family:var(--hocc-display,'GFS Didot',serif)!important; font-weight:400!important; letter-spacing:-.065em!important; line-height:.95!important; font-size:clamp(90px,13.5vw,200px)!important; margin:0 0 clamp(18px,3vh,32px)!important; }
body .framework-slide p { font-size:clamp(19px,2vw,29px)!important; line-height:1.28!important; max-width:34ch!important; margin:0!important; }
body .framework-controls { display:flex; align-items:center; justify-content:flex-end; gap:22px; margin-top:4px; }
body .framework-controls button { appearance:none; border:0; background:transparent; color:#111; font-size:30px; cursor:pointer; padding:6px 4px; line-height:1; }
body .framework-controls button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
body .framework-count { font-size:12px; letter-spacing:.13em; font-variant-numeric:tabular-nums; }
body .hocc-framework-standard { font-size:clamp(19px,2.1vw,29px)!important; line-height:1.28!important; letter-spacing:-.025em!important; font-weight:650!important; max-width:940px!important; margin:0!important; }
@media(max-width:700px) {
 body .hocc-opening { min-height:calc(100svh - 64px)!important; }
 body .hocc-opening .hocc-opening-inner { padding:52px 24px 65px!important; }
 body .hocc-opening h1 { font-size:clamp(48px,10.7vw,76px)!important; line-height:1.03!important; }
 body .hocc-opening .opening-support { margin-top:42px!important; gap:13px!important; }
 body .hocc-opening .opening-support .opening-deck { font-size:clamp(22px,5.5vw,28px)!important; }
 body .hocc-opening .opening-support .opening-conclusion { font-size:17px!important; }
 body .hocc-framework,.hocc-framework .page-inner { min-height:calc(100svh - 64px)!important; }
 body .hocc-framework .page-inner { padding:44px 24px 56px!important; gap:30px!important; }
 body .hocc-framework h2 { font-size:21px!important; }
 body .framework-slide h3 { font-size:clamp(76px,16vw,116px)!important; }
 body .framework-slide p { font-size:20px!important; }
 body .hocc-framework-standard { font-size:21px!important; }
}
@media(prefers-reduced-motion:reduce){body .framework-track {scroll-behavior:auto;}}

/* Final HOCC refinements: restore editorial two-column hero support. */
@media (min-width:701px) {
 body .hocc-opening .opening-support { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:clamp(36px,6vw,105px)!important; max-width:none!important; width:100%!important; align-items:center!important; }
 body .hocc-opening .opening-support .opening-deck { grid-column:1!important; max-width:34ch!important; }
 body .hocc-opening .opening-support .opening-conclusion { grid-column:2!important; justify-self:start!important; font-size:clamp(16px,1.3vw,19px)!important; }
}
body .hocc-opening .opening-support .opening-conclusion { font-weight:400!important; }
body .hocc-framework .hocc-framework-standard { font-weight:400!important; }

/* Hero: preserve original editorial grid; move ONLY the closing sentence to former CTA position. */
@media (min-width:701px) {
 body .hocc-opening .opening-support { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; column-gap:28px!important; align-items:start!important; width:100%!important; max-width:none!important; }
 body .hocc-opening .opening-support .opening-deck { grid-column:2 / 7!important; max-width:none!important; }
 body .hocc-opening .opening-support .opening-conclusion { grid-column:9 / 13!important; align-self:center!important; justify-self:start!important; }
}

/* FINAL HERO PLACEMENT: large paragraph left, single-line conclusion right. */
@media (min-width: 701px) {
  body .hocc-opening .opening-support {
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:28px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
  }
  body .hocc-opening .opening-support .opening-deck {
    grid-column:2 / 7!important;
    grid-row:1!important;
    max-width:none!important;
  }
  body .hocc-opening .opening-support .opening-conclusion {
    grid-column:8 / 13!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    white-space:nowrap!important;
    font-weight:400!important;
    font-size:clamp(16px,1.3vw,19px)!important;
  }
}

/* Approved single change: italicize hero conclusion only. */
body .hocc-opening .opening-support .opening-conclusion { font-style: italic!important; }

/* Oct 22 approved adjustments: hero copy as one left-aligned stack; no italic. */
body .hocc-opening .opening-support { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; gap:14px!important; max-width:780px!important; width:100%!important; }
body .hocc-opening .opening-support .opening-deck,
body .hocc-opening .opening-support .opening-conclusion { grid-column:auto!important; grid-row:auto!important; justify-self:start!important; align-self:flex-start!important; text-align:left!important; }
body .hocc-opening .opening-support .opening-conclusion { font-style:normal!important; white-space:normal!important; }
/* The former bottom statement is now the framework section's opening heading. */
body .hocc-framework h2 { line-height:1.28!important; max-width:940px!important; margin-bottom:clamp(2rem,5vw,4rem)!important; }

/* Oct 22: regular-weight introductory text, closer to the carousel. */
body .hocc-framework .page-inner { justify-content:center!important; gap:clamp(28px,4.5vw,58px)!important; }
body .hocc-framework .framework-intro { font-family:inherit!important; font-size:clamp(20px,2vw,28px)!important; font-weight:400!important; letter-spacing:-.025em!important; line-height:1.35!important; max-width:940px!important; margin:0!important; }
@media(max-width:700px){body .hocc-framework .page-inner{gap:30px!important;}body .hocc-framework .framework-intro{font-size:21px!important;}}