:root{color-scheme:dark;--bg:#121516;--panel:#1c2022;--line:#353b3e;--text:#f5f4f1;--soft:#c4c9cb;--accent:#ff8a29;--wrap:1160px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,a{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}.wrap,.bar{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.bar img{display:block;height:auto}.bar nav{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:.88rem}.langs{display:flex;gap:6px;white-space:nowrap}.langs a{border:1px solid var(--line);padding:4px 9px;border-radius:5px;font-size:.83rem}.langs a[aria-current]{border-color:var(--accent);color:var(--accent)}header{background:#141719;border-bottom:1px solid #2b3032}.hero{background:#151a1e url(hero.jpg) center right/cover no-repeat;position:relative;isolation:isolate}.hero::before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#0d1215f5 0%,#0d1215e3 37%,#0d12156a 64%,#0d121510 100%),linear-gradient(0deg,#1215169c,transparent 42%)}.hero-copy{padding-block:76px 84px}.hero-copy>*{max-width:575px}.kicker{font-size:.76rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.4rem,6vw,4.5rem);margin-top:16px}h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-top:12px}h3{font-size:1.08rem;letter-spacing:-.015em}p{margin:0 0 .85em;color:var(--soft)}.hero p{color:#e1e4e5}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.primary,.secondary{padding:10px 16px;border-radius:5px;font-weight:700;font-size:.9rem;border:1px solid #777}.primary{background:var(--accent);color:#121516;border-color:var(--accent)}.primary:hover{background:#ffa654;color:#111}.features,.preview,.about,.contact{padding-block:54px 24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cards article{display:flex;gap:14px;padding:18px;background:var(--panel);border:1px solid #303537;border-radius:8px}.cards article:nth-child(5){grid-column:span 2}.cards p{font-size:.9rem}.cards p:last-child{margin-bottom:0}.cards svg{flex:none;width:26px;height:26px;color:var(--accent)}.shot-controls{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.shot-controls button{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px 12px;cursor:pointer}.shot-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}figure{margin:0}figure img{display:block;width:100%;height:auto;border:1px solid #4d5152;border-radius:9px;box-shadow:0 18px 35px #0007}figcaption{margin-top:12px;color:var(--soft);font-size:.86rem}.about p,.contact p,.status p{max-width:72ch}.credit{margin-top:15px;color:var(--accent)}.status{margin-top:30px;padding:24px 28px;border:1px solid #9c5827;border-left:4px solid var(--accent);border-radius:7px;background:linear-gradient(125deg,#2b2119,#1b1f21)}.status h2{font-size:1.45rem}.contact{padding-bottom:55px}small{color:var(--soft)}footer{border-top:1px solid var(--line);padding:20px 0 26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.9rem}footer a{margin-right:16px}footer small{display:block}.legal{padding-block:50px}.legal .langs{margin-bottom:25px}@media(max-width:900px){.bar{flex-wrap:wrap;padding-block:14px;gap:12px}.bar nav{order:3;width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap,.bar{width:calc(100% - 32px)}.bar img{width:128px}.bar nav{gap:5px 13px;font-size:.8rem}.hero{background-position:63% top}.hero::before{background:linear-gradient(90deg,#0d1215ef,#0d1215af),linear-gradient(0deg,#121516,transparent 62%)}.hero-copy{padding-block:48px}.features,.preview,.about,.contact{padding-top:36px}.cards{grid-template-columns:1fr}.cards article:nth-child(5){grid-column:auto}.status{padding:18px}.shot-controls button{font-size:.79rem}footer a{margin-right:9px}}
@media(min-width:901px){.hero-copy{padding-block:58px 62px}.hero h1{font-size:clamp(3rem,4.35vw,3.9rem);max-width:670px;margin-bottom:.38em;text-wrap:balance}}
/* Keep contact links recognizable without changing the page layout. */
a[href^="mailto:"]{color:var(--accent);text-decoration:underline;text-underline-offset:.16em;overflow-wrap:anywhere}
