/* Clear Link visual redesign v1.6.0
   Photo-led editorial system inspired by contemporary Japanese renovation sites.
   Each lower page uses one of several archetypes instead of a single repeated template. */
:root{
  --cl-ink:#18201c;
  --cl-deep:#23382f;
  --cl-green:#355c49;
  --cl-soft:#edf1ec;
  --cl-warm:#f4f0e9;
  --cl-sand:#e9dfd2;
  --cl-line:rgba(24,32,28,.14);
  --cl-paper:#fbfbf8;
  --cl-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
}
.bp-design{background:var(--cl-paper);color:var(--cl-ink);overflow:clip}
.bp-design .section{position:relative;padding:clamp(78px,9vw,150px) 0;background:transparent}
.bp-design .section-title h2,.bp-design h1,.bp-design h2{letter-spacing:-.035em}
.bp-design .section-title h2{font-size:clamp(34px,4.8vw,68px);line-height:1.08;font-weight:500}
.bp-design .section-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#53645b}
.bp-design .bp-section__number{display:inline-block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.18em;color:#809087;margin-bottom:18px}

/* hero art direction */
.bp-design .bp-hero{min-height:clamp(620px,84vh,900px);position:relative;display:flex;align-items:flex-end;background:#111;isolation:isolate}
.bp-design .bp-hero__media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.bp-design .bp-hero__media img{width:100%;height:100%;object-fit:cover;transform:none;animation:none}
@media(min-width:821px){.bp-design .bp-hero__media img{transform:scale(1.015);animation:clHeroBreath 9s ease-out both}}
.bp-design .bp-hero__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(16,24,20,.72) 0%,rgba(16,24,20,.35) 42%,rgba(16,24,20,.08) 72%,rgba(16,24,20,.18) 100%)}
.bp-design .bp-hero__inner{width:100%;padding-bottom:clamp(54px,7vw,94px)}
.bp-design .bp-hero__copy{width:min(760px,62vw);padding:clamp(28px,4vw,58px);background:rgba(248,247,242,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 90px rgba(0,0,0,.12)}
.bp-design .bp-hero__copy .bp-eyebrow{display:flex;gap:18px;align-items:center;margin:0 0 22px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#4b5f54}
.bp-design .bp-hero__copy .bp-eyebrow span{padding-right:18px;border-right:1px solid #aeb8b1}
.bp-design .bp-hero__copy h1{font-family:var(--cl-serif);font-size:clamp(38px,5.2vw,78px);line-height:1.18;font-weight:500;margin:0 0 24px;max-width:13em}
.bp-design .bp-hero__copy>p:last-child{max-width:650px;font-size:14px;line-height:2;color:#4f5953;margin:0}
.bp-design .bp-hero__secondary,.bp-design .bp-hero__tertiary{display:none;position:absolute;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.18);z-index:-1}
.bp-design .bp-hero__secondary img,.bp-design .bp-hero__tertiary img{width:100%;height:100%;object-fit:cover}
.bp-design .bp-hero__index{position:absolute;right:22px;bottom:18px;margin:0;color:rgba(255,255,255,.62);font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl;text-transform:uppercase}
.bp-design .bp-breadcrumb-wrap{padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--cl-line)}

/* page title */
.bp-design .bp-page-title{padding:clamp(64px,7vw,110px) 0;border-bottom:1px solid var(--cl-line)}
.bp-design .bp-page-title__grid{display:grid;grid-template-columns:minmax(170px,.55fr) 1.7fr;gap:clamp(40px,7vw,110px);align-items:start}
.bp-design .bp-page-title__meta{position:sticky;top:120px}
.bp-design .bp-page-title__number{font-family:Arial,sans-serif;font-size:54px;line-height:1;color:#d5dbd6;font-weight:300}
.bp-design .bp-page-title__main h2{font-family:var(--cl-serif);font-size:clamp(42px,6vw,84px);font-weight:500;line-height:1.08;margin:0 0 26px}
.bp-design .bp-page-title__main p{max-width:760px;margin:0;font-size:15px;line-height:2.05;color:#56615b}

/* generic editorial sections */
.bp-design .bp-section{border-bottom:1px solid var(--cl-line)}
.bp-design .bp-section:nth-of-type(4n+1){background:var(--cl-warm)}
.bp-design .bp-section:nth-of-type(4n+2){background:var(--cl-paper)}
.bp-design .bp-section:nth-of-type(4n+3){background:#f1f5f1}
.bp-design .bp-section:nth-of-type(4n){background:#fff}
.bp-design .bp-section__layout{display:grid;grid-template-columns:minmax(220px,.76fr) 1.45fr;grid-template-areas:"head grid" "media grid";column-gap:clamp(50px,8vw,130px);row-gap:34px;align-items:start}
.bp-design .bp-section__heading{grid-area:head;max-width:540px}
.bp-design .bp-section__heading .section-title p{max-width:42em}
.bp-design .bp-section__media{grid-area:media;margin:14px 0 0;overflow:hidden;aspect-ratio:4/5;max-height:590px}
.bp-design .bp-section__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bp-design .bp-section__media:hover img{transform:scale(1.035)}
.bp-design .bp-feature-grid{grid-area:grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--cl-line)}
.bp-design .bp-feature-grid article{min-height:220px;padding:28px 30px;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);position:relative;transition:background .35s ease,transform .35s ease}
.bp-design .bp-feature-grid article:nth-child(2n){border-right:0}
.bp-design .bp-feature-grid article:hover{background:rgba(255,255,255,.68)}
.bp-design .bp-feature-grid article small{font-size:9px;letter-spacing:.18em;color:#7d8d84}
.bp-design .bp-feature-grid article h3{font-family:var(--cl-serif);font-size:clamp(20px,2.2vw,30px);font-weight:500;line-height:1.42;margin:32px 0 14px}
.bp-design .bp-feature-grid article p{font-size:13px;line-height:1.85;color:#5f6963;margin:0;max-width:34em}
.bp-design .bp-feature-grid article>span{position:absolute;right:20px;top:18px;font-size:15px;color:#718178;opacity:.62}

/* Cards: staggered magazine layout */
.bp-design .bp-section__heading--row{display:grid;grid-template-columns:90px 1fr;gap:20px;margin-bottom:48px;align-items:start}
.bp-design .bp-card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 22px}
.bp-design .bp-card{grid-column:span 6;min-height:310px;padding:34px;position:relative;background:rgba(255,255,255,.72);border:1px solid var(--cl-line);text-decoration:none;color:inherit;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.bp-design .bp-card:nth-child(3n+2){grid-column:span 4;margin-top:68px}
.bp-design .bp-card:nth-child(3n+3){grid-column:span 8}
.bp-design .bp-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(31,46,38,.09);background:#fff}
.bp-design .bp-card small{font-size:9px;letter-spacing:.2em;color:#72827a}
.bp-design .bp-card h3{font-family:var(--cl-serif);font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.3;margin:44px 0 16px}
.bp-design .bp-card p{max-width:42em;font-size:13px;line-height:1.9;color:#616b65}
.bp-design .bp-card>span{position:absolute;right:28px;bottom:26px;font-size:9px;letter-spacing:.14em}

/* gallery: intentional mosaic */
.bp-design .bp-gallery__heading{margin-bottom:46px}
.bp-design .bp-gallery__lead{max-width:720px;font-size:14px;line-height:2;color:#59645e}
.bp-design .bp-gallery__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:18px;padding:0 clamp(18px,3vw,54px)}
.bp-design .bp-gallery__card{margin:0;grid-column:span 4;position:relative;overflow:hidden;background:#e8ebe7;border:0;border-radius:0;box-shadow:none}
.bp-design .bp-gallery__card:nth-child(6n+1){grid-column:span 7;grid-row:span 2}
.bp-design .bp-gallery__card:nth-child(6n+2){grid-column:span 5}
.bp-design .bp-gallery__card:nth-child(6n+3){grid-column:span 5}
.bp-design .bp-gallery__card:nth-child(6n+4){grid-column:span 4}
.bp-design .bp-gallery__card:nth-child(6n+5){grid-column:span 8}
.bp-design .bp-gallery__card img{width:100%;height:100%;min-height:300px;aspect-ratio:auto;object-fit:cover;transition:transform .75s ease}
.bp-design .bp-gallery__card:nth-child(6n+1) img{min-height:640px}
.bp-design .bp-gallery__card:hover img{transform:scale(1.025)}
.bp-design .bp-gallery__card figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(180deg,transparent,rgba(20,28,24,.72));color:#fff;font-size:11px;letter-spacing:.04em;display:flex;gap:12px;align-items:center}
.bp-design .bp-gallery__card figcaption span{opacity:.65;font-size:9px}

/* timeline */
.bp-design .bp-timeline__shell{display:grid;grid-template-columns:.65fr 1.6fr;gap:clamp(48px,8vw,120px)}
.bp-design .bp-timeline__list{counter-reset:flow;border-top:1px solid var(--cl-line)}
.bp-design .bp-timeline__list article{display:grid;grid-template-columns:92px .65fr 1.35fr;gap:24px;align-items:start;padding:32px 0;border-bottom:1px solid var(--cl-line)}
.bp-design .bp-timeline__list article>span{font-size:11px;letter-spacing:.15em;color:#708078}
.bp-design .bp-timeline__list h3{font-family:var(--cl-serif);font-size:24px;font-weight:500;margin:0}
.bp-design .bp-timeline__list p{margin:0;font-size:13px;line-height:1.9;color:#5d6761}

/* service hub */
.bp-design .bp-service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:0 clamp(18px,3vw,54px)}
.bp-design .bp-service-grid>a{grid-column:span 4;display:block;color:inherit;text-decoration:none;position:relative;background:#fff;overflow:hidden}
.bp-design .bp-service-grid>a:nth-child(5n+1){grid-column:span 7}
.bp-design .bp-service-grid>a:nth-child(5n+2){grid-column:span 5;margin-top:72px}
.bp-design .bp-service-grid>a:nth-child(5n+3){grid-column:span 5}
.bp-design .bp-service-grid>a:nth-child(5n+4){grid-column:span 3;margin-top:44px}
.bp-design .bp-service-grid>a:nth-child(5n){grid-column:span 4}
.bp-design .bp-service-grid figure{margin:0;aspect-ratio:1.28;overflow:hidden;background:#e8ebe7}
.bp-design .bp-service-grid>a:nth-child(5n+1) figure{aspect-ratio:1.7}
.bp-design .bp-service-grid figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.bp-design .bp-service-grid>a:hover figure img{transform:scale(1.035)}
.bp-design .bp-service-grid>a>div{padding:22px 4px 34px}
.bp-design .bp-service-grid small{font-size:9px;letter-spacing:.15em;color:#718078}
.bp-design .bp-service-grid h3{font-family:var(--cl-serif);font-size:clamp(22px,2.4vw,34px);font-weight:500;margin:10px 0 12px}
.bp-design .bp-service-grid p{font-size:12px;line-height:1.8;color:#657069;max-width:42em}
.bp-design .bp-service-grid span{font-size:9px;letter-spacing:.14em}

/* problem hub */
.bp-design .bp-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--cl-line)}
.bp-design .bp-problem-grid>a{min-height:250px;padding:34px 38px;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);text-decoration:none;color:inherit;position:relative;transition:background .3s ease,padding .3s ease}
.bp-design .bp-problem-grid>a:nth-child(2n){border-right:0}
.bp-design .bp-problem-grid>a:hover{background:#fff;padding-left:48px}
.bp-design .bp-problem-grid small{font-size:9px;letter-spacing:.16em;color:#7d8b84}
.bp-design .bp-problem-grid h3{font-family:var(--cl-serif);font-size:clamp(24px,2.6vw,38px);font-weight:500;margin:36px 0 14px}
.bp-design .bp-problem-grid p{font-size:12px;line-height:1.85;color:#66706a;max-width:46em}
.bp-design .bp-problem-grid span{position:absolute;right:28px;top:28px}

/* notes and profile */
.bp-design .bp-section--note{background:var(--cl-deep)!important;color:#fff}
.bp-design .bp-note__inner{max-width:1040px;margin:auto;padding-left:clamp(24px,9vw,130px);position:relative}
.bp-design .bp-note__inner .bp-section__number{color:rgba(255,255,255,.36)}
.bp-design .bp-section--note .section-kicker{color:#c7d3cc}.bp-design .bp-section--note .section-kicker i{background:#c7d3cc}
.bp-design .bp-note__inner h2{font-family:var(--cl-serif);font-size:clamp(38px,5vw,72px);line-height:1.25;font-weight:500;max-width:15em;margin:12px 0 28px}
.bp-design .bp-note__inner>p:last-child{max-width:680px;font-size:14px;line-height:2;color:#dbe3de}
.bp-design .bp-profile__wrap{display:grid;grid-template-columns:.7fr 1fr;gap:clamp(40px,8vw,110px);align-items:start}
.bp-design .bp-profile__intro{grid-column:1;grid-row:1}.bp-design .bp-profile__intro>p{font-size:14px;line-height:2;color:#5c6760}
.bp-design .bp-profile__visual{grid-column:2;grid-row:1/3;margin:0;aspect-ratio:4/5;overflow:hidden}.bp-design .bp-profile__visual img{width:100%;height:100%;object-fit:cover}
.bp-design .bp-profile__stats{grid-column:1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--cl-line)}
.bp-design .bp-profile__stats>div{padding:26px 18px;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}
.bp-design .bp-profile__stats strong{display:block;font-family:var(--cl-serif);font-size:38px;font-weight:500;margin-top:8px}

/* company, faq, legal */
.bp-design .bp-company__wrap,.bp-design .bp-faq__wrap{display:grid;grid-template-columns:.65fr 1.5fr;gap:clamp(50px,8vw,120px)}
.bp-design .bp-company__wrap dl{margin:0;border-top:1px solid var(--cl-line)}
.bp-design .bp-company__wrap dl>div{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--cl-line)}
.bp-design .bp-company__wrap dt{font-size:11px;color:#68736c}.bp-design .bp-company__wrap dd{font-size:13px;line-height:1.8;margin:0}
.bp-design .bp-faq__list{border-top:1px solid var(--cl-line)}
.bp-design .bp-faq__list details{border-bottom:1px solid var(--cl-line);background:transparent}
.bp-design .bp-faq__list summary{min-height:92px;padding:24px 10px;display:flex;align-items:center;gap:20px;font-family:var(--cl-serif);font-size:18px;cursor:pointer}
.bp-design .bp-faq__list summary span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.16em;color:#728078}
.bp-design .bp-faq__list details>div{padding:0 10px 28px 44px;display:grid;grid-template-columns:28px 1fr;gap:12px;color:#59655e}
.bp-design .bp-legal__list{border-top:1px solid var(--cl-line)}
.bp-design .bp-legal__list>section{padding:32px 0 36px;border-bottom:1px solid var(--cl-line)}
.bp-design .bp-legal__list h3{font-family:var(--cl-serif);font-size:24px;font-weight:500;margin:10px 0 16px}.bp-design .bp-legal__list p{font-size:13px;line-height:2;color:#5f6863}

/* next links */
.bp-design .bp-next--editorial{background:#e9eee9!important}
.bp-design .bp-next--editorial h2{font-family:var(--cl-serif);font-size:clamp(36px,5vw,68px);font-weight:500;margin:14px 0 44px}
.bp-design .bp-next__grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--cl-line)}
.bp-design .bp-next__grid a{min-height:112px;padding:28px 4px;border-bottom:1px solid var(--cl-line);display:flex;align-items:center;justify-content:space-between;color:inherit;text-decoration:none;font-family:var(--cl-serif);font-size:20px}
.bp-design .bp-next__grid a:nth-child(odd){padding-right:30px;border-right:1px solid var(--cl-line)}.bp-design .bp-next__grid a:nth-child(even){padding-left:30px}

/* archetypes ---------------------------------------------------------- */
/* service panorama */
.bp-design--service-panorama .bp-hero__copy{margin-left:auto;margin-right:3vw;width:min(650px,48vw);background:rgba(23,34,28,.7);color:#fff}
.bp-design--service-panorama .bp-hero__copy .bp-eyebrow,.bp-design--service-panorama .bp-hero__copy>p:last-child{color:#e0e9e3}.bp-design--service-panorama .bp-hero__copy .bp-eyebrow span{border-color:rgba(255,255,255,.35)}
.bp-design--service-panorama .bp-hero__veil{background:linear-gradient(90deg,rgba(20,28,24,.05),rgba(20,28,24,.22) 48%,rgba(20,28,24,.56))}
.bp-design--service-panorama .bp-page-title__grid{grid-template-columns:1.25fr .8fr}.bp-design--service-panorama .bp-page-title__meta{order:2;text-align:right;position:static}.bp-design--service-panorama .bp-page-title__main{order:1}

/* service atelier: collage hero */
.bp-design--service-atelier .bp-hero{background:var(--cl-warm);min-height:780px;align-items:center}
.bp-design--service-atelier .bp-hero__media{inset:70px 6vw 70px 45%;z-index:-1}.bp-design--service-atelier .bp-hero__media img{object-fit:cover}
.bp-design--service-atelier .bp-hero__veil{background:none}
.bp-design--service-atelier .bp-hero__secondary{display:block;width:230px;height:290px;right:8vw;bottom:10px;z-index:0;border:12px solid var(--cl-paper)}
.bp-design--service-atelier .bp-hero__copy{width:min(600px,45vw);background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}
.bp-design--service-atelier .bp-hero__inner{padding-bottom:0}.bp-design--service-atelier .bp-hero__index{color:#75827a}

/* service gallery */
.bp-design--service-gallery .bp-hero{min-height:720px}.bp-design--service-gallery .bp-hero__media{inset:0 33% 0 0}
.bp-design--service-gallery .bp-hero__secondary{display:block;inset:0 0 50% 67%;box-shadow:none;z-index:-2}.bp-design--service-gallery .bp-hero__tertiary{display:block;inset:50% 0 0 67%;box-shadow:none;z-index:-2}
.bp-design--service-gallery .bp-hero__veil{background:linear-gradient(90deg,rgba(18,26,22,.5),transparent 58%)}.bp-design--service-gallery .bp-hero__copy{width:min(610px,45vw);margin-bottom:25px}

/* service split */
.bp-design--service-split .bp-hero{align-items:stretch;min-height:760px;background:var(--cl-paper)}
.bp-design--service-split .bp-hero__media{left:50%;z-index:-1}.bp-design--service-split .bp-hero__veil{display:none}.bp-design--service-split .bp-hero__inner{display:flex;align-items:center;padding-bottom:0}.bp-design--service-split .bp-hero__copy{width:47%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}

/* service magazine */
.bp-design--service-magazine .bp-hero{min-height:820px}.bp-design--service-magazine .bp-hero__copy{position:absolute;left:clamp(24px,8vw,140px);bottom:-70px;width:min(720px,62vw);z-index:3}.bp-design--service-magazine .bp-breadcrumb-wrap{padding-top:92px}
.bp-design--service-magazine .bp-page-title{padding-top:100px}.bp-design--service-magazine .bp-section--cards .bp-card:nth-child(even){transform:translateY(52px)}.bp-design--service-magazine .bp-section--cards .bp-card:nth-child(even):hover{transform:translateY(45px)}

/* problems */
.bp-design--problem-diagnostic .bp-hero,.bp-design--problem-signal .bp-hero,.bp-design--problem-compare .bp-hero{min-height:650px}
.bp-design--problem-diagnostic .bp-hero__copy{width:min(640px,52vw);margin-left:auto;background:#fff}.bp-design--problem-diagnostic .bp-hero__veil{background:linear-gradient(90deg,rgba(15,22,18,.2),rgba(15,22,18,.55))}
.bp-design--problem-diagnostic .bp-feature-grid--symptoms{grid-template-columns:1fr}.bp-design--problem-diagnostic .bp-feature-grid--symptoms article{min-height:150px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px}.bp-design--problem-diagnostic .bp-feature-grid--symptoms article h3{margin:0}.bp-design--problem-diagnostic .bp-feature-grid--symptoms article>span{position:static}
.bp-design--problem-signal .bp-hero__copy{background:var(--cl-deep);color:#fff}.bp-design--problem-signal .bp-hero__copy .bp-eyebrow,.bp-design--problem-signal .bp-hero__copy>p:last-child{color:#dbe5df}.bp-design--problem-signal .bp-card-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--cl-line)}.bp-design--problem-signal .bp-card{grid-column:auto!important;margin:0!important;min-height:260px;border-width:0 1px 1px 0}
.bp-design--problem-story .bp-hero__copy{width:min(580px,44vw);margin-left:3vw}.bp-design--problem-story .bp-section__layout{grid-template-columns:1fr 1fr}.bp-design--problem-story .bp-section:nth-of-type(even) .bp-section__heading{grid-column:2}.bp-design--problem-story .bp-section:nth-of-type(even) .bp-feature-grid{grid-column:1;grid-row:1/3}
.bp-design--problem-compare .bp-card-grid{display:flex;gap:0;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.bp-design--problem-compare .bp-card{min-width:min(440px,78vw);margin:0!important;scroll-snap-align:start}

/* guides */
.bp-design--guide-journal .bp-hero__copy,.bp-design--guide-story .bp-hero__copy{background:rgba(255,252,247,.94)}
.bp-design--guide-journal .bp-page-title__main h2,.bp-design--guide-story .bp-page-title__main h2{font-size:clamp(46px,7vw,98px)}
.bp-design--guide-journal .bp-gallery__grid,.bp-design--guide-story .bp-gallery__grid{padding-right:7vw;padding-left:12vw}
.bp-design--guide-compare .bp-card-grid{grid-template-columns:repeat(2,1fr);display:grid;gap:28px}.bp-design--guide-compare .bp-card{grid-column:auto!important;margin:0!important;min-height:360px}.bp-design--guide-compare .bp-card:nth-child(2),.bp-design--guide-compare .bp-card:nth-child(4){margin-top:70px!important}
.bp-design--guide-flow .bp-hero{min-height:570px}.bp-design--guide-flow .bp-timeline__list article{grid-template-columns:120px 1fr 1fr;padding:46px 0}.bp-design--guide-flow .bp-timeline__list article>span{font-size:32px;color:#c4cec8}
.bp-design--guide-life .bp-hero__copy{margin-left:auto;background:rgba(255,255,255,.94)}.bp-design--guide-life .bp-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bp-design--guide-life .bp-card{grid-column:auto!important;margin:0!important;min-height:360px}

/* cost */
.bp-design[class*="bp-design--cost-"] .bp-hero{min-height:590px}.bp-design[class*="bp-design--cost-"] .bp-hero__copy{background:#fff}.bp-design[class*="bp-design--cost-"] .bp-page-title{background:#f0f3ef}
.bp-design--cost-ledger .bp-card-grid,.bp-design--cost-editorial .bp-card-grid,.bp-design--cost-support .bp-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--cl-line)}.bp-design--cost-ledger .bp-card,.bp-design--cost-editorial .bp-card,.bp-design--cost-support .bp-card{grid-column:auto!important;margin:0!important;min-height:240px;border:0;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}
.bp-design--cost-caution .bp-section--note{background:#513d2f!important}

/* about */
.bp-design--about-story .bp-hero{min-height:860px}.bp-design--about-story .bp-hero__copy{width:min(650px,48vw);margin-left:auto;margin-right:4vw}.bp-design--about-story .bp-page-title__grid{grid-template-columns:.7fr 1.5fr}
.bp-design--about-principles .bp-card-grid{grid-template-columns:repeat(3,1fr);display:grid;gap:18px}.bp-design--about-principles .bp-card{grid-column:auto!important;margin:0!important;min-height:390px}.bp-design--about-principles .bp-card:nth-child(2),.bp-design--about-principles .bp-card:nth-child(5){transform:translateY(48px)}
.bp-design--about-profile .bp-hero{min-height:690px}.bp-design--about-profile .bp-hero__media{left:44%}.bp-design--about-profile .bp-hero__copy{width:42%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0;color:#fff}.bp-design--about-profile .bp-hero__copy .bp-eyebrow,.bp-design--about-profile .bp-hero__copy>p:last-child{color:#e6ece8}
.bp-design--about-company .bp-hero,.bp-design--about-after .bp-hero,.bp-design--about-area .bp-hero{min-height:560px}

/* hub */
.bp-design--index-mosaic .bp-hero,.bp-design--index-diagnostic .bp-hero{min-height:650px}.bp-design--index-mosaic .bp-hero__secondary,.bp-design--index-diagnostic .bp-hero__secondary{display:block;width:260px;height:340px;right:6vw;bottom:-60px;z-index:0;border:10px solid var(--cl-paper)}.bp-design--index-mosaic .bp-breadcrumb-wrap,.bp-design--index-diagnostic .bp-breadcrumb-wrap{padding-top:80px}
.bp-design--index-diagnostic .bp-problem-grid{grid-template-columns:repeat(3,1fr)}.bp-design--index-diagnostic .bp-problem-grid>a:nth-child(2n){border-right:1px solid var(--cl-line)}.bp-design--index-diagnostic .bp-problem-grid>a:nth-child(3n){border-right:0}

/* utility */
.bp-design--utility-faq .bp-hero,.bp-design--utility-contact .bp-hero,.bp-design--utility-legal .bp-hero,.bp-design--index-sitemap .bp-hero{min-height:500px}.bp-design--utility-contact .bp-hero__copy{background:#fff}.bp-design--utility-contact .bp-section--contactbox{background:#f1f4f0!important}.bp-design--utility-legal .bp-hero__copy,.bp-design--index-sitemap .bp-hero__copy{width:min(620px,52vw)}

/* home: less grid-like, more editorial / R2HOME-like */
.home-main--future .future-intro{padding-top:clamp(100px,11vw,180px);padding-bottom:clamp(100px,11vw,180px)}
.home-main--future .future-intro__grid{grid-template-columns:1.15fr .85fr;gap:clamp(60px,9vw,150px)}
.home-main--future .future-intro__heading h2{font-family:var(--cl-serif);font-size:clamp(42px,6vw,82px);font-weight:500;line-height:1.18}
.home-main--future .reform-menu__grid--future{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.home-main--future .reform-menu-card{display:block;grid-column:span 4;background:transparent;border:0;box-shadow:none}
.home-main--future .reform-menu-card:nth-child(1){grid-column:span 7}.home-main--future .reform-menu-card:nth-child(2){grid-column:span 5;margin-top:80px}.home-main--future .reform-menu-card:nth-child(3){grid-column:span 4}.home-main--future .reform-menu-card:nth-child(4){grid-column:span 8}.home-main--future .reform-menu-card:nth-child(5){grid-column:span 5;margin-top:60px}.home-main--future .reform-menu-card:nth-child(6){grid-column:span 7}
.home-main--future .reform-menu-card__media{aspect-ratio:1.55;overflow:hidden}.home-main--future .reform-menu-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.home-main--future .reform-menu-card:hover .reform-menu-card__media img{transform:scale(1.035)}
.home-main--future .reform-menu-card__text{padding:18px 4px 34px;background:transparent}.home-main--future .reform-menu-card__text h3{font-family:var(--cl-serif);font-size:clamp(23px,2.6vw,36px);font-weight:500}
.home-main--future .find-grid--soft{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}.home-main--future .find-grid--soft>a{min-height:340px;border:0;border-right:1px solid var(--cl-line);border-radius:0;background:transparent;padding:36px}.home-main--future .find-grid--soft>a:last-child{border-right:0}.home-main--future .find-grid--soft>a h3{font-family:var(--cl-serif);font-size:30px;font-weight:500;margin-top:80px}
.home-main--future .works-grid--future{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.home-main--future .work-card{grid-column:span 6;border-radius:0;background:transparent;box-shadow:none}.home-main--future .work-card:nth-child(2),.home-main--future .work-card:nth-child(4){transform:translateY(68px)}.home-main--future .work-card figure{aspect-ratio:1.45;overflow:hidden}.home-main--future .work-card figure img{width:100%;height:100%;object-fit:cover}.home-main--future .work-card>div{padding:18px 0 34px}
.home-main--future .reason-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.home-main--future .reason-cards>article{grid-column:span 4;min-height:330px;border-radius:0}.home-main--future .reason-cards>article:nth-child(2){margin-top:56px}.home-main--future .reason-cards__stat{grid-column:8/span 5!important;min-height:380px!important;background:var(--cl-deep)!important;color:#fff!important}
.home-main--future .journal-grid--future{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.home-main--future .journal-card{grid-column:span 3}.home-main--future .journal-card:nth-child(2){margin-top:54px}.home-main--future .journal-card:nth-child(4){margin-top:28px}

/* micro interaction */
.bp-design .bp-section__heading,.bp-design .bp-card,.bp-design .bp-feature-grid article,.bp-design .bp-problem-grid>a,.bp-design .bp-timeline__list article{will-change:transform,opacity}
.bp-design [data-parallax-photo]{will-change:transform}
@keyframes clHeroBreath{from{transform:scale(1.045)}to{transform:scale(1)}}

@media(max-width:1100px){
  .bp-design .bp-hero__copy{width:min(720px,72vw)}
  .bp-design .bp-section__layout{grid-template-columns:.7fr 1.3fr;column-gap:50px}
  .bp-design .bp-card:nth-child(n){grid-column:span 6;margin-top:0}
  .bp-design .bp-service-grid>a:nth-child(n){grid-column:span 6;margin-top:0}
  .bp-design--index-diagnostic .bp-problem-grid{grid-template-columns:repeat(2,1fr)}.bp-design--index-diagnostic .bp-problem-grid>a:nth-child(3n){border-right:1px solid var(--cl-line)}.bp-design--index-diagnostic .bp-problem-grid>a:nth-child(2n){border-right:0}
  .bp-design--guide-life .bp-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .bp-design .bp-hero__media img{transform:none!important;animation:none!important;will-change:auto!important}
  .bp-design .section{padding:72px 0}
  .bp-design .bp-hero{min-height:640px;align-items:flex-end}.bp-design .bp-hero__copy{width:calc(100% - 36px);margin:0 18px!important;padding:28px 24px}.bp-design .bp-hero__copy h1{font-size:clamp(34px,8vw,52px)}.bp-design .bp-hero__secondary,.bp-design .bp-hero__tertiary{display:none!important}.bp-design .bp-hero__media{inset:0!important}.bp-design .bp-hero__inner{padding-bottom:30px!important;display:block!important}.bp-design .bp-hero__veil{display:block!important;background:linear-gradient(180deg,rgba(15,23,19,.08),rgba(15,23,19,.48))!important}
  .bp-design--service-panorama .bp-hero__copy,.bp-design--about-profile .bp-hero__copy{color:var(--cl-ink);background:rgba(255,255,255,.92)}.bp-design--service-panorama .bp-hero__copy .bp-eyebrow,.bp-design--service-panorama .bp-hero__copy>p:last-child,.bp-design--about-profile .bp-hero__copy .bp-eyebrow,.bp-design--about-profile .bp-hero__copy>p:last-child{color:#56615b}
  .bp-design .bp-breadcrumb-wrap{padding-top:14px!important}
  .bp-design .bp-page-title__grid,.bp-design--service-panorama .bp-page-title__grid{grid-template-columns:1fr;gap:26px}.bp-design .bp-page-title__meta{position:static!important;order:0!important;text-align:left!important}.bp-design .bp-page-title__number{font-size:38px}.bp-design .bp-page-title__main{order:1!important}.bp-design .bp-page-title__main h2{font-size:42px}
  .bp-design .bp-section__layout{grid-template-columns:1fr;grid-template-areas:"head" "media" "grid";gap:32px}.bp-design .bp-section__media{aspect-ratio:16/9;max-height:none}.bp-design .bp-feature-grid{grid-template-columns:1fr}.bp-design .bp-feature-grid article{border-right:0!important;min-height:180px}
  .bp-design .bp-section__heading--row{grid-template-columns:50px 1fr;margin-bottom:34px}
  .bp-design .bp-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;overflow:visible!important}.bp-design .bp-card:nth-child(n){grid-column:auto!important;min-width:0!important;margin:0!important;transform:none!important;min-height:240px}
  .bp-design .bp-gallery__grid{grid-template-columns:1fr;padding:0 18px}.bp-design .bp-gallery__card:nth-child(n){grid-column:auto;grid-row:auto}.bp-design .bp-gallery__card:nth-child(n) img{min-height:260px;aspect-ratio:4/3}
  .bp-design .bp-timeline__shell{grid-template-columns:1fr;gap:34px}.bp-design .bp-timeline__list article,.bp-design--guide-flow .bp-timeline__list article{grid-template-columns:52px 1fr;gap:16px}.bp-design .bp-timeline__list article p{grid-column:2}.bp-design--guide-flow .bp-timeline__list article>span{font-size:20px}
  .bp-design .bp-service-grid{grid-template-columns:1fr;padding:0 18px}.bp-design .bp-service-grid>a:nth-child(n){grid-column:auto;margin-top:0}.bp-design .bp-service-grid figure,.bp-design .bp-service-grid>a:nth-child(n) figure{aspect-ratio:1.48}
  .bp-design .bp-problem-grid,.bp-design--index-diagnostic .bp-problem-grid{grid-template-columns:1fr}.bp-design .bp-problem-grid>a:nth-child(n){border-right:0!important;min-height:210px;padding:28px 22px}.bp-design .bp-problem-grid>a:hover{padding-left:28px}
  .bp-design .bp-profile__wrap,.bp-design .bp-company__wrap,.bp-design .bp-faq__wrap{grid-template-columns:1fr;gap:40px}.bp-design .bp-profile__visual{grid-column:1;grid-row:auto;aspect-ratio:16/11}.bp-design .bp-profile__stats{grid-column:1}.bp-design .bp-company__wrap dl>div{grid-template-columns:110px 1fr;gap:18px}
  .bp-design .bp-next__grid{grid-template-columns:1fr}.bp-design .bp-next__grid a:nth-child(n){border-right:0;padding-left:0;padding-right:0}
  .home-main--future .future-intro__grid{grid-template-columns:1fr;gap:44px}.home-main--future .reform-menu__grid--future,.home-main--future .works-grid--future,.home-main--future .reason-cards,.home-main--future .journal-grid--future{grid-template-columns:1fr}.home-main--future .reform-menu-card:nth-child(n),.home-main--future .work-card:nth-child(n),.home-main--future .reason-cards>article:nth-child(n),.home-main--future .journal-card:nth-child(n){grid-column:auto!important;margin-top:0!important;transform:none!important}.home-main--future .find-grid--soft{grid-template-columns:1fr}.home-main--future .find-grid--soft>a{min-height:230px;border-right:0;border-bottom:1px solid var(--cl-line)}.home-main--future .find-grid--soft>a h3{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){
  .bp-design .bp-hero__media img{animation:none!important}.bp-design *{scroll-behavior:auto!important}.bp-design .bp-section__media img,.bp-design .bp-gallery__card img,.bp-design .bp-service-grid figure img{transition:none!important}
}

/* archives / case studies / articles / fallback pages also receive individual editorial treatment */
.archive-main--case .archive-visual-hero{min-height:560px;padding:150px 0 80px;background:linear-gradient(135deg,#1e3128,#355647);color:#fff;display:flex;align-items:flex-end;position:relative;overflow:hidden}
.archive-main--case .archive-visual-hero::after{content:"WORKS";position:absolute;right:-10px;bottom:-42px;font:300 clamp(90px,18vw,260px)/.8 Arial,sans-serif;letter-spacing:-.07em;color:rgba(255,255,255,.055)}
.archive-main--case .archive-visual-hero h1{font-family:var(--cl-serif);font-size:clamp(58px,9vw,124px);font-weight:500;margin:8px 0 18px}.archive-main--case .archive-visual-hero p{max-width:700px;line-height:1.9}
.archive-main--case .archive-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;margin-bottom:80px}.archive-main--case .archive-intro h2{font-family:var(--cl-serif);font-size:clamp(40px,5.5vw,76px);font-weight:500;line-height:1.18;margin:12px 0}.archive-main--case .archive-intro>p{font-size:14px;line-height:2;color:#5d6861;padding-top:40px}
.archive-main--case .works-grid--archive{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.archive-main--case .works-grid--archive .work-card{grid-column:span 6;background:transparent;border-radius:0;box-shadow:none}.archive-main--case .works-grid--archive .work-card:nth-child(2n){transform:translateY(70px)}.archive-main--case .work-card figure{aspect-ratio:1.42;overflow:hidden}.archive-main--case .work-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.archive-main--case .work-card:hover figure img{transform:scale(1.035)}.archive-main--case .work-card>div{padding:20px 2px 36px}.archive-main--case .work-card h2{font-family:var(--cl-serif);font-size:30px;font-weight:500}

.case-detail .case-hero{padding:150px 0 0;background:var(--cl-paper)}.case-detail .case-hero .container{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.case-detail .case-hero .page-title-section__en,.case-detail .case-hero h1,.case-detail .case-hero .breadcrumbs{grid-column:1}.case-detail .case-hero h1{font-family:var(--cl-serif);font-size:clamp(46px,6vw,84px);font-weight:500;line-height:1.18;margin:12px 0 24px}.case-detail .case-hero__image{grid-column:2;grid-row:1/5;margin:0;aspect-ratio:4/5;overflow:hidden}.case-detail .case-hero__image img{width:100%;height:100%;object-fit:cover}.case-detail .case-summary{padding-top:120px}.case-detail .case-summary__grid{grid-template-columns:.65fr 1.35fr;gap:80px}.case-detail .case-data{border-top:1px solid var(--cl-line)}.case-detail .case-data>div{padding:18px 0;border-bottom:1px solid var(--cl-line);display:grid;grid-template-columns:110px 1fr;gap:16px}.case-detail .case-summary h2{font-family:var(--cl-serif);font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.25}

.article-detail .article-header{padding:150px 0 90px;background:#edf1ed}.article-detail .article-header .container-narrow{max-width:1040px}.article-detail .article-header h1{font-family:var(--cl-serif);font-size:clamp(46px,6.5vw,92px);font-weight:500;line-height:1.18;margin:18px 0 34px}.article-detail .article-header figure{margin:72px -10vw 0;aspect-ratio:1.8;overflow:hidden}.article-detail .article-header figure img{width:100%;height:100%;object-fit:cover}.article-detail .article-body{padding-top:120px}.article-detail .entry-content{font-size:15px;line-height:2.05}.article-detail .entry-content h2{font-family:var(--cl-serif);font-size:clamp(32px,4vw,52px);font-weight:500;margin-top:2.2em}

.archive-section .journal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.archive-section .journal-card{grid-column:span 4;background:transparent;border:0;border-radius:0;box-shadow:none}.archive-section .journal-card:nth-child(3n+2){transform:translateY(58px)}.archive-section .journal-card figure{aspect-ratio:4/3;overflow:hidden}.archive-section .journal-card figure img{width:100%;height:100%;object-fit:cover}.archive-section .journal-card h2{font-family:var(--cl-serif);font-size:25px;font-weight:500}

.page-main .page-intro{padding:120px 0}.page-main .page-intro__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.page-main .page-intro h2{font-family:var(--cl-serif);font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.2}.page-main .page-hub{background:#eef1ec!important}.page-main .hub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.page-main .hub-card{grid-column:span 6;min-height:290px;border-radius:0;background:#fff;padding:32px}.page-main .hub-card:nth-child(3n+2){grid-column:span 4;margin-top:60px}.page-main .hub-card:nth-child(3n+3){grid-column:span 8}.page-main .hub-card h3{font-family:var(--cl-serif);font-size:30px;font-weight:500}

.bp-design .bp-section{opacity:1}.js .bp-design .bp-section{opacity:.01;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.72,.2,1)}.js .bp-design .bp-section.is-inview{opacity:1;transform:none}

@media(max-width:820px){
  .archive-main--case .archive-intro,.case-detail .case-hero .container,.case-detail .case-summary__grid,.page-main .page-intro__grid{grid-template-columns:1fr;gap:36px}.archive-main--case .archive-intro>p{padding-top:0}.archive-main--case .works-grid--archive,.archive-section .journal-grid,.page-main .hub-grid{grid-template-columns:1fr}.archive-main--case .works-grid--archive .work-card:nth-child(n),.archive-section .journal-card:nth-child(n),.page-main .hub-card:nth-child(n){grid-column:auto;transform:none;margin-top:0}.case-detail .case-hero__image{grid-column:1;grid-row:auto;aspect-ratio:4/3}.article-detail .article-header figure{margin:50px 0 0;aspect-ratio:4/3}.page-main .page-intro{padding:80px 0}
}

.home-editorial-rail{overflow:hidden;border-bottom:1px solid var(--cl-line);background:#f6f2ec;padding:14px 0;white-space:nowrap}.home-editorial-rail>div{width:max-content;display:flex;align-items:center;gap:26px;animation:clRail 32s linear infinite;font-size:9px;letter-spacing:.22em;color:#56675e}.home-editorial-rail i{font-style:normal;font-size:5px;color:#8ca092}@keyframes clRail{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.home-editorial-rail>div{animation:none}}

/* ========================================================================
   v1.7.0 — Route-specific art direction
   Clear Link keeps one brand system while each intent gets a different rhythm.
   ======================================================================== */
:root{
  --cl-accent:#315a49;
  --cl-accent-soft:#dfe9e3;
  --cl-warm-2:#eee5d8;
  --cl-charcoal:#202522;
  --cl-radius:2px;
}
.bp-design[data-page-path^="services/"] .bp-page-title,
.bp-design[data-page-path^="problems/"] .bp-page-title{border-bottom:0}
.bp-design .bp-signature{position:relative;overflow:hidden;padding:0 0 clamp(80px,10vw,160px);background:var(--cl-paper)}
.bp-design .bp-signature__frame{position:relative;min-height:clamp(560px,66vw,850px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:14px}
.bp-design .bp-signature__copy{grid-column:1/5;grid-row:2/6;z-index:5;padding:34px 24px 34px 0;align-self:center}
.bp-design .bp-signature__copy small{font-size:9px;letter-spacing:.2em;color:#738078;text-transform:uppercase}
.bp-design .bp-signature__copy h2{font-family:var(--cl-serif);font-weight:500;font-size:clamp(34px,4.4vw,64px);line-height:1.08;margin:25px 0 20px}
.bp-design .bp-signature__copy p{font-size:13px;line-height:2;color:#5c6660;max-width:35em}
.bp-design .bp-signature__visuals{display:contents}
.bp-design .bp-signature__image{margin:0;overflow:hidden;background:#e8ebe7;position:relative}
.bp-design .bp-signature__image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.bp-design .bp-signature__image:hover img{transform:scale(1.035)}
.bp-design .bp-signature__image--1{grid-column:5/13;grid-row:1/6}
.bp-design .bp-signature__image--2{grid-column:8/13;grid-row:6/9}
.bp-design .bp-signature__image--3{grid-column:5/8;grid-row:6/9}
.bp-design .bp-signature__image--4{display:none}
.bp-design .bp-signature__ornament{position:absolute;left:0;bottom:16px;display:flex;align-items:center;gap:18px;color:#78847d;font-size:8px;letter-spacing:.18em}
.bp-design .bp-signature__ornament span{font-size:30px;font-weight:300;color:#cbd2cd;letter-spacing:-.04em}
.bp-design .bp-signature__ornament i{width:72px;height:1px;background:#adb8b1}
.bp-design .bp-signature__ornament b{font-weight:500}

/* Signature modules — same brand, different page purpose. */
.bp-signature--panorama .bp-signature__frame{min-height:720px;display:block}
.bp-signature--panorama .bp-signature__copy{position:absolute;left:clamp(24px,6vw,100px);bottom:40px;width:min(500px,42vw);background:rgba(255,255,255,.9);padding:34px;z-index:6}
.bp-signature--panorama .bp-signature__image--1{display:block;position:absolute;inset:0 0 0 18%;}
.bp-signature--panorama .bp-signature__image--2{display:block;position:absolute;width:23%;height:35%;left:0;top:8%;border:12px solid var(--cl-paper)}
.bp-signature--panorama .bp-signature__image--3{display:none}

.bp-signature--mosaic .bp-signature__copy{grid-column:8/13;grid-row:2/5;padding-left:28px}
.bp-signature--mosaic .bp-signature__image--1{grid-column:1/8;grid-row:1/6}
.bp-signature--mosaic .bp-signature__image--2{grid-column:1/5;grid-row:6/9}
.bp-signature--mosaic .bp-signature__image--3{grid-column:5/9;grid-row:6/9}
.bp-signature--mosaic .bp-signature__image--4{display:block;grid-column:9/13;grid-row:5/9}

.bp-signature--swatches .bp-signature__frame{min-height:680px}
.bp-signature--swatches .bp-signature__copy{grid-column:1/6;grid-row:2/7}
.bp-signature--swatches .bp-signature__image{border-radius:999px 999px 0 0}
.bp-signature--swatches .bp-signature__image--1{grid-column:7/10;grid-row:1/8}
.bp-signature--swatches .bp-signature__image--2{grid-column:10/13;grid-row:2/7}
.bp-signature--swatches .bp-signature__image--3{grid-column:6/8;grid-row:5/9;border-radius:0}
.bp-signature--swatches .bp-signature__image img{filter:saturate(.82)}

.bp-signature--materials .bp-signature__copy{grid-column:1/5;grid-row:1/5}
.bp-signature--materials .bp-signature__image--1{grid-column:5/13;grid-row:1/5}
.bp-signature--materials .bp-signature__image--2{grid-column:7/13;grid-row:5/9}
.bp-signature--materials .bp-signature__image--3{grid-column:3/7;grid-row:5/9}
.bp-signature--materials .bp-signature__image--3 img{object-position:center bottom}

.bp-signature--duo .bp-signature__frame{grid-template-rows:repeat(6,1fr);min-height:650px}
.bp-signature--duo .bp-signature__copy{grid-column:5/9;grid-row:2/6;text-align:center;padding:24px;background:rgba(251,251,248,.94);z-index:6}
.bp-signature--duo .bp-signature__image--1{grid-column:1/7;grid-row:1/7}
.bp-signature--duo .bp-signature__image--2{grid-column:7/13;grid-row:1/7}
.bp-signature--duo .bp-signature__image--3{display:none}

.bp-signature--details .bp-signature__frame{min-height:760px}
.bp-signature--details .bp-signature__copy{grid-column:1/5;grid-row:2/7}
.bp-signature--details .bp-signature__image--1{grid-column:6/13;grid-row:1/5}
.bp-signature--details .bp-signature__image--2{grid-column:5/9;grid-row:5/9}
.bp-signature--details .bp-signature__image--3{grid-column:9/13;grid-row:5/9}

.bp-signature--plan .bp-signature__frame{min-height:700px;background-image:linear-gradient(rgba(49,90,73,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(49,90,73,.08) 1px,transparent 1px);background-size:42px 42px;padding:38px}
.bp-signature--plan .bp-signature__copy{grid-column:1/6;grid-row:2/7;background:rgba(251,251,248,.94);padding:34px}
.bp-signature--plan .bp-signature__image--1{grid-column:7/13;grid-row:1/7;transform:rotate(1.2deg);box-shadow:0 25px 70px rgba(31,45,38,.13)}
.bp-signature--plan .bp-signature__image--2{grid-column:5/8;grid-row:5/9;transform:rotate(-3deg);border:10px solid #fff;z-index:3}
.bp-signature--plan .bp-signature__image--3{display:none}

.bp-signature--comfort .bp-signature__frame{min-height:690px;background:#ede8df}
.bp-signature--comfort .bp-signature__copy{grid-column:1/6;grid-row:2/7;padding-left:40px}
.bp-signature--comfort .bp-signature__image--1{grid-column:6/13;grid-row:1/9;border-radius:48% 0 0 48%}
.bp-signature--comfort .bp-signature__image--2,.bp-signature--comfort .bp-signature__image--3{display:none}

.bp-signature--rail .bp-signature__frame{display:flex;min-height:0;gap:18px;align-items:flex-end;padding:32px 0 0}
.bp-signature--rail .bp-signature__copy{width:30%;min-width:300px;padding:42px 28px 42px 0}
.bp-signature--rail .bp-signature__visuals{display:flex;gap:18px;overflow:hidden;width:70%}
.bp-signature--rail .bp-signature__image{display:block;flex:0 0 45%;height:520px}
.bp-signature--rail .bp-signature__image:nth-child(even){height:430px}
.bp-signature--rail .bp-signature__ornament{display:none}

.bp-signature--kitchen .bp-signature__frame{min-height:760px}
.bp-signature--kitchen .bp-signature__copy{grid-column:1/5;grid-row:1/5}
.bp-signature--kitchen .bp-signature__image--1{grid-column:5/13;grid-row:1/6}
.bp-signature--kitchen .bp-signature__image--2{grid-column:8/13;grid-row:6/9}
.bp-signature--kitchen .bp-signature__image--3{grid-column:4/8;grid-row:5/9;border:14px solid var(--cl-paper);z-index:2}

.bp-signature--spa .bp-signature__frame{min-height:720px;background:#eef2f0;padding:30px}
.bp-signature--spa .bp-signature__copy{grid-column:1/6;grid-row:2/7}
.bp-signature--spa .bp-signature__image--1{grid-column:6/13;grid-row:1/8;border-radius:180px 180px 0 0}
.bp-signature--spa .bp-signature__image--2{grid-column:9/13;grid-row:6/9;border:10px solid #eef2f0;border-radius:0;z-index:3}
.bp-signature--spa .bp-signature__image--3{display:none}

.bp-signature--compact .bp-signature__frame{min-height:550px;grid-template-rows:repeat(5,1fr)}
.bp-signature--compact .bp-signature__copy{grid-column:1/6;grid-row:1/6;padding-right:60px}
.bp-signature--compact .bp-signature__image--1{grid-column:6/10;grid-row:1/6}
.bp-signature--compact .bp-signature__image--2{grid-column:10/13;grid-row:1/4}
.bp-signature--compact .bp-signature__image--3{grid-column:10/13;grid-row:4/6}

.bp-signature--morning .bp-signature__frame{min-height:680px;background:linear-gradient(120deg,#f6f2ec 0 36%,#fff 36%)}
.bp-signature--morning .bp-signature__copy{grid-column:1/5;grid-row:2/7;padding-left:36px}
.bp-signature--morning .bp-signature__image--1{grid-column:5/13;grid-row:1/7}
.bp-signature--morning .bp-signature__image--2{grid-column:8/11;grid-row:6/9;border:10px solid #fff;z-index:2}
.bp-signature--morning .bp-signature__image--3{grid-column:11/13;grid-row:7/9}

.bp-signature--technical .bp-signature__frame{min-height:680px;background:#202724;color:#fff}
.bp-signature--technical .bp-signature__copy{grid-column:1/5;grid-row:2/7;padding-left:42px}
.bp-signature--technical .bp-signature__copy small,.bp-signature--technical .bp-signature__copy p{color:#b8c3bd}
.bp-signature--technical .bp-signature__image--1{grid-column:5/13;grid-row:1/9}
.bp-signature--technical .bp-signature__image--2{grid-column:9/13;grid-row:6/9;border:8px solid #202724;z-index:3}
.bp-signature--technical .bp-signature__image--3{display:none}
.bp-signature--technical .bp-signature__ornament{color:#aeb9b3;left:36px}

.bp-signature--landscape .bp-signature__frame{min-height:780px}
.bp-signature--landscape .bp-signature__image--1{grid-column:1/13;grid-row:1/9}
.bp-signature--landscape .bp-signature__copy{grid-column:1/6;grid-row:5/9;background:rgba(250,249,244,.92);padding:38px;z-index:5}
.bp-signature--landscape .bp-signature__image--2,.bp-signature--landscape .bp-signature__image--3{display:none}

.bp-signature--story .bp-signature__frame{min-height:720px}
.bp-signature--story .bp-signature__copy{grid-column:7/13;grid-row:2/7;padding-left:48px}
.bp-signature--story .bp-signature__image--1{grid-column:1/8;grid-row:1/8;border-radius:0 160px 0 0}
.bp-signature--story .bp-signature__image--2{grid-column:5/8;grid-row:6/9;border:10px solid var(--cl-paper);z-index:3}
.bp-signature--story .bp-signature__image--3{display:none}

.bp-signature--menu .bp-signature__frame{min-height:620px;background:#f2f0ea;padding:30px}
.bp-signature--menu .bp-signature__copy{grid-column:1/5;grid-row:1/7;padding:30px}
.bp-signature--menu .bp-signature__image--1{grid-column:5/9;grid-row:1/5}
.bp-signature--menu .bp-signature__image--2{grid-column:9/13;grid-row:1/5}
.bp-signature--menu .bp-signature__image--3{grid-column:5/9;grid-row:5/9}
.bp-signature--menu .bp-signature__image--4{display:block;grid-column:9/13;grid-row:5/9}

.bp-signature--urban .bp-signature__frame{min-height:700px;background:#e9e9e6}
.bp-signature--urban .bp-signature__copy{grid-column:1/5;grid-row:2/7;padding-left:36px}
.bp-signature--urban .bp-signature__image--1{grid-column:5/13;grid-row:1/9;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.bp-signature--urban .bp-signature__image--2,.bp-signature--urban .bp-signature__image--3{display:none}

.bp-signature--commercial .bp-signature__frame{min-height:700px;background:#1e211f;color:#fff}
.bp-signature--commercial .bp-signature__copy{grid-column:8/13;grid-row:2/7;padding:34px}
.bp-signature--commercial .bp-signature__copy small,.bp-signature--commercial .bp-signature__copy p{color:#c6ccc8}
.bp-signature--commercial .bp-signature__image--1{grid-column:1/8;grid-row:1/9}
.bp-signature--commercial .bp-signature__image--2{grid-column:6/9;grid-row:6/9;border:10px solid #1e211f;z-index:3}
.bp-signature--commercial .bp-signature__image--3{display:none}

.bp-signature--portfolio .bp-signature__frame{min-height:850px}
.bp-signature--portfolio .bp-signature__copy{grid-column:1/5;grid-row:1/4}
.bp-signature--portfolio .bp-signature__image--1{grid-column:5/13;grid-row:1/5}
.bp-signature--portfolio .bp-signature__image--2{grid-column:1/7;grid-row:5/9}
.bp-signature--portfolio .bp-signature__image--3{grid-column:7/13;grid-row:5/9}

.bp-signature--diagnostic .bp-signature__frame{min-height:620px;background:#f0f4f1;padding:36px}
.bp-signature--diagnostic .bp-signature__copy{grid-column:1/6;grid-row:1/7;padding:32px}
.bp-signature--diagnostic .bp-signature__image--1{grid-column:6/13;grid-row:1/6}
.bp-signature--diagnostic .bp-signature__image--2{grid-column:8/13;grid-row:6/9}
.bp-signature--diagnostic .bp-signature__image--3{grid-column:6/8;grid-row:6/9;filter:grayscale(.45)}

.bp-signature--urgent .bp-signature__frame{min-height:650px;background:#252827;color:#fff;padding:32px}
.bp-signature--urgent .bp-signature__copy{grid-column:1/6;grid-row:2/7;padding:32px}
.bp-signature--urgent .bp-signature__copy small,.bp-signature--urgent .bp-signature__copy p{color:#bbc3bf}
.bp-signature--urgent .bp-signature__image--1{grid-column:6/13;grid-row:1/9;filter:saturate(.7)}
.bp-signature--urgent .bp-signature__image--2,.bp-signature--urgent .bp-signature__image--3{display:none}

.bp-signature--journey .bp-signature__frame{min-height:720px;background:#f5efe7;padding:32px}
.bp-signature--journey .bp-signature__copy{grid-column:1/5;grid-row:1/7;padding:32px}
.bp-signature--journey .bp-signature__image--1{grid-column:5/9;grid-row:1/8}
.bp-signature--journey .bp-signature__image--2{grid-column:9/13;grid-row:2/6}
.bp-signature--journey .bp-signature__image--3{grid-column:9/13;grid-row:6/9}

.bp-signature--ledger .bp-signature__frame{min-height:600px;background:#fff;border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}
.bp-signature--ledger .bp-signature__copy{grid-column:1/6;grid-row:1/7;padding:46px;border-right:1px solid var(--cl-line)}
.bp-signature--ledger .bp-signature__image--1{grid-column:6/13;grid-row:1/7}
.bp-signature--ledger .bp-signature__image--2,.bp-signature--ledger .bp-signature__image--3{display:none}

.bp-signature--timeline .bp-signature__frame{min-height:660px}
.bp-signature--timeline .bp-signature__copy{grid-column:1/5;grid-row:2/7}
.bp-signature--timeline .bp-signature__image--1{grid-column:5/13;grid-row:1/7}
.bp-signature--timeline .bp-signature__image--2{grid-column:5/9;grid-row:7/9}
.bp-signature--timeline .bp-signature__image--3{grid-column:9/13;grid-row:7/9}
.bp-signature--timeline:after{content:"10   15   20";position:absolute;right:6vw;bottom:38px;font-size:clamp(28px,5vw,70px);letter-spacing:.18em;color:rgba(49,90,73,.12);font-weight:300}

.bp-signature--wizard .bp-signature__frame{min-height:620px;background:#e9f0ec;padding:42px}
.bp-signature--wizard .bp-signature__copy{grid-column:1/7;grid-row:1/7;padding:38px;background:#fff}
.bp-signature--wizard .bp-signature__copy h2:before{content:"?";display:block;font-family:Arial,sans-serif;font-size:90px;line-height:.7;color:#d8e3dd;margin-bottom:28px}
.bp-signature--wizard .bp-signature__image--1{grid-column:7/13;grid-row:1/9;border-radius:0 0 0 140px}
.bp-signature--wizard .bp-signature__image--2,.bp-signature--wizard .bp-signature__image--3{display:none}

/* Unique hero treatments for all service routes. */
.bp-design--service-cinematic .bp-hero__copy{margin-left:auto;width:min(690px,52vw);background:rgba(25,34,29,.7);color:#fff}.bp-design--service-cinematic .bp-hero__copy p,.bp-design--service-cinematic .bp-hero__copy .bp-eyebrow{color:#e7ece9}.bp-design--service-cinematic .bp-hero__veil{background:linear-gradient(90deg,rgba(10,18,14,.05),rgba(10,18,14,.52))}
.bp-design--service-atlas .bp-hero__media{inset:8% 34% 8% 4%}.bp-design--service-atlas .bp-hero{background:#ece7df;min-height:760px}.bp-design--service-atlas .bp-hero__veil{display:none}.bp-design--service-atlas .bp-hero__copy{margin-left:auto;width:39%;background:transparent;box-shadow:none;backdrop-filter:none;padding-right:0}
.bp-design--service-swatch .bp-hero__media{left:48%}.bp-design--service-swatch .bp-hero{background:#f4efe6;min-height:720px}.bp-design--service-swatch .bp-hero__veil{display:none}.bp-design--service-swatch .bp-hero__copy{width:44%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}
.bp-design--service-material .bp-hero__copy{width:min(620px,44vw);background:#fff}.bp-design--service-material .bp-hero__secondary{display:block;right:5vw;bottom:-60px;width:260px;height:340px;border:12px solid var(--cl-paper);z-index:1}
.bp-design--service-transform .bp-hero__media{right:50%}.bp-design--service-transform .bp-hero__secondary{display:block;inset:0 0 0 50%;z-index:-2;box-shadow:none}.bp-design--service-transform .bp-hero__veil{background:linear-gradient(90deg,rgba(15,22,18,.45),rgba(15,22,18,.08) 48%,rgba(15,22,18,.2))}.bp-design--service-transform .bp-hero__copy{margin:0 auto;width:min(640px,54vw);text-align:center}
.bp-design--service-detail .bp-hero{min-height:620px}.bp-design--service-detail .bp-hero__copy{width:min(560px,43vw);margin-left:4vw}.bp-design--service-detail .bp-hero__secondary{display:block;right:6vw;bottom:0;width:280px;height:42%;z-index:1;border:12px solid rgba(255,255,255,.8)}
.bp-design--service-plan .bp-hero{background:#f1f3ef;min-height:730px;background-image:linear-gradient(rgba(49,90,73,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,90,73,.055) 1px,transparent 1px);background-size:44px 44px}.bp-design--service-plan .bp-hero__media{inset:80px 5vw 80px 52%;z-index:-1}.bp-design--service-plan .bp-hero__veil{display:none}.bp-design--service-plan .bp-hero__copy{width:46%;background:rgba(255,255,255,.82);box-shadow:none}
.bp-design--service-comfort .bp-hero__copy{background:rgba(250,247,239,.92);margin-left:auto}.bp-design--service-comfort .bp-hero__veil{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.38))}
.bp-design--service-water .bp-hero__copy{width:min(640px,48vw);margin-left:auto;background:rgba(240,246,243,.92)}
.bp-design--service-kitchen .bp-hero{min-height:800px}.bp-design--service-kitchen .bp-hero__copy{position:absolute;left:7vw;bottom:35px;width:min(620px,46vw)}.bp-design--service-kitchen .bp-hero__secondary{display:block;right:4vw;top:5vw;width:250px;height:210px;z-index:1;border:10px solid #fff}
.bp-design--service-spa .bp-hero{min-height:760px}.bp-design--service-spa .bp-hero__copy{margin-left:auto;width:min(590px,45vw);border-radius:180px 0 0 0;padding:64px 45px 44px}
.bp-design--service-compact .bp-hero{min-height:590px}.bp-design--service-compact .bp-hero__media{left:44%}.bp-design--service-compact .bp-hero__veil{background:linear-gradient(90deg,#f5f2ec 0 44%,transparent 44%)}.bp-design--service-compact .bp-hero__copy{width:40%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}
.bp-design--service-morning .bp-hero__copy{width:min(600px,43vw);background:rgba(255,252,246,.94)}.bp-design--service-morning .bp-hero__veil{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(21,29,25,.18))}
.bp-design--service-technical .bp-hero__copy{background:rgba(22,28,25,.8);color:#fff}.bp-design--service-technical .bp-hero__copy p,.bp-design--service-technical .bp-hero__copy .bp-eyebrow{color:#d4ddd8}.bp-design--service-technical .bp-hero__veil{background:linear-gradient(90deg,rgba(10,15,12,.1),rgba(10,15,12,.52))}
.bp-design--service-landscape .bp-hero__copy{position:absolute;left:7vw;bottom:-62px}.bp-design--service-landscape .bp-breadcrumb-wrap{padding-top:90px}
.bp-design--service-life .bp-hero__copy{margin-left:auto;background:rgba(255,255,255,.94)}
.bp-design--service-menu .bp-hero{min-height:610px;background:#eaece8}.bp-design--service-menu .bp-hero__media{inset:40px 4vw 40px 54%;z-index:-1}.bp-design--service-menu .bp-hero__veil{display:none}.bp-design--service-menu .bp-hero__copy{width:48%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}
.bp-design--service-renewal .bp-hero__media{right:50%}.bp-design--service-renewal .bp-hero__secondary{display:block;left:50%;right:0;top:0;bottom:0;z-index:-2;box-shadow:none}.bp-design--service-renewal .bp-hero__copy{margin:0 auto;text-align:center}
.bp-design--service-urban .bp-hero__copy{margin-left:auto;width:min(600px,43vw);background:rgba(241,242,239,.93)}
.bp-design--service-commercial .bp-hero__copy{width:min(600px,44vw);background:#202421;color:#fff}.bp-design--service-commercial .bp-hero__copy p,.bp-design--service-commercial .bp-hero__copy .bp-eyebrow{color:#cfd6d2}
.bp-design--service-portfolio .bp-hero{min-height:88vh}.bp-design--service-portfolio .bp-hero__copy{position:absolute;left:5vw;bottom:5vw;background:rgba(255,255,255,.88);width:min(650px,48vw)}

/* Problem pages use diagnosis / life-stage language rather than service-sales language. */
.bp-design--problem-surface .bp-hero,.bp-design--problem-underfoot .bp-hero,.bp-design--problem-safety .bp-hero{min-height:620px}.bp-design--problem-surface .bp-hero__copy,.bp-design--problem-underfoot .bp-hero__copy,.bp-design--problem-safety .bp-hero__copy{width:min(600px,44vw);margin-left:auto;background:#fff}
.bp-design--problem-water .bp-hero__copy{background:rgba(240,247,244,.94)}
.bp-design--problem-weather .bp-hero__copy,.bp-design--problem-urgent .bp-hero__copy{background:#252b28;color:#fff}.bp-design--problem-weather .bp-hero__copy p,.bp-design--problem-weather .bp-hero__copy .bp-eyebrow,.bp-design--problem-urgent .bp-hero__copy p,.bp-design--problem-urgent .bp-hero__copy .bp-eyebrow{color:#d7dfdb}
.bp-design--problem-urgent .bp-hero__veil{background:linear-gradient(90deg,rgba(18,22,20,.2),rgba(18,22,20,.62))}
.bp-design--problem-plan .bp-hero{background:#f3f3ef;background-image:linear-gradient(rgba(49,90,73,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,90,73,.055) 1px,transparent 1px);background-size:42px 42px}.bp-design--problem-plan .bp-hero__media{inset:80px 5vw 80px 52%;z-index:-1}.bp-design--problem-plan .bp-hero__veil{display:none}.bp-design--problem-plan .bp-hero__copy{width:46%;background:rgba(255,255,255,.88);box-shadow:none}
.bp-design--problem-japanese .bp-hero__copy{margin-left:auto;background:rgba(245,239,225,.94)}
.bp-design--problem-growth .bp-hero__copy,.bp-design--problem-family .bp-hero__copy{background:rgba(255,253,248,.94)}.bp-design--problem-growth .bp-hero__copy{margin-left:auto}
.bp-design--problem-purchase .bp-hero__copy{width:min(620px,45vw);background:rgba(247,242,233,.94)}
.bp-design--problem-value .bp-hero{min-height:600px}.bp-design--problem-value .bp-hero__copy{width:min(590px,45vw);margin-left:auto;background:#fff}
.bp-design--problem-timeline .bp-hero__copy{background:rgba(246,244,237,.94)}
.bp-design--problem-quick .bp-hero{min-height:570px}.bp-design--problem-quick .bp-hero__copy{width:min(560px,42vw);background:#fff}
.bp-design--problem-wizard .bp-hero{background:#e8f0eb;min-height:660px}.bp-design--problem-wizard .bp-hero__media{left:55%;z-index:-1}.bp-design--problem-wizard .bp-hero__veil{display:none}.bp-design--problem-wizard .bp-hero__copy{width:50%;background:transparent;box-shadow:none;backdrop-filter:none;padding-left:0}.bp-design--problem-wizard .bp-hero__copy h1:before{content:"?";display:block;font-family:Arial,sans-serif;font-size:90px;color:#bed0c6;line-height:.7;margin-bottom:30px}

/* Section rhythm changes by route family. */
.bp-design--service-kitchen .bp-feature-grid,.bp-design--service-spa .bp-feature-grid,.bp-design--service-portfolio .bp-feature-grid{gap:16px;border:0}.bp-design--service-kitchen .bp-feature-grid article,.bp-design--service-spa .bp-feature-grid article,.bp-design--service-portfolio .bp-feature-grid article{border:0;background:#fff;min-height:260px}
.bp-design--service-technical .bp-section:nth-of-type(odd),.bp-design--problem-weather .bp-section:nth-of-type(odd),.bp-design--problem-urgent .bp-section:nth-of-type(odd){background:#232a26;color:#fff}.bp-design--service-technical .bp-section:nth-of-type(odd) p,.bp-design--problem-weather .bp-section:nth-of-type(odd) p,.bp-design--problem-urgent .bp-section:nth-of-type(odd) p{color:#c8d0cb}
.bp-design--service-menu .bp-feature-grid,.bp-design--problem-quick .bp-feature-grid{grid-template-columns:repeat(3,1fr)}.bp-design--service-menu .bp-feature-grid article:nth-child(2n),.bp-design--problem-quick .bp-feature-grid article:nth-child(2n){border-right:1px solid var(--cl-line)}.bp-design--service-menu .bp-feature-grid article:nth-child(3n),.bp-design--problem-quick .bp-feature-grid article:nth-child(3n){border-right:0}
.bp-design--service-life .bp-section__layout,.bp-design--problem-growth .bp-section__layout,.bp-design--problem-family .bp-section__layout,.bp-design--problem-japanese .bp-section__layout{grid-template-columns:1fr 1fr;grid-template-areas:"media head" "media grid"}.bp-design--service-life .bp-section--even .bp-section__layout,.bp-design--problem-growth .bp-section--even .bp-section__layout,.bp-design--problem-family .bp-section--even .bp-section__layout,.bp-design--problem-japanese .bp-section--even .bp-section__layout{grid-template-areas:"head media" "grid media"}.bp-design--service-life .bp-section__media,.bp-design--problem-growth .bp-section__media,.bp-design--problem-family .bp-section__media,.bp-design--problem-japanese .bp-section__media{aspect-ratio:4/5;max-height:none;margin:0}
.bp-design--problem-timeline .bp-feature-grid--symptoms{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0;gap:16px}.bp-design--problem-timeline .bp-feature-grid--symptoms article{min-width:min(360px,80vw);scroll-snap-align:start;border:1px solid var(--cl-line);background:#fff}
.bp-design--problem-wizard .bp-feature-grid--symptoms{grid-template-columns:1fr}.bp-design--problem-wizard .bp-feature-grid--symptoms article{min-height:130px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;border-right:0}.bp-design--problem-wizard .bp-feature-grid--symptoms article h3{margin:0}.bp-design--problem-wizard .bp-feature-grid--symptoms article>span{position:static}
.bp-design--service-swatch .bp-card,.bp-design--service-material .bp-card{border-radius:30px 30px 2px 2px}.bp-design--service-commercial .bp-section:nth-of-type(3n+1){background:#202421;color:#fff}.bp-design--service-commercial .bp-section:nth-of-type(3n+1) p{color:#c5ccc8}

/* Archive / editorial systems */
.archive-main--case,.archive-main--column,.archive-main--column-category,.article-detail,.case-detail{background:var(--cl-paper)}
.archive-main--case .archive-visual-hero,.archive-main--column .archive-visual-hero,.archive-main--column-category .archive-visual-hero{min-height:520px;display:flex;align-items:flex-end;padding:90px 0 68px;background:#243129;color:#fff;position:relative;overflow:hidden}
.archive-main--case .archive-visual-hero:after,.archive-main--column .archive-visual-hero:after{content:"";position:absolute;inset:0 0 0 55%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.06));transform:skewX(-15deg)}
.archive-visual-hero .container-wide{position:relative;z-index:2}.archive-visual-hero .bp-eyebrow{font-size:10px;letter-spacing:.2em}.archive-visual-hero h1{font-family:var(--cl-serif);font-size:clamp(56px,9vw,130px);font-weight:400;line-height:.9;margin:25px 0}.archive-visual-hero p:last-child{max-width:620px;line-height:2;color:#dbe3de}
.archive-main--column .archive-visual-hero{background:#ece7df;color:var(--cl-ink)}.archive-main--column .archive-visual-hero p:last-child{color:#59645e}
.archive-intro{display:grid;grid-template-columns:.5fr 1.35fr;gap:50px 80px;margin-bottom:80px}.archive-intro .section-kicker{grid-column:1}.archive-intro h2{grid-column:2;font-family:var(--cl-serif);font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1.12;margin:0}.archive-intro>p:last-child{grid-column:2;max-width:700px;line-height:2;color:#5c6660}

.works-grid--archive{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:20px 22px!important}.works-grid--archive .work-card{grid-column:span 5;display:block!important;background:transparent!important;border:0!important;text-decoration:none;color:inherit}.works-grid--archive .work-card:nth-child(5n+1){grid-column:span 7}.works-grid--archive .work-card:nth-child(5n+2){grid-column:span 5;margin-top:100px}.works-grid--archive .work-card:nth-child(5n+3){grid-column:span 4}.works-grid--archive .work-card:nth-child(5n+4){grid-column:span 8}.works-grid--archive .work-card:nth-child(5n){grid-column:span 5;margin-left:7vw}.works-grid--archive .work-card figure{margin:0;aspect-ratio:1.36;overflow:hidden;background:#e5e8e4}.works-grid--archive .work-card:nth-child(5n+1) figure{aspect-ratio:1.62}.works-grid--archive .work-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.works-grid--archive .work-card:hover figure img{transform:scale(1.035)}.works-grid--archive .work-card>div{padding:18px 4px 45px}.works-grid--archive .work-card small{font-size:9px;letter-spacing:.16em;color:#748078}.works-grid--archive .work-card h2{font-family:var(--cl-serif);font-size:clamp(22px,2.7vw,36px);font-weight:500;margin:12px 0}.works-grid--archive .work-card p{font-size:12px;line-height:1.85;color:#626c66}.works-grid--archive .work-card span{display:inline-block;margin-top:13px}

.journal-grid--archive{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:22px!important}.journal-grid--archive .journal-card{grid-column:span 4;background:transparent!important;border:0!important;padding:0!important}.journal-grid--archive .journal-card:first-child{grid-column:span 8;grid-row:span 2}.journal-grid--archive .journal-card:nth-child(2){grid-column:span 4;margin-top:80px}.journal-grid--archive .journal-card:nth-child(5n){grid-column:span 8}.journal-grid--archive .journal-card figure{aspect-ratio:1.55;overflow:hidden;margin:0 0 18px}.journal-grid--archive .journal-card:first-child figure{aspect-ratio:1.62}.journal-grid--archive .journal-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.journal-grid--archive .journal-card:hover figure img{transform:scale(1.03)}.journal-grid--archive .journal-card small{font-size:9px;letter-spacing:.15em;color:#75817a}.journal-grid--archive .journal-card h2{font-family:var(--cl-serif);font-size:clamp(21px,2.4vw,34px);font-weight:500;line-height:1.4;margin:12px 0}.journal-grid--archive .journal-card p{font-size:12px;line-height:1.85;color:#616b65}.journal-grid--archive .journal-card span{display:inline-block;margin-top:12px}

/* Works filters */
.works-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 55px;padding-bottom:22px;border-bottom:1px solid var(--cl-line)}.works-filter a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--cl-line);font-size:10px;letter-spacing:.08em;color:inherit;text-decoration:none;background:#fff;transition:.25s}.works-filter a:hover,.works-filter a.is-current{background:var(--cl-deep);color:#fff;border-color:var(--cl-deep)}

/* Case detail as a project story. */
.case-detail .case-hero{padding:0!important}.case-detail .case-hero .container{max-width:none;padding:0}.case-detail .case-hero__head{padding:clamp(100px,11vw,170px) max(5vw,24px) 52px;display:grid;grid-template-columns:.55fr 1.5fr;gap:50px}.case-detail .case-hero__head h1{font-family:var(--cl-serif);font-size:clamp(44px,7vw,96px);font-weight:500;line-height:1.08;margin:0}.case-detail .case-hero__image{height:min(78vh,820px);margin:0;overflow:hidden}.case-detail .case-hero__image img{width:100%;height:100%;object-fit:cover}.case-detail .case-summary{padding-top:70px}.case-detail .case-data{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--cl-line);border-left:1px solid var(--cl-line);margin:0 0 90px}.case-detail .case-data div{padding:24px;border-right:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line)}.case-detail .case-data dt{font-size:9px;letter-spacing:.12em;color:#748078}.case-detail .case-data dd{font-family:var(--cl-serif);font-size:18px;margin:14px 0 0}.case-detail .case-story{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px}.case-detail .case-story h2{font-family:var(--cl-serif);font-size:clamp(34px,4.5vw,62px);font-weight:500;line-height:1.2;margin:0}.case-detail .case-story__body{font-size:14px;line-height:2}.case-detail .case-story__reason{padding:32px;border-left:3px solid var(--cl-accent);background:#eef3ef;margin-bottom:40px}

/* Article detail becomes a readable editorial document. */
.article-detail .article-header{padding:clamp(105px,12vw,170px) 0 0;background:#f0ece4}.article-detail .article-header .container-narrow{max-width:1120px}.article-detail .article-header__meta{display:flex;gap:22px;align-items:center;font-size:10px;letter-spacing:.14em;color:#6d7972}.article-detail .article-header h1{font-family:var(--cl-serif);font-size:clamp(42px,6vw,82px);font-weight:500;line-height:1.16;margin:28px 0 45px;max-width:13em}.article-detail .article-header figure{margin:50px 0 0;height:min(66vh,720px);overflow:hidden}.article-detail .article-header figure img{width:100%;height:100%;object-fit:cover}.article-detail .article-body{padding-top:90px}.article-detail .article-body__layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:center}.article-detail .article-aside{position:sticky;top:130px;align-self:start;border-top:1px solid var(--cl-line);padding-top:18px;font-size:10px;line-height:1.9;color:#69756e}.article-detail .entry-content{font-size:15px;line-height:2.1}.article-detail .entry-content h2{font-family:var(--cl-serif);font-size:clamp(30px,4vw,45px);font-weight:500;line-height:1.4;margin-top:2.2em}.article-detail .entry-content h3{font-size:23px;line-height:1.6;margin-top:2em}.article-detail .entry-content img{border-radius:0}

/* Header / footer refinements */
.site-header{transition:background .35s ease,box-shadow .35s ease,color .35s ease}.site-header__top{min-height:86px}.brand__word b{font-size:25px;letter-spacing:.02em}.brand__word small{letter-spacing:.18em}.site-header__bottom{border-top:1px solid rgba(40,52,46,.09)}.primary-nav>ul>li>a,.primary-nav>a{font-size:11px;letter-spacing:.04em}.header-action{min-width:154px}.header-action small{font-size:8px;letter-spacing:.15em}.header-action span{font-size:10px}.site-header--solid{background:rgba(253,253,250,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.footer-cta{background:#eff3ef;padding:clamp(80px,9vw,140px) 0}.footer-cta__intro{display:grid;grid-template-columns:.45fr 1.15fr .8fr;gap:45px;align-items:end}.footer-cta__intro h2{font-family:var(--cl-serif);font-size:clamp(40px,5.5vw,72px);font-weight:500;line-height:1.15;margin:0}.footer-cta__intro>p:last-child{line-height:2;color:#5b6760}.footer-cta__grid{margin-top:65px}.site-footer{background:#1d2621;color:#e9efeb}.footer-map h3{color:#8da097;letter-spacing:.15em}.footer-subnav a{color:#aab7b0}.site-footer__bottom{border-top-color:rgba(255,255,255,.12)}

/* Search + 404 are intentionally different from normal content pages. */
.search-results .search-result{padding:36px 0;border-bottom:1px solid var(--cl-line);display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:start}.search-results .search-result small{font-size:9px;letter-spacing:.14em;color:#78847d}.search-results .search-result h2{font-family:var(--cl-serif);font-weight:500;margin:0}.search-results .search-result p{grid-column:2;line-height:1.9;color:#606b64}.search-results .search-result .arrow-link{grid-column:3;grid-row:1/3}
.error-page{background:#eaf0ec;min-height:78vh;display:flex;align-items:center}.error-page__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.error-page strong{font-size:clamp(120px,20vw,310px);font-weight:200;line-height:.75;color:#b7c8be;letter-spacing:-.08em}.error-page h1{font-family:var(--cl-serif);font-size:clamp(40px,5vw,68px);font-weight:500}.error-links{display:grid;grid-template-columns:repeat(2,1fr);margin-top:35px;border-top:1px solid rgba(49,90,73,.25);border-left:1px solid rgba(49,90,73,.25)}.error-links a{padding:20px;border-right:1px solid rgba(49,90,73,.25);border-bottom:1px solid rgba(49,90,73,.25);text-decoration:none;color:inherit}

@media (max-width:1100px){
  .bp-design .bp-signature__frame{min-height:620px}.bp-design .bp-signature__copy{grid-column:1/6}.bp-signature--rail .bp-signature__copy{width:34%}.bp-signature--rail .bp-signature__visuals{width:66%}.bp-signature--rail .bp-signature__image{height:440px}
  .works-grid--archive .work-card:nth-child(n){margin-left:0}.footer-cta__intro{grid-template-columns:1fr 1.4fr}.footer-cta__intro>p:last-child{grid-column:2}
}
@media (max-width:820px){
  .bp-design .bp-signature{padding-bottom:80px}.bp-design .bp-signature__frame,.bp-signature--plan .bp-signature__frame,.bp-signature--spa .bp-signature__frame,.bp-signature--technical .bp-signature__frame,.bp-signature--menu .bp-signature__frame,.bp-signature--journey .bp-signature__frame,.bp-signature--wizard .bp-signature__frame{display:block;min-height:0;padding:0 20px;background-image:none}.bp-design .bp-signature__copy{width:auto!important;padding:35px 0!important;text-align:left!important;background:transparent!important;color:var(--cl-ink)!important}.bp-design .bp-signature__copy small,.bp-design .bp-signature__copy p{color:#5c6660!important}.bp-design .bp-signature__image{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;clip-path:none!important;border:0!important;border-radius:0!important;margin:0 0 14px!important}.bp-design .bp-signature__image img{aspect-ratio:1.45;height:auto}.bp-design .bp-signature__image--2,.bp-design .bp-signature__image--3{width:calc(50% - 7px)!important;display:inline-block!important;vertical-align:top}.bp-design .bp-signature__image--2{margin-right:10px!important}.bp-design .bp-signature__image--4{display:none!important}.bp-signature--rail .bp-signature__visuals{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory}.bp-signature--rail .bp-signature__image{flex:0 0 82%!important;height:auto!important;scroll-snap-align:start}.bp-signature--landscape .bp-signature__image--2,.bp-signature--landscape .bp-signature__image--3,.bp-signature--urgent .bp-signature__image--2,.bp-signature--urgent .bp-signature__image--3,.bp-signature--wizard .bp-signature__image--2,.bp-signature--wizard .bp-signature__image--3{display:none!important}.bp-design .bp-signature__ornament{display:none}
  .bp-design--service-cinematic .bp-hero__copy,.bp-design--service-commercial .bp-hero__copy,.bp-design--service-technical .bp-hero__copy,.bp-design--problem-weather .bp-hero__copy,.bp-design--problem-urgent .bp-hero__copy{color:var(--cl-ink);background:rgba(255,255,255,.92)}.bp-design--service-cinematic .bp-hero__copy p,.bp-design--service-cinematic .bp-hero__copy .bp-eyebrow,.bp-design--service-commercial .bp-hero__copy p,.bp-design--service-commercial .bp-hero__copy .bp-eyebrow,.bp-design--service-technical .bp-hero__copy p,.bp-design--service-technical .bp-hero__copy .bp-eyebrow,.bp-design--problem-weather .bp-hero__copy p,.bp-design--problem-weather .bp-hero__copy .bp-eyebrow,.bp-design--problem-urgent .bp-hero__copy p,.bp-design--problem-urgent .bp-hero__copy .bp-eyebrow{color:#56615b}
  .bp-design--service-atlas .bp-hero__media,.bp-design--service-swatch .bp-hero__media,.bp-design--service-plan .bp-hero__media,.bp-design--service-compact .bp-hero__media,.bp-design--service-menu .bp-hero__media,.bp-design--problem-plan .bp-hero__media,.bp-design--problem-wizard .bp-hero__media{inset:0!important;left:0!important}.bp-design--service-atlas .bp-hero__veil,.bp-design--service-swatch .bp-hero__veil,.bp-design--service-plan .bp-hero__veil,.bp-design--service-compact .bp-hero__veil,.bp-design--service-menu .bp-hero__veil,.bp-design--problem-plan .bp-hero__veil,.bp-design--problem-wizard .bp-hero__veil{display:block;background:linear-gradient(180deg,rgba(20,28,24,.05),rgba(20,28,24,.48))}.bp-design--service-atlas .bp-hero__copy,.bp-design--service-swatch .bp-hero__copy,.bp-design--service-plan .bp-hero__copy,.bp-design--service-compact .bp-hero__copy,.bp-design--service-menu .bp-hero__copy,.bp-design--problem-plan .bp-hero__copy,.bp-design--problem-wizard .bp-hero__copy{width:auto;background:rgba(255,255,255,.92);padding:28px;box-shadow:none}
  .bp-design--service-life .bp-section__layout,.bp-design--problem-growth .bp-section__layout,.bp-design--problem-family .bp-section__layout,.bp-design--problem-japanese .bp-section__layout{grid-template-columns:1fr;grid-template-areas:"head" "media" "grid"}.bp-design--service-life .bp-section--even .bp-section__layout,.bp-design--problem-growth .bp-section--even .bp-section__layout,.bp-design--problem-family .bp-section--even .bp-section__layout,.bp-design--problem-japanese .bp-section--even .bp-section__layout{grid-template-areas:"head" "media" "grid"}
  .bp-design--service-menu .bp-feature-grid,.bp-design--problem-quick .bp-feature-grid{grid-template-columns:1fr 1fr}
  .works-grid--archive,.journal-grid--archive{grid-template-columns:1fr!important}.works-grid--archive .work-card:nth-child(n),.journal-grid--archive .journal-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;margin:0!important}.archive-intro{grid-template-columns:1fr;gap:20px}.archive-intro .section-kicker,.archive-intro h2,.archive-intro>p:last-child{grid-column:auto}.case-detail .case-hero__head{grid-template-columns:1fr}.case-detail .case-data{grid-template-columns:1fr 1fr}.case-detail .case-story{grid-template-columns:1fr}.article-detail .article-body__layout{grid-template-columns:1fr}.article-detail .article-aside{position:static;border-bottom:1px solid var(--cl-line);padding-bottom:18px}.footer-cta__intro{grid-template-columns:1fr}.footer-cta__intro>p:last-child{grid-column:auto}.search-results .search-result{grid-template-columns:1fr}.search-results .search-result p,.search-results .search-result .arrow-link{grid-column:auto;grid-row:auto}.error-page__grid{grid-template-columns:1fr}
}
@media (max-width:540px){
  .bp-design--service-menu .bp-feature-grid,.bp-design--problem-quick .bp-feature-grid{grid-template-columns:1fr}.bp-design--service-menu .bp-feature-grid article,.bp-design--problem-quick .bp-feature-grid article{border-right:0!important}.case-detail .case-data{grid-template-columns:1fr}.error-links{grid-template-columns:1fr}.bp-design .bp-signature__image--2,.bp-design .bp-signature__image--3{width:100%!important;display:block!important;margin-right:0!important}.archive-visual-hero h1{font-size:52px}
}