*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#07100d;--bg2:#0c1a14;--fg:#ece6db;--fg2:rgba(236,230,219,.5);
  --fg3:rgba(236,230,219,.1);--sage:#6b9e82;--sage2:#4a7a5e;--sage-hi:#9dc4ae;
  --gold:#c8a96a;--line:rgba(236,230,219,.08);--red:#a03025;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:"Barlow",sans-serif;font-weight:300;overflow-x:hidden;cursor:none;font-size:16px}
#cur{position:fixed;width:6px;height:6px;background:var(--fg);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .3s,height .3s}
#cur.over{width:44px;height:44px;background:rgba(255,255,255,.07);mix-blend-mode:normal}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
nav.scrolled{background:rgba(7,16,13,.97);border-bottom-color:var(--line)}
.nbg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,16,13,.9),transparent);pointer-events:none}
.nl{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.nl img{height:28px}
.nltxt{display:flex;flex-direction:column;gap:2px;border-left:.5px solid var(--fg3);padding-left:12px}
.nlm{font-family:"Cormorant",serif;font-size:14px;font-weight:300;letter-spacing:.1em;color:var(--fg);line-height:1}
.nls{font-family:"Barlow Condensed",sans-serif;font-size:8px;letter-spacing:.35em;text-transform:uppercase;color:var(--fg2)}
.nlinks{position:relative;z-index:1;display:flex}
.na{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);text-decoration:none;padding:8px 16px;border-right:.5px solid var(--fg3);transition:color .3s;cursor:none}
.na:first-child{border-left:.5px solid var(--fg3)}
.na:hover,.na.on{color:var(--fg)}
.nbtn{position:relative;z-index:1;font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg);background:transparent;border:.5px solid rgba(236,230,219,.3);padding:9px 20px;cursor:none;transition:all .4s;margin-left:16px}
.nbtn:hover{background:var(--sage);border-color:var(--sage);color:var(--bg)}

/* HERO — full bleed with gentle parallax on photography only */
.hero{height:100vh;min-height:640px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hbg{position:absolute;inset:-5%;background-size:cover;background-position:center 35%;will-change:transform}
.hov{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,16,13,.96) 0%,rgba(7,16,13,.5) 35%,rgba(7,16,13,.1) 58%,rgba(7,16,13,.35) 100%),linear-gradient(100deg,rgba(7,16,13,.6) 0%,transparent 50%)}
.hbody{position:relative;z-index:10;padding:0 48px 64px;max-width:700px}
.htag{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--sage-hi);margin-bottom:20px;display:flex;align-items:center;gap:12px;opacity:0;animation:fu .8s ease both .2s}
.htline{width:24px;height:.5px;background:var(--sage-hi)}
h1{font-family:"Cormorant",serif;font-size:clamp(52px,7.5vw,90px);font-weight:300;line-height:.95;letter-spacing:-.025em}
.hbl{display:block;overflow:hidden}
.hbi{display:block;opacity:0;animation:sup 1.1s cubic-bezier(.16,1,.3,1) both}
.hbi.it{font-style:italic;color:var(--sage-hi)}
.hbi:nth-child(1){animation-delay:.28s}.hbi:nth-child(2){animation-delay:.42s}
.hbi:nth-child(3){animation-delay:.55s}.hbi:nth-child(4){animation-delay:.66s}
.hrule{width:40px;height:.5px;background:linear-gradient(to right,var(--sage-hi),transparent);margin:24px 0;opacity:0;animation:fu .7s ease both .75s}
.hlow{display:flex;gap:40px;align-items:flex-end;opacity:0;animation:fu .7s ease both .9s}
.hdesc{font-size:20px;line-height:1.75;color:var(--fg2);max-width:380px}
.hctas{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.bp{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--sage);color:var(--bg);border:none;padding:13px 28px;cursor:none;transition:background .3s;font-weight:500}
.bp:hover{background:var(--sage-hi)}
.bg{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:none;border:none;color:var(--fg2);cursor:none;display:flex;align-items:center;gap:10px;transition:gap .3s,color .3s}
.bg:hover{color:var(--fg);gap:16px}
.shint{position:absolute;bottom:28px;right:48px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fu 1s ease both 1.3s}
.shbar{width:.5px;height:38px;background:linear-gradient(to bottom,transparent,var(--sage-hi));animation:shp 2.4s ease-in-out infinite}
.shtxt{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg2);writing-mode:vertical-rl}

