@font-face{font-family:"Commissioner";src:url("/assets/fonts/Commissioner-GreekLatin.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
:root{--bg:#F4F3EC;--sage:#DCE4D5;--ink:#26362C;--ink2:#34463A;--muted:#5E7564;--leaf:#5F8468;--line:#9DB3A1;--deep:#4F6E57;--pad:clamp(24px,6vw,108px)}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hyphens:none}
h1{text-wrap:balance}p{text-wrap:pretty}
a{color:inherit}
:focus-visible{outline:2px solid var(--deep);outline-offset:4px;border-radius:6px}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.top{padding:clamp(22px,4vw,48px) var(--pad) 0}
.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:500;font-size:clamp(17px,1.6vw,20px);letter-spacing:.005em;color:var(--ink)}
.wordmark .mark{width:34px;height:34px;flex:none}
.wordmark .tld{color:var(--leaf)}
.hero{flex:1;position:relative;display:flex;align-items:center;padding:clamp(32px,5vh,72px) var(--pad) clamp(56px,9vh,110px)}
.copy{max-width:760px;position:relative;z-index:1}
.tag{display:inline-block;font-weight:600;font-size:clamp(11px,1.1vw,13px);letter-spacing:.2em;color:var(--deep);border:1.5px solid var(--line);border-radius:40px;padding:9px 18px 8px}
h1{font-weight:500;font-size:clamp(38px,7vw,96px);line-height:1.06;letter-spacing:-.025em;margin-top:clamp(22px,3.5vh,36px)}
.lead{font-weight:300;font-size:clamp(21px,2.3vw,32px);line-height:1.38;color:var(--leaf);letter-spacing:-.005em;margin-top:clamp(18px,3vh,30px);max-width:640px}
.ig{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(30px,5vh,48px);font-size:clamp(15px,1.3vw,17px);line-height:1.4;color:var(--ink2);text-decoration:none;padding:10px 0}
.ig svg{width:22px;height:22px;flex:none;color:var(--deep)}
.ig b{font-weight:500;color:var(--deep);border-bottom:1px solid var(--line);transition:border-color .2s}
.ig:hover b{border-color:var(--deep)}
.sprig{position:absolute;right:clamp(8px,11vw,200px);bottom:-4px;width:clamp(150px,22vw,300px);max-height:62vh;height:auto;transform-origin:50% 100%;animation:sway 7s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
@media (prefers-reduced-motion:reduce){.sprig{animation:none}}
.panel{background:var(--sage)}
.panel-in{padding:clamp(30px,5vh,56px) var(--pad) clamp(26px,4vh,44px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap}
.pro{font-size:clamp(17px,1.6vw,21px);line-height:1.45;color:var(--ink2);max-width:560px}
.pro-q{font-weight:600;color:var(--ink)}
.foot{font-size:14px;color:var(--muted);letter-spacing:.02em}
@media (max-width:900px){.hero{padding-bottom:clamp(170px,26vh,230px)}.sprig{width:clamp(110px,22vw,170px)}}
@media (max-width:640px){
  .hero{align-items:flex-start;padding-top:48px;padding-bottom:190px}
  .sprig{right:22px;width:120px}
  .pro-q{display:block;margin-bottom:2px}
  .panel-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){.sprig{stroke-width:3}}