:root {
  --ink:#f4f8ff; --muted:#aebdd1; --blue:#79bfff; --mint:#70d3ca;
  --bg:#07111f; --bg2:#0a1627; --panel:rgba(14,29,49,.78);
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --shadow:0 24px 76px rgba(0,0,0,.34); --radius:28px; --page:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 8%,rgba(55,128,196,.18),transparent 26rem),radial-gradient(circle at 90% 55%,rgba(33,135,130,.10),transparent 30rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.page-width{width:min(var(--page),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:#fff;color:#06101d;font-weight:700}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid transparent;transition:.25s ease}.site-header.scrolled,.project-page .site-header{background:rgba(5,13,24,.82);border-color:var(--line);backdrop-filter:blur(18px)}.header-inner{width:min(var(--page),calc(100% - 40px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.06rem;font-weight:650}.brand strong{color:var(--mint)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(121,191,255,.19),rgba(112,211,202,.16));border:1px solid rgba(150,225,255,.28)}.brand-mark svg{width:23px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}.brand-mark circle{fill:var(--mint);stroke:none}.main-nav{display:flex;align-items:center;gap:26px;color:#c7d3e4;font-size:.94rem}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.active{color:#fff}.nav-contact{padding:10px 15px;border:1px solid var(--line2);border-radius:999px}
.hero{min-height:760px;position:relative;display:grid;align-items:center;overflow:hidden}.hero-media,.hero-media img,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(4,12,24,.93) 0%,rgba(4,12,24,.74) 37%,rgba(4,12,24,.22) 72%),linear-gradient(0deg,var(--bg),transparent 25%)}.hero-content{position:relative;z-index:2;padding-top:82px}.eyebrow{margin:0 0 16px;color:var(--mint);font-size:.78rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{text-wrap:pretty}h1{max-width:800px;margin:0;font-size:clamp(3.3rem,7vw,6.9rem);line-height:.94;letter-spacing:-.055em}.hero-text{max-width:610px;margin:28px 0 30px;color:#c2cfdf;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:999px;font-weight:760;transition:transform .2s,filter .2s}.button svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-primary{background:linear-gradient(135deg,#8dccff,#71d3c8);color:#06111d;box-shadow:0 10px 32px rgba(87,185,215,.25)}.button-secondary{border:1px solid var(--line2);background:rgba(255,255,255,.05)}.button:hover,.button:focus-visible{transform:translateY(-2px);filter:brightness(1.05)}.button-row{display:flex;flex-wrap:wrap;gap:13px}
.section{padding:104px 0 92px}.section-heading{display:grid;grid-template-columns:1fr .75fr;gap:48px;align-items:end;margin-bottom:36px}.section-heading h2,.about h2,.content-heading h2{margin:0;font-size:clamp(2.25rem,4.5vw,4.6rem);line-height:1;letter-spacing:-.045em}.section-heading>p,.about-copy>p:last-child,.content-heading>p{margin:0;color:var(--muted);line-height:1.75}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{min-height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 90% 5%,rgba(121,191,255,.13),transparent 14rem),linear-gradient(145deg,rgba(15,31,53,.86),rgba(9,20,35,.78));box-shadow:var(--shadow);transition:.24s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px);border-color:rgba(112,211,202,.42);box-shadow:0 28px 80px rgba(0,0,0,.42)}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.project-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.13)}.project-icon-mail{background:rgba(121,191,255,.12)}.project-icon-camera{background:rgba(112,211,202,.11)}.project-icon svg{width:30px;fill:none;stroke:#edf6ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#b7c6d8;font-size:.78rem}.status span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px rgba(112,211,202,.7)}.project-kicker{margin:0 0 10px;color:var(--blue);font-size:.75rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.project-card h3{margin:0;font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.04em}.project-card p:not(.project-kicker){max-width:36rem;margin:18px 0 0;color:var(--muted);line-height:1.72}.project-link{display:flex;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid var(--line);font-weight:760}.project-link span{color:var(--mint)}
.about{margin-bottom:100px;padding:50px;display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:end;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(11,27,46,.86),rgba(10,20,34,.74))}.about-copy>p:last-child{max-width:720px;margin-top:24px}.about-note{padding:24px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.note-label{display:block;margin-bottom:7px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.about-note a{font-weight:700;color:var(--mint);word-break:break-word}
/* Project pages */
.project-hero{padding:155px 0 78px;overflow:hidden}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:34px;color:#b9c8da;font-size:.92rem}.back-link:hover{color:#fff}.project-hero-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:70px;align-items:center}.project-title{font-size:clamp(3.5rem,7vw,7rem)}.project-lead{max-width:720px;margin:25px 0 29px;color:#becbdd;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.75}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.04);color:#c6d2e2;font-size:.8rem}.pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(112,211,202,.7)}.project-visual{aspect-ratio:1/1;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:40px;background:radial-gradient(circle at center,rgba(91,189,205,.22),transparent 42%),linear-gradient(145deg,rgba(17,38,63,.95),rgba(7,18,32,.9));box-shadow:var(--shadow)}.project-visual:before,.project-visual:after{content:"";position:absolute;border:1px solid rgba(112,211,202,.23);border-radius:50%}.project-visual:before{width:70%;height:70%}.project-visual:after{width:48%;height:48%}.project-visual svg{position:relative;z-index:2;width:42%;fill:none;stroke:#eff7ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.project-visual .accent-fill{fill:var(--mint);stroke:none}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:78px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line)}.fact{padding:22px;background:rgba(10,23,40,.94)}.fact-label{display:block;margin-bottom:7px;color:#8295ad;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.fact-value{font-weight:720}
.content-section{padding:88px 0}.content-heading{display:grid;grid-template-columns:.8fr 1fr;gap:55px;align-items:start;margin-bottom:36px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(15,31,52,.74),rgba(9,20,35,.7))}.feature-number{display:grid;place-items:center;width:35px;height:35px;margin-bottom:26px;border-radius:11px;background:rgba(112,211,202,.12);color:var(--mint);font-weight:800}.feature-card h3{margin:0 0 11px;font-size:1.18rem}.feature-card p{margin:0;color:var(--muted);line-height:1.68}.flow-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:44px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 85% 20%,rgba(121,191,255,.13),transparent 18rem),rgba(11,25,43,.75)}.flow-panel h2{margin:0 0 16px;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.04em}.flow-panel p{margin:0;color:var(--muted);line-height:1.72}.flow-stack{display:grid;gap:11px}.flow-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:rgba(5,14,26,.78);border:1px solid var(--line)}.flow-dot{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(121,191,255,.12);color:var(--blue);font-weight:800}.flow-card strong{display:block;font-size:.77rem;color:#8fa4bc;text-transform:uppercase;letter-spacing:.1em}.flow-card span{display:block;margin-top:3px;color:#e6edf7}.notice{margin-top:18px;padding:18px 20px;border-left:3px solid var(--mint);border-radius:0 14px 14px 0;background:rgba(112,211,202,.07);color:#c5d2e2;line-height:1.65}.availability{padding:82px 0 105px}.availability-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(16,35,57,.9),rgba(8,19,33,.86))}.availability-box h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}.availability-box p{max-width:690px;margin:0;color:var(--muted);line-height:1.7}
.site-footer{border-top:1px solid var(--line);background:rgba(2,8,15,.42)}.footer-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#94a6bd;font-size:.84rem}.footer-inner p{margin:0}.disclaimer{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.main-nav a:not(.nav-contact){display:none}.section-heading,.project-grid,.about,.project-hero-grid,.content-heading,.flow-panel{grid-template-columns:1fr}.project-hero-grid{gap:42px}.project-visual{max-width:560px}.feature-grid{grid-template-columns:1fr}.about{gap:36px}.facts{grid-template-columns:1fr}.availability-box{align-items:flex-start;flex-direction:column}.hero-overlay{background:linear-gradient(90deg,rgba(4,12,24,.93),rgba(4,12,24,.53)),linear-gradient(0deg,var(--bg),transparent 36%)}}
@media(max-width:620px){.page-width,.header-inner{width:min(100% - 24px,var(--page))}.header-inner{min-height:68px}.brand{font-size:.98rem}.brand-mark{width:34px;height:34px}.nav-contact{padding:8px 12px}.hero{min-height:690px}.hero-media img{object-position:62% center}.hero-content{padding-top:72px}h1{font-size:clamp(3rem,15vw,4.5rem)}.section{padding:78px 0 70px}.project-card{min-height:390px;padding:24px}.about{margin-bottom:70px;padding:28px}.project-hero{padding-top:118px}.project-title{font-size:clamp(3.2rem,17vw,5rem)}.project-visual{border-radius:28px}.content-section{padding:68px 0}.flow-panel,.availability-box{padding:27px}.footer-inner{min-height:145px;flex-direction:column;justify-content:center;text-align:center}.disclaimer{text-align:center}}