/* BRAND INTRO */
.brand-intro{padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;border-bottom:.5px solid var(--line)}
.bi-left h2{font-family:"Cormorant",serif;font-size:38px;font-weight:300;line-height:1.1;margin-bottom:18px}
.bi-left h2 em{font-style:italic;color:var(--sage-hi)}
.bi-left p{font-size:20px;color:var(--fg2);line-height:1.85;margin-bottom:14px}
.bi-right{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;align-content:start}
.bip{background:rgba(255,255,255,.03);border:.5px solid var(--line);padding:18px 20px}
.bip-num{font-family:"Cormorant",serif;font-size:28px;font-weight:300;color:var(--sage-hi);line-height:1;margin-bottom:5px}
.bip-name{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);margin-bottom:5px}
.bip-desc{font-size:16px;color:var(--fg2);line-height:1.6}

/* METRICS */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--line);border-bottom:.5px solid var(--line);background:rgba(11,24,18,.85)}
.metric{padding:20px 24px;border-right:.5px solid var(--line)}
.metric:last-child{border-right:none}
.mn{font-family:"Cormorant",serif;font-size:32px;font-weight:300;color:var(--fg);line-height:1}
.mu{font-family:"Barlow Condensed",sans-serif;font-size:12px;color:var(--sage);margin-left:2px}
.ml{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg2);margin-top:5px}

/* PRODUCT NAV */
.pnav{display:flex;padding:0 48px;border-bottom:.5px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:200}
.pni{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);padding:16px 22px 14px;border-bottom:1.5px solid transparent;cursor:none;transition:all .3s}
.pni:first-child{padding-left:0}
.pni.on,.pni:hover{color:var(--fg);border-bottom-color:var(--sage)}

/* PRODUCT SECTIONS */
.prod{border-bottom:.5px solid var(--line)}

/* PRODUCT HERO — split panel, clean image presentation */
.ph{position:relative;border-bottom:.5px solid var(--line);overflow:hidden;background:var(--bg2);display:flex;align-items:stretch;min-height:520px}
.ph-img{width:55%;flex-shrink:0;overflow:hidden;position:relative}
/* Photography gets parallax. Renders get static contain. */
.ph-img-inner{position:absolute;inset:-6%;background-size:cover;background-position:center;will-change:transform;transition:transform .1s linear}
.ph-img-inner.render{position:relative;inset:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2);will-change:unset;transition:none}
.ph-copy{flex:1;padding:52px 48px;display:flex;flex-direction:column;justify-content:flex-end}
.pcn{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.28em;color:var(--fg2);margin-bottom:10px}
.pct{font-family:"Cormorant",serif;font-size:clamp(42px,5.5vw,68px);font-weight:300;line-height:.95;letter-spacing:-.02em;margin-bottom:14px}
.pcd{font-size:20px;color:var(--fg2);line-height:1.75;max-width:380px;margin-bottom:24px}
.pcs{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);margin-bottom:12px;display:block}
.pcta{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);border:.5px solid rgba(236,230,219,.3);padding:10px 22px;background:transparent;cursor:none;transition:all .3s;align-self:flex-start}
.pcta:hover{background:var(--sage);border-color:var(--sage);color:var(--bg)}

/* DETAIL GRID — left image / right copy */
.pgrid{display:grid;grid-template-columns:1fr 1fr}
.pimg{overflow:hidden;min-height:480px;position:relative}
/* Photo for detail panels — full bleed + subtle scale on hover */
.pimgi{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s}
.pimg:hover .pimgi{transform:scale(1.04)}
/* Render detail panel — contain + dark bg, no stretch */
.pimgi.render{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2)}

