@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{--black:#090909;--white:#f7f7f5;--grey:#737373;--line:#d8d8d5;--blue:#1473e6;--pad:clamp(24px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.site-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%}.wordmark{font-size:20px;font-weight:600;letter-spacing:-.7px}.wordmark span{color:var(--blue)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{transition:opacity .2s}nav a:hover{opacity:.5}.nav-cta{border:1px solid #bbb;border-radius:99px;padding:11px 17px}.menu-toggle{display:none}.hero{min-height:100svh;padding:150px var(--pad) 90px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;right:-20vw;top:-25vw;background:radial-gradient(circle,#bfd9ff 0,rgba(220,231,248,.45) 36%,transparent 68%);filter:blur(15px);pointer-events:none}.kicker,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.hero h1{font-size:clamp(68px,11vw,176px);line-height:.78;letter-spacing:-.075em;margin:38px 0 48px;position:relative}.hero h1 span{color:#a3a3a0}.hero-copy{font-size:clamp(18px,2vw,28px);line-height:1.45;max-width:760px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:48px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:15px 23px;font-size:14px;font-family:inherit;cursor:pointer}.button.dark{background:var(--black);color:#fff}.button.text{padding-left:0;background:transparent}.button span{margin-left:12px}.scroll-cue{position:absolute;bottom:30px;right:var(--pad);font-size:10px;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{height:36px;width:1px;background:#222;animation:scroll 1.8s infinite}.section{padding:clamp(100px,13vw,210px) var(--pad)}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;margin-top:65px}.intro h2,.services h2,.contact h2{font-size:clamp(48px,7vw,112px);line-height:.95;letter-spacing:-.065em;margin:0;font-weight:500}.intro h2 em,.contact h2 em{font-style:normal;color:#aaa}.large-copy{font-size:clamp(19px,2vw,28px);line-height:1.5;margin:0}.availability{font-size:12px;margin-top:40px}.availability i{display:inline-block;width:8px;height:8px;background:#22a95b;border-radius:50%;margin-right:10px;box-shadow:0 0 0 5px #22a95b1f}.dark-section{background:var(--black);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2{font-size:clamp(50px,7vw,105px);letter-spacing:-.065em;margin:22px 0 0;line-height:.9}.section-head>p{max-width:360px;color:#999;line-height:1.6}.work-list{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}.project:nth-child(3n){grid-column:1/-1}.project a{display:block}.project-media{aspect-ratio:16/10;background:#1b1b1b;overflow:hidden;position:relative}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.025)}.project-arrow{position:absolute;right:20px;top:20px;width:45px;height:45px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.3s}.project:hover .project-arrow{opacity:1;transform:none}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;padding-top:18px;border-top:1px solid #363636;margin-top:15px}.project-meta h3,.project-meta p{margin:0}.project-meta p,.project-meta span{color:#888;font-size:12px}.project-demo{display:flex;align-items:flex-end;padding:35px}.project-demo.one{background:linear-gradient(135deg,#a8bed2,#e7e2d7)}.project-demo.two{background:linear-gradient(135deg,#3d4641,#adb096)}.demo-title{font-size:clamp(42px,6vw,90px);font-weight:600;line-height:.83;letter-spacing:-.07em}.services-title{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin:65px 0 110px}.services-title>p{max-width:420px;color:var(--grey);font-size:18px;line-height:1.6}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.service-list span,.service-list p{font-size:12px;color:var(--grey)}.service-list h3{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em;margin:0;font-weight:500}.service-list p{margin:0}.contact{background:#e9e9e6}.contact-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:10vw;margin-top:60px}.contact-grid>div>p{max-width:560px;font-size:18px;line-height:1.55;color:#555;margin-top:35px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:60px;font-size:14px}.contact-links a{font-size:20px;font-weight:500;border-bottom:1px solid}.contact form{display:flex;flex-direction:column;gap:25px}.contact label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact input,.contact textarea{width:100%;display:block;border:0;border-bottom:1px solid #aaa;background:transparent;padding:12px 0;font:17px inherit;outline:0;resize:vertical;border-radius:0}.contact input:focus,.contact textarea:focus{border-color:#111}.contact form .button{align-self:flex-start;margin-top:10px}.hp{position:absolute!important;left:-9999px!important}.form-status{font-size:12px}.site-footer{padding:45px var(--pad);background:var(--black);color:#fff;display:flex;justify-content:space-between;align-items:center}.site-footer>div{display:flex;gap:28px;font-size:11px;color:#888}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}.plain-page{max-width:900px;margin:50px auto;padding:30px}.plain-page article{background:#fff;color:#111;padding:40px;margin-top:30px}@keyframes scroll{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@media(max-width:760px){.site-header{height:70px}.menu-toggle{display:block;width:34px;height:34px;border:0;background:none;position:relative;z-index:3}.menu-toggle span:not(.screen-reader-text){display:block;width:20px;height:1px;background:#111;margin:6px;transition:.25s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}nav{position:fixed;inset:0;background:var(--white);display:flex;flex-direction:column;justify-content:center;font-size:28px;opacity:0;visibility:hidden;transition:.25s}.menu-open nav{opacity:1;visibility:visible}.nav-cta{border:0;padding:0;color:var(--blue)}.hero{padding-top:110px}.hero h1{font-size:20vw;margin:28px 0 35px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.scroll-cue{display:none}.section{padding-top:100px;padding-bottom:100px}.intro-grid,.services-title,.contact-grid{grid-template-columns:1fr;gap:55px}.intro h2,.services h2,.contact h2{font-size:14vw}.section-head{display:block}.section-head>p{margin-top:28px}.work-list{grid-template-columns:1fr;gap:50px}.project:nth-child(3n){grid-column:auto}.project-meta{grid-template-columns:1fr auto}.project-meta p{grid-row:2}.services-title{margin:45px 0 70px}.service-list article{grid-template-columns:45px 1fr;padding:25px 0}.service-list p{display:none}.site-footer{align-items:flex-start}.site-footer>div{flex-direction:column;gap:9px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}

/* Color edition + scroll depth */
:root{--violet:#7657ff;--coral:#ff6f61;--lime:#c8f36b}.color-hero{background:linear-gradient(145deg,#faf8ff 0%,#eff5ff 44%,#fff3e9 100%)}.color-hero:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,#f7f7f5);pointer-events:none}.hero-glow{background:radial-gradient(circle,#8ab9ff 0,#d8cfff88 35%,transparent 69%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;will-change:transform}.orb-one{width:clamp(120px,19vw,340px);height:clamp(120px,19vw,340px);right:10%;bottom:7%;background:linear-gradient(145deg,#ffb094,#ff665c);box-shadow:inset -25px -30px 55px #c73a5d66,0 40px 100px #ff796655}.orb-two{width:clamp(70px,9vw,160px);height:clamp(70px,9vw,160px);right:31%;top:19%;background:linear-gradient(145deg,#dbff8d,#77d97c);box-shadow:0 25px 70px #7eda8f66}.hero h1{z-index:2}.hero h1 span{background:linear-gradient(90deg,#7657ff,#1473e6,#df536d);-webkit-background-clip:text;background-clip:text;color:transparent}.film-story{height:210vh;background:#090909;position:relative;color:#fff}.story-sticky{height:100vh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center;isolation:isolate}.story-gradient{position:absolute;inset:8%;border-radius:clamp(24px,4vw,65px);background:radial-gradient(circle at 25% 20%,#7567ff,transparent 38%),radial-gradient(circle at 75% 75%,#ff714e,transparent 42%),linear-gradient(140deg,#171e55,#441c4e);transform:scale(var(--story-scale, .72));filter:saturate(var(--story-sat,.8));will-change:transform}.story-sticky h2{z-index:3;text-align:center;font-size:clamp(70px,12vw,190px);line-height:.78;letter-spacing:-.08em;margin:0}.story-sticky h2 em{font-style:normal;color:#d2fd78}.story-small{position:absolute;z-index:4;top:12%;font-size:10px;text-transform:uppercase;letter-spacing:.25em}.story-frame{position:absolute;z-index:2;width:clamp(130px,17vw,300px);aspect-ratio:4/5;border:1px solid #ffffff66;padding:12px;color:#fff;font-size:9px;letter-spacing:.14em;will-change:transform;box-shadow:0 25px 60px #0006}.story-frame i{position:absolute;inset:30px 12px 12px;background:linear-gradient(145deg,#ef8b61,#442469)}.frame-a{left:5%;top:15%;transform:rotate(-7deg)}.frame-b{right:4%;top:12%;transform:rotate(8deg)}.frame-b i{background:linear-gradient(150deg,#93e9e1,#263677)}.frame-c{right:16%;bottom:6%;width:clamp(100px,12vw,210px);transform:rotate(-4deg)}.frame-c i{background:linear-gradient(145deg,#d8fa7d,#5e8e58)}.color-wash{background:linear-gradient(155deg,#f5f0ff 0,#f7f7f5 43%,#fff0e5 100%);position:relative}.color-wash:before{content:"";position:absolute;width:38vw;height:38vw;border-radius:50%;right:-18vw;top:8%;background:#a2d6ff55;filter:blur(50px)}.service-list article{position:relative;transition:padding .35s,background .35s}.service-list article:hover{padding-left:22px;padding-right:22px;background:#ffffff9c}.service-list article:nth-child(2):hover{background:#e2f9b8}.service-list article:nth-child(3):hover{background:#e0d9ff}.service-list article:nth-child(4):hover{background:#ffdcd1}.project-demo{position:relative;isolation:isolate}.project-demo.one{background:linear-gradient(135deg,#ff9d7e,#7a3cff)}.project-demo.two{background:linear-gradient(135deg,#172a78,#5de3c4)}.demo-title{position:relative;z-index:2}.demo-sphere{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;right:10%;top:12%;box-shadow:inset -25px -20px 50px #0005,0 35px 60px #0004}.demo-sphere.coral{background:linear-gradient(145deg,#ffe66e,#ff4e74)}.demo-sphere.blue{background:linear-gradient(145deg,#a4f4ff,#5865f2)}[data-parallax]{will-change:transform}.project-media img,.project-media .demo-sphere{will-change:transform}.contact{background:linear-gradient(145deg,#e9e9e6,#dde8ff 58%,#f4dfef)}
@media(max-width:760px){.film-story{height:160vh}.story-gradient{inset:5%;border-radius:24px}.story-sticky h2{font-size:19vw}.story-frame{opacity:.7}.frame-a{left:-12%}.frame-b{right:-10%}.frame-c{right:5%}.orb-two{right:10%}.orb-one{right:-12%;bottom:14%}}
@media(prefers-reduced-motion:reduce){[data-parallax],.story-gradient,.project-media img,.demo-sphere{transform:none!important}.film-story{height:100vh}.story-gradient{--story-scale:1}}

/* 2.2 editorial controls */
.story-frame img,.story-frame video{position:absolute;inset:30px 12px 12px;width:calc(100% - 24px);height:calc(100% - 42px);object-fit:cover}.portrait{margin:70px 0 0;position:relative}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px;will-change:transform}.portrait figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-top:12px;color:var(--grey)}.carousel-shell{position:relative}.work-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding-bottom:15px}.work-list::-webkit-scrollbar{display:none}.project,.project:nth-child(3n){flex:0 0 min(76vw,920px);grid-column:auto;scroll-snap-align:start}.carousel-button{position:absolute;z-index:5;top:42%;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:#111;font-size:31px;box-shadow:0 10px 35px #0005;cursor:pointer;transition:transform .2s}.carousel-button:hover{transform:scale(1.08)}.carousel-button.prev{left:-26px}.carousel-button.next{right:-26px}.carousel-progress{height:2px;background:#333;margin-top:28px;overflow:hidden}.carousel-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--violet),var(--coral));transform:translateX(var(--carousel-progress,0));transition:transform .1s}.image-count{position:absolute;left:18px;bottom:18px;background:#000b;color:#fff;padding:8px 11px;border-radius:99px;font-size:10px}.project-arrow{width:auto;height:auto;padding:11px 16px;border-radius:99px;font-size:11px}.service-list .service-item{display:block;padding:0}.service-list .service-item:hover{padding:0;background:transparent}.service-item button{width:100%;display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:34px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.service-item button span{font-size:12px;color:var(--grey)}.service-item button h3{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em;margin:0;font-weight:500}.service-item button b{font-size:27px;font-weight:400;transition:transform .3s}.service-item button[aria-expanded="true"] b{transform:rotate(45deg)}.service-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s,background .4s;background:transparent}.service-detail p{overflow:hidden;margin:0;padding:0 80px;font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:#444;transition:padding .4s}.service-item.open .service-detail{grid-template-rows:1fr;background:#ffffff8a}.service-item.open .service-detail p{padding-top:25px;padding-bottom:35px}.service-item:nth-child(2).open .service-detail{background:#e2f9b8}.service-item:nth-child(3).open .service-detail{background:#e0d9ff}.service-item:nth-child(4).open .service-detail{background:#ffdcd1}
@media(max-width:760px){.project,.project:nth-child(3n){flex-basis:88vw}.carousel-button{display:none}.service-item button{grid-template-columns:44px 1fr auto;padding:25px 0}.service-detail p{padding-left:44px;padding-right:20px}.portrait{margin-top:45px}}

/* 2.3 portrait composition + cursor interaction */
.nav-cta{border-color:transparent;background:linear-gradient(110deg,var(--violet),var(--blue));color:#fff;box-shadow:0 7px 22px #486ff535;transition:transform .25s,box-shadow .25s!important}.nav-cta:hover{opacity:1;transform:translateY(-2px);box-shadow:0 12px 28px #486ff559}.intro-grid.has-portrait{grid-template-columns:1fr minmax(240px,.56fr) minmax(280px,.58fr);gap:clamp(35px,6vw,100px);align-items:center}.intro-grid.has-portrait h2{font-size:clamp(45px,5.8vw,92px)}.portrait{margin:0;position:relative;z-index:2}.portrait-window{position:relative;overflow:hidden;border-radius:clamp(90px,14vw,230px) clamp(90px,14vw,230px) 12px 12px;box-shadow:0 35px 80px #2e24512b;aspect-ratio:3/4;background:linear-gradient(150deg,#d9d1ff,#ffcfc1)}.portrait-window:before{content:"";position:absolute;inset:-2px;border:1px solid #ffffffa8;border-radius:inherit;z-index:2}.portrait img{width:100%;height:115%;aspect-ratio:auto;object-fit:cover;transform:translateY(var(--portrait-y,-6%)) scale(1.06);will-change:transform}.portrait-glass{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;right:-8%;top:8%;background:linear-gradient(145deg,#c7ff70aa,#35d2b688);mix-blend-mode:screen;filter:blur(1px);box-shadow:0 18px 50px #40c8aa55}.portrait figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.portrait figcaption b{color:#111;font-weight:600}.portrait figcaption span{text-align:right}.hero-orb{transform:translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0);transition:transform .12s linear}.hero-glow{transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0);transition:transform .18s linear}.color-hero{cursor:crosshair}.color-hero:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:var(--pointer-x,-300px);top:var(--pointer-y,-300px);transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff99,transparent 68%);pointer-events:none;mix-blend-mode:soft-light}.project-empty{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#272344,#3d2548)}
@media(max-width:980px){.intro-grid.has-portrait{grid-template-columns:1fr 1fr}.intro-grid.has-portrait h2{grid-column:1/-1}.about-copy{align-self:center}}
@media(max-width:760px){.intro-grid.has-portrait{grid-template-columns:1fr}.intro-grid.has-portrait h2{grid-column:auto}.portrait{width:82%;margin:0 auto}.nav-cta{background:none;color:var(--blue);box-shadow:none}.color-hero{cursor:auto}}

/* 2.4 inline editor, legal pages, animated headline */
.hero h1>span{background-size:320% 320%;animation:headline-colors 16s ease-in-out infinite}.inline-editor{position:fixed;z-index:999;left:20px;bottom:20px;display:flex;align-items:center;gap:12px}.inline-editor button{border:0;border-radius:99px;padding:12px 18px;background:#1473e6;color:#fff;box-shadow:0 8px 30px #0003;font:600 12px Inter,sans-serif;cursor:pointer}.inline-editor span{background:#111;color:#fff;padding:7px 10px;border-radius:6px;font-size:10px}.inline-editing [data-inline]{outline:2px dashed #1473e6;outline-offset:6px;cursor:text;border-radius:2px}.inline-editing [data-inline]:focus{outline-style:solid;background:#ffffff1a}.legal-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.legal-page{padding:clamp(80px,12vw,160px) var(--pad);min-height:75vh}.legal-page article{max-width:900px;margin:auto}.legal-page h1{font-size:clamp(58px,9vw,130px);letter-spacing:-.07em;line-height:.9;margin:35px 0 75px}.legal-content{font-size:17px;line-height:1.75}.legal-content h2{font-size:28px;margin-top:55px}.legal-content a{text-decoration:underline}.project-demo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
@keyframes headline-colors{0%,100%{background-position:0% 50%}25%{background-position:45% 100%}50%{background-position:100% 50%}75%{background-position:55% 0%}}
@media(prefers-reduced-motion:reduce){.hero h1>span{animation:none}}

/* 2.4.1 additions: faster headline and digital business card */
.hero h1>span{animation-duration:8s}
.wordmark b{font-weight:600}.scroll-cue b{font-weight:500}
.business-card-page{width:100%;min-height:100dvh;display:grid;place-items:center;padding:clamp(20px,5vw,70px);position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,#735fff 0,transparent 34%),radial-gradient(circle at 88% 88%,#ff765d 0,transparent 36%),linear-gradient(145deg,#0a0b14,#191634 55%,#31192d);color:#fff}
.business-card-page:before{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:7px 7px}
.business-card{width:min(1040px,92vw);min-height:570px;position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto auto;gap:20px;padding:clamp(25px,4vw,58px);border:1px solid #ffffff65;border-radius:clamp(28px,4vw,55px);background:linear-gradient(135deg,#ffffff20,#ffffff09);box-shadow:0 50px 130px #0008,inset 0 1px #ffffff85;backdrop-filter:blur(32px) saturate(145%);-webkit-backdrop-filter:blur(32px) saturate(145%)}
.business-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#ffffff91;font-size:9px;letter-spacing:.17em}.business-card>header i{width:8px;height:8px;border-radius:50%;background:#caff73;box-shadow:0 0 18px #caff73}.business-card>header b{font-weight:500}
.business-identity{display:grid;grid-template-columns:minmax(180px,.72fr) 1.28fr;gap:clamp(30px,7vw,100px);align-items:center}.business-identity figure{width:min(270px,100%);aspect-ratio:3/4;margin:0;overflow:hidden;border:1px solid #ffffff65;border-radius:48% 48% 14px 14px;background:linear-gradient(145deg,#7b61ff,#ff7180);box-shadow:0 25px 65px #0005}.business-identity figure img{width:100%;height:100%;object-fit:cover}.business-monogram{display:grid;place-items:center;font-size:clamp(60px,8vw,120px);font-weight:600;letter-spacing:-.08em}
.business-identity small,.business-identity p{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#ffffff8f}.business-identity h1{font-size:clamp(70px,10vw,145px);line-height:.73;letter-spacing:-.085em;margin:24px 0 34px}.business-identity h1 em{font-style:normal;color:#caff73}.business-identity h2{font-size:clamp(19px,2.5vw,35px);font-weight:400;color:#ddd9ff;margin:0 0 12px}
.business-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.business-actions a,.business-actions button{min-width:0;display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid #ffffff35;border-radius:17px;background:#ffffff0e;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:.25s}.business-actions a:hover,.business-actions button:hover{background:#fff;color:#111;transform:translateY(-2px)}.business-actions strong{font-size:11px}.business-actions span{font-size:8px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-actions a:hover span,.business-actions button:hover span{color:#555}
.business-card>footer{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid #ffffff25;color:#ffffff79;font-size:10px}.business-card>footer a{color:#fff}.card-editor{z-index:5}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.business-card{background:#24233a}}
@media(max-width:760px){html,body{overflow-x:hidden}.business-card-page{height:auto;min-height:100dvh;padding:12px;overflow-y:auto}.business-card{width:100%;min-height:calc(100dvh - 24px);padding:22px 18px;border-radius:28px;gap:14px}.business-identity{grid-template-columns:1fr;text-align:center;gap:12px}.business-identity figure{width:108px;height:135px;margin:5px auto 0}.business-identity h1{font-size:58px;line-height:.76;margin:14px 0 18px}.business-identity h2{font-size:18px;margin-bottom:8px}.business-identity small,.business-identity p{font-size:8px}.business-actions{grid-template-columns:1fr 1fr;gap:8px}.business-actions a,.business-actions button{min-height:66px;padding:12px}.business-actions strong{font-size:10px}.business-actions span{font-size:8px;max-width:36vw}.business-card>footer{justify-content:center;flex-wrap:wrap;font-size:9px}.card-editor{left:10px;bottom:10px}}

/* 2.4.2: lock the page horizontally + compact dark liquid-glass navigation */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}
body{position:relative}
main,.site-footer{width:100%;max-width:100%}
.site-header{
  top:14px;
  left:clamp(12px,2vw,28px);
  right:clamp(12px,2vw,28px);
  width:auto;
  height:58px;
  padding:7px 8px 7px 19px;
  border:1px solid #ffffff30;
  border-radius:19px;
  background:linear-gradient(135deg,#11131ddd,#08090fbd);
  color:#fff;
  box-shadow:0 14px 45px #1114262e,inset 0 1px #ffffff24;
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
}
.site-header .wordmark{font-size:17px}
.site-header nav{gap:25px;font-size:12px}
.site-header nav>a:not(.nav-cta){color:#ffffffd9}
.site-header nav>a:not(.nav-cta):hover{color:#fff;opacity:1}
.site-header .nav-cta{padding:10px 15px;box-shadow:0 7px 24px #596bff4f}

@media(max-width:760px){
  .site-header{top:10px;left:10px;right:10px;height:52px;padding:6px 7px 6px 16px;border-radius:17px}
  .site-header .wordmark{position:relative;z-index:4;font-size:16px}
  .menu-toggle{width:40px;height:40px;border-radius:12px;background:#ffffff12}
  .menu-toggle span:not(.screen-reader-text){background:#fff;margin-left:10px}
  .site-header nav{
    position:absolute;
    inset:calc(100% + 8px) 0 auto;
    min-height:0;
    padding:20px;
    gap:7px;
    align-items:stretch;
    justify-content:flex-start;
    border:1px solid #ffffff2e;
    border-radius:20px;
    background:linear-gradient(145deg,#11131df2,#08090ff0);
    box-shadow:0 24px 60px #0006,inset 0 1px #ffffff20;
    -webkit-backdrop-filter:blur(28px) saturate(150%);
    backdrop-filter:blur(28px) saturate(150%);
    font-size:18px;
    transform:translateY(-8px) scale(.98);
    transform-origin:top;
  }
  .menu-open .site-header nav{transform:none}
  .site-header nav a{padding:12px 10px;border-radius:12px}
  .site-header nav>a:not(.nav-cta):hover{background:#ffffff0d}
  .site-header .nav-cta{margin-top:5px;padding:13px 14px;text-align:center;background:linear-gradient(110deg,var(--violet),var(--blue));color:#fff;box-shadow:0 8px 24px #486ff54f}
}

/* 2.4.3: compact light liquid-glass navigation */
.site-header{
  border-color:#ffffffb8;
  background:linear-gradient(135deg,#ffffffc9,#f7f7f5a8);
  color:#111;
  box-shadow:0 12px 38px #17203a1c,inset 0 1px #fff;
}
.site-header nav>a:not(.nav-cta){color:#181818d9}
.site-header nav>a:not(.nav-cta):hover{color:#000}

@media(max-width:760px){
  .menu-toggle{background:#1111110a}
  .menu-toggle span:not(.screen-reader-text){background:#111}
  .site-header nav{
    border-color:#ffffffc7;
    background:linear-gradient(145deg,#fffffff2,#f3f3f0eb);
    color:#111;
    box-shadow:0 22px 55px #17203a24,inset 0 1px #fff;
  }
  .site-header nav>a:not(.nav-cta):hover{background:#1111110a}
}