@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;700&family=Sora:wght@700;800&display=swap";:root{--bg:#111a29;--bg-soft:#18253a;--ink:#f4f8ff;--muted:#bfd0ea;--line:#445b79;--card:#1a2a43;--card-border:#314664}*{box-sizing:border-box}html,body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#172d4b 0%,#0000 48%),radial-gradient(circle at 82% 86%,#11293d 0%,#0000 44%),linear-gradient(160deg,#0a1220 0%,#0d1626 50%,#101b2c 100%);margin:0;font-family:Manrope,sans-serif}body{overflow-x:hidden}.site-shell{min-height:100svh}.site-nav{z-index:20;background:linear-gradient(#0a1220b8,#0a122000);justify-content:space-between;align-items:center;padding:1.15rem clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0 0 auto}.site-nav,.hero,.portfolio,.site-footer{width:100%}.nav-brand{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.nav-links{gap:clamp(1rem,2.2vw,1.8rem);display:flex}.nav-links a{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #0000;font-size:.78rem;text-decoration:none}.nav-links a:hover{border-bottom-color:var(--ink)}.nav-links a,.nav-brand{text-shadow:0 1px #080e1973}.hero{background:radial-gradient(circle at 50% 22%,#2a4d7c2e,#0000 54%),linear-gradient(#09101eeb,#0c1422d1);border-bottom:1px solid #9fb1cd24;place-items:center;min-height:100svh;padding:5rem 1rem 2rem;display:grid;position:relative}.hero-inner{perspective:1200px;place-items:center;gap:1rem;width:min(100%,1280px);display:grid;position:relative}.hero-word{white-space:nowrap;letter-spacing:0;text-transform:uppercase;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.14rem,.7vw,.58rem);margin:0;padding-inline:clamp(.3rem,1.6vw,1rem);font-family:Bebas Neue,sans-serif;font-size:clamp(4.4rem,22vw,18rem);font-weight:400;line-height:.82;display:flex;overflow:visible}.char-slot{min-width:.45em;height:.96em;padding-inline:.08em;display:inline-block;position:relative;overflow:visible}.char-mask{height:100%;display:block;position:relative;overflow:hidden}.char-layer{transform-origin:50%;will-change:transform, opacity, filter;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none;display:block}.char-layer.clone{position:absolute;inset:0;overflow:hidden}.streak{will-change:transform, opacity, filter;pointer-events:none;background:#f8fcfffa;border-radius:999px;width:clamp(5px,.66vw,8px);height:58vh;max-height:75vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ebf4ff94,0 0 30px #a7c7fa57}.streak:before,.streak:after{content:"";filter:blur(1.2px);background:radial-gradient(#f8fcfff2 0%,#f8fcff7a 44%,#f8fcff00 100%);border-radius:999px;width:170%;height:clamp(20px,2.8vw,32px);position:absolute;left:50%;transform:translate(-50%)}.streak:before{top:0;transform:translate(-50%,-62%)}.streak:after{bottom:0;transform:translate(-50%,62%)}.hero-subtitle{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(.9rem,1.3vw,1.05rem)}.scroll-hint{letter-spacing:.12em;text-transform:uppercase;color:#cfddf3;margin:0;font-size:.77rem;position:absolute;bottom:1.3rem}.portfolio{background:linear-gradient(#131f3275,#111c2c14);padding:clamp(2.5rem,5vw,4.5rem) clamp(1rem,6vw,5rem) 5rem}.work-stack{width:min(100%,1280px);margin-inline:auto}.portfolio-head{grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-bottom:clamp(1.8rem,5vw,3.8rem);display:grid}.portfolio-head p{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0;font-size:.72rem}.portfolio-head span{background:var(--line);height:1px}.portfolio-layout{grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(1.2rem,5vw,4rem);display:grid}.work-stack{display:grid}.work-item+.work-item{border-top:1px solid var(--line);margin-top:clamp(2rem,5vw,4rem);padding-top:clamp(2rem,5vw,3.6rem)}.work-item.is-reversed .portfolio-copy{order:2}.work-item.is-reversed .portfolio-panel{order:1}.portfolio-copy{padding-top:.5rem;position:relative}.step-bg{color:#eaf1ff1c;pointer-events:none;margin:0;font-family:Sora,sans-serif;font-size:clamp(6.8rem,10vw,9rem);line-height:1;position:absolute;inset:-4.4rem auto auto -1.2rem}.step-id{color:#c7d6ec;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.75rem}.portfolio-copy h2{text-transform:lowercase;margin:.7rem 0 0;font-family:Sora,sans-serif;font-size:clamp(2rem,4.4vw,4.2rem);font-weight:800;line-height:.98}.client-title{text-transform:none}.client-title-link{color:inherit;line-height:.98;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.client-title-link:focus-visible{outline-offset:6px;outline:1px solid #f7fbffbf}.target-text{display:block;overflow:hidden}.target-text:first-of-type{clip-path:polygon(0% 0%,100% 0%,100% 51%,0% 51%)}.target-text:nth-of-type(2){clip-path:polygon(0% 49%,100% 49%,100% 100%,0% 100%)}.target-text:not(:last-of-type){width:100%;position:absolute;top:0;left:0}.lead{color:#ccd9ed;max-width:36ch;margin:1.35rem 0 0;font-size:clamp(1rem,1.35vw,1.32rem);line-height:1.45}.cta-link{text-transform:uppercase;letter-spacing:.11em;color:var(--ink);text-underline-offset:4px;align-items:center;gap:.55rem;margin-top:1.9rem;font-size:.92rem;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.cta-link:hover{color:#f8fbff}.cta-link:before{content:"→"}.portfolio-panel{display:flex}.portfolio-card{border:1px solid var(--card-border);background:linear-gradient(#203451,#1b2d48);border-radius:20px;width:100%;min-height:clamp(320px,51vw,430px);padding:.8rem;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 14px 26px #050b1461}.work-item:hover .portfolio-card{transform:translateY(-3px);box-shadow:0 20px 36px #050b1470}.portfolio-card img{object-fit:cover;object-position:top center;border:1px solid #41597d;border-radius:14px;width:100%;height:100%;min-height:clamp(300px,45vw,410px);display:block}.portfolio-card img.logo-image{object-fit:contain;object-position:center;background:var(--logo-bg,#1b2d48);padding:clamp(1rem,2vw,1.6rem)}.logo-placeholder{text-align:center;color:#f7fbff;background:radial-gradient(circle at 22% 18%,#50a4ff33,#0000 44%),linear-gradient(145deg,#203451e6,#1b2d48e6);border:1px solid #41597d;border-radius:14px;place-items:center;width:100%;min-height:clamp(300px,45vw,410px);padding:1.2rem;font-family:Sora,sans-serif;font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.1;display:grid}.site-footer{align-items:center;min-height:100svh;padding:clamp(2rem,7vw,6rem) clamp(1rem,6vw,5rem);display:grid}.footer-shell{color:#eaf1ff;background:radial-gradient(circle at 20% 20%,#50a4ff3b,#0000 45%) 20% 20%/100% 100%,radial-gradient(circle at 78% 80%,#8dffd133,#0000 46%) 78% 80%/100% 100%,linear-gradient(105deg,#1a2a43 0%,#1a2e4d 45%,#1b2439 100%) 50%/100% 100%;border:1px solid #4a6590;border-radius:26px;width:min(100%,1280px);margin-inline:auto;padding:clamp(1.6rem,3.8vw,3rem);position:relative;overflow:hidden;box-shadow:0 16px 34px #080d1847}.footer-kicker{text-transform:uppercase;letter-spacing:.2em;color:#eaf1ffb8;margin:0;font-size:.7rem}.footer-title{max-width:20ch;margin:.7rem 0 0;font-family:Sora,sans-serif;font-size:clamp(1.35rem,3vw,2.25rem);line-height:1.08}.footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1.4rem;margin-top:1.4rem;display:grid}.footer-copy-col{gap:.6rem;display:grid}.footer-contact-col{align-content:start;gap:1.1rem;margin-top:6em;display:grid}.footer-spacer{min-height:1px}.footer-contact{z-index:2;color:inherit;background:0 0;gap:.28rem;padding:0;text-decoration:none;transition:transform .19s,opacity .19s;display:grid;position:relative}.footer-contact:hover{opacity:.92;transform:translateY(-1px)}.footer-label{text-transform:uppercase;letter-spacing:.14em;color:#eaf1ffd1;font-size:.72rem}.footer-value{letter-spacing:-.03em;color:#f7fbff;text-wrap:balance;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:800;line-height:.98}.footer-meta{letter-spacing:.09em;text-transform:uppercase;color:#eaf1ffbd;margin:1rem 0 0;font-size:.78rem}.footer-orbits{pointer-events:none;position:absolute;inset:0}.footer-orb{aspect-ratio:1;filter:blur(.3px);opacity:.45;background:radial-gradient(circle at 30% 30%,#ffffffdb,#91b5ff14);border-radius:999px;width:74px;position:absolute}.orb-one{top:18%;right:14%}.orb-two{width:48px;bottom:20%;right:28%}.orb-three{width:34px;top:54%;right:8%}.site-footer p{margin:0}@media (width<=920px){.site-nav{padding-top:.9rem}.nav-links{gap:.9rem}.portfolio-layout{grid-template-columns:1fr}.portfolio-card{min-height:290px}.portfolio-copy h2{max-width:11ch}.work-item.is-reversed .portfolio-copy,.work-item.is-reversed .portfolio-panel{order:initial}.footer-grid{grid-template-columns:1fr;gap:1rem}.footer-copy-col{gap:.45rem}.footer-contact-col{gap:.9rem}.footer-spacer{display:none}}@media (width<=620px){.nav-links{display:none}.hero-word{gap:clamp(.08rem,.36vw,.16rem);padding-inline:.2rem;font-size:clamp(3.1rem,18vw,4.6rem)}.hero{padding-top:4.6rem}.portfolio-card img{min-height:240px}.footer-shell{border-radius:20px}.footer-value{word-break:break-word}.streak{width:clamp(3px,.92vw,5px)}}