@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f4f1e7;--ink:#193d31;--muted:#52665b;--accent:#bb512e}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--paper)}
.page{max-width:1680px;min-height:100svh;margin:auto;padding:0 clamp(24px,5vw,88px);display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 23px;border-bottom:1px solid #193d3129}
.logo{display:block;width:190px;height:auto}
.header-note{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,84px);align-items:center;padding:48px 0 38px}
.copy{padding:12px 0}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 28px}
.eyebrow span{height:8px;width:8px;border-radius:50%;background:var(--accent)}
h1{font-size:clamp(62px,6.4vw,104px);font-weight:500;line-height:.97;letter-spacing:-.055em;margin:0}
h1 em{font-weight:500;font-style:normal;color:var(--accent)}
.description{font-size:18px;line-height:1.6;margin:30px 0 0;color:var(--muted)}
.small-rule{width:42px;height:2px;background:var(--accent);margin:28px 0 16px}
.signature{font-size:12px;letter-spacing:.09em;margin:0;text-transform:uppercase}
figure{margin:0;position:relative;align-self:stretch;min-height:570px;display:flex;flex-direction:column}
picture{display:block;flex:1;min-height:0;overflow:hidden;border-radius:240px 240px 6px 6px;background:#d8e4de;position:relative}
.course{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 50%}
.course-note{position:absolute;bottom:65px;left:-22px;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:16px;padding:20px 27px;transform:rotate(-3deg)}
.course-note svg{width:30px;height:38px;color:#edb076;flex:none}
.course-note span{font-size:16px;line-height:1.35;letter-spacing:.01em}
figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.07em;padding-top:16px;color:var(--muted)}
figcaption span:last-child{font-size:9px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #193d3129;padding:23px 0 26px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.checks{width:64px;height:16px;flex:none;background:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%) 0 0/16px 16px;opacity:.75}
@media(min-width:1000px) and (min-height:850px){main{padding-top:65px;padding-bottom:55px}figure{max-height:760px}}
@media(max-width:900px){.page{padding:0 30px}.logo{width:165px}main{gap:34px}h1{font-size:clamp(54px,7.6vw,72px)}figure{min-height:510px}.course-note{left:-12px;padding:16px 20px}.description{font-size:16px}figcaption span:last-child{display:none}}
@media(max-width:640px){.page{padding:0 24px}header{padding:22px 0 18px}.logo{width:150px}.header-note{font-size:9px;letter-spacing:.08em;max-width:80px;text-align:right;line-height:1.5}main{grid-template-columns:1fr;gap:34px;padding:35px 0 30px}.copy{padding:0}.eyebrow{font-size:10px;margin-bottom:24px}h1{font-size:clamp(56px,13vw,82px)}.description{margin-top:24px;font-size:16px}.small-rule,.signature{display:none}figure{min-height:0;height:370px;margin-left:22px}picture{border-radius:180px 180px 5px 5px}.course-note{bottom:48px;left:-22px;padding:15px 21px}.course-note span{font-size:14px}figcaption{font-size:10px}footer{font-size:10px;gap:12px;padding:19px 0 22px}.checks{width:32px}}
@media(prefers-reduced-motion:no-preference){.copy,figure{animation:arrive .75s cubic-bezier(.22,1,.36,1) both}figure{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}