@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/instrument-sans-italic-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/instrument-sans-italic.woff2) format('woff2');
  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: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/instrument-sans-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/instrument-sans.woff2) format('woff2');
  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: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/instrument-serif-italic-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/instrument-serif-italic.woff2) format('woff2');
  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: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/instrument-serif-ext.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/instrument-serif.woff2) format('woff2');
  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;
}
:root{
  --font-display:"Instrument Sans","Neue Haas Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-sans:"Instrument Sans","Neue Haas Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;
}
:root{
  --color-forest-950:#0B1310;
  --color-forest-900:#101B16;
  --color-forest-800:#17231C;
  --color-forest-700:#22302A;
  --color-sage:#697361;
  --color-sage-light:#8C9483;
  --color-olive:#6A6F52;
  --color-clay:#927D66;
  --color-ivory:#F2EFE8;
  --color-ivory-raised:#F7F4EE;
  --color-stone:#B8B7AF;
  --color-stone-deep:#8A8A82;
  --color-nearblack:#111111;
  --color-white:#FFFFFF;
  --background-primary:var(--color-ivory);
  --background-elevated:var(--color-ivory-raised);
  --background-dark:var(--color-forest-950);
  --background-dark-elevated:var(--color-forest-800);
  --background-inset:#EBE7DE;
  --text-primary:var(--color-nearblack);
  --text-secondary:#3E4740;
  --text-muted:#6E756B;
  --text-inverse:var(--color-ivory);
  --text-inverse-secondary:rgba(242,239,232,.72);
  --text-inverse-muted:rgba(242,239,232,.52);
  --border-subtle:rgba(17,17,17,.14);
  --border-strong:rgba(17,17,17,.34);
  --border-dark:rgba(105,115,97,.28);
  --border-inverse:rgba(242,239,232,.22);
  --accent-primary:var(--color-sage);
  --accent-muted:var(--color-sage-light);
  --accent-warm:var(--color-clay);
  --accent-on-dark:var(--color-sage-light);
  --focus-ring:var(--color-sage);
  --focus-ring-inverse:var(--color-sage-light);
  --state-error:#8C4A3A;
  --state-success:var(--color-sage);
}
.off-dark{
  --background-primary:var(--color-forest-950);
  --background-elevated:var(--color-forest-800);
  --background-inset:var(--color-forest-900);
  --text-primary:var(--color-ivory);
  --text-secondary:rgba(242,239,232,.72);
  --text-muted:rgba(242,239,232,.52);
  --text-inverse:var(--color-nearblack);
  --border-subtle:rgba(242,239,232,.16);
  --border-strong:rgba(242,239,232,.34);
  --accent-primary:var(--color-sage-light);
  --focus-ring:var(--color-sage-light);
  --state-error:#C08A78;
  color:var(--text-primary);
  background:var(--background-primary);
}
:root{
  --text-display-xl:clamp(2.75rem,6.2vw,6rem);
  --text-display-l:clamp(2.25rem,4.4vw,3.75rem);
  --text-display-m:clamp(1.75rem,2.9vw,2.5rem);
  --text-heading-s:clamp(1.375rem,1.8vw,1.75rem);
  --text-body-l:clamp(1.0625rem,1.15vw,1.25rem);
  --text-body-m:1rem;
  --text-body-s:0.875rem;
  --text-label:0.6875rem;
  --text-intelligence:0.75rem;
  --text-numeric-xl:clamp(3.5rem,8vw,7.5rem);
  --leading-display:1.02;
  --leading-display-loose:1.08;
  --leading-heading:1.16;
  --leading-body:1.6;
  --leading-body-tight:1.45;
  --leading-label:1.2;
  --tracking-display:-0.03em;
  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.04em;
  --tracking-label:0.16em;
  --tracking-label-loose:0.2em;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
}
.type-display-xl{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--text-display-xl);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance}
.type-display-l{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--text-display-l);line-height:var(--leading-display-loose);letter-spacing:var(--tracking-display);text-wrap:balance}
.type-display-m{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--text-display-m);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);text-wrap:balance}
.type-heading-s{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--text-heading-s);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight)}
.type-numeric{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--text-numeric-xl);line-height:1;letter-spacing:-0.02em;font-variant-numeric:lining-nums}
.type-body-l{font-family:var(--font-sans);font-size:var(--text-body-l);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);text-wrap:pretty}
.type-body-m{font-family:var(--font-sans);font-size:var(--text-body-m);line-height:var(--leading-body);text-wrap:pretty}
.type-body-s{font-family:var(--font-sans);font-size:var(--text-body-s);line-height:var(--leading-body-tight);color:var(--text-secondary)}
.type-label{font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-primary)}
.type-intelligence{font-family:var(--font-sans);font-size:var(--text-intelligence);font-weight:var(--weight-regular);line-height:1.35;letter-spacing:0.01em}
.type-italic{font-style:italic}
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;
  --space-40:160px;
  --space-48:192px;
  --space-section-sm:clamp(48px,6vw,80px);
  --space-section-md:clamp(72px,9vw,128px);
  --space-section-lg:clamp(96px,13vw,192px);
  --space-section-xl:clamp(128px,18vw,264px);
}
:root{
  --width-max:1600px;
  --width-wide:1440px;
  --width-content:1160px;
  --width-medium:880px;
  --width-reading:640px;
  --width-micro:280px;
  --gutter:20px;
  --grid-columns:12; 
  --grid-gap:clamp(16px,2vw,32px);
  --breakpoint-sm:600px;
  --breakpoint-md:900px;
  --breakpoint-lg:1280px;
  --breakpoint-xl:1600px;
}
@media (min-width:600px){:root{--gutter:32px}}
@media (min-width:900px){:root{--gutter:48px}}
@media (min-width:1280px){:root{--gutter:64px}}
@media (min-width:1600px){:root{--gutter:80px}}
:root{
  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-pill:999px; 
  --hairline:1px;
  --border-hairline:1px solid var(--border-subtle);
  --border-hairline-dark:1px solid var(--border-dark);
  --border-hairline-inverse:1px solid var(--border-inverse);
  --shadow-none:none;
  --shadow-subtle:0 1px 2px rgba(11,19,16,.06),0 8px 24px rgba(11,19,16,.06);
  --shadow-lifted:0 12px 48px rgba(11,19,16,.18);
}
:root{
  --duration-fast:160ms; 
  --duration-medium:280ms; 
  --duration-slow:650ms; 
  --duration-cinematic:18s; 
  --ease-standard:cubic-bezier(.2,.7,.2,1); 
  --ease-entrance:cubic-bezier(.16,.84,.44,1); 
  --transition-fast:var(--duration-fast) var(--ease-standard); 
  --transition-medium:var(--duration-medium) var(--ease-standard); 
  --transition-slow:var(--duration-slow) var(--ease-entrance); 
}
@keyframes off-reveal-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes off-fade-in{from{opacity:0}to{opacity:1}}
@keyframes off-line-extend{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes off-signal-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes off-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}
}
:root{
  --layer-base:0; 
  --layer-media:10; 
  --layer-overlay:20; 
  --layer-annotation:30; 
  --layer-sticky:40; 
  --layer-nav:50; 
  --layer-modal:60; 
  --layer-toast:70; 
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--background-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-m);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);line-height:var(--leading-heading)}
p{margin:0;text-wrap:pretty}
img,svg,video{display:block;max-width:100%}
figure{margin:0}
a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}
a:hover{color:var(--accent-primary)}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
hr{border:0;border-top:var(--border-hairline);margin:0}
::selection{background:var(--color-sage);color:var(--color-ivory)}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.off-container{width:100%;max-width:var(--width-content);margin-inline:auto;padding-inline:var(--gutter)}
.off-container--wide{max-width:var(--width-wide)}
.off-container--max{max-width:var(--width-max)}
.off-container--medium{max-width:var(--width-medium)}
.off-container--reading{max-width:var(--width-reading)}
.off-measure-reading{max-width:var(--width-reading)}
.off-measure-medium{max-width:var(--width-medium)}
.off-measure-micro{max-width:var(--width-micro)}
.off-section{padding-block:var(--space-section-md)}
.off-section--sm{padding-block:var(--space-section-sm)}
.off-section--lg{padding-block:var(--space-section-lg)}
.off-section--xl{padding-block:var(--space-section-xl)}
.off-section--dark{background:var(--color-forest-950);color:var(--color-ivory)}
.off-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap)}
@media (max-width:899px){.off-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:599px){.off-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.off-stack{display:flex;flex-direction:column;gap:var(--space-4)}
.off-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.off-bleed{width:100vw;margin-inline:calc(50% - 50vw);max-width:none}
.off-rule{height:1px;background:var(--border-subtle);border:0}
.off-rule--strong{background:var(--border-strong)}
.off-rule--dark{background:var(--border-dark)}
.off-rule--inverse{background:var(--border-inverse)}
.off-media{position:relative;overflow:hidden;border-radius:var(--radius-none);background:var(--color-forest-900);isolation:isolate}
.off-media > img,.off-media > video{width:100%;height:100%;object-fit:cover}
.off-media--soft{border-radius:var(--radius-xs)}
.off-media--3x2{aspect-ratio:3/2}
.off-media--16x9{aspect-ratio:16/9}
.off-media--4x5{aspect-ratio:4/5}
.off-media--square{aspect-ratio:1/1}
.off-treatment-cinematic > img,.off-treatment-cinematic > video{filter:saturate(.82) contrast(1.04) brightness(.72)}
.off-treatment-editorial > img,.off-treatment-editorial > video{filter:saturate(.94) contrast(1.02)}
.off-treatment-analytical > img,.off-treatment-analytical > video{filter:saturate(.42) contrast(1.12) brightness(.66)}
.off-treatment-reduced > img,.off-treatment-reduced > video{filter:grayscale(1) contrast(1.06) brightness(.9)}
.off-treatment-ivory-fade{background:transparent}
.off-treatment-ivory-fade > img{-webkit-mask-image:radial-gradient(75% 70% at 50% 50%,#000 42%,transparent 88%);mask-image:radial-gradient(75% 70% at 50% 50%,#000 42%,transparent 88%)}
.off-overlay{position:absolute;inset:0;z-index:var(--layer-overlay);pointer-events:none}
.off-overlay--forest{background:linear-gradient(180deg,rgba(11,19,16,.72) 0%,rgba(11,19,16,.44) 38%,rgba(11,19,16,.66) 100%)}
.off-overlay--forest-soft{background:rgba(11,19,16,.38)}
.off-overlay--bottom{background:linear-gradient(180deg,transparent 40%,rgba(11,19,16,.78) 100%)}
.off-overlay--analysis{background:radial-gradient(60% 60% at 50% 50%,rgba(105,115,97,.10),transparent 70%),linear-gradient(180deg,rgba(11,19,16,.34),rgba(11,19,16,.52))}
.off-overlay--ivory-dissolve{background:radial-gradient(70% 70% at 50% 50%,transparent 40%,var(--color-ivory) 86%)}
.off-texture-grain{position:relative}
.off-texture-grain::after{content:"";position:absolute;inset:0;z-index:var(--layer-overlay);pointer-events:none;background-image:var(--texture-grain,none);background-size:cover;opacity:.07;mix-blend-mode:overlay}
.off-texture-grid::after{content:"";position:absolute;inset:0;z-index:var(--layer-overlay);pointer-events:none;background-image:var(--texture-grid,none);background-size:cover;opacity:.10}
.off-reveal{animation:off-reveal-up var(--duration-slow) var(--ease-entrance) both}
.off-fade{animation:off-fade-in var(--duration-slow) var(--ease-standard) both}
.off-drift{animation:off-drift var(--duration-cinematic) var(--ease-standard) infinite alternate}
.off-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.off-skip-link{position:absolute;left:var(--space-4);top:-100%;z-index:var(--layer-modal);background:var(--color-forest-950);color:var(--color-ivory);padding:var(--space-3) var(--space-4)}
.off-skip-link:focus{top:var(--space-4)}
.off-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-xs);background:none;font-family:var(--font-sans);font-size:var(--text-body-s);font-weight:var(--weight-medium);letter-spacing:.01em;cursor:pointer;transition:background var(--transition-medium),color var(--transition-medium),border-color var(--transition-medium)}
.off-btn__arrow{display:inline-block;transition:transform var(--transition-medium);will-change:transform}
.off-btn:hover .off-btn__arrow{transform:translateX(4px)}
.off-btn--dark{background:var(--color-forest-950);color:var(--color-ivory);border-color:var(--color-forest-950)}
.off-btn--dark:hover{background:var(--color-forest-800);border-color:var(--color-forest-800);color:var(--color-ivory)}
.off-btn--light{background:var(--color-ivory);color:var(--color-nearblack);border-color:var(--color-ivory)}
.off-btn--light:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-nearblack)}
.off-btn--outline{background:transparent;color:currentColor;border-color:var(--border-strong)}
.off-btn--outline:hover{border-color:currentColor;background:rgba(105,115,97,.06)}
.off-btn--sm{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-body-s)}
.off-btn--lg{min-height:56px;padding:var(--space-4) var(--space-8)}
.off-btn--block{width:100%}
.off-btn[disabled],.off-btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed}
.off-btn[disabled] .off-btn__arrow{transform:none}
.off-link{display:inline-flex;align-items:baseline;gap:var(--space-2);position:relative;font-family:var(--font-sans);font-size:var(--text-body-s);color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:left}
.off-link__label{position:relative;padding-bottom:2px}
.off-link__label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.32;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-medium) var(--ease-standard),opacity var(--transition-medium)}
.off-link:hover .off-link__label::after{transform:scaleX(1);opacity:.7}
.off-link__arrow{display:inline-block;transition:transform var(--duration-medium) var(--ease-standard)}
.off-link:hover .off-link__arrow{transform:translateX(4px)}
.off-link--rule .off-link__label::after{transform:scaleX(1);opacity:.28}
.off-link--rule:hover .off-link__label::after{opacity:.6}
.off-link--nav{font-size:var(--text-body-s);color:var(--text-secondary)}
.off-link--nav:hover{color:var(--text-primary)}
.off-link--nav[aria-current="page"]{color:var(--text-primary)}
.off-link--nav[aria-current="page"] .off-link__label::after{transform:scaleX(1);opacity:.5}
.off-link--editorial{font-family:var(--font-display);font-size:var(--text-heading-s)}
.off-link--inline{display:inline;font-size:inherit;color:var(--accent-primary);border-bottom:1px solid var(--border-dark)}
.off-link--inline:hover{border-bottom-color:currentColor}
.off-link--muted{color:var(--text-muted)}
.off-link--muted:hover{color:var(--text-primary)}
.off-label{white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-primary)}
.off-label--muted{color:var(--text-muted)}
.off-label--inverse{color:var(--accent-on-dark)}
.off-label--warm{color:var(--accent-warm)}
.off-label--rule{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}
.off-label--indexed{letter-spacing:var(--tracking-label-loose)}
.off-label__tick{width:14px;height:1px;background:currentColor;opacity:.6}
.off-icon{display:inline-block;flex:none;width:var(--off-icon-size,18px);height:var(--off-icon-size,18px);color:var(--accent-primary)}
.off-icon img{width:100%;height:100%;display:block;opacity:.85}
.off-icon--sm{width:14px;height:14px}
.off-icon--lg{width:24px;height:24px}
.off-signal{display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-sans);animation:off-signal-in var(--duration-slow) var(--ease-entrance) both}
.off-signal__dot{flex:none;width:5px;height:5px;margin-top:6px;border-radius:var(--radius-pill);background:var(--color-ivory);box-shadow:0 0 0 3px rgba(242,239,232,.14)}
.off-signal__body{display:flex;flex-direction:column;gap:1px}
.off-signal__title{font-size:var(--text-intelligence);line-height:1.35;color:var(--color-ivory);letter-spacing:.01em}
.off-signal__meta{font-size:var(--text-intelligence);line-height:1.35;color:rgba(242,239,232,.6)}
.off-signal--dark .off-signal__dot{background:var(--color-sage);box-shadow:0 0 0 3px rgba(105,115,97,.18)}
.off-signal--dark .off-signal__title{color:var(--text-primary)}
.off-signal--dark .off-signal__meta{color:var(--text-muted)}
.off-signal__lead{flex:none;height:1px;width:var(--off-signal-lead,28px);margin-top:8px;background:rgba(242,239,232,.34);transform-origin:left;animation:off-line-extend var(--duration-slow) var(--ease-standard) both}
.off-signal-list{display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:var(--layer-annotation)}
.off-signal-list::before{content:"";position:absolute;left:2px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,rgba(242,239,232,.22),transparent)}
.off-annotation{position:absolute;z-index:var(--layer-annotation);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:rgba(11,19,16,.72);backdrop-filter:blur(6px);border:1px solid rgba(242,239,232,.14);border-radius:var(--radius-none);min-width:132px}
.off-annotation__label{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(242,239,232,.56)}
.off-annotation__value{font-family:var(--font-sans);font-size:var(--text-body-s);color:var(--color-ivory)}
.off-annotation--plain{background:none;backdrop-filter:none;border:0;padding:0}
.off-annotation--plain .off-annotation__value{text-shadow:0 1px 12px rgba(11,19,16,.8)}
.off-perspective{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px;background:var(--background-elevated)}
.off-perspective__option{min-height:40px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:none;font-family:var(--font-sans);font-size:var(--text-body-s);color:var(--text-muted);cursor:pointer;transition:background var(--transition-medium),color var(--transition-medium)}
.off-perspective__option[aria-pressed="true"]{background:var(--color-forest-950);color:var(--color-ivory)}
.off-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-8)}
.off-field__label{font-family:var(--font-sans);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}
.off-field__req{color:var(--accent-primary)}
.off-field__help{font-size:var(--text-body-s);color:var(--text-muted)}
.off-field__error{font-size:var(--text-body-s);color:var(--state-error)}
.off-input,.off-textarea,.off-select{width:100%;min-height:56px;padding:var(--space-4) 0;background:transparent;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;font-family:var(--font-sans);font-size:var(--text-body-l);color:var(--text-primary);transition:border-color var(--transition-medium)}
.off-input::placeholder,.off-textarea::placeholder{color:var(--text-muted);opacity:.72}
.off-input:hover,.off-textarea:hover,.off-select:hover{border-bottom-color:var(--border-strong)}
.off-input:focus,.off-textarea:focus,.off-select:focus{outline:none;border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 0 var(--accent-primary)}
.off-textarea{min-height:132px;padding-block:var(--space-4);resize:vertical;line-height:var(--leading-body)}
.off-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 10px) calc(50% + 1px),calc(100% - 5px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-8);cursor:pointer}
.off-field--error .off-input,.off-field--error .off-textarea,.off-field--error .off-select{border-bottom-color:var(--state-error)}
.off-input[disabled],.off-textarea[disabled],.off-select[disabled]{opacity:.42;cursor:not-allowed}
.off-check{display:flex;align-items:flex-start;gap:var(--space-3);min-height:44px;padding-block:var(--space-2);cursor:pointer;font-size:var(--text-body-m)}
.off-check input{appearance:none;flex:none;width:18px;height:18px;margin:3px 0 0;border:1px solid var(--border-strong);border-radius:var(--radius-none);background:transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}
.off-check--radio input{border-radius:var(--radius-pill)}
.off-check input:checked{background:var(--color-forest-950);border-color:var(--color-forest-950)}
.off-check--radio input:checked{background:radial-gradient(circle,var(--color-ivory) 0 3px,var(--color-forest-950) 4px)}
.off-check input:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}
.off-check__text{display:flex;flex-direction:column;gap:2px}
.off-check__note{font-size:var(--text-body-s);color:var(--text-muted)}
.off-upload{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px;padding:var(--space-4) var(--space-5);border:1px dashed var(--border-strong);background:transparent;cursor:pointer;transition:border-color var(--transition-medium),background var(--transition-medium)}
.off-upload:hover{border-color:var(--accent-primary);background:rgba(105,115,97,.05)}
.off-upload__hint{font-size:var(--text-body-s);color:var(--text-muted)}
.off-form-note{display:flex;gap:var(--space-3);align-items:flex-start;padding-top:var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--text-body-s);color:var(--text-muted)}
.off-form-success{padding:var(--space-6) 0;border-top:1px solid var(--accent-primary);font-family:var(--font-display);font-size:var(--text-heading-s)}
.off-dark .off-input,.off-dark .off-textarea,.off-dark .off-select{color:var(--color-ivory);border-bottom-color:rgba(242,239,232,.24)}
.off-dark .off-input::placeholder,.off-dark .off-textarea::placeholder{color:rgba(242,239,232,.5)}
.off-dark .off-input:focus,.off-dark .off-textarea:focus,.off-dark .off-select:focus{border-bottom-color:var(--color-sage-light);box-shadow:0 1px 0 0 var(--color-sage-light)}
.off-dark .off-check input{border-color:rgba(242,239,232,.36)}
.off-dark .off-check input:checked{background:var(--color-ivory);border-color:var(--color-ivory)}
.off-dark .off-check--radio input:checked{background:radial-gradient(circle,var(--color-forest-950) 0 3px,var(--color-ivory) 4px)}
.off-opportunity{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-none);background:var(--background-elevated)}
.off-opportunity--dark{background:var(--color-forest-800);border-color:var(--border-inverse);color:var(--color-ivory)}
.off-opportunity__head{display:flex;flex-direction:column;gap:var(--space-2)}
.off-opportunity__title{font-family:var(--font-display);font-size:var(--text-heading-s);line-height:var(--leading-heading)}
.off-opportunity__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--space-4) var(--space-6);padding-block:var(--space-5);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.off-opportunity--dark .off-opportunity__facts{border-color:var(--border-inverse)}
.off-opportunity__fact{display:flex;flex-direction:column;gap:var(--space-1)}
.off-opportunity__fact dt{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}
.off-opportunity__fact dd{margin:0;font-size:var(--text-body-m)}
.off-opportunity__reason{font-size:var(--text-body-s);line-height:var(--leading-body);color:var(--text-secondary)}
.off-opportunity--dark .off-opportunity__reason{color:rgba(242,239,232,.72)}
.off-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-left:1px solid var(--border-dark);background:transparent}
.off-panel__title{font-family:var(--font-sans);font-size:var(--text-body-s);font-weight:var(--weight-medium)}
.off-panel__body{font-size:var(--text-body-s);color:var(--text-secondary)}
.off-step{display:flex;flex-direction:column;gap:var(--space-4)}
.off-step__index{font-family:var(--font-display);font-size:1.75rem;color:var(--text-muted);line-height:1}
.off-step__title{font-family:var(--font-display);font-size:1.375rem;line-height:1.2}
.off-step__body{font-size:var(--text-body-s);color:var(--text-secondary);max-width:26ch}
.off-dark .off-step__body{color:rgba(242,239,232,.66)}
.off-dark .off-step__index{color:rgba(242,239,232,.42)}
.off-header{position:relative;z-index:var(--layer-nav);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) var(--gutter)}
.off-header__nav{display:flex;align-items:center;gap:var(--space-10)}
.off-header__logo img{height:22px;width:auto}
.off-footer{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-section-sm) var(--gutter) var(--space-10);background:var(--color-forest-950);color:var(--color-ivory)}
.off-footer__cols{display:flex;flex-wrap:wrap;gap:var(--space-16);justify-content:space-between}
.off-footer__col{display:flex;flex-direction:column;gap:var(--space-3)}
.off-footer__meta{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--border-inverse);font-size:var(--text-body-s);color:rgba(242,239,232,.52)}
.off-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-8)}
@media (max-width:1279px){.off-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-8)}}
@media (max-width:767px){.off-sequence{grid-template-columns:minmax(0,1fr);gap:var(--space-16)}}
.off-duo{display:grid;grid-template-columns:var(--off-duo-cols,1fr 1fr);gap:var(--space-24)}
@media (max-width:1023px){.off-duo{grid-template-columns:minmax(0,1fr);gap:var(--space-16)}}
.off-duo__divide{border-left:1px solid var(--border-subtle);padding-left:var(--space-16)}
@media (max-width:1023px){.off-duo__divide{border-left:0;padding-left:0;border-top:1px solid var(--border-subtle);padding-top:var(--space-12)}}