/* css/csr-b.css */
.cb-band{position:relative;background:var(--steel);color:var(--white);padding:clamp(72px,10vw,150px) clamp(18px,3vw,44px) clamp(48px,7vw,100px);--px: calc(var(--pad) - 6px);--py: 14px}.cb-band .plus{color:var(--white)}.cb-band{overflow:hidden;isolation:isolate}.cb-band:before{content:"";position:absolute;z-index:-1;right:-6vw;top:50%;width:min(62vw,980px);aspect-ratio:4 / 3;transform:translateY(-50%);background:url(../assets/brand/plan-lines.webp) center / contain no-repeat;filter:brightness(0) invert(1);opacity:.13}.cb-band__in{max-width:var(--max);margin-inline:auto;display:grid;gap:var(--space-block)}.cb-band__h{font-family:var(--display);font-weight:var(--fw-regular);font-size:clamp(3.4rem,11vw,10rem);line-height:.9;letter-spacing:-.04em;color:var(--white)}.cb-band__h .light{font-weight:var(--fw-thin)}.cb-band__q{max-width:none}.cb-band__q p{max-width:17em;font-family:var(--display);font-weight:var(--fw-light);font-size:clamp(1.7rem,3.6vw,3.4rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.cb-band__q footer{margin-top:18px;color:#d6e4ec}.cb-band__nav{display:flex;flex-wrap:wrap;gap:10px}.cb-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-pill);color:var(--white);text-decoration:none;font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label-dense);text-transform:uppercase;transition:background .4s var(--ease),color .3s}.cb-chip:hover{background:var(--white);color:var(--steel)}.cb-band :focus-visible{outline-color:var(--white)}.cb-panels{padding:clamp(40px,6vw,88px) var(--pad) clamp(72px,9vw,140px)}.cb-grid{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-grid);align-items:start}.cb-panel{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--hair);--px: -6px;--py: -6px;scroll-margin-top:calc(var(--nav-h) + 16px)}.cb-panel.is-open{grid-column:1 / -1;background:var(--ground);border-color:var(--hair-strong)}.cb-cover{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--wash)}.cb-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.cb-panel:hover .cb-cover img{transform:scale(1.03)}.cb-cover--type{background:var(--wash);display:grid;align-items:end;padding:clamp(18px,2vw,30px)}.cb-cover--type .cb-plan{object-fit:contain;opacity:.5;padding:6%;transition:none}.cb-panel:hover .cb-cover--type .cb-plan{transform:none}.cb-words{position:relative;font-family:var(--display);font-weight:var(--fw-thin);font-size:clamp(2.2rem,4.2vw,4rem);line-height:.95;letter-spacing:-.03em;color:var(--steel)}.cb-main{display:grid;gap:14px;align-content:start;padding:clamp(20px,2.4vw,34px)}.cb-title{font-size:clamp(1.7rem,2.6vw,2.6rem)}.cb-heading{color:var(--teal);max-width:34ch}.cb-teaser p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink);max-width:56ch;text-wrap:pretty}.cb-toggle{justify-self:start;margin-top:6px}.cb-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;transition:transform .5s var(--ease)}.cb-toggle:hover svg{transform:translate(4px)}.cb-panel.is-open .cb-toggle svg{display:none}.cb-panel.is-open{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"cover main" "more more"}.cb-panel.is-open .cb-cover{grid-area:cover;aspect-ratio:auto;min-height:320px}.cb-panel.is-open .cb-title{font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:.98}.cb-panel.is-open .cb-main{grid-area:main;align-content:center}.cb-panel.is-open .cb-teaser{display:none}.cb-more{grid-area:more;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);padding:clamp(20px,3vw,48px);border-top:1px solid var(--hair);position:relative}.cb-more[hidden]{display:none}.cb-more__text{max-width:var(--measure)}.cb-more__text p{margin:0}.cb-more__text p+p{margin-top:1em}.cb-more__text .cb-first{font-family:var(--display);font-weight:var(--fw-light);font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.4;color:var(--steel)}.cb-panel--text .cb-more{grid-template-columns:1fr}.cb-panel--text .cb-more__text{max-width:none;columns:2 24rem;column-gap:clamp(24px,4vw,64px)}.cb-panel--text .cb-more__text p{break-inside:avoid}.cb-lc{font-variant-caps:all-small-caps;letter-spacing:.03em;font-size:1.14em;line-height:1.55}.cb-lc p{text-wrap:pretty}.cb-slider{min-width:0}.cb-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--paper)}.cb-track::-webkit-scrollbar{display:none}.cb-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:3 / 2}.cb-slide img{width:100%;height:100%;object-fit:cover}.cb-slider__ctl{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:12px}.cb-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}.cb-close{position:static;grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--steel)}.cb-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}.cb-close:hover{color:var(--teal)}@media(max-width:1140px){.cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-panel:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:900px){.cb-panel.is-open{grid-template-columns:1fr;grid-template-areas:"cover" "main" "more"}.cb-panel.is-open .cb-cover{min-height:0;aspect-ratio:16 / 9}.cb-more{grid-template-columns:1fr}}@media(max-width:700px){.cb-grid{grid-template-columns:1fr}.cb-band__q{max-width:none}}@media(prefers-reduced-motion:reduce){.cb-cover img{transition:none}.cb-panel:hover .cb-cover img{transform:none}}
