/* Hue & Queue Creative Direction 3 / six distinct identities, one accessible interaction grammar. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
body.hq3-network{--hq3-glass:rgba(9,16,30,.78);--hq3-edge:rgba(230,197,136,.24);--hq3-text:#f8f6f0;--hq3-shift:#e6bc75;scroll-behavior:smooth}
body.hq3-network .header{position:sticky;top:0;z-index:44;background:var(--hq3-glass)!important;border-bottom:1px solid var(--hq3-edge)!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
body.hq3-network .header .nav a:focus-visible,body.hq3-network a:focus-visible,body.hq3-network button:focus-visible{outline:3px solid var(--hq3-shift);outline-offset:3px}
body.hq3-network .hq3-hero{position:relative;isolation:isolate;overflow:hidden}
body.hq3-network .hq3-creative-stamp{position:absolute;right:clamp(20px,4vw,70px);bottom:22px;z-index:3;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:var(--hq3-shift);pointer-events:none;text-shadow:0 1px 8px #0007}
body.hq3-network h1{font-kerning:normal;letter-spacing:-.055em;text-wrap:balance}
body.hq3-network .hero .btn,body.hq3-network .hero a.btn,body.hq3-network .gw2-hero a{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.hq3-network .hero a.btn:hover,body.hq3-network .gw2-hero a:hover{transform:translateY(-3px)}
/* Gateway / architectural editorial: confident dark velvet, animated golden seams. */
body[data-site="gateway"].hq3-network{--hq3-glass:rgba(6,12,26,.82);--hq3-edge:rgba(230,189,115,.26);--hq3-shift:#f3c679}
body[data-site="gateway"].hq3-network .gw2-hero{background:radial-gradient(ellipse at 76% 29%,#173f6366 0,transparent 49%),linear-gradient(145deg,#060e20,#0a162a 54%,#050b18);position:relative;min-height:clamp(470px,74vh,790px);display:flex;align-items:center;border-bottom:1px solid #f3c67930}
body[data-site="gateway"].hq3-network .gw2-hero:before{content:"";position:absolute;inset:12% 8% 6% auto;width:30vw;max-width:400px;border:1px solid #b9a47b26;transform:rotate(-12deg);border-radius:42% 20% 48% 14%;box-shadow:0 0 0 18px #daae5a08,0 0 100px #d0aa7130;pointer-events:none}
body[data-site="gateway"].hq3-network .gw2-hero h1{font-size:clamp(3.1rem,7vw,7rem);line-height:.99;letter-spacing:-.07em}
body[data-site="gateway"].hq3-network .gw2-discover{background:linear-gradient(#0a1122,#0c1426)}
body[data-site="gateway"].hq3-network .gw2-discover a{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
body[data-site="gateway"].hq3-network .gw2-discover a:hover{transform:translateY(-5px);box-shadow:0 22px 50px #0005}
/* Paint & Hope / sunlit gallery: warm paper, breathing room, museum-style headlines. */
body[data-site="paint-and-hope"].hq3-network{--hq3-glass:rgba(250,247,240,.86);--hq3-edge:rgba(112,84,65,.25);--hq3-text:#34241e;--hq3-shift:#885a3e}
body[data-site="paint-and-hope"].hq3-network .hero{background:linear-gradient(115deg,#f9f3e7 3%,#f3e5d9 55%,#e9d8c8)!important;border-bottom:1px solid #ae8d723b}
body[data-site="paint-and-hope"].hq3-network .hero:before{content:"";position:absolute;right:9%;top:13%;width:28%;height:61%;border:16px solid #baa08c40;box-shadow:19px 28px 0 #79624f12,inset 0 0 0 1px #6f513c25;transform:rotate(-7deg);pointer-events:none}
body[data-site="paint-and-hope"].hq3-network h1,body[data-site="paint-and-hope"].hq3-network .hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.04em}
body[data-site="paint-and-hope"].hq3-network .hero .section-kicker{letter-spacing:.3em;text-transform:uppercase}
body[data-site="paint-and-hope"].hq3-network .hq3-creative-stamp{text-shadow:none}
/* Cassowary / record sleeve: bold monumental type, black-and-amber composition. */
body[data-site="cassowary-recordings"].hq3-network{--hq3-glass:rgba(7,8,9,.84);--hq3-edge:rgba(220,171,78,.26);--hq3-shift:#efbe67}
body[data-site="cassowary-recordings"].hq3-network .cass-new-hero{min-height:clamp(570px,90vh,900px);background:radial-gradient(circle at 84% 49%,#9a693044 0 12%,#1a140b 13% 15%,transparent 15.5%),linear-gradient(165deg,#080808,#1c160f)!important;border-bottom:1px solid #edb96633}
body[data-site="cassowary-recordings"].hq3-network .cass-new-hero h1{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.083em;line-height:.93;text-transform:uppercase;text-wrap:balance}
body[data-site="cassowary-recordings"].hq3-network .cass-new-content{border-top:1px solid #d1a46429}
/* Loot / electric arcade: sharp geometry, dramatic motion, bright edged components. */
body[data-site="loot-and-greed"].hq3-network{--hq3-glass:rgba(8,10,26,.83);--hq3-edge:rgba(93,126,255,.39);--hq3-shift:#ffd35c}
body[data-site="loot-and-greed"].hq3-network .hero{background:radial-gradient(circle at 80% 30%,#4b2c9a68,transparent 37%),linear-gradient(135deg,#080818,#101435 55%,#070a19)!important}
body[data-site="loot-and-greed"].hq3-network .hero:before{content:"";position:absolute;inset:12% 0 0 auto;width:35%;background:repeating-linear-gradient(132deg,#8097ff16 0 2px,transparent 2px 30px);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);pointer-events:none}
body[data-site="loot-and-greed"].hq3-network .hero h1{font-family:'Space Grotesk',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.065em}
body[data-site="loot-and-greed"].hq3-network .btn{border-radius:7px;box-shadow:4px 4px 0 #26346d}
/* Company / quiet luxury: sophisticated ink, broad editorial rhythm. */
body[data-site="company"].hq3-network{--hq3-glass:rgba(17,20,27,.86);--hq3-edge:rgba(200,176,140,.28);--hq3-shift:#e1c18f}
body[data-site="company"].hq3-network .hero{background:linear-gradient(150deg,#11161f,#25262a 55%,#171b23)!important;border-bottom:1px solid #cab2872f}
body[data-site="company"].hq3-network .hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.045em}
body[data-site="company"].hq3-network .special{background:linear-gradient(135deg,#202630,#1c2129)}
/* Safe motion system: small distances, no animation on controls or financial forms. */
@media(prefers-reduced-motion:no-preference){
 body.hq3-network main>.hq3-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}
 body.hq3-network main>.hq3-revealed{opacity:1;transform:translateY(0)}
 body.hq3-network.hq3-leaving main{opacity:.55;transition:opacity .2s ease}
}
.hq3-intro{position:fixed;inset:0;z-index:999998;background:radial-gradient(circle at 50% 42%,#20324b,#070b17 66%);color:#f8f5ee;display:grid;place-items:center;transition:opacity .26s ease;pointer-events:auto}
.hq3-intro-exit{opacity:0;pointer-events:none}
.hq3-intro-mark{text-align:center;padding:22px;display:grid;gap:12px;justify-items:center}
.hq3-intro-symbol{font:800 clamp(4rem,13vw,10rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.1em;animation:hq3-mark .8s ease both}
.hq3-intro-symbol span{font-weight:400;color:#e4b971;letter-spacing:-.12em}
.hq3-intro-line{width:min(250px,55vw);height:1px;background:linear-gradient(90deg,transparent,#e1b56a,transparent);animation:hq3-line 1s ease both}
.hq3-intro-mark strong{font:800 15px/1.3 'DM Sans',sans-serif;letter-spacing:.43em}
.hq3-intro-mark small{font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.2em;color:#b0bbcf}
.hq3-skip{position:absolute;bottom:32px;right:35px;background:transparent;border:1px solid #dfb56b55;color:#fff;padding:11px 17px;border-radius:50px;cursor:pointer;font:600 13px 'DM Sans',sans-serif}
@keyframes hq3-mark{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hq3-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){body.hq3-network .header{backdrop-filter:blur(12px)}body.hq3-network .hq3-creative-stamp{right:18px;bottom:10px;max-width:70%;text-align:right;font-size:9px}body[data-site="gateway"].hq3-network .gw2-hero{min-height:540px}body[data-site="paint-and-hope"].hq3-network .hero:before{opacity:.2}}
@media(prefers-reduced-motion:reduce){body.hq3-network .hq3-reveal{opacity:1!important;transform:none!important;transition:none!important}.hq3-intro{display:none!important}}