.work-page>.page{--page-gutter:clamp(1.25rem, 4vw, 47.42px);width:min(100%,1254.84px);max-width:1254.84px}#work-index-hero{padding-block-end:clamp(var(--space-md), 3vw, var(--space-lg))}#work-index-hero .page-hero-grid--case .page-hero-copy{min-height:clamp(22rem,38vw,31.5rem)}#work-index-hero .page-hero-grid--case .page-hero-title{max-width:11.8ch}#work-index-hero .page-hero-grid--case .page-hero-subtitle{max-width:35rem}#work-index-hero .page-hero-grid--case .page-hero-rail{align-self:stretch}.work-index-rail{align-content:end;gap:var(--space-xs);width:100%;min-height:clamp(18rem,34vw,30rem);padding:clamp(var(--space-sm), 2.4vw, var(--space-lg));border:1px solid color-mix(in oklch, var(--color-brand) 30%, var(--color-border));background:linear-gradient(180deg, color-mix(in oklch, var(--color-brand) 10%, transparent), transparent 42%), color-mix(in oklch, var(--color-surface) 78%, transparent);border-radius:16px;display:grid}.work-index-rail p{max-width:16ch;font-family:var(--font-display);letter-spacing:-.026em;color:var(--color-text-strong);font-size:clamp(1.45rem,1.6vw + 1rem,2.5rem);font-weight:380;line-height:1.06}.work-index-rail span{width:fit-content;font-family:var(--font-sans);font-size:var(--type-ui-size);line-height:var(--type-ui-line-height);letter-spacing:.13em;text-transform:uppercase;color:#b7afaa;display:block}.work-index-featured,.work-index-cases{padding-block:clamp(var(--space-lg), 5vw, var(--space-2xl))}.work-index-featured .content-shell,.work-index-cases .content-shell{gap:clamp(var(--space-md), 3vw, var(--space-xl));max-width:min(100%,96rem);display:grid}.work-index-featured{padding-block-start:clamp(var(--space-md), 3vw, var(--space-xl))}.work-index-eyebrow,.work-case-kicker{font-family:var(--font-sans);font-size:var(--type-ui-size);line-height:var(--type-ui-line-height);letter-spacing:.13em;text-transform:uppercase;color:var(--writing-gold,#c5a059);font-weight:500}.work-featured-case{gap:clamp(var(--space-md), 3vw, var(--space-xl));padding-block:clamp(var(--space-sm), 2vw, var(--space-md));border-block:1px solid var(--home-divider-color,var(--color-border));align-items:end;display:grid}.work-featured-case__media{background:color-mix(in oklch, var(--color-surface) 65%, var(--color-brand-soft) 35%);border-radius:16px;min-height:clamp(18rem,36vw,31rem);position:relative;overflow:hidden}.work-featured-case__media img{object-fit:cover;object-position:right top;width:auto;min-width:100%;max-width:none;height:100%;position:absolute;top:0;right:0}.work-featured-case__copy{gap:var(--space-sm);align-content:end;display:grid}.work-featured-case__copy h2,.work-index-section-heading h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-text-strong);text-wrap:balance;font-size:clamp(2.35rem,3vw + 1rem,4.4rem);font-weight:380;line-height:1.02}.work-featured-case__copy p:not(.work-case-kicker){max-width:42rem;font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:#b7afaa}.work-index-section-heading{gap:var(--space-xs);display:grid}.work-case-list{border-top:1px solid var(--home-divider-color,var(--color-border));margin:0;padding:0;list-style:none;display:grid}.work-case-list li{border-bottom:1px solid var(--home-divider-color,var(--color-border));transition:border-color .24s var(--ease-out-quart)}.work-case-list__item{gap:var(--space-sm);min-height:9rem;padding-block:var(--space-md);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.work-case-list__index,.work-case-list__arrow{font-family:var(--font-sans);font-size:var(--type-ui-size);line-height:var(--type-ui-line-height);letter-spacing:.12em;color:#b7afaa;transition:color .26s var(--ease-out-quart), transform .32s var(--ease-out-quart);font-weight:500}.work-case-list__media{aspect-ratio:1.35;background:color-mix(in oklch, var(--color-surface) 70%, var(--color-brand-soft) 30%);border-radius:8px;width:9rem;display:none;position:relative;overflow:hidden}.work-case-list__media img{object-fit:cover;width:100%;height:100%;transition:transform .48s var(--ease-out-quint)}.work-case-list__body{gap:var(--space-3xs);min-width:0;transition:transform .36s var(--ease-out-quint);display:grid}.work-case-list__title{font-family:var(--font-display);letter-spacing:-.026em;color:var(--color-text-strong);text-wrap:balance;font-size:clamp(1.55rem,1.6vw + 1rem,2.6rem);font-weight:380;line-height:1.08}.work-case-list__summary{max-width:56rem;font-family:var(--font-sans);font-size:var(--type-body-size);color:#b7afaa;line-height:1.62}.work-page [data-reveal=work-index-section]{opacity:0;animation:work-case-reveal .7s var(--ease-out-quart) forwards;transform:translateY(.8rem)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-case-list li:hover,.work-case-list li:focus-within{border-color:var(--color-brand)}.work-case-list__item:hover .work-case-list__index,.work-case-list__item:focus-visible .work-case-list__index,.work-case-list__item:hover .work-case-list__arrow,.work-case-list__item:focus-visible .work-case-list__arrow{color:var(--color-brand);transform:translate(.25rem)}.work-case-list__item:hover .work-case-list__body,.work-case-list__item:focus-visible .work-case-list__body{transform:translate(.35rem)}.work-case-list__item:hover .work-case-list__media img,.work-case-list__item:focus-visible .work-case-list__media img{transform:scale(1.035)}}@media (width>=720px){.work-case-list__item{gap:var(--space-md);grid-template-columns:3.25rem 9rem minmax(0,1fr) auto}.work-case-list__media{display:block}}@media (width>=880px){.work-featured-case{grid-template-columns:minmax(0,1.14fr) minmax(20rem,.86fr)}}@media (prefers-reduced-motion:reduce){.work-page [data-reveal=work-index-section]{opacity:1;animation:none;transform:none}}@media (width<=719px){.work-case-list__item{align-items:start}.work-case-list__arrow{padding-top:.2rem}}
