:root{color-scheme:light;--bg:#fff;--w:#fff;--ink:#0b0b0c;--mute:#5d6469;--or:#ee8a52;--ort:#b44e16;--line:#dcdcd8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 "Manrope",system-ui,sans-serif;padding-top:env(safe-area-inset-top,0)}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:0 0 .5em}
h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(1.7rem,4.5vw,2.6rem);margin-top:0}h3{font-size:1.15rem;letter-spacing:-.01em}
a{color:var(--ort)}a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between;align-items:center;padding:.9rem 5vw;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.top a{color:var(--ink);text-decoration:none}.brand{font-weight:800;letter-spacing:-.02em}.brand i{display:inline-block;width:.7rem;height:.7rem;background:var(--or);border-radius:50%;margin-right:.5rem}
nav a{margin-right:1.2rem;font-size:.95rem;color:var(--ink)}nav a:hover{color:var(--ink)}
.sec{padding:4.5rem 5vw}.in{max-width:62rem;margin:0 auto}.narrow{max-width:44rem}
.hero{background:var(--w);padding:4rem 5vw 4.5rem;border-bottom:1px solid var(--line)}
.hero h1 em{font-style:normal;box-shadow:inset 0 -.28em var(--or)}
.lead{font-size:1.25rem;color:var(--mute);max-width:36rem}
.paths{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:2.2rem 0 1.5rem}
.paths a{display:block;padding:1.4rem 1.5rem;background:var(--bg);border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.paths a:hover{border-color:var(--or)}.paths b{display:block;font-size:1.2rem;letter-spacing:-.01em}.paths span{color:var(--mute);font-size:1rem}
.btn{display:inline-block;background:var(--or);color:var(--ink);padding:.9rem 1.5rem;border-radius:4px;font-weight:800;text-decoration:none;margin:.3rem .6rem .3rem 0}
.btn.alt{background:none;border:2px solid var(--ink)}
ul.rule{list-style:none;padding:0;margin:1.5rem 0}ul.rule li{padding:1rem 0;border-top:1px solid var(--line)}ul.rule li:last-child{border-bottom:1px solid var(--line)}
.dark{background:var(--ink);color:#f5f5f3}.dark h2{color:#fff}
.steps{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));margin-top:2rem}
.steps b{display:block;font-size:2.4rem;color:var(--or);line-height:1}.steps h3{margin-top:.6rem;color:#fff}.steps p{color:#b9bec2;margin:0}
.note{border-left:4px solid var(--or);background:var(--w);padding:1rem 1.3rem;font-size:1rem;color:var(--mute)}
details{border-top:1px solid var(--line);padding:1rem 0}details:last-of-type{border-bottom:1px solid var(--line)}
summary{font-weight:800;cursor:pointer}details p{color:var(--mute);margin:.7rem 0 0}
.mk{background:var(--w)}
footer{background:var(--ink);color:#b9bec2;padding:2.5rem 5vw calc(2.5rem + env(safe-area-inset-bottom,0));font-size:.95rem}footer a{color:#fff}
.bar{display:none}
@media(max-width:640px){.bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--ink);padding:.6rem 5vw calc(.6rem + env(safe-area-inset-bottom,0));gap:.6rem}.bar a{flex:1;text-align:center;padding:.7rem;border-radius:4px;font-weight:800;text-decoration:none;background:var(--or);color:var(--ink)}.bar a+a{background:none;border:2px solid #fff;color:#fff}body{padding-bottom:4.5rem}.sec{padding:3.2rem 5vw}}
.dark .btn.alt{background:#fff;border-color:#fff;color:#16181a}
.dark a:not(.btn){color:var(--or)}
nav a.pill{background:var(--or);color:var(--ink);padding:.35rem .9rem;border-radius:999px;font-weight:800}nav a.pill:hover{color:var(--ink);filter:brightness(.95)}
.sub{font-size:1.3rem;margin:2.2rem 0 .6rem}
.shot{margin:2rem 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.shot img{display:block;width:100%;height:auto}
.split{display:grid;gap:3rem;grid-template-columns:1.3fr .7fr;align-items:center}
.about{display:grid;gap:3rem;grid-template-columns:.7fr 1.3fr;align-items:center}
.ph{margin:0}.ph img{display:block;width:100%;height:auto;border-radius:6px;background:var(--line)}
.shot figcaption{padding:.8rem 1rem;font-size:.95rem;color:var(--mute);background:var(--w);border-top:1px solid var(--line)}
@media(max-width:820px){.split,.about{grid-template-columns:1fr;gap:2rem}.ph{max-width:20rem}.ph img{max-height:30rem;object-fit:cover;object-position:top}}
.gal{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-top:1.5rem}
.gal figure{margin:0}.gal img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;background:var(--line)}
.gal figcaption{padding:.5rem 0 0;font-size:.95rem;color:var(--mute)}
.credit{font-size:.85rem;color:var(--mute);margin-top:1rem}
.brand span{color:var(--mute);font-weight:600}

.top{border-bottom:3px solid var(--or)}
.hero h1 em{box-shadow:inset 0 -.4em var(--or)}
.steps b{font-size:3.4rem}
.btn{transition:transform .15s ease}.btn:hover{transform:translateY(-2px)}
.paths a{border-left:4px solid var(--or);transition:transform .15s ease,border-color .2s}.paths a:hover{transform:translateX(3px)}
.cta{background:var(--or);color:#0b0b0c}.cta h2{font-size:clamp(2.2rem,6vw,3.6rem);color:#0b0b0c}.cta p{color:#0b0b0c}
.cta .btn,.cta .btn.alt{background:#0b0b0c;color:#fff;border:2px solid #0b0b0c}.cta a:not(.btn){color:#0b0b0c;text-decoration:underline}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.paths a:hover{transform:none}html{scroll-behavior:auto}}