:root{--black:#0b0c10;--bone:#f1efe8;--acid:#c8ff2e;--blue:#314cff;--line:rgba(11,12,16,.18);--muted:#676861;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--black);font:400 16px/1.55 var(--display);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::selection{background:var(--acid);color:var(--black)}
.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--acid);z-index:100}.cursor{position:fixed;z-index:99;width:16px;height:16px;border:1px solid var(--acid);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border .2s;mix-blend-mode:difference;display:grid;place-items:center}.cursor span{opacity:0;color:#000;font:500 10px var(--mono)}.cursor.view{width:76px;height:76px;background:var(--acid);mix-blend-mode:normal}.cursor.view span{opacity:1}.cursor.down{width:11px;height:11px;background:var(--acid)}
.site-header{height:82px;padding:0 3.5vw;position:absolute;inset:0 0 auto;z-index:20;color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.15)}.wordmark{display:flex;align-items:center;gap:.75rem;font-size:1.08rem;font-weight:750;letter-spacing:-.04em}.wordmark sup{font:400 .42rem var(--mono);margin-left:.2rem;vertical-align:top}.mark{display:grid;place-items:center;width:37px;height:37px;background:var(--acid);color:var(--black);font:500 .7rem var(--mono);letter-spacing:-.06em}.availability{margin:0;font:400 .7rem var(--mono);letter-spacing:.06em;color:#aeb1ba}.availability i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:.45rem;box-shadow:0 0 0 5px rgba(200,255,46,.09)}.site-header nav{justify-self:end;display:flex;align-items:center;gap:2rem;font:400 .76rem var(--mono);text-transform:uppercase}.site-header nav>a:not(.nav-cta){color:#bbbcc3}.site-header nav>a:hover{color:white}.nav-cta{border:1px solid #5b5d68;padding:.7rem 1rem;display:flex;gap:2rem;align-items:center}.nav-cta span{color:var(--acid)}.menu-toggle{display:none;color:white;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:currentColor;margin:7px 0}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--black);color:white;padding:82px 3.5vw 2.5vw;display:flex;flex-direction:column;justify-content:center}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.76}.hero-grid{position:absolute;inset:82px 3.5vw 0;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.08) 50%,transparent 50.05%)}.hero-kicker{position:relative;z-index:2;font-size:.67rem;letter-spacing:.1em;color:#90929b;margin:0 0 3.5vh 1vw}.hero-kicker span{color:var(--acid);margin:0 .6rem}.hero h1{position:relative;z-index:2;margin:0;font-size:clamp(4.5rem,10.7vw,11rem);line-height:.78;letter-spacing:-.087em;font-weight:650;text-transform:uppercase}.hero h1 .line{display:block}.line-two{margin-left:8vw}.hero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--acid);letter-spacing:-.07em}.hero-bottom{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;margin:6vh 3vw 0 51%}.hero-bottom>p{max-width:360px;margin:0;font-size:clamp(1rem,1.3vw,1.2rem);color:#b8bac3}.circle-link{width:116px;height:116px;border:1px solid #575965;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .25s,color .25s}.circle-link svg{width:40px;fill:none;stroke:currentColor;stroke-width:1}.circle-link span{position:absolute;bottom:16px;font:400 .62rem var(--mono);text-transform:uppercase}.circle-link:hover{background:var(--acid);color:var(--black);border-color:var(--acid)}.hero-stamp{position:absolute;z-index:2;right:6vw;top:15vh;width:112px;height:112px;color:var(--acid);animation:spin 18s linear infinite}.hero-stamp svg{width:100%;height:100%;fill:currentColor}.hero-stamp text{font:500 8px var(--mono);letter-spacing:1.7px}.hero-stamp text:last-of-type{font:600 24px var(--display);text-anchor:middle;letter-spacing:-2px}@keyframes spin{to{transform:rotate(360deg)}}
.ticker{background:var(--acid);overflow:hidden;padding:.9rem 0;border-top:1px solid var(--black);border-bottom:1px solid var(--black);white-space:nowrap}.ticker div{display:inline-flex;align-items:center;gap:2.2rem;animation:marquee 20s linear infinite}.ticker span{font-size:1rem;font-weight:700;text-transform:uppercase}.ticker i{font-style:normal;font-size:.75rem}@keyframes marquee{to{transform:translateX(-50%)}}
.section-label{font-size:.7rem;letter-spacing:.12em;margin:0;color:var(--blue)}.manifesto{padding:10rem 6vw 11rem;display:grid;grid-template-columns:1fr 3.25fr;gap:4rem}.manifesto-copy>p{font:400 1rem var(--mono);margin:0 0 1.7rem;color:var(--muted)}.manifesto h2{font-size:clamp(3.5rem,7vw,7.6rem);line-height:.91;letter-spacing:-.07em;margin:0;max-width:1080px}.manifesto h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.manifesto-side{grid-column:2;display:flex;justify-content:flex-end;align-items:end;gap:7vw;margin-top:4rem}.manifesto-side p{max-width:520px;font-size:1.1rem;color:var(--muted);margin:0}.manifesto-side a{border-bottom:1px solid;padding:.4rem 0;white-space:nowrap;font:500 .74rem var(--mono);text-transform:uppercase}.manifesto-side a span{color:var(--blue);margin-left:1rem}
.work{background:var(--black);color:white;padding:10rem 3.5vw}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;align-items:end;margin:0 2.5vw 7rem}.section-head h2{font-size:clamp(3.5rem,6.5vw,7rem);line-height:.91;letter-spacing:-.07em;margin:0}.section-head h2 span{font-family:Georgia,serif;font-weight:400;color:#9da0aa}.section-head>p:last-child{color:#8f919a;margin:0;max-width:360px}.work .section-label{color:var(--acid)}.projects{display:grid;gap:8rem}.project{max-width:1320px;margin:0 auto;width:100%}.project:nth-child(2){width:82%;margin-right:0}.project:nth-child(3){width:91%;margin-left:0}.project-chrome{display:flex;justify-content:space-between;padding:.7rem .9rem;border:1px solid #343640;border-bottom:0;color:#7f818c;font:400 .63rem var(--mono);letter-spacing:.08em}.project-screen{position:relative;min-height:590px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.project:hover .project-screen{transform:scale(.987)}.project footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:1.1rem 0;border-bottom:1px solid #343640}.project footer h3{font-size:1.35rem;margin:0;letter-spacing:-.04em}.project footer p{margin:0;color:#8f919a}.project footer>span{font:400 .67rem var(--mono);color:var(--acid)}
.project-morrow .project-screen{background:#d8c098;color:#241c15;padding:3rem 4vw}.morrow-nav,.field-nav,.signal-nav{display:flex;justify-content:space-between;position:relative;z-index:2}.morrow-nav b{font-family:Georgia,serif;font-size:1.7rem}.morrow-nav span,.field-nav span{font:500 .65rem var(--mono)}.morrow-copy{margin-top:7rem;position:relative;z-index:2}.morrow-copy small,.field-copy small,.signal-copy small{font:500 .62rem var(--mono);letter-spacing:.13em}.morrow-copy strong{display:block;font:400 clamp(4.5rem,8vw,9rem)/.78 Georgia,serif;letter-spacing:-.07em;margin:1rem 0 2rem}.morrow-copy strong em{color:#9d2d22}.morrow-copy button{border:1px solid #241c15;background:transparent;padding:1rem 1.2rem;font:500 .65rem var(--mono)}.coffee-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(36,28,21,.35);border-radius:50%;right:4vw;top:9rem;display:grid;place-items:center}.coffee-orbit:before,.coffee-orbit:after{content:'';position:absolute;border:1px solid rgba(36,28,21,.25);border-radius:50%;inset:44px}.coffee-orbit:after{inset:88px;background:#9d2d22;border:0}.coffee-orbit span{z-index:2;color:#d8c098;font:500 1.2rem var(--mono)}
.project-field .project-screen{background:#e9e7df;color:#101214;padding:2.5rem 3vw;display:grid;grid-template-columns:1.3fr 1fr;gap:4vw}.field-nav{grid-column:1/-1}.field-nav b{font-size:1.2rem;letter-spacing:-.07em}.field-image{align-self:end}.building{height:380px;background:linear-gradient(135deg,#9ba7ac,#38464b 55%,#c7c2b7);clip-path:polygon(0 24%,25% 24%,25% 7%,64% 7%,64% 0,100% 18%,100% 100%,0 100%);position:relative}.building:before{content:'';position:absolute;inset:45% 8% 8% 48%;background:repeating-linear-gradient(90deg,#152125 0 2px,transparent 2px 56px),rgba(16,33,40,.7)}.field-image small{font:400 .58rem var(--mono);color:#6d6e69}.field-copy{align-self:center}.field-copy strong{font-size:clamp(3.1rem,5vw,6rem);line-height:.86;letter-spacing:-.07em;display:block;margin-top:1.2rem}
.project-signal .project-screen{background:#3049f6;padding:3rem 4vw;min-height:560px}.signal-nav{font-size:.8rem}.signal-copy{position:relative;z-index:2;margin-top:7rem}.signal-copy strong{display:block;font-size:clamp(4rem,7vw,8rem);line-height:.85;letter-spacing:-.075em;margin-top:1.2rem}.signal-copy strong em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.signal-pill{display:flex;justify-content:space-between;width:240px;border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:.8rem 1rem;margin-top:2rem;font:400 .68rem var(--mono)}.signal-pill span{color:var(--acid)}.signal-art{position:absolute;right:-6%;bottom:-25%;width:50%;aspect-ratio:1}.signal-art i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:50%}.signal-art i:nth-child(2){inset:12%}.signal-art i:nth-child(3){inset:24%;background:var(--acid)}.signal-art i:nth-child(4){inset:39%;background:var(--black);border:0}.concept-note{font-size:.62rem;letter-spacing:.08em;color:#747680;text-align:right;margin:3rem 0 0}
.craft{height:min(880px,92vh);min-height:650px;position:relative;color:white;padding:5vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.craft>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.craft-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.93),rgba(4,10,20,.2)),linear-gradient(0deg,rgba(4,10,20,.5),transparent)}.craft>*:not(img,.craft-overlay){position:relative;z-index:2}.craft .section-label{color:var(--acid)}.craft blockquote{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.9;letter-spacing:-.07em;margin:auto 0}.craft blockquote em{font-family:Georgia,serif;color:#a9bdff;font-weight:400}.craft-tags{display:flex;gap:.6rem;flex-wrap:wrap}.craft-tags span{border:1px solid rgba(255,255,255,.45);border-radius:99px;padding:.6rem 1rem;font-size:.62rem;letter-spacing:.08em}
.process{padding:10rem 6vw}.process .section-head{margin:0 0 7rem}.process .section-head h2{grid-column:2/-1}.process ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:90px 1fr 1.25fr auto;gap:2rem;align-items:center;padding:2.3rem 0;border-bottom:1px solid var(--line)}.process li>span{color:var(--blue);font-size:.7rem}.process li h3{font-size:1.7rem;letter-spacing:-.05em;margin:0}.process li p{color:var(--muted);margin:0;max-width:480px}.process li i{font:400 .61rem var(--mono);font-style:normal;color:var(--muted);letter-spacing:.08em}
.services{padding:2rem 6vw 10rem}.services>.section-label{margin-bottom:3rem}.service-list{border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:70px 1.2fr 1fr;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.service-list span{font:400 .7rem var(--mono);color:var(--blue)}.service-list h3{font-size:clamp(2.5rem,5vw,5.5rem);margin:0;letter-spacing:-.07em}.service-list p{color:var(--muted)}
.contact{min-height:86vh;background:var(--acid);color:var(--black);text-align:center;padding:8rem 5vw 5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact .section-label{color:var(--black)}.contact h2{font-size:clamp(4.2rem,9vw,10rem);line-height:.8;letter-spacing:-.085em;text-transform:uppercase;margin:4rem 0}.contact h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400}.contact-link{display:flex;align-items:center;gap:4rem;border-bottom:2px solid;padding:.8rem .2rem;font-size:1rem;font-weight:700;text-transform:uppercase}.contact-link i{font-style:normal;font-size:1.5rem}.contact-email{font:400 .7rem var(--mono);letter-spacing:.08em;margin-top:2.5rem}.contact:before,.contact:after{content:'';position:absolute;width:320px;height:320px;border:1px solid rgba(11,12,16,.25);border-radius:50%}.contact:before{left:-170px;top:-120px;box-shadow:0 0 0 55px rgba(11,12,16,.04),0 0 0 110px rgba(11,12,16,.04)}.contact:after{right:-140px;bottom:-120px;box-shadow:0 0 0 55px rgba(11,12,16,.04),0 0 0 110px rgba(11,12,16,.04)}
.site-footer{background:var(--black);color:white;padding:4rem 3.5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end}.site-footer>p{margin:0;color:#8d8f98;font-size:.85rem}.site-footer>div{text-align:right;color:#8d8f98;font:400 .66rem var(--mono)}.site-footer>div p{margin:0 0 .5rem}.site-footer>div a{color:var(--acid)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.cursor{display:none}.site-header{grid-template-columns:1fr auto}.availability{display:none}.menu-toggle{display:block;z-index:2}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--black);padding:2rem 3.5vw;flex-direction:column;align-items:flex-start;border-top:1px solid #333}.site-header nav.open{display:flex}.hero h1{font-size:clamp(4.5rem,12.7vw,8rem)}.hero-bottom{margin-left:32%}.manifesto{grid-template-columns:1fr}.manifesto-copy,.manifesto-side{grid-column:1}.manifesto-side{justify-content:space-between}.section-head{grid-template-columns:1fr 2fr}.section-head>p:last-child{grid-column:2}.project:nth-child(n){width:100%}.project-screen{min-height:480px}.process .section-head h2{grid-column:2}.process li{grid-template-columns:60px 1fr 1.2fr}.process li i{display:none}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}}
@media(max-width:650px){.site-header{height:70px}.site-header nav{top:70px}.hero{min-height:690px;padding-top:70px}.hero-grid{inset:70px 3.5vw 0}.hero-kicker{line-height:1.6;max-width:260px;margin-bottom:5vh}.hero h1{font-size:clamp(3.6rem,18vw,5.8rem);line-height:.82}.line-two{margin-left:0}.hero-bottom{margin:7vh 0 0}.hero-bottom>p{max-width:240px;font-size:.95rem}.circle-link{width:88px;height:88px}.hero-stamp{width:76px;height:76px;right:4vw;top:17vh}.manifesto,.process{padding:7rem 5vw}.manifesto-side{flex-direction:column;align-items:flex-start}.section-head{display:block;margin:0 0 4rem}.section-head h2{margin:1rem 0 2rem}.projects{gap:5rem}.work{padding:7rem 4vw}.project-screen{min-height:440px}.project footer{grid-template-columns:1fr auto}.project footer p{display:none}.project-morrow .project-screen{padding:2rem 6vw}.morrow-copy{margin-top:7rem}.morrow-copy strong{font-size:4rem}.coffee-orbit{width:230px;height:230px;right:-70px;top:14rem}.project-field .project-screen{display:block;padding:2rem 5vw}.field-image{position:absolute;inset:auto 5vw 2rem}.building{height:180px}.field-copy{position:relative;margin-top:6rem;z-index:2}.field-copy strong{font-size:3.3rem}.project-signal .project-screen{padding:2rem 5vw}.signal-copy strong{font-size:3.8rem}.signal-art{width:75%;right:-25%;bottom:-2%}.craft{padding:7vw;height:78vh}.process li{grid-template-columns:45px 1fr}.process li p{grid-column:2}.service-list>div{grid-template-columns:38px 1fr}.service-list p{grid-column:2;margin-top:.4rem}.contact{min-height:75vh}.contact h2{font-size:3.8rem;margin:3rem 0}.site-footer{grid-template-columns:1fr;gap:3rem}.site-footer>div{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker div,.hero-stamp{animation:none}.project-screen{transition:none}}

/* Rich dimensional direction inspired by the supplied references */
:root{--acid:#ff2daf;--cyan:#54e6ea;--blue:#7758ff;--plum:#2a0638}.site-header{background:rgba(23,4,35,.38);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.18)}.mark{background:linear-gradient(135deg,var(--acid),#a957ff);color:white;border-radius:5px}.availability i{background:var(--cyan);box-shadow:0 0 0 5px rgba(84,230,234,.12)}
.hero{height:auto;min-height:820px;padding:82px 0 6rem;background:radial-gradient(circle at 76% 34%,#72225f 0,#33103f 29%,#16051f 64%,#0d0614 100%)}.hero canvas{opacity:.28}.hero-grid{display:none}.hero-content{position:relative;z-index:3;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;min-height:700px;padding:2.5rem 3.5vw 5rem}.hero-copy{padding:3rem 0 3rem 2.5vw}.hero-kicker{margin:0 0 1.4rem;color:#e7bde1}.hero h1{font-size:clamp(4.2rem,7vw,8rem);line-height:.87;letter-spacing:-.075em;text-transform:none}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:white;background:linear-gradient(90deg,#fff 5%,#ff8ed5 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{max-width:580px;color:#d8c6da;font-size:1.17rem;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:1.5rem}.hero-cta{display:inline-flex;justify-content:space-between;gap:3rem;min-width:225px;padding:1rem 1.2rem;border-radius:10px;background:linear-gradient(100deg,var(--acid),#bd39fa);font-weight:700;box-shadow:0 12px 40px rgba(255,45,175,.3)}.hero-secondary{padding:.9rem 0;border-bottom:1px solid #9e759d;color:#e1cedf}.hero-secondary span{color:var(--cyan);margin-left:.6rem}.hero-visual{position:relative;align-self:stretch;display:grid;place-items:center;perspective:1000px}.hero-visual:before{content:'';position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,45,175,.44),transparent 68%);filter:blur(28px)}.hero-visual img{position:relative;width:116%;max-width:none;transform:translateX(3%) rotateY(-4deg);filter:drop-shadow(0 28px 42px rgba(0,0,0,.38));mask-image:linear-gradient(to bottom,#000 86%,transparent)}.visual-chip{position:absolute;z-index:3;background:rgba(31,8,41,.73);border:1px solid rgba(255,255,255,.25);box-shadow:0 15px 45px rgba(0,0,0,.25);backdrop-filter:blur(14px);padding:.7rem .9rem;border-radius:12px;display:flex;gap:.65rem;align-items:center;color:white;font-size:.72rem;animation:chipFloat 5s ease-in-out infinite}.visual-chip b{color:var(--cyan);font:500 .65rem var(--mono)}.chip-one{left:7%;top:20%}.chip-two{right:1%;top:34%;animation-delay:-1.7s}.chip-three{left:16%;bottom:14%;animation-delay:-3.1s}@keyframes chipFloat{50%{transform:translateY(-12px)}}.hero-stamp{right:4vw;top:7.4rem;color:var(--cyan);z-index:5}.hero-wave{position:absolute;z-index:4;left:-2%;right:-2%;bottom:-2px;height:95px;background:var(--bone);clip-path:polygon(0 68%,10% 52%,22% 68%,36% 42%,49% 64%,64% 35%,79% 63%,91% 45%,100% 58%,100% 100%,0 100%)}
.ticker{background:linear-gradient(90deg,#ff2daf,#a536f6,#4f54f8,#49dbe4);border:0;color:white}.manifesto h2 em{color:var(--acid)}.work{background:linear-gradient(160deg,#13051d,#0b0c10 45%,#1e0830)}.work .section-label,.project footer>span{color:#ff70c7}.project-chrome{border-color:#51385a;color:#b09bae}.project footer{border-color:#51385a}.craft-overlay{background:linear-gradient(90deg,rgba(33,3,46,.96),rgba(84,8,82,.33)),linear-gradient(0deg,rgba(25,4,35,.65),transparent)}.craft .section-label{color:var(--cyan)}
.services{padding:10rem 5vw 12rem;background:radial-gradient(circle at 50% 20%,#fff 0,#fbf3ff 48%,#f1edf7 100%);overflow:hidden}.services-head{text-align:center;max-width:900px;margin:0 auto 5rem}.services-head h2{font-size:clamp(3.4rem,6vw,6.7rem);line-height:.9;letter-spacing:-.07em;margin:1.2rem 0}.services-head h2 em{font-family:Georgia,serif;font-weight:400;color:#a02bd5}.services-head>p:last-child{color:var(--muted);font-size:1.1rem}.service-cards{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service-card{position:relative;min-height:590px;border-radius:38px;padding:2rem;display:flex;flex-direction:column;color:white;overflow:hidden;box-shadow:0 25px 60px rgba(49,13,71,.18);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.service-card:nth-child(1){background:linear-gradient(145deg,#582df0 0%,#8a2fe8 40%,#e42db9 100%)}.service-card:nth-child(2){background:linear-gradient(145deg,#ff318f 0%,#c92bd7 45%,#6535e5 100%);transform:translateY(3rem)}.service-card:nth-child(3){background:linear-gradient(145deg,#12b9c8 0%,#326add 48%,#7036dd 100%)}.service-card:before{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-120px;top:-135px;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.035)}.service-card:hover{box-shadow:0 35px 80px rgba(49,13,71,.3)}.service-art{height:215px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border-radius:26px;display:grid;place-items:center;backdrop-filter:blur(10px);margin-bottom:auto}.service-art svg{width:132px;height:132px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px rgba(30,4,45,.25));animation:iconDrift 5s ease-in-out infinite}.service-card:nth-child(2) svg{animation-delay:-1.5s}.service-card:nth-child(3) svg{animation-delay:-3s}.service-art .icon-core{fill:rgba(255,255,255,.17);stroke:white}@keyframes iconDrift{0%,100%{transform:translateY(4px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(3deg)}}.service-card>span{font-size:.67rem;letter-spacing:.09em;margin-top:2.2rem;color:rgba(255,255,255,.72)}.service-card h3{font-size:2.7rem;letter-spacing:-.06em;margin:.5rem 0 .6rem}.service-card p{color:rgba(255,255,255,.84);margin:0}.service-card ul{list-style:none;margin:1.5rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.25);display:flex;gap:.5rem;flex-wrap:wrap}.service-card li{border:1px solid rgba(255,255,255,.32);border-radius:99px;padding:.3rem .6rem;font-size:.68rem}.slide-left{opacity:0;transform:translateX(-110px) rotate(-2deg)}.slide-right{opacity:0;transform:translate(110px,3rem) rotate(2deg)}.slide-left.visible{opacity:1;transform:none}.slide-right.visible{opacity:1;transform:translateY(3rem)}
.contact{margin:10rem 4vw;border-radius:54px;min-height:720px;background:radial-gradient(circle at 75% 20%,rgba(255,122,211,.38),transparent 35%),linear-gradient(145deg,#221040 0%,#3a1b55 42%,#626b80 100%);color:white;box-shadow:0 30px 70px rgba(35,12,58,.22)}.contact .section-label{color:#f2d8f0}.contact h2 em{color:#ff67c7}.contact-link{border-color:var(--acid);background:var(--acid);padding:1rem 1.3rem;border-radius:12px;min-width:250px;justify-content:space-between}.contact:before,.contact:after{border-color:rgba(255,255,255,.15);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.025)}
.site-footer{position:relative;overflow:hidden;background:linear-gradient(150deg,#3f064e,#17031f 58%,#09020f);min-height:410px;padding:9rem 5vw 2rem;grid-template-columns:1.4fr .7fr 1fr;gap:6vw;align-items:start}.footer-wave{position:absolute;inset:0 0 auto;height:110px;background:var(--bone);clip-path:polygon(0 0,100% 0,100% 22%,87% 53%,73% 30%,57% 66%,40% 35%,24% 69%,9% 40%,0 58%)}.footer-brand>p{max-width:350px;color:#c6a9c8;margin-top:1.6rem}.footer-column{display:flex;flex-direction:column;gap:.6rem}.footer-column h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#ff72c8;border-bottom:1px solid #8a467f;padding-bottom:.7rem}.footer-column a{font-size:.9rem;color:#dec7dd}.footer-bottom{position:absolute;left:5vw;right:5vw;bottom:1.6rem;display:flex;justify-content:space-between!important;text-align:left!important;border-top:1px solid rgba(255,255,255,.16);padding-top:1rem}.footer-bottom p{margin:0}.site-footer>div:last-child a{color:var(--cyan)}
@media(max-width:980px){.hero-content{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:6rem;position:relative;z-index:4}.hero-visual{min-height:540px;margin-top:-2rem}.hero-visual img{width:105%;transform:none}.service-cards{grid-template-columns:1fr}.service-card{min-height:470px}.service-card:nth-child(2),.slide-right.visible{transform:none}.slide-left,.slide-right{transform:translateY(70px)}.slide-left.visible,.slide-right.visible{transform:none}.site-footer{grid-template-columns:1.2fr 1fr;min-height:560px}.footer-brand{grid-row:span 2}}
@media(max-width:650px){.hero{min-height:900px}.hero-content{padding:1.5rem 5vw 5rem}.hero-copy{padding:5rem 0 0}.hero h1{font-size:3.75rem}.hero-copy>p{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:370px;margin:0 -18vw}.visual-chip{font-size:.62rem}.chip-one{left:17%;top:18%}.chip-two{right:13%;top:32%}.chip-three{left:24%;bottom:11%}.hero-stamp{display:none}.hero-wave{height:58px}.services{padding:7rem 5vw 9rem}.services-head{text-align:left}.services-head h2{font-size:3.5rem}.service-card{min-height:500px;border-radius:28px}.service-art{height:190px}.contact{margin:6rem 4vw;min-height:610px;border-radius:30px}.site-footer{grid-template-columns:1fr;min-height:700px;padding-top:8rem}.footer-brand{grid-row:auto}.footer-bottom{flex-direction:column;gap:.5rem}}
@media(prefers-reduced-motion:reduce){.visual-chip,.service-art svg{animation:none}.slide-left,.slide-right,.slide-left.visible,.slide-right.visible{opacity:1;transform:none}}
.service-card.slide-left{opacity:0;transform:translateX(-110px) rotate(-2deg)}.service-card.slide-right{opacity:0;transform:translate(110px,3rem) rotate(2deg)}.service-card.slide-left.visible{opacity:1;transform:none}.service-card.slide-right.visible{opacity:1;transform:translateY(3rem)}
@media(max-width:980px){.service-card.slide-left,.service-card.slide-right{transform:translateY(70px)}.service-card.slide-left.visible,.service-card.slide-right.visible{transform:none}}
@media(prefers-reduced-motion:reduce){.service-card.slide-left,.service-card.slide-right,.service-card.slide-left.visible,.service-card.slide-right.visible{opacity:1;transform:none}}

/* Layered section transitions */
.section-divider{height:150px;position:relative;overflow:hidden;background:var(--from,#f1efe8);margin:-1px 0;z-index:3}.section-divider i,.section-divider span{position:absolute;display:block;left:-10%;width:120%;height:125px;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(var(--tilt,-1deg));transform-origin:center bottom}.section-divider i:nth-child(1){bottom:-52px;background:var(--stripe1,#ff2daf)}.section-divider i:nth-child(2){bottom:-67px;background:var(--stripe2,#b13bf0);transform:rotate(calc(var(--tilt,-1deg) * -.55))}.section-divider i:nth-child(3){bottom:-81px;background:var(--stripe3,#54e6ea);transform:rotate(calc(var(--tilt,-1deg) * .35))}.section-divider span{bottom:-97px;background:var(--to,#15051e)}.divider-into-work{--from:var(--bone);--to:#13051d;--stripe1:#ff2daf;--stripe2:#9348ef;--stripe3:#54e6ea;--tilt:-2deg}.divider-into-craft{--from:#13051d;--to:#21062d;--stripe1:#ff2daf;--stripe2:#7d4bff;--stripe3:#2ecbd3;--tilt:1.4deg}.divider-into-process{--from:#190422;--to:var(--bone);--stripe1:#4b3ddc;--stripe2:#ff38a8;--stripe3:#f1b2de;--tilt:-1.6deg}.divider-into-services{--from:var(--bone);--to:#fbf3ff;--stripe1:#5d4ee8;--stripe2:#bc38df;--stripe3:#ff70c4;--tilt:1.2deg}.divider-into-faq{--from:#f1edf7;--to:#12aebd;--stripe1:#ff2daf;--stripe2:#784ce9;--stripe3:#55e4dd;--tilt:-1.5deg}.divider-into-contact{--from:#326add;--to:var(--bone);--stripe1:#50e3dc;--stripe2:#ae41e5;--stripe3:#ff2daf;--tilt:1.6deg}

/* Stacked animated capability panels */
.service-cards{display:flex;flex-direction:column;gap:3rem}.service-card{width:92%;min-height:420px;display:grid;grid-template-columns:.92fr 1.08fr;grid-template-rows:auto auto auto 1fr;align-content:center;padding:2.2rem 3rem}.service-card:nth-child(1),.service-card:nth-child(3){align-self:flex-start}.service-card:nth-child(2){align-self:flex-end;transform:none}.service-card .service-art{grid-column:1;grid-row:1/6;height:100%;min-height:340px;margin:0 3rem 0 0}.service-card>:not(.service-art){grid-column:2}.service-card:nth-child(2) .service-art{grid-column:2;margin:0 0 0 3rem}.service-card:nth-child(2)>:not(.service-art){grid-column:1}.service-card>span{align-self:end}.service-card.slide-right.visible{transform:none}.service-card h3{font-size:clamp(3rem,5vw,5.3rem);line-height:.9}.service-card p{font-size:1.05rem;max-width:520px}.service-card ul{align-self:start}

/* Interactive FAQ */
.faq{position:relative;overflow:hidden;padding:8rem 5vw 11rem;background:linear-gradient(145deg,#13b9c4 0%,#247fcf 52%,#5346dd 100%);color:white}.faq-burst{position:absolute;width:1050px;height:1050px;right:-360px;top:-180px;border-radius:50%;background:repeating-conic-gradient(from 205deg,rgba(255,255,255,.16) 0 7deg,transparent 7deg 15deg);mask-image:radial-gradient(circle,#000 0 70%,transparent 71%)}.faq-mark{position:absolute;right:5vw;top:9rem;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:rgba(31,8,71,.22);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 30px rgba(255,255,255,.05),0 0 0 60px rgba(255,255,255,.04);font:400 10rem/1 Georgia,serif;color:#ff7dcc;animation:questionFloat 5s ease-in-out infinite}@keyframes questionFloat{50%{transform:translateY(-14px) rotate(4deg)}}.faq-head{position:relative;z-index:2;max-width:800px;margin-bottom:4rem}.faq-head .section-label{color:#d5ffff}.faq-head h2{font-size:clamp(3.5rem,6.2vw,6.5rem);line-height:.9;letter-spacing:-.07em;margin:1rem 0}.faq-head h2 em{font-family:Georgia,serif;font-weight:400;color:#ffd4ef}.faq-list{position:relative;z-index:3;width:min(980px,78vw)}.faq details{margin:.9rem 0;border-radius:16px;background:linear-gradient(100deg,#f22b85,#d72ac1 55%,#9f31dc);box-shadow:0 14px 35px rgba(31,10,72,.18);overflow:hidden;transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.faq details:hover{box-shadow:0 18px 46px rgba(31,10,72,.3)}.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:46px 1fr 32px;align-items:center;gap:.6rem;padding:1.25rem 1.4rem;font-size:1.08rem;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font:400 .65rem var(--mono);color:#ffd8ef}.faq summary i{position:relative;width:28px;height:28px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.faq summary i:before,.faq summary i:after{content:'';position:absolute;width:10px;height:1px;background:white;left:8px;top:13px;transition:transform .25s}.faq summary i:after{transform:rotate(90deg)}.faq details[open] summary i:after{transform:rotate(0)}.faq details>div{background:rgba(24,6,51,.62);padding:0 1.5rem .1rem 5.3rem}.faq details>div p{max-width:760px;margin:0;padding:1.2rem 0 1.5rem;color:#f3e9f6}.faq details[open]>div{animation:faqOpen .3s ease}@keyframes faqOpen{from{opacity:0;transform:translateY(-10px)}}

@media(max-width:980px){.section-divider{height:110px}.service-card{width:100%;grid-template-columns:1fr;display:flex;padding:2rem}.service-card .service-art,.service-card:nth-child(2) .service-art{height:230px;min-height:0;margin:0 0 2rem}.service-card.slide-left,.service-card.slide-right{transform:translateY(65px)}.service-card.slide-left.visible,.service-card.slide-right.visible{transform:none}.faq-list{width:100%}.faq-mark{right:-65px;top:7rem;opacity:.48}}
@media(max-width:650px){.section-divider{height:82px}.section-divider i,.section-divider span{height:85px}.section-divider i:nth-child(1){bottom:-36px}.section-divider i:nth-child(2){bottom:-47px}.section-divider i:nth-child(3){bottom:-57px}.section-divider span{bottom:-69px}.faq{padding:6rem 5vw 8rem}.faq-head{margin-bottom:3rem}.faq-head h2{font-size:3.5rem}.faq-mark{width:140px;height:140px;font-size:7rem}.faq summary{grid-template-columns:30px 1fr 28px;padding:1.1rem .9rem;font-size:.95rem}.faq details>div{padding-left:3.6rem}.service-card h3{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){.faq-mark{animation:none}}
.section-divider i:nth-child(2){transform:rotate(1deg)}
.section-divider i:nth-child(3){transform:rotate(-.65deg)}

/* Signature conversion card */
.contact{background:#120522;padding:8rem 4vw;margin:0;min-height:auto;border-radius:0;box-shadow:none}.contact:before,.contact:after{display:none}.contact-card{isolation:isolate;position:relative;width:min(1380px,100%);min-height:570px;margin:auto;padding:5.5rem 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:46px;background:radial-gradient(circle at 18% 105%,rgba(93,69,255,.9),transparent 41%),radial-gradient(circle at 88% -5%,rgba(230,44,194,.46),transparent 37%),linear-gradient(120deg,#2a1556 0%,#40217c 50%,#2a1456 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 100px rgba(4,0,18,.52),inset 0 1px rgba(255,255,255,.18)}.contact-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.055) 50%,transparent 50.15%),linear-gradient(0deg,transparent 49.85%,rgba(255,255,255,.04) 50%,transparent 50.15%);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%)}.contact-card .section-label{position:relative;z-index:2;margin:0 0 2rem;color:#e5d8ff}.contact-card h2{position:relative;z-index:2;margin:0;max-width:1140px;font-size:clamp(3.4rem,6.3vw,7.3rem);line-height:.91;text-transform:none;letter-spacing:-.075em}.contact-card h2 span,.contact-card h2 em{color:#ff37b8;text-shadow:0 0 28px rgba(255,55,184,.28)}.contact-card h2 em{font-family:inherit;font-style:normal;font-weight:800}.contact-promise{position:relative;z-index:2;max-width:610px;margin:2rem auto;color:rgba(255,255,255,.76);font-size:1.05rem}.contact-card .contact-link{position:relative;z-index:2;min-width:330px;margin-top:.6rem;padding:1.1rem 1.35rem;background:transparent;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 0 0 rgba(255,55,184,0);transition:.28s}.contact-card .contact-link:hover{background:#ff37b8;border-color:#ff37b8;box-shadow:0 0 38px rgba(255,55,184,.45);transform:translateY(-3px)}.contact-card .contact-email{position:relative;z-index:2;color:#d9caf5}.contact-orbit{position:absolute;left:4vw;top:50%;width:150px;height:150px;transform:translateY(-50%);border:2px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center}.contact-orbit:before,.contact-orbit:after,.contact-orbit i:before,.contact-orbit i:after{content:'';position:absolute;background:white}.contact-orbit:before{width:190px;height:2px;left:-20px;top:74px}.contact-orbit:after{width:2px;height:190px;left:73px;top:-20px}.contact-orbit i{position:absolute;inset:17px;border:1px solid rgba(255,255,255,.72);border-radius:50%;animation:orbitSpin 12s linear infinite}.contact-orbit i:before{width:8px;height:8px;border-radius:50%;right:8px;top:12px;background:#ff43bb;box-shadow:0 0 14px #ff43bb}.contact-orbit span{font:500 1rem var(--mono);letter-spacing:.12em}.contact-rings{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(166,115,255,.2);box-shadow:0 0 0 18px rgba(166,115,255,.055),0 0 0 36px rgba(166,115,255,.045),0 0 0 54px rgba(166,115,255,.035)}.rings-a{left:-250px;bottom:-270px}.rings-b{right:-240px;top:-260px}.contact-card.reveal.visible .contact-orbit{animation:orbitEntrance 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes orbitEntrance{from{opacity:0;transform:translate(-60px,-50%) rotate(-35deg)}to{opacity:1;transform:translate(0,-50%) rotate(0)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.contact-orbit{left:-55px;opacity:.45}.contact-card{min-height:620px}.contact-card h2{font-size:clamp(3.4rem,9vw,6rem)}}
@media(max-width:650px){.contact{padding:5rem 4vw}.contact-card{min-height:600px;padding:5rem 6vw;border-radius:30px}.contact-card .section-label{font-size:.62rem}.contact-card h2{font-size:3.45rem}.contact-promise{font-size:.95rem}.contact-card .contact-link{min-width:0;width:100%}.contact-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.contact-orbit i,.contact-card.reveal.visible .contact-orbit{animation:none}}

/* Designed closing scene */
.site-footer{isolation:isolate;position:relative;overflow:hidden;display:block;min-height:0;padding:11rem 5vw 2rem;background:radial-gradient(circle at 14% 42%,#42115f 0,transparent 28%),radial-gradient(circle at 88% 18%,rgba(109,52,218,.36) 0,transparent 30%),linear-gradient(135deg,#190622,#09020f 72%);color:white}.site-footer:before{content:'';position:absolute;inset:0;z-index:-2;background:repeating-radial-gradient(circle at 16% 48%,transparent 0 21px,rgba(255,53,181,.08) 22px 23px,transparent 24px 35px);mask-image:linear-gradient(90deg,#000,transparent 45%)}.footer-wave{height:135px;top:-1px;bottom:auto;background:var(--bone);clip-path:polygon(0 0,100% 0,100% 22%,87% 58%,73% 30%,57% 67%,41% 38%,24% 74%,9% 42%,0 63%)}.footer-aurora{position:absolute;z-index:-1;right:-12%;top:12%;width:720px;height:720px;border-radius:50%;background:repeating-conic-gradient(from 25deg,rgba(89,221,234,.08) 0 5deg,transparent 5deg 12deg);mask-image:radial-gradient(circle,#000 0 60%,transparent 72%);animation:footerTurn 34s linear infinite}@keyframes footerTurn{to{transform:rotate(360deg)}}.footer-cta{position:relative;z-index:2;max-width:1440px;margin:0 auto 4rem;padding:4rem 4vw 4rem 12rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;border:1px solid rgba(255,255,255,.17);border-radius:34px;background:linear-gradient(110deg,rgba(120,49,216,.34),rgba(255,45,179,.13) 48%,rgba(12,215,224,.1));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(8px)}.footer-cta p{margin:0 0 1rem;color:#ff66ca;font-size:.7rem;letter-spacing:.12em}.footer-cta h2{margin:0;font-size:clamp(2.7rem,4.7vw,5.4rem);line-height:.93;letter-spacing:-.065em}.footer-cta h2 em{font-family:Georgia,serif;font-weight:400;color:#ff64c8}.footer-launch{min-width:220px;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.05rem 1.2rem;border:1px solid white;border-radius:14px;font-weight:800;text-transform:uppercase;transition:.25s}.footer-launch:hover{background:#ff37b8;border-color:#ff37b8;box-shadow:0 0 34px rgba(255,55,184,.45);transform:translateY(-3px)}.footer-launch i{font-style:normal;font-size:1.4rem}.footer-orbit{position:absolute;left:2.5rem;top:50%;width:116px;height:116px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.62);border-radius:50%;display:grid;place-items:center}.footer-orbit:before,.footer-orbit:after{content:'';position:absolute;background:rgba(255,255,255,.72)}.footer-orbit:before{width:144px;height:1px}.footer-orbit:after{width:1px;height:144px}.footer-orbit i{position:absolute;inset:13px;border:1px solid #ff4fc1;border-radius:50%;animation:footerTurn 9s linear infinite}.footer-orbit i:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#5de9ee;right:5px;top:8px;box-shadow:0 0 12px #5de9ee}.footer-orbit span{font:500 .75rem var(--mono);letter-spacing:.12em}.footer-marquee{width:calc(100% + 10vw);margin-left:-5vw;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);overflow:hidden;color:#ff4fbe}.footer-marquee div{display:flex;width:max-content;gap:2rem;padding:.9rem 0;font:500 .72rem var(--mono);letter-spacing:.15em;animation:ticker 24s linear infinite}.footer-marquee span{min-width:190px;text-align:center}.footer-marquee i{color:#5de9ee}.footer-main{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:5rem 0 7rem;display:grid;grid-template-columns:1.65fr .65fr .65fr 1.1fr;gap:4vw}.footer-brand{grid-row:auto}.footer-word{display:inline-flex;align-items:baseline;font-size:clamp(3.8rem,7vw,7.8rem);line-height:.8;letter-spacing:-.085em}.footer-word b{font-weight:800}.footer-word em{font-family:Georgia,serif;font-weight:400;color:#ff46bb}.footer-word sup{font:400 .6rem var(--mono);margin-left:.3rem;color:#5de9ee}.footer-brand>p{max-width:410px;margin:2rem 0;color:#c9b9d0;font-size:1rem;line-height:1.65}.footer-coordinates{color:#786a83;font-size:.62rem;line-height:1.8;letter-spacing:.14em}.footer-column h3{margin:0 0 1.6rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,84,193,.4);color:#ff64c8;font:500 .69rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.footer-column a{display:block;width:max-content;margin:.8rem 0;color:#f4eaf7;font-size:.95rem;transition:.2s}.footer-column a:hover{color:#5de9ee;transform:translateX(4px)}.footer-contact>p{color:#9f91a7;font-size:.84rem;line-height:1.65}.footer-mini-cta{margin-top:1.7rem!important;padding:.65rem .85rem;border:1px solid rgba(93,233,238,.55);border-radius:9px;color:#5de9ee!important}.footer-mini-cta span{margin-left:1.5rem}.footer-bottom{position:relative;z-index:2;grid-column:auto;max-width:1440px;margin:0 auto;padding:1.3rem 0 0;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#796d80;font-size:.68rem}.footer-bottom p:nth-child(2){letter-spacing:.13em;color:#9b58b0}.footer-bottom a{justify-self:end;color:#5de9ee}.footer-ghost{position:absolute;z-index:-1;left:50%;bottom:-.13em;transform:translateX(-50%);font-weight:800;font-size:17vw;line-height:.75;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;pointer-events:none}
@media(max-width:1050px){.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/4}.footer-cta{padding-left:3rem}.footer-orbit{display:none}}
@media(max-width:650px){.site-footer{padding:8rem 5vw 2rem}.footer-wave{height:90px}.footer-cta{grid-template-columns:1fr;padding:2.2rem 6vw;border-radius:24px}.footer-cta h2{font-size:2.9rem}.footer-launch{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:3rem 1.5rem;padding:4rem 0 5rem}.footer-brand{grid-column:1/3}.footer-contact{grid-column:1/3}.footer-word{font-size:4.5rem}.footer-bottom{grid-template-columns:1fr auto;gap:.8rem}.footer-bottom p:nth-child(2){display:none}.footer-ghost{font-size:24vw}}
@media(prefers-reduced-motion:reduce){.footer-aurora,.footer-orbit i,.footer-marquee div{animation:none}}

/* Every chapter gets a distinct transition */
.divider-into-work{height:155px}.divider-into-work i,.divider-into-work span{border-radius:46% 54% 0 0/88% 72% 0 0}.divider-into-work i:nth-child(1){transform:rotate(-2deg) translateX(-2%)}.divider-into-work i:nth-child(2){transform:rotate(1deg) translateX(2%)}.divider-into-work i:nth-child(3){transform:rotate(-.4deg)}

.divider-into-craft{height:132px}.divider-into-craft i,.divider-into-craft span{left:0;width:100%;height:100%;bottom:0;border-radius:0;transform:none}.divider-into-craft i:nth-child(1){background:#ff2daf;clip-path:polygon(0 48%,24% 22%,49% 56%,76% 12%,100% 42%,100% 100%,0 100%)}.divider-into-craft i:nth-child(2){background:#8248ef;clip-path:polygon(0 66%,18% 39%,43% 70%,69% 28%,100% 58%,100% 100%,0 100%)}.divider-into-craft i:nth-child(3){background:#39d9e1;clip-path:polygon(0 79%,29% 60%,55% 85%,82% 49%,100% 72%,100% 100%,0 100%)}.divider-into-craft span{background:#21062d;clip-path:polygon(0 91%,22% 75%,48% 94%,74% 69%,100% 86%,100% 100%,0 100%)}

.divider-into-process{height:148px;background:#190422}.divider-into-process i,.divider-into-process span{transform:none;border-radius:50%;height:120px;width:120px;bottom:-55px;left:auto;box-shadow:120px 0 0 currentColor,240px 0 0 currentColor,360px 0 0 currentColor,480px 0 0 currentColor,600px 0 0 currentColor,720px 0 0 currentColor,840px 0 0 currentColor,960px 0 0 currentColor,1080px 0 0 currentColor,1200px 0 0 currentColor,1320px 0 0 currentColor,1440px 0 0 currentColor,1560px 0 0 currentColor,1680px 0 0 currentColor,1800px 0 0 currentColor,1920px 0 0 currentColor}.divider-into-process i:nth-child(1){left:-42px;bottom:22px;background:#5b42e1;color:#5b42e1}.divider-into-process i:nth-child(2){left:-102px;bottom:-2px;background:#ff38a8;color:#ff38a8}.divider-into-process i:nth-child(3){left:-22px;bottom:-26px;background:#f1b2de;color:#f1b2de}.divider-into-process span{left:-82px;bottom:-52px;background:var(--bone);color:var(--bone)}

.divider-into-services{height:145px;background:var(--bone)}.divider-into-services i,.divider-into-services span{left:0;width:100%;height:100%;bottom:0;border-radius:0;transform:none}.divider-into-services i:nth-child(1){background:#5d4ee8;clip-path:polygon(0 58%,9% 58%,9% 38%,22% 38%,22% 66%,35% 66%,35% 23%,49% 23%,49% 52%,63% 52%,63% 32%,78% 32%,78% 62%,91% 62%,91% 41%,100% 41%,100% 100%,0 100%)}.divider-into-services i:nth-child(2){background:#bc38df;clip-path:polygon(0 70%,14% 70%,14% 54%,29% 54%,29% 76%,44% 76%,44% 46%,59% 46%,59% 68%,73% 68%,73% 50%,88% 50%,88% 72%,100% 72%,100% 100%,0 100%)}.divider-into-services i:nth-child(3){background:#ff70c4;clip-path:polygon(0 83%,18% 83%,18% 70%,39% 70%,39% 87%,58% 87%,58% 72%,80% 72%,80% 84%,100% 84%,100% 100%,0 100%)}.divider-into-services span{background:#fbf3ff;clip-path:polygon(0 93%,28% 93%,28% 86%,54% 86%,54% 95%,78% 95%,78% 88%,100% 88%,100% 100%,0 100%)}

.divider-into-faq{height:170px;background:#f1edf7}.divider-into-faq:before{content:'';position:absolute;left:50%;bottom:-240px;width:780px;height:390px;transform:translateX(-50%);border-radius:50% 50% 0 0;background:repeating-conic-gradient(from 238deg at 50% 100%,#ff2daf 0 5deg,#7b49ec 5deg 11deg,#55e4dd 11deg 17deg,transparent 17deg 23deg)}.divider-into-faq i,.divider-into-faq span{left:-10%;width:120%;transform:none;border-radius:50% 50% 0 0/100% 100% 0 0}.divider-into-faq i:nth-child(1),.divider-into-faq i:nth-child(2),.divider-into-faq i:nth-child(3){display:none}.divider-into-faq span{bottom:-82px;height:155px;background:#12aebd}

.divider-into-contact{height:160px;background:#326add}.divider-into-contact i,.divider-into-contact span{left:-10%;width:120%;height:138px;border-radius:50%;transform:none}.divider-into-contact i:nth-child(1){bottom:13px;background:#50e3dc;transform:rotate(2deg) scaleX(1.1)}.divider-into-contact i:nth-child(2){bottom:-8px;background:#ae41e5;transform:rotate(-1.4deg) scaleX(1.05)}.divider-into-contact i:nth-child(3){bottom:-31px;background:#ff2daf;transform:rotate(.8deg)}.divider-into-contact span{bottom:-64px;height:122px;background:#120522;transform:rotate(-.5deg)}
@media(max-width:650px){.divider-into-work,.divider-into-craft,.divider-into-process,.divider-into-services,.divider-into-faq,.divider-into-contact{height:92px}.divider-into-process i,.divider-into-process span{width:80px;height:80px;box-shadow:80px 0 0 currentColor,160px 0 0 currentColor,240px 0 0 currentColor,320px 0 0 currentColor,400px 0 0 currentColor,480px 0 0 currentColor,560px 0 0 currentColor,640px 0 0 currentColor,720px 0 0 currentColor}.divider-into-faq:before{width:460px;height:230px;bottom:-145px}.divider-into-faq span{height:88px;bottom:-48px}}

/* Seamless overlaps: no divider owns a rectangular background */
.section-divider{height:190px!important;margin:-95px 0!important;background-color:transparent!important;overflow:hidden;pointer-events:none}.section-divider i,.section-divider span{box-shadow:none}

.divider-into-work i,.divider-into-work span{left:-8%;width:116%;height:155px;bottom:-63px;border-radius:50% 50% 0 0/78% 78% 0 0}.divider-into-work i:nth-child(1){bottom:-27px}.divider-into-work i:nth-child(2){bottom:-43px}.divider-into-work i:nth-child(3){bottom:-55px}.divider-into-work span{bottom:-70px}

.divider-into-craft i,.divider-into-craft span{left:0;width:100%;height:190px;bottom:0;border-radius:0;transform:none}.divider-into-craft i:nth-child(1){clip-path:polygon(0 36%,18% 26%,39% 43%,62% 21%,82% 38%,100% 25%,100% 100%,0 100%)}.divider-into-craft i:nth-child(2){clip-path:polygon(0 48%,20% 34%,42% 53%,64% 31%,84% 47%,100% 35%,100% 100%,0 100%)}.divider-into-craft i:nth-child(3){clip-path:polygon(0 58%,22% 45%,44% 64%,67% 41%,86% 57%,100% 46%,100% 100%,0 100%)}.divider-into-craft span{clip-path:polygon(0 68%,23% 55%,46% 73%,69% 51%,88% 66%,100% 56%,100% 100%,0 100%)}

.divider-into-process i,.divider-into-process span{box-shadow:none}.divider-into-process i:nth-child(1),.divider-into-process i:nth-child(2),.divider-into-process i:nth-child(3){left:0;width:100%;height:190px;bottom:0;border-radius:0;transform:none}.divider-into-process i:nth-child(1){background:radial-gradient(circle at 35px 98px,#5b42e1 0 35px,transparent 36px) 0 0/70px 70px repeat-x,linear-gradient(#5b42e1,#5b42e1) 0 132px/100% 58px no-repeat}.divider-into-process i:nth-child(2){background:radial-gradient(circle at 45px 105px,#ff38a8 0 34px,transparent 35px) 0 0/90px 72px repeat-x,linear-gradient(#ff38a8,#ff38a8) 0 139px/100% 51px no-repeat}.divider-into-process i:nth-child(3){background:radial-gradient(circle at 28px 111px,#f1b2de 0 30px,transparent 31px) 0 0/76px 68px repeat-x,linear-gradient(#f1b2de,#f1b2de) 0 141px/100% 49px no-repeat}.divider-into-process span{left:0;width:100%;height:190px;bottom:0;border-radius:0;transform:none;background:radial-gradient(circle at 42px 118px,var(--bone) 0 37px,transparent 38px) 0 0/84px 76px repeat-x,linear-gradient(var(--bone),var(--bone)) 0 153px/100% 37px no-repeat;color:transparent}

.divider-into-services i,.divider-into-services span{left:0;width:100%;height:190px;bottom:0;border-radius:0;transform:none}.divider-into-services i:nth-child(1){clip-path:polygon(0 34%,8% 34%,8% 21%,20% 21%,20% 43%,34% 43%,34% 18%,49% 18%,49% 37%,63% 37%,63% 24%,78% 24%,78% 44%,91% 44%,91% 29%,100% 29%,100% 100%,0 100%)}.divider-into-services i:nth-child(2){clip-path:polygon(0 48%,13% 48%,13% 35%,28% 35%,28% 55%,43% 55%,43% 31%,58% 31%,58% 50%,73% 50%,73% 37%,88% 37%,88% 53%,100% 53%,100% 100%,0 100%)}.divider-into-services i:nth-child(3){clip-path:polygon(0 61%,18% 61%,18% 49%,38% 49%,38% 67%,58% 67%,58% 52%,79% 52%,79% 64%,100% 64%,100% 100%,0 100%)}.divider-into-services span{clip-path:polygon(0 72%,25% 72%,25% 63%,50% 63%,50% 77%,75% 77%,75% 68%,100% 68%,100% 100%,0 100%)}

.divider-into-faq:before{z-index:2;left:50%;bottom:-210px;width:900px;height:420px}.divider-into-faq i{display:none!important}.divider-into-faq span{left:-8%;width:116%;height:180px;bottom:-83px;border-radius:50% 50% 0 0/100% 100% 0 0;transform:none;background:#12aebd}

.divider-into-contact i,.divider-into-contact span{left:-8%;width:116%;height:170px;border-radius:50% 50% 0 0/100% 100% 0 0}.divider-into-contact i:nth-child(1){bottom:-30px}.divider-into-contact i:nth-child(2){bottom:-49px}.divider-into-contact i:nth-child(3){bottom:-66px}.divider-into-contact span{bottom:-83px;background:#120522}

@media(max-width:650px){.section-divider{height:120px!important;margin:-60px 0!important}.divider-into-work i,.divider-into-work span,.divider-into-contact i,.divider-into-contact span{height:105px}.divider-into-craft i,.divider-into-craft span,.divider-into-process i,.divider-into-process span,.divider-into-services i,.divider-into-services span{height:120px}.divider-into-process i:nth-child(1){background:radial-gradient(circle at 25px 63px,#5b42e1 0 25px,transparent 26px) 0 0/50px 50px repeat-x,linear-gradient(#5b42e1,#5b42e1) 0 87px/100% 33px no-repeat}.divider-into-process i:nth-child(2){background:radial-gradient(circle at 30px 71px,#ff38a8 0 25px,transparent 26px) 0 0/60px 51px repeat-x,linear-gradient(#ff38a8,#ff38a8) 0 95px/100% 25px no-repeat}.divider-into-process i:nth-child(3){background:radial-gradient(circle at 25px 77px,#f1b2de 0 23px,transparent 24px) 0 0/55px 48px repeat-x,linear-gradient(#f1b2de,#f1b2de) 0 99px/100% 21px no-repeat}.divider-into-process span{background:radial-gradient(circle at 28px 84px,var(--bone) 0 27px,transparent 28px) 0 0/56px 55px repeat-x,linear-gradient(var(--bone),var(--bone)) 0 110px/100% 10px no-repeat}.divider-into-faq:before{width:520px;height:270px;bottom:-177px}.divider-into-faq span{height:116px;bottom:-58px}}

/* Integrated boundaries: artwork overlaps a zero-height join */
.section-divider{height:0!important;margin:0!important;overflow:visible!important;background-color:transparent!important;z-index:8}.section-divider i,.section-divider span{position:absolute!important;left:0!important;width:100%!important;height:150px!important;top:-75px!important;bottom:auto!important;border-radius:0!important;transform:none!important;box-shadow:none!important}

.divider-into-work i:nth-child(1){background:#ff2daf;clip-path:polygon(0 35%,12% 27%,26% 31%,40% 19%,56% 29%,70% 18%,85% 28%,100% 20%,100% 100%,0 100%)}.divider-into-work i:nth-child(2){background:#9348ef;clip-path:polygon(0 43%,14% 34%,28% 39%,43% 28%,58% 37%,73% 26%,87% 36%,100% 29%,100% 100%,0 100%)}.divider-into-work i:nth-child(3){background:#54e6ea;clip-path:polygon(0 51%,15% 42%,30% 47%,45% 36%,60% 45%,75% 34%,89% 44%,100% 37%,100% 100%,0 100%)}.divider-into-work span{background:#13051d;clip-path:polygon(0 60%,16% 51%,31% 56%,47% 45%,62% 54%,77% 43%,91% 53%,100% 46%,100% 100%,0 100%)}

.divider-into-craft i:nth-child(1){background:#ff2daf;clip-path:polygon(0 31%,20% 21%,39% 39%,61% 17%,80% 35%,100% 24%,100% 100%,0 100%)}.divider-into-craft i:nth-child(2){background:#8248ef;clip-path:polygon(0 41%,21% 31%,41% 49%,63% 27%,82% 45%,100% 34%,100% 100%,0 100%)}.divider-into-craft i:nth-child(3){background:#39d9e1;clip-path:polygon(0 51%,22% 41%,43% 59%,65% 37%,84% 55%,100% 44%,100% 100%,0 100%)}.divider-into-craft span{background:linear-gradient(to bottom,#21062d 0%,rgba(33,6,45,.92) 58%,rgba(33,6,45,0) 100%);clip-path:polygon(0 61%,23% 51%,45% 69%,67% 47%,86% 65%,100% 54%,100% 100%,0 100%)}

.divider-into-process i:nth-child(1),.divider-into-process i:nth-child(2),.divider-into-process i:nth-child(3){display:none}.divider-into-process span{background:radial-gradient(circle at 34px 55px,var(--bone) 0 33px,transparent 34px) 0 0/68px 66px repeat-x,linear-gradient(var(--bone),var(--bone)) 0 54px/100% 96px no-repeat;color:transparent}

.divider-into-services i:nth-child(1){background:#5d4ee8;clip-path:polygon(5% 39%,12% 39%,12% 25%,19% 25%,19% 52%,26% 52%,26% 33%,33% 33%,33% 46%,40% 46%,40% 100%,5% 100%)}.divider-into-services i:nth-child(2){background:#bc38df;clip-path:polygon(34% 48%,41% 48%,41% 28%,48% 28%,48% 58%,55% 58%,55% 38%,62% 38%,62% 100%,34% 100%)}.divider-into-services i:nth-child(3){background:#ff70c4;clip-path:polygon(57% 57%,64% 57%,64% 31%,71% 31%,71% 49%,78% 49%,78% 24%,85% 24%,85% 100%,57% 100%)}.divider-into-services span{background:linear-gradient(to bottom,rgba(251,243,255,0),#fbf3ff 68%);clip-path:polygon(0 48%,10% 56%,20% 50%,30% 58%,40% 52%,50% 60%,60% 53%,70% 59%,80% 51%,90% 57%,100% 49%,100% 100%,0 100%)}

.divider-into-faq:before{display:block;z-index:2;left:50%;top:-128px;bottom:auto;width:920px;height:250px;transform:translateX(-50%);border-radius:0;background:repeating-conic-gradient(from 250deg at 50% 100%,#ff2daf 0 5deg,#7b49ec 5deg 11deg,#55e4dd 11deg 17deg,transparent 17deg 23deg);mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 78%,transparent 100%)}.divider-into-faq i{display:none!important}.divider-into-faq span{background:#12aebd;clip-path:polygon(0 43%,8% 36%,16% 31%,24% 28%,32% 27%,40% 29%,48% 34%,56% 39%,64% 42%,72% 41%,80% 37%,88% 31%,95% 28%,100% 31%,100% 100%,0 100%)}

.divider-into-contact i:nth-child(1){background:#50e3dc;clip-path:ellipse(68% 59% at 52% 82%)}.divider-into-contact i:nth-child(2){background:#ae41e5;clip-path:ellipse(65% 54% at 48% 87%)}.divider-into-contact i:nth-child(3){background:#ff2daf;clip-path:ellipse(62% 49% at 53% 91%)}.divider-into-contact span{background:#120522;clip-path:ellipse(60% 44% at 49% 96%)}

@media(max-width:650px){.section-divider{height:0!important;margin:0!important}.section-divider i,.section-divider span{height:100px!important;top:-50px!important}.divider-into-process span{background:radial-gradient(circle at 24px 37px,var(--bone) 0 23px,transparent 24px) 0 0/48px 46px repeat-x,linear-gradient(var(--bone),var(--bone)) 0 36px/100% 64px no-repeat}.divider-into-faq:before{top:-82px;width:560px;height:165px}}

/* Sections now shape themselves; there are no visible separator bands */
.section-divider{display:none!important}.hero-copy{min-width:0;padding-right:2.5rem}.hero-copy>p{max-width:34rem}.manifesto{padding-top:6rem}
.work{position:relative;margin-top:-74px;padding-top:calc(10rem + 74px);clip-path:polygon(0 74px,9% 50px,19% 62px,31% 35px,43% 58px,56% 27px,69% 55px,82% 38px,92% 59px,100% 43px,100% 100%,0 100%)}
.craft{position:relative;margin-top:-92px;padding-top:calc(5vw + 92px);clip-path:polygon(0 71px,7% 58px,15% 39px,24% 25px,34% 18px,45% 22px,56% 38px,67% 55px,77% 63px,87% 54px,94% 36px,100% 20px,100% 100%,0 100%)}
.process{position:relative;margin-top:-68px;padding-top:calc(10rem + 68px);clip-path:polygon(0 46px,4% 27px,8% 46px,12% 27px,16% 46px,20% 27px,24% 46px,28% 27px,32% 46px,36% 27px,40% 46px,44% 27px,48% 46px,52% 27px,56% 46px,60% 27px,64% 46px,68% 27px,72% 46px,76% 27px,80% 46px,84% 27px,88% 46px,92% 27px,96% 46px,100% 27px,100% 100%,0 100%)}
.services{position:relative;margin-top:-66px;padding-top:calc(10rem + 66px);clip-path:polygon(0 40px,8% 40px,8% 20px,19% 20px,19% 53px,31% 53px,31% 28px,44% 28px,44% 48px,57% 48px,57% 18px,70% 18px,70% 45px,83% 45px,83% 25px,94% 25px,94% 51px,100% 51px,100% 100%,0 100%)}
.faq{position:relative;margin-top:-88px;padding-top:calc(8rem + 88px);clip-path:polygon(0 66px,7% 54px,14% 39px,22% 27px,31% 20px,40% 22px,49% 34px,58% 50px,67% 60px,76% 58px,84% 46px,92% 29px,100% 20px,100% 100%,0 100%)}
.contact{position:relative;margin-top:-86px;padding-top:calc(8rem + 86px);clip-path:polygon(0 65px,8% 51px,17% 35px,27% 22px,38% 14px,50% 11px,62% 15px,73% 25px,83% 39px,92% 54px,100% 66px,100% 100%,0 100%)}
@media(max-width:980px){.hero-copy{padding-right:0}.hero-copy>p{max-width:38rem}}
@media(max-width:650px){.manifesto{padding-top:4.5rem}.work{margin-top:-42px;padding-top:calc(7rem + 42px);clip-path:polygon(0 42px,18% 27px,36% 38px,56% 19px,76% 36px,100% 24px,100% 100%,0 100%)}.craft{margin-top:-52px;padding-top:calc(7vw + 52px);clip-path:polygon(0 44px,18% 24px,38% 13px,59% 21px,79% 42px,100% 17px,100% 100%,0 100%)}.process{margin-top:-38px;padding-top:calc(7rem + 38px);clip-path:polygon(0 31px,8% 15px,16% 31px,24% 15px,32% 31px,40% 15px,48% 31px,56% 15px,64% 31px,72% 15px,80% 31px,88% 15px,96% 31px,100% 21px,100% 100%,0 100%)}.services{margin-top:-38px;padding-top:calc(7rem + 38px);clip-path:polygon(0 27px,16% 27px,16% 12px,34% 12px,34% 33px,52% 33px,52% 17px,70% 17px,70% 31px,87% 31px,87% 15px,100% 15px,100% 100%,0 100%)}.faq{margin-top:-50px;padding-top:calc(6rem + 50px);clip-path:polygon(0 39px,18% 22px,38% 12px,58% 24px,78% 40px,100% 16px,100% 100%,0 100%)}.contact{margin-top:-48px;padding-top:calc(5rem + 48px);clip-path:polygon(0 38px,20% 21px,40% 10px,60% 10px,80% 22px,100% 39px,100% 100%,0 100%)}}

/* Final transition system: smooth SVG waves, no stepped or jagged geometry */
.work,.craft,.process,.services,.faq,.contact{margin-top:0;clip-path:none}.work{padding-top:10rem}.craft{padding-top:5vw}.process{padding-top:10rem}.services{padding-top:10rem}.faq{padding-top:8rem}.contact{padding-top:8rem}.section-divider{display:block!important;position:relative!important;width:100%!important;height:180px!important;margin:-90px 0!important;overflow:visible!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;z-index:8}.section-divider>*{display:none!important}.divider-into-work{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%23ff2daf' d='M0 56C180 20 330 88 520 50S840 8 1035 48s270 42 405 8v124H0Z'/%3E%3Cpath fill='%239148ed' d='M0 75c170-28 335 31 525 2s330-54 515-12 276 36 400 7v108H0Z'/%3E%3Cpath fill='%2354dfe5' d='M0 91c188-20 350 25 535 5s321-38 500-5 270 28 405 5v84H0Z'/%3E%3Cpath fill='%2313051d' d='M0 108c190-17 352 22 540 8s318-30 496-4 273 22 404 4v64H0Z'/%3E%3C/svg%3E")}.divider-into-craft{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%23ff2daf' d='M0 42c230 82 390-40 622 22s405 43 818-18v134H0Z'/%3E%3Cpath fill='%237549e8' d='M0 63c215 71 398-30 630 19s420 34 810-15v113H0Z'/%3E%3Cpath fill='%2345d9de' d='M0 82c224 55 410-23 640 15s430 24 800-10v93H0Z'/%3E%3Cpath fill='%2321062d' d='M0 101c240 39 420-16 650 10s438 15 790-5v74H0Z'/%3E%3C/svg%3E")}.divider-into-process{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%23593ee0' d='M0 59c120-38 226 42 350 1s225 38 350 0 229 40 365 0 247 22 375-8v128H0Z'/%3E%3Cpath fill='%23ef3aa8' d='M0 78c125-32 229 35 354 3s226 32 350 1 232 34 366 2 245 18 370-5v101H0Z'/%3E%3Cpath fill='%23d7b5dd' d='M0 96c130-25 232 28 358 4s227 25 351 2 233 28 367 3 242 15 364-2v77H0Z'/%3E%3Cpath fill='%23f1efe8' d='M0 113c135-19 235 22 362 4s228 19 351 2 235 22 368 3 239 12 359-1v59H0Z'/%3E%3C/svg%3E")}.divider-into-services{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%235d4ee8' d='M0 47c235 54 400-32 620 16s400 55 820-12v129H0Z'/%3E%3Cpath fill='%23b63bdc' d='M0 67c230 44 408-25 628 14s410 44 812-8v107H0Z'/%3E%3Cpath fill='%23ff70c4' d='M0 87c235 33 416-18 636 11s418 33 804-5v87H0Z'/%3E%3Cpath fill='%23fbf3ff' d='M0 106c240 24 424-11 644 8s426 22 796-2v68H0Z'/%3E%3C/svg%3E")}.divider-into-faq{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%23ff2daf' d='M0 55c172-42 328 23 510 5s300-65 488-21 280 62 442 8v133H0Z'/%3E%3Cpath fill='%237b49ec' d='M0 74c176-34 334 20 516 7s306-52 494-15 282 49 430 5v109H0Z'/%3E%3Cpath fill='%2355e4dd' d='M0 92c180-27 340 18 522 9s312-39 500-9 284 37 418 3v85H0Z'/%3E%3Cpath fill='%2312aebd' d='M0 110c184-20 346 16 528 11s318-27 506-4 286 25 406 2v61H0Z'/%3E%3C/svg%3E")}.divider-into-contact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='%2350e3dc' d='M0 48c220 72 418-28 652 18s430 50 788-14v128H0Z'/%3E%3Cpath fill='%23ae41e5' d='M0 68c218 59 424-21 658 15s436 39 782-9v106H0Z'/%3E%3Cpath fill='%23ff2daf' d='M0 88c220 45 430-15 664 11s442 28 776-5v86H0Z'/%3E%3Cpath fill='%23120522' d='M0 108c224 31 436-9 670 8s448 17 770-2v66H0Z'/%3E%3C/svg%3E")}.hero-wave{left:-10%;right:auto;width:120%;height:86px;bottom:-43px;background:var(--bone);clip-path:none;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-1deg)}
@media(max-width:650px){.work{padding-top:7rem}.craft{padding-top:7vw}.process{padding-top:7rem}.services{padding-top:7rem}.faq{padding-top:6rem}.contact{padding-top:5rem}.section-divider{height:110px!important;margin:-55px 0!important}.hero-wave{height:58px;bottom:-30px}}

/* Keep the wave canvases clean: legacy divider art must not show through them. */
.section-divider::before,.section-divider::after{display:none!important}
.faq details.slide-left.visible,.faq details.slide-right.visible{transform:none}

/* Every divider carries the section above beneath its lowest wave. */
.divider-into-work{background-color:#f1efe8!important}
.divider-into-craft{background-color:#0b0c10!important}
.divider-into-process{background-color:#21062d!important}
.divider-into-services{background-color:#f1efe8!important}
.divider-into-faq{background-color:#f1edf7!important}
.divider-into-contact{background-color:#3d55d7!important}

/* Fade image and gradient sections into their divider colors before the handoff. */
.work{background:linear-gradient(to bottom,#13051d 0,var(--black) 190px)}
.craft-overlay{background:linear-gradient(to bottom,#21062d 0,rgba(33,6,45,.88) 70px,transparent 190px,transparent 62%,#21062d 100%),linear-gradient(90deg,rgba(4,10,20,.93),rgba(4,10,20,.2)),linear-gradient(0deg,rgba(4,10,20,.5),transparent)}
.process{background:var(--bone)}
.services{background:linear-gradient(to bottom,#fbf3ff 0,rgba(251,243,255,.92) 80px,transparent 210px),radial-gradient(circle at 50% 20%,#fff 0,#fbf3ff 48%,#f1edf7 100%)}
.faq{padding-top:6rem;background:linear-gradient(to bottom,transparent 0,transparent calc(100% - 240px),#3d55d7 100%),linear-gradient(to bottom,#12aebd 0,rgba(18,174,189,.78) 80px,transparent 210px),linear-gradient(145deg,#13b9c4 0%,#247fcf 52%,#5346dd 100%)}
@media(max-width:650px){.faq{padding-top:4.5rem}}

/* Curved section handoffs: artwork crosses each boundary without rectangular bands. */
.section-divider{background-color:transparent!important}
.divider-into-faq{background-image:url("assets/faq-wave-transition.svg?v=2")}
.faq{overflow:visible}
.faq-burst{z-index:9;mask-image:linear-gradient(to bottom,transparent 0,#000 180px),radial-gradient(circle,#000 0 70%,transparent 71%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 180px),radial-gradient(circle,#000 0 70%,transparent 71%);-webkit-mask-composite:source-in}
.faq-head,.faq-list,.faq-mark{z-index:10}

/* The footer begins inside the contact section so its layered waves own the full handoff. */
.site-footer{margin-top:-90px;padding-top:calc(11rem + 90px);background:#120522}
.site-footer::after{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 14% 42%,#42115f 0,transparent 28%),radial-gradient(circle at 88% 18%,rgba(109,52,218,.36) 0,transparent 30%),linear-gradient(to bottom,#120522 0,#190622 26%,#09020f 72%)}
.site-footer::before{top:0;mask-image:linear-gradient(to bottom,transparent 0,#000 190px),linear-gradient(90deg,#000,transparent 45%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 190px),linear-gradient(90deg,#000,transparent 45%);-webkit-mask-composite:source-in}
.footer-wave{height:180px;top:0;background:transparent url("assets/footer-wave-transition.svg?v=2") center/100% 100% no-repeat;clip-path:none}

@media(max-width:650px){.site-footer{margin-top:-55px;padding-top:calc(8rem + 55px)}.site-footer::before{mask-image:linear-gradient(to bottom,transparent 0,#000 120px),linear-gradient(90deg,#000,transparent 60%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 120px),linear-gradient(90deg,#000,transparent 60%);-webkit-mask-composite:source-in}.footer-wave{height:110px}}

/* Seamless handoffs: the destination artwork is revealed gradually beneath each wave. */
.divider-into-work{background-image:url("assets/work-wave-transition.svg?v=9")}
.divider-into-craft{background-image:url("assets/craft-wave-transition.svg?v=6")}
.divider-into-process{background-image:url("assets/process-wave-transition.svg?v=6")}
.divider-into-services{background-image:url("assets/services-wave-transition.svg?v=6")}
.divider-into-faq{background-image:url("assets/faq-wave-transition.svg?v=3")}
.divider-into-contact{background-image:url("assets/contact-wave-transition.svg?v=6")}
.footer-wave{background-image:url("assets/footer-wave-transition.svg?v=3")}
.site-footer::after{mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 72px,#000 180px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 72px,#000 180px)}
@media(max-width:650px){.site-footer::after{mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 44px,#000 118px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 44px,#000 118px)}}

/* Edge-anchored capability cards with free-floating neon symbols. */
.services{background:radial-gradient(circle at 13% 34%,rgba(61,213,225,.2),transparent 34%),radial-gradient(circle at 86% 70%,rgba(236,45,184,.2),transparent 36%),linear-gradient(180deg,#fff 0%,#f9f0ff 48%,#edf7ff 100%)}
.service-cards{width:100%;max-width:1440px;gap:6.5rem;padding:2rem 0 4rem;overflow:visible}
.service-card{--card-glow:rgba(165,55,255,.58);isolation:isolate;width:66.666%;min-height:390px;display:flex;align-content:initial;padding:3.4rem 4rem;overflow:visible;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 28px var(--card-glow),0 24px 75px rgba(69,14,117,.28),inset 0 1px 0 rgba(255,255,255,.36),inset 0 0 34px rgba(255,255,255,.07)}
.service-card:nth-child(1){--card-glow:rgba(216,45,232,.58);align-self:flex-start}
.service-card:nth-child(2){--card-glow:rgba(255,48,166,.58);align-self:flex-end}
.service-card:nth-child(3){--card-glow:rgba(49,211,244,.62);align-self:flex-start}
.service-card::before{content:'';position:absolute;inset:1px;width:auto;height:auto;border:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 34%,transparent 68%,rgba(255,255,255,.08));box-shadow:none;pointer-events:none;z-index:1}
.service-card::after{content:'';position:absolute;z-index:-1;inset:-10px;border-radius:46px;background:linear-gradient(110deg,var(--card-glow),transparent 32%,transparent 68%,var(--card-glow));filter:blur(22px);opacity:.72;pointer-events:none}
.service-card>*{position:relative;z-index:2}
.service-card .service-art,.service-card:nth-child(2) .service-art{position:absolute;z-index:4;top:50%;width:clamp(190px,16vw,250px);height:auto;min-height:0;aspect-ratio:1;margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;transform:translateY(-50%);grid-column:auto;grid-row:auto;overflow:visible}
.service-card:nth-child(odd) .service-art{left:calc(100% + 6rem);right:auto}
.service-card:nth-child(2) .service-art{right:calc(100% + 6rem);left:auto}
.service-art svg{width:82%;height:82%;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 2px rgba(69,10,102,.95)) drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 20px var(--card-glow)) drop-shadow(0 0 42px var(--card-glow))}
.service-card>:not(.service-art),.service-card:nth-child(2)>:not(.service-art){grid-column:auto}
.service-card>span{margin-top:0}
.service-card h3{max-width:100%;font-size:clamp(3.2rem,5.4vw,5.8rem);margin:.65rem 0 1rem}
.service-card p{max-width:650px;font-size:1.08rem}
.service-card ul{margin-top:2rem}
.service-card:hover{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 38px var(--card-glow),0 0 95px color-mix(in srgb,var(--card-glow) 55%,transparent),0 30px 85px rgba(69,14,117,.34),inset 0 1px 0 rgba(255,255,255,.42),inset 0 0 38px rgba(255,255,255,.09)}
@keyframes iconDrift{0%,100%{transform:translate3d(-5px,10px,0) rotate(-4deg)}50%{transform:translate3d(7px,-18px,0) rotate(4deg)}}
@media(max-width:1100px) and (min-width:981px){.service-card{width:70%;padding:3rem}.service-card .service-art,.service-card:nth-child(2) .service-art{width:180px}.service-card:nth-child(odd) .service-art{left:calc(100% + 3rem)}.service-card:nth-child(2) .service-art{right:calc(100% + 3rem)}}
@media(max-width:980px){.service-cards{gap:4rem;padding-inline:0}.service-card{width:100%;min-height:420px;padding:2.4rem 2.5rem 2.5rem}.service-card:nth-child(n) .service-art{top:2rem;right:2rem;left:auto;width:132px;transform:none}.service-card h3{max-width:calc(100% - 145px);font-size:clamp(3rem,8vw,4.8rem)}.service-card p{max-width:100%}.service-card>span{padding-right:145px}}
@media(max-width:980px) and (min-width:651px){.service-card{min-height:480px}.service-card p{margin-top:3.2rem}}
@media(max-width:650px){.service-cards{gap:3rem}.service-card{min-height:480px;padding:2rem 1.6rem;border-radius:28px}.service-card::after{border-radius:34px}.service-card .service-art,.service-card:nth-child(2) .service-art{top:1.6rem;right:1.6rem;width:104px}.service-card h3{max-width:100%;font-size:clamp(2.7rem,13vw,3.25rem);margin-top:6.25rem}.service-card>span{align-self:flex-start;padding-right:105px;white-space:nowrap}.service-card p{font-size:1rem}.service-card ul{margin-top:1.4rem}}

/* Neon process sequence. */
.process{position:relative;overflow:hidden;background:radial-gradient(circle at 9% 28%,rgba(87,74,255,.13),transparent 28%),radial-gradient(circle at 90% 72%,rgba(255,45,175,.13),transparent 32%),linear-gradient(180deg,#f4f1e9 0%,#f7f3ee 48%,#f1eff7 100%)}
.process::before{content:'';position:absolute;z-index:0;width:46vw;height:46vw;min-width:520px;min-height:520px;left:27%;top:28%;border-radius:50%;background:conic-gradient(from 0deg,rgba(83,232,237,0),rgba(83,232,237,.18),rgba(150,60,247,.19),rgba(255,47,175,.18),rgba(83,232,237,0));filter:blur(70px);animation:processAura 16s linear infinite;pointer-events:none}
.process .section-head,.process ol{position:relative;z-index:1}
.process .section-head{margin-bottom:5.5rem}
.process ol{display:flex;flex-direction:column;gap:1.3rem;border:0}
.process ol::before{content:'';position:absolute;top:3%;bottom:3%;left:50%;width:2px;background:linear-gradient(180deg,transparent,#55e7ef 14%,#8b51ff 48%,#ff35ad 78%,transparent);box-shadow:0 0 12px #7d55ff,0 0 30px rgba(255,48,177,.7);opacity:.78;animation:processPulse 3.4s ease-in-out infinite;pointer-events:none}
.process li{--step-neon:#55e7ef;position:relative;isolation:isolate;width:92%;min-height:168px;display:grid;grid-template-columns:74px minmax(210px,.82fr) minmax(300px,1.3fr) auto;gap:1.8rem;align-items:center;padding:2rem 2.4rem;border:1px solid color-mix(in srgb,var(--step-neon) 66%,white);border-radius:28px;background:linear-gradient(112deg,rgba(11,7,28,.98),rgba(30,11,54,.96) 58%,rgba(48,15,70,.94));box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 22px color-mix(in srgb,var(--step-neon) 38%,transparent),0 24px 55px rgba(33,5,51,.22),inset 0 1px 0 rgba(255,255,255,.14);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.process li:nth-child(2){--step-neon:#9a55ff;align-self:flex-end}
.process li:nth-child(3){--step-neon:#ff3bad}
.process li:nth-child(4){--step-neon:#49e5d7;align-self:flex-end}
.process li::before{content:'';position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-42%;width:30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--step-neon) 42%,white),transparent);filter:blur(17px);transform:skewX(-18deg);animation:processScan 5.8s ease-in-out infinite;pointer-events:none}
.process li:nth-child(2)::before{animation-delay:-1.45s}.process li:nth-child(3)::before{animation-delay:-2.9s}.process li:nth-child(4)::before{animation-delay:-4.35s}
.process li::after{content:'';position:absolute;z-index:-1;width:260px;height:260px;right:-115px;top:50%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--step-neon) 30%,transparent),transparent 67%);filter:blur(5px);transform:translateY(-50%);pointer-events:none}
.process li>span{width:56px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--step-neon);border-radius:50%;color:#fff;font-size:.76rem;background:rgba(255,255,255,.04);box-shadow:0 0 12px var(--step-neon),inset 0 0 15px color-mix(in srgb,var(--step-neon) 34%,transparent);text-shadow:0 0 10px #fff}
.process li h3{color:#fff;font-size:clamp(2rem,3vw,3.2rem);line-height:.95;text-shadow:0 0 22px color-mix(in srgb,var(--step-neon) 42%,transparent)}
.process li p{color:rgba(255,255,255,.75);font-size:1rem;line-height:1.55}
.process li i{justify-self:end;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--step-neon) 55%,transparent);border-radius:99px;color:#fff;background:color-mix(in srgb,var(--step-neon) 12%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--step-neon) 30%,transparent);white-space:nowrap}
.process li:hover{transform:translateY(-7px) scale(1.008);border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 32px var(--step-neon),0 30px 65px rgba(33,5,51,.28),inset 0 1px 0 rgba(255,255,255,.2)}
@keyframes processScan{0%,12%{left:-42%;opacity:0}24%{opacity:.8}54%,100%{left:118%;opacity:0}}
@keyframes processPulse{0%,100%{opacity:.5;filter:saturate(.9)}50%{opacity:1;filter:saturate(1.35)}}
@keyframes processAura{to{transform:rotate(360deg)}}
@media(max-width:980px){.process li{width:96%;grid-template-columns:64px minmax(180px,.8fr) 1.2fr;padding:1.8rem}.process li i{grid-column:3;justify-self:start}.process ol::before{left:50%}}
@media(max-width:650px){.process .section-head{margin-bottom:3.5rem}.process ol{gap:1rem}.process ol::before{left:27px}.process li,.process li:nth-child(even){width:100%;min-height:0;align-self:stretch;grid-template-columns:54px 1fr;gap:.75rem 1rem;padding:1.35rem;border-radius:22px}.process li>span{width:48px;grid-row:1/3}.process li h3{font-size:2rem}.process li p{grid-column:2;font-size:.95rem}.process li i{display:block;grid-column:2;justify-self:start;margin-top:.35rem;font-size:.58rem}.process::before{left:-50%;top:36%}}
@media(prefers-reduced-motion:reduce){.process::before,.process ol::before,.process li::before{animation:none}.process li:hover{transform:none}}

/* Keep the question mark locked to the sunburst's true center. */
.faq-mark{right:55px;top:235px;animation:questionFloat 5s ease-in-out infinite}
@keyframes questionFloat{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,77,187,0))}50%{transform:scale(1.045);filter:drop-shadow(0 0 24px rgba(255,77,187,.72))}}
@media(max-width:650px){.faq-mark{right:95px;top:275px}}

/* Spinning Lindesign signature in the contact panel. */
.contact-logo-spin{position:absolute;z-index:3;left:4vw;top:50%;width:180px;aspect-ratio:1;color:#62f4ee;transform:translateY(-50%);filter:drop-shadow(0 0 10px rgba(98,244,238,.9)) drop-shadow(0 0 30px rgba(255,55,184,.55))}
.contact-logo-spin::before,.contact-logo-spin::after{content:'';position:absolute;inset:9px;border:1px solid rgba(98,244,238,.55);border-radius:50%;box-shadow:0 0 20px rgba(98,244,238,.42),inset 0 0 18px rgba(255,55,184,.2)}
.contact-logo-spin::after{inset:24px;border-color:rgba(255,83,194,.5);box-shadow:0 0 18px rgba(255,55,184,.38)}
.contact-logo-spin svg{position:relative;z-index:2;width:100%;height:100%;fill:currentColor;animation:contactLogoSpin 15s linear infinite}
.contact-logo-spin text{font:500 8px var(--mono);letter-spacing:1.7px}.contact-logo-spin text:last-of-type{font:700 24px var(--display);text-anchor:middle;letter-spacing:-2px;fill:#fff;filter:drop-shadow(0 0 7px #ff37b8)}
.contact-card.reveal.visible .contact-logo-spin{animation:contactLogoEntrance 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes contactLogoSpin{to{transform:rotate(360deg)}}
@keyframes contactLogoEntrance{from{opacity:0;transform:translate(-55px,-50%) scale(.78)}to{opacity:1;transform:translate(0,-50%) scale(1)}}
@media(max-width:980px){.contact-logo-spin{left:-48px;width:155px;opacity:.55}}
@media(max-width:650px){.contact-logo-spin{display:none}}
@media(prefers-reduced-motion:reduce){.contact-logo-spin svg,.contact-card.reveal.visible .contact-logo-spin{animation:none}}

/* The former standalone contact copy now lives in the footer's single closing CTA. */
.footer-cta .contact-logo-spin{left:2.25rem;width:138px}
.footer-cta .footer-promise{max-width:610px;margin:1.35rem 0 0;color:#c9b9d0;font:400 1rem/1.6 var(--display);letter-spacing:normal;text-transform:none}
@media(max-width:1050px){.footer-cta .contact-logo-spin{display:none}}

/* Immersive manifesto: kinetic type, neon depth, and a pointer-following light field. */
.manifesto{--scroll-p:0;--mx:72%;--my:34%;isolation:isolate;position:relative;min-height:880px;overflow:hidden;padding:10rem 6vw 9rem;color:white;background:radial-gradient(circle at var(--mx) var(--my),hsla(calc(188 + var(--scroll-p)*110) 92% 63%/.24),transparent 24%),radial-gradient(circle at calc(18% + var(--scroll-p)*18%) 84%,rgba(255,45,175,.26),transparent 30%),linear-gradient(135deg,hsl(calc(258 + var(--scroll-p)*34) 62% 13%),#09020f 65%);transition:background-color .18s linear}
.manifesto:before{content:'';position:absolute;z-index:-1;inset:-25%;background:repeating-conic-gradient(from calc(var(--scroll-p)*70deg) at 70% 48%,rgba(98,244,238,.08) 0 5deg,transparent 5deg 13deg);mask-image:radial-gradient(circle at 70% 48%,#000 0 34%,transparent 62%);animation:manifestoTurn 28s linear infinite}
.manifesto:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(135deg,transparent 12%,#000 55%,transparent 93%);opacity:.55}
.manifesto .section-label{position:relative;z-index:4;color:#63f3ed;text-shadow:0 0 18px rgba(99,243,237,.72)}
.manifesto-copy{position:relative;z-index:4}
.manifesto-copy>p{color:#d3c6dc}
.manifesto h2{max-width:1180px;font-size:clamp(4rem,7.5vw,8.7rem);line-height:.84;text-shadow:0 18px 55px rgba(0,0,0,.32)}
.manifesto h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}
.manifesto h2 em{display:inline-block;color:#ff3ab8;text-shadow:0 0 18px rgba(255,58,184,.58),0 0 55px rgba(255,58,184,.3);animation:manifestoPulse 4.5s ease-in-out infinite}
.manifesto-side{position:relative;z-index:4}
.manifesto-side p{color:#c7b8ce}
.manifesto-side a{padding:.9rem 1.1rem;border:1px solid rgba(98,244,238,.72);border-radius:999px;color:white;box-shadow:0 0 0 rgba(98,244,238,0);transition:.3s}
.manifesto-side a:hover{color:#09020f;background:#62f4ee;box-shadow:0 0 34px rgba(98,244,238,.48)}
.manifesto-glow{position:absolute;z-index:1;left:var(--mx);top:var(--my);width:420px;height:420px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(98,244,238,.16),transparent 66%);filter:blur(12px);pointer-events:none;transition:left .12s linear,top .12s linear}
.manifesto-orbit{position:absolute;z-index:2;right:7vw;top:20%;width:250px;aspect-ratio:1;border:1px solid rgba(98,244,238,.5);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 45px rgba(98,244,238,.18),inset 0 0 40px rgba(255,55,184,.1);transform:translateY(calc(var(--scroll-p)*80px)) rotate(calc(var(--scroll-p)*90deg))}
.manifesto-orbit:before,.manifesto-orbit:after{content:'';position:absolute;background:linear-gradient(90deg,transparent,#62f4ee,transparent);box-shadow:0 0 14px rgba(98,244,238,.8)}
.manifesto-orbit:before{width:330px;height:1px}.manifesto-orbit:after{width:1px;height:330px}
.manifesto-orbit i{position:absolute;border-radius:50%;border:1px solid rgba(255,69,188,.48);inset:25px;animation:manifestoTurn 11s linear infinite}
.manifesto-orbit i:nth-child(2){inset:55px;border-style:dashed;animation-direction:reverse;animation-duration:8s}
.manifesto-orbit i:first-child:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;right:14px;top:20px;background:#ff45bc;box-shadow:0 0 9px #ff45bc,0 0 28px #ff45bc}
.manifesto-orbit span{font:600 1rem var(--mono);letter-spacing:.17em;color:white;text-shadow:0 0 13px #ff45bc}
.manifesto-rail{position:absolute;z-index:2;white-space:nowrap;color:rgba(255,255,255,.09);font-size:clamp(2.8rem,5vw,6rem);letter-spacing:.06em;pointer-events:none}
.rail-one{left:-7%;bottom:21%;transform:translateX(calc(var(--scroll-p)*16%)) rotate(-5deg)}
.rail-two{right:-10%;bottom:7%;transform:translateX(calc(var(--scroll-p)*-14%)) rotate(4deg);color:rgba(255,55,184,.12)}
@keyframes manifestoTurn{to{transform:rotate(360deg)}}
@keyframes manifestoPulse{50%{transform:translateY(-7px);filter:brightness(1.2)}}

/* Scroll-linked color scenes across the following sections. */
.process,.services,.faq{--scroll-p:0;transition:background .18s linear}
.process{background:radial-gradient(circle at calc(8% + var(--scroll-p)*22%) 28%,hsla(calc(245 + var(--scroll-p)*45) 88% 64%/.18),transparent 30%),radial-gradient(circle at 90% calc(78% - var(--scroll-p)*24%),rgba(255,45,175,.18),transparent 33%),linear-gradient(180deg,hsl(calc(42 + var(--scroll-p)*165) 28% 96%),hsl(calc(265 + var(--scroll-p)*22) 38% 96%))}
.services{background:radial-gradient(circle at calc(13% + var(--scroll-p)*18%) 34%,rgba(61,213,225,.28),transparent 34%),radial-gradient(circle at calc(86% - var(--scroll-p)*15%) 70%,rgba(236,45,184,.27),transparent 36%),linear-gradient(180deg,hsl(calc(300 - var(--scroll-p)*95) 100% 99%),hsl(calc(275 + var(--scroll-p)*65) 66% 96%))}
.faq{background:linear-gradient(to bottom,transparent 0,transparent calc(100% - 240px),#3d55d7 100%),radial-gradient(circle at calc(12% + var(--scroll-p)*50%) 24%,hsla(calc(180 + var(--scroll-p)*95) 88% 64%/.34),transparent 35%),linear-gradient(145deg,hsl(calc(184 + var(--scroll-p)*45) 81% 42%),hsl(calc(225 + var(--scroll-p)*32) 68% 50%))}
@media(max-width:980px){.manifesto{min-height:780px}.manifesto-orbit{right:-75px;top:11%;opacity:.58}}
@media(max-width:650px){.manifesto{min-height:720px;padding-top:7rem}.manifesto h2{font-size:3.8rem}.manifesto-orbit{width:170px;right:-82px;top:12%}.manifesto-orbit:before{width:220px}.manifesto-orbit:after{height:220px}.manifesto-rail{font-size:2.4rem}.manifesto-side{margin-top:3rem}.manifesto-side a{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.manifesto:before,.manifesto h2 em,.manifesto-orbit i{animation:none}}

/* Refined manifesto: one calm color shift, without the crosshair or extra rails. */
.manifesto{min-height:720px;padding:9rem 6vw 8rem;background:radial-gradient(circle at var(--mx) var(--my),hsla(calc(190 + var(--scroll-p)*70) 90% 62%/.15),transparent 30%),linear-gradient(140deg,hsl(calc(258 + var(--scroll-p)*22) 58% 15%),#0b0614 72%)}
.manifesto:before,.manifesto:after,.manifesto-orbit,.manifesto-rail{display:none}
.manifesto h2{font-size:clamp(3.8rem,7vw,8rem);line-height:.88}
.manifesto h2 span{color:#fff;-webkit-text-stroke:0}
.manifesto h2 em{animation:manifestoPulse 6s ease-in-out infinite}
.manifesto-glow{width:540px;height:540px;opacity:.62}
@media(max-width:980px){.manifesto{min-height:680px}}
@media(max-width:650px){.manifesto{min-height:620px;padding:6.5rem 5vw}.manifesto h2{font-size:3.55rem}}

/* Consolidated craft statement inside the manifesto. */
.manifesto-craft{position:relative;z-index:4;grid-column:1/-1;margin-top:5rem;padding:1.6rem 0;border-top:1px solid rgba(98,244,238,.28);border-bottom:1px solid rgba(255,55,184,.25);display:flex;align-items:center;justify-content:space-between;gap:3rem}
.manifesto-craft blockquote{max-width:800px;margin:0;font-size:clamp(1.45rem,2.7vw,3rem);line-height:1.08;letter-spacing:-.045em}
.manifesto-craft blockquote em{font-family:Georgia,serif;font-weight:400;color:#ff62c8}
.manifesto-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.manifesto-tags span{padding:.45rem .65rem;border:1px solid rgba(98,244,238,.4);border-radius:999px;color:#a9f9f5;font-size:.6rem;letter-spacing:.1em}

/* Make every concept unmistakably read as a website inside a browser window. */
.work .section-head{align-items:start}.work .section-head>p:last-child{line-height:1.7}
.project{position:relative;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 32px 90px rgba(0,0,0,.34)}
.project-chrome{position:relative;height:54px;padding:0 1rem;border:0;border-radius:17px 17px 0 0;background:linear-gradient(180deg,#292032,#17131d);display:flex;align-items:center;color:#93899d}
.project-chrome:before{content:'';width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:18px 0 #febc2e,36px 0 #28c840}
.project-chrome:after{content:'lindesign.site / concept';position:absolute;left:50%;top:50%;width:min(410px,48%);transform:translate(-50%,-50%);padding:.48rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0f0c13;color:#a89eae;text-align:center;font:400 .61rem var(--mono);letter-spacing:.05em}
.project:nth-child(1) .project-chrome:after{content:'morrowcoffee.com'}
.project:nth-child(2) .project-chrome:after{content:'fieldform.studio'}
.project:nth-child(3) .project-chrome:after{content:'unfold.systems'}
.project-chrome>span:first-child{margin-left:auto}.project-chrome>span:last-child{display:none}
.project-screen{border-radius:0 0 17px 17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.project footer{margin:0 .4rem;padding:1.4rem .2rem .7rem;border-bottom:0}
.project footer>span:before{content:'WEBSITE ';color:#7f7488}
.projects{gap:6rem}

/* Process and capabilities now read as one continuous chapter. */
.process{padding-bottom:4rem;background:radial-gradient(circle at calc(8% + var(--scroll-p)*22%) 28%,hsla(calc(245 + var(--scroll-p)*45) 88% 64%/.16),transparent 30%),linear-gradient(180deg,#f4f1e9,#f1eff7)}
.services{margin-top:0;padding-top:4rem;background:radial-gradient(circle at calc(13% + var(--scroll-p)*18%) 34%,rgba(61,213,225,.2),transparent 34%),radial-gradient(circle at calc(86% - var(--scroll-p)*15%) 70%,rgba(236,45,184,.2),transparent 36%),linear-gradient(180deg,#f1eff7,#edf7ff)}
@media(max-width:650px){.manifesto-craft{margin-top:3rem;display:block}.manifesto-tags{justify-content:flex-start;margin-top:1.4rem}.project{padding:8px;border-radius:20px}.project-chrome{height:46px}.project-chrome:after{width:48%;font-size:.52rem}.project-chrome>span:first-child{display:none}.projects{gap:4rem}.services{padding-top:2rem}}

/* Merge the closing CTA into the FAQ chapter and remove the moving backdrop. */
.divider-into-contact{display:none!important}
.faq{padding-bottom:5rem}
.site-footer{margin-top:0;padding-top:3rem;background:linear-gradient(180deg,#3d55d7 0,#3d55d7 340px,#190622 540px,#09020f 100%)}
.site-footer:before,.site-footer:after,.footer-aurora,.footer-wave,.footer-marquee{display:none!important}
.footer-cta{margin-top:0;margin-bottom:4rem;background:linear-gradient(115deg,rgba(66,23,116,.72),rgba(27,12,62,.78));box-shadow:none;backdrop-filter:none}
@media(max-width:650px){.faq{padding-bottom:3rem}.site-footer{padding-top:2rem;background:linear-gradient(180deg,#3d55d7 0,#3d55d7 300px,#190622 470px,#09020f 100%)}}

/* The website-concepts chapter changes color as its projects scroll past. */
.work{--scroll-p:0;background:radial-gradient(circle at calc(14% + var(--scroll-p)*58%) calc(18% + var(--scroll-p)*55%),hsla(calc(188 + var(--scroll-p)*110) 92% 62%/.17),transparent 31%),radial-gradient(circle at calc(88% - var(--scroll-p)*52%) 76%,rgba(255,45,175,.2),transparent 34%),linear-gradient(155deg,hsl(calc(272 + var(--scroll-p)*38) 68% 11%),hsl(calc(232 + var(--scroll-p)*34) 58% 8%) 58%,#0b0710)}

/* Scrollable bespoke-work portfolio. */
.work{overflow:hidden}
.projects{display:flex;gap:3vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 2.5vw 2rem;margin:0 -2.5vw;overscroll-behavior-x:contain;scrollbar-width:none}
.projects::-webkit-scrollbar{display:none}
.project,.project:nth-child(n){flex:0 0 min(980px,70vw);width:auto;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.project-screen{min-height:0;aspect-ratio:16/10;background:#0b0c10}
.project-site-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.project:nth-child(1) .project-chrome:after{content:'northline.build'}
.project:nth-child(2) .project-chrome:after{content:'embertable.com'}
.project:nth-child(3) .project-chrome:after{content:'stilllight.studio'}
.project-nav{max-width:1320px;margin:-4.5rem auto 2rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}
.project-nav span{margin-right:.5rem;color:#958a9d;font:400 .62rem var(--mono);letter-spacing:.12em}
.project-nav button{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.06);color:white;font-size:1.35rem;cursor:pointer;transition:.25s}
.project-nav button:hover{background:#ff37b8;border-color:#ff37b8;box-shadow:0 0 28px rgba(255,55,184,.42)}
@media(max-width:650px){.project,.project:nth-child(n){flex-basis:91vw}.project-screen{aspect-ratio:4/3}.project-site-image{object-position:center top}.project-nav{margin:-2rem 0 1.5rem}.project-nav span{margin-right:auto}.project-nav button{width:42px;height:42px}}

/* Portfolio v2: edge-to-edge website screens, six views, and a brighter scroll-shifting chapter. */
.work{position:relative;background:
  radial-gradient(circle at calc(10% + var(--scroll-p)*66%) calc(12% + var(--scroll-p)*54%),hsla(calc(186 + var(--scroll-p)*96) 94% 61%/.3),transparent 34%),
  radial-gradient(circle at calc(92% - var(--scroll-p)*60%) calc(82% - var(--scroll-p)*48%),rgba(255,45,175,.34),transparent 37%),
  linear-gradient(145deg,hsl(calc(273 + var(--scroll-p)*28) 66% 17%),hsl(calc(225 + var(--scroll-p)*38) 69% 15%) 54%,hsl(calc(190 + var(--scroll-p)*55) 66% 13%));
  transition:background-color .25s linear}
.work:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 28%,rgba(255,255,255,.035) 64%,transparent);mix-blend-mode:screen}
.work>.section-head,.work>.project-nav,.work>.projects,.work>.concept-note{position:relative;z-index:1}
.project,.project:nth-child(n){padding:0!important;border:0!important;border-radius:18px;background:transparent!important;box-shadow:none!important}
.project:before{display:none!important}
.project .project-chrome{border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 18px 60px rgba(5,0,18,.24)}
.project .project-chrome:after{content:attr(data-site)!important}
.project .project-screen{display:block!important;grid-template-columns:none!important;gap:0!important;padding:0!important;min-height:0!important;aspect-ratio:3/2!important;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 26px 70px rgba(5,0,18,.26)!important;background:#08070b}
.project .project-site-image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important}
.project footer{margin:0;padding:1.25rem .15rem .5rem}
.project footer p{color:rgba(255,255,255,.72)}
.concept-note{color:rgba(255,255,255,.68)}
@media(max-width:650px){.project,.project:nth-child(n){flex-basis:88vw}.project .project-screen{aspect-ratio:3/2!important}.project .project-site-image{object-position:center!important}}

/* Pull the live work gradient behind the transparent lower edge of its wave. */
.divider-into-work + .work{margin-top:-42px;padding-top:calc(10rem + 42px)}
.divider-into-work::after{content:'';display:block!important;position:absolute;z-index:-1;left:0;right:0;top:calc(100% - 2px);height:180px;background:linear-gradient(90deg,#33275c 0%,#281b4e 45%,#241545 70%,#211746 100%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.92) 24px,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.92) 24px,transparent 100%);pointer-events:none}
@media(max-width:650px){.divider-into-work + .work{margin-top:-30px;padding-top:calc(7rem + 30px)}}

/* A single pointer light in the manifesto; the old overlay lagged behind it. */
.manifesto-glow{display:none!important}

/* Compact neon editorial footer. */
.site-footer{padding-bottom:1.25rem}
.footer-main{max-width:1680px;margin:0 auto .5rem;padding:clamp(2rem,3vw,3rem) .2rem clamp(1.5rem,2.5vw,2.5rem);display:grid;grid-template-columns:1.35fr 1fr;align-items:start;gap:clamp(3rem,8vw,9rem);border-top:1px solid rgba(255,76,190,.3);color:white!important;font:inherit;text-align:left!important}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.footer-word{font-size:clamp(4rem,6.4vw,7rem)}
.footer-brand>p{max-width:520px;margin:1.8rem 0 2rem;color:#cfc0d6;font-size:clamp(1rem,1.2vw,1.2rem)}
.footer-email{display:inline-flex;align-items:center;gap:1rem;padding:.85rem 1.05rem;border:1px solid rgba(93,233,238,.42);border-radius:999px;color:#6ff3f2!important;font:500 .78rem var(--mono);transition:.25s}
.footer-email:hover{background:#5de9ee;color:#10051c!important;box-shadow:0 0 32px rgba(93,233,238,.38);transform:translateY(-2px)}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3.5rem);padding:1rem 0}
.footer-column{display:block}
.footer-column h3{margin-bottom:1.3rem}
.footer-column a{font-size:1rem;margin:.9rem 0}
.footer-contact-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(93,233,238,.22),transparent 42%),linear-gradient(145deg,rgba(255,47,178,.3),rgba(84,43,181,.34));box-shadow:inset 0 1px rgba(255,255,255,.12)}
.footer-contact-panel:before{content:'';position:absolute;width:180px;height:180px;right:-75px;top:-75px;border:1px solid rgba(93,233,238,.32);border-radius:50%;box-shadow:0 0 45px rgba(93,233,238,.13)}
.footer-contact-panel>p{position:relative;margin:0;color:#7ff6f2;font-size:.66rem;letter-spacing:.15em}
.footer-contact-panel strong{position:relative;font-size:clamp(2rem,2.8vw,3.3rem);line-height:.95;letter-spacing:-.055em}
.footer-contact-panel .footer-mini-cta{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;margin:0!important;padding:.9rem 1rem;border-radius:12px;background:#ff39b6;border-color:#ff39b6;color:white!important;font-weight:700}
.footer-contact-panel .footer-mini-cta:hover{box-shadow:0 0 34px rgba(255,57,182,.48);transform:translateY(-2px)}
.footer-bottom{max-width:1680px;padding:1rem .2rem .25rem;position:relative;left:auto;right:auto;bottom:auto}
.footer-ghost{display:none!important}
@media(max-width:1050px){.footer-main{grid-template-columns:1fr}.footer-brand,.footer-links{grid-column:1}.footer-links{padding:0}}
@media(max-width:650px){.site-footer{padding-bottom:1.5rem}.footer-main{grid-template-columns:1fr;margin-bottom:2rem;padding:1.4rem;border-radius:24px}.footer-brand,.footer-links,.footer-contact-panel{grid-column:1}.footer-links{grid-template-columns:1fr 1fr}.footer-word{font-size:4.2rem}.footer-contact-panel{min-height:270px}.footer-bottom{grid-template-columns:1fr auto;padding-inline:.25rem}.footer-bottom p:first-child{max-width:180px}.footer-bottom a{white-space:nowrap}}

/* Brighter, more integrated hero with larger floating feature markers. */
.hero{background:radial-gradient(circle at 14% 20%,rgba(150,73,238,.34),transparent 36%),radial-gradient(circle at 78% 36%,rgba(255,57,184,.4),transparent 42%),radial-gradient(circle at 70% 92%,rgba(66,108,244,.25),transparent 38%),linear-gradient(135deg,#321052 0%,#451353 46%,#1b0b3b 100%)}
.hero canvas{opacity:.38}
.hero-visual{isolation:isolate}
.hero-visual:before{width:88%;background:radial-gradient(circle,rgba(255,67,194,.52),rgba(116,70,237,.22) 44%,transparent 72%);filter:blur(34px)}
.hero-visual img{width:118%;filter:brightness(1.12) saturate(1.08) drop-shadow(0 32px 54px rgba(31,4,52,.34));mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 82%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 82%,transparent 100%);-webkit-mask-composite:source-in}
.visual-chip{min-height:58px;padding:1rem 1.25rem;gap:.9rem;border-radius:17px;background:linear-gradient(115deg,rgba(79,25,108,.86),rgba(31,13,68,.8));border-color:rgba(255,255,255,.38);box-shadow:0 0 30px rgba(255,62,186,.22),0 18px 46px rgba(20,3,41,.3);font-size:1rem}
.visual-chip b{font-size:.78rem;text-shadow:0 0 14px rgba(93,233,238,.9)}
.chip-one{left:5%;top:18%}.chip-two{right:2%;top:33%}.chip-three{left:14%;bottom:12%}
.hero-stamp{width:132px;height:132px;filter:drop-shadow(0 0 20px rgba(93,233,238,.36))}
@media(max-width:980px){.hero-visual img{width:108%}.visual-chip{min-height:52px;padding:.85rem 1rem;font-size:.88rem}.hero-stamp{width:110px;height:110px}}
@media(max-width:650px){.hero{background:radial-gradient(circle at 74% 64%,rgba(255,57,184,.38),transparent 42%),linear-gradient(150deg,#351154,#481548 52%,#180a36)}.hero-visual img{width:112%;mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 84%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 84%,transparent 100%);-webkit-mask-composite:source-in}.visual-chip{min-height:46px;padding:.7rem .85rem;font-size:.76rem}.visual-chip b{font-size:.66rem}}

/* One continuous, scroll-shifting color field for Process and Capabilities. */
.light-journey{--scroll-p:0;background:radial-gradient(circle at calc(12% + var(--scroll-p)*62%) calc(20% + var(--scroll-p)*54%),hsla(calc(292 - var(--scroll-p)*78) 92% 67%/.25),transparent 36%),radial-gradient(circle at calc(90% - var(--scroll-p)*58%) calc(76% - var(--scroll-p)*38%),hsla(calc(184 + var(--scroll-p)*40) 90% 64%/.3),transparent 38%),linear-gradient(180deg,#f4f1e9 0%,hsl(calc(284 + var(--scroll-p)*24) 72% 96%) 52%,hsl(calc(194 + var(--scroll-p)*32) 76% 93%) 100%);transition:background .18s linear}
.light-journey .process,.light-journey .services{background:transparent!important}

/* A complete project-inquiry experience, with direct email kept secondary. */
.footer-cta{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:start;padding:clamp(2.2rem,4vw,4.5rem) clamp(2rem,4vw,4.5rem) clamp(2.2rem,4vw,4.5rem) clamp(10rem,12vw,13rem)}
.footer-intro{padding-top:.35rem}
.footer-cta .footer-intro>p:first-child{color:#72f2ef}
.footer-cta .footer-intro h2{font-size:clamp(2.8rem,4.7vw,5.2rem)}
.inquiry-form{padding:clamp(1.3rem,2vw,2rem);border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(16,5,32,.72),rgba(56,20,82,.48));box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 60px rgba(8,0,20,.22)}
.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.inquiry-form label{display:grid;gap:.45rem;color:#d9c9df;font:500 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;min-height:48px;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;outline:0;background:rgba(8,3,20,.48);color:white;font:500 1rem var(--display);transition:border-color .2s,box-shadow .2s,background .2s}
.inquiry-form textarea{resize:vertical;min-height:104px}
.inquiry-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#67ecea 50%),linear-gradient(135deg,#67ecea 50%,transparent 50%);background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px;background-size:5px 5px;background-repeat:no-repeat}
.inquiry-form option{color:#16051f;background:#fbf3ff}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#66efec;background:rgba(15,5,30,.72);box-shadow:0 0 0 3px rgba(102,239,236,.12),0 0 24px rgba(255,56,184,.16)}
.inquiry-wide{grid-column:1/-1}
.inquiry-actions{display:flex;align-items:center;gap:1rem;margin-top:1.1rem}
.inquiry-actions button{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:52px;padding:.85rem 1.1rem;border:0;border-radius:11px;background:linear-gradient(100deg,#ff2daf,#bd39fa);color:white;font:800 .82rem var(--display);text-transform:uppercase;cursor:pointer;box-shadow:0 12px 34px rgba(255,45,175,.26);transition:.25s}
.inquiry-actions button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(255,45,175,.42)}
.inquiry-actions button i{font-style:normal;font-size:1.2rem}
.footer-cta .inquiry-status{margin:0;color:#78efec;font:500 .65rem var(--mono);letter-spacing:.06em}
@media(max-width:1120px){.footer-cta{grid-template-columns:1fr;padding-left:3rem}.footer-cta .contact-logo-spin{display:none}.footer-intro{max-width:720px}.inquiry-form{width:100%}}
@media(max-width:650px){.footer-cta{padding:2rem 1.25rem}.inquiry-grid{grid-template-columns:1fr}.inquiry-wide{grid-column:auto}.inquiry-actions{align-items:flex-start;flex-direction:column}.inquiry-actions button{width:100%}}

/* Let the contact mark own the open space beneath the inquiry headline. */
.footer-cta .contact-logo-spin{left:clamp(3rem,6vw,6.5rem);top:auto;bottom:clamp(2.5rem,4.5vw,5rem);width:clamp(230px,17vw,320px);transform:none;filter:drop-shadow(0 0 18px rgba(98,244,238,.95)) drop-shadow(0 0 54px rgba(255,55,184,.62))}
@media(max-width:1120px){.footer-cta .contact-logo-spin{display:none}}

/* Center the animated mark in the open half of the inquiry card. */
.footer-cta .footer-intro{grid-column:1;grid-row:1}
.footer-cta .inquiry-form{grid-column:2;grid-row:1/3}
.footer-cta .contact-logo-spin{position:relative;left:auto;top:auto;bottom:auto;grid-column:1;grid-row:2;justify-self:center;align-self:center;margin-top:clamp(2rem,4vw,4rem);transform:none}
@media(max-width:1120px){.footer-cta .footer-intro,.footer-cta .inquiry-form{grid-column:1;grid-row:auto}.footer-cta .contact-logo-spin{display:none}}

/* Recompose the hero as one continuous scene: copy in front, artwork full-bleed behind it. */
@media(min-width:981px){
  .hero{position:relative;overflow:hidden;min-height:820px;background:radial-gradient(ellipse at 78% 32%,rgba(255,48,181,.34),transparent 35%),radial-gradient(ellipse at 70% 78%,rgba(88,71,232,.36),transparent 45%),linear-gradient(120deg,#2c0b42 0%,#4d1454 48%,#1d103f 100%)}
  .hero-content{display:block;min-height:720px;padding:2.5rem 3.5vw 5rem;isolation:isolate}
  .hero-content::before{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(18,5,30,.97) 0%,rgba(35,8,47,.9) 28%,rgba(39,9,50,.58) 43%,rgba(32,8,47,.12) 60%,transparent 72%);pointer-events:none}
  .hero-copy{position:relative;z-index:5;width:min(47vw,760px);padding:5rem 0 3rem 2.5vw}
  .hero-copy>p{max-width:31rem}
  .hero-visual{position:absolute;z-index:2;inset:82px -5vw 0 27vw;display:block;min-height:0;overflow:hidden;perspective:none;isolation:isolate;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 25%)}
  .hero-visual::before{z-index:0;width:82%;height:82%;right:0;top:8%;aspect-ratio:auto;background:radial-gradient(ellipse,rgba(255,50,184,.42),rgba(107,59,225,.2) 48%,transparent 74%);filter:blur(40px)}
  .hero-visual img{position:absolute;z-index:1;inset:-5% -3% -7% -9%;width:112%;height:112%;max-width:none;object-fit:cover;object-position:58% 50%;transform:none;filter:brightness(1.08) saturate(1.08) drop-shadow(0 30px 50px rgba(24,3,43,.3));mask-image:none;-webkit-mask-image:none}
  .visual-chip{z-index:4}
  .chip-one{left:17%;top:25%}
  .chip-two{right:7%;top:40%}
  .chip-three{left:29%;bottom:15%}
}
@media(max-width:980px){
  .hero-visual{overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%)}
  .hero-visual img{width:112%;transform:none;mask-image:none;-webkit-mask-image:none}
}
@media(max-width:650px){.hero-visual img{width:116%}}

/* Crisp neon navigation motion. */
.site-header nav>a{transition:color .25s ease,transform .25s ease}
.site-header nav>a:not(.nav-cta){position:relative;padding:.5rem 0}
.site-header nav>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:.12rem;height:2px;background:linear-gradient(90deg,#58f0ee,#ff36b6);box-shadow:0 0 12px rgba(88,240,238,.8);transform:scaleX(0);transform-origin:right;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.site-header nav>a:not(.nav-cta):hover,.site-header nav>a:not(.nav-cta):focus-visible{color:#fff;transform:translateY(-2px)}
.site-header nav>a:not(.nav-cta):hover::after,.site-header nav>a:not(.nav-cta):focus-visible::after{transform:scaleX(1);transform-origin:left}
.site-header .nav-cta{position:relative;isolation:isolate;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.site-header .nav-cta::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#ff2daf,#a43cff 58%,#54e6ea);transform:translateX(-105%);transition:transform .48s cubic-bezier(.22,1,.36,1)}
.site-header .nav-cta:hover,.site-header .nav-cta:focus-visible{border-color:#62f4ee;box-shadow:0 0 24px rgba(255,45,175,.35),0 0 36px rgba(84,230,234,.18);transform:translateY(-2px)}
.site-header .nav-cta:hover::before,.site-header .nav-cta:focus-visible::before{transform:translateX(0)}
.site-header .nav-cta span{transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease}
.site-header .nav-cta:hover span,.site-header .nav-cta:focus-visible span{color:#fff;transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.site-header nav>a,.site-header nav>a::after,.site-header .nav-cta::before,.site-header .nav-cta span{transition:none}}

/* Dissolve the hero artwork into its surroundings instead of exposing its canvas edge. */
.hero-visual img{width:124%;transform:translateX(-1%) rotateY(-4deg);mask-image:radial-gradient(ellipse 68% 60% at 60% 50%,#000 0 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.24) 86%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 60% at 60% 50%,#000 0 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.24) 86%,transparent 100%);mask-composite:initial;-webkit-mask-composite:initial}
@media(max-width:980px){.hero-visual img{width:112%;transform:none}}
@media(max-width:650px){.hero-visual img{width:116%}}

/* Float the mark inside the existing open area without increasing card height. */
.footer-cta .footer-intro,.footer-cta .inquiry-form{grid-column:auto;grid-row:auto}
.footer-cta .contact-logo-spin{position:absolute;left:30%;top:auto;bottom:clamp(2.5rem,4vw,4rem);grid-column:auto;grid-row:auto;justify-self:auto;align-self:auto;margin-top:0;transform:translateX(-50%)}
@media(max-width:1120px){.footer-cta .footer-intro,.footer-cta .inquiry-form{grid-column:1;grid-row:auto}.footer-cta .contact-logo-spin{display:none}}

/* Final hero edge treatment, intentionally last in the cascade. */
@media(min-width:981px){
  .hero{padding-bottom:0}
  .hero-visual{inset:-4rem -5vw -5rem 27vw;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 25%);mask-composite:initial;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 25%);-webkit-mask-composite:initial}
  .hero-visual img{inset:0;width:100%;height:100%;transform:none;mask-image:none;-webkit-mask-image:none}
  .chip-one{left:30%;top:19%}
}
.ticker{position:relative;z-index:6;margin-top:-4px;border:0;box-shadow:none;background:linear-gradient(90deg,#ff2daf,#a536f6,#4f54f8,#49dbe4)}
.ticker::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:-4px;height:5px;background:linear-gradient(90deg,#ff2daf,#a536f6,#4f54f8,#49dbe4);pointer-events:none}

/* Overscan the opening composition so sub-pixel viewport gaps never reveal a light perimeter. */
html{background:#12051f}
html,body{border:0!important;outline:0!important}
.hero{width:calc(100% + 2px);margin:-1px -1px 0;border:0!important;outline:0!important}
.site-header{top:-1px;left:-1px;right:-1px;width:auto;border:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ticker{width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}

/* Editorial portfolio hero: real custom work, composed as one visual system. */
.site-header{height:88px;padding:0 4vw;background:rgba(25,6,38,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:0!important}
.hero{min-height:820px;padding:88px 0 0;background:radial-gradient(circle at 18% 28%,rgba(127,64,255,.36),transparent 32%),radial-gradient(circle at 76% 36%,rgba(255,45,175,.32),transparent 36%),linear-gradient(135deg,#19072b 0%,#351052 48%,#151337 100%)}
.hero-content{min-height:732px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;padding:3.5rem 4vw 4.5rem;overflow:hidden}
.hero-content::before{display:none!important}
.hero-copy{position:relative;z-index:6;width:auto;padding:0 1vw}
.hero-kicker{margin:0 0 1.5rem;color:#75eeeb}
.hero h1{font-size:clamp(4.2rem,6.8vw,7.7rem);line-height:.84;letter-spacing:-.08em}
.hero h1 em{margin-top:.08em;background:linear-gradient(90deg,#fff 0%,#ff9cdb 46%,#ff3fb7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:34rem;margin:2rem 0;color:#e3d6e8;font-size:clamp(1rem,1.25vw,1.2rem)}
.hero-visual{position:relative!important;inset:auto!important;align-self:stretch;display:block!important;min-height:650px!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;perspective:1400px!important;isolation:isolate}
.hero-visual::before{content:'';position:absolute;inset:8% 0 0 8%;width:auto;height:auto;border-radius:50%;background:radial-gradient(circle,rgba(255,46,181,.34),rgba(88,79,238,.18) 45%,transparent 72%);filter:blur(30px)}
.hero-browser{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:#13091f;box-shadow:0 30px 80px rgba(5,0,16,.5);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.hero-browser figcaption{height:34px;display:flex;align-items:center;gap:.7rem;padding:0 .9rem;background:rgba(21,9,31,.94);border-bottom:1px solid rgba(255,255,255,.14);color:#c9bfd0;font:400 .58rem var(--mono);letter-spacing:.07em}
.hero-browser figcaption i,.hero-browser figcaption i::before,.hero-browser figcaption i::after{width:6px;height:6px;border-radius:50%;background:#ff4d72;display:block}
.hero-browser figcaption i{position:relative;margin-right:18px}.hero-browser figcaption i::before,.hero-browser figcaption i::after{content:'';position:absolute;top:0}.hero-browser figcaption i::before{left:10px;background:#ffc446}.hero-browser figcaption i::after{left:20px;background:#58df9a}
.hero-browser img{position:static!important;display:block;width:100%!important;height:calc(100% - 34px)!important;max-width:none;object-fit:cover;object-position:top;transform:none!important;filter:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.hero-browser-back{z-index:1;width:58%;height:48%;right:-4%;top:4%;transform:rotate(6deg) translateZ(-80px);filter:saturate(.82) brightness(.83)}
.hero-browser-mid{z-index:2;width:66%;height:54%;left:2%;top:18%;transform:rotate(-5deg) translateZ(-20px);filter:saturate(.92) brightness(.9)}
.hero-browser-front{z-index:3;width:72%;height:59%;right:-1%;bottom:3%;transform:rotate(2.5deg) translateZ(45px)}
.hero-visual:hover .hero-browser-back{transform:rotate(8deg) translate(12px,-10px) translateZ(-80px)}
.hero-visual:hover .hero-browser-mid{transform:rotate(-7deg) translate(-12px,-4px) translateZ(-20px)}
.hero-visual:hover .hero-browser-front{transform:rotate(1deg) translate(-8px,-10px) translateZ(45px)}
.hero-visual-note{position:absolute;z-index:5;right:1%;bottom:0;display:flex;align-items:center;gap:.8rem;margin:0;padding:.6rem .85rem;border-radius:999px;background:#f8f2f8;color:#2a1039;font-size:.56rem;letter-spacing:.08em;box-shadow:0 14px 35px rgba(0,0,0,.28)}
.hero-visual-note b{font:400 1rem Georgia,serif;color:#ff2daf}
@media(max-width:980px){.site-header{height:76px}.site-header nav{top:76px}.hero{padding-top:76px;min-height:950px}.hero-content{grid-template-columns:1fr;min-height:auto;padding:5rem 5vw 4rem}.hero-copy{padding:0;max-width:760px}.hero-visual{min-height:520px!important;margin:1rem -2vw 0}.hero-browser-back{right:1%}.hero-browser-mid{left:4%}.hero-browser-front{right:4%}.hero-visual-note{right:5%;bottom:-.5rem}}
@media(max-width:650px){.site-header{height:70px}.hero{padding-top:70px;min-height:870px}.hero-content{padding:4rem 5vw 3rem}.hero h1{font-size:clamp(3.5rem,16vw,5.4rem)}.hero-copy>p{font-size:1rem}.hero-visual{min-height:390px!important;margin:1.5rem -8vw 0}.hero-browser{border-radius:11px}.hero-browser figcaption{height:25px;font-size:.46rem}.hero-browser img{height:calc(100% - 25px)!important}.hero-browser-back{width:58%;height:45%;top:5%;right:3%}.hero-browser-mid{width:67%;height:51%;top:19%;left:4%}.hero-browser-front{width:74%;height:56%;right:4%;bottom:4%}.hero-visual-note{font-size:.46rem;right:7%;bottom:-.2rem}}
@media(prefers-reduced-motion:reduce){.hero-browser{transition:none}}

/* Keep the mobile page locked to the viewport while preserving the work carousel. */
@media(max-width:980px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
  main,.site-footer,.hero,.ticker{max-width:100%;overflow-x:hidden;overflow-x:clip}
  .site-header{top:0;left:0;right:0;width:100%}
  .hero{width:100%;margin:0}
  .ticker{width:100%;margin-left:0;margin-right:0}
  .footer-marquee{width:100%;margin-left:0}
  .hero-visual{overflow:hidden!important}
}