.pcopy{padding:52px;display:flex;flex-direction:column;justify-content:center;border-left:.5px solid var(--line)}
.pcopy.flip{border-left:none;border-right:.5px solid var(--line)}
.pdl{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:16px}
.pdt{font-family:"Cormorant",serif;font-size:32px;font-weight:300;letter-spacing:-.02em;margin-bottom:14px;line-height:1.05}
/* ENLARGED BODY TEXT +20% — spec copy area only */
.pdp{font-size:22px;color:var(--fg2);line-height:1.85;margin-bottom:24px}
.sl{display:flex;flex-direction:column}
.sr{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:.5px solid var(--line);gap:12px}
.sr:last-child{border-bottom:none}
.sk{font-size:18px;color:var(--fg2);flex-shrink:0}
.sv{font-size:18px;color:var(--fg);text-align:right}
.sv.hi{color:var(--sage-hi);font-weight:400}

/* THUMBNAIL GRIDS — uniform height, contain, dark bg */
.render-grid{display:grid;gap:1px;background:var(--line)}
.rg4{grid-template-columns:repeat(4,1fr)}
.rg3{grid-template-columns:repeat(3,1fr)}
.rg2{grid-template-columns:repeat(2,1fr)}
/* All thumbnails: fixed 260px, contain, dark bg — no more scruffy crops */
.rcard{overflow:hidden;background:var(--bg2);height:260px}
.rcardi{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2);transition:transform .7s}
.rcard:hover .rcardi{transform:scale(1.05)}
/* Cover variant for atmospheric photography only */
.rcardi.cover{background-size:cover;background-position:center}

/* PALETTE SELECTOR */
.pal-sel{display:flex;border-top:.5px solid var(--line);background:var(--bg2)}
.pal-opt{flex:1;padding:16px 22px;cursor:none;transition:all .3s;border-bottom:2px solid transparent;display:flex;align-items:center;gap:12px}
.pal-opt:hover,.pal-opt.on{border-bottom-color:var(--gold)}
.pal-sw{display:flex;gap:3px}
.psw{width:14px;height:14px;border-radius:2px}
.pal-label{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg2);transition:color .3s}
.pal-opt.on .pal-label,.pal-opt:hover .pal-label{color:var(--fg)}
.pal-panel{display:none}
.pal-panel.on{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.ppi{overflow:hidden;height:300px;background:var(--bg2)}
.ppii{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2);transition:transform .8s}
.ppi:hover .ppii{transform:scale(1.04)}

/* VARIANT TABS */
.vtabs{display:flex;border-bottom:.5px solid var(--line);border-top:.5px solid var(--line);background:var(--bg2)}
.vt{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);padding:14px 26px 12px;border-bottom:2px solid transparent;cursor:none;transition:all .3s}
.vt.on,.vt:hover{color:var(--fg);border-bottom-color:var(--gold)}
.vc{display:none}
.vc.on{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.vimg{overflow:hidden;height:300px;background:var(--bg2)}
.vimgi{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2);transition:transform .8s}
.vimg:hover .vimgi{transform:scale(1.04)}

/* USE CASES */
.uses{padding:56px 48px;border-bottom:.5px solid var(--line);background:var(--bg2)}
.uses h3{font-family:"Cormorant",serif;font-size:28px;font-weight:300;margin-bottom:7px}
.uses-sub{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);margin-bottom:30px}
.ugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uc{background:rgba(255,255,255,.02);border:.5px solid var(--line);padding:20px 22px}
.uc.ft{border-color:rgba(107,158,130,.3);background:rgba(107,158,130,.04)}
.uc-ic{font-size:24px;margin-bottom:10px}
.uc-t{font-family:"Cormorant",serif;font-size:18px;font-weight:400;margin-bottom:8px}
.uc-d{font-size:16px;color:var(--fg2);line-height:1.75}
.uc-tag{display:inline-block;font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 9px;border-radius:20px;margin-top:10px;background:rgba(107,158,130,.12);color:var(--sage);border:.5px solid rgba(107,158,130,.25)}

