/* Oaklin concept.css - GENERATED by oaklin-build/sync_theme_css.py from the approved static concept's
   assets/site.css. Loaded after theme.css so the concept's class names win. Do not edit by hand. */
@font-face{font-family:Outfit;src:url('fonts/Outfit-Variable-latin.woff2') format('woff2');font-style:normal;font-weight:200 600;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:Outfit;src:url('fonts/Outfit-Variable-latin-ext.woff2') format('woff2');font-style:normal;font-weight:200 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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{
 --forest:#104911;--forest-deep:#0b3a0c;--max:#4a8b2c;--light:#90cc66;--orange:#f18428;--mustard:#ffd449;--paper:#f0f0f0;
 --ink:#122a13;--bg:#fff;--card:#fff;--panel:var(--paper);--muted:#4b5a4c;--line:#d6ddd4;--accent-text:#3a7421;--on-orange:#0f2a10;
 --head:Outfit,Arial,sans-serif;--body:Outfit,Arial,sans-serif;--gutter:clamp(22px,5vw,76px);--r-lg:30px;--r:18px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--ink);font:300 1.0625rem/1.75 var(--body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input{font:inherit}button{cursor:pointer}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{font-family:var(--head);font-weight:300;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;color:var(--forest)}
h1{font-size:clamp(2.9rem,5.2vw,5.3rem)}h2{font-size:clamp(2.1rem,3.4vw,3.35rem)}h3{font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.3}
h1 span,h2 span{font-weight:500;color:var(--max)}p+p{margin-top:1.1rem}ul,ol{margin:0;padding:0}li{list-style:none}[hidden]{display:none!important}svg{flex:none}strong{font-weight:500}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}
.wrap{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(72px,8vw,120px)}
.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;font:500 .72rem/1.6 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--accent-text)}
.eyebrow:before{content:'';width:30px;height:2px;border-radius:2px;background:var(--orange);flex:none}
.lead{font-size:1.12rem;line-height:1.8;color:var(--muted);max-width:640px}.section-head{max-width:780px;margin-bottom:52px}.section-head h2+.lead{margin-top:22px}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;background:var(--orange);color:var(--on-orange);font:500 .95rem/1.3 var(--body);letter-spacing:.01em;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn>span{display:inline-flex;align-items:center;gap:12px}.btn>span:after{content:'';width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
.btn:hover{background:var(--mustard)}.btn:hover>span:after{transform:translateX(4px)}
.btn-secondary{background:transparent;border-color:currentColor;color:var(--forest)}.btn-secondary:hover{background:var(--forest);border-color:var(--forest);color:#fff}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:500;font-size:.95rem;color:var(--forest);text-decoration:none;border-bottom:1.5px solid var(--orange)}.text-link .ic{width:18px;height:18px;transition:transform .2s}.text-link:hover .ic{transform:translateX(4px)}
.skip{position:fixed;left:16px;top:-120px;z-index:1000;padding:14px 24px;background:var(--forest);color:#fff;border-radius:0 0 12px 12px}.skip:focus{top:0}

/* Operator bar and header. */
.operator{background:var(--forest-deep);color:#d7e6d2;font-size:.72rem;line-height:1.5;padding-block:9px;letter-spacing:.02em}.operator .wrap{display:flex;justify-content:space-between;gap:12px}.operator strong{color:#fff}
.bar{position:sticky;top:0;z-index:100;background:var(--card);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);container:site-header/inline-size}
.header-inner{display:flex;align-items:center;gap:22px;min-height:92px}.brand{flex:none;display:block}.brand img{width:auto;height:48px}.brand-dark{display:none}
.nav{display:flex;align-items:stretch;margin-left:auto;gap:30px;align-self:stretch}.nvi{display:flex;align-items:stretch}.nvi a{display:flex;align-items:center;position:relative;text-decoration:none;font-size:.95rem;font-weight:400;white-space:nowrap;color:var(--ink)}
.nvi a:after{content:'';position:absolute;left:0;right:0;bottom:24px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nvi a:hover:after,.nvi a[aria-current=page]:after{transform:scaleX(1)}.nvi a[aria-current=page]{font-weight:500;color:var(--forest)}
.nav-roles{display:none}.header-cta{min-height:46px;padding:10px 20px;font-size:.88rem;white-space:nowrap}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);position:relative;flex:none}
.burger span,.burger span:before,.burger span:after{position:absolute;left:12px;top:21px;width:20px;height:2px;border-radius:2px;background:currentColor;content:'';transition:transform .2s}.burger span:before{left:0;top:-6px}.burger span:after{left:0;top:6px}
.burger[aria-expanded=true] span{background:transparent}.burger[aria-expanded=true] span:before{transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:after{transform:translateY(-6px) rotate(-45deg)}
@container site-header (max-width:68rem){
 .nav-roles{display:flex}.header-inner{min-height:80px;gap:12px}.brand img{height:42px}.a11y{margin-left:auto}.header-cta{display:none}.burger{display:block}
 .nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;max-height:calc(100dvh - 110px);overflow:auto;padding:14px var(--gutter) 22px;border-bottom:1px solid var(--line);background:var(--card);box-shadow:0 18px 30px #0b3a0c14;gap:0}
 .nav.open{display:flex;flex-direction:column}.nvi a{width:100%;padding:15px 0;font-size:1.05rem}.nvi a:after{bottom:8px;right:auto;width:36px}
}

/* Accessibility toolbar. */
.a11y{position:relative;flex:none}.a11y-btn{width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--ink)}.a11y-btn:hover{background:var(--panel)}.a11y-btn svg{width:25px;height:25px}
.a11y-panel{display:none;position:absolute;right:0;top:calc(100% + 16px);width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px);overflow:auto;background:var(--card);color:var(--ink);padding:22px;border-radius:var(--r);box-shadow:0 24px 70px #0b3a0c2e;border:1px solid var(--line);z-index:200}.a11y-panel.open{display:block}
.a11y-title{font:300 1.7rem var(--head);color:var(--forest);margin-bottom:10px}.a11y-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.a11y-row .aic{display:flex;width:23px;flex:none}.aic svg{width:23px;height:23px}
.a11y-row .lbl{flex:1;font-size:.86rem;line-height:1.45;font-weight:400}.lbl small{display:block;color:var(--muted);font-size:.74rem;font-weight:300}
.tgl{border:1px solid var(--muted);width:42px;height:26px;padding:3px;background:var(--panel);border-radius:20px;position:relative;flex:none}.tgl:before{content:'';position:absolute;left:4px;top:4px;width:16px;height:16px;background:var(--muted);border-radius:50%;transition:transform .2s}
.tgl[aria-pressed=true]{background:var(--light);border-color:var(--forest)}.tgl[aria-pressed=true]:before{background:var(--forest);transform:translateX(16px)}
.fs-group{display:flex;gap:4px}.fs-group button,.tts-btn{min-width:32px;min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:.8rem;padding:4px 8px}.fs-group [aria-pressed=true],.tts-btn[aria-pressed=true]{background:var(--light);color:var(--forest);border-color:var(--forest)}.fs2{font-size:1rem!important}.fs3{font-size:1.18rem!important}

/* Hero (feature). */
.hero-feature{padding-top:22px;background:var(--bg)}
.hero-shell{max-width:1480px}
.hero-feature .hero-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5vw,80px);align-items:center;padding:clamp(44px,5.5vw,84px);min-height:640px;background:var(--forest);color:#fff;border-radius:var(--r-lg);overflow:hidden}
.hero-feature .hero-grid:before{content:'';position:absolute;z-index:-1;right:-14%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#4a8b2c55,transparent);pointer-events:none}
.hero-feature .eyebrow{color:var(--light)}.hero-feature h1{color:#fff;font-weight:200;max-width:640px}.hero-feature h1 span{display:block;color:var(--light);font-weight:500}
.hero-feature .lead{color:#dbe8d6;margin-top:28px;max-width:540px;font-size:1.1rem}
.hero-feature .btn-secondary{color:#fff;border-color:#ffffff80}.hero-feature .btn-secondary:hover{background:#fff;color:var(--forest);border-color:#fff}
.hero-feature :focus-visible{outline-color:var(--mustard)}
.hero-art{position:relative;min-width:0}
.art-line{position:absolute;inset:-26px -26px 26px 26px;border:1.5px solid var(--orange);border-radius:calc(var(--r-lg) + 8px);pointer-events:none}
.art-line:after{content:'';position:absolute;right:-1.5px;top:34%;width:14px;height:14px;border-radius:50%;background:var(--orange);transform:translate(50%,-50%)}
.art-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px}
.art-leaf{grid-row:span 2;display:grid;place-items:center;min-height:250px;border-radius:var(--r-lg);background:linear-gradient(155deg,var(--max),#2f6a1c);overflow:hidden;position:relative}
.art-leaf:before{content:'';position:absolute;inset:14%;border-radius:50%;border:1.5px solid #ffffff38}
.art-mark{width:56%;height:auto;position:relative}
.art-fact{border-radius:var(--r);padding:22px 22px 20px;background:#ffffff0f;border:1px solid #ffffff24;display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;transition:background .3s,transform .3s}
.art-fact:hover{background:#ffffff1a;transform:translateY(-2px)}
.art-fact dt{font:300 clamp(1.45rem,2.1vw,2rem)/1.1 var(--head);color:#fff;letter-spacing:-.02em}
.art-fact dd{margin-top:8px;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--light)}
.art-fact:last-child{background:var(--orange);border-color:var(--orange)}.art-fact:last-child dt{color:var(--on-orange)}.art-fact:last-child dd{color:var(--on-orange)}

/* Hero (pagehead): paper band with a forest plate and the logo ring. */
.hero-pagehead{background:var(--panel)}.hero-pagehead .hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,7vw,110px);align-items:center;min-height:470px;padding-block:clamp(56px,6vw,88px)}
.hero-pagehead h1{font-size:clamp(2.7rem,4.6vw,4.6rem);font-weight:200}.hero-pagehead h1 span{color:var(--max);font-weight:500}.hero-pagehead .lead{margin-top:24px}
.hero-art-plate{align-self:stretch;min-height:300px;display:flex}.hero-art-plate .art-line{inset:-22px 22px 22px -22px}.hero-art-plate .art-line:after{display:none}
.art-plate{position:relative;flex:1;display:grid;place-items:center;border-radius:var(--r-lg);background:linear-gradient(160deg,var(--forest),var(--forest-deep));overflow:hidden}
.art-plate .art-mark{width:38%;max-width:170px}.art-ring{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;border:1.5px solid #90cc6655}.art-plate:after{content:'';position:absolute;width:128%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff14}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.hero-chips div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 16px}.hero-chips dt{font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-chips dd{font-size:1rem;font-weight:400;color:var(--forest)}

/* Announcement: the key dates straight under the hero. */
.notice{padding-block:26px 0}.notice-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.notice-inner{max-width:1480px}.notice-inner>*{position:relative}
.notice .notice-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--light);color:var(--forest)}
.notice p{flex:1;min-width:260px;font-size:1.02rem;color:var(--muted)}.notice p strong{color:var(--forest);font-weight:500}
.notice-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:500;color:var(--forest);text-decoration:none;border-bottom:1.5px solid var(--orange)}.notice-link .ic{width:18px;height:18px}

/* Stats: recognition row. */
.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.stat{position:relative;padding:34px 30px 32px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden;transition:border-color .3s,transform .3s}
.stat:hover{border-color:var(--max);transform:translateY(-3px)}
.stat:before{content:'';position:absolute;left:30px;top:0;width:48px;height:3px;border-radius:0 0 3px 3px;background:var(--orange)}
.stat dt{font:200 clamp(2.8rem,4.2vw,4rem)/1 var(--head);color:var(--forest);letter-spacing:-.04em}.stat dd{margin-top:18px;color:var(--muted);font-size:.98rem;line-height:1.65}

/* About. */
.about{background:var(--panel)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px 9%;align-items:start}.about h2{max-width:520px}.about-body{font-size:1.08rem;color:var(--muted)}
.about-body p:last-child{color:var(--forest);font-weight:400}

/* IconGrid. */
.icon-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.icon-card{position:relative;padding:30px 26px 28px;border-radius:var(--r-lg);background:var(--panel);transition:background .3s,transform .3s}.icon-card:hover{background:#e6eee2;transform:translateY(-3px)}
.icon-disc{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--card);color:var(--forest);margin-bottom:24px;box-shadow:inset 0 0 0 1.5px var(--light)}
.icon-card h3{color:var(--forest);margin-bottom:10px}.icon-card p{font-size:.95rem;color:var(--muted);line-height:1.65}
.about+.icon-grid,.richtext+.icon-grid{padding-top:clamp(72px,8vw,120px)}

/* RichText. */
.richtext{border-top:1px solid var(--line)}.richtext-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.richtext .section-head{margin-bottom:0}.richtext-body{font-size:1.08rem;color:var(--muted);min-width:0}
.richtext-body p:last-child{color:var(--ink)}

/* Checklist: forest band. */
.checklist{background:var(--forest);color:#fff;position:relative;overflow:hidden}.checklist:after{content:'';position:absolute;right:-180px;bottom:-240px;width:520px;aspect-ratio:1;border-radius:50%;border:1.5px solid #90cc6640;pointer-events:none}
.checklist-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;position:relative;z-index:1}.checklist .section-head{position:sticky;top:130px;align-self:start}.checklist h2{color:#fff;max-width:440px}.checklist .eyebrow{color:var(--light)}.checklist .lead{color:#d2e1cc;font-size:1rem}
.checklist ul{display:grid;gap:0}.checklist li{display:flex;align-items:flex-start;gap:22px;padding:24px 0;border-bottom:1px solid #ffffff22}.checklist li:first-child{padding-top:0}.checklist li:last-child{border:0;padding-bottom:0}
.list-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffffff10;border:1.5px solid #90cc6680;color:var(--light);flex:none}
.checklist h3{color:#fff;font-size:1.2rem;margin-bottom:6px;padding-top:9px}.checklist li p{font-size:.97rem;line-height:1.7;color:#cfdfca}
.checklist :focus-visible{outline-color:var(--mustard)}

/* Quote. */
.quote{background:var(--bg);padding-block:clamp(72px,8vw,120px)}.quote-inner figure{position:relative;max-width:1080px;margin-inline:auto;padding:clamp(40px,5vw,70px) clamp(28px,6vw,90px);border-radius:var(--r-lg);border:1.5px solid var(--orange)}
.quote-mark{position:absolute;left:clamp(20px,4vw,60px);top:-52px;font:200 8rem/1 var(--head);color:var(--orange);background:var(--bg);padding-inline:14px}
.quote blockquote p{font:200 clamp(1.7rem,3vw,2.7rem)/1.3 var(--head);color:var(--forest);letter-spacing:-.02em}.quote figcaption{margin-top:26px;font-size:.78rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-text)}

/* Steps: six rounds joined by the connected line. */
.steps{background:var(--bg)}.steps-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.steps .section-head{position:sticky;top:130px;align-self:start}
.steps ol{position:relative}.steps li{display:grid;grid-template-columns:60px 1fr auto;gap:26px;position:relative;padding-bottom:22px}
.steps li:before{content:'';position:absolute;left:29px;top:60px;bottom:0;border-left:1.5px solid var(--orange)}.steps li:last-child:before{display:none}
.step-num{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--card);border:1.5px solid var(--orange);font:400 1rem var(--body);color:var(--forest);position:relative;z-index:1}
.step-copy{padding:22px 26px 24px;border-radius:var(--r-lg);background:var(--panel);min-width:0;transition:background .3s}.steps li:hover .step-copy{background:#e8efe5}
.step-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:10px}.step-round{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text)}
.step-when{font-size:.78rem;font-weight:500;color:var(--forest);background:var(--card);border-radius:999px;padding:3px 12px;border:1px solid var(--line)}
.step-copy h3{margin-bottom:10px}.step-copy p:not(.step-meta){font-size:.97rem;color:var(--muted)}.step-icon{padding-top:18px;color:var(--max)}
.steps li.is-final .step-num{background:var(--orange);color:var(--on-orange)}.steps li.is-final .step-copy{background:var(--forest)}.steps li.is-final h3{color:#fff}.steps li.is-final .step-copy p:not(.step-meta){color:#d2e1cc}.steps li.is-final .step-round{color:var(--light)}.steps li.is-final .step-when{background:#ffffff14;border-color:#ffffff30;color:#fff}

/* Table: key dates. */
.table-block{background:var(--panel)}.table-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.table-grid .section-head{margin-bottom:0}
.table-wrap{overflow-x:auto;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:left;padding:18px 26px;vertical-align:top}thead th{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
tbody th{font-weight:400;color:var(--forest)}tbody td{color:var(--muted)}tbody tr+tr{border-top:1px solid var(--line)}table.striped tbody tr:nth-child(even){background:#f7f8f6}
tr.hl th,tr.hl td{background:#fff3e8;color:var(--on-orange);font-weight:500}tr.hl th{box-shadow:inset 4px 0 var(--orange)}

/* Faq. */
.faq{background:var(--bg);--faq-open:var(--panel);--faq-rule:var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.faq .section-head{position:sticky;top:130px}
.questions{border-top:1px solid var(--faq-rule)}.accordion-item h3{font:inherit;letter-spacing:normal;margin:0}
.accordion-trigger{position:relative;display:block;width:100%;min-height:64px;text-align:left;border:0;border-bottom:1px solid var(--faq-rule);background:transparent;color:var(--forest);font:400 1.18rem/1.5 var(--body);padding:20px 60px 20px 4px;transition:background .3s,padding .3s}
.accordion-trigger:after{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--orange);content:'';transition:width .3s ease-in-out}
.accordion-trigger:is(:hover,:focus-visible):after,.accordion-trigger[aria-expanded=true]:after{width:100%}.accordion-trigger[aria-expanded=true]{padding-left:22px;background:var(--faq-open)}
.accordion-trigger svg{height:16px;width:16px;fill:currentColor;position:absolute;right:22px;top:50%;transform:translateY(-50%);transition:transform .2s}.accordion-trigger[aria-expanded=true] svg{transform:translateY(-50%) rotate(-180deg)}
.accordion-trigger:focus-visible{outline-offset:-3px}.accordion-panel{border-bottom:1px solid var(--faq-rule);background:var(--faq-open)}.accordion-panel .answer{padding:4px 60px 26px 22px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.answer a{color:var(--forest);font-weight:500;overflow-wrap:anywhere}

/* Cards: the role on the post-TrueFit page. */
.collection{background:var(--bg)}.cards{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:26px}
.role-card{position:relative;padding:36px 36px 32px;border-radius:var(--r-lg);border:1.5px solid var(--forest);background:var(--card);display:flex;flex-direction:column;grid-column:1/-1;max-width:900px}
.card-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}.card-number{font:200 2.2rem/1 var(--head);color:var(--orange)}.card-label{font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text)}
.role-card h3{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:300;margin-bottom:12px}.role-card>p{color:var(--muted);max-width:640px}
.role-meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}.role-meta li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--panel);font-size:.9rem;color:var(--forest)}.role-meta .ic{width:17px;height:17px;color:var(--max)}
.role-apply{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px dashed var(--line)}
.role-form-note{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}.role-form-note .ic{color:var(--orange)}

/* Cta band: light green, with the logo's ring. */
.cta-band{background:var(--light);color:var(--forest);position:relative;overflow:hidden}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;position:relative;z-index:1}
.cta-band .eyebrow{color:var(--forest)}.cta-band .eyebrow:before{background:var(--forest)}.cta-band h2{color:var(--forest);max-width:560px;font-weight:300}.cta-copy>p{font-size:1.08rem;line-height:1.75;color:var(--forest)}
.cta-band .btn{background:var(--forest);color:#fff}.cta-band .btn:hover{background:var(--forest-deep)}.cta-band .btn-secondary{background:transparent;color:var(--forest);border-color:var(--forest)}.cta-band .btn-secondary:hover{background:#ffffff66;color:var(--forest)}
.cta-ring{position:absolute;left:-120px;top:-180px;width:460px;aspect-ratio:1;border-radius:50%;border:1.5px solid #10491130;pointer-events:none}.cta-ring:after{content:'';position:absolute;inset:60px;border-radius:50%;border:1.5px solid #f1842880}
.cta-band :focus-visible{outline-color:var(--forest)}

/* Footer. */
.footer{padding-block:72px 30px;background:var(--forest);color:#fff}.footer-top{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:40px;padding-bottom:52px;align-items:start}
.footer-top>a img{width:170px;height:auto}.footer-top>p{font:200 2.3rem/1.15 var(--head);letter-spacing:-.02em}.footer-top>p span{color:var(--light);font-weight:500}
.footer nav{display:grid;justify-self:end;gap:2px}.footer nav a{min-height:40px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:.98rem;width:fit-content}.footer nav a>span{border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.footer nav a:hover>span{border-color:var(--orange);color:var(--light)}.footer nav .ic{width:16px;height:16px}
.footer-bottom{border-top:1px solid #ffffff26;padding-top:26px;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;color:#cfdfca;font-size:.82rem;line-height:1.8}
.footer :focus-visible{outline-color:var(--mustard)}

#auto-top-link{position:fixed;z-index:99;height:46px;width:46px;bottom:28px;right:28px;background:var(--forest);font-size:0;border-radius:50%;border:2px solid #fff;box-shadow:0 8px 24px #0b3a0c40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}
#auto-top-link.is-visible{opacity:1;visibility:visible;pointer-events:auto}#auto-top-link:after{width:13px;height:13px;border:2px solid #fff;content:'';position:absolute;transform:rotate(45deg);left:15px;top:18px;border-right:0;border-bottom:0}

/* Preference modes. */
html[data-theme=dark]{--ink:#eef4ec;--bg:#0c1a0d;--card:#122614;--panel:#152c17;--muted:#bfd0bb;--line:#35503a;--accent-text:#a4d882;--forest:#e4f0de;color-scheme:dark}
html[data-theme=dark] .brand-light{display:none}html[data-theme=dark] .brand-dark{display:block}
html[data-theme=dark] :is(.hero-feature .hero-grid,.checklist,.footer,.art-plate,.steps li.is-final .step-copy){background:#10401a}
html[data-theme=dark] .hero-feature .hero-grid{background:#0f3d11}html[data-theme=dark] .cta-band{background:#1d3d1f}html[data-theme=dark] .cta-band :is(h2,p,.eyebrow){color:#eef4ec}html[data-theme=dark] .cta-band .btn{background:var(--orange);color:var(--on-orange)}
html[data-theme=dark] .cta-band .btn-secondary{color:#eef4ec;border-color:#eef4ec}html[data-theme=dark] .icon-card:hover,html[data-theme=dark] .steps li:hover .step-copy{background:#1b371d}
html[data-theme=dark] table.striped tbody tr:nth-child(even){background:#152c17}html[data-theme=dark] tr.hl th,html[data-theme=dark] tr.hl td{background:#3a2a14;color:#ffe0c2}
html[data-theme=dark] .btn-secondary{color:var(--ink)}html[data-theme=dark] .bar{background:#0c1a0dee}html[data-theme=dark] .step-num{background:var(--card)}
html[data-contrast='1']{--muted:var(--ink);--line:var(--ink)}html[data-contrast='1'] :is(.hero-feature,.checklist,.footer) p{color:#fff}
html[data-fs='2']{font-size:18px}html[data-fs='3']{font-size:20px}

/* Motion: short entrances, never hiding content. */
/* Scroll entrances (site.js adds .rv-on only when motion is allowed): 1s fades from the left, right or below, as oaklin.com. */
main{overflow-x:clip}
html.rv-on [data-rv]{opacity:0}
html.rv-on [data-rv].rv-in{animation:rv-fade 1s ease both;animation-delay:var(--rv-delay,0s)}
html.rv-on [data-rv=left].rv-in{animation-name:rv-left}html.rv-on [data-rv=right].rv-in{animation-name:rv-right}
html.rv-on [data-rv=up].rv-in{animation-name:rv-up}html.rv-on [data-rv=rise].rv-in{animation-name:rv-rise}
@keyframes rv-fade{from{opacity:0}to{opacity:1}}
@keyframes rv-left{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes rv-right{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes rv-up{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes rv-rise{from{opacity:0;transform:translate3d(0,90px,0)}to{opacity:1;transform:none}}

@media(max-width:1100px){
 .hero-feature .hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}.hero-art{margin:18px 26px 26px 0}.art-line:after{display:none}
 .icon-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row{grid-template-columns:1fr}.stat{display:grid;grid-template-columns:minmax(150px,.5fr) 1fr;gap:24px;align-items:center}.stat dd{margin:0}
 .steps-grid,.faq-grid,.table-grid{grid-template-columns:minmax(0,1fr);gap:0}.steps .section-head,.faq .section-head,.checklist .section-head{position:static}.table-grid .section-head{margin-bottom:40px}
}
@media(max-width:800px){
 html{scroll-padding-top:86px}.operator .wrap{justify-content:center}.operator .wrap>span:first-child{display:none}
 .hero-pagehead .hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:40px}.hero-art-plate{display:none}
 .about-grid,.richtext-grid,.checklist-grid,.cta-grid{grid-template-columns:minmax(0,1fr);gap:30px}.footer-top{grid-template-columns:1fr 1.2fr}.footer nav{grid-column:1/-1;justify-self:start;display:flex;flex-wrap:wrap;gap:4px 26px}
 .footer-bottom{grid-template-columns:1fr;gap:18px}.steps li{grid-template-columns:48px 1fr;gap:16px}.step-num{width:48px;height:48px}.steps li:before{left:23px;top:48px}.step-icon{display:none}
}
@media(max-width:560px){
 :root{--gutter:18px;--r-lg:22px}.section{padding-block:64px}.header-inner{min-height:72px}.brand img{height:38px}
 .hero-feature{padding-top:12px}.hero-feature .hero-grid{padding:36px 24px 30px}.hero-feature h1{font-size:clamp(2.5rem,11vw,3.2rem)}.hero-feature .lead{font-size:1rem}
 .hero-art{margin:18px 14px 14px 0}.art-line{inset:-14px -14px 14px 14px}.art-grid{gap:10px}.art-leaf{min-height:180px}.art-fact{padding:16px;min-height:96px}.art-fact dd{font-size:.62rem;letter-spacing:.1em}
 .actions{flex-direction:column;align-items:stretch}.btn{width:100%}
 .icon-cards{grid-template-columns:1fr}.stat{grid-template-columns:1fr;gap:6px}.stat dd{margin-top:10px}
 .checklist li{gap:16px}.list-icon{width:40px;height:40px}.checklist h3{padding-top:6px}
 .step-copy{padding:18px}.accordion-trigger{font-size:1.05rem;padding-right:48px}.accordion-panel .answer{padding:4px 22px 22px}
 th,td{padding:14px 16px;font-size:.92rem}.role-card{padding:26px 22px}.quote-mark{font-size:6rem;top:-40px}
 .footer-top{grid-template-columns:1fr}.footer-top>p{font-size:1.9rem}.notice-inner{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px 16px}.notice p{min-width:0;font-size:.98rem}.notice-link{grid-column:1/-1;justify-self:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.btn,.list-icon,.step-num,.icon-disc{border:1px solid ButtonText}.eyebrow:before{background:CanvasText}}
html[data-theme=dark] .btn-secondary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}html[data-theme=dark] .skip{background:#0f3d11}
/* Long words and large text sizes stay inside their columns. */
.hero-copy,.art-fact,.section-head,.media-copy,.cta-copy,.step-copy,.icon-card,.stat,.role-card{min-width:0}
h1,h2,h3,.eyebrow,.art-fact dt,.btn span{overflow-wrap:break-word;hyphens:none}
html[data-fs='3'] .eyebrow{letter-spacing:.14em}
@media(max-width:560px){html[data-fs='2'] h1,html[data-fs='3'] h1{font-size:clamp(2.1rem,10vw,2.7rem)}html[data-fs='3'] .art-grid{grid-template-columns:minmax(0,1fr)}html[data-fs='3'] .art-leaf{grid-row:auto;min-height:150px}html[data-fs='3'] .hero-feature .hero-grid{padding:30px 18px 26px}html[data-fs='3'] .hero-art{margin-right:10px}}
@media(max-width:360px){h1{font-size:2.3rem}html[data-fs='2'] h1,html[data-fs='3'] h1{font-size:1.95rem}h2{font-size:1.9rem}}
/* Photos: the hero's large tile and the page-head plate hold a photo when the block has one. */
.art-photo-wrap{position:absolute;inset:0}.art-photo-wrap img,.art-plate>img:not(.art-mark){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-leaf:has(.art-photo-wrap):before,.art-leaf:has(.art-photo-wrap) .art-mark{display:none}
.art-plate:has(>img:not(.art-mark)) .art-mark,.art-plate:has(>img:not(.art-mark)) .art-ring,.art-plate:has(>img:not(.art-mark)):after{display:none}
.art-leaf:has(.art-photo-wrap){grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:2.15}
/* About: the photograph full width beneath, rounded, with the connected line. */
.about-image{grid-column:1/-1;position:relative;margin-top:14px}.about-image img{width:100%;aspect-ratio:2.4;object-fit:cover;border-radius:var(--r-lg)}
.about-image:after{content:'';position:absolute;right:-18px;bottom:-18px;width:38%;height:60%;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);border-bottom-right-radius:calc(var(--r-lg) + 8px);pointer-events:none}
/* Quote: author line and the testimonial cards. */
.quote figcaption small,.quote-cards figcaption small{display:block;margin-top:4px;font-size:.72rem;letter-spacing:.2em;color:var(--muted)}
.quotes{background:var(--panel)}.quote-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.quote-cards li{display:flex}.quote-cards figure{position:relative;flex:1;display:flex;flex-direction:column;padding:56px 30px 30px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.quote-cards .quote-mark{position:absolute;left:26px;top:10px;font:200 4.5rem/1 var(--head);color:var(--orange);background:none;padding:0;height:48px;overflow:hidden}
.quote-cards blockquote p{font:300 1.2rem/1.55 var(--head);color:var(--forest)}.quote-cards figcaption{margin-top:auto;padding-top:24px;font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text)}
/* Gallery: the brand's rounded image grid inside the connected line. */
.g-frame{position:relative}.g-frame .art-line{inset:-20px 26px 26px -20px}
.g-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;grid-auto-flow:dense;gap:14px}
.g-grid li{overflow:hidden;border-radius:var(--r);background:var(--panel)}.g-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.g-grid li:hover img{transform:scale(1.04)}
.g-big{grid-column:span 2;grid-row:span 2}.g-wide{grid-column:span 2}
@media(max-width:1100px){.quote-cards{grid-template-columns:1fr}.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}}
@media(max-width:560px){.g-grid{grid-auto-rows:130px;gap:10px}.g-frame .art-line{inset:-12px 12px 12px -12px}.about-image img{aspect-ratio:1.5}.about-image:after{right:-10px;bottom:-10px}.quote-cards figure{padding:48px 22px 24px}}
html[data-theme=dark] .quote-cards figure{background:var(--card)}
/* Hero film: the whole hero's background under a forest tint, with the connected-line network drawn above it.
   The poster is always there first (phones, reduced motion, data saving); one control pauses film and network. */
.hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:inherit}
.hero-bg-poster,.hero-bg-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg-film{opacity:0;transition:opacity 1s ease}.hero-bg-film.is-playing{opacity:1}
.hero-bg-tint{position:absolute;inset:0;background:linear-gradient(100deg,#0b3a0cf2 0%,#104911e0 42%,#104911a8 72%,#10491180 100%)}
.hero-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-feature .hero-grid.has-film:before{z-index:-1;opacity:.6}
.has-film .art-fact:not(:last-child){background:#0b3a0c73;border-color:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.has-film .art-leaf{background:linear-gradient(155deg,#4a8b2ce6,#2f6a1ce6)}
.film-toggle{position:absolute;right:22px;bottom:22px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid #ffffffb3;background:#0b3a0ca6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.film-toggle:hover{background:#0b3a0c}.film-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.film-toggle .i-play{display:none;fill:currentColor}.film-toggle.is-paused .i-play{display:inline}.film-toggle.is-paused .i-pause{display:none}
.film-toggle:focus-visible{outline-color:var(--mustard)}
@media(max-width:1100px){.hero-bg-tint{background:linear-gradient(180deg,#0b3a0cf0 0%,#104911d9 55%,#104911b3 100%)}}
@media(prefers-reduced-motion:reduce){.hero-bg-film{transition:none}}
/* Full-width hero: the film panel runs edge to edge under the header; the copy keeps the page's content edges. */
.hero-feature{padding-top:0}
.hero-feature .hero-shell{max-width:none;padding-inline:0}
.hero-feature .hero-grid{border-radius:0;min-height:clamp(620px,calc(100svh - 124px),860px);padding-block:clamp(56px,7vw,110px);padding-inline:max(var(--gutter),calc((100vw - 1400px)/2 + var(--gutter)))}
.hero-feature .hero-grid.has-film .hero-bg-tint{background:linear-gradient(90deg,#0b3a0ceb 0%,#0f4410c7 38%,#1049117a 68%,#10491152 100%)}
@media(max-width:1100px){.hero-feature .hero-grid{min-height:0;padding-inline:var(--gutter)}.hero-feature .hero-grid.has-film .hero-bg-tint{background:linear-gradient(180deg,#0b3a0cf0 0%,#104911d4 55%,#104911a6 100%)}}
@media(max-width:560px){.hero-feature .hero-grid{padding:40px var(--gutter) 34px}}
/* Phones and small tablets: the accessibility panel is pinned inside the screen under the header, never off an edge. */
@media(max-width:800px){.a11y-panel{position:fixed;top:88px;left:16px;right:16px;width:auto;max-width:none;max-height:calc(100dvh - 104px)}}
/* A long fact (the client's location wording) sets smaller in its hero tile. */
.art-fact.is-long dt{font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.35;letter-spacing:0}
/* Page header facts: equal tiles in one row, a long value takes its own full-width row */
.hero-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;max-width:620px}.hero-chips div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 18px}.hero-chips dd{overflow-wrap:break-word}.hero-chips div.is-long{grid-column:1/-1}
@media(max-width:1100px){.hero-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-chips div:last-child:not(.is-long){grid-column:1/-1}}
/* Entrances: blocks start hidden from the first paint (class set in the page head), so the deferred script never
   hides something already on screen. The head script lifts this after 3s on its own if the main script never runs. */
html.rv-pre :is(.hero-copy,.hero-art,.notice-inner,.about .section-intro,.about-body,.about-image,.richtext .section-head,.richtext-body,.checklist .section-head,.checklist li,.table-grid .section-head,.table-wrap,.faq .section-head,.questions,.cta-grid>div:first-child,.cta-copy,.stats .section-head,.icon-grid .section-head,.gallery .section-head,.steps .section-head,.collection .section-head,.stat,.icon-card,.quote-cards li,.role-card,.steps li,.quote-inner figure,.g-frame){opacity:0}
/* Roles list: one column on tablets and phones, and the card number never splits */
.card-number{white-space:nowrap}
@media(max-width:800px){.cards{grid-template-columns:minmax(0,1fr)}}
/* Back-to-top in dark mode: the button turns light green, so the arrow and ring go dark */
html[data-theme=dark] #auto-top-link{border-color:#0c1a0d}html[data-theme=dark] #auto-top-link:after{border-color:#0c1a0d}

/* CMS only: the in-page anchor the platform renders for each block, and resets for rules theme.css still
   carries for the rotating hero, the older stats row and list spacing on the platform's other blocks. */
.ms-nav-anchor{display:block;scroll-margin-top:110px}
.hero-feature .hero-copy,.hero-pagehead .hero-copy{grid-area:auto;width:auto;display:block;visibility:visible;opacity:1;transition:none;padding:0}
.hero-feature>.hero-shell{display:block;padding-block:0;min-height:0}.hero-pagehead{color:var(--ink)}
.hero-feature .eyebrow{color:var(--light)!important;font-size:.72rem}.hero-pagehead .eyebrow{color:var(--accent-text)!important;font-size:.72rem}
section.stats{display:block}.stat-row .stat,.stat-row .stat:first-child{padding:34px 30px 32px;border:1px solid var(--line)}
.btn:hover{transform:none}
.section li+li,.oak-ats li+li{margin-top:0}
.art-photo-wrap>.oc-media{position:absolute;inset:0;width:100%;height:100%}.art-photo-wrap .oc-media-poster-pic,.art-photo-wrap .oc-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg>.oc-media{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.hero-bg .oc-media-poster-pic,.hero-bg .oc-media-poster,.hero-bg .oc-media-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg-tint,.hero-net{pointer-events:none}
.hero-bg .oc-media-toggle{position:absolute;right:22px;bottom:22px;left:auto;top:auto;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid #ffffffb3;background:#0b3a0ca6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hero-bg .oc-media-toggle[hidden]{display:none}.hero-bg .oc-media-toggle:hover{background:#0b3a0c}.hero-bg .oc-media-toggle:focus-visible{outline:3px solid var(--mustard);outline-offset:4px}
.table-block th{background:transparent}.table-block tr:nth-child(even):not(.hl) td{background:transparent}
