.home-panels{--home-panel-ease-duration:.72s;--home-panel-ease:cubic-bezier(.65, 0, .35, 1);--home-panel-strip:7.2rem;--home-panel-gutter:.55rem;--home-panel-fill:calc(100% - var(--home-panel-count,4) * var(--home-panel-strip) - var(--home-panel-count,4) * var(--home-panel-gutter));background:var(--public-color-surface-paper);color:var(--public-color-text-primary);padding:clamp(3rem,6vw,5.5rem) 0;overflow:clip}.home-panels__row{align-items:stretch;width:100%;height:clamp(30rem,56vw,50rem);display:flex}.home-panels__intro{flex:1 1 var(--home-panel-fill);border-radius:var(--rask-public-radius-panel);background:var(--surface-card-tertiary);min-width:0;transition:flex-basis var(--home-panel-ease-duration) var(--home-panel-ease), padding var(--home-panel-ease-duration) var(--home-panel-ease);flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:clamp(2rem,4vw,3.5rem);display:flex;overflow:hidden}.home-panels__row:has(.home-panel:hover) .home-panels__intro,.home-panels__row:has(.home-panel:focus-within) .home-panels__intro{flex:0 0 var(--home-panel-strip);padding-inline:0}.home-panels__row:has(.home-panel:hover) .home-panels__intro>*,.home-panels__row:has(.home-panel:focus-within) .home-panels__intro>*{opacity:0;transition:opacity .18s}.home-panels__intro>*{transition:opacity .32s .22s}.home-panels__kicker{border:1px solid var(--public-color-text-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--public-text-body-size);line-height:var(--public-text-body-lh);color:var(--public-color-text-primary);margin:0;padding:.35rem 1rem}.home-panels__title{max-width:14ch;color:var(--public-color-text-primary);font-family:var(--font-display);font-size:var(--public-text-home-display-size);letter-spacing:-1px;margin:.5rem 0 0;font-weight:400;line-height:1.05}.home-panels__lead{max-width:34ch;color:var(--public-color-text-tertiary);font-size:var(--public-text-body-size);line-height:var(--public-text-body-lh);margin:0}.home-panel{--home-panel-pad:1.5rem;flex:0 0 calc(var(--home-panel-strip) + var(--home-panel-gutter));border-inline-start:var(--home-panel-gutter) solid transparent;border-radius:var(--rask-public-radius-panel);padding:1.75rem var(--home-panel-pad);background:var(--home-panel-bg);color:var(--home-panel-ink);transition:flex-basis var(--home-panel-ease-duration) var(--home-panel-ease);background-clip:padding-box;border-start-start-radius:calc(var(--rask-public-radius-panel) + var(--home-panel-gutter)) var(--rask-public-radius-panel);border-end-start-radius:calc(var(--rask-public-radius-panel) + var(--home-panel-gutter)) var(--rask-public-radius-panel);text-decoration:none;display:block;position:relative;overflow:hidden}.home-panel[data-theme=violet]{--home-panel-bg:var(--rask-pale-purple);--home-panel-ink:var(--public-color-text-primary);--home-panel-motif:var(--rask-deep-maroon)}.home-panel[data-theme=olive]{--home-panel-bg:var(--rask-dark-gold);--home-panel-ink:var(--rask-bg);--home-panel-motif:var(--rask-lightest-peach)}.home-panel[data-theme=forest]{--home-panel-bg:var(--rask-forest);--home-panel-ink:var(--rask-bg);--home-panel-motif:var(--rask-gold)}.home-panel[data-theme=coral]{--home-panel-bg:var(--rask-brown);--home-panel-ink:var(--rask-bg);--home-panel-motif:var(--rask-lavender)}.home-panel__face{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;padding-block:1.5rem;transition:opacity .32s;display:flex;position:absolute;inset:0}.home-panel__chevron{flex:none;width:20px;height:20px}.home-panel__label{writing-mode:vertical-rl;white-space:nowrap;min-height:0;font-family:var(--font-display);font-size:var(--public-text-home-subheading-size);margin-top:auto;font-weight:400;line-height:1;transform:rotate(180deg)}.home-panel__motif{background:var(--home-panel-motif);width:71px;height:70px;mask-image:var(--home-panel-motif-src);flex:none;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.home-panel__reveal{z-index:1;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;height:100%;display:flex;position:relative}.home-panel__step{opacity:0;transition:opacity .48s var(--home-panel-ease), transform .48s var(--home-panel-ease);transform:translateY(16px)}.home-panel:hover .home-panel__step,.home-panel:focus-within .home-panel__step{opacity:1;transition-delay:calc(.2s + var(--home-panel-step) * 80ms);transform:none}.home-panel__reveal-title{font-family:var(--font-body);font-size:1.05rem;font-weight:700;line-height:1.4}.home-panel__reveal-copy{max-width:46ch;font-size:var(--public-text-body-size);line-height:var(--public-text-body-lh)}.home-panel__media{object-fit:contain;object-position:top left;border-radius:12px;flex:auto;width:100%;min-height:0;margin-block-start:.5rem}.home-panel__cta{border-radius:var(--radius-full);background:var(--rask-primary);color:var(--rask-bg);font-weight:700;font-size:var(--public-text-body-size);align-self:flex-end;align-items:center;gap:.5rem;margin-block-start:auto;padding:.6rem 1.15rem;display:inline-flex}.home-panel__cta svg{width:18px;height:18px}.home-panel:hover,.home-panel:focus-within{flex:1 1 calc(var(--home-panel-fill) + var(--home-panel-gutter))}.home-panel:hover .home-panel__face,.home-panel:focus-within .home-panel__face{opacity:0}.home-panel:focus-visible{outline:2px solid var(--rask-blue);outline-offset:3px}.home-panels--portraits{--home-panel-strip:clamp(3.5rem, 6vw, 7.2rem)}@media (width>=961px){.home-panels--portraits .home-panels__row{min-height:42rem}}.home-panels--portraits .home-panel__motif{width:min(71px,100% - 1.1rem)}.home-panels--portraits .home-panel__portrait{aspect-ratio:1/1.25;object-fit:cover;object-position:center top;border-radius:12px;flex:none;width:calc(100% - 1.1rem);height:auto}.home-panels--portraits .home-panel__media{aspect-ratio:1;object-fit:contain;object-position:center;flex:none;order:-1;align-self:center;width:min(100%,20rem);height:auto;max-height:20rem;margin-block:0 .5rem}.home-panels--portraits .home-panel__reveal-title{font-family:var(--font-display);font-size:var(--public-text-heading-card-size);font-weight:400;line-height:1.15}.home-panels--portraits .home-panel__reveal-copy{max-width:none}.home-panels--portraits .home-panel__reveal-subtitle{font-size:var(--public-text-body-small-size);font-weight:700;line-height:1.4}@media (width<=960px){.home-panels--portraits .home-panel__face{display:none}.home-panels__row{flex-direction:column;gap:.75rem;width:100%;height:auto}.home-panels__intro{flex:none;min-width:0}.home-panel{border-radius:var(--rask-public-radius-panel);border-inline-start:0;flex:none;min-height:0;padding:1.5rem}.home-panel__face{flex-direction:row;justify-content:flex-start;gap:.75rem;padding-block:0 .75rem;position:static}.home-panel__chevron,.home-panel__motif{display:none}.home-panel__label{writing-mode:horizontal-tb;white-space:normal;margin-top:0;font-size:1.5rem;transform:none}.home-panel__reveal{gap:.6rem;width:100%;height:auto}.home-panel__step{opacity:1;transition:none;transform:none}.home-panels__row:has(.home-panel:hover) .home-panels__intro,.home-panels__row:has(.home-panel:focus-within) .home-panels__intro{flex-basis:auto;padding-inline:clamp(2rem,4vw,3.5rem)}.home-panels__row:has(.home-panel:hover) .home-panels__intro>*,.home-panels__row:has(.home-panel:focus-within) .home-panels__intro>*{opacity:1}.home-panel__media{object-fit:cover;object-position:top left;flex:none;max-height:12rem}.home-panel__cta{align-self:flex-start;margin-block-start:1rem}.home-panel:hover,.home-panel:focus-within{flex:none}}@media (prefers-reduced-motion:reduce){.home-panel,.home-panel__face,.home-panels__intro,.home-panels__intro>*{transition-duration:1ms}.home-panel__step{transition-duration:1ms;transform:none;transition-delay:0s!important}}