/* COLOUR PALETTE */
.palstrip{padding:0 48px 36px;background:var(--bg2);border-bottom:.5px solid var(--line)}
.palh{padding:26px 0 20px;display:flex;justify-content:space-between;align-items:baseline}
.palt{font-family:"Cormorant",serif;font-size:20px;font-style:italic;font-weight:300}
.pals{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg2)}
.palg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.pp{background:rgba(255,255,255,.02);border:.5px solid var(--line);overflow:hidden}
.ppsw{display:flex;height:52px}
.ppswi{flex:1;transition:flex .4s cubic-bezier(.16,1,.3,1);cursor:none}
.ppswi:hover{flex:3}
.ppinfo{padding:14px 16px}
.ppname{font-family:"Cormorant",serif;font-size:16px;font-weight:400;margin-bottom:4px}
.ppcols{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);line-height:2}

/* IP STRIP */
.ipstrip{padding:12px 48px;border-bottom:.5px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ipb{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:.5px solid rgba(200,169,106,.3);padding:4px 10px}
.ipd{font-family:"Cormorant",serif;font-size:14px;font-style:italic;color:var(--fg2)}
.ipn{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(236,230,219,.2);margin-left:auto}

/* ENQUIRY */
.enq{padding:68px 48px;background:var(--bg);border-bottom:.5px solid var(--line)}
.enq-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start;max-width:1100px;margin:0 auto}
.enq-left h2{font-family:"Cormorant",serif;font-size:42px;font-weight:300;line-height:1.05;margin-bottom:16px}
.enq-left h2 em{font-style:italic;color:var(--sage-hi)}
.enq-left p{font-size:20px;color:var(--fg2);line-height:1.85;margin-bottom:22px}
.enq-d{display:flex;flex-direction:column;gap:10px}
.ed{font-size:16px;color:var(--fg2);display:flex;gap:10px}
.edl{color:var(--sage);font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.13em;text-transform:uppercase;min-width:64px;padding-top:1px}
.eform{display:flex;flex-direction:column;gap:14px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg{display:flex;flex-direction:column;gap:6px}
.fg label{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg2)}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,.04);border:.5px solid rgba(236,230,219,.15);color:var(--fg);padding:13px 15px;font-family:"Barlow",sans-serif;font-size:16px;font-weight:300;outline:none;transition:border-color .3s;-webkit-appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--sage)}
.fg select option{background:#0c1a14}
.fg textarea{resize:vertical;min-height:96px}
.fsub{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--sage);color:var(--bg);border:none;padding:14px 32px;cursor:none;transition:background .3s;font-weight:500;align-self:flex-start;margin-top:4px}
.fsub:hover{background:var(--sage-hi)}
.fmsg{font-size:16px;color:var(--sage);margin-top:10px;display:none}

/* FOOTER */
footer{padding:28px 48px;border-top:.5px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.ftlogo{height:20px;opacity:.3}
.ftmeta{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,230,219,.2);line-height:2.2;text-align:center}
.ftlinks{display:flex}
.fta{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,230,219,.2);text-decoration:none;padding:6px 14px;border-right:.5px solid var(--fg3);transition:color .3s;cursor:none}
.fta:first-child{border-left:.5px solid var(--fg3)}
.fta:hover{color:var(--sage)}

