/* OnlineCourse palette, aligned with the supplied navy-and-orange vector logo. */
:root{
  --oc-paper:oklch(98.2% .007 255);
  --oc-ink:oklch(28.814% .05461 264.35);
  --oc-muted:oklch(43% .045 260);
  --oc-wash:oklch(94.3% .022 255);
  --oc-border:oklch(84.8% .035 257);
  --oc-action:oklch(52.216% .17228 36.37);
  --oc-action-hover:oklch(44% .144 36.37);
  --oc-on-action:oklch(98.2% .007 255);
  --oc-highlight:oklch(67.884% .19533 38.82);
  --oc-violet:oklch(57.5% .239 296);
  --oc-media:oklch(26% .086 270);
  --color-near-black:var(--oc-ink);
  --color-dark-gray:var(--oc-muted);
  --color-medium-gray:oklch(47.5% .035 260);
  --color-white-rock:var(--oc-paper);
  --color-white-rock-light:var(--oc-wash);
  --color-white:oklch(99% .004 255);
  --color-peru-tan:var(--oc-action);
  --color-peru-tan-dark:var(--oc-action-hover);
  --color-desert-sand:var(--oc-highlight);
  --color-madras-dark:var(--oc-ink);
  --color-madras:var(--oc-violet);
}

/* OnlineCourse: structural design system. Palette is supplied separately. */
@font-face{font-family:OC Display;src:url('../_astro/archivo-black-latin-400-normal.BTVu2TQR.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;src:url('fonts/onest-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --font-heading:'OC Display','Arial Black',sans-serif;
  --font-body:'Onest',Arial,sans-serif;
  --oc-page:80rem;
  --oc-gutter:clamp(1.25rem,4.6vw,5rem);
  --oc-rule:1px solid var(--oc-border);
}
html{scroll-padding-top:7rem;scroll-behavior:smooth}
.oc-site{background:var(--oc-paper);color:var(--oc-ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.oc-site *, .oc-site *::before, .oc-site *::after{box-sizing:border-box}
.oc-site ::selection{background:var(--oc-highlight);color:var(--oc-ink)}
.oc-site :focus-visible{outline:3px solid var(--oc-action);outline-offset:5px}
.oc-site main{overflow-x:clip}
.oc-site h1,.oc-site h2,.oc-site h3{font-family:var(--font-heading);font-weight:400;letter-spacing:-.052em;text-wrap:balance}
.oc-site h1{font-size:clamp(2.65rem,5.2vw,5.1rem);line-height:1.025}
.oc-site h2{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.1}
.oc-site h3{font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.25;letter-spacing:-.035em}
.oc-site h4,.oc-site .prose h2,.oc-site .prose h3{font-family:var(--font-body);font-weight:700;letter-spacing:-.025em}
.oc-site p{max-width:73ch}
.oc-site .max-w-7xl{max-width:var(--oc-page)}
.oc-site .rounded-lg,.oc-site .rounded-xl,.oc-site .rounded-2xl{border-radius:3px}
.oc-site .shadow-sm,.oc-site .shadow-lg{box-shadow:none}
.oc-site .oc-editorial-image{filter:saturate(.92);transition:filter .3s ease-out}
.oc-site .oc-editorial-image:hover{filter:saturate(1.05)}

/* A steady masthead with a distinct wordmark and navigation underline. */
.oc-site #site-header{background:var(--oc-paper)!important;border:0!important;border-bottom:var(--oc-rule)!important;backdrop-filter:none!important;min-height:88px}
.oc-site #site-header>nav{max-width:none;padding:20px var(--oc-gutter);min-height:88px}
.oc-site .oc-brand{display:block;width:208px;height:43px;max-width:none;object-fit:contain}
.oc-site #logo-light{opacity:1!important;position:static!important}
.oc-site #logo-dark{display:none!important}
.oc-site #desktop-nav .nav-link{position:relative;color:var(--oc-ink)!important;font-size:14px;font-weight:600;letter-spacing:-.02em;padding-top:9px;padding-bottom:9px}
.oc-site #desktop-nav .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--oc-action);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
.oc-site #desktop-nav .nav-link:hover::after,.oc-site #desktop-nav .nav-link[data-active=true]::after{transform:scaleX(1)}
.oc-site #site-header a[href*='request-info']{border-radius:3px;background:var(--oc-action);color:var(--oc-on-action);padding:12px 18px;box-shadow:none;font-size:13px}
.oc-site #hs-navbar-collapse{color:var(--oc-ink)!important;border:var(--oc-rule);border-radius:3px;width:42px;height:42px}
.oc-site #mobile-menu-overlay{background:var(--oc-paper)!important;color:var(--oc-ink)!important}
.oc-site #mobile-menu-overlay a{color:var(--oc-ink)}
.oc-site #mobile-menu-close{border:var(--oc-rule);border-radius:3px}
.oc-site footer:not(.fg-controls){background:var(--oc-ink);color:var(--oc-paper);border-top:8px solid var(--oc-action)}
.oc-site footer:not(.fg-controls)>.max-w-7xl{max-width:none;padding:3.5rem var(--oc-gutter) 2rem}
.oc-site footer:not(.fg-controls) .oc-brand{filter:brightness(0) invert(.97)}
.oc-site footer:not(.fg-controls) nav a{line-height:1.7}

/* Preserve every section in source order, but give the page editorial rhythm. */
.oc-section{position:relative}
.oc-section:not(.oc-hero):not(.fg-overlay){border-top:var(--oc-rule)}
.oc-section:not(.oc-hero)>[class*='max-w-']{padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:clamp(3.5rem,6vw,6rem)}
.oc-section[class*='max-w-']:not(.oc-hero){padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:clamp(3.5rem,6vw,6rem)}
.oc-section h2{max-width:24ch;margin-left:0;margin-right:0}
.oc-section>div[class*='max-w-']:has(>h2){max-width:none;margin-left:0;margin-right:0;text-align:left}
.oc-section .lg\:text-center,.oc-section .text-center:not(.city-tile):not(time){text-align:left}
.oc-section .lg\:text-center h2,.oc-section .text-center h2{margin-left:0;margin-right:0}
.oc-section [class*='bg-near-black/40']{backdrop-filter:none}
.oc-section .bg-madras-dark{background:var(--oc-ink)}
.oc-section.bg-white-rock-light{background:var(--oc-wash)}
.oc-section.bg-madras-dark,.oc-section.bg-near-black{background:var(--oc-ink)}
.oc-section.bg-\[\#2B3901\]{background:var(--oc-action)}

/* Standard workshop hero: a wider media column and a strong baseline. */
.oc-hero{padding-top:clamp(2.5rem,5.6vw,5.5rem)!important;padding-bottom:clamp(3.5rem,6vw,6rem)!important}
.oc-hero-grid{gap:clamp(2.5rem,4.5vw,4.5rem);align-items:center}
.oc-hero-copy>p:first-child{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--oc-action);margin-bottom:22px;text-transform:uppercase}
.oc-hero-copy h1{max-width:13.4ch}
.oc-hero-copy ul{max-width:60ch}
.oc-hero-copy ul li{padding-bottom:10px;line-height:1.5}
.oc-hero-copy .text-lg{font-size:17px;line-height:1.65}
.oc-hero-media{position:relative;aspect-ratio:1/1.03;border-radius:3px 3px 64px 3px!important;box-shadow:none!important;align-self:stretch;min-height:440px;background:var(--oc-media)}
.oc-hero-media img,.oc-hero-media video{height:100%;width:100%;object-fit:cover}
.oc-hero-media::after{content:'';position:absolute;bottom:0;left:0;width:27%;height:9px;background:var(--oc-highlight)}
.oc-hero-copy .grid.grid-cols-2{display:flex;gap:32px;border:0;border-top:var(--oc-rule);padding-top:20px;padding-bottom:0}
.oc-hero-copy .grid.grid-cols-2 .text-3xl{font-size:26px;line-height:1.2}
.oc-hero-copy .grid.grid-cols-2 .text-sm{font-size:12px}

/* Home: transform the old background video into the editorial media panel. */
.oc-home .oc-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:clamp(2rem,4vw,4rem);max-width:none;margin:0;min-height:0;padding:clamp(3rem,5vw,5rem) max(2rem,calc((100vw - 76rem)/2)) 4rem!important;overflow:visible;background:var(--oc-ink)}
.oc-home-visual{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;width:100%;height:100%;min-height:540px;max-height:720px;object-fit:cover;border-radius:3px 3px 72px 3px;box-shadow:none;background:var(--oc-media)}
.oc-home-overlay{display:none}
.oc-home-copy{grid-column:1;grid-row:1;align-self:center;padding:1rem 0!important;margin:0!important;max-width:none!important}
.oc-home-copy h1{color:var(--oc-paper);max-width:12ch;font-size:clamp(3rem,5.1vw,5.4rem);line-height:1.08}
.oc-home-copy .text-white{color:var(--oc-paper)}
.oc-home-copy .bg-white\/20{background:color-mix(in oklch,var(--oc-highlight) 12%,var(--oc-ink));color:var(--oc-highlight);border-radius:50%;width:36px;height:36px}
.oc-home-copy .text-lg{font-size:16px;font-weight:400;line-height:1.5}
.oc-home-copy .mt-8.flex{flex-direction:column;align-items:flex-start;gap:12px}
.oc-site .oc-home-copy .oc-button-secondary{background:var(--oc-ink);color:var(--oc-paper);border-color:var(--oc-paper)}
.oc-site .oc-home-copy .oc-button-primary{background:var(--oc-highlight)!important;color:var(--oc-ink)!important;border-color:var(--oc-highlight)!important}
.oc-site .oc-home-copy .oc-button-primary:hover{background:var(--oc-paper)!important;border-color:var(--oc-paper)!important}
.oc-site .oc-home-copy .oc-button-secondary:is(:hover,:focus-visible,:active){background:var(--oc-muted);color:var(--oc-paper);border-color:var(--oc-paper)}

/* Clear, compact actions, with target sizes intact. */
.oc-site .oc-button{min-height:48px;border-radius:3px;padding:14px 20px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:-.015em;line-height:1.3;box-shadow:none;transition:background-color .18s ease-out,transform .18s ease-out}
.oc-site .oc-button svg{transition:transform .18s ease-out}
.oc-site .oc-button:hover svg{transform:translateX(3px)}
.oc-site .oc-button-primary{background:var(--oc-action)!important;color:var(--oc-on-action)!important;border:1px solid var(--oc-action)!important}
.oc-site .oc-button-primary:is(:hover,:focus-visible,:active){background:var(--oc-action-hover)!important;color:var(--oc-on-action)!important;border-color:var(--oc-action-hover)!important}
.oc-site .oc-home-copy .oc-button-primary:is(:hover,:focus-visible,:active){background:var(--oc-paper)!important;color:var(--oc-ink)!important;border-color:var(--oc-paper)!important}
.oc-site .oc-button-secondary{background:var(--oc-paper);color:var(--oc-ink);border:1px solid var(--oc-ink)}
.oc-site .oc-button-secondary:is(:hover,:focus-visible,:active){background:var(--oc-wash);color:var(--oc-ink);border-color:var(--oc-ink)}

/* Replace floating feature cards with open, numbered rows. */
.oc-site .oc-reason-grid{counter-reset:oc-reason;gap:0;border-top:1px solid color-mix(in oklch,currentColor 24%,transparent);max-width:none}
.oc-site .oc-reason{counter-increment:oc-reason;position:relative;border:0;border-bottom:1px solid color-mix(in oklch,currentColor 24%,transparent);padding:32px 28px 32px 58px;background:transparent!important;border-radius:0;backdrop-filter:none;box-shadow:none}
.oc-site .oc-reason::before{content:'0' counter(oc-reason);position:absolute;left:0;top:33px;font:600 12px/1.4 var(--font-body);color:var(--oc-highlight);letter-spacing:.04em}
.oc-site .oc-reason h3{font-family:var(--font-body);font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.3}
.oc-site .oc-reason p{font-size:15px;line-height:1.65}
.oc-site .faq-item{border:0;border-top:var(--oc-rule);border-radius:0;background:transparent;box-shadow:none}
.oc-site .faq-item:last-child{border-bottom:var(--oc-rule)}
.oc-site .faq-toggle{padding:23px 0;gap:24px;font-family:var(--font-body);font-size:18px;line-height:1.4;letter-spacing:-.02em}
.oc-site .faq-content>div{padding-left:0;padding-right:38px;padding-bottom:25px;font-size:16px;line-height:1.7}
.oc-site .faq-icon-down{width:24px;height:24px;color:var(--oc-action)}
.oc-site .faq-content:not(.max-h-0){max-height:none;overflow:visible}
.oc-site #desktop-nav .group:focus-within>.group-hover\:block{display:block}

/* Training dates become a quiet timetable, while native filter states remain. */
.oc-site #dates{background:var(--oc-ink);padding-top:0}
.oc-site #dates h2{max-width:none}
.oc-site #dates legend{font-size:11px;letter-spacing:.14em}
.oc-site #dates .city-tile{border-radius:3px;aspect-ratio:auto;min-height:78px;padding:12px 14px;gap:8px;flex-direction:row;width:auto;min-width:115px;height:auto}
.oc-site #dates .city-tile>span:not([aria-hidden]){width:28px;height:28px;background:transparent}
.oc-site #dates .city-tile>span img{width:25px;height:25px}
.oc-site #dates .city-tile strong{font-size:13px}
.oc-site #dates .city-tile-photo strong{position:relative;background:var(--oc-ink);padding:4px 8px;width:auto;margin:auto}
.oc-site #dates .city-tile-input:checked+.city-tile{border-color:var(--oc-highlight);outline:2px solid var(--oc-highlight);outline-offset:3px;background:color-mix(in oklch,var(--oc-highlight) 14%,var(--oc-ink))}
.oc-site #dates .city-tile-input:focus-visible+.city-tile{outline:3px solid var(--oc-highlight);outline-offset:5px}
.oc-site #dates [data-session-row]{border-radius:3px;box-shadow:none;transform:none;transition:border-color .2s ease-out;background:var(--oc-paper)}
.oc-site #dates [data-session-row]:hover{border-color:var(--oc-highlight)}
.oc-site #dates time{background:var(--oc-wash);border-right:1px solid var(--oc-border);border-style:solid}
.oc-site #dates [data-month-group] h3{font-family:var(--font-body);font-weight:600;font-size:20px;letter-spacing:-.02em}
.oc-site #dates [data-month-group] h3+div{display:none}
.oc-site #dates [data-more-dates]{border-radius:3px}
.oc-site #dates .session-row-card [class*='text-[10px]']{font-size:11px}

/* Long-form content and the existing utility readers remain comfortable. */
.oc-article main>article{padding-top:0}
.oc-article main h1{font-family:var(--font-heading);max-width:18ch;font-size:clamp(2.6rem,4.8vw,4.75rem);line-height:1.06}
.oc-site .prose{font-size:18px;line-height:1.8;max-width:70ch}
.oc-site .prose a{color:var(--oc-action);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.oc-site .prose h2{font-size:30px;margin-top:2.6em}
.oc-site .prose h3{font-size:23px}
.oc-site .prose blockquote{border-left:0;border-top:2px solid var(--oc-action);padding:24px 0;font-size:24px;font-style:normal}
.oc-journal main section:nth-child(2) .rounded-2xl,.oc-journal main section:nth-child(3) .rounded-2xl{border-radius:3px}
.oc-journal main section:nth-child(3) .grid{gap:2.5rem 2rem}
.oc-journal main section:nth-child(3) .grid>a{border:0;border-top:var(--oc-rule);background:transparent;box-shadow:none}
.oc-journal h2{font-family:var(--font-body);font-weight:600;font-size:24px;letter-spacing:-.03em}
.oc-site .fg-overlay,.oc-site .fg-focus-overlay{z-index:100}
.oc-site .fg-bar{background:var(--oc-ink);color:var(--oc-paper)}
.oc-site .fg-icon-button,.oc-site .fg-text-button{border-radius:3px}
.oc-site .active-letter{color:var(--oc-highlight)!important;font-family:var(--font-heading)}
.oc-site .active-step.is-active .active-step-body{border-color:var(--oc-highlight)!important}
.oc-site .active-spine{background:color-mix(in oklch,var(--oc-paper) 22%,transparent)!important}
.oc-site .active-step{border-color:color-mix(in oklch,var(--oc-paper) 20%,transparent)!important}
.oc-site .active-letter{background:var(--oc-ink)!important;border-color:var(--oc-highlight)!important;box-shadow:0 0 0 5px var(--oc-ink)!important}
.oc-site .active-step.is-active{background:color-mix(in oklch,var(--oc-highlight) 5%,transparent)!important}
.oc-site .active-step.is-active .active-letter{background:var(--oc-highlight)!important;color:var(--oc-ink)!important;box-shadow:0 0 0 5px var(--oc-ink)!important}
.oc-site .active-step h3,.oc-site .active-step p{color:color-mix(in oklch,var(--oc-paper) 75%,var(--oc-ink))!important}
.oc-site .active-step.is-active h3,.oc-site .active-step.is-active p{color:var(--oc-paper)!important}
.oc-site .highlight-text [data-hl]{color:var(--oc-border)!important}
.oc-site .highlight-text [data-hl].active{color:var(--oc-ink)!important}
.oc-site .sold-stamp,.oc-site .one-seat-stamp{font-family:var(--font-body);font-size:13px;line-height:1.4;border-width:1px;border-radius:3px;transform:none;animation:none;box-shadow:none;padding:7px 10px;opacity:1;mix-blend-mode:normal}
.oc-site .few-seats-badge{background:var(--oc-highlight);color:var(--oc-ink);animation:none;border-radius:3px;box-shadow:none}
.oc-virtual .oc-virtual-canvas{background:var(--oc-ink)}
.oc-virtual .oc-section>div[class*='blur-']{display:none}
.oc-site .oc-notice{max-width:72ch;margin-inline:auto}

@media(min-width:1024px){
 .oc-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
 .oc-site #desktop-nav{gap:24px}
 .oc-site .oc-reason:nth-child(even){padding-left:70px;border-left:1px solid color-mix(in oklch,currentColor 24%,transparent)}
 .oc-site .oc-reason:nth-child(even)::before{left:24px}
 .oc-about .oc-hero>div{max-width:72rem;text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:6rem}
 .oc-about .oc-hero h1{grid-column:1;grid-row:1/4}
 .oc-about .oc-hero p{grid-column:2;margin-top:0;margin-bottom:1.25rem}
}
@media(max-width:1023px){
 .oc-site #site-header>nav{min-height:76px;padding-top:15px;padding-bottom:15px}
 .oc-site #site-header{min-height:76px}
 .oc-site .oc-brand{width:185px;height:38px}
 .oc-hero-media{aspect-ratio:4/3;min-height:0;max-height:560px}
 .oc-home .oc-hero{grid-template-columns:1fr;padding:3rem 1.5rem!important;gap:2.5rem}
 .oc-home-copy{grid-column:1;grid-row:1}
 .oc-home-visual{grid-column:1;grid-row:2;height:400px;min-height:0;max-height:none}
 .oc-home-copy h1{max-width:15ch}
 .oc-home-copy .mt-8.flex{flex-direction:row;flex-wrap:wrap}
 .oc-site #dates .city-tile{min-width:95px}
}
@media(max-width:639px){
 .oc-site h1{font-size:clamp(2.5rem,10vw,3.8rem)}
 .oc-site h2{font-size:clamp(1.85rem,7.5vw,2.6rem)}
 .oc-site .oc-brand{width:166px;height:35px}
 .oc-site #site-header>nav{padding-inline:20px}
 .oc-hero{padding-top:2.75rem!important;padding-bottom:3rem!important}
 .oc-hero-copy h1{max-width:14ch}
 .oc-hero-copy .text-lg{font-size:16px}
 .oc-hero-media{border-bottom-right-radius:42px!important}
 .oc-home .oc-hero{padding:2.75rem 20px 3rem!important}
 .oc-home-visual{height:310px;border-bottom-right-radius:42px}
 .oc-home-copy .mt-8.flex{flex-direction:column;align-items:stretch}
 .oc-home-copy .oc-button{width:100%}
 .oc-site .oc-button{font-size:13px;min-height:48px}
 .oc-site .oc-reason{padding:26px 0 26px 42px}
 .oc-site .oc-reason::before{top:28px}
 .oc-site .faq-toggle{font-size:17px;padding:20px 0}
 .oc-site #dates .city-tile{min-width:0;min-height:83px;flex-direction:column;padding:10px 8px}
 .oc-site #dates .city-tile strong{font-size:12px}
 .oc-site #dates .city-tile-photo strong{font-size:11px;padding:3px}
 .oc-site .prose{font-size:16px;line-height:1.8}
 .oc-site footer:not(.fg-controls)>.max-w-7xl{padding-inline:20px}
 .oc-site footer:not(.fg-controls) .oc-brand{width:200px;height:42px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .oc-site *, .oc-site *::before, .oc-site *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .oc-site .highlight-text [data-hl]{color:var(--oc-ink)!important}
}

/* Supplied vector wordmark retains its original navy and orange artwork. */
.oc-site #site-header .oc-brand{width:236px;height:49px}
.oc-site footer:not(.fg-controls) .oc-brand{filter:none;width:244px;height:auto;max-width:100%;padding:0;background:transparent;border-radius:0}
.oc-notice::before{content:"";display:block;width:56px;height:56px;margin-bottom:18px;background:url('icon.svg') center/contain no-repeat}
@media(max-width:767px){.oc-site #site-header .oc-brand{width:208px;height:44px}}
@media(max-width:380px){.oc-site #site-header .oc-brand{width:188px;height:40px}}

/* OnlineCourse native UI icon family */
.oc-icon-glyph{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.18em}
.fg-icon-button .oc-icon-glyph{width:1.25rem;height:1.25rem}
svg.fg-spinner{border:0;border-radius:0;color:var(--oc-orange, #f7612a)}

/* Clear, consistent markers for benefit lists. */
.oc-site svg[data-oc-icon="check-badge"]{width:22px;height:22px;flex-shrink:0}
.oc-site .oc-check-badge-wrap{background:transparent;border:0;border-radius:0;width:24px;height:24px}

/* An opaque reading surface keeps photo detail out from under the text. */
.oc-site .oc-photo-reasons{background:var(--oc-ink);color:var(--oc-paper)}
.oc-site .oc-photo-reasons>.oc-photo-shade{background:color-mix(in srgb,var(--oc-ink) 76%,transparent)}
.oc-site .oc-photo-reasons h2,.oc-site .oc-photo-reasons .oc-reason h3,.oc-site .oc-photo-reasons .oc-reason p{color:var(--oc-paper);opacity:1}
.oc-site .oc-photo-reasons .oc-reason-grid{background:var(--oc-ink);color:var(--oc-paper);padding-inline:24px;border:1px solid color-mix(in srgb,var(--oc-paper) 24%,var(--oc-ink));border-radius:4px}
.oc-site .oc-photo-reasons .oc-reason{border-color:color-mix(in srgb,var(--oc-paper) 24%,var(--oc-ink))}
.oc-site .oc-photo-reasons .oc-reason p{font-size:16px;line-height:1.7}
@media(max-width:639px){.oc-site .oc-photo-reasons .oc-reason-grid{padding-inline:20px}}

/* Process numerals use the same locally hosted display face as the headings. */
.oc-site .oc-step-number{font-family:var(--font-heading);font-size:clamp(2.5rem,4vw,3rem);font-weight:400;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;line-height:1;letter-spacing:-.045em;color:var(--oc-ink);flex:0 0 1.05em;max-width:none;margin:0;padding-top:.02em}