/* Black Star — creative & digital. */
:root{color-scheme:dark;--ink:#0a0a0b;--paper:#f5f3ed;--muted:#aaa8ad;--gold:#d6ba78;--line:#ffffff20;--surface:#131315;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p,h1,h2,h3{margin-top:0}p{margin-bottom:20px}.container,.nav-container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding:112px 0}h2{font:500 clamp(42px,5vw,70px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.7px;margin-bottom:0}h2 em{color:var(--gold);font-weight:400}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.6;font-weight:500;color:var(--gold);margin-bottom:23px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:58px}.section-intro{max-width:410px;flex:0 1 410px;color:var(--muted);font-size:16px;margin:0 0 4px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:500;padding:12px 0;border-bottom:1px solid #ffffff4d}.text-link span,.nav-cta span{transition:transform .25s}.text-link:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}.text-link:hover{color:var(--gold);border-color:var(--gold)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:54px;padding:16px 24px;font-size:14px;font-weight:600;border:1px solid var(--gold);transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px);background:#e6cf9a}.btn-gold{color:var(--ink);background:var(--gold)}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--gold);color:var(--ink);padding:12px 20px;z-index:100}.skip-link:focus{transform:none}
/* Masthead */
.site-header{position:fixed;inset:0 0 auto;z-index:30;background:#0a0a0bf5;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-container{height:94px;display:flex;align-items:center;justify-content:space-between;gap:35px}.nav-logo{display:block;flex:0 0 163px}.nav-logo img{width:163px;height:auto}.nav-menu{display:flex;align-items:center;gap:29px;font-size:14px}.nav-menu>a:not(.nav-cta){color:#c2bfc5}.nav-menu>a:hover{color:var(--gold)}.nav-cta{display:flex;align-items:center;gap:18px;border:1px solid #d6ba7866;padding:12px 17px;margin-left:12px}.hamburger{display:none;padding:12px;border:1px solid var(--line);background:transparent;min-height:44px}.hamburger span{width:23px;height:1px;background:var(--paper);margin:5px;display:block}
/* Hero */
#hero{position:relative;isolation:isolate;overflow:hidden;padding-top:94px;min-height:min(920px,100svh);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 25% 40%,#201a24 0%,#100e13 43%,var(--ink) 72%)}#starCanvas,.hero-grid-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hero-grid-overlay{opacity:.2;background:linear-gradient(90deg,transparent 49.9%,#ffffff20 50%,transparent 50.1%);background-size:calc(100% / 6) 100%;mask-image:linear-gradient(transparent,#000,transparent)}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-block:110px 94px}.hero-content>.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:1.7px}.eyebrow-line{height:1px;width:28px;background:var(--gold);flex-shrink:0}h1{font:500 clamp(55px,6.5vw,92px)/1.01 'Cormorant Garamond',Georgia,serif;letter-spacing:-2.3px;margin-bottom:28px}h1 em{font-weight:400;color:var(--gold)}.hero-description{font-size:17px;max-width:500px;color:#c0bac6;line-height:1.8;margin-bottom:32px}.hero-cta-group{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-note{font-size:12px;letter-spacing:.3px;color:#9c929e;margin:25px 0 0}.hero-brand{position:relative;background:var(--ink);padding:40px 30px 0;border:1px solid #d6ba7835;text-align:center;box-shadow:0 30px 120px #0005;transform:rotate(-2deg);transition:transform .6s var(--ease)}.hero-brand:hover{transform:rotate(0)}.brand-caption{font-size:10px;letter-spacing:2.5px;color:#a9a1ad}.hero-logo{width:100%;height:auto;margin:40px 0 22px}.hero-brand>p{font:italic 23px 'Cormorant Garamond',Georgia,serif;color:#c7bca8;margin-bottom:42px}.brand-footer{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.3px;color:#b0a69d}.brand-corner{position:absolute;width:12px;height:12px;border-color:var(--gold);border-style:solid}.brand-corner-a{left:-1px;top:-1px;border-width:1px 0 0 1px}.brand-corner-b{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.hero-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:24px 0;margin-top:auto;color:#a9a1ab;font-size:12px;position:relative;z-index:1}.hero-bottom a{display:flex;gap:16px;color:var(--paper)}.hero-skyline{position:absolute;bottom:0;left:0;width:100%;z-index:-1;opacity:.22;pointer-events:none}.hero-skyline svg{width:100%;height:auto}
/* Services: three pairs stack gently as the page scrolls. */
#services{background:var(--ink);border-top:1px solid var(--line)}.services-stack{display:flex;flex-direction:column;gap:25px;position:relative}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:sticky;top:calc(112px + var(--row)*13px);z-index:calc(1 + var(--row));transform-origin:center top}.service-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(140deg,#1b181e,#111113 75%);border:1px solid #b7a3b533;padding:34px 36px;min-height:370px;box-shadow:0 -14px 32px #0a0a0b66;transition:border-color .35s,background .35s;overflow:hidden}.service-card:hover,.service-card:focus-within{border-color:#d6ba7890}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.service-number{font-size:12px;color:#aba2b0;letter-spacing:2px}.service-icon{font-size:25px;color:var(--gold);line-height:1}.service-card h3{font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.25;margin-bottom:14px}.service-tagline{font-size:15px;color:var(--gold);margin-bottom:7px}.service-description{font-size:15px;color:#b6afb9;line-height:1.7;max-width:480px;margin-bottom:25px}.deliverables{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 24px;color:#d1c9d5}.deliverables li{font-size:12px;white-space:normal}.deliverables li:not(:last-child)::after{content:'·';margin-left:14px;color:#746b77}.service-link{margin-top:auto;align-self:flex-start;display:flex;gap:18px;align-items:center;font-size:13px;border-bottom:1px solid #d6ba7860;padding:6px 0}.service-link span{color:var(--gold)}.services-note{margin:35px 0 0;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;font-size:14px;color:var(--muted)}.small-star{font-size:20px;color:var(--gold)}
/* Project previews */
#portfolio{background:#101012;border-block:1px solid var(--line)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-15px 0 30px}.filter-btn{font-size:13px;padding:10px 18px;border:1px solid #ffffff25;color:#b9b4bd;background:none;min-height:42px}.filter-btn:hover{border-color:var(--gold)}.filter-btn.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{min-width:0;background:#171719;border:1px solid var(--line);transition:border-color .3s}.project-card:hover{border-color:#d6ba7880}.project-card[hidden]{display:none}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}.project-visual{position:relative;aspect-ratio:1.65;overflow:hidden;background:linear-gradient(140deg,#2d2634,#14141a)}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);padding-top:35px}.project-card:hover .project-visual>img{transform:scale(1.025)}.project-visual::after{content:'';position:absolute;inset:35px 0 0;background:linear-gradient(transparent 65%,#0009);pointer-events:none}.project-featured .project-visual{height:100%;min-height:320px;aspect-ratio:auto}.aether-visual>img{object-fit:contain;padding:55px 24px 36px}.project-browser{height:35px;position:absolute;inset:0 0 auto;background:#141316f5;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 15px;font-size:10px;letter-spacing:.5px;color:#b0a8b5;z-index:2}.browser-dots{font-size:7px;letter-spacing:4px;color:#625b66}.visual-label{position:absolute;left:20px;bottom:17px;z-index:1;font-size:10px;letter-spacing:2px;color:#f2edf4;text-shadow:0 1px 10px #000}.project-copy{padding:30px 32px}.project-featured .project-copy{padding:42px;align-self:center}.project-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:10px;letter-spacing:1.6px;margin-bottom:17px}.project-copy h3{font:500 34px/1.1 'Cormorant Garamond',Georgia,serif;margin-bottom:14px;display:flex;justify-content:space-between;gap:15px}.project-copy h3 span{font:24px/1.3 Inter,Arial;transition:transform .2s;color:var(--gold)}.project-card:hover h3 span{transform:translate(3px,-3px)}.project-copy>p{font-size:15px;color:#b8b2bf;line-height:1.75;margin-bottom:20px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.project-tags span{font-size:11px;border:1px solid var(--line);padding:3px 9px;color:#c7c0cc}.project-visit{font-size:12px;color:#e0d8e5;border-bottom:1px solid #ffffff44;padding-bottom:5px}.project-count{font-size:12px;margin:18px 0 0;color:var(--muted)}.content-callout{margin-top:45px;border-top:1px solid #ffffff26;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:35px}.content-callout .eyebrow{margin-bottom:10px;font-size:10px}.content-callout h3{font-size:21px;font-weight:400;margin-bottom:8px}.content-callout p:last-child{font-size:14px;color:var(--muted);margin-bottom:0}.content-callout .text-link{flex-shrink:0}
/* Founders */
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{position:relative;background:var(--ink);border:1px solid var(--line)}.about-visual>.eyebrow{position:absolute;top:28px;left:28px;font-size:10px}.about-visual>img{width:100%;height:auto}.about-caption{position:absolute;bottom:24px;inset-inline:28px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;color:#a59baa}.about-content h2{margin-bottom:28px}.about-content>p:not(.eyebrow){color:var(--muted);font-size:15px}.about-facts{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:24px;margin:28px 0 15px}.about-facts>div{display:flex;flex-direction:column;gap:6px}.about-facts strong{font:400 38px 'Cormorant Garamond',Georgia;color:var(--gold)}.about-facts span{font-size:12px;color:var(--muted)}#team{padding-top:10px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.team-card{border:1px solid var(--line);padding:38px;background:linear-gradient(125deg,#18151c,#0f0f11)}.team-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.team-avatar{width:72px;height:72px;display:grid;place-items:center;font:26px 'Cormorant Garamond',Georgia;border:1px solid #d6ba7855;background:radial-gradient(at top left,#352536,#121014);border-radius:50%}.avatar-brandon{background:radial-gradient(at top left,#233144,#121014)}.team-index{font-size:10px;color:#a99dad;letter-spacing:1.5px}.team-card h3{font:500 36px 'Cormorant Garamond',Georgia;margin-bottom:4px}.team-role{color:var(--gold);font-size:13px;margin-bottom:18px}.team-description{color:var(--muted);font-size:15px;min-height:78px}.team-links{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.team-links a{display:flex;align-items:center;gap:8px;font-size:12px;color:#d1c9d6;min-height:32px}.team-links a:hover{color:var(--gold)}.team-links svg{width:17px;height:17px}
/* Inquiry */
#contact{border-top:1px solid var(--line);background:radial-gradient(at left top,#201922,var(--ink) 58%)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-info h2{font-size:clamp(52px,5.5vw,80px);margin-bottom:26px}.contact-lead{color:#b9afbf;max-width:410px;font-size:16px;line-height:1.8;margin-bottom:35px}.contact-email{display:block;font-size:15px;overflow-wrap:anywhere;color:var(--gold)}.contact-location{font-size:13px;color:var(--muted);margin:14px 0 30px}.contact-socials{display:flex;flex-direction:column;gap:12px;font-size:13px}.contact-socials a{align-self:flex-start;border-bottom:1px solid #ffffff30;padding-bottom:5px}.contact-note{font:italic 23px 'Cormorant Garamond',Georgia;margin:45px 0 0;color:#b4a8b9}.contact-form{padding:35px;border:1px solid #d6ba783d;background:#141215}.form-heading{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:1.8px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group{margin-bottom:21px}.form-group label{display:block;font-size:13px;margin-bottom:8px;color:#d7d0dd}.optional{color:var(--muted);font-size:12px}input,select,textarea{width:100%;border:1px solid #ffffff24;border-radius:0;background:#0e0d10;color:var(--paper);padding:12px 13px;font-size:14px}input::placeholder,textarea::placeholder{color:#8c8493}textarea{resize:vertical;min-height:110px}.full-width{width:100%}.form-note{font-size:12px;line-height:1.6;color:#aba1b0;margin:15px 0 0}.form-success{color:var(--gold);font-size:14px;margin:15px 0 0}.form-success:empty{display:none}
/* Footer */
#footer{padding:55px 0 22px;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:38px}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer-brand img{width:195px;height:auto}.footer-brand span{font:italic 19px 'Cormorant Garamond',Georgia;color:var(--muted)}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;font-size:13px;color:#c6becc}.footer-socials{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#c6becc}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;gap:25px;justify-content:space-between;font-size:11px;color:#a299a9}.footer-bottom p{margin:0}.footer-bottom>span{font-size:9px;letter-spacing:1.6px}.footer-bottom a:hover{color:var(--gold)}
@media(min-width:1500px){.hero-layout{padding-block:135px 110px}#hero{min-height:900px}}@media(max-width:1100px){.container,.nav-container{width:calc(100% - 64px)}.nav-menu{gap:20px}.nav-cta{margin-left:0}.hero-layout{gap:35px;padding-block:90px 70px}.hero-cta-group{gap:12px 24px}.hero-brand{padding:30px 22px 0}.brand-footer{font-size:8px}.service-card{padding:28px}.about-inner,.contact-inner{gap:45px}.project-featured .project-copy{padding:30px}.team-card{padding:30px}.section-intro{flex-basis:350px}}@media(max-width:850px){.nav-menu{gap:16px;font-size:12px}.nav-cta{padding:10px}.nav-logo,.nav-logo img{width:140px;flex-basis:140px}.hero-layout{grid-template-columns:1fr 1fr;gap:25px}.hero-content>.eyebrow{font-size:9px}.hero-description{font-size:15px}.hero-brand>p{font-size:19px}.brand-caption{font-size:8px}.hero-logo{margin-block:35px 20px}.brand-footer{letter-spacing:.5px;font-size:7px}.section-heading{gap:35px}.section-intro{font-size:15px;flex-basis:300px}.service-card h3{font-size:21px}.service-card{padding:25px;min-height:420px}.deliverables{gap:6px 9px}.deliverables li:not(:last-child)::after{margin-left:9px}.project-featured{grid-template-columns:1fr}.project-featured .project-visual{min-height:0;aspect-ratio:1.8}.project-copy,.project-featured .project-copy{padding:26px}.about-inner{gap:32px}.team-links{flex-direction:column;gap:7px}.contact-inner{gap:30px}.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.footer-bottom>span{display:none}}
@media(max-width:680px){html{scroll-padding-top:96px}.container,.nav-container{width:calc(100% - 40px)}.nav-container{height:80px}.nav-logo,.nav-logo img{width:140px;flex-basis:140px}.hamburger{display:block}.nav-menu{display:none;position:absolute;top:80px;inset-inline:0;background:#0a0a0b;padding:24px 20px;border-bottom:1px solid var(--line);font-size:16px;align-items:stretch;gap:0}.nav-menu.open{display:flex;flex-direction:column}.nav-menu>a{padding:13px 10px}.nav-cta{margin-top:12px;justify-content:space-between}#hero{padding-top:80px;min-height:0}.hero-layout{grid-template-columns:1fr;padding-block:62px 48px;gap:45px}.hero-content>.eyebrow{font-size:9px;letter-spacing:1.2px;gap:9px}.eyebrow-line{width:19px}h1{font-size:clamp(53px,12.5vw,78px);letter-spacing:-1.6px}.hero-description{font-size:16px;line-height:1.8;max-width:480px}.hero-cta-group{gap:13px 25px}.hero-note{font-size:11px}.hero-brand{transform:none;max-width:430px;justify-self:center;width:100%;padding-top:25px}.brand-caption{font-size:9px}.hero-logo{width:80%;margin:28px auto 18px}.hero-brand>p{font-size:21px;margin-bottom:28px}.brand-footer{font-size:8px;letter-spacing:1px}.hero-bottom{font-size:10px;gap:18px;align-items:center}.hero-bottom>span{max-width:180px}.hero-bottom a{gap:8px;flex-shrink:0}.section{padding:76px 0}.section-heading{display:block;margin-bottom:36px}.section-heading h2{margin-bottom:25px}h2{font-size:49px;letter-spacing:-1.5px}.eyebrow{font-size:10px}.section-intro{max-width:480px}.services-stack{gap:16px}.service-row{position:static;grid-template-columns:1fr;gap:16px;transform:none!important}.service-card{min-height:0;padding:27px;box-shadow:none}.service-card-top{margin-bottom:23px}.service-card h3{font-size:23px}.service-description{font-size:15px}.service-link{font-size:14px}.services-note{font-size:12px;margin-top:25px;align-items:flex-start}.portfolio-filters{margin-top:0;gap:7px}.filter-btn{padding:9px 12px;font-size:12px}.portfolio-grid{grid-template-columns:1fr;gap:23px}.project-featured{grid-column:auto;display:block}.project-visual,.project-featured .project-visual{aspect-ratio:1.5;min-height:0}.project-copy,.project-featured .project-copy{padding:26px}.project-copy h3{font-size:34px}.project-copy>p{font-size:15px}.project-tags span,.project-visit{font-size:12px}.content-callout{display:block}.content-callout h3{font-size:21px}.content-callout .text-link{margin-top:15px}.about-inner{grid-template-columns:1fr;gap:40px}.about-visual{max-width:430px;width:100%;margin:auto}.about-content>p:not(.eyebrow){font-size:16px}.about-facts{gap:35px}.team-grid{grid-template-columns:1fr;gap:20px}.team-card{padding:27px}.team-links{flex-direction:row;gap:10px 20px}.team-links a{font-size:13px}.team-description{min-height:0}.contact-inner{grid-template-columns:1fr;gap:38px}.contact-info h2{font-size:60px}.contact-note{margin-top:28px}.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.form-group label{font-size:14px}input,select,textarea{font-size:16px}.contact-email{font-size:14px}.footer-inner{flex-wrap:wrap;gap:30px;align-items:flex-start}.footer-brand{flex-basis:100%}.footer-nav{gap:12px 25px}.footer-socials{font-size:12px}.footer-bottom{font-size:10px;gap:15px;align-items:center}.footer-bottom p{max-width:230px}.footer-bottom a{white-space:nowrap}.section-intro{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.service-card{animation:card-enter .65s var(--ease) both;animation-timeline:view();animation-range:entry 0% entry 25%}@keyframes card-enter{from{opacity:.55;translate:0 24px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-row{position:static;transform:none!important}.hero-brand{transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,#starCanvas,.hero-skyline,.hero-grid-overlay,.contact-form,.portfolio-filters{display:none}.service-row{position:static;transform:none!important}body{background:white;color:black}.section,#hero{padding:20px 0;min-height:0}.container{width:100%}.service-card,.project-card,.team-card{break-inside:avoid}}

/* Supplied artwork: a shared gold/purple atmosphere and the real ECC identity. */
#hero{background-image:radial-gradient(ellipse at 60% 65%,transparent 20%,#05050966 100%),linear-gradient(90deg,#05050bb8,#05050b7a),linear-gradient(0deg,#07070bad 0%,#07070b33 45%,#07070b40 100%),url("assets/black-star-aurora.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-grid-overlay{opacity:.06}#hero #starCanvas{opacity:.55}#hero .hero-skyline{opacity:.09}.hero-brand{box-shadow:0 30px 100px #0009,0 0 65px #b877d20a;border-color:#d6ba7826}#hero .hero-logo{opacity:.9}.hero-bottom{color:#d4cbd6;background:linear-gradient(90deg,#0a0a0b45,transparent);border-top-color:#e9d8b84d}.hero-note{color:#b9afb9}
.chrome-visual{background:radial-gradient(ellipse at 50% 48%,#4d176655,#160f1f 50%,#0c0b10 85%);isolation:isolate}
.chrome-visual::before{content:"";position:absolute;inset:35px 0 0;background:linear-gradient(#08070be0,#170b20bb),url("assets/east-coast-chromes.webp") center 56%/cover;z-index:-1;opacity:.8;transition:opacity .4s}
.chrome-visual::after{background:linear-gradient(transparent 65%,#0706098c)}
.chrome-visual>img.chrome-project-logo{position:absolute;width:199px;height:105px;max-width:65%;padding:0;top:50%;left:50%;translate:-50% -50%;object-fit:contain;border-radius:4px;box-shadow:0 0 0 20px #0d0c0f,0 0 0 21px #9834cf55,0 22px 75px #912ae448;z-index:1;transition:box-shadow .35s,transform .35s}
.project-card:hover .chrome-project-logo{transform:translateY(-3px);box-shadow:0 0 0 20px #0d0c0f,0 0 0 21px #b353e580,0 25px 85px #912ae460}
.chrome-brand-note{position:absolute;top:calc(50% + 89px);inset-inline:20px;text-align:center;font-size:9px;letter-spacing:1.9px;color:#c9a8db;z-index:1}
#port-east-coast-chrome:hover{border-color:#a54addaa}#port-east-coast-chrome .project-kicker,#port-east-coast-chrome h3 span{color:#c48ee7}
.content-callout{padding:38px 32px;border:1px solid #d6ba784d;background:linear-gradient(90deg,#0a0a0bec 0%,#0a0a0bc9 45%,#0a0a0b35 100%),url("assets/black-star-aurora.webp") center 72%/cover}
.about-visual{background:linear-gradient(#0a0a0b35,#0a0a0b20),url("assets/black-star-aurora.webp") center/cover;border-color:#d6ba785c}.about-visual>img{mix-blend-mode:screen}.about-caption{color:#d2c7d4}.about-visual>.eyebrow{text-shadow:0 1px 8px #000}
#contact{background:linear-gradient(90deg,#0a0a0bef 0%,#0a0a0bb8 45%,#0a0a0ba6),url("assets/black-star-aurora.webp") center bottom/cover}.contact-form{background:#141215f2;border-color:#d6ba7860}
.team-brand{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.team-brand img{width:115px;height:auto;border:1px solid #8134a338;border-radius:3px}.team-brand .team-index{font-size:9px}
@media(max-width:680px){#hero{background-position:58% center;background-size:auto 100%}.hero-brand{background:#0a0a0bf5}.hero-bottom{font-size:10px}.content-callout{padding:28px 24px;background-image:linear-gradient(90deg,#0a0a0be0,#0a0a0b85),url("assets/black-star-aurora.webp")}.chrome-visual>img.chrome-project-logo{width:179px;height:auto;max-width:60%}.chrome-brand-note{top:calc(50% + 79px);font-size:8px;letter-spacing:1.25px}}

/* A shared, restrained gold field. The hero retains its darker lighting. */
[data-ambient]{position:relative;isolation:isolate;--glow-x:50%;--glow-y:45%;--ambient-strength:.65}
#services{--ambient-strength:1}#hero{--ambient-strength:.25}#footer{--ambient-strength:.45}
.ambient-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:var(--ambient-strength);background:radial-gradient(ellipse at 5% 40%,#d6ba7807,transparent 38%),radial-gradient(ellipse at 96% 72%,#b88b3707,transparent 35%);mask-image:linear-gradient(transparent,#000 12%,#000 89%,transparent)}
.ambient-dots,.ambient-dots-lit{position:absolute;inset:0;background-size:34px 34px;background-position:center top}
.ambient-dots{background-image:radial-gradient(circle,#d6ba7840 .85px,transparent 1.35px);opacity:.48}
.ambient-glow{position:absolute;left:var(--glow-x);top:var(--glow-y);width:900px;height:900px;translate:-50% -50%;background:radial-gradient(circle,#f2d17c19 0%,#d6ae600f 25%,#ba883d06 47%,transparent 68%);opacity:0;transition:opacity .4s ease}
.ambient-dots-lit{background-image:radial-gradient(circle,#ffe4a69e 1px,#d6ba781c 2.1px,transparent 4px);mask-image:radial-gradient(circle 400px at var(--glow-x) var(--glow-y),#000,transparent 85%);opacity:0;transition:opacity .4s ease}
[data-ambient].glow-active>.ambient-field .ambient-glow,[data-ambient].glow-active>.ambient-field .ambient-dots-lit{opacity:1}
@media(hover:hover) and (pointer:fine){#services .service-card:hover{border-color:#d6ba7880;box-shadow:0 -14px 32px #0a0a0b66,0 0 28px #d6ba780a}}
@media(max-width:680px){.ambient-dots,.ambient-dots-lit{background-size:28px 28px}.ambient-dots{opacity:.35}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.ambient-glow,.ambient-dots-lit{display:none}}

/* Rounded controls and an uncluttered, accessible pill navigation. */
.btn,.filter-btn,.hamburger{border-radius:999px}
.nav-container{gap:24px}.nav-menu{gap:8px;font-size:13px}
.nav-menu>a{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:10px 17px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff04;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
.nav-menu>a:not(.nav-cta){color:#c6c0ce}
.nav-menu>a:hover,.nav-menu>a:focus-visible{color:#eee0b7;background:#d6ba780c;border-color:#d6ba785c;box-shadow:0 0 22px #d6ba7809}
.nav-menu>a[aria-current="location"]{color:#ead29d;background:#d6ba7814;border-color:#d6ba7870}
.nav-menu>a.nav-cta{padding:11px 20px;margin-left:8px;border-color:#d6ba7866;background:linear-gradient(120deg,#d6ba781a,#d6ba7808);color:#e9ddc1}
.nav-menu>a.nav-cta:hover{background:#d6ba7824;border-color:#d6ba7899}
.hamburger{align-items:center;justify-content:center;flex-direction:column;width:46px;height:46px;flex-shrink:0}
@media(max-width:1100px){.nav-logo,.nav-logo img{width:146px;flex-basis:146px}.nav-menu>a{padding-inline:14px}.nav-menu>a.nav-cta{padding-inline:17px;margin-left:4px}}
@media(max-width:960px){.nav-container{height:80px}.hamburger{display:flex}.nav-logo,.nav-logo img{width:140px;flex-basis:140px}.nav-menu{display:none;position:absolute;top:88px;left:20px;right:20px;padding:16px;background:#0d0c10f7;border:1px solid #d6ba782d;border-radius:22px;box-shadow:0 18px 45px #0008;font-size:15px;align-items:stretch;gap:9px;backdrop-filter:blur(18px)}.nav-menu.open{display:flex;flex-direction:column}.nav-menu>a{justify-content:flex-start;padding:13px 18px;min-height:48px}.nav-menu>a.nav-cta{justify-content:space-between;margin:4px 0 0;padding:13px 18px}html{scroll-padding-top:100px}}

/* Personal portrait and a quiet, local project guide. */
.avatar-brandon{width:96px;height:96px;flex-shrink:0;overflow:hidden}
.avatar-brandon img{width:100%;height:100%;object-fit:cover;object-position:35% 10%;transform:scale(1.9);transform-origin:35% 12%}
.form-intro{margin-bottom:22px}.field-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:8px}.field-meta span:last-child{white-space:nowrap}.brief-copy{margin-top:10px;background:transparent;border:1px solid #d6ba7838;color:var(--gold)}
.project-guide{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:1100}
.project-guide [hidden]{display:none!important}
.guide-launcher{display:flex;align-items:center;gap:10px;border:1px solid #d6ba7850;border-radius:999px;padding:14px 20px;background:#151416;color:#e4d5b3;box-shadow:0 8px 32px #0006;font:500 13px Inter,sans-serif;cursor:pointer;min-height:48px}
.guide-launcher:hover{background:#211d17;border-color:#d6ba7880}
.guide-panel{position:absolute;bottom:66px;right:0;width:360px;max-height:min(620px,calc(100dvh - 120px));overflow:auto;overscroll-behavior:contain;border:1px solid #d6ba783b;border-radius:22px;background:radial-gradient(at 90% 0%,#28211670,transparent 55%),#111113;box-shadow:0 20px 80px #0009;padding:22px;color:#ece8e2}
.guide-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.guide-header .eyebrow{font-size:9px;margin:0 0 8px}.guide-header h2{font:500 29px 'Cormorant Garamond',Georgia;margin:0}
#guide-close{border:1px solid #ffffff20;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:transparent;color:#c8beb0;font-size:24px;cursor:pointer}
.guide-note{font-size:12px;line-height:1.6;color:#a9a5ad;margin:16px 0}#guide-response{font-size:14px;line-height:1.7;margin:0 0 16px;color:#ded8ce}.guide-options{display:grid;gap:8px}.guide-options button,.guide-back{font:400 12px Inter,sans-serif;text-align:left;min-height:44px;border-radius:14px;padding:12px 14px;border:1px solid #d6ba7826;background:#ffffff03;color:#ded4c1;cursor:pointer;line-height:1.5}.guide-options button:hover{border-color:#d6ba7870;background:#d6ba780c}.guide-back{margin-top:12px;background:transparent;border-color:transparent;color:var(--gold)}
@media(max-width:480px){.project-guide{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.guide-panel{width:min(360px,calc(100vw - 32px));padding:19px}.guide-launcher{padding:12px 16px}.field-meta{font-size:10px}}
@media print{.project-guide{display:none}}

/* Service pages and the shared footer: same quiet atmosphere, clearer next steps. */
.service-detail-link{display:block;color:var(--gold);font-size:12px;min-height:44px;padding-top:16px;margin-top:8px;text-decoration:underline;text-underline-offset:5px}
.detail-page{background:var(--ink)}.breadcrumb{padding-top:126px;font-size:12px;color:var(--muted)}.breadcrumb a{color:var(--gold)}.detail-hero{padding:48px 0 84px;background:linear-gradient(#0a0a0bf5,#0a0a0bd9),url('assets/black-star-aurora.webp') center bottom/cover}.detail-hero h1{max-width:880px;font-size:clamp(48px,6vw,80px)}.detail-lead{font-size:18px;line-height:1.8;color:#c1bbc4;max-width:780px;margin-bottom:28px}.detail-owner{font-size:13px;max-width:660px;color:var(--muted);margin:30px 0 0}.detail-section{padding:64px 0;border-top:1px solid #ffffff0e}.detail-section h2{font-size:clamp(35px,4vw,52px);margin-bottom:30px;max-width:850px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.detail-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#19161bee,#111113ed)}.detail-card h3{font:500 25px/1.25 'Cormorant Garamond',Georgia;margin-bottom:15px}.detail-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.detail-note{color:var(--muted);font-size:12px;margin:22px 0 0}.boundary-list{padding-left:22px;color:#c0b8c5;max-width:860px}.boundary-list li{padding:8px 0 8px 10px}.boundary-list li::marker{color:var(--gold)}.proof-note,.reading-copy{max-width:790px;color:var(--muted)}.faq-list{max-width:920px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-size:16px;min-height:32px;color:#e2dad0}.faq-list details p{margin:20px 0 4px;color:var(--muted);max-width:790px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.resource-pill{border:1px solid #d6ba7835;border-radius:999px;padding:12px 18px;font-size:13px;color:#d0c4b2;min-height:44px}.resource-pill:hover{background:#d6ba780b;border-color:var(--gold)}.guide-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-directory a:hover{border-color:#d6ba7870}.doc-label{display:block;font-size:9px;letter-spacing:1.4px;color:var(--gold);margin-bottom:18px}
#footer{background:linear-gradient(#0a0a0bf5,#0a0a0be8),url('assets/black-star-aurora.webp') center bottom/cover}.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-bottom:50px;margin-bottom:45px;border-bottom:1px solid var(--line)}.footer-invitation h2{font-size:clamp(40px,5vw,66px);margin-bottom:20px}.footer-invitation p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:14px;margin-bottom:0}.footer-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;flex-shrink:0}.footer-directory{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}.footer-directory .footer-brand{display:block;width:175px;margin-bottom:24px}.footer-directory p{color:var(--muted);font-size:12px;line-height:1.9}.footer-directory .footer-socials{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.footer-directory h3{font:500 12px Inter,sans-serif;color:var(--gold);margin-bottom:18px}.footer-directory nav a{display:flex;align-items:center;min-height:40px;color:#b8b0bc;font-size:12px}.footer-directory a:hover{color:var(--gold)}.footer-docs{border-block:1px solid var(--line);margin-top:38px;padding:20px 0}.footer-docs summary{cursor:pointer;font-size:13px;min-height:32px}.footer-docs summary span{color:var(--muted);font-size:11px;margin-left:15px}.footer-docs nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px;padding-top:15px}.footer-docs nav a{display:flex;align-items:center;min-height:44px;font-size:12px;color:#d0c4b2;text-decoration:underline;text-underline-offset:4px}.footer-docs p{font-size:11px;color:var(--muted);margin:18px 0 0}.footer-bottom{border-top:0}
summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:680px){.detail-hero{padding:35px 0 55px}.detail-section{padding:45px 0}.detail-lead{font-size:16px}.detail-card{padding:24px}.guide-directory{grid-template-columns:1fr}.footer-invitation{align-items:flex-start;flex-direction:column;gap:28px}.footer-directory{grid-template-columns:1fr 1fr;gap:34px 22px}.footer-directory>div{grid-column:1/-1}.footer-docs summary span{display:block;margin:9px 0}.footer-docs nav{grid-template-columns:1fr}.breadcrumb{padding-top:112px}.footer-actions .btn{min-height:48px}}
@media print{.footer-invitation,.footer-directory,.footer-docs{display:none}.detail-hero{background:none}.detail-card{break-inside:avoid}}

/* Shared navigation: warm, quiet dropdowns with real links and native disclosure. */
.nav-dropdown{position:static}.nav-dropdown>summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:44px;padding:10px 16px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff04;color:#c6c0ce;font-size:13px;white-space:nowrap;cursor:pointer}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown[open]>summary,.nav-dropdown>summary:hover{color:#eeddb4;border-color:#d6ba7860;background:#d6ba7810}.nav-chevron{font-size:15px;color:var(--gold);transition:transform .2s}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}.nav-flyout{position:absolute;top:calc(100% - 1px);right:max(28px,calc((100vw - 1240px)/2));width:min(650px,calc(100vw - 56px));max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:26px;border:1px solid #d6ba7838;border-radius:0 0 22px 22px;background:linear-gradient(140deg,#19161bfa,#0d0d0ffa),url('assets/black-star-aurora.webp') center bottom/cover;box-shadow:0 24px 65px #0009}.dropdown-eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--gold);margin-bottom:17px}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dropdown-link{display:block;min-height:70px;padding:14px;border:1px solid #ffffff09;border-radius:13px;background:#ffffff02;white-space:normal}.dropdown-link strong{display:block;color:#e2dcd2;font-size:13px;font-weight:500;margin-bottom:5px}.dropdown-link span{display:block;color:#a49ba8;font-size:11px;line-height:1.6}.dropdown-link:hover{border-color:#d6ba7845;background:#d6ba7808}.dropdown-bottom{display:block;min-height:44px;margin-top:15px;padding:13px 4px 0;color:var(--gold);font-size:12px}.dropdown-feature{padding:0 5px 16px}.dropdown-feature h3{font:500 32px/1.05 'Cormorant Garamond',Georgia;margin:0 0 12px}.dropdown-feature>p:last-child{font-size:12px;line-height:1.7;color:var(--muted);max-width:450px;margin:0}.guide-launcher{position:relative}.guide-badge{position:absolute;top:-5px;right:3px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#d6ba78;color:#18140d;border:2px solid #151416;font-size:11px;font-weight:700}.guide-nudge{position:absolute;bottom:66px;right:0;width:270px;display:flex;gap:9px;align-items:center;padding:14px 12px 14px 17px;border:1px solid #d6ba783d;border-radius:17px;background:#171519f7;box-shadow:0 12px 38px #0006;color:#c8bfcd;font-size:12px;line-height:1.7}.guide-nudge button{background:transparent;color:#b5a9bc;border:0;min-width:44px;min-height:44px;font-size:20px}.guide-invitation{animation:guide-soft-cue 1.8s ease-out 2}@keyframes guide-soft-cue{50%{box-shadow:0 0 0 7px #d6ba7808,0 0 30px #d6ba781c}}
@media(max-width:1100px){.nav-dropdown>summary{padding-inline:12px}}
@media(max-width:960px){.nav-menu{max-height:calc(100dvh - 108px);overflow:auto;overscroll-behavior:contain}.nav-dropdown>summary{justify-content:space-between;min-height:48px;padding:13px 18px;font-size:15px}.nav-flyout{position:static;width:100%;max-height:none;overflow:visible;margin:9px 0;padding:14px;border-radius:17px;box-shadow:none}.dropdown-grid{grid-template-columns:1fr}.dropdown-link{min-height:64px}.dropdown-feature h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.guide-invitation{animation:none}.nav-chevron{transition:none}}

/* Softer surfaces: contained artwork, feathered gold borders, quiet depth. */
.service-card,.project-card,.team-card,.contact-form,.about-visual,.hero-brand,.content-callout,.detail-card{border-radius:26px;border:1px solid transparent;background:linear-gradient(135deg,#18161bf5,#0e0e10fa) padding-box,linear-gradient(135deg,#d6ba7838,#ffffff0c 42%,#b5a0c418 75%,#d6ba781c) border-box;box-shadow:0 16px 48px #0002}
.project-card,.about-visual,.hero-brand{overflow:hidden}.about-visual{isolation:isolate}.about-visual>img{border-radius:25px;mask-image:radial-gradient(ellipse at center,#000 38%,#000b 67%,transparent 96%)}.about-visual::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,#d6ba7809,transparent 60%)}.brand-corner{display:none}.service-card-top{justify-content:flex-end;margin-bottom:22px}.service-icon{opacity:.75}.project-visual{border-radius:24px 24px 0 0;overflow:hidden}.project-featured .project-visual{border-radius:24px 0 0 24px}.project-tags span{border-radius:999px}.chrome-visual>img.chrome-project-logo{border-radius:12px;box-shadow:0 0 0 18px #0d0c0f,0 18px 65px #912ae42b}.contact-form{padding:36px;background:linear-gradient(145deg,#1b181ee8,#111114f5) padding-box,linear-gradient(135deg,#d6ba7855,#ffffff09 45%,#d6ba7822) border-box}.form-heading{border-bottom-color:#d6ba781f}.form-group input,.form-group select,.form-group textarea{border-radius:13px;border-color:#ffffff17;background-color:#0c0c0e99}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d6ba7877}.contact-journey{width:min(440px,100%);margin:-8px 0 22px;pointer-events:none}.contact-journey svg{width:100%;height:auto;overflow:visible}.journey-building,.journey-check,.journey-plane,.journey-screen{transform-box:fill-box;transform-origin:center}.journey-trail{opacity:.6}.journey-building{transform-origin:center bottom}
@media(hover:hover){.service-card:hover,.team-card:hover,.detail-card:hover{border-color:#d6ba7830;box-shadow:0 20px 55px #0003,0 0 35px #d6ba7805}}
.nav-flyout{border-radius:22px;border-color:#d6ba782b;box-shadow:0 25px 75px #0008,0 1px 0 #ffffff08 inset;background:linear-gradient(130deg,#1b181dfc,#0d0d10fc),url('assets/black-star-aurora.webp') center bottom/cover}.dropdown-link{border-radius:15px;transition:background .2s,border-color .2s}.dropdown-link:hover{background:linear-gradient(110deg,#d6ba7810,transparent);border-color:#d6ba7830}.site-header{border-bottom-color:#d6ba7814}.nav-dropdown>summary{background:linear-gradient(130deg,#ffffff05,transparent);border-color:#ffffff10}
@keyframes frame-rise{from{opacity:.55;transform:translateY(45px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.scroll-progress{animation:frame-rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}
@media(prefers-reduced-motion:no-preference){
.journey-playing .journey-screen{animation:journey-screen 8s ease both}.journey-playing .journey-plane{animation:journey-flight 8s cubic-bezier(.25,.7,.3,1) both}.journey-playing .journey-trail{animation:journey-route 8s ease both}.journey-playing .journey-building{animation:journey-build 8s cubic-bezier(.2,.8,.2,1) both}.journey-playing .journey-check{animation:journey-complete 8s ease both}.journey-playing .journey-tick{stroke-dasharray:30;animation:journey-tick 8s ease both}
}
@keyframes journey-screen{0%{opacity:0;transform:translateY(5px) scale(.9)}10%,100%{opacity:1;transform:none}}
@keyframes journey-flight{0%,16%{opacity:0;transform:translate(-100px,18px) scale(.5) rotate(12deg)}26%{opacity:1}47%{opacity:1;transform:translate(70px,-9px) scale(.8) rotate(5deg)}55%{opacity:0;transform:translate(95px,15px) scale(.4)}70%,100%{opacity:1;transform:none}}
@keyframes journey-route{0%,15%{opacity:0;stroke-dashoffset:35}45%,100%{opacity:.6;stroke-dashoffset:0}}
@keyframes journey-build{0%,42%{opacity:0;transform:translateY(10px) scaleY(.35)}65%,100%{opacity:1;transform:none}}
@keyframes journey-complete{0%,65%{opacity:0;transform:scale(.7)}82%,100%{opacity:1;transform:none}}
@keyframes journey-tick{0%,75%{stroke-dashoffset:30}89%,100%{stroke-dashoffset:0}}
@media(max-width:680px){.service-card,.project-card,.team-card,.contact-form,.about-visual,.hero-brand,.content-callout,.detail-card{border-radius:21px}.project-featured .project-visual,.project-visual{border-radius:20px 20px 0 0}.contact-form{padding:25px}.contact-journey{max-width:380px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{animation:none;transform:none;opacity:1}.contact-journey *{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}

/* Supplied asset pack: champagne ribbons, a dark mesh, and a quiet horizon. */
#hero{background:#0a0a0b;--ambient-strength:.12}.hero-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:linear-gradient(90deg,#0a0a0b 4%,#0a0a0b20 75%),url('assets/glow-floor.svg') center bottom/cover}.hero-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0b99,transparent 65%),linear-gradient(0deg,#0a0a0b 0%,transparent 18%,transparent 85%,#0a0a0b66)}
.bs-glow{position:absolute;border-radius:50%;pointer-events:none}.bs-glow-gold{width:65vw;height:65vw;right:-16vw;top:0;background:radial-gradient(circle,#c9a86a24,transparent 65%)}.bs-glow-violet{width:48vw;height:48vw;right:-4vw;bottom:-20%;background:radial-gradient(circle,#4a3d7a25,transparent 68%)}.bs-glow-floor{width:90%;height:30%;left:5%;bottom:-10%;background:radial-gradient(ellipse,#c9a86a12,transparent 70%)}.bs-ribbons{position:absolute;inset:0;width:100%;height:100%;opacity:.66;pointer-events:none}.bs-ribbon{transform-origin:center}.bs-ribbon-1{animation:opener-drift 26s ease-in-out infinite}.bs-ribbon-2{animation:opener-drift-alt 32s ease-in-out infinite}.bs-ribbon-3{animation:opener-drift 38s ease-in-out infinite reverse}.bs-glow-gold{animation:opener-breathe 14s ease-in-out infinite}.bs-glow-violet{animation:opener-breathe 18s ease-in-out infinite reverse}
.bs-dust{position:absolute;inset:0;pointer-events:none}.bs-dust span{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#e8d5b5,#c9a86a00);opacity:0;animation:opener-rise linear infinite}.bs-grain{position:absolute;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23grain)'/%3E%3C/svg%3E")}
.hero-atmosphere .bs-ribbon,.hero-atmosphere .bs-glow,.hero-atmosphere .bs-dust span{animation-play-state:paused}#hero.ambient-running .bs-ribbon,#hero.ambient-running .bs-glow,#hero.ambient-running .bs-dust span{animation-play-state:running}
@keyframes opener-drift{0%,100%{transform:translate(0,0);opacity:.8}50%{transform:translate(-4%,3%) rotate(-2deg);opacity:1}}@keyframes opener-drift-alt{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(3%,-4%) rotate(1.5deg);opacity:.8}}@keyframes opener-breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes opener-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.55}60%{opacity:.3}100%{transform:translateY(-38vh);opacity:0}}
#hero #starCanvas{opacity:.28}#hero .hero-skyline{opacity:.035}.hero-content h1 em{color:#e2c697;background:linear-gradient(110deg,#c9a86a,#eedbbc 55%,#c9a86a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#b9b3c0}.hero-brand{position:relative;background:linear-gradient(145deg,#141215c9,#0b0b0ec7) padding-box,linear-gradient(145deg,#d6ba7840,#ffffff04 55%,#d6ba781a) border-box;box-shadow:0 25px 75px #0005;backdrop-filter:blur(5px);transform:rotate(-1.5deg)}.hero-brand .hero-logo{mix-blend-mode:screen}.hero-spark{position:absolute;top:-20px;right:4px;width:76px;height:76px;opacity:.75}.hero-brand .brand-caption{padding-right:30px}.hero-bottom{border-top-color:#d6ba7820;gap:16px;flex-wrap:wrap}
.founder-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #d6ba7830;border-radius:999px;background:#c9a86a07;padding:7px 15px 7px 7px;margin-top:26px;font-size:11px;color:#c5b9a8}.founder-badge img{flex:none;width:30px;height:30px}.founder-badge>span:last-child{color:var(--gold);margin-left:8px}.founder-badge:hover{border-color:#d6ba7860;background:#c9a86a10}
#services{background:linear-gradient(#0a0a0b80,#0a0a0b15 50%,#0a0a0b99),url('assets/glow-mesh.svg') center/cover}#portfolio{background:linear-gradient(#0a0a0b66,transparent),url('assets/glow-floor.svg') center bottom/cover}#about{background:linear-gradient(#0a0a0b66,#0a0a0b70),url('assets/glow-mesh.svg') center/cover}#service-automation{background:linear-gradient(110deg,#161319fa,#111114af) padding-box,url('assets/constellation.svg') right bottom/cover padding-box,linear-gradient(135deg,#d6ba7838,#ffffff0c) border-box}.route-services-ai-and-automation .detail-hero,.route-how-we-work .detail-hero{background:linear-gradient(90deg,#0a0a0bed,#0a0a0b66),url('assets/constellation.svg') center/cover}
#footer{background:linear-gradient(#0a0a0b30,#0a0a0b90),url('assets/glow-floor.svg') center bottom/cover}.footer-invitation{position:relative;isolation:isolate;padding-top:48px;border-bottom:0}.footer-invitation::before{content:'';position:absolute;inset:-100px -40px -80px;z-index:-1;background:url('assets/aurora-band.svg') center bottom/100% 260px no-repeat;pointer-events:none;opacity:.65;mask-image:linear-gradient(transparent,#000 25%,#000 78%,transparent)}.footer-star{position:absolute;left:0;top:-8px;width:42px;height:42px;opacity:.75}.content-callout{background:linear-gradient(100deg,#141216f2,#101014a8) padding-box,url('assets/aurora-band.svg') center/cover padding-box,linear-gradient(135deg,#d6ba7838,#ffffff0c) border-box}
.source-card{display:flex;align-items:center;gap:16px;padding:19px 21px;margin:30px 0;border:1px solid #d6ba7824;border-radius:19px;background:linear-gradient(120deg,#d6ba7806,transparent)}.source-card:hover{border-color:#d6ba7855;background:#d6ba7808}.source-avatar{flex:none;position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:italic 19px Georgia;color:#16110b;background:linear-gradient(135deg,#e8d5b5,#c9a86a)}.source-avatar span{position:absolute;right:-6px;bottom:-4px;background:#121013;border:1px solid #d6ba7844;color:var(--gold);width:21px;height:21px;font-size:13px;border-radius:50%;display:grid;place-items:center}.source-card strong{display:block;color:#e7dfd3;font-size:13px;font-weight:500;margin-bottom:3px}.source-card>span>span:not(.source-avatar span){display:block;color:#a79cab;font-size:11px;line-height:1.6}.source-arrow{margin-left:auto;flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6ba7835;border-radius:50%;color:var(--gold)}
@media(max-width:680px){.bs-ribbons{opacity:.42}.bs-dust span:nth-child(n+6){display:none}.hero-brand{transform:none;background:linear-gradient(140deg,#141217d9,#0a0a0cdd) padding-box,linear-gradient(145deg,#d6ba7838,#ffffff08) border-box}.hero-spark{width:60px;height:60px;top:-14px}.hero-bottom{gap:14px 22px}.source-card{padding:16px;gap:12px}.source-arrow{width:28px;height:28px}.footer-invitation::before{inset-inline:-20px}.founder-badge{font-size:10px}.hero-brand .brand-caption{padding-right:20px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *{animation:none!important}.bs-dust span{opacity:.2}.hero-brand{transform:none}}

/* Final spacing: fixed assistance never sits over the final navigation links. */
.hero-bottom{padding-inline-end:150px}.footer-bottom{padding-inline-end:150px}.hero-bottom>a{margin-left:auto}.nav-flyout a:focus-visible{outline-offset:2px}.dropdown-bottom{padding-bottom:10px}.footer-directory nav a{min-height:44px}.footer-docs summary{min-height:44px;display:list-item;padding-block:7px}
@media(max-width:680px){.hero-bottom{padding-inline-end:0;padding-bottom:78px}.hero-bottom>a{margin-left:0}.footer-bottom{padding-inline-end:0;padding-bottom:82px}.footer-invitation{padding-top:48px}.footer-star{top:-3px}}

/* Focused opener: stronger typography, a clean wordmark, a visual next step. */
.hero-content h1{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:clamp(46px,5.1vw,72px);line-height:1.09;letter-spacing:-.052em;margin-bottom:28px}.hero-content h1 em{font-family:inherit;font-style:normal;font-weight:700;letter-spacing:inherit}.hero-content .hero-description{font-size:16px;max-width:520px;line-height:1.8;margin-bottom:29px}.hero-brand{padding:38px 30px 0}.hero-brand .hero-logo{margin:20px 0 34px}.hero-journey{width:min(350px,100%);margin:26px 0 0;opacity:.85}.hero-journey svg{display:block}.hero-layout{padding-block:90px 70px}
@media(max-width:680px){.hero-content h1{font-size:clamp(39px,10.3vw,58px);line-height:1.1;letter-spacing:-.05em}.hero-content .hero-description{font-size:15px}.hero-journey{width:min(320px,100%);margin-top:20px}.hero-layout{padding-block:54px 42px;gap:30px}.hero-brand{padding:28px 24px 0}.hero-brand .hero-logo{margin:10px auto 25px}}

/* Project gallery: real depth, quiet light, and explicit visitor control. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#portfolio{overflow:hidden;border:0;background:radial-gradient(ellipse at 50% 74%,#d6ba780a,transparent 58%),linear-gradient(#09090be8,#0a0a0b99),url('assets/glow-floor.svg') center bottom/cover}
#portfolio .section-heading{margin-bottom:28px}
.project-carousel{position:relative}
.project-carousel .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-carousel .project-card{display:block;grid-column:auto;border-radius:28px;background:linear-gradient(150deg,#1b191e,#0e0e10 70%) padding-box,linear-gradient(140deg,#dcc38c52,#ffffff12 40%,#d6ba7820) border-box;box-shadow:0 24px 65px #0007}
.project-carousel .project-visual{aspect-ratio:1.95;min-height:0;height:auto;border-radius:26px 26px 0 0}
.project-carousel .project-copy{padding:25px 30px 30px}
.project-carousel .project-copy h3{font:600 clamp(23px,2.1vw,30px)/1.2 Inter,Arial,sans-serif;letter-spacing:-.8px;margin-bottom:12px}
.project-carousel .project-copy>p{font-size:14px;line-height:1.75;margin-bottom:17px}
.project-carousel .project-kicker{margin-bottom:13px;font-size:9px}
.project-carousel .project-tags{margin-bottom:20px}
.project-carousel .project-visit{font-size:12px;color:#ead7ac;border-color:#d6ba784a}
.project-carousel .aether-visual{background:radial-gradient(ellipse at center,#251d35,#0d0c13 78%)}
.project-carousel .aether-visual>img{padding:48px 24px 28px}
.project-carousel .chrome-brand-note{top:auto;bottom:42px;font-size:8px}
.project-carousel .chrome-project-logo{width:175px;height:auto}
.project-carousel .visual-label{font-size:9px}
.carousel-ready .portfolio-grid{--arrival:1;display:block;position:relative;height:590px;perspective:1400px;isolation:isolate;touch-action:pan-y}
.carousel-ready .portfolio-grid::before{content:'';position:absolute;inset:auto 6% 2%;height:80px;background:radial-gradient(ellipse,#d6ba781c,transparent 65%);filter:blur(17px);pointer-events:none}
.carousel-ready .project-card{position:absolute;left:50%;top:30px;width:57%;max-width:650px;backface-visibility:hidden;transform-origin:center;transition:transform .8s var(--ease),opacity .7s var(--ease),border-color .3s,box-shadow .5s;will-change:transform}
.carousel-ready .project-card[data-position=current]{z-index:3;opacity:1;transform:translateX(-50%) translateY(calc((1 - var(--arrival))*38px)) rotateX(calc((1 - var(--arrival))*8deg));box-shadow:0 26px 70px #000a,0 0 60px #d6ba7808}
.carousel-ready .project-card[data-position=previous]{z-index:1;opacity:.48;transform:translateX(calc(-50% - 70%*var(--arrival))) translateY(16px) translateZ(-155px) rotateY(28deg) scale(.85)}
.carousel-ready .project-card[data-position=next]{z-index:2;opacity:.48;transform:translateX(calc(-50% + 70%*var(--arrival))) translateY(16px) translateZ(-155px) rotateY(-28deg) scale(.85)}
.carousel-ready .project-card:not([data-position=current]):hover{opacity:.8;border-color:#d6ba7866}
.carousel-ready .project-card:focus-visible{outline-offset:5px;outline:2px solid var(--gold)}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:23px;position:relative;z-index:4}
.carousel-controls[hidden],.carousel-hint[hidden]{display:none}
.carousel-arrow{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #d6ba7842;border-radius:50%;background:#141216;color:#e5cf9c;transition:background .2s,border-color .2s;line-height:1;font-size:21px}
.carousel-arrow:hover{background:#242018;border-color:#d6ba7899}
.carousel-choices{display:flex;gap:5px;padding:5px;border:1px solid #ffffff0e;background:#0c0c0e;border-radius:999px}
.carousel-choices button{border:1px solid transparent;background:transparent;border-radius:999px;padding:12px 18px;font-size:12px;line-height:1.3;color:#aaa6b0;min-height:44px;transition:background .3s,color .3s,border-color .3s}
.carousel-choices button[aria-pressed=true]{background:linear-gradient(120deg,#d6ba781a,#d6ba7807);color:#e8d3a4;border-color:#d6ba783d}
.carousel-choices button:hover{color:var(--paper)}
.carousel-hint{font-size:11px;letter-spacing:.3px;text-align:center;color:#8e8995;margin:17px 0 0}
/* One introduction, two people, one clear next step. */
#about.founder-section{background:linear-gradient(#0a0a0bc9,#0a0a0bd9),url('assets/glow-mesh.svg') center/cover}
.founder-heading .section-intro{max-width:480px;flex-basis:480px}
.founder-section .team-grid{scroll-margin-top:120px;gap:28px}
.founder-section .team-card{padding:36px;border-radius:28px;background:linear-gradient(145deg,#18161bda,#0d0d0ff2) padding-box,linear-gradient(120deg,#d6ba7830,#ffffff0b 75%) border-box}
.founder-section .team-top{margin-bottom:25px}
.founder-section .team-card h3{font:600 29px/1.2 Inter,Arial,sans-serif;letter-spacing:-.8px;margin-bottom:8px}
.founder-section .team-role{font-size:12px;color:#d3b779;letter-spacing:.1px}
.founder-section .team-description{font-size:15px;max-width:460px;min-height:80px;margin-bottom:25px;color:#ada8b4}
.founder-section .team-links{border-top:1px solid #ffffff10;padding-top:22px}
.founder-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}
.founder-footer>p{font-size:13px;color:#938e9a;margin:0}
.founder-footer>div{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.founder-source{font-size:12px;color:#b1aab8}.founder-source:hover{color:var(--gold)}
@media(max-width:960px){.carousel-ready .project-card{width:69%}.carousel-ready .project-card[data-position=previous]{transform:translateX(calc(-50% - 63%*var(--arrival))) translateZ(-170px) rotateY(24deg) scale(.85)}.carousel-ready .project-card[data-position=next]{transform:translateX(calc(-50% + 63%*var(--arrival))) translateZ(-170px) rotateY(-24deg) scale(.85)}.carousel-ready .portfolio-grid{height:575px}.founder-footer{align-items:flex-start;flex-direction:column}.founder-heading{gap:35px}.founder-section .team-card{padding:28px}}
@media(max-width:680px){.project-carousel .portfolio-grid{grid-template-columns:1fr}.carousel-ready .portfolio-grid{height:570px}.carousel-ready .project-card{width:91%;top:20px;border-radius:23px}.project-carousel .project-visual{aspect-ratio:1.65;border-radius:21px 21px 0 0}.project-carousel .project-copy{padding:23px}.project-carousel .project-copy h3{font-size:24px}.project-carousel .project-copy>p{font-size:14px}.project-carousel .chrome-project-logo{width:145px}.project-carousel .chrome-brand-note{font-size:6px;bottom:33px;letter-spacing:1px}.project-carousel .visual-label{font-size:8px;bottom:12px}.carousel-controls{gap:9px;flex-wrap:wrap}.carousel-choices{order:-1;flex-basis:100%;justify-content:center;max-width:390px;margin-inline:auto}.carousel-choices button{padding:11px 10px;font-size:10px;flex:1}.carousel-arrow{width:44px;height:44px;flex-basis:44px}.carousel-hint{margin-top:12px}.founder-section .team-grid{scroll-margin-top:104px}.founder-section .team-card{border-radius:23px}.founder-section .team-description{min-height:0}.founder-footer>div{align-items:flex-start;flex-direction:column;gap:17px}.founder-footer .btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.carousel-ready .project-card{transition:none;will-change:auto}.carousel-ready .project-card[data-position=current]{transform:translateX(-50%)}.carousel-ready .project-card[data-position=previous],.carousel-ready .project-card[data-position=next]{visibility:hidden}.carousel-ready .portfolio-grid{--arrival:1!important}}
@media print{.carousel-ready .portfolio-grid{display:grid;height:auto;perspective:none;grid-template-columns:1fr}.carousel-ready .project-card{position:static;width:100%;max-width:none;transform:none!important;opacity:1!important;visibility:visible!important}.carousel-controls,.carousel-hint{display:none}}

/* The opening brand card unfolds into three direct routes. */
.hero-card-deck{position:relative;min-width:0;isolation:isolate}
.hero-card-deck::before{content:'';position:absolute;z-index:-1;inset:-10% -18%;background:url('assets/hero-split-glow.webp') center/cover no-repeat;opacity:.42;mask-image:radial-gradient(ellipse,#000 15%,transparent 71%);pointer-events:none;transition:opacity .7s var(--ease)}
.hero-card-deck .hero-brand{width:94%;max-width:none;margin-inline:auto}
.hero-deck-toggle{position:absolute;inset:0;border:0;border-radius:inherit;background:transparent;color:inherit;width:100%;height:100%;z-index:5}
.hero-deck-toggle[hidden]{display:none}
.hero-deck-toggle:focus-visible{outline-offset:-5px}
.hero-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.hero-pathway{--card-light:#6fc4e8;display:flex;flex-direction:column;position:relative;min-width:0;padding:22px 17px 18px;border:1px solid transparent;border-radius:22px;background:radial-gradient(ellipse at 85% 0%,#6fc4e80e,transparent 70%),linear-gradient(155deg,#19191e,#0e0e11) padding-box,linear-gradient(145deg,#86ccdf45,#ffffff0b 65%,#86ccdf20) border-box;box-shadow:0 18px 45px #0005;color:var(--paper);text-align:left}
.pathway-media{--card-light:#bb9ce1;background:radial-gradient(ellipse at 85% 0%,#bb9ce119,transparent 70%),linear-gradient(155deg,#1b1820,#100e13) padding-box,linear-gradient(145deg,#bb9ce145,#ffffff0b 65%,#bb9ce120) border-box}
.pathway-contact{--card-light:#d6ba78;background:radial-gradient(ellipse at 85% 0%,#d6ba7819,transparent 70%),linear-gradient(155deg,#1c1915,#100f0d) padding-box,linear-gradient(145deg,#d6ba7850,#ffffff0b 65%,#d6ba7820) border-box}
.hero-pathway>svg{width:34px;height:34px;color:var(--card-light);margin-bottom:19px;flex-shrink:0}
.pathway-title{font-size:16px;font-weight:600;letter-spacing:-.45px;line-height:1.3}
.pathway-description{font-size:11px;line-height:1.65;color:#b5b1bc;margin:10px 0 19px}
.pathway-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-weight:500;color:var(--card-light)}
.pathway-action>span{font-size:17px;transition:transform .3s var(--ease)}
.hero-pathway:hover .pathway-action>span{transform:translate(2px,-2px)}
.hero-pathway:hover,.hero-pathway:focus-visible{border-color:var(--card-light);box-shadow:0 24px 50px #0008,0 0 28px #a6b8e010;z-index:6!important}
.hero-deck-hint{display:none}
.hero-deck-ready{height:475px;perspective:1200px}
.hero-deck-ready .hero-brand{position:absolute;top:90px;left:0;z-index:4;transform:rotate(-2deg);transform-origin:15% 25%;transition:transform .8s var(--ease),box-shadow .6s var(--ease)}
.hero-deck-ready .hero-pathways{position:absolute;inset:0;margin:0;display:block;pointer-events:none}
.hero-deck-ready .hero-pathway{position:absolute;top:210px;width:30%;min-height:235px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-25px,-75px) scale(.75) rotate(-8deg);transform-origin:20% 0;transition:transform .7s var(--ease),opacity .35s,visibility .35s,border-color .25s,box-shadow .3s}
.hero-deck-ready .pathway-web{left:0;z-index:3}
.hero-deck-ready .pathway-media{left:35%;z-index:2;transition-delay:45ms}
.hero-deck-ready .pathway-contact{left:70%;z-index:1;transition-delay:90ms}
.hero-deck-ready .hero-deck-hint{display:flex;position:absolute;left:0;right:0;bottom:-12px;align-items:center;justify-content:center;gap:12px;margin:0;font-size:10px;letter-spacing:.7px;color:#b7ad99;pointer-events:none}
.deck-hint-open{display:none}.deck-hint-symbol{color:var(--gold);font-size:16px}
.hero-card-deck.is-open::before{opacity:.7}
.hero-deck-ready.is-open .hero-brand{transform:translate(-5px,-135px) scale(.64) rotate(-6deg);box-shadow:0 18px 50px #0004}
.hero-deck-ready.is-open .hero-pathway{opacity:1;visibility:visible;pointer-events:auto}
.hero-deck-ready.is-open .pathway-web{transform:translateY(9px) rotate(-7deg)}
.hero-deck-ready.is-open .pathway-media{transform:translateY(-5px) rotate(0)}
.hero-deck-ready.is-open .pathway-contact{transform:translateY(9px) rotate(7deg)}
.hero-deck-ready.is-open .hero-pathway:hover,.hero-deck-ready.is-open .hero-pathway:focus-visible{transform:translateY(-14px) rotate(0);transition-delay:0ms}
.is-open .deck-hint-closed{display:none}.is-open .deck-hint-open{display:inline}
/* Supplied grain preserves depth in dark gradients without covering the type. */
#portfolio{position:relative;isolation:isolate;background:#0a0a0b}
#portfolio::before{content:'';position:absolute;inset:10% 0 0;z-index:-1;background:url('assets/work-hero-glow.webp') center bottom/cover no-repeat;opacity:.78;mask-image:linear-gradient(transparent,#000 26%,#000 78%,transparent);pointer-events:none}
#portfolio .container{position:relative;z-index:1}
.carousel-ready .portfolio-grid::before{background:radial-gradient(ellipse,#63bee62a,#976edf10 45%,transparent 72%);height:140px;inset:auto 6% -1%;filter:blur(20px)}
.project-carousel .project-card{background:linear-gradient(150deg,#191a22f5,#0e0e12fa 70%) padding-box,linear-gradient(140deg,#87c9dc45,#ffffff12 40%,#b29ae12b) border-box}
.carousel-ready .project-card[data-position=current]{box-shadow:0 26px 70px #0009,0 0 75px #6b9cd814}
@media(min-width:961px) and (max-width:1150px){.hero-pathway{padding:19px 13px 16px}.pathway-title{font-size:14px}.pathway-description{font-size:10px}.pathway-action{font-size:9px}}
@media(min-width:681px) and (max-width:960px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero-content{max-width:640px}.hero-card-deck{width:100%;max-width:560px;justify-self:center}.hero-deck-ready{height:475px}}
@media(max-width:680px){.hero-card-deck{width:100%;max-width:440px;justify-self:center}.hero-deck-ready{height:330px;transition:height .6s var(--ease)}.hero-deck-ready .hero-brand{top:20px;width:94%;left:3%;transform:rotate(-2deg)}.hero-deck-ready.is-open{height:555px}.hero-deck-ready.is-open .hero-brand{transform:translate(-4px,0) scale(.65) rotate(-5deg)}.hero-deck-ready .hero-pathway{left:2%;width:96%;top:205px;min-height:90px;padding:16px 18px 16px 67px;transform:translateY(-70px) scale(.85);border-radius:19px}.hero-deck-ready .pathway-media{top:307px}.hero-deck-ready .pathway-contact{top:409px}.hero-deck-ready.is-open .hero-pathway{transform:none}.hero-deck-ready.is-open .hero-pathway:hover,.hero-deck-ready.is-open .hero-pathway:focus-visible{transform:translateY(-3px)}.hero-pathway>svg{position:absolute;left:20px;top:21px;width:30px;height:30px}.pathway-title{font-size:15px}.pathway-title br{display:none}.pathway-title br::after{content:' '}.pathway-description{font-size:11px;margin:5px 0 0}.pathway-action{position:absolute;right:17px;top:17px;font-size:0}.pathway-action>span{font-size:18px}.hero-deck-ready .hero-deck-hint{bottom:12px}.hero-pathways{grid-template-columns:1fr}.hero-pathway{padding-left:68px}.hero-card-deck::before{inset:0 -10%}#portfolio::before{opacity:.65;background-position:52% bottom}}
@media(prefers-reduced-motion:reduce){.hero-deck-ready,.hero-deck-ready .hero-brand,.hero-deck-ready .hero-pathway,.hero-card-deck::before,.pathway-action>span{transition:none}.hero-deck-ready .hero-brand,.hero-deck-ready.is-open .hero-pathway{rotate:0}}
@media print{.hero-deck-ready{height:auto}.hero-deck-ready .hero-brand{position:relative;top:auto;transform:none}.hero-deck-ready .hero-pathways{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}.hero-deck-ready .hero-pathway{position:relative;left:auto;top:auto;width:auto;opacity:1;visibility:visible;transform:none}.hero-deck-toggle,.hero-deck-hint{display:none!important}}

/* Service lights: the user's six hues, quiet at rest and local to each card. */
#service-web{--card-glow:96 140 255}
#service-brand{--card-glow:150 110 255}
#service-video{--card-glow:52 190 130}
#service-social{--card-glow:245 120 140}
#service-automation{--card-glow:60 200 235}
#service-marketing{--card-glow:215 165 80}
#services .service-card{isolation:isolate;overflow:visible;transition:border-color .6s ease,box-shadow .6s ease}
#services .service-card>*{position:relative;z-index:1}
#services .service-card::before,#services .service-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s ease}
#services .service-card::before{z-index:0;background:radial-gradient(600px 320px at var(--card-mx,50%) var(--card-my,110%),rgb(var(--card-glow) / .12),transparent 70%)}
#services .service-card::after{z-index:-1;background:radial-gradient(420px 260px at var(--card-mx,50%) var(--card-my,100%),rgb(var(--card-glow) / .20),transparent 70%);filter:blur(32px)}
#services .service-card:focus-within{border-color:rgb(var(--card-glow) / .38);box-shadow:0 18px 45px #0003,0 0 30px rgb(var(--card-glow) / .035)}
#services .service-card:focus-within::before,#services .service-card:focus-within::after{opacity:1}
@media(hover:hover) and (pointer:fine){#services .service-card:hover{border-color:rgb(var(--card-glow) / .38);box-shadow:0 18px 45px #0003,0 0 30px rgb(var(--card-glow) / .035)}#services .service-card:hover::before,#services .service-card:hover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){#services .service-card::before,#services .service-card::after{background-position:center;transition:none}}