/* INVESTOR PORTAL */
.inv-ov{position:fixed;inset:0;background:rgba(7,16,13,.99);z-index:1000;display:none;flex-direction:column;overflow:hidden}
.inv-ov.open{display:flex}
.inv-topbar{padding:16px 32px;border-bottom:.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.inv-title{display:flex;align-items:center;gap:14px}
.inv-title-main{font-family:"Cormorant",serif;font-size:20px;font-weight:300;color:var(--fg)}
.inv-badge{font-family:"Barlow Condensed",sans-serif;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);background:rgba(107,158,130,.12);border:.5px solid rgba(107,158,130,.3);padding:3px 10px}
.inv-close{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);background:none;border:.5px solid var(--fg3);padding:7px 16px;cursor:none;transition:all .3s}
.inv-close:hover{border-color:var(--sage);color:var(--sage)}
.inv-lock{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}
.inv-lock-box{max-width:380px;width:100%;text-align:center}
.inv-lock-icon{font-size:32px;color:var(--sage);margin-bottom:20px}
.inv-lock-title{font-family:"Cormorant",serif;font-size:28px;font-weight:300;margin-bottom:8px}
.inv-lock-sub{font-size:16px;color:var(--fg2);line-height:1.7;margin-bottom:28px}
.inv-pw-input{width:100%;background:rgba(255,255,255,.06);border:.5px solid rgba(236,230,219,.2);color:var(--fg);padding:14px 18px;font-family:"Barlow",sans-serif;font-size:16px;outline:none;text-align:center;letter-spacing:.2em;margin-bottom:12px;transition:border-color .3s}
.inv-pw-input:focus{border-color:var(--sage)}
.inv-pw-btn{width:100%;font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase;background:var(--sage);color:var(--bg);border:none;padding:14px;cursor:none;transition:background .3s;font-weight:500}
.inv-pw-btn:hover{background:var(--sage-hi)}
.inv-pw-err{font-size:14px;color:var(--red);margin-top:8px;display:none}
.inv-pw-hint{font-size:13px;color:var(--fg2);margin-top:16px;opacity:.6}
.inv-body{flex:1;overflow-y:auto}
.inv-portal{display:none}
.inv-portal.open{display:block}
.inv-hero{padding:40px 48px 28px;border-bottom:.5px solid var(--line);background:var(--bg2)}
.inv-hero-sub{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:10px}
.inv-hero-h{font-family:"Cormorant",serif;font-size:36px;font-weight:300;margin-bottom:8px}
.inv-hero-p{font-size:16px;color:var(--fg2);line-height:1.7}
.inv-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:.5px solid var(--line)}
.inv-kpi{padding:20px 24px;background:var(--bg)}
.inv-kpi-n{font-family:"Cormorant",serif;font-size:26px;font-weight:300;color:var(--fg);line-height:1;margin-bottom:4px}
.inv-kpi-l{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg2)}
.inv-kpi.hi .inv-kpi-n{color:var(--sage-hi)}
.inv-section{padding:36px 48px;border-bottom:.5px solid var(--line)}
.inv-section-title{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.inv-section-title::after{content:"";flex:1;height:.5px;background:var(--line)}
.schip{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:20px}
.schip-green{background:rgba(107,158,130,.15);color:var(--sage);border:.5px solid rgba(107,158,130,.3)}
.schip-gold{background:rgba(200,169,106,.12);color:var(--gold);border:.5px solid rgba(200,169,106,.25)}
.schip-blue{background:rgba(74,122,180,.12);color:#7ab0d8;border:.5px solid rgba(74,122,180,.25)}
.schip-muted{background:rgba(236,230,219,.06);color:var(--fg2);border:.5px solid var(--line)}
.status-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.doc-card{background:rgba(255,255,255,.03);border:.5px solid var(--line);padding:18px 20px;transition:border-color .3s}
.doc-card:hover{border-color:rgba(107,158,130,.4)}
.doc-icon{font-size:22px;color:var(--sage);margin-bottom:10px}
.doc-title{font-family:"Cormorant",serif;font-size:16px;font-weight:400;margin-bottom:4px}
.doc-meta{font-size:13px;color:var(--fg2);margin-bottom:12px}
.doc-dl{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);border:.5px solid rgba(107,158,130,.3);padding:5px 12px;background:transparent;cursor:none;transition:all .3s}
.doc-dl:hover{background:rgba(107,158,130,.1)}
.tranche-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tr-card{border:.5px solid var(--line);padding:18px 20px}
.tr-card.active{border-color:var(--gold);background:rgba(200,169,106,.04)}
.tr-num{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2);margin-bottom:8px}
.tr-amount{font-family:"Cormorant",serif;font-size:24px;font-weight:300;color:var(--gold);margin-bottom:6px}
.tr-label{font-size:14px;color:var(--fg2);line-height:1.6}
.tl{display:flex;flex-direction:column}
.tl-item{display:grid;grid-template-columns:120px 20px 1fr;gap:0 16px;min-height:48px}
.tl-date{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2);padding-top:2px;text-align:right}
.tl-mid{display:flex;flex-direction:column;align-items:center}
.tl-dot{width:10px;height:10px;border-radius:50%;background:var(--bg);border:1.5px solid var(--fg2);margin-top:3px;flex-shrink:0}
.tl-dot.done{background:var(--sage);border-color:var(--sage)}
.tl-dot.now{background:var(--gold);border-color:var(--gold)}
.tl-line{width:.5px;flex:1;background:var(--line)}
.tl-content{padding-bottom:20px}
.tl-label{font-size:16px;font-weight:400;color:var(--fg);margin-bottom:2px}
.tl-desc{font-size:14px;color:var(--fg2);line-height:1.6}
.inv-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.acc-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:.5px solid var(--line);font-size:16px}
.acc-row:last-child{border-bottom:none}
.acc-name{font-weight:400;color:var(--fg)}
.acc-meta{color:var(--fg2);font-size:14px}

