/* MONO — The Journey · Photography & Portfolio. Seed signature: §1.5 ARSENAL.md.
   Every px value on the Fibonacci scale: 0,1,2,3,8,13,21,34,55,89,144,233,377,610,987. */
*{box-sizing:border-box;margin:0}
body{font-family:Inter,system-ui,sans-serif;background:#0b0b0d;color:#f2f2f2;overflow-x:hidden}
a{color:inherit}
.k{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#888}
h1,h2,h3{font-family:Archivo,sans-serif;letter-spacing:-.02em}
.btn{display:inline-block;background:#fff;color:#000;border:0;border-radius:89px;padding:13px 34px;
 font:600 13px Inter;cursor:pointer;text-decoration:none;transition:transform .25s,opacity .25s}
.btn:hover{transform:scale(1.04)}
.btn.ghost{background:none;color:#fff;border:1px solid #333}
.btn.ghost:hover{border-color:#fff}
.wrap{max-width:987px;margin:0 auto;padding:0 5vw}
section{padding:13vh 0}
.card{background:#131316;border:1px solid #232328;border-radius:3px;overflow:hidden;
 transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-3px);border-color:#3a3a3f}
.chip{border:1px solid #2a2a2e;background:none;color:#aaa;border-radius:89px;padding:8px 21px;
 font:600 13px Inter;cursor:pointer;transition:.2s}
.chip.on,.chip:hover{background:#fff;color:#000;border-color:#fff}
input,select,textarea{background:#131316;border:1px solid #2a2a2e;color:#f2f2f2;border-radius:13px;
 padding:13px 21px;font:400 13px Inter;outline:none;width:100%}
input:focus,select:focus,textarea:focus{border-color:#fff}
.ph{aspect-ratio:4/3;background:#101013;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.row{display:flex;gap:13px;flex-wrap:wrap;align-items:center}
/* HUD chrome (signature 1.5) — fixed mono micro-labels, no bar */
#hud{position:fixed;top:21px;left:21px;font-family:'JetBrains Mono';font-size:13px;
 letter-spacing:.25em;color:#666;z-index:50}
#hud a{color:#999;text-decoration:none}#hud a:hover{color:#fff}
#dial{position:fixed;top:21px;right:21px;font-family:'JetBrains Mono';font-size:13px;
 letter-spacing:.25em;color:#666;z-index:50}
@media(max-width:610px){#hud nav{display:none}}
/* journey canvas + caption plates (signature 1.5) */
canvas#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block}
.plate{position:fixed;left:5vw;bottom:13vh;max-width:377px;opacity:0;pointer-events:none;
 transition:opacity .5s}
.plate.on{opacity:1}
.plate h2{font-family:Archivo;font-weight:900;font-size:clamp(34px,5vw,55px);line-height:1;
 letter-spacing:-.02em;margin:13px 0}
.plate p{color:#999;font-size:13px}
#scrollspace{height:610vh}
/* work grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(233px,1fr));gap:13px}
.se .pad{padding:13px}
.se h3{font-size:21px}
.se .meta{display:flex;justify-content:space-between;font-family:'JetBrains Mono';font-size:13px;color:#888;margin-top:8px}
.se .pr{font-family:Archivo;font-size:21px;margin-top:8px}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}
#count{color:#666;font-family:'JetBrains Mono';font-size:13px;margin:0 0 21px}
/* detail page */
.detail{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
@media(max-width:987px){.detail{grid-template-columns:1fr}}
.detail .ph{border-radius:3px;border:1px solid #232328}
.spec{width:100%;border-collapse:collapse;margin:21px 0}
.spec td{padding:13px 0;border-bottom:1px solid #1e1e22;font-size:13px}
.spec td:first-child{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.2em;
 text-transform:uppercase;color:#888}
.spec td:last-child{text-align:right}
.bigprice{font-family:Archivo;font-size:34px}
/* forms */
form.stack{display:grid;gap:13px;max-width:377px}
.ok{color:#7a7;font-size:13px}
.err{color:#a66;font-size:13px}
/* testimonials + faq + cta */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(233px,1fr));gap:13px}
.quote{padding:21px}
.quote p{color:#ccc;font-size:13px;line-height:1.7}
.quote .who{font-family:'JetBrains Mono';font-size:13px;color:#888;margin-top:13px;letter-spacing:.2em;text-transform:uppercase}
.faq{border-top:1px solid #232328}
.fq{border-bottom:1px solid #232328}
.fq summary{cursor:pointer;padding:21px 0;font-family:Archivo;font-size:21px;list-style:none;display:flex;justify-content:space-between}
.fq summary::after{content:"+";font-family:'JetBrains Mono';color:#555}
.fq[open] summary::after{content:"–"}
.fq p{color:#999;font-size:13px;padding:0 0 21px;max-width:610px;line-height:1.7}
.cta{text-align:center}
.after-journey{position:relative;background:#0b0b0d}
/* developed footer */
footer{border-top:1px solid #1c1c20;padding:55px 5vw 34px;color:#666;font-size:13px;position:relative;background:#0b0b0d}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;max-width:987px;margin:0 auto}
@media(max-width:610px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid h4{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 13px}
.fgrid>div{min-width:0}
.fgrid a{display:block;color:#999;text-decoration:none;font-size:13px;padding:8px 0;overflow-wrap:anywhere}
.fgrid a:hover{color:#fff}
.fgrid .brand{font-family:Archivo;font-size:21px;color:#f2f2f2}
.fgrid .tag{color:#666;font-size:13px;margin-top:8px;max-width:233px;line-height:1.7}
.fbar{max-width:987px;margin:34px auto 0;padding-top:21px;border-top:1px solid #1c1c20;
 display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px}