/* Phasehollow identity, layered over the existing responsive components. */
@import url('styles.css');
:root{color-scheme:dark;--paper:#080d18;--ink:#f4f7ff;--muted:#a1aec4;--lime:#46e3ff;--line:#253148;--cyan:#46e3ff;--violet:#805cff}
body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600}.accent{color:var(--muted)}::selection{background:var(--cyan);color:#080d18}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--cyan)}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:1.8px}.muted{color:var(--muted)}.header{height:104px;gap:24px}.brand{gap:12px;letter-spacing:normal}.brand-symbol{flex:none}.wordmark{font-size:17px;font-weight:800;letter-spacing:1.2px;line-height:1.2}.wordmark>span{display:block;font-size:8px;font-weight:500;letter-spacing:4px;margin-top:7px;color:var(--muted)}.header nav{font-size:12px;color:#bcc7da}.header nav a:hover{color:var(--cyan)}.header-cta{border:1px solid #36475f;border-radius:4px;padding:12px 17px;font-size:12px}.header-cta:hover{border-color:var(--cyan)}
/* Hero artwork is decorative, lightweight SVG. */
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;padding-top:78px;gap:0 20px}.hero-content{position:relative;z-index:1}.status-dot{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 12px #46e3ff77}.hero h1{font-size:clamp(60px,6.8vw,98px);line-height:1.04;letter-spacing:-5px;font-weight:700;margin:28px 0}.hero h1 .accent{color:var(--cyan)}.hero-description{font-size:16px;line-height:1.9;max-width:480px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:33px;flex-wrap:wrap}.button{padding:17px 20px;gap:28px;font-size:12px;font-weight:700;border:1px solid transparent;border-radius:4px;transition:transform .2s,background .2s,border-color .2s}.button span{font-size:19px}.primary,.dark{background:var(--cyan);color:#080d18}.primary:hover,.dark:hover{background:#92efff}.secondary{border-color:#354156;color:var(--ink);background:#10182880}.secondary:hover{border-color:#91a2bd}.hero-art{position:relative;min-width:0;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:16% -5%;background:radial-gradient(ellipse,#805cff18,transparent 67%),radial-gradient(ellipse at 30% 25%,#46e3ff18,transparent 65%);filter:blur(22px);z-index:-1}.hero-art svg{width:100%;display:block;animation:phase-float 10s ease-in-out infinite}.art-grid{position:absolute;inset:10% 0;background-image:linear-gradient(#34476625 1px,transparent 1px),linear-gradient(90deg,#34476625 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.art-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#91a2bd;margin:0 18px}.hero-foot{grid-column:1/-1;margin-top:64px;padding:24px 0 30px;font-size:9px;letter-spacing:1.5px;color:#93a3bd;gap:25px}.hero-foot span span{color:var(--cyan);margin-left:12px}
/* Studio sections retain the original content and dashboard behavior. */
.work-section{padding:80px 0;background:linear-gradient(180deg,#0b1220,var(--paper));border-top:1px solid #151f32}.section-top>p{max-width:345px;font-size:13px}.project{border:1px solid var(--line);border-radius:8px;overflow:hidden}.featured{background:linear-gradient(125deg,#101c2e,#0c1423);color:var(--ink)}.project-info .muted{color:#a1aec4}.pill{border-color:#3b4b62;border-radius:3px;font-size:8px;line-height:1.6;letter-spacing:1px;color:#bccae0}.project h3{font-size:37px;line-height:1.17;letter-spacing:-1.4px}.project-info p,.second-info p{color:var(--muted);font-size:13px;line-height:1.85}.text-link{border-color:#465670;font-size:12px;color:var(--ink);transition:color .2s}.text-link:hover{color:var(--cyan)}.tags span,.second-info .tags span{border-color:#344158;color:#adbed6;border-radius:3px;font-size:9px}.second{background:#101724}.second-info .pill{border-color:#3b4b62}.second-info .text-link{margin-top:10px}.bakery-art{border-radius:3px;color-scheme:light}.bakery-art h4{font-weight:400}.bakery-copy p{color:#543c29}.bakery-bottom{line-height:1.7;gap:12px}.bread{right:15px}
/* A distinct, light product theme keeps the demo readable. */
.dashboard{background:#f9fbff;color:#182a42;color-scheme:light;border:1px solid #43536b}.dash-header{border-color:#dce3ed}.mini-logo{background:#1b3654;color:#6de8ff}.demo-tag{background:#e8edf7}.dashboard .muted{color:#5a6a80}.dashboard select{background:#fff;border-color:#c9d3e2;color:#182a42}.metrics,.metrics>div{border-color:#dbe2ed}.metrics span,.metrics small,.bar-label{color:#52637b}.chart-heading span{color:#566a82}.chart-heading i{background:#5296bd}.chart{border-color:#dbe3ee;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#e9eef5 36px)}.bar{background:#7aaecb;transition:height .3s}.bar-slot:nth-child(6) .bar{background:#365b86}.bar-value{color:#465e78}.insight{background:#eaf0f9}.insight>span{color:#365b86}.insight p{color:#425873}.data-note{color:#52637b;line-height:1.7}.dashboard th,.dashboard td{border-color:#dce4ed}.dashboard :focus-visible{outline-color:#136184}
.services{padding:45px 0 95px}.service-icon{color:var(--cyan);font-size:28px}.service-grid h3{font-size:20px;line-height:1.4;margin-top:25px}.service-grid p{font-size:12px;line-height:1.9}.service-detail{color:#becae0}.about-section{padding:76px 0;border-block:1px solid var(--line);background:radial-gradient(ellipse at 0 100%,#805cff12,transparent 60%),#0c1322}.about-copy p{color:var(--muted);font-size:13px;line-height:1.9}.about-copy p.large{color:var(--ink);font-size:21px;line-height:1.6}.about-copy p:last-child{font-size:11px;opacity:1}.about-sign{color:#b3c0d7}.about-sign span{color:var(--violet)}.contact h2{font-size:clamp(44px,6vw,80px);letter-spacing:-3px}.contact-arrow{font-size:100px;color:var(--cyan)}.contact-status{line-height:1.8}.contact-status a:hover{color:var(--cyan)}.footer{gap:25px;font-size:9px}.footer .brand{color:var(--ink)}.footer .brand-symbol{width:30px;height:30px}.footer .wordmark{font-size:13px}.footer .wordmark>span{font-size:7px}.skip{color:#080d18}.footer a:hover{color:var(--cyan)}
@keyframes phase-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){.hero{padding-top:60px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:72px}.hero .eyebrow{font-size:8px}.hero-description{font-size:14px}.hero-actions{gap:9px}.button{font-size:11px;padding:15px;gap:16px}.project h3{font-size:31px}.dashboard h4{font-size:14px}}
@media(max-width:760px){.header{height:90px;gap:15px}.wordmark{font-size:14px}.brand{gap:8px}.brand-symbol{width:32px;height:32px}.header nav{gap:17px;font-size:11px}.header-cta{display:none}.hero{padding-top:50px;grid-template-columns:1fr}.hero-content{max-width:560px}.hero h1{font-size:clamp(57px,10.8vw,80px);letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:15px;max-width:440px}.hero-art{position:absolute;right:0;top:60px;width:48%;opacity:.2;z-index:-1}.art-caption{display:none}.hero-foot{margin-top:48px;font-size:7px;letter-spacing:1px;line-height:1.8}.hero-foot>span{max-width:47%}.hero-foot>span:last-child{white-space:normal;text-align:right}.hero-actions .button{padding:16px 18px;font-size:11px;gap:19px}.work-section{padding:48px 0}.section-top{display:block}.section-top>p{margin-top:22px;font-size:12px}.project{grid-template-columns:1fr}.project h3{font-size:36px}.services{padding:30px 0 55px}.service-grid h3{font-size:18px}.about-section{padding:48px 0}.about-copy p.large{font-size:20px}.contact h2{font-size:clamp(36px,7.5vw,54px);letter-spacing:-1.8px}.contact-arrow{font-size:50px;right:0;top:-18px}.contact-status{font-size:10px}.footer{flex-wrap:wrap;gap:23px}.footer>span{order:3;width:100%}}
@media(max-width:380px){.header nav{gap:11px;font-size:10px}.wordmark{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:54px}.dashboard h4{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.engagement{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:0 0 85px}.engagement h2{margin-top:20px}.engagement ol{list-style:none;padding:0;margin:0}.engagement li{border-top:1px solid var(--line);padding:20px 0}.engagement strong{font-size:12px;color:var(--cyan)}.engagement p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}@media(max-width:760px){.engagement{grid-template-columns:1fr;gap:30px;padding-bottom:45px}}