/* CRM */
.crm-ov{position:fixed;inset:0;background:rgba(7,16,13,.98);z-index:1000;display:none;flex-direction:column}
.crm-ov.open{display:flex}
.crm-h{padding:17px 30px;border-bottom:.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.crm-title{font-family:"Cormorant",serif;font-size:22px;font-weight:300}
.crm-title span{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-left:12px;vertical-align:middle}
.crm-close{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg2);background:none;border:.5px solid var(--fg3);padding:8px 16px;cursor:none;transition:all .3s}
.crm-close:hover{border-color:var(--sage);color:var(--sage)}
.crm-tb{padding:13px 30px;border-bottom:.5px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.crm-search{flex:1;min-width:200px;background:rgba(255,255,255,.04);border:.5px solid rgba(236,230,219,.12);color:var(--fg);padding:9px 14px;font-family:"Barlow",sans-serif;font-size:16px;outline:none}
.crm-search:focus{border-color:var(--sage)}
.crm-sel{background:rgba(255,255,255,.04);border:.5px solid rgba(236,230,219,.12);color:var(--fg2);padding:9px 14px;font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:none;outline:none;-webkit-appearance:none}
.crm-btn{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:var(--sage2);color:var(--fg);border:none;padding:9px 18px;cursor:none;transition:background .3s}
.crm-btn:hover{background:var(--sage)}
.crm-body{flex:1;overflow-y:auto;padding:0 30px 30px}
.cstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 22px}
.cstat{background:rgba(255,255,255,.03);border:.5px solid var(--line);padding:14px 18px}
.cstat-n{font-family:"Cormorant",serif;font-size:28px;font-weight:300;color:var(--fg);line-height:1}
.cstat-l{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg2);margin-top:4px}
.ctbl{width:100%;border-collapse:collapse}
.ctbl th{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg2);padding:8px 12px;border-bottom:.5px solid var(--line);text-align:left;cursor:none}
.ctbl th:hover{color:var(--sage)}
.ctbl td{padding:10px 12px;border-bottom:.5px solid rgba(236,230,219,.04);font-size:16px;color:var(--fg);vertical-align:middle}
.ctbl tr:hover td{background:rgba(107,158,130,.04)}
.ctbl tr.unread td{border-left:2px solid var(--sage)}
.badge{display:inline-block;font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:2px}
.bnew{background:rgba(107,158,130,.2);color:var(--sage);border:.5px solid rgba(107,158,130,.3)}
.bopen{background:rgba(200,169,106,.15);color:var(--gold);border:.5px solid rgba(200,169,106,.25)}
.bclosed{background:rgba(236,230,219,.06);color:var(--fg2);border:.5px solid rgba(236,230,219,.1)}
.det-ov{position:fixed;inset:0;background:rgba(7,16,13,.99);z-index:1100;display:none;flex-direction:column}
.det-ov.open{display:flex}
.det-body{flex:1;overflow-y:auto;padding:30px;max-width:700px;margin:0 auto;width:100%}
.df-label{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-bottom:4px;margin-top:18px}
.df-val{font-size:16px;color:var(--fg);line-height:1.75;background:rgba(255,255,255,.03);border:.5px solid var(--line);padding:10px 14px}
.cnotes{width:100%;background:rgba(255,255,255,.04);border:.5px solid rgba(236,230,219,.12);color:var(--fg);padding:11px 14px;font-family:"Barlow",sans-serif;font-size:16px;outline:none;resize:vertical;min-height:85px}
.cstsel{background:rgba(255,255,255,.04);border:.5px solid rgba(236,230,219,.12);color:var(--fg);padding:9px 14px;font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:none;outline:none;-webkit-appearance:none}

