:root{--bg:#f4f0e6;--card:#fffdf8;--ink:#17231f;--mute:#5a6963;--accent:#1f5a4a;--accent2:#c2762a;--line:#e1dac8;--shadow:0 1px 2px rgba(23,35,31,.06),0 12px 30px -12px rgba(23,35,31,.18)}
@media (prefers-color-scheme:dark){:root{--bg:#0e1412;--card:#161e1b;--ink:#ece8dd;--mute:#a0aea8;--accent:#7fc4a8;--accent2:#e8a85c;--line:#26312d;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -12px rgba(0,0,0,.6)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent2)}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:.01em;color:var(--ink);text-decoration:none;margin-right:auto}
.brand svg{width:26px;height:26px;flex:none}.brand span{color:var(--accent2)}
nav a{margin-right:20px;text-decoration:none;color:var(--mute);font-size:15px;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink)}nav a[aria-current]{color:var(--ink);border-color:var(--accent2)}
nav a:last-child{margin-right:0}
h1{font:700 clamp(34px,6vw,58px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.01em;margin:.2em 0 .3em}
h2{font:700 27px/1.2 Georgia,"Times New Roman",serif;margin:2em 0 .5em}
h3{margin:1.4em 0 .3em;font-size:18px}
.hero{padding:60px 0 28px}.lead{font-size:20px;color:var(--mute);max-width:680px}
.panel{position:relative;overflow:hidden;border-radius:28px;margin:26px 0 8px;min-height:440px;display:flex;align-items:flex-end;color:#f4efe2;box-shadow:var(--shadow);isolation:isolate}
.panel>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,16,14,.78) 0%,rgba(7,16,14,.45) 55%,rgba(7,16,14,0) 100%)}
.panel .in{padding:44px clamp(22px,5vw,56px);max-width:640px}
.panel h1{color:#fbf6e9;margin-top:.35em}.panel .lead{color:#d6dfd9}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#f0b873;font-weight:600}
.panel .btn{background:#f0b873;color:#14201c}.panel .btn.ghost{background:none;color:#f4efe2;border-color:rgba(244,239,226,.4)}
.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 11px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}
.tag.soon{color:var(--accent2);border-color:color-mix(in srgb,var(--accent2) 55%,transparent)}.tag.oss{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:22px 0 40px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);border-color:var(--accent2)}
.card h3{margin:.6em 0 .2em;font-size:22px;font-family:Georgia,"Times New Roman",serif}.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card p{margin:.3em 0 .4em;color:var(--mute)}
.stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin:26px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--mute);font-size:15px}
.stats b{display:block;color:var(--ink);font-size:17px}
.shots{display:flex;gap:18px;overflow-x:auto;padding:6px 0 18px;scroll-snap-type:x mandatory}
.shots figure{margin:0;flex:0 0 auto;width:min(255px,72vw);scroll-snap-align:start}
.shots img{width:100%;height:auto;border-radius:26px;border:1px solid var(--line);display:block;box-shadow:var(--shadow)}
.shots figcaption{font-size:14px;color:var(--mute);margin-top:10px}
.wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.wide img{width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
ul.tick{list-style:none;padding:0}ul.tick li{margin:.5em 0;padding-left:1.6em;position:relative}
ul.tick li::before{content:"";position:absolute;left:.1em;top:.62em;width:.55em;height:.55em;background:var(--accent2);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.btn{display:inline-block;padding:11px 22px;border-radius:12px;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600;margin:6px 10px 6px 0;border:1px solid transparent}
.btn:hover{color:var(--bg);opacity:.9}.btn.ghost{background:none;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{color:var(--ink);border-color:var(--accent2)}
.note{border-left:3px solid var(--accent2);padding:2px 0 2px 14px;color:var(--mute);margin:22px 0}
footer{border-top:1px solid var(--line);margin-top:64px;padding:30px 0 52px;color:var(--mute);font-size:14px}
footer a{color:var(--mute)}
@media (max-width:640px){nav a{margin-right:14px;font-size:14px}.panel{min-height:480px}.panel::after{background:linear-gradient(0deg,rgba(7,16,14,.85) 0%,rgba(7,16,14,.35) 70%,rgba(7,16,14,.1) 100%)}}