:root{--step--2:clamp(.6944rem, .6577rem + .1836vw, .8rem);--step--1:clamp(.8333rem, .7754rem + .2899vw, 1rem);--step-0:clamp(1rem, .913rem + .4348vw, 1.25rem);--step-1:clamp(1.2rem, 1.0739rem + .6304vw, 1.5625rem);--step-2:clamp(1.44rem, 1.2615rem + .8924vw, 1.9531rem);--step-3:clamp(1.728rem, 1.4799rem + 1.2407vw, 2.4414rem);--step-4:clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);--step-5:clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);--space-3xs:clamp(.25rem, .2283rem + .1087vw, .3125rem);--space-2xs:clamp(.5rem, .4565rem + .2174vw, .625rem);--space-xs:clamp(.75rem, .6848rem + .3261vw, .9375rem);--space-s:clamp(1rem, .913rem + .4348vw, 1.25rem);--space-m:clamp(1.5rem, 1.3696rem + .6522vw, 1.875rem);--space-l:clamp(2rem, 1.8261rem + .8696vw, 2.5rem);--space-xl:clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);--space-2xl:clamp(4rem, 3.6522rem + 1.7391vw, 5rem);--space-3xl:clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);--space-3xs-2xs:clamp(.25rem, .1196rem + .6522vw, .625rem);--space-2xs-xs:clamp(.5rem, .3478rem + .7609vw, .9375rem);--space-xs-s:clamp(.75rem, .5761rem + .8696vw, 1.25rem);--space-s-m:clamp(1rem, .6957rem + 1.5217vw, 1.875rem);--space-m-l:clamp(1.5rem, 1.1522rem + 1.7391vw, 2.5rem);--space-l-xl:clamp(2rem, 1.3913rem + 3.0435vw, 3.75rem);--space-xl-2xl:clamp(3rem, 2.3043rem + 3.4783vw, 5rem);--space-2xl-3xl:clamp(4rem, 2.7826rem + 6.087vw, 7.5rem);--space-s-l:clamp(1rem, .4783rem + 2.6087vw, 2.5rem);--grid-max-width:77.5rem;--grid-columns:12;--grid-gutter:var(--space-s-l);--fluid-min-width:20rem;--fluid-max-width:77.5rem;--grid-viewport:100vi;--grid-track:calc((100% - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns));--grid-whole:100%;--grid-half:calc(6 * var(--grid-track) + 5 * var(--grid-gutter));--grid-third:calc(4 * var(--grid-track) + 3 * var(--grid-gutter));--grid-quarter:calc(3 * var(--grid-track) + 2 * var(--grid-gutter));--grid-two-thirds:calc(8 * var(--grid-track) + 7 * var(--grid-gutter))}
:root{--paper:#f8f2e4;--paper-warm:#f4e6ce;--green:#618d62;--green-mist:#e4ece3;--green-deep:#053305;--green-text:#4f7150;--clay:#c25a3d;--clay-deep:#8e3b22;--gold:#e0a93c;--gold-deep:#7a5a15;--ink:#222;--stone:#6b6259;--bone:#fff;--shadow-green:#618d6233;--highlight-white:#fffc;--bg:var(--paper);--bg-warm:var(--paper-warm);--bg-mint:var(--green-mist);--bg-inverse:var(--green);--fg:var(--ink);--fg-2:var(--stone);--fg-muted:#736a5e;--fg-accent:var(--green-text);--fg-link:var(--green-text);--fg-link-hover:var(--green-deep);--display-em-color:var(--green);--fg-on-inverse:var(--paper);--wash-clay:color-mix(in oklab, var(--clay) 7%, var(--paper));--wash-gold:color-mix(in oklab, var(--gold) 7%, var(--paper));--wash-green:color-mix(in oklab, var(--green) 8%, var(--paper));--wash-warm:radial-gradient(ellipse 100% 100% at 100% 100%, var(--paper-warm) 0%, var(--paper) 100%);--wash-mint:radial-gradient(ellipse 120% 90% at 50% 100%, var(--green-mist) 0%, var(--paper) 70%);--tier-1:var(--clay);--tier-1-soft:var(--clay);--tier-1-deep:var(--clay-deep);--tier-2:var(--gold);--tier-2-soft:var(--gold);--tier-2-deep:var(--gold-deep);--tier-3:var(--green);--tier-3-soft:var(--green);--tier-3-deep:var(--green-deep);--stroke:var(--green);--stroke-strong:var(--green-deep);--stroke-soft:#546f5459;--hairline:#2222221f;--shadow-card:4px 4px 20px 0 var(--shadow-green), inset 1px 1px 4px 0 var(--highlight-white);--shadow-card-soft:4px 4px 24px #546f541a;--shadow-button:0 1px 1px 0 var(--green-deep);--shadow-metallic:0 6px 16px -8px #00000029, 0 2px 5px -2px #00000017, 0 0 0 .5px #0000001a;--radius-xs:5px;--radius-sm:8px;--radius:17px;--radius-lg:32px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.15s;--dur:.22s;--dur-slow:.42s;--font-display:var(--font-playfair), "Playfair Display", Georgia, serif;--font-display-alt:var(--font-fraunces), "Fraunces", Georgia, serif;--font-ui:var(--font-inter), system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display-xl:clamp(4.5rem, 2rem + 10vw, 11rem);--display-2xl:clamp(6rem, 2rem + 16vw, 17.4375rem)}@property --cs-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --cs-tilt{syntax:"<angle>";inherits:false;initial-value:0deg}[data-metallic]{--metal-frame:conic-gradient(from calc(var(--cs-spin) + var(--cs-tilt)), #bdbdbd 0deg, #f2f2f2 38deg, #fff 55deg, #ededed 74deg, #c9c9c9 115deg, #b3b3b3 152deg, #d6d6d6 205deg, #f5f5f5 238deg, #cfcfcf 282deg, #b8b8b8 330deg, #bdbdbd 360deg);--metal-frame-gold:conic-gradient(from calc(var(--cs-spin) + var(--cs-tilt)), #cfa953 0deg, #f8e7b4 38deg, #fff7da 55deg, #f3e0a6 74deg, #d9b566 115deg, #c49d49 152deg, #e6c87f 205deg, #f9ecbf 238deg, #dcba6e 282deg, #cba450 330deg, #cfa953 360deg);--metal-frame-bronze:conic-gradient(from calc(var(--cs-spin) + var(--cs-tilt)), #9c6b3f 0deg, #dcab73 38deg, #f0cd9a 55deg, #d3a165 74deg, #a67842 115deg, #7f5628 152deg, #b5874f 205deg, #e4bb82 238deg, #a67842 282deg, #8c5e30 330deg, #9c6b3f 360deg)}
:root{--brand-name:"Calamansi Studio";--brand-logo-h:40px;--t-ground:var(--paper);--t-ground-warm:var(--paper-warm);--t-surface:#fff;--t-surface-sunk:var(--green-mist);--t-ink:var(--ink);--t-ink-2:var(--stone);--t-ink-muted:var(--fg-muted);--t-on-accent:var(--paper);--t-on-accent-bright:#fdfbf4;--t-accent:var(--green);--t-accent-soft:var(--green-mist);--t-accent-deep:var(--green-deep);--t-accent-2:var(--clay);--t-accent-2-deep:var(--clay-deep);--t-stroke:var(--stroke);--t-hairline:var(--hairline);--status-good:var(--green);--status-good-soft:var(--wash-green);--status-good-deep:var(--green-deep);--status-attention:var(--gold);--status-attention-soft:var(--wash-gold);--status-attention-deep:var(--gold-deep);--status-critical:var(--clay);--status-critical-soft:var(--wash-clay);--status-critical-deep:var(--clay-deep);--status-neutral:var(--stone);--status-neutral-soft:color-mix(in oklab, var(--stone) 10%, var(--paper));--status-neutral-deep:var(--ink);--t-font-display:var(--font-display);--t-font-ui:var(--font-ui);--t-font-mono:var(--font-mono);--t-radius:var(--radius);--t-radius-lg:var(--radius-lg);--t-radius-sm:var(--radius-sm);--t-radius-btn:var(--radius-pill);--t-shadow-card:var(--shadow-card-soft);--t-shadow-raised:var(--shadow-metallic)}[data-metallic]{--t-metal-frame:var(--metal-frame-bronze);--t-metal-edge:#4630143d}@media print{:root{--t-surface:#fff}}
[data-tenant=standalone]{--brand-name:"Northbeam";--brand-logo-h:26px;--t-ground:#f5f7f8;--t-ground-warm:#eceff1;--t-surface:#fff;--t-surface-sunk:#eaf1ef;--t-ink:#1a2024;--t-ink-2:#4f595f;--t-ink-muted:#8b959b;--t-on-accent:#fff;--t-on-accent-bright:#fff;--t-accent:#0e7c66;--t-accent-soft:#e1f0ec;--t-accent-deep:#0a5747;--t-accent-2:#3b5ba5;--t-accent-2-deep:#27407a;--t-stroke:#1a202438;--t-hairline:#1a20241a;--status-good:#0e7c66;--status-good-soft:#e1f0ec;--status-good-deep:#0a5747;--status-attention:#c98a14;--status-attention-soft:#faf0d9;--status-attention-deep:#7a5410;--status-critical:#c0392b;--status-critical-soft:#f8e6e3;--status-critical-deep:#8e261b;--status-neutral:#4f595f;--status-neutral-soft:#edeff0;--status-neutral-deep:#1a2024;--t-font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--t-font-ui:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--t-font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--t-radius:8px;--t-radius-lg:14px;--t-radius-sm:5px;--t-radius-btn:8px;--t-shadow-card:0 1px 2px #1a20240f, 0 8px 24px -12px #1a20242e;--t-shadow-raised:0 1px 2px #1a20241a, 0 2px 6px -2px #1a202424;background:var(--t-ground);color:var(--t-ink)}[data-tenant=standalone] [data-metallic]{--t-metal-frame:var(--metal-frame);--t-metal-edge:#1a20242e}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg);text-wrap:balance;font-weight:400;line-height:1.1}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3);font-family:var(--font-ui);font-weight:300;line-height:1.2}h4{font-size:var(--step-2);font-family:var(--font-ui);font-weight:300;line-height:1.3}h5{font-size:var(--step-1);font-family:var(--font-ui);font-weight:400;line-height:1.3}h6{font-size:var(--step-0);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;font-weight:500;line-height:1.4}p{text-wrap:pretty}p+p{margin-top:var(--space-s)}a{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--stroke-soft);text-decoration-color:var(--stroke-soft);transition:text-decoration-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out)}a:hover{-webkit-text-decoration-color:var(--stroke-strong);text-decoration-color:var(--stroke-strong);color:var(--green-deep)}ul,ol{margin-bottom:var(--space-m);padding-left:var(--space-l)}li{margin-bottom:var(--space-xs)}::selection{background:var(--gold);color:var(--green-deep)}
.skip-link{top:var(--space-s);left:var(--space-s);z-index:100;padding:var(--space-2xs) var(--space-s);background:var(--green-deep);color:var(--paper);border-radius:var(--radius-sm);font-family:var(--font-ui);transform:translateY(calc(-100% - var(--space-m)));transition:transform var(--dur) var(--ease-out);font-weight:500;text-decoration:none;position:absolute}.skip-link:focus-visible{outline:2px solid var(--paper);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}