@keyframes fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sup{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@keyframes shp{0%,100%{opacity:.2}50%{opacity:.9}}

/* ── Lightbox ── */
#nb-lb{display:none;position:fixed;inset:0;background:rgba(7,16,13,.95);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out;animation:lb-in .18s ease}
#nb-lb.open{display:flex}
@keyframes lb-in{from{opacity:0}to{opacity:1}}
#nb-lb img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:3px;box-shadow:0 8px 48px rgba(0,0,0,.7)}
#nb-lb-close{position:fixed;top:18px;right:24px;color:rgba(255,255,255,.7);font-size:2rem;cursor:pointer;line-height:1;user-select:none}
#nb-lb-close:hover{color:#fff}
.nb-zoom{cursor:zoom-in;position:relative}
.nb-zoom::after{content:'';position:absolute;inset:0;background:rgba(200,169,106,0);transition:background .2s;pointer-events:none}
.nb-zoom:hover::after{background:rgba(200,169,106,.08)}
.nb-zoom:hover{box-shadow:inset 0 0 0 1.5px rgba(200,169,106,.35)}

/* Pod interior block */
.int-block{padding:0 0 2rem 0}
.int-label{font-family:'Barlow Condensed',sans-serif;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);opacity:.8;padding:2rem var(--px) .8rem}
.int-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 var(--px)}
.int-cell{height:420px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--bg2)}
@media(max-width:640px){.int-2{grid-template-columns:1fr}.int-cell{height:300px}}
/* Lightbox */
#nb-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out}
#nb-lb.open{display:flex}
#nb-lb img{max-width:92vw;max-height:90vh;object-fit:contain;border:1px solid rgba(200,169,106,.2)}
#nb-lb-close{position:fixed;top:1.2rem;right:1.6rem;color:var(--gold);font-size:2rem;cursor:pointer;line-height:1;z-index:10000;opacity:.7}
#nb-lb-close:hover{opacity:1}
/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE — tablet ≤ 900px, phone ≤ 540px
   ═══════════════════════════════════════════════════════════════ */

/* Hide custom cursor on touch devices */
@media(hover:none){
  #cur{display:none}
  body{cursor:auto}
  button,a,.pni,.vt,.pal-opt,.ppswi,.uc,.pcta,.rcard,.rcardi{cursor:pointer!important}
}

