@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#070707;--p:#111;--line:#292929;--txt:#f2f2f2;--muted:#888;--red:#e01822;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif}
.scan{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}
a{color:inherit;text-decoration:none}
header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:#070707eF;backdrop-filter:blur(10px);z-index:50}
.logo{font:800 31px/1 'Barlow Condensed';letter-spacing:-1px}.logo span{color:var(--red)}
nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#aaa}
.navbtn,.ghost{border:1px solid #484848;padding:10px 16px;font-size:11px;letter-spacing:1px;text-transform:uppercase}

.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#070707}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.85) 35%,rgba(7,7,7,.35) 72%,rgba(7,7,7,.75) 100%),url("assets/hero-bedroom.png") center/cover no-repeat;z-index:0}
.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 55%,transparent 0,#0005 55%,#07070799 100%);z-index:1;pointer-events:none}
.heroText{position:relative;z-index:2;margin-left:8vw;width:min(680px,88%)}
.heroText>small,.section small,.case small{font-size:10px;letter-spacing:2px;color:#aaa;font-weight:700}
.heroText h1,.caseHero h1{font:800 clamp(72px,11vw,140px)/.86 'Barlow Condensed';text-transform:uppercase;margin:22px 0}
.heroText em,h2 em,.caseHero em{font-style:normal;color:var(--red)}
.heroText p{max-width:600px;color:#aaa}.heroText label{display:block;color:#666;font-size:9px;margin-top:18px}
.actions{display:flex;gap:12px;margin-top:28px}.red{display:inline-block;background:var(--red);padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:1px}
.hud,.rec{position:absolute;z-index:3;color:#777;font:10px monospace}.hud{right:8%;top:25%}.rec{right:8%;bottom:23%}.rec:first-letter{color:var(--red)}
.ticker{height:44px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#777;font-size:10px;letter-spacing:1.4px;white-space:nowrap;overflow:hidden}
.section{width:min(var(--max),90%);margin:auto;padding:85px 0}
.head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.head h2,h2{font:700 54px/.9 'Barlow Condensed';text-transform:uppercase;margin:12px 0 0}.head>a,.head>span{font-size:10px;color:#777;letter-spacing:1px}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cats a{background:var(--p);min-height:150px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.cats a:hover{background:#191919}
.cats b{font:700 13px 'Barlow Condensed';color:var(--red)}.cats strong{font:700 19px 'Barlow Condensed'}.cats small{font-size:9px!important;color:#666!important;letter-spacing:0!important}
.cards{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.cards article{background:var(--p);padding-bottom:20px}.cards article>small,.cards h3,.cards p,.link{margin-left:20px;margin-right:20px}
.thumb{height:235px;display:block;position:relative;overflow:hidden;margin-bottom:17px;background:#111 center/cover no-repeat}
.cards article:first-child .thumb{height:330px}
.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 55%);z-index:1;pointer-events:none}
.bed{background-image:url("assets/case-001-bedroom.png")}.hall{background-image:url("assets/case-002-hallway.png")}.stairs{background-image:url("assets/case-003-stairs.png")}
.thumb i,.thumb u{position:absolute;z-index:2;top:14px;font:10px monospace;color:#aaa;font-style:normal;text-decoration:none}.thumb i{left:14px}.thumb u{right:14px}
.thumb span{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center}
.cards article>small{color:#666;font:10px monospace}.cards h3{font:700 28px 'Barlow Condensed';text-transform:uppercase;margin-top:9px}.cards p{font-size:11px;color:#888}.link{display:inline-block;font-size:10px;letter-spacing:1.5px;margin-top:8px}
.call{width:min(var(--max),90%);margin:10px auto 80px;border:1px solid var(--line);padding:42px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,#151515,#0b0b0b)}
.call h2{font-size:48px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.about p{color:#888;max-width:520px}
footer{border-top:1px solid var(--line);padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#777;font-size:10px}footer p{text-align:center}footer small{text-align:right}
.case{width:min(var(--max),90%);margin:auto}.caseHero{padding:75px 0 40px}.caseHero h1{font-size:clamp(60px,8vw,100px)}.caseHero>p{color:#999;max-width:650px}
.video{border:1px solid var(--line);padding:8px;margin-top:32px}.video>.bed{height:min(62vw,610px);min-height:340px;display:grid;place-items:center}
.vtop,.vtime{position:absolute;z-index:2;top:18px;font:10px monospace;color:#aaa}.vtop{left:18px}.vtime{right:18px}
.video button{position:relative;z-index:4;width:72px;height:72px;border:1px solid #aaa;border-radius:50%;background:#0009;color:#fff;font-size:20px}
.placeholder{position:absolute;bottom:18px;z-index:3;font:10px monospace;letter-spacing:2px;color:#888}
.grid{display:grid;grid-template-columns:1.6fr .7fr;gap:20px;padding:30px 0 75px}.panel,.ad{background:var(--p);border:1px solid var(--line);padding:24px;margin-bottom:20px}
.panel>b{font:700 18px 'Barlow Condensed';letter-spacing:1px}.panel p{font-size:11px;color:#888}
.panel button{display:block;width:100%;padding:13px;margin-top:8px;text-align:left;background:#0d0d0d;color:#ccc;border:1px solid #303030;cursor:pointer}.panel button:hover{border-color:#777}
.ad{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;color:#666}.ad p{font-size:9px}
.next{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #292929;font-size:11px}.next span{color:#777;font-size:9px}
ul{padding:0;list-style:none}li{border-top:1px solid #292929;padding:12px 0;color:#888;font-size:11px}li strong{font-family:monospace;color:#ddd;margin-right:12px}
#result{margin-top:14px;color:#bbb;font-size:11px;border-left:2px solid var(--red);padding:10px;background:#161616;display:none}
@media(max-width:850px){nav{display:none}.cats{grid-template-columns:repeat(2,1fr)}.cats a:last-child{grid-column:span 2}.cards{grid-template-columns:1fr}.cards article:first-child .thumb,.thumb{height:270px}.about,.grid{grid-template-columns:1fr}.call{flex-direction:column;align-items:flex-start;gap:25px}footer{grid-template-columns:1fr;gap:10px;text-align:center}footer p,footer small{text-align:center}}
@media(max-width:520px){header{padding:0 18px}.heroText{margin-left:6vw}.heroText h1{font-size:70px}.actions{flex-direction:column}.cats{grid-template-columns:1fr}.cats a:last-child{grid-column:auto}.head{display:block}.head>a,.head>span{display:block;margin-top:18px}.section{padding:60px 0}.head h2,h2{font-size:43px}.call{padding:28px}.caseHero{padding-top:55px}.video>.bed{min-height:280px}}
/* ZUNI2i - FINAL IMAGE OVERRIDE */

.hero{
    background:#070707 !important;
}

.hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(7,7,7,.97) 0%,
            rgba(7,7,7,.78) 38%,
            rgba(7,7,7,.30) 75%,
            rgba(7,7,7,.65) 100%
        ),
        url("/assets/hero-bedroom.png") !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}

.thumb{
    background-color:#111 !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}

.thumb.bed{
    background-image:url("/assets/case-001-bedroom.png") !important;
}

.thumb.hall{
    background-image:url("/assets/case-002-hallway.png") !important;
}

.thumb.stairs{
    background-image:url("/assets/case-003-stairs.png") !important;
}

.video .bed{
    background-image:url("/assets/case-001-bedroom.png") !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}