/* October proposals reuse the campaign viewer, theme and reduced-motion rules. */
#case-view.campaign-page .october-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,100px)}
#case-view.campaign-page .october-story figure{margin:0;min-width:0}
#case-view.campaign-page .october-story figure a{display:block}
#case-view.campaign-page .october-story .campaign-image{width:100%;height:auto;display:block;border-radius:24px}
#case-view.campaign-page .october-hero figure{max-width:480px;justify-self:end}
#case-view.campaign-page .october-role{font-size:13px;letter-spacing:.025em;margin:24px 0}
#case-view.campaign-page .october-summary{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0;border-top:1px solid color-mix(in srgb,var(--campaign-ink) 18%,transparent)}
#case-view.campaign-page .october-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0}
#case-view.campaign-page .october-summary dt{font-size:12px;color:var(--campaign-muted);margin-bottom:8px}
#case-view.campaign-page .october-summary dd{margin:0;font-size:17px}
#case-view.campaign-page .october-publication{padding:48px 0 64px;border-top:1px solid color-mix(in srgb,var(--campaign-ink) 18%,transparent)}
#case-view.campaign-page .october-publication header{position:static;background:none;display:block;padding:0;margin-bottom:28px}
#case-view.campaign-page .october-publication h3{font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:-.04em;margin:12px 0 24px}
#case-view.campaign-page .october-group h4{font-size:16px;font-weight:400;margin:30px 0 18px}
#case-view.campaign-page .october-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#case-view.campaign-page .october-grid.is-single{grid-template-columns:minmax(0,560px);justify-content:center}
#case-view.campaign-page .october-grid figure{transition:transform .3s ease,filter .3s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#case-view.campaign-page .october-grid figure:hover{transform:translateY(-5px);filter:drop-shadow(0 12px 14px #00000012)}}
#case-view.campaign-page .october-close{padding:50px 0 70px;max-width:740px}
#case-view.campaign-page .october-close h3{font-size:clamp(30px,4vw,54px);font-weight:400;letter-spacing:-.045em}
@media(max-width:720px){#case-view.campaign-page .october-hero,#case-view.campaign-page .october-summary{grid-template-columns:minmax(0,1fr)}#case-view.campaign-page .october-hero figure{max-width:100%;justify-self:stretch}#case-view.campaign-page .october-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#case-view.campaign-page .october-story .campaign-image{border-radius:14px}#case-view.campaign-page .october-publication{padding:32px 0}#case-view.campaign-page .october-summary{padding:36px 0}#case-view.campaign-page .october-summary dl{gap:24px 16px}}
#case-view.campaign-page .october-photography{padding:32px 0 64px}
#case-view.campaign-page .october-photography h3{font-weight:400;font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;max-width:20ch}
#case-view.campaign-page .october-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
#case-view.campaign-page .october-photo-grid figure:nth-child(3n+2){margin-top:48px}
#case-view.campaign-page .october-photo-grid figure{transition:transform .4s ease,filter .4s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#case-view.campaign-page .october-photo-grid figure:hover{transform:translateY(-6px) rotate(.35deg);filter:drop-shadow(0 16px 18px #00000018)}}
@media(max-width:720px){#case-view.campaign-page .october-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#case-view.campaign-page .october-photo-grid figure:nth-child(3n+2){margin-top:0}#case-view.campaign-page .october-photo-grid figure:nth-child(2n){margin-top:26px}}
/* The very same pointer light and easing used by the home. */
#case-view.campaign-page .october-surface{--card-light:#dcece7;display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff40;border-radius:clamp(22px,3.8vw,50px);box-shadow:inset 0 1px 0 #ffffff70,0 18px 40px -30px #123c4655;transform:perspective(1200px) rotateX(var(--home-surface-tilt,0deg)) rotateY(var(--home-surface-yaw,0deg));transition:box-shadow .35s ease,border-color .35s ease;transform-origin:center}
#case-view.campaign-page .october-surface:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff30}
#case-view.campaign-page .october-surface:focus-visible{outline:2px solid var(--campaign-accent);outline-offset:6px}
#case-view.campaign-page .october-surface .campaign-image{border-radius:0}
#case-view.campaign-page .october-surface.home-surface-active{border-color:#ffffff90;box-shadow:inset 0 1px 0 #ffffff90,0 26px 50px -28px #123c4660}
#case-view.campaign-page .october-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
#case-view.campaign-page .october-hero figure{max-width:none;width:100%}
#case-view.campaign-page .october-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,58px);padding-top:22px}
#case-view.campaign-page .october-photo-grid figure:nth-child(3n+2){margin-top:0}
#case-view.campaign-page .october-photo-grid figure:nth-child(even){margin-top:clamp(36px,8vw,110px)}
#case-view.campaign-page .october-photo-grid figure:last-child{grid-column:1/-1;width:70%;justify-self:center;margin-top:24px}
#case-view.campaign-page .october-artworks{scroll-margin-top:30px}
#case-view.campaign-page button[data-october-scroll]{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:12px 0;color:inherit;font:inherit;cursor:pointer}
@media(max-width:720px){#case-view.campaign-page .october-hero{grid-template-columns:minmax(0,1fr)}#case-view.campaign-page .october-photo-grid{gap:14px}#case-view.campaign-page .october-photo-grid figure:nth-child(even){margin-top:30px}#case-view.campaign-page .october-photo-grid figure:last-child{width:100%;margin-top:8px}}
@media(prefers-reduced-motion:reduce){#case-view.campaign-page .october-surface{transform:none!important}}
#case-view.campaign-page .october-summary h2{font-size:clamp(24px,3vw,38px);font-weight:400;text-transform:none;letter-spacing:-.035em;line-height:1.15}
/* October has its own complete navigation; avoid duplicating the mobile home header. */
body.case-mode:has(.october-story)>header{display:none!important}
body.case-mode #case-view:has(.october-story){padding-top:0!important}