:root{--bg:#0d0f1a;--panel:#161a2b;--tube:#fff1d6;--argon:#ffd9a0;--text:#f4ede6;--mute:#a9a8b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 Figtree,system-ui,sans-serif;padding-bottom:70px}
img{max-width:100%;display:block}a{color:var(--argon)}:focus-visible{outline:3px solid var(--argon);outline-offset:3px}
h1,h2,h3,.logo{font-family:Syne,sans-serif;line-height:1.1}h1{font-size:clamp(2.4rem,9vw,4.8rem);margin:0 0 .4em}h2{font-size:clamp(1.6rem,5vw,2.4rem)}
.glow{color:#fff6e6;text-shadow:0 0 6px var(--tube),0 0 22px var(--tube),0 0 60px #ffb366}
.wrap{max-width:1080px;margin:0 auto;padding:44px 20px}.lead{font-size:1.2rem;max-width:34em;color:var(--mute)}
.top{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #2a3050;position:sticky;top:0;background:#0d0f1aee;z-index:5}
.logo{color:var(--text);text-decoration:none;font-weight:800}nav{display:flex;gap:16px}nav a{color:var(--text);text-decoration:none}nav a[aria-current]{color:var(--tube)}
.hc{display:flex;gap:14px;align-items:center}.hc>a:first-child{display:none}
.btn{display:inline-block;padding:10px 18px;border:2px solid var(--argon);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600}
.btn.wa{background:var(--tube);border-color:var(--tube);color:#03141c}.big{padding:16px 26px;font-size:1.1rem}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#3a1030,transparent 60%)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0}.hero .wrap{position:relative;z-index:1;padding-top:80px;padding-bottom:80px}
.grid3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid3 article{background:var(--panel);padding:22px;border-radius:10px}.grid3 h3{margin:0 0 8px;color:var(--argon)}
.split{display:grid;gap:28px;align-items:center}.split img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;background:var(--panel)}
.steps{list-style:none;padding:0;display:grid;gap:18px;counter-reset:s}.steps li{counter-increment:s;border-left:3px solid var(--tube);padding-left:18px}.steps li:before{content:counter(s);font:800 1.6rem Syne;color:var(--tube)}.steps h3{margin:0}
.cta{text-align:center}.cta .ctas{justify-content:center}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.filters button{font:inherit;padding:8px 14px;background:none;color:var(--text);border:1px solid #3a4268;border-radius:99px;cursor:pointer}.filters button[aria-pressed=true]{border-color:var(--tube);color:var(--tube);box-shadow:0 0 12px #fff1d666}
.cat h3{font-size:1.5rem;margin:40px 0 14px;border-bottom:1px solid #2a3050;padding-bottom:8px}.craft{margin-top:60px}
.card{margin:0;background:var(--panel);border-radius:10px;overflow:hidden}.card:before{content:"";display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#251a3d,#3a1030);}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%;position:absolute;top:0;left:0}.card{position:relative}.card figcaption{padding:14px}.card b{display:block}.card span{color:var(--mute);font-size:.95rem}.soon{color:var(--mute)}[hidden]{display:none!important}
.ph img{aspect-ratio:4/3;object-fit:cover;border-radius:10px}
footer{border-top:1px solid #2a3050;color:var(--mute)}.fg{display:grid;gap:20px}.fg a{display:block}
.bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:10px;padding:10px;background:#0d0f1af2;border-top:1px solid #2a3050;z-index:9}.bar .btn{flex:1;text-align:center}
@media(min-width:760px){.split{grid-template-columns:1fr 1fr}.fg{grid-template-columns:2fr 1fr}.hc>a:first-child{display:inline}.bar{display:none}body{padding-bottom:0}.steps{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v2: calmer, monochrome, editorial */
:root{--bg:#000;--panel:#0a0a0a}
h1,h2{text-transform:uppercase;letter-spacing:.015em;font-weight:800}h2{font-size:clamp(1.5rem,4.5vw,2.2rem)}
.wrap{padding:72px 24px}.top{background:#000d;border-bottom:1px solid #222}.logo img{height:36px;width:auto}
.btn{border-radius:0;border-color:#fff}.btn.wa{border-color:var(--tube)}
.hero{min-height:80vh;display:flex;align-items:flex-end;background:#000}.hero .wrap{padding-bottom:64px}.hero img{opacity:.5}
.facts{display:grid;gap:0;border-top:1px solid #222;border-bottom:1px solid #222;padding-top:0;padding-bottom:0}.facts div{padding:28px 0;border-bottom:1px solid #222}.facts b{display:block;font:800 clamp(1.8rem,6vw,2.8rem) Syne}.facts span{color:var(--mute)}
.grid3 article{background:none;border-radius:0;border-top:1px solid #333;padding:18px 0}.grid3 h3{color:#fff}
.card{border-radius:0;background:#000}.card figcaption{border-top:1px solid #222}.split img,.ph img{border-radius:0}
.filters button{border-radius:0}.steps li{border-left:0;border-top:1px solid #333;padding:16px 0 0}
@media(min-width:760px){.facts{grid-template-columns:repeat(3,1fr);gap:32px}.facts div{border:0;padding:44px 0}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000e 0,#0009 45%,#0000 100%);z-index:0}
.hero img{opacity:.85;object-position:70% 50%}.hero .wrap{z-index:2}
.cap{position:absolute;right:16px;top:16px;margin:0;z-index:2;font-size:.8rem;color:var(--mute);max-width:16em;text-align:right}
.hc{display:none}@media(min-width:760px){.hc{display:flex}}.hc>a:first-child{display:inline-block}
.qf{max-width:560px;margin-top:48px;display:grid;gap:16px}.qf h2{margin:0}.qf label{display:grid;gap:6px;color:var(--mute)}
.qf input,.qf select,.qf textarea{font:inherit;color:var(--text);background:#000;border:1px solid #3a3a3a;border-radius:0;padding:12px}.qf button{cursor:pointer;font:inherit;font-weight:600;justify-self:start}.note{color:var(--mute);font-size:.95rem}
.card:before,.card img{aspect-ratio:4/5}.split img{aspect-ratio:4/5;max-height:620px}.ph img{aspect-ratio:4/5}.hero picture{display:contents}
@media(max-width:759px){.hero:after{background:linear-gradient(0deg,#000 0,#000b 40%,#0000 80%)}}
/* v4: soft drifting light on pure black */
:root{--bg:#000}
body{background:#000}
body:before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
background:radial-gradient(38vmax 30vmax at 22% 28%,#ffd9a026,#0000 70%),radial-gradient(34vmax 28vmax at 78% 72%,#ff6a3d1c,#0000 70%);
filter:blur(40px);animation:drift 32s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(-4vmax,-3vmax,0) scale(1)}to{transform:translate3d(5vmax,4vmax,0) scale(1.12)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}

@media(min-width:760px){.facts{grid-template-columns:repeat(2,1fr)}}

.card video{aspect-ratio:4/5;object-fit:cover;width:100%;position:absolute;top:0;left:0;background:#000}
.cta{position:relative;overflow:hidden;isolation:isolate}.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1}
@media(min-width:760px){.card.wide{grid-column:span 2}.card.wide:before,.card.wide img{aspect-ratio:3/2}}
.card video{object-position:50% 18%}

.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;z-index:0}

.cta{max-width:none;padding:110px 24px}.cta>h2,.cta>p,.cta>.ctas{max-width:1032px;margin-left:auto;margin-right:auto}.cta>p{max-width:40em}.bgimg{opacity:.45}
.bigvid{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.vcap{color:var(--mute);font-size:.9rem;margin:10px 0 0}

.abouthero{min-height:58vh}
/* warm white */
:root{--tube:#fff1d6;--argon:#fff1d6}
.glow{color:#fff6e6;text-shadow:0 0 6px #fff1d6aa,0 0 24px #ffd9a066,0 0 64px #ffb36633}
/* v5 white neon, logo, modern buttons */
.logo img{height:52px;filter:drop-shadow(0 0 8px #fff3)}
@media(min-width:760px){.logo img{height:64px}}
.top{padding-top:8px;padding-bottom:8px}
.btn{position:relative;overflow:hidden;border-radius:999px;border:1px solid #ffffff55;background:#ffffff0d;color:#fff;backdrop-filter:blur(6px);letter-spacing:.02em;transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease}
.btn:before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}
.btn:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 10px #fff9,0 0 28px #fff6,0 0 60px #fff3;background:#ffffff1c}
.btn:hover:before{left:130%}
.btn:active{transform:translateY(0) scale(.98)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn.wa{background:#fff;color:#0a0a0a;border-color:#fff;font-weight:700;box-shadow:0 0 8px #fffc,0 0 24px #fff7,0 0 56px #fff3;animation:neonpulse 3.4s ease-in-out infinite}
.btn.wa:before{background:linear-gradient(100deg,transparent,#00000022,transparent)}
.btn.wa:hover{background:#fff;box-shadow:0 0 14px #fff,0 0 38px #fffa,0 0 90px #fff6}
@keyframes neonpulse{50%{box-shadow:0 0 5px #fff9,0 0 16px #fff5,0 0 40px #fff2}}
.filters button{border-radius:999px;border:1px solid #ffffff44;transition:all .25s ease}
.filters button:hover{border-color:#fff;box-shadow:0 0 12px #fff6;transform:translateY(-1px)}
.filters button[aria-pressed=true]{border-color:#fff;color:#fff;background:#ffffff14;box-shadow:0 0 6px #fffa,0 0 18px #fff6}
nav a{transition:text-shadow .25s ease,color .25s ease}
nav a:hover,nav a[aria-current]{color:#fff;text-shadow:0 0 8px #fffc,0 0 22px #fff6}
@media(prefers-reduced-motion:reduce){.btn,.btn.wa{animation:none;transition:none}.btn:before{display:none}}
/* v6 readability, spacing, faq */
.hero .lead{color:#ececec;text-shadow:0 1px 14px #000}
@media(max-width:759px){
.hero:after{background:linear-gradient(0deg,#000 0,#000e 32%,#0008 62%,#0003 100%)}
.wrap{padding-top:44px;padding-bottom:44px}
.hero .wrap{padding-bottom:40px}
.grid3 article{padding:14px 0}
}
.faq{max-width:820px}
.faq details{border-top:1px solid #333;padding:18px 0}
.faq details:last-of-type{border-bottom:1px solid #333}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:#fff;transition:text-shadow .25s}
.faq summary:hover::after{text-shadow:0 0 8px #fff,0 0 20px #fff8}
.faq details[open] summary::after{content:"\2013"}
.faq details p{color:var(--mute);margin:12px 0 0;max-width:42em}
/* v7 pinterest-style masonry */
.masonry{column-count:2;column-gap:14px;margin-top:14px}
@media(min-width:760px){.masonry{column-count:3;column-gap:18px;margin-top:18px}}
.masonry .card{break-inside:avoid;-webkit-column-break-inside:avoid;display:block;position:relative;margin:0 0 14px;overflow:hidden}
@media(min-width:760px){.masonry .card{margin-bottom:18px}}
.masonry .card:before{display:none}
.masonry .card img{position:static;width:100%;height:auto;aspect-ratio:auto;display:block;transition:transform .6s ease}
.masonry .card:hover img{transform:scale(1.03)}
.masonry .card figcaption{padding:12px 4px 4px;border-top:0}
.masonry .card figcaption span{font-size:.85rem}
/* v8 caption overlay on hover */
#gallery .card figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 14px;border:1px solid #ffffff40;border-radius:14px;background:#0808088c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 14px #ffffff22;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
#gallery .card figcaption b{font-size:.95rem}
#gallery .card figcaption span{display:block;margin-top:2px;font-size:.82rem;line-height:1.35;color:#ddd}
#gallery .card:hover figcaption,#gallery .card:focus-within figcaption,#gallery .card:focus figcaption,#gallery .card.open figcaption{opacity:1;transform:none}
#gallery .card{cursor:pointer;outline:none}
#gallery .card:focus-visible{box-shadow:0 0 0 2px #fff}
@media(prefers-reduced-motion:reduce){#gallery .card figcaption{transition:none}}
/* v9 ordered masonry (left to right, row by row) */
.masonry.js-m{column-count:auto;display:flex;align-items:flex-start;gap:14px}
@media(min-width:760px){.masonry.js-m{gap:18px}}
.masonry.js-m .mcol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:14px}
@media(min-width:760px){.masonry.js-m .mcol{gap:18px}}
.masonry.js-m .card{margin:0}
.masonry .card video{position:static;width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.card.swap img.b{opacity:0;transition:opacity .6s ease}
.card.swap:hover img.b{opacity:1}
.workhero{position:relative;overflow:hidden;isolation:isolate;min-height:56vh;display:flex;align-items:flex-end;background:#000}
.workhero .wrap{position:relative;z-index:2;width:100%;padding-top:96px;padding-bottom:28px}
.ws{position:absolute;inset:0;z-index:0;transform:scale(1.12);filter:blur(var(--b,5px));opacity:var(--o,1);will-change:filter,opacity}
.ws img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease}
.ws img.on{opacity:.5}
.workhero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(#000a,#0003 40%,#000e 100%);pointer-events:none}
.chips{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 14px;border:1px solid #ffffff3d;border-radius:999px;background:#0008;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.9rem;color:#fff;box-shadow:0 0 14px #ffffff1f}
@media(min-width:760px){.facts{grid-template-columns:repeat(3,1fr)}}
.chips{margin-top:18px;gap:6px}.chips li{padding:6px 11px;font-size:.8rem}