:root{color-scheme:light;--paper:#f6f5ef;--ink:#183b31;--muted:#58675e;--line:#d5dace;--lime:#d3e692;--orange:#bd502e;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.skip-link{position:absolute;top:1rem;left:1rem;z-index:5;background:var(--ink);color:white;padding:1rem;transform:translateY(-180%);border-radius:.4rem}
.skip-link:focus{transform:none}
.page-shell{max-width:1360px;margin:auto;padding:0 clamp(1.5rem,5.5vw,5rem)}
.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.25rem;font-weight:700;line-height:1.1}
.brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;background:var(--ink);color:var(--paper);border-radius:50%;font-family:var(--serif);font-size:2rem;letter-spacing:-.2rem;padding-right:.2rem}
.brand-subtitle{display:block;font-size:.55rem;letter-spacing:.17em;margin-top:.45rem;font-weight:400}
.header-note{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem}
.header-note>span{width:.4rem;height:.4rem;border-radius:50%;background:var(--orange)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:5.5rem 0 6rem}
.hero-copy{min-width:0}
.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.17em;line-height:1.6;margin:0 0 1.8rem}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:.6rem}
.hero-copy>.eyebrow>span{width:1.1rem;height:1px;background:var(--orange)}
h1{font-size:clamp(3.5rem,6.8vw,6.2rem);letter-spacing:-.065em;font-weight:500;line-height:.98;margin:0 0 1.8rem}
h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
.title-dot{color:var(--orange)}
.hero-description{max-width:28rem;font-size:1.08rem;line-height:1.8;color:var(--muted);margin:0 0 2rem}
.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:2.8rem;background:var(--ink);color:#fff;text-decoration:none;padding:1.1rem 1.5rem;border-radius:2.5rem;min-height:3.5rem;font-size:.9rem;font-weight:700;transition:background .15s,transform .15s}
.cta>span{font-size:1.25rem;line-height:1}
.cta:hover{background:#285743;transform:translateY(-2px)}
.hero-footnote{font-size:.73rem;color:var(--muted);margin:1.1rem 0 0}
.artwork{position:relative;isolation:isolate;min-width:0;aspect-ratio:1/1.12;background:#e9ecdf;border-radius:1rem;overflow:hidden}
.art-corner{position:absolute;left:1.8rem;top:1.8rem;z-index:2;font-size:.6rem;font-weight:700;letter-spacing:.12em}
.orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid #71816e;border-radius:50%;opacity:.4;transform:rotate(-28deg)}
.orbit-one{left:25%;top:10%}
.orbit-two{left:15%;top:17%}
.green-shape{position:absolute;width:49%;height:62%;left:12%;top:19%;background:var(--ink);border-radius:8rem 8rem 1rem 1rem;transform:rotate(-16deg)}
.lime-shape{position:absolute;width:43%;height:43%;left:44%;top:31%;background:var(--lime);border-radius:50% 50% 50% 1rem;transform:rotate(-16deg)}
.orange-circle{position:absolute;width:16%;aspect-ratio:1;left:59%;top:17%;background:var(--orange);border-radius:50%;box-shadow:0 6px 24px #183b3114}
.art-spark{position:absolute;left:20%;top:28%;font-size:clamp(3rem,5vw,5rem);color:var(--paper);line-height:1}
.art-caption{position:absolute;bottom:2rem;left:1.8rem;right:1.8rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;font-family:var(--serif);font-size:1.7rem;line-height:1.15;letter-spacing:-.025em}
.art-arrow{font-family:Arial,Helvetica,sans-serif;font-size:2.6rem;line-height:1}
.presentation{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--line);padding:4rem 0 5rem;scroll-margin-top:2rem}
.presentation:focus{outline:2px solid var(--ink);outline-offset:10px;border-radius:.25rem}
.section-intro{display:flex;align-items:baseline;gap:1rem}
.section-intro>.eyebrow{margin:0}
.section-number{font-size:.75rem;color:var(--orange);font-weight:700}
h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:500;letter-spacing:-.045em;line-height:1.13;margin:0 0 1.7rem}
h2 em{font-family:var(--serif);font-weight:400}
.presentation-copy{max-width:37rem}
.presentation-copy>p{color:var(--muted);font-size:1rem;line-height:1.8;margin:0 0 1rem}
.closing-note{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.8rem;line-height:1.6}
.closing-note>span:first-child{color:var(--orange);font-size:1.5rem}
.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.7rem 0 2rem;border-top:1px solid var(--line);font-size:.7rem;line-height:1.7;color:var(--muted)}
.footer>span:first-child{color:var(--ink);font-weight:700}
@media(max-width:760px){.header{padding:1.5rem 0}.hero{grid-template-columns:1fr;gap:2.8rem;padding:3.3rem 0 3.5rem}.hero-copy>.eyebrow{margin-bottom:1.5rem}h1{font-size:clamp(3.7rem,13vw,5.5rem)}.hero-description{font-size:1rem;max-width:31rem}.artwork{aspect-ratio:1.13;max-width:33rem;width:100%}.art-spark{font-size:3.6rem}.art-caption{font-size:1.45rem;bottom:1.5rem}.green-shape{height:54%;top:15%}.lime-shape{height:38%;top:29%}.presentation{grid-template-columns:1fr;gap:2rem;padding:2.7rem 0 3.3rem}.presentation-copy{max-width:100%}.header-note{font-size:.65rem}.footer{flex-wrap:wrap}.art-corner{top:1.5rem}}
@media(max-width:360px){.header-note{display:none}.art-caption{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}.cta:hover{transform:none}}