@layer reset, tokens, base, layout, components, chrome, home, pages, motion, utilities, print;
/* 54-company.css */
@layer pages {
[data-family="company"] .co-kh { display: grid; gap: 8px; }
@media (min-width: 768px) { [data-family="company"] .co-kh { gap: 12px; } }
[data-family="company"] .head--center .co-kh { justify-items: center; }
[data-family="company"] .co-kh > .t-h1, [data-family="company"] .co-kh > .t-h2 { display: block; }
[data-family="company"] .co-label { margin-bottom: clamp(20px, 2.4vw, 32px); }
[data-family="company"] .co-label--center { text-align: center; }
[data-family="company"] .co-chips { margin-top: clamp(32px, 4vw, 48px); }
[data-family="company"] .co-chips--center { justify-content: center; }
[data-family="company"] .co-chips .chip .icon { width: 14px; height: 14px; color: var(--fg-muted); }
[data-family="company"] .hero .hero__intro { margin-top: 20px; }
[data-family="company"] .co-hero--answer .hero__copy { display: flex; flex-direction: column; align-items: center; }
[data-family="company"] .co-hero--answer .hero__copy > * { min-width: 0; }
[data-family="company"] .co-hero--answer .hero__copy > .co-hero__stats { align-self: stretch; }
[data-family="company"] .co-hero--answer .hero__copy > .hero__intro { order: 1; }
[data-family="company"] .co-hero--answer .hero__copy > .btn-row, [data-family="company"] .co-hero--answer .hero__copy > .co-quick { order: 2; }
[data-family="company"] .co-hero--answer .hero__copy > .co-status { order: 3; }
[data-family="company"] .co-hero--answer .hero__copy > .co-hero__answer { order: 4; }
[data-family="company"] .co-hero--answer .hero__copy > .co-hero__stats { order: 5; }
[data-family="company"] .co-hero .co-hero__answer { margin-top: clamp(24px, 3vw, 32px); max-width: 38em; font-family: var(--font-small); font-size: 15px; line-height: 1.55; letter-spacing: -0.01em;
color: var(--fg-muted); text-align: center; text-wrap: pretty; }
@media (min-width: 1024px) { [data-family="company"] .co-hero .co-hero__answer { font-family: var(--font-sans); font-size: 17px; } }
@media (max-width: 639px) { [data-family="company"] .co-hero .co-hero__answer { align-self: stretch; text-align: left; padding-top: 16px; border-top: 1px solid var(--hairline); } }
[data-family="company"] a.co-photo { color: inherit; text-decoration: none; }
[data-family="company"] .hero--center .hero__copy > .t-lead { margin-inline: auto; }
[data-family="company"] .hero--center h1 .t-h1, [data-family="company"] .hero--center .hero__hg .t-h1 { max-width: 11.48em; }
[data-family="company"] .hero[data-tone="white"] + .section { padding-top: calc(var(--section-y) * .62); }
[data-family="company"] .co-photo { position: relative; display: block; width: 100%; padding: 0; border: 0; overflow: clip; border-radius: var(--r-md);
cursor: zoom-in; background-color: var(--card); -webkit-tap-highlight-color: transparent; }
[data-family="company"] .co-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-zoom) var(--ease-apple), opacity 400ms var(--ease-apple); }
@media (hover: hover) and (pointer: fine) { [data-family="company"] .co-photo:hover img { transform: scale(1.03); } }
[data-family="company"] .co-photo:focus-visible { border-radius: var(--r-md); }
[data-family="company"] .co-photo__tag { position: absolute; z-index: 1; top: 14px; left: 14px; padding: 6px 12px; border-radius: var(--r-pill); font-size: 12px; font-weight: 600;
line-height: 1.2; background: rgba(0,0,0,.55); color: #fff; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); pointer-events: none; }
[data-family="company"] .co-cta .cta-band__meta { margin-top: 28px; font-size: 15px; }
[data-family="company"] .co-cta .cta-band__meta .link-more { color: var(--fg-muted); }
[data-family="company"] .co-cta .cta-band__meta .link-more:hover { color: var(--fg); }
[data-family="company"] .hero--center[data-tone="ink"] { position: relative; overflow: clip; padding-block: clamp(56px, 7.4vw, 108px) clamp(48px, 5vw, 72px); }
[data-family="company"] .hero--center[data-tone="ink"]::before { content: ""; position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(min(560px, 62vw) 46% at 50% 47%, #1d1d1f, rgba(29,29,31,.55) 45%, rgba(29,29,31,0)); }
[data-family="company"] .hero--center[data-tone="ink"] > .container { position: relative; }
[data-family="company"] .hero--center .t-display { max-width: 8.29em; }
@media (max-width: 359px) { [data-family="company"] .hero--center .t-display { font-size: 12vw; } }
[data-family="company"] .hero[data-tone="ink"] .btn--secondary { --btn-2: var(--fg); --btn-2-hover-bg: var(--ghost); }
@media (max-width: 639px) { [data-family="company"] .hero .btn-row .btn { flex: 1 1 200px; max-width: 260px; } }
[data-family="company"] .co-hero__stats { width: 100%; max-width: 1040px; margin-top: clamp(40px, 5vw, 64px); text-align: center; }
[data-family="company"] .co-hero__stats .stat { align-items: center; gap: 6px; padding-top: 18px; }
[data-family="company"] .co-hero__stats .stat__value { justify-content: center; min-height: clamp(38px, 4.4vw, 56px); }
[data-family="company"] .co-hero__stats .stat .t-stat:not(.t-stat--word) { font-size: clamp(38px, 4.4vw, 56px); }
[data-family="company"] .co-hero__stats .t-stat--word { font-size: clamp(32px, 3.8vw, 48px); }
[data-family="company"] .co-hero__stats .stat__value .t-stat-unit { font-size: clamp(16px, 1.8vw, 24px); }
[data-family="company"] .co-hero__stats .stat__label { font-size: 14px; }
[data-family="company"] .co-advocate { padding-top: calc(var(--section-y) * .5); }
[data-family="company"] .co-advocate .readfill { max-width: 17.34em; }
[data-family="company"] .co-mission > .container { max-width: calc(960px + 2 * var(--gutter)); }
[data-family="company"] .co-quote { margin: 0 auto; max-width: 24.14em; text-align: center; font-size: clamp(26px, 3.4vw, 40px); }
[data-family="company"] .co-quote__mark { display: block; height: 64px; font-family: Georgia, "Times New Roman", serif; font-size: 120px; line-height: 1; font-weight: 700; color: var(--c-red); }
[data-family="company"] .co-quote blockquote { margin: 0; }
[data-family="company"] .co-quote p { font-size: inherit; line-height: 1.22; font-weight: 600; letter-spacing: -0.02em; color: var(--fg); text-wrap: balance; }
[data-family="company"] .co-story__head { margin-bottom: 24px; }
[data-family="company"] .co-story__prose > * + * { margin-top: 14px; }
[data-family="company"] .co-story { padding-bottom: calc(var(--section-y) * .6); }
[data-family="company"] .co-badge { display: grid; justify-items: center; align-self: start; text-align: center; padding: clamp(28px, 3.5vw, 44px); background: var(--c-white); }
[data-family="company"] .co-badge__kicker { margin-bottom: 24px; }
[data-family="company"] .co-badge__logo { width: 160px; height: auto; }
[data-family="company"] .co-badge__stat { display: flex; justify-content: center; align-items: baseline; width: 100%; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--hairline); color: var(--fg); }
[data-family="company"] .co-badge__stat .t-stat { font-size: clamp(64px, 7vw, 96px); letter-spacing: -0.04em; }
[data-family="company"] .co-badge__stat .t-stat-unit { align-self: flex-start; margin-top: .2em; font-size: clamp(28px, 3vw, 40px); }
@media (min-width: 1024px) { [data-family="company"] .co-story .split { align-items: start; } }
[data-family="company"] .co-badge__label { margin-top: 8px; font-size: 17px; font-weight: 600; letter-spacing: -0.013em; }
[data-family="company"] .co-badge__note { margin-top: 2px; font-size: 15px; color: var(--fg-muted); }
[data-family="company"] .co-strip { display: flex; gap: 12px; margin: clamp(56px, 7vw, 96px) calc(var(--gutter) * -1) 0; padding: 0 var(--gutter) 4px;
overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; overscroll-behavior-x: contain; }
[data-family="company"] .co-strip::-webkit-scrollbar { display: none; }
[data-family="company"] .co-strip > .co-photo { flex: 0 0 80%; aspect-ratio: 4 / 3; scroll-snap-align: start; }
@media (min-width: 768px) {
[data-family="company"] .co-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); margin-inline: 0; padding: 0; overflow: visible; }
}
[data-family="company"] .co-strip__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 24px; margin-top: 12px; }
[data-family="company"] .co-strip__foot p { font-size: 15px; color: var(--fg-muted); }
[data-family="company"] .co-values { padding-block: clamp(72px, 8vw, 128px) calc(var(--section-y) * .45); }
[data-family="company"] .co-values .head { margin-bottom: clamp(40px, 5vw, 64px); }
[data-family="company"] .co-values .head .t-lead { margin-inline: auto; }
[data-family="company"] .co-values__bento .tile__visual { aspect-ratio: auto; display: block; place-items: start; padding: clamp(20px, 9cqi, 28px) clamp(14px, 8cqi, 24px) clamp(18px, 8cqi, 26px); }
[data-family="company"] .co-value__icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 255, 255, .07); color: var(--fg);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
[data-family="company"] .co-values__bento .tile__title { font-size: min(21px, calc((100cqi - 28px) / 8.2)); letter-spacing: -0.015em; }
[data-family="company"] .co-values__bento .tile__desc { font-size: 16px; line-height: 1.47; }
@media (max-width: 639px) {
[data-family="company"] .co-values__bento { grid-template-columns: minmax(0, 1fr); }
[data-family="company"] .co-values__bento .tile { flex-direction: row; align-items: flex-start; gap: 16px; padding: 20px; }
[data-family="company"] .co-values__bento .tile__visual { flex: none; padding: 0; }
[data-family="company"] .co-value__icon { width: 52px; height: 52px; }
[data-family="company"] .co-value__icon .icon { width: 26px; height: 26px; }
[data-family="company"] .co-values__bento .tile__text { padding: 2px 0 0; }
[data-family="company"] .co-values__bento .tile__title { font-size: 19px; }
[data-family="company"] .co-values__bento .tile__desc { position: static; width: auto; height: auto; overflow: visible; clip: auto; margin-top: 6px; font-size: 15px; }
}
[data-family="company"] .co-values + .seam + .section { padding-top: calc(var(--section-y) * .5); }
[data-family="company"] .co-apart__list { margin-bottom: clamp(72px, 9vw, 128px); }
[data-family="company"] .co-apart__list .checklist { gap: 0 clamp(32px, 5vw, 72px); border-top: 1px solid var(--hairline); }
[data-family="company"] .co-apart__list .checklist li { align-items: center; gap: 16px; padding-block: 18px; border-bottom: 1px solid var(--hairline); font-size: clamp(17px, 1.6vw, 19px); font-weight: 500; letter-spacing: -0.014em; line-height: 1.3; }
[data-family="company"] .co-apart__list .checklist__mark { width: 26px; height: 26px; margin-top: 0; }
@media (min-width: 768px) { [data-family="company"] .co-apart__list .checklist { border-top: 0; } [data-family="company"] .co-apart__list .checklist li:nth-child(-n+2) { border-top: 1px solid var(--hairline); } }
[data-family="company"] .co-facility .split__copy > .t-eyebrow + * { margin-top: 8px; }
[data-family="company"] .co-equip { margin-top: 28px; border-top: 1px solid var(--hairline); }
[data-family="company"] .co-equip li { display: grid; grid-template-columns: 22px 1fr; gap: 16px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--hairline);
font-size: 17px; line-height: 1.45; color: var(--fg); }
[data-family="company"] .co-equip .icon { margin-top: 1px; color: var(--fg-muted); }
@media (max-width: 1023px) { [data-family="company"] .co-facility .split__media { max-width: 560px; } }
[data-family="company"] .co-rating { display: inline-flex; align-items: center; gap: 18px; margin-top: 36px; color: var(--fg); text-decoration: none; border-radius: var(--r-md); }
[data-family="company"] .co-rating__value { font-size: clamp(72px, 9vw, 128px); letter-spacing: -0.04em; }
[data-family="company"] .co-rating { gap: clamp(16px, 2vw, 28px); margin-top: clamp(28px, 3.4vw, 44px); }
[data-family="company"] .co-rating .review__stars .icon { width: 22px; height: 22px; }
[data-family="company"] .co-rating__text { font-size: 17px; }
[data-family="company"] .co-rating__meta { display: grid; gap: 6px; justify-items: start; text-align: left; }
[data-family="company"] .co-rating__text { display: inline-flex; align-items: center; gap: 4px; color: var(--link); text-underline-offset: 3px; }
[data-family="company"] .co-rating__text .icon { width: .8em; height: .8em; }
[data-family="company"] .co-rating:hover .co-rating__text { text-decoration: underline; }
[data-family="company"] .co-reviews__bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 4px 24px;
margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid var(--hairline); }
[data-family="company"] .co-reviews__count { margin-top: 4px; font-size: 15px; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
[data-family="company"] .co-reviews__bar .link-ext { font-size: 15px; }
[data-family="company"] .co-reviews__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--grid-gap); }
@media (min-width: 768px) { [data-family="company"] .co-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { [data-family="company"] .co-reviews__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
[data-family="company"] .co-reviews__item { display: flex; min-width: 0; }
[data-family="company"] .co-review { width: 100%; }
[data-family="company"] .seam + .co-reviews { padding-top: calc(var(--section-y) * .4); }
[data-family="company"] .co-reviews { padding-bottom: calc(var(--section-y) * .6); }
[data-family="company"] .co-reviews__item--feature { background: none; }
[data-family="company"] .co-reviews__item--feature .co-review { position: relative; overflow: clip; isolation: isolate; background: var(--c-black); gap: 20px; }
[data-family="company"] .co-reviews__item--feature .co-review::before { content: ""; position: absolute; z-index: -1; left: 50%; bottom: -30%; width: 130%; aspect-ratio: 2 / 1; translate: -50% 0;
background: radial-gradient(closest-side, var(--c-red-glow), transparent); pointer-events: none; }
[data-family="company"] .co-reviews__item--feature .review__avatar { background: rgba(255, 255, 255, .14); }
[data-family="company"] .co-reviews__item--feature .co-review__service { color: var(--fg-muted); }
[data-family="company"] .co-reviews__item--feature .review__quote { font-size: clamp(21px, 5.6vw, 26px); line-height: 1.22; font-weight: 600; letter-spacing: -0.02em; text-wrap: pretty; }
@media (min-width: 768px) {
[data-family="company"] .co-reviews__item--feature { grid-column: 1 / -1; }
[data-family="company"] .co-reviews__item--feature .co-review { padding: clamp(36px, 4vw, 48px); }
[data-family="company"] .co-reviews__item--feature .review__quote { font-size: clamp(26px, 2.9vw, 42px); line-height: 1.16; letter-spacing: -0.024em; max-width: 17.56em; }
[data-family="company"] .co-reviews__item--feature .review__stars { order: 2; margin-top: auto; }
[data-family="company"] .co-reviews__item--feature .review__by { order: 3; margin-top: 0; }
[data-family="company"] .co-reviews__item--feature .review__stars .icon { width: 20px; height: 20px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
[data-family="company"] .co-reviews__item--feature .co-review { min-height: 340px; }
[data-family="company"] .co-reviews__item--feature .review__quote { max-width: 23.41em; }
[data-family="company"] .co-reviews__item:nth-child(2n+3) { --d: 60ms; }
}
@media (min-width: 1024px) {
[data-family="company"] .co-reviews__item--feature { grid-column: span 2; grid-row: span 2; }
[data-family="company"] .co-reviews__item:nth-child(3n+2) { --d: 60ms; } [data-family="company"] .co-reviews__item:nth-child(3n) { --d: 120ms; }
}
[data-family="company"] .co-review:focus-visible { border-radius: var(--r-md); }
[data-family="company"] .co-review__who { display: grid; gap: 1px; }
[data-family="company"] .co-review__service { font-size: 13px; color: var(--fg-muted); }
[data-family="company"] .co-reviews__more { display: flex; justify-content: center; margin-top: 40px; }
@keyframes co-rise { from { opacity: 0; translate: 0 var(--reveal-y); } }
[data-family="company"] .co-reviews__item.is-new { animation: co-rise var(--dur-reveal) var(--ease-apple) var(--d, 0ms) both; }
[data-family="company"] .co-carwise { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; margin-top: 40px; }
[data-family="company"] .co-carwise__title { margin-top: 6px; font-size: 21px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.25; }
[data-family="company"] .co-carwise__text { margin-top: 6px; font-size: 15px; color: var(--fg-muted); }
[data-family="company"] .co-hero--work { padding-block: clamp(32px, 4vw, 56px) clamp(40px, 5vw, 72px); }
[data-family="company"] .co-hero--work .hero__grid { gap: clamp(28px, 4vw, 40px); }
[data-family="company"] .co-hero--work .hero__copy { min-width: 0; }
[data-family="company"] .co-hero--work h1 .t-h1, [data-family="company"] .co-hero--work .hero__hg .t-h1 { font-size: clamp(36px, 4.4vw, 56px); max-width: none; }
[data-family="company"] .co-hero--work .hero__intro { max-width: 28.88em; }
[data-family="company"] .co-hero__media { min-width: 0; }
[data-family="company"] .co-hero__ba .co-item__note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 24px; margin-top: 0; }
[data-family="company"] .co-hero__ba .co-item__note .link-more { font-size: 15px; }
@media (min-width: 1024px) {
[data-family="company"] .co-hero--work .hero__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; }
[data-family="company"] .co-hero__media { width: 100%; max-width: calc((100vh - var(--chrome-h) - 190px) * 4 / 3); max-width: calc((100svh - var(--chrome-h) - 190px) * 4 / 3); justify-self: end; }
}
[data-family="company"] .co-jump { margin-top: 28px; }
@media (max-width: 639px) { [data-family="company"] .co-jump { display: none; } }
[data-family="company"] .co-projects__head { display: grid; gap: 20px; margin-bottom: var(--head-gap); }
[data-family="company"] .co-projects__head .head { margin-bottom: 0; }
@media (min-width: 1024px) { [data-family="company"] .co-projects__head { grid-template-columns: 1fr auto; align-items: end; } }
[data-family="company"] .co-gallery { display: grid; gap: clamp(40px, 5vw, 64px); }
[data-family="company"] .co-row { display: grid; gap: clamp(32px, 4vw, 40px); }
@media (min-width: 768px) {
[data-family="company"] .co-row { display: flex; justify-content: center; gap: var(--grid-gap); }
[data-family="company"] .co-row > .co-item { flex: var(--ar) 1 0; min-width: 0; max-width: calc((100% - var(--gaps, 0) * var(--grid-gap)) * var(--share, 1)); }
}
@media (min-width: 768px) and (max-width: 1023px) {
[data-family="company"] .co-row--3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px var(--grid-gap); }
[data-family="company"] .co-row--3 > .co-item { max-width: none; }
[data-family="company"] .co-row--3 > .co-item:last-child { grid-column: 1 / -1; }
}
[data-family="company"] .co-row:not(:has(> .co-item:not([hidden]))) { display: none; }
@media (max-width: 639px) { [data-family="company"] .co-item .ba__frame { max-height: 70vh; max-height: 70svh; } }
[data-family="company"] .co-item .ba__cap { margin-top: 14px; font-size: 17px; font-weight: 600; letter-spacing: -0.013em; color: var(--fg); }
[data-family="company"] .co-item__note { margin-top: 2px; font-size: 15px; line-height: 1.45; color: var(--fg-muted); }
[data-family="company"] .co-pair { margin: 0; }
[data-family="company"] .co-pair__grid { display: flex; gap: 12px; }
[data-family="company"] .co-pair__cap { display: grid; margin-top: 14px; }
[data-family="company"] .co-pair__cap .ba__cap { margin-top: 0; }
@media (min-width: 1024px) {
[data-family="company"] .co-row > .co-item--pair { max-width: none; }
[data-family="company"] .co-pair { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; align-items: end; }
[data-family="company"] .co-item--flip .co-pair { grid-template-columns: 260px minmax(0, 1fr); }
[data-family="company"] .co-item--flip .co-pair__grid { order: 2; }
[data-family="company"] .co-pair__cap { margin: 0 0 6px; padding-top: 16px; border-top: 1px solid var(--hairline); }
[data-family="company"] .co-pair__cap .ba__cap { font-size: 21px; letter-spacing: -0.015em; line-height: 1.25; }
[data-family="company"] .co-pair__cap .co-item__note { margin-top: 6px; }
}
[data-family="company"] .co-pair__cell { flex: var(--ar) 1 0; min-width: 0; }
[data-family="company"] .co-pair__cell .co-photo { aspect-ratio: var(--ar); }
@media (max-width: 639px) { [data-family="company"] .co-pair__grid { flex-direction: column; } [data-family="company"] .co-pair__cell { flex: none; } }
[data-family="company"] .co-shop { padding-bottom: calc(var(--section-y) * .45); }
[data-family="company"] .co-shop + .seam + .section { padding-top: calc(var(--section-y) * .5); }
[data-family="company"] .co-rows { display: grid; gap: clamp(28px, 3vw, 40px) var(--grid-gap); }
[data-family="company"] .co-rows__row { display: flex; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; }
[data-family="company"] .co-rows__item { flex: var(--ar) 1 0; min-width: 0; }
[data-family="company"] .co-rows__item .co-photo { aspect-ratio: var(--ar); }
[data-family="company"] .co-shop .co-photo { box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
[data-family="company"] .co-rows__cap { margin-top: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -0.009em; color: var(--fg); }
@media (max-width: 639px) {
[data-family="company"] .co-rows { display: flex; gap: 12px; margin-inline: calc(var(--gutter) * -1); padding: 1px var(--gutter) 4px; overflow-x: auto;
scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; overscroll-behavior-x: contain; }
[data-family="company"] .co-rows::-webkit-scrollbar { display: none; }
[data-family="company"] .co-rows__row { flex: none; gap: 12px; }
[data-family="company"] .co-rows__item { flex: none; width: calc(62vw * var(--ar)); scroll-snap-align: start; }
[data-family="company"] .co-rows__cap { font-size: 14px; }
}
[data-family="company"] .co-rest__grid { display: grid; gap: var(--grid-gap); }
[data-family="company"] .co-rest__grid > .co-photo { aspect-ratio: 4 / 3; }
[data-family="company"] .co-rest__grid > .co-rest__a { aspect-ratio: 3 / 4; }
@media (min-width: 768px) {
[data-family="company"] .co-rest__grid { grid-template-columns: 5fr 7fr; }
[data-family="company"] .co-rest__grid > .co-rest__a { grid-row: 1 / 3; aspect-ratio: auto; height: 100%; }
[data-family="company"] .co-rest__grid > .co-rest__b, [data-family="company"] .co-rest__grid > .co-rest__c { aspect-ratio: 16 / 9; }
[data-family="company"] .co-rest__grid > .co-rest__b { --d: 60ms; } [data-family="company"] .co-rest__grid > .co-rest__c { --d: 120ms; }
}
[data-family="company"] .co-quick { margin-top: 28px; }
[data-family="company"] .co-quick .btn--secondary { --btn-2: var(--fg); --btn-2-hover-bg: rgba(0, 0, 0, .05); }
[data-family="company"] .co-status { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 10px; min-height: 24px; margin-top: 24px; font-size: 14px; color: var(--fg-muted); }
@media (max-width: 479px) {
[data-family="company"] .co-status { flex-direction: column; }
[data-family="company"].js .co-status:has(> [data-open-status][hidden]) { padding-top: 30px; }
}
@media (max-width: 639px) {
[data-family="company"] .co-status { order: 1; margin-top: 20px; }
[data-family="company"] .co-quick { order: 2; width: 100%; margin-top: 20px; }
[data-family="company"] .co-quick .btn-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 0; }
[data-family="company"] .co-quick .btn-row .btn { width: 100%; max-width: none; min-height: 44px; padding-inline: 12px; }
[data-family="company"] .co-quick .btn-row .btn:first-child { grid-column: 1 / -1; }
}
[data-family="company"] .co-tiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--grid-gap); }
@media (min-width: 640px) { [data-family="company"] .co-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { [data-family="company"] .co-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
[data-family="company"] .co-tiles > li { display: flex; min-width: 0; }
[data-family="company"] .co-tile { display: flex; flex-direction: column; width: 100%; padding: clamp(24px, 2.4vw, 32px); border-radius: var(--r-md); background: var(--card); color: var(--fg);
container-type: inline-size; transition: box-shadow var(--dur-fast) var(--ease-apple), transform var(--dur-press) var(--ease-apple); }
[data-family="company"] a.co-tile:active { transform: scale(.99); }
[data-family="company"] a.co-tile:focus-visible { border-radius: var(--r-md); }
@media (hover: hover) and (pointer: fine) { [data-family="company"] a.co-tile:hover { box-shadow: var(--shadow-soft); } [data-family="company"] a.co-tile:hover .co-tile__note { color: var(--fg); } }
[data-family="company"] .co-tile__icon { color: var(--fg); margin-bottom: 20px; }
[data-family="company"] .co-tile__title { font-size: 21px; font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; }
[data-family="company"] .co-tile__value { margin-top: 8px; font-size: min(17px, 6.9cqi); line-height: 1.45; overflow-wrap: anywhere; font-variant-numeric: normal; }
[data-family="company"] .co-tile__note { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 18px; font-size: 14px; color: var(--fg-muted);
transition: color var(--dur-fast) var(--ease-apple); }
[data-family="company"] .co-tile__value + .co-tile__note { margin-top: auto; }
[data-family="company"] .co-tile__chev { display: inline-flex; color: var(--link); }
[data-family="company"] .co-tile--static .co-tile__value { font-variant-numeric: tabular-nums; }
[data-family="company"] .co-tile__status { min-height: 24px; }
[data-family="company"] .co-tile__status .nap__status:not([data-open]) { background: var(--c-gray-6); }
[data-family="company"] .co-find__grid { display: grid; gap: var(--grid-gap); }
@media (min-width: 1024px) { [data-family="company"] .co-find__grid { grid-template-columns: 5fr 7fr; gap: 24px; align-items: stretch; } }
[data-family="company"] .co-find__map { border-radius: var(--r-md); overflow: clip; }
[data-family="company"] .co-find__map .map-facade { margin: 0; aspect-ratio: 4 / 3; border-radius: var(--r-md); gap: 14px; isolation: isolate;
background: var(--c-black); }
@media (min-width: 1024px) { [data-family="company"] .co-find__map .map-facade { aspect-ratio: auto; height: 100%; min-height: 420px; } }
[data-family="company"] .co-find__map .map-facade__art { position: relative; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--c-red); color: #fff;
box-shadow: 0 0 0 8px rgba(215, 0, 21, .18); }
[data-family="company"] .co-find__map .map-facade__art .icon { width: 26px; height: 26px; }
[data-family="company"] .co-find__map .map-facade__art::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 1800px; height: 1800px; translate: -50% -50%; pointer-events: none;
background: radial-gradient(circle, rgba(215, 0, 21, .34), rgba(215, 0, 21, .12) 150px, transparent 330px),
repeating-radial-gradient(circle, transparent 0 55px, rgba(255, 255, 255, .07) 55px 56px); }
[data-family="company"] .co-find__map .map-facade__addr { font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -0.015em; color: var(--fg); }
[data-family="company"] .co-find__map .map-facade .btn-row { margin-top: 6px; }
@media screen {
[data-family="company"].js:not(.rm) .co-find__map .map-facade__art::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--c-red-on-ink);
animation: co-ping 2.4s var(--ease-apple) infinite; pointer-events: none; }
}
@keyframes co-ping { from { scale: 1; opacity: .5; } to { scale: 2.4; opacity: 0; } }
[data-family="company"] .co-why__grid { display: grid; gap: 32px; }
@media (min-width: 1024px) { [data-family="company"] .co-why__grid { grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; } }
[data-family="company"] .co-why .head { margin-bottom: 0; }
[data-family="company"] .co-why .checklist { gap: 0; border-top: 1px solid var(--hairline); }
[data-family="company"] .co-why .checklist li { align-items: center; gap: 16px; padding-block: 20px; border-bottom: 1px solid var(--hairline);
font-size: clamp(19px, 2vw, 24px); font-weight: 600; letter-spacing: -0.015em; line-height: 1.25; }
[data-family="company"] .co-why .checklist__mark { width: 28px; height: 28px; margin-top: 0; }
[data-family="company"] .co-tow .t-lead { margin-top: 4px; }
[data-family="company"] .co-tow__num { margin-top: 4px; line-height: 1.04; }
[data-family="company"] .co-tow__num a { display: inline-block; font-size: clamp(32px, 10.5vw, 112px); font-weight: 600; letter-spacing: -0.03em; color: var(--fg);
text-decoration: none; white-space: nowrap; text-underline-offset: .1em; text-decoration-thickness: 2px; }
[data-family="company"] .co-tow__num a:hover { text-decoration: underline; }
@media print {
[data-family="company"] .co-find__map .map-facade { background: #fff; border: 1px solid #d2d2d7; }
[data-family="company"] .co-find__map .map-facade__art::before, [data-family="company"] .co-reviews__item--feature .co-review::before,
[data-family="company"] .hero--center[data-tone="ink"]::before, [data-family="company"] .co-find__map [data-map-show] { display: none; }
[data-family="company"] .co-find__map .link-ext { color: var(--c-red-text); }
[data-family="company"] .co-rows__item { break-inside: avoid; }
[data-family="company"] .co-tile { break-inside: avoid; }
[data-family="company"] .co-find__map, [data-family="company"] .co-tile__chev { display: none !important; }
[data-family="company"] .co-photo img { max-height: 3in; object-fit: cover; }
}
}
@layer utilities {
@media (max-width: 767px) and (min-height: 481px) and (max-height: 700px) {
[data-family="company"] .co-hero--answer .hero__copy > .btn-row, [data-family="company"] .co-hero--answer .hero__copy > .co-quick { order: 1; margin-top: 16px; }
[data-family="company"] .co-hero--answer .hero__copy > .co-status { order: 2; }
[data-family="company"] .co-hero--answer .hero__copy > .hero__intro { order: 3; margin-top: 18px; }
[data-family="company"] .co-hero--answer .hero__copy > .co-hero__answer { order: 4; }
[data-family="company"] .co-hero--answer .hero__copy > .co-hero__stats { order: 5; }
[data-family="company"] .hero__copy > .co-status { order: 1; margin-top: 12px; }
[data-family="company"] .hero__copy > .co-quick { order: 2; margin-top: 14px; }
[data-family="company"] .hero__copy:has(> .co-quick) > .hero__intro { order: 3; margin-top: 18px; }
}
}