@media(max-width:900px){
  /* NAV — make product links scrollable row */
  #mainNav{padding:0 20px}
  .nl{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nl::-webkit-scrollbar{display:none}
  .pni{padding:16px 16px 14px;white-space:nowrap;font-size:9px}

  /* HERO */
  .hero{min-height:520px}
  .hc-h{font-size:clamp(36px,8vw,56px)}

  /* PRODUCT HERO — stack image above copy */
  .ph{flex-direction:column;min-height:unset}
  .ph-img{height:52vw;min-height:260px;width:100%}
  .ph-copy{padding:32px 24px 36px;border-left:none;border-top:.5px solid var(--line)}
  .pct{font-size:clamp(32px,7vw,52px)}

  /* DETAIL GRID — stack */
  .pgrid{grid-template-columns:1fr}
  .pcopy{padding:36px 24px;border-left:none;border-top:.5px solid var(--line)}

  /* IMAGE GRIDS */
  .rg4{grid-template-columns:repeat(2,1fr)}
  .rg3{grid-template-columns:repeat(2,1fr)}
  .rcard{height:200px}

  /* PALETTE TABS — scrollable */
  .pal-sel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pal-sel::-webkit-scrollbar{display:none}
  .pal-opt{white-space:nowrap;padding:14px 18px;min-height:44px}

  /* VARIANT TABS */
  .vtabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .vt{padding:14px 20px 12px;min-height:44px;white-space:nowrap}

  /* USES GRID */
  .ugrid{grid-template-columns:repeat(2,1fr)}
  .uses{padding:40px 24px}

  /* INT BLOCK */
  .int-2{gap:.5rem;padding:0 16px}

  /* COPY BLOCK */
  .pdp{font-size:18px}

  /* FOOTER */
  footer{flex-direction:column;gap:16px;text-align:center;padding:24px}

  /* SECTION LABELS */
  .int-label{padding:1.5rem 24px .6rem}

  /* INVESTOR / CRM overlays */
  .inv-inner,.crm-inner,.det-inner{padding:24px 20px;width:95vw;max-width:600px}
  .ctbl{font-size:13px}
  .ctbl td,.ctbl th{padding:10px 8px}
}

@media(max-width:540px){
  /* NAV logo */
  #mainNav{padding:0 12px}
  .pni{font-size:8px;padding:14px 10px 12px}

  /* HERO */
  .hero{min-height:420px}

  /* PRODUCT HERO image taller on portrait */
  .ph-img{height:65vw}
  .ph-copy{padding:24px 16px 28px}

  /* IMAGE GRIDS — single column on small phones */
  .rg4{grid-template-columns:1fr 1fr}
  .rg3{grid-template-columns:1fr}
  .rg2{grid-template-columns:1fr}
  .rcard{height:56vw}

  /* DETAIL grid copy */
  .pcopy{padding:28px 16px}
  .pdp{font-size:16px;line-height:1.7}

  /* USES single col */
  .ugrid{grid-template-columns:1fr}
  .uses{padding:32px 16px}

  /* INT BLOCK full width */
  .int-2{grid-template-columns:1fr;padding:0 12px}

  /* BOAT COPY BLOCK */
  .pgrid .pcopy,.pgrid>[class*="pcopy"]{padding:24px 16px}

  /* FOOTER */
  footer{padding:20px 16px;font-size:13px}

  /* LIGHTBOX close button bigger on mobile */
  #nb-lb-close{font-size:2.8rem;top:.6rem;right:1rem}

  /* BUTTONS — larger touch targets */
  .pcta{padding:14px 22px}
  .fsub{padding:14px 22px;display:block;text-align:center}
}

/* ═══════════════════════════════════════════════════════════════
   SITE LOGIN WALL
   ═══════════════════════════════════════════════════════════════ */
#siteLogin{
  position:fixed;inset:0;background:var(--bg);z-index:99999;
  display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',sans-serif;
}
#siteLogin.unlocked{
  opacity:0;pointer-events:none;transition:opacity .6s ease;
}
#siteLoginBox{
  display:flex;flex-direction:column;align-items:center;gap:0;
  max-width:380px;width:90%;
}
#siteLoginLogo{
  font-family:'Cormorant',serif;font-size:clamp(22px,4vw,32px);
  font-weight:300;letter-spacing:.04em;color:var(--fg);
  margin-bottom:10px;text-align:center;
}
#siteLoginSub{
  font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:48px;
}
#siteLoginForm{
  display:flex;flex-direction:column;gap:12px;width:100%;
}
#siteLoginPw{
  background:transparent;border:none;border-bottom:.5px solid rgba(236,230,219,.25);
  color:var(--fg);font-family:'Barlow Condensed',sans-serif;
  font-size:14px;letter-spacing:.12em;padding:12px 0;
  outline:none;text-align:center;width:100%;
  transition:border-color .3s;
}
#siteLoginPw::placeholder{color:var(--fg2);}
#siteLoginPw:focus{border-bottom-color:var(--gold);}
#siteLoginBtn{
  background:transparent;border:.5px solid rgba(236,230,219,.25);
  color:var(--fg);font-family:'Barlow Condensed',sans-serif;
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  padding:14px 32px;cursor:pointer;transition:all .3s;margin-top:8px;
}
#siteLoginBtn:hover{border-color:var(--gold);color:var(--gold);}
#siteLoginErr{
  color:var(--red);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;margin-top:16px;
  opacity:0;transition:opacity .3s;text-align:center;
}
#siteLoginErr.show{opacity:1;}