:root{
  --bg:#050505;
  --bg-soft:#0a0a0a;
  --ink:#f4f2ee;
  --muted:#a5a29d;
  --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.08);
  --glass-strong:rgba(255,255,255,.12);
  --accent:#d8ff5f;
  --accent-2:#7c5cff;
  --shadow:0 20px 80px rgba(0,0,0,.35);
  --shell:min(1440px,92vw);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open,body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img,video{display:block;max-width:100%}
::selection{background:var(--accent);color:#0b0b0b}
.shell{width:var(--shell);margin-inline:auto}
.svg-defs{position:absolute;pointer-events:none}
.noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.18}.ambient-a{width:44vw;height:44vw;background:#4030ff;top:-18vw;right:-10vw}.ambient-b{width:38vw;height:38vw;background:#d8ff5f;bottom:-18vw;left:-18vw;opacity:.08}

.intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:transparent;overflow:hidden}.intro-shutter{position:absolute;left:0;width:100%;height:50%;background:#070707;z-index:2;will-change:transform;transition:transform 1.05s cubic-bezier(.77,0,.18,1)}.intro-shutter-top{top:0}.intro-shutter-bottom{bottom:0}.intro-reveal-line{position:absolute;left:50%;top:50%;z-index:5;width:0;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(216,255,95,.55) 12%,#fff 50%,rgba(216,255,95,.55) 88%,transparent 100%);box-shadow:0 0 16px rgba(255,255,255,.34),0 0 34px rgba(216,255,95,.18);opacity:0;will-change:width,opacity;transition:width .46s cubic-bezier(.16,1,.3,1),opacity .24s ease}.intro.line-ready .intro-reveal-line{width:min(88vw,1500px);opacity:1}.intro.opening .intro-shutter-top{transform:translateY(-100%)}.intro.opening .intro-shutter-bottom{transform:translateY(100%)}.intro.opening .intro-reveal-line{opacity:0}.intro-center{position:relative;z-index:3;text-align:center;width:min(520px,80vw);transition:opacity .32s ease,transform .32s ease}.intro.opening .intro-center{opacity:0;transform:translateY(-12px)}.intro-kicker{font-size:10px;letter-spacing:.42em;color:#aaa;margin-bottom:18px}.intro-logo{font-size:clamp(42px,8vw,92px);font-weight:800;letter-spacing:-.055em}.intro-logo span{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400}.intro-meter{height:1px;background:#222;margin:26px auto 14px;overflow:hidden}.intro-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#fff)}.intro-percent{font-size:11px;letter-spacing:.2em;color:#777}

.cursor{position:fixed;z-index:20000;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);display:none}.cursor-dot{width:6px;height:6px;background:#fff}.cursor-ring{width:42px;height:42px;border:1px solid rgba(255,255,255,.55);transition:width .25s,height .25s,border-color .25s,background .25s}.cursor-ring.is-active{width:64px;height:64px;background:rgba(216,255,95,.12);border-color:var(--accent)}
.scroll-progress{position:fixed;right:0;top:0;width:2px;height:100dvh;background:rgba(255,255,255,.05);z-index:1600}.scroll-progress span{display:block;width:100%;height:0;background:linear-gradient(var(--accent),#fff)}

.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1480px,calc(100vw - 32px));height:64px;padding:0 16px 0 22px;border:1px solid rgba(255,255,255,.11);background:rgba(8,8,8,.48);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-radius:20px;z-index:1500;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 60px rgba(0,0,0,.22);transition:background .3s,border-color .3s,top .3s}.site-header.scrolled{top:10px;background:rgba(8,8,8,.78);border-color:rgba(255,255,255,.16)}
.brand{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand-main{font-weight:800;letter-spacing:-.04em;font-size:18px}.brand-sub{font-family:"Cormorant Garamond",serif;font-size:18px;font-style:italic;color:#c7c5c1}.desktop-nav{display:flex;gap:34px;align-items:center}.desktop-nav a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c8c6c1;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:right .35s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:8px}.glass-icon{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.16);transition:background .25s,border-color .25s,transform .25s}.glass-icon:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}.glass-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.language-wrap{position:relative}.language-wrap>.glass-icon{width:auto;padding:0 13px}.language-wrap>.glass-icon span{font-size:10px;letter-spacing:.12em}.language-menu{position:absolute;right:0;top:52px;width:210px;padding:8px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.92);backdrop-filter:blur(26px);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.language-menu.open{opacity:1;visibility:visible;transform:none}.language-menu button{width:100%;border:0;background:transparent;padding:12px 11px;border-radius:10px;display:flex;justify-content:space-between;cursor:pointer;color:#ddd}.language-menu button:hover{background:rgba(255,255,255,.08)}.language-menu span{color:#777;font-size:10px;letter-spacing:.12em}.menu-toggle{display:none}
.mobile-menu{position:fixed;inset:0;background:rgba(5,5,5,.96);backdrop-filter:blur(24px);z-index:1400;opacity:0;visibility:hidden;transition:.35s;overflow:hidden}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-bg{position:absolute;inset:auto -8vw -8vw auto;font-size:48vw;font-weight:800;line-height:.7;color:rgba(255,255,255,.025);letter-spacing:-.08em}.mobile-menu-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px 8vw;gap:14px}.mobile-menu-inner a{font-size:clamp(42px,11vw,78px);font-weight:700;letter-spacing:-.06em;line-height:1.02}
.floating-tools{position:fixed;right:24px;bottom:24px;z-index:1300;display:flex;flex-direction:column;gap:8px}.floating-tools .glass-icon{background:rgba(8,8,8,.52)}#topBtn{opacity:0;pointer-events:none;transform:translateY(10px)}#topBtn.visible{opacity:1;pointer-events:auto;transform:none}

.hero{position:relative;min-height:100svh;height:100svh;overflow:hidden;display:flex;align-items:flex-end;background:#080808}.hero-video,.hero-fallback,.hero-vignette,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;z-index:0;filter:saturate(.86) contrast(1.04) brightness(.78);transform:scale(1.04)}.hero-fallback{background:radial-gradient(circle at 65% 40%,rgba(124,92,255,.28),transparent 35%),radial-gradient(circle at 25% 75%,rgba(216,255,95,.12),transparent 35%),linear-gradient(120deg,#0b0b0b,#151515);z-index:-1}.hero-vignette{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.32) 55%,rgba(0,0,0,.46) 100%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 42%,rgba(0,0,0,.2) 100%)}.hero-grid{z-index:2;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 75%,transparent 100%)}.hero-ghost{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;mix-blend-mode:soft-light;opacity:.15}.hero-ghost span{font-size:24vw;font-weight:800;line-height:.62;letter-spacing:-.09em;white-space:nowrap}.hero-content{position:relative;z-index:4;width:var(--shell);margin:0 auto 9vh}.hero-kicker,.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#bebbb5}.hero-title{margin:24px 0 34px;font-size:clamp(70px,11.2vw,190px);font-weight:800;letter-spacing:-.078em;line-height:.72}.hero-line{display:block;overflow:hidden;padding:.06em 0}.hero-line>span{display:inline-block}.hero-line.serif{font-family:"Cormorant Garamond",serif;font-weight:400;font-style:italic;letter-spacing:-.045em;color:#f5f0e8}.hero-line.outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68);text-stroke:1px rgba(255,255,255,.68)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:34px}.hero-copy,.section-copy{color:#b9b6b0;line-height:1.75;font-size:14px;max-width:600px}.hero-copy{max-width:520px;margin:0}.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap}.pill{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.pill-light{background:#f4f2ee;color:#0a0a0a}.pill-glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);backdrop-filter:blur(16px)}.hero-scroll{position:absolute;right:3.8vw;bottom:10vh;z-index:5;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:.24em;color:#aaa}.hero-scroll i{display:block;height:70px;width:1px;background:linear-gradient(to bottom,#fff,transparent);animation:scrollPulse 1.7s infinite}.hero-orbit{position:absolute;right:8vw;top:18vh;z-index:4;width:132px;height:132px;display:grid;place-items:center;opacity:.9}.orbit-ring{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:inset 0 0 24px rgba(255,255,255,.06)}.orbit-text{position:absolute;width:132px;height:132px;font-size:7px;letter-spacing:.22em;text-align:center;border-radius:50%;animation:spin 14s linear infinite;color:#d7d4cf}.orbit-text:before{content:"CINEMATIC · PORTRAIT · FASHION · FILM · CREATIVE ·";position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;transform:rotate(0deg)}
@keyframes scrollPulse{0%,100%{opacity:.2;transform:scaleY(.45);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}

.manifesto{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden}.section-dark{background:#060606}.manifesto-grid{width:var(--shell);display:grid;grid-template-columns:.6fr 2fr 1fr;gap:50px;align-items:start;position:relative;z-index:2}.manifesto-title,.display-title{margin:0;font-family:"Syne","Manrope",system-ui,sans-serif;font-size:clamp(52px,7vw,112px);line-height:.92;letter-spacing:-.055em;font-weight:600}.manifesto-title em,.display-title em{font-family:"Cormorant Garamond",serif;font-weight:400;font-style:italic;color:#d8d4cb}.manifesto-copy{align-self:end;margin:10px 0 0;color:#aaa;line-height:1.8}.manifesto-bg-word{position:absolute;bottom:-4vw;left:-1vw;font-size:22vw;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);white-space:nowrap}
.marquee-band{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0a}.marquee-track{width:max-content;display:flex;align-items:center;gap:24px;padding:20px 0;animation:marquee 28s linear infinite}.marquee-track span{font-size:13px;letter-spacing:.18em;color:#d5d2cd}.marquee-track i{color:var(--accent);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}

.work{position:relative;background:radial-gradient(circle at 18% 18%,rgba(124,92,255,.10),transparent 28%),radial-gradient(circle at 82% 52%,rgba(216,255,95,.07),transparent 26%),#070707;padding:140px 0 120px;overflow:hidden}.work:before{content:"SELECTED /  WORK /  SELECTED /  WORK";position:absolute;top:35%;left:-3vw;font-family:"Syne",sans-serif;font-size:12vw;font-weight:800;letter-spacing:-.07em;color:rgba(255,255,255,.015);white-space:nowrap;pointer-events:none}.work-intro{display:grid;grid-template-columns:1.4fr .7fr;gap:80px;align-items:end;padding-bottom:54px;position:relative;z-index:2}.work-controls{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-bottom:22px;position:relative;z-index:3}.work-controls-copy{display:grid;gap:4px;min-width:180px}.work-controls-label{font-size:8px;letter-spacing:.24em;color:#6f6c67}.work-controls-copy strong{font-family:"Syne",sans-serif;font-size:12px;letter-spacing:.04em;font-weight:600}.work-controls-progress{height:2px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:999px}.work-controls-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#fff);transition:width .18s ease}.work-controls-buttons{display:flex;gap:8px}.work-arrow{width:46px;height:46px;border-radius:15px}.work-prev svg{transform:rotate(180deg)}.horizontal-stage{position:relative;overflow:hidden}.horizontal-track{position:relative;height:auto;display:flex;align-items:flex-start;gap:22px;width:100%;padding:18px 5vw 30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;cursor:grab;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.horizontal-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.horizontal-track::-webkit-scrollbar{height:0}.work-card{width:min(31vw,470px);flex:0 0 auto;scroll-snap-align:start}.work-card-wide{width:min(43vw,650px)}.work-media{position:relative;height:min(68vh,720px);min-height:500px;overflow:hidden;border-radius:26px;background:#111;border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow)}.work-card-wide .work-media{height:min(72vh,760px)}.work-media img{width:100%;height:112%;object-fit:cover;transform:translateY(-6%);filter:saturate(.94) contrast(1.03);transition:filter .4s}.work-card:hover .work-media img{filter:saturate(1.05) contrast(1.07)}.work-meta{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:18px 4px}.work-meta span{grid-column:1;font-size:9px;letter-spacing:.2em;color:#7e7b76}.work-meta h3{grid-column:1;margin:2px 0 0;font-family:"Syne",sans-serif;font-size:26px;letter-spacing:-.035em;font-weight:600}.work-meta button{grid-column:2;grid-row:1/3}.lens-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(216,255,95,.11) 26%,transparent 68%);mix-blend-mode:screen;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .25s}.work-card:hover .lens-glow{opacity:1}

.about{padding:170px 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw;align-items:center}.about-portrait{position:relative;display:grid;place-items:center;min-height:650px}.portrait-frame{position:relative;width:min(34vw,500px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 14px rgba(255,255,255,.025),0 50px 120px rgba(0,0,0,.45)}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 55%,rgba(0,0,0,.35))}.portrait-frame img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.portrait-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 45% 35%,#242424,#0b0b0b 65%);text-align:center;color:#777;z-index:1}.portrait-placeholder strong{font-size:140px;line-height:.7;color:#151515;-webkit-text-stroke:1px rgba(255,255,255,.12)}.portrait-placeholder span{font-size:9px;letter-spacing:.15em;line-height:1.8;margin-top:30px}.portrait-orbit{position:absolute;width:min(40vw,590px);aspect-ratio:1;border-radius:50%;display:grid;place-items:start center;font-size:9px;letter-spacing:.25em;color:#aaa;animation:spin 20s linear infinite}.portrait-orbit:after{content:"";position:absolute;inset:0;border:1px dashed rgba(255,255,255,.14);border-radius:50%}.portrait-badge{position:absolute;right:2%;bottom:14%;padding:16px 20px;border-radius:16px;z-index:4}.glass-panel{border:1px solid rgba(255,255,255,.15);background:rgba(8,8,8,.46);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.portrait-badge span{display:block;font-size:8px;letter-spacing:.2em;color:#84817b}.portrait-badge strong{font-size:12px;letter-spacing:.14em}.about-copy .lead{font-size:clamp(22px,2.2vw,34px);line-height:1.35;letter-spacing:-.035em;color:#ece8e2;max-width:780px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.about-stats>div{padding:22px 4px;border-top:1px solid var(--line)}.about-stats strong{display:block;font-size:clamp(34px,4vw,62px);font-weight:500;letter-spacing:-.06em}.about-stats strong:after{content:"+";color:var(--accent)}.about-stats span{display:block;margin-top:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#84817b}

.services{position:relative;padding:160px 0;background:linear-gradient(#080808,#050505);overflow:hidden}.services-backdrop{position:absolute;top:2vw;right:-2vw;font-size:24vw;font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.018);pointer-events:none}.services-head{position:relative;z-index:2;margin-bottom:70px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2}.service-card{min-height:390px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.018));backdrop-filter:blur(12px);border-radius:26px;padding:28px;display:flex;flex-direction:column;transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .3s,background .3s}.service-card:hover{border-color:rgba(216,255,95,.32);background:linear-gradient(155deg,rgba(216,255,95,.07),rgba(255,255,255,.02))}.service-icon{width:50px;height:50px;border-radius:16px;margin-bottom:auto}.service-card>span{font-size:10px;color:#6d6b67;letter-spacing:.18em;margin-top:44px}.service-card h3{font-size:28px;letter-spacing:-.045em;margin:10px 0}.service-card p{margin:0;color:#98958f;font-size:13px;line-height:1.75;max-width:340px}

.story-panels{background:#060606}.story-panel{min-height:120vh;display:grid;grid-template-columns:58% 42%;position:relative;border-top:1px solid var(--line)}.story-visual{position:sticky;top:0;height:100svh;overflow:hidden}.story-visual img{width:100%;height:115%;object-fit:cover;filter:saturate(.9) brightness(.78);transform:translateY(-7%)}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(5,5,5,.62))}.story-copy{padding:16vh 6vw;display:flex;flex-direction:column;justify-content:center}.story-copy>span{font-size:11px;letter-spacing:.2em;color:#666;margin-bottom:auto}.story-copy h3{font-size:clamp(48px,5.8vw,92px);line-height:.92;letter-spacing:-.065em;margin:20px 0 32px}.story-copy p:last-child{color:#9c9993;line-height:1.8;max-width:520px}

.process{padding:160px 0}.process>.eyebrow{margin-bottom:40px}.process-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:center;padding:34px 0;border-top:1px solid var(--line);transition:padding .3s}.process-row:last-child{border-bottom:1px solid var(--line)}.process-row:hover{padding-left:18px}.process-row>span{font-size:9px;letter-spacing:.2em;color:#6c6964}.process-row h3{margin:0;font-size:clamp(34px,4vw,60px);font-weight:500;letter-spacing:-.055em}.process-row p{margin:0;color:#8f8c86;line-height:1.6;justify-self:end;max-width:430px}

.contact{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 60% 55%,rgba(124,92,255,.16),transparent 38%),#050505;border-top:1px solid var(--line)}.contact-bg{position:absolute;left:0;top:12%;width:100%;display:flex;flex-direction:column;gap:0;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);font-size:19vw;font-weight:800;line-height:.66;letter-spacing:-.09em;pointer-events:none}.contact-bg span:nth-child(2){transform:translateX(16%)}.contact-inner{position:relative;z-index:2}.contact-title{font-size:clamp(72px,10vw,160px);line-height:.78;letter-spacing:-.078em;margin:26px 0 48px}.contact-title em{font-family:"Cormorant Garamond",serif;font-weight:400}.contact-mail{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(760px,100%);padding:18px 0;border-bottom:1px solid rgba(255,255,255,.28);font-size:clamp(20px,2.4vw,38px);letter-spacing:-.035em}.contact-mail svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.2}.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.social-chip{min-height:48px;padding:0 17px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em}.social-chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.social-text-icon{font-size:18px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 0;color:#716f6a;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footer-brand{font-weight:800;color:#d7d4cf}.footer-brand span{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400}

.reveal{opacity:0;transform:translateY(50px)}
.lightbox,.showreel-modal{position:fixed;inset:0;z-index:5000;background:rgba(3,3,3,.94);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:.35s}.lightbox.open,.showreel-modal.open{opacity:1;visibility:visible}.lightbox{display:grid;grid-template-columns:1fr;place-items:center;padding:5vw}.lightbox-media{width:min(1180px,86vw);height:min(76vh,850px);display:grid;place-items:center}.lightbox-media img{max-width:100%;max-height:100%;object-fit:contain;border-radius:22px;box-shadow:var(--shadow)}.lightbox-close,.showreel-close{position:absolute;right:28px;top:28px}.lightbox-caption{position:absolute;left:5vw;bottom:4vh;display:flex;flex-direction:column;gap:5px}.lightbox-caption span{font-size:9px;letter-spacing:.2em;color:#777;text-transform:uppercase}.lightbox-caption strong{font-size:24px;font-weight:500}.showreel-modal{display:grid;place-items:center;padding:6vw}.showreel-modal video{width:min(1240px,88vw);max-height:80vh;background:#000;border-radius:24px;box-shadow:var(--shadow)}

[dir="rtl"] .hero-title,[dir="rtl"] .display-title,[dir="rtl"] .manifesto-title,[dir="rtl"] .contact-title,[dir="rtl"] .story-copy h3{letter-spacing:-.03em}[dir="rtl"] .hero-bottom,[dir="rtl"] .work-intro,[dir="rtl"] .about,[dir="rtl"] .process-row,[dir="rtl"] .story-panel{text-align:right}[dir="rtl"] .desktop-nav,[dir="rtl"] .header-actions{direction:rtl}[dir="rtl"] .language-menu{right:auto;left:0}[dir="rtl"] .floating-tools{right:auto;left:24px}[dir="rtl"] .scroll-progress{right:auto;left:0}[dir="rtl"] .hero-scroll{right:auto;left:3.8vw}

@media (hover:hover) and (pointer:fine){.cursor{display:block}}
@media (max-width:1100px){
  .desktop-nav{display:none}.menu-toggle{display:inline-flex}.hero-orbit{display:none}.hero-scroll{display:none}.manifesto-grid{grid-template-columns:1fr;gap:30px}.manifesto-copy{max-width:620px}.work-intro{grid-template-columns:1fr;gap:28px}.about{grid-template-columns:1fr;gap:90px}.about-portrait{min-height:560px}.portrait-frame{width:min(62vw,480px)}.portrait-orbit{width:min(72vw,570px)}.service-grid{grid-template-columns:repeat(2,1fr)}.story-panel{grid-template-columns:52% 48%}.process-row{grid-template-columns:54px 1fr}.process-row p{grid-column:2;justify-self:start}.footer{flex-wrap:wrap}
}
@media (max-width:800px){
  :root{--shell:calc(100vw - 36px)}.site-header{top:10px;width:calc(100vw - 20px);height:58px;border-radius:17px;padding:0 10px 0 16px}.brand-main,.brand-sub{font-size:16px}.language-wrap>.glass-icon span{display:none}.glass-icon{width:40px;height:40px;border-radius:13px}.floating-tools{right:12px;bottom:12px}.floating-tools #soundBtn{display:none}[dir="rtl"] .floating-tools{left:12px;right:auto}
  .hero{min-height:760px;height:100svh}.hero-content{margin-bottom:8vh}.hero-title{font-size:clamp(58px,18vw,100px);line-height:.78;margin:18px 0 26px}.hero-bottom{display:block}.hero-copy{font-size:13px;max-width:90%}.hero-cta-row{margin-top:24px}.pill{min-height:48px;padding:0 18px}.hero-grid{background-size:18vw 18vw}.hero-ghost span{font-size:37vw}.manifesto{min-height:auto;padding:120px 0}.manifesto-grid{width:var(--shell)}.manifesto-title,.display-title{font-size:clamp(44px,13vw,74px)}
  .work{padding-top:110px}.work-intro{padding-bottom:52px}.horizontal-stage{height:auto;overflow:hidden}.horizontal-track{position:relative;top:auto;height:auto;overflow-x:auto;width:100%;padding:0 18px 36px;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-track::-webkit-scrollbar{display:none}.work-card,.work-card-wide{width:82vw;scroll-snap-align:center}.work-media,.work-card-wide .work-media{height:62vh;min-height:440px;border-radius:20px}.work-meta h3{font-size:23px}
  .about{padding:120px 0}.about-portrait{min-height:450px}.portrait-frame{width:min(76vw,390px)}.portrait-orbit{width:min(88vw,460px)}.portrait-badge{right:0;bottom:6%}.about-copy .lead{font-size:24px}.about-stats{gap:8px}.about-stats>div{padding-top:18px}.about-stats strong{font-size:38px}.about-stats span{font-size:8px;letter-spacing:.08em}
  .services{padding:120px 0}.services-head{margin-bottom:44px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;border-radius:22px}.service-card>span{margin-top:30px}.story-panel{min-height:auto;display:block}.story-visual{position:relative;height:72svh}.story-visual:after{background:linear-gradient(0deg,rgba(5,5,5,.55),transparent 50%)}.story-copy{padding:80px 18px 110px}.story-copy>span{margin-bottom:50px}.story-copy h3{font-size:clamp(46px,13vw,72px)}
  .process{padding:110px 0}.process-row{grid-template-columns:42px 1fr;padding:26px 0;gap:14px}.process-row h3{font-size:38px}.contact{min-height:88svh;padding:100px 0}.contact-title{font-size:clamp(58px,16vw,92px)}.contact-mail{font-size:19px;word-break:break-word}.contact-bg{font-size:33vw;top:20%}.footer{padding:28px 0;display:grid;gap:12px}.footer p{margin:0}
  .lightbox{padding:74px 12px 26px}.lightbox-media{width:100%;height:72vh}.lightbox-caption{left:18px;bottom:18px}.showreel-modal{padding:74px 12px 24px}.showreel-modal video{width:100%;max-height:76vh;border-radius:16px}
}
@media (max-width:480px){
  .hero-kicker,.eyebrow{font-size:8px;letter-spacing:.22em}.hero-title{font-size:16vw}.hero-copy{max-width:100%}.hero-cta-row{display:grid;grid-template-columns:1fr 1fr}.pill{font-size:9px;padding:0 12px}.portrait-badge{transform:scale(.9);transform-origin:right bottom}.about-stats{grid-template-columns:1fr 1fr}.about-stats>div:last-child{grid-column:1/-1}.social-chip{flex:1 1 calc(50% - 8px);justify-content:center}.mobile-menu-inner a{font-size:15vw}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.noise{display:none}.marquee-track,.portrait-orbit,.orbit-text,.hero-scroll i{animation:none!important}.reveal{opacity:1!important;transform:none!important}.cursor{display:none!important}
}


/* ===== V4 SIGNATURE / DENSITY UPGRADE ===== */
.hero-title,.contact-title,.story-copy h3,.process-row h3{font-family:"Syne","Manrope",system-ui,sans-serif}
.hero-title .serif>span,.contact-title em,.display-title em,.manifesto-title em,.editorial-center em{font-family:"Cormorant Garamond",serif}
.eyebrow,.hero-kicker,.desktop-nav,.work-meta span,.work-controls-label{font-weight:600}
.section-copy{font-size:14px;line-height:1.9;max-width:620px}
.work-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;position:relative;z-index:2}.work-note{min-height:190px;border-radius:22px;padding:22px;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:8px 18px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}.work-note>span{font-size:9px;letter-spacing:.18em;color:var(--accent)}.work-note strong{font-family:"Syne",sans-serif;font-size:18px}.work-note p{grid-column:2;margin:12px 0 0;color:#8f8b84;font-size:12px;line-height:1.75;max-width:340px}
.about{position:relative}.about:before{content:"X";position:absolute;right:-6vw;top:8%;font-family:"Syne",sans-serif;font-size:32vw;font-weight:800;line-height:.8;color:rgba(255,255,255,.012);pointer-events:none}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.about-profile-cta{margin-top:28px}.about-tags span{padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);font-size:8px;letter-spacing:.16em;color:#aaa}
.editorial-bridge{position:relative;min-height:108vh;padding:14vh 0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(124,92,255,.12),transparent 30%),#060606;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.editorial-word{position:absolute;width:max-content;font-family:"Syne",sans-serif;font-size:clamp(48px,8vw,130px);font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.065);white-space:nowrap;pointer-events:none}.editorial-word-a{top:5%;left:-8%;animation:editorialMoveA 28s linear infinite}.editorial-word-b{bottom:4%;right:-10%;animation:editorialMoveB 32s linear infinite}.editorial-collage{position:relative;min-height:80vh;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:3vw}.editorial-image{margin:0;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.10);box-shadow:0 35px 100px rgba(0,0,0,.45)}.editorial-image img{width:100%;height:100%;object-fit:cover}.editorial-image-a{height:58vh;transform:rotate(-3deg) translateY(5vh)}.editorial-image-b{height:52vh;transform:rotate(3deg) translateY(-4vh)}.editorial-center{position:relative;z-index:3;border-radius:28px;padding:44px 40px;text-align:center;background:rgba(9,9,9,.62)}.editorial-center>span{display:block;font-size:8px;letter-spacing:.25em;color:var(--accent);margin-bottom:24px}.editorial-center h2{font-family:"Syne",sans-serif;font-size:clamp(34px,4vw,64px);line-height:.98;letter-spacing:-.05em;margin:0}.editorial-center em{font-weight:400;color:#d9d4ca}.editorial-center p{max-width:560px;margin:28px auto 0;color:#9a9690;line-height:1.85;font-size:13px}@keyframes editorialMoveA{to{transform:translateX(-20%)}}@keyframes editorialMoveB{to{transform:translateX(20%)}}
.services{background:radial-gradient(circle at 20% 10%,rgba(216,255,95,.055),transparent 22%),linear-gradient(#080808,#050505)}.service-card:after{content:attr(data-ghost);position:absolute;right:18px;bottom:8px;font-family:"Syne",sans-serif;font-size:72px;font-weight:800;color:rgba(255,255,255,.02);pointer-events:none}.service-card h3{font-family:"Syne",sans-serif;font-weight:600}
@media(max-width:1100px){.work-card{width:min(48vw,520px)}.work-card-wide{width:min(60vw,650px)}.work-notes{grid-template-columns:1fr 1fr}.work-notes .work-note:last-child{grid-column:1/-1}.editorial-collage{grid-template-columns:.8fr 1.4fr .8fr}.editorial-center{padding:34px 26px}}
@media(max-width:800px){.work-controls{grid-template-columns:1fr auto;gap:12px}.work-controls-progress{grid-column:1/-1;grid-row:2}.work-controls-copy strong{font-size:11px}.horizontal-track{padding:8px 18px 28px;gap:14px}.work-card,.work-card-wide{width:82vw}.work-notes{grid-template-columns:1fr;margin-top:24px}.work-notes .work-note:last-child{grid-column:auto}.work-note{min-height:150px}.editorial-bridge{min-height:auto;padding:110px 0}.editorial-collage{min-height:auto;display:grid;grid-template-columns:1fr;gap:18px}.editorial-image-a,.editorial-image-b{height:52vh;transform:none}.editorial-image-b{display:none}.editorial-center{order:-1;text-align:left}.editorial-center h2{font-size:clamp(38px,11vw,60px)}[dir="rtl"] .editorial-center{text-align:right}.about-tags span{font-size:7px}.section-copy{font-size:13px}.work:before{font-size:28vw;top:42%}}
@media(max-width:480px){.work-controls-buttons .glass-icon{width:42px;height:42px}.work-controls-copy{min-width:0}.work-note p{grid-column:1/-1}.editorial-image-a{height:58vh}.about-tags{gap:6px}}

.media-missing{position:relative;background:radial-gradient(circle at 28% 22%,rgba(124,92,255,.28),transparent 28%),radial-gradient(circle at 78% 72%,rgba(216,255,95,.14),transparent 30%),linear-gradient(145deg,#171717,#090909 62%,#121212)!important}.media-missing:before{content:"XALO / VISUAL ARCHIVE";position:absolute;left:22px;bottom:24px;z-index:3;font-family:"Syne",sans-serif;font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.44)}.media-missing:after{content:"X";position:absolute;right:-3%;top:-10%;font-family:"Syne",sans-serif;font-size:260px;font-weight:800;line-height:1;color:rgba(255,255,255,.025);z-index:1}.media-missing img{opacity:0!important}


/* ===== V5 REFINED / 11-FRAME ARCHIVE / HERO + ICON SYSTEM ===== */
.hero{align-items:center}
.hero-content{width:min(1180px,88vw);margin:7vh auto 0}
.hero-kicker{font-size:9px;letter-spacing:.31em;color:#d3d0c8}
.hero-title{max-width:1120px;margin:20px 0 28px;font-size:clamp(58px,7.6vw,122px);line-height:.82;letter-spacing:-.065em}
.hero-line.serif{font-size:.82em;line-height:.88}
.hero-line.outline{font-size:.64em;line-height:1.03;letter-spacing:-.035em;-webkit-text-stroke:1px rgba(255,255,255,.52);opacity:.86}
.hero-bottom{max-width:1040px;align-items:center}
.hero-copy{max-width:530px;font-size:13px;line-height:1.82;color:#c1beb7}
.hero-ghost{inset:auto 4vw 8vh auto;display:block;opacity:1;mix-blend-mode:normal;transform:rotate(-90deg);transform-origin:right bottom}
.hero-ghost span{font-family:"Syne",sans-serif;font-size:clamp(52px,6vw,108px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);letter-spacing:.08em}
.hero-metadata{position:absolute;z-index:4;left:6vw;right:6vw;top:18vh;display:flex;justify-content:space-between;gap:30px;pointer-events:none;color:rgba(255,255,255,.5);font-size:8px;letter-spacing:.22em;text-transform:uppercase}
.hero-metadata span{display:flex;align-items:center;gap:10px}.hero-metadata span:before{content:"";width:26px;height:1px;background:rgba(255,255,255,.26)}
.hero-grid{opacity:.07;background-size:9vw 9vw}
.hero-vignette{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.26) 56%,rgba(0,0,0,.46) 100%),linear-gradient(0deg,rgba(0,0,0,.88) 0%,transparent 46%,rgba(0,0,0,.25) 100%)}

/* one cohesive frosted quick-action dock */
.floating-tools{right:22px;bottom:22px;gap:2px;padding:6px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:rgba(10,10,10,.48);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)}
.floating-tools .glass-icon{position:relative;width:44px;height:44px;border:0;border-radius:15px;background:transparent;box-shadow:none;color:#c9c6bf}
.floating-tools .glass-icon:hover{background:rgba(255,255,255,.09);border-color:transparent;color:#fff}
.floating-tools .glass-icon svg{width:18px;height:18px;stroke-width:1.35}
.floating-tools .glass-icon:after{content:attr(data-tip);position:absolute;right:54px;top:50%;transform:translate(8px,-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(10,10,10,.86);backdrop-filter:blur(18px);font-size:8px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}
.floating-tools .glass-icon:hover:after{opacity:1;visibility:visible;transform:translate(0,-50%)}
#soundBtn.is-on{color:var(--accent)}
[dir="rtl"] .floating-tools .glass-icon:after{right:auto;left:54px}

/* portfolio now supports the full 11-image archive */
.horizontal-track{gap:18px;padding-top:12px}
.work-card{width:min(27vw,430px)}.work-card-wide{width:min(38vw,590px)}
.work-media{height:min(62vh,650px);min-height:470px;border-radius:24px}
.work-card-wide .work-media{height:min(67vh,700px)}
.work-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.28));pointer-events:none}
.work-index{position:absolute;right:14px;top:14px;z-index:4;min-width:36px;height:26px;padding:0 9px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(8,8,8,.34);backdrop-filter:blur(12px);font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.work-meta h3{font-size:23px}.work-meta span{font-size:8px}
.work-controls-label{color:var(--accent)}
.work-controls-buttons .glass-icon{border-radius:999px;width:46px;height:46px}.work-controls-buttons .work-prev svg{transform:rotate(180deg)}
.project-open{border-radius:999px;width:42px;height:42px}.project-open svg{width:16px;height:16px}

/* headline rhythm / cleaner typography */
.display-title{letter-spacing:-.052em;line-height:.92}
.display-title em{letter-spacing:-.025em}
.manifesto-title{letter-spacing:-.052em}
.section-copy{color:#a9a59f}

@media(max-width:1100px){
  .hero-content{width:min(980px,88vw)}.hero-title{font-size:clamp(56px,9vw,108px)}.hero-metadata{top:16vh}.work-card{width:min(44vw,470px)}.work-card-wide{width:min(55vw,570px)}
}
@media(max-width:800px){
  .hero{align-items:flex-end}.hero-content{width:calc(100vw - 36px);margin:0 auto 8vh}.hero-metadata{top:96px;left:18px;right:18px;gap:12px;flex-wrap:wrap;justify-content:flex-start}.hero-metadata span:nth-child(3){display:none}.hero-title{font-size:clamp(48px,14vw,82px);line-height:.84;margin:16px 0 24px}.hero-line.serif{font-size:.88em}.hero-line.outline{font-size:.70em}.hero-ghost{right:-1vw;bottom:5vh}.hero-ghost span{font-size:18vw}.hero-bottom{display:block}.hero-copy{font-size:12px}.floating-tools{right:10px;bottom:10px;padding:5px;border-radius:19px}.floating-tools #soundBtn{display:inline-flex}.floating-tools .glass-icon{width:40px;height:40px;border-radius:13px}.floating-tools .glass-icon:after{display:none}.work-card,.work-card-wide{width:82vw}.work-media,.work-card-wide .work-media{height:58vh;min-height:410px}.work-index{top:11px;right:11px}
}
@media(max-width:480px){
  .hero-metadata{font-size:7px;letter-spacing:.16em}.hero-title{font-size:13vw}.hero-line.outline{font-size:.74em}.hero-cta-row{grid-template-columns:1fr 1fr}.work-media,.work-card-wide .work-media{min-height:370px;height:54vh}.work-meta h3{font-size:21px}
}


/* ===== V6 ICON SYSTEM / CLEAN INTERACTION ===== */
/* The service cards no longer tilt under the cursor. Their icon language is deliberately
   quiet, consistent and isolated from the custom cursor so UI layers never collide. */
.service-grid{gap:18px}
.service-card{
  min-height:342px;
  padding:25px;
  overflow:hidden;
  transform:none!important;
  transform-style:flat;
  isolation:isolate;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.055),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.015));
  border-color:rgba(255,255,255,.095);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.20);
  transition:border-color .32s ease,background .32s ease,box-shadow .32s ease,translate .32s ease;
}
.service-card:hover{
  translate:0 -3px;
  border-color:rgba(255,255,255,.17);
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.075),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.062),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 80px rgba(0,0,0,.26);
}
.service-card::before{
  content:"";
  position:absolute;
  left:25px;
  right:25px;
  bottom:0;
  height:1px;
  z-index:1;
  opacity:0;
  transform:scaleX(.25);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.55),transparent 80%);
  transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.service-card:hover::before{opacity:.65;transform:scaleX(1)}
.service-card::after{z-index:-1;right:16px;bottom:-8px;font-size:76px;color:rgba(255,255,255,.018)}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}
.service-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  margin:0;
  border-radius:15px;
  display:grid;
  place-items:center;
  position:relative;
  pointer-events:none;
  color:rgba(255,255,255,.88);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;
}
.service-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.service-card:hover .service-icon{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.20);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.24);
}
.service-number{
  margin:0!important;
  font-family:"Manrope",system-ui,sans-serif;
  font-size:9px!important;
  font-weight:700;
  letter-spacing:.2em!important;
  color:#77736d!important;
}
.service-card h3{margin:auto 0 10px;position:relative;z-index:2;font-size:27px;line-height:1.02}
.service-card p{position:relative;z-index:2;max-width:360px}
/* Keep the cursor out of the icon glass: no ring-on-ring collision. */
body.cursor-muted .cursor-ring{opacity:0!important;transform:translate(-50%,-50%) scale(.72)!important}
body.cursor-muted .cursor-dot{opacity:.34!important}
@media(max-width:800px){
  .service-grid{gap:12px}.service-card{min-height:290px;padding:22px}.service-card::before{left:22px;right:22px}.service-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}.service-card h3{font-size:25px}
}


/* =========================================================
   V7 FOOTER HUB — PROFESSIONAL NAV / SOCIAL / LEGAL / LANG
   ========================================================= */
.footer-hub{position:relative;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,#060606 0%,#030303 100%);padding:110px 0 34px;isolation:isolate}.footer-hub-bg{position:absolute;right:-2vw;bottom:-7vw;font-family:"Syne",sans-serif;font-size:31vw;line-height:.72;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.026);pointer-events:none;z-index:-1}.footer-hub:before{content:"";position:absolute;width:52vw;height:52vw;border-radius:50%;left:32%;top:18%;background:radial-gradient(circle,rgba(124,92,255,.12),rgba(124,92,255,0) 67%);filter:blur(18px);pointer-events:none;z-index:-1}.footer-hub-inner{position:relative}.footer-hub-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:70px;align-items:end;padding-bottom:62px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-hub-title{margin:18px 0 0;font-family:"Syne",sans-serif;font-size:clamp(48px,6.2vw,96px);line-height:.88;letter-spacing:-.065em}.footer-hub-title em{font-family:"Cormorant Garamond",serif;font-weight:400}.footer-mail-card{min-height:104px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.028));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:18px 20px;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.22);transition:transform .3s,border-color .3s,background .3s}.footer-mail-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))}.footer-mail-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.footer-mail-icon svg,.footer-mail-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.footer-mail-card small{display:block;color:#85827d;font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:7px}.footer-mail-card strong{font-size:clamp(14px,1.2vw,18px);font-weight:500;letter-spacing:-.02em;word-break:break-all}.footer-hub-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:22px;padding:48px 0 56px}.footer-group{padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:rgba(255,255,255,.025);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.footer-group-label{margin:0 0 16px;color:#787570;font-size:9px;text-transform:uppercase;letter-spacing:.19em}.footer-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.footer-action{appearance:none;width:100%;min-height:58px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);border-radius:16px;padding:9px 12px;display:flex;align-items:center;gap:11px;color:#dedbd5;font:inherit;font-size:11px;cursor:pointer;text-align:start;transition:transform .22s,background .22s,border-color .22s}.footer-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.footer-action-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.footer-action-icon svg,.footer-social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.footer-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.footer-social{min-height:58px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);border-radius:16px;padding:0 14px;display:flex;align-items:center;gap:11px;font-size:10px;color:#d9d6d0;transition:transform .22s,background .22s,border-color .22s}.footer-social:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.footer-social svg{width:18px;height:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-tagline{margin:0;color:#65625e;font-size:9px;letter-spacing:.09em;text-transform:uppercase;text-align:center}.footer-bottom-actions{display:flex;align-items:center;gap:16px}.footer-copy{margin:0;color:#6c6964;font-size:9px;letter-spacing:.09em;white-space:nowrap}.footer-language-wrap{position:relative}.footer-language-btn{min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#d8d5cf;display:flex;align-items:center;gap:9px;cursor:pointer;font:inherit}.footer-language-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.footer-language-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.footer-language-btn span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.footer-language-btn strong{font-size:9px;letter-spacing:.12em;color:#8d8983}.footer-language-menu{top:auto;bottom:54px;right:0}.legal-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.legal-modal.open{opacity:1;visibility:visible}.legal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.legal-card{position:relative;width:min(760px,100%);max-height:min(78vh,760px);overflow:auto;border-radius:26px;padding:38px 42px 42px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(22,22,22,.97),rgba(7,7,7,.98));box-shadow:0 38px 130px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}.legal-close{position:absolute;right:18px;top:18px}.legal-kicker{display:block;color:#77736e;font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}.legal-card h2{margin:0 58px 26px 0;font-family:"Syne",sans-serif;font-size:clamp(34px,5vw,64px);letter-spacing:-.055em}.legal-body{display:grid;gap:15px;color:#aaa6a0;font-size:14px;line-height:1.85}.legal-body p{margin:0}.legal-body strong{color:#e8e5df}.modal-open{overflow:hidden}
[dir="rtl"] .footer-mail-arrow{transform:scaleX(-1)}[dir="rtl"] .footer-action,[dir="rtl"] .footer-social,[dir="rtl"] .footer-mail-card{text-align:right}[dir="rtl"] .footer-language-menu{right:auto;left:0}[dir="rtl"] .legal-close{right:auto;left:18px}[dir="rtl"] .legal-card h2{margin:0 0 26px 58px}
@media(max-width:980px){.footer-hub{padding-top:86px}.footer-hub-head{grid-template-columns:1fr;gap:34px}.footer-hub-grid{grid-template-columns:1fr 1fr}.footer-group:last-child{grid-column:1/-1}.footer-social-grid{grid-template-columns:repeat(5,1fr)}.footer-social{justify-content:center}.footer-social span{display:none}.footer-bottom{grid-template-columns:auto 1fr}.footer-tagline{display:none}.footer-bottom-actions{justify-self:end}}
@media(max-width:680px){.footer-hub{padding:76px 0 26px}.footer-hub-title{font-size:clamp(44px,13vw,72px)}.footer-mail-card{grid-template-columns:48px minmax(0,1fr) 22px;min-height:90px;padding:14px;border-radius:20px}.footer-mail-icon{width:48px;height:48px}.footer-hub-grid{grid-template-columns:1fr;padding:34px 0}.footer-group:last-child{grid-column:auto}.footer-action-grid{grid-template-columns:1fr 1fr}.footer-social-grid{grid-template-columns:repeat(5,1fr)}.footer-social{min-height:52px;padding:0}.footer-bottom{grid-template-columns:1fr;gap:18px}.footer-bottom-actions{justify-self:stretch;justify-content:space-between}.footer-language-btn span{display:none}.legal-card{padding:34px 22px 26px;border-radius:22px}.legal-body{font-size:13px}.footer-hub-bg{font-size:52vw;bottom:8vw}}
@media(max-width:420px){.footer-action-grid{grid-template-columns:1fr}.footer-social-grid{grid-template-columns:repeat(5,1fr)}.footer-mail-card strong{font-size:12px}.footer-bottom-actions{align-items:flex-end;gap:10px}}


/* ===== V7.2 CINEMATIC MOTION WALL ===== */
.manifesto{
  isolation:isolate;
}
.manifesto::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 20% 28%, rgba(255,255,255,.035), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(124,92,255,.07), transparent 26%),
    radial-gradient(circle at 68% 75%, rgba(216,255,95,.045), transparent 30%),
    linear-gradient(180deg, rgba(5,5,5,.18), rgba(5,5,5,.36) 60%, rgba(5,5,5,.6));
  pointer-events:none;
}
.manifesto-motion-wall{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.manifesto-float{
  position:absolute;
  margin:0;
  width:clamp(180px, 17vw, 290px);
  aspect-ratio: 3 / 4;
  border-radius:26px;
  overflow:hidden;
  opacity:.18;
  filter:blur(10px) saturate(.8) contrast(.96);
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.06);
  transform-origin:center center;
  will-change:transform, opacity;
}
.manifesto-float::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.3));
}
.manifesto-float img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.12);
}
.manifesto-grid{z-index:2}
.manifesto-copy,.manifesto-title,.manifesto-grid .eyebrow{position:relative;z-index:2}
.mf-01{left:7%;top:10%;transform:rotate(-18deg) scale(.96);animation:mfDriftA 20s ease-in-out infinite alternate}
.mf-02{left:24%;top:-3%;transform:rotate(14deg) scale(.84);animation:mfDriftB 24s ease-in-out infinite alternate}
.mf-03{right:18%;top:6%;transform:rotate(-16deg) scale(.92);animation:mfDriftC 23s ease-in-out infinite alternate}
.mf-04{right:5%;top:23%;transform:rotate(18deg) scale(.88);animation:mfDriftA 26s ease-in-out infinite alternate-reverse}
.mf-05{left:41%;top:34%;transform:rotate(11deg) scale(.94);animation:mfDriftB 19s ease-in-out infinite alternate}
.mf-06{left:10%;bottom:12%;transform:rotate(-15deg) scale(.92);animation:mfDriftC 22s ease-in-out infinite alternate-reverse}
.mf-07{left:31%;bottom:-2%;transform:rotate(8deg) scale(.9);animation:mfDriftA 25s ease-in-out infinite alternate}
.mf-08{right:29%;bottom:16%;transform:rotate(-12deg) scale(.95);animation:mfDriftB 21s ease-in-out infinite alternate-reverse}
.mf-09{right:9%;bottom:6%;transform:rotate(13deg) scale(.9);animation:mfDriftC 24s ease-in-out infinite alternate}
.mf-10{left:56%;top:8%;transform:rotate(-8deg) scale(.8);animation:mfDriftA 28s ease-in-out infinite alternate-reverse}
.mf-11{right:40%;bottom:30%;transform:rotate(16deg) scale(.82);animation:mfDriftB 27s ease-in-out infinite alternate}
@keyframes mfDriftA{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  100%{transform:translate3d(26px,-22px,0) rotate(calc(var(--r-start, 0deg) + 5deg)) scale(calc(var(--s-start,1) + .03))}
}
@keyframes mfDriftB{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  100%{transform:translate3d(-34px,18px,0) rotate(calc(var(--r-start, 0deg) - 6deg)) scale(calc(var(--s-start,1) + .04))}
}
@keyframes mfDriftC{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  100%{transform:translate3d(18px,26px,0) rotate(calc(var(--r-start, 0deg) + 4deg)) scale(calc(var(--s-start,1) + .02))}
}
.mf-01{--r-start:-18deg;--s-start:.96}.mf-02{--r-start:14deg;--s-start:.84}.mf-03{--r-start:-16deg;--s-start:.92}.mf-04{--r-start:18deg;--s-start:.88}.mf-05{--r-start:11deg;--s-start:.94}.mf-06{--r-start:-15deg;--s-start:.92}.mf-07{--r-start:8deg;--s-start:.9}.mf-08{--r-start:-12deg;--s-start:.95}.mf-09{--r-start:13deg;--s-start:.9}.mf-10{--r-start:-8deg;--s-start:.8}.mf-11{--r-start:16deg;--s-start:.82}
[dir="rtl"] .mf-01{right:7%;left:auto}.btn-dummy{}
[dir="rtl"] .mf-02{right:24%;left:auto}
[dir="rtl"] .mf-03{left:18%;right:auto}
[dir="rtl"] .mf-04{left:5%;right:auto}
[dir="rtl"] .mf-05{right:41%;left:auto}
[dir="rtl"] .mf-06{right:10%;left:auto}
[dir="rtl"] .mf-07{right:31%;left:auto}
[dir="rtl"] .mf-08{left:29%;right:auto}
[dir="rtl"] .mf-09{left:9%;right:auto}
[dir="rtl"] .mf-10{right:56%;left:auto}
[dir="rtl"] .mf-11{left:40%;right:auto}

@media (prefers-reduced-motion: reduce){
  .manifesto-float{animation:none!important}
}
@media(max-width:1100px){
  .manifesto-float{opacity:.16;filter:blur(12px) saturate(.76)}
  .mf-10,.mf-11{display:none}
}
@media(max-width:800px){
  .manifesto{padding:120px 0 90px}
  .manifesto-motion-wall{opacity:.85}
  .manifesto-float{width:32vw;min-width:120px;border-radius:18px;opacity:.14;filter:blur(11px) saturate(.72)}
  .mf-02,.mf-04,.mf-07,.mf-10,.mf-11{display:none}
  .mf-01{left:-2%;top:8%}
  .mf-03{right:-3%;top:9%}
  .mf-05{left:36%;top:40%}
  .mf-06{left:3%;bottom:8%}
  .mf-08{right:18%;bottom:18%}
  .mf-09{right:-1%;bottom:2%}
  [dir="rtl"] .mf-01{right:-2%;left:auto}
  [dir="rtl"] .mf-03{left:-3%;right:auto}
  [dir="rtl"] .mf-05{right:36%;left:auto}
  [dir="rtl"] .mf-06{right:3%;left:auto}
  [dir="rtl"] .mf-08{left:18%;right:auto}
  [dir="rtl"] .mf-09{left:-1%;right:auto}
}


/* ===== V7.3 SIGNATURE SERVICE MOTION ===== */
.service-card{
  --service-accent:216,255,95;
  min-height:410px;
}
.service-card--portrait{--service-accent:239,214,196}
.service-card--fashion{--service-accent:198,176,255}
.service-card--music{--service-accent:245,163,255}
.service-card--commercial{--service-accent:255,208,139}
.service-card--drone{--service-accent:163,255,199}
.service-card--edit{--service-accent:154,208,255}
.service-card:hover,.service-card:focus-visible{
  border-color:rgba(var(--service-accent),.25);
  background:
    radial-gradient(circle at 50% 38%,rgba(var(--service-accent),.07),transparent 38%),
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.07),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.062),rgba(255,255,255,.018));
  outline:none;
}
.service-card:focus-visible{box-shadow:0 0 0 1px rgba(var(--service-accent),.36),inset 0 1px 0 rgba(255,255,255,.07),0 30px 80px rgba(0,0,0,.26)}
.service-card:hover .service-icon,.service-card:focus-visible .service-icon{border-color:rgba(var(--service-accent),.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 32px rgba(var(--service-accent),.08)}
.service-scene{
  position:relative;
  height:150px;
  margin:16px 0 20px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--service-accent),.045),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .35s ease,background .35s ease,transform .35s ease;
}
.service-card:hover .service-scene,.service-card:focus-visible .service-scene,.service-card.motion-active .service-scene{
  border-color:rgba(var(--service-accent),.14);
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--service-accent),.095),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.009));
  transform:translateY(-2px);
}
.scene-caption{position:absolute;left:14px;top:12px;z-index:8;font-size:7px;letter-spacing:.2em;color:rgba(255,255,255,.35)}
[dir="rtl"] .scene-caption{left:auto;right:14px}
.service-scene *{box-sizing:border-box}
.service-scene i,.service-scene span,.service-scene div,.service-scene svg{animation-play-state:paused!important}
.service-card:hover .service-scene *,.service-card:focus-visible .service-scene *,.service-card.motion-active .service-scene *{animation-play-state:running!important}

/* Portrait — breathing focus ring + soft light scan */
.scene-portrait{display:grid;place-items:center}
.portrait-subject{position:absolute;left:50%;top:52%;width:76px;height:92px;transform:translate(-50%,-50%);opacity:.52}
.portrait-head{position:absolute;left:50%;top:6px;width:30px;height:38px;border-radius:48% 48% 44% 44%;transform:translateX(-50%);border:1px solid rgba(var(--service-accent),.62);background:linear-gradient(145deg,rgba(var(--service-accent),.09),transparent)}
.portrait-shoulders{position:absolute;left:50%;bottom:0;width:74px;height:44px;border-radius:50% 50% 18% 18%/70% 70% 18% 18%;transform:translateX(-50%);border:1px solid rgba(var(--service-accent),.42);border-bottom-color:transparent}
.focus-ring{position:absolute;left:50%;top:53%;border:1px solid rgba(var(--service-accent),.38);border-radius:50%;transform:translate(-50%,-50%);animation:focusBreath 2.4s ease-in-out infinite}
.focus-ring-a{width:90px;height:90px}.focus-ring-b{width:118px;height:118px;animation-delay:-1.2s;opacity:.38}
.focus-corner{position:absolute;width:20px;height:20px;border-color:rgba(var(--service-accent),.55);border-style:solid;opacity:.5;animation:focusCorner 1.9s ease-in-out infinite alternate}
.fc-1{left:24%;top:25%;border-width:1px 0 0 1px}.fc-2{right:24%;top:25%;border-width:1px 1px 0 0}.fc-3{left:24%;bottom:18%;border-width:0 0 1px 1px}.fc-4{right:24%;bottom:18%;border-width:0 1px 1px 0}
.portrait-scan{position:absolute;left:23%;right:23%;top:32%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--service-accent),.86),transparent);box-shadow:0 0 14px rgba(var(--service-accent),.2);animation:portraitScan 2.6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes focusBreath{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.72}}
@keyframes focusCorner{to{transform:translateY(-3px);opacity:.88}}
@keyframes portraitScan{0%,12%{top:32%;opacity:0}30%{opacity:1}75%{opacity:.75}100%{top:72%;opacity:0}}

/* Fashion — runway perspective + walking editorial figure + ribbons */
.scene-fashion{perspective:500px}
.runway{position:absolute;left:16%;right:16%;bottom:-16px;height:120px;transform:rotateX(64deg);transform-origin:bottom center;border-top:1px solid rgba(var(--service-accent),.2);background:repeating-linear-gradient(90deg,transparent 0 32px,rgba(var(--service-accent),.12) 33px 34px),linear-gradient(180deg,rgba(var(--service-accent),.02),rgba(var(--service-accent),.09));clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.runway i{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(var(--service-accent),.2)}
.runway i:nth-child(1){transform:translateX(-48px)}.runway i:nth-child(2){transform:translateX(-24px)}.runway i:nth-child(3){transform:translateX(0)}.runway i:nth-child(4){transform:translateX(24px)}.runway i:nth-child(5){transform:translateX(48px)}
.fashion-figure{position:absolute;left:50%;top:34px;width:34px;height:90px;transform:translateX(-50%);animation:fashionWalk 2.2s ease-in-out infinite}
.ff-head{position:absolute;left:50%;top:0;width:13px;height:13px;border:1px solid rgba(var(--service-accent),.7);border-radius:50%;transform:translateX(-50%)}
.ff-body{position:absolute;left:50%;top:16px;width:20px;height:41px;border:1px solid rgba(var(--service-accent),.48);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);transform:translateX(-50%)}
.ff-leg{position:absolute;top:57px;width:1px;height:30px;background:rgba(var(--service-accent),.55);transform-origin:top}.ff-leg-a{left:15px;animation:legA 1.1s ease-in-out infinite alternate}.ff-leg-b{right:15px;animation:legB 1.1s ease-in-out infinite alternate}
.fashion-ribbon{position:absolute;width:110px;height:42px;border:1px solid rgba(var(--service-accent),.28);border-radius:50%;transform:rotate(-18deg);animation:ribbonFloat 4s ease-in-out infinite alternate}
.ribbon-a{left:8%;top:37px}.ribbon-b{right:5%;bottom:12px;transform:rotate(23deg) scale(.8);animation-delay:-2s}
@keyframes fashionWalk{50%{transform:translateX(-50%) translateY(5px) scale(1.04)}}
@keyframes legA{to{transform:rotate(9deg)}}@keyframes legB{to{transform:rotate(-9deg)}}
@keyframes ribbonFloat{to{transform:translate(14px,-7px) rotate(-10deg) scale(1.04)}}

/* Music video — pulse disc + equalizer + travelling waveform */
.scene-music{display:flex;align-items:center;justify-content:center}
.music-disc{position:absolute;left:23%;top:50%;width:72px;height:72px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(var(--service-accent),.38);box-shadow:inset 0 0 0 12px rgba(var(--service-accent),.02);animation:discSpin 5s linear infinite}
.music-disc:before,.music-disc:after{content:"";position:absolute;border-radius:50%;inset:9px;border:1px solid rgba(var(--service-accent),.16)}.music-disc:after{inset:24px;background:rgba(var(--service-accent),.14);border-color:rgba(var(--service-accent),.4)}
.music-play{position:absolute;left:50%;top:50%;z-index:2;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(var(--service-accent),.9);transform:translate(-37%,-50%)}
.music-pulse{position:absolute;inset:-12px;border:1px solid rgba(var(--service-accent),.22);border-radius:50%;animation:musicPulse 1.25s ease-out infinite}
.equalizer{position:absolute;left:42%;right:8%;bottom:28px;height:64px;display:flex;gap:5px;align-items:flex-end}
.equalizer i{width:5px;height:24%;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,rgba(var(--service-accent),.9),rgba(var(--service-accent),.12));animation:eqBounce calc(.72s + var(--b)*.025s) ease-in-out infinite alternate;transform-origin:bottom}
.equalizer i:nth-child(2n){height:54%}.equalizer i:nth-child(3n){height:82%}.equalizer i:nth-child(4n){height:39%}
.wave-line{position:absolute;left:40%;right:7%;top:50px;height:22px;overflow:hidden;opacity:.5}.wave-line span{display:block;width:190%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(var(--service-accent),.55) 9px 10px,transparent 11px 17px);mask-image:linear-gradient(180deg,transparent 0,#000 50%,transparent 100%);animation:waveMove 1.8s linear infinite}
@keyframes discSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes musicPulse{to{transform:scale(1.32);opacity:0}}@keyframes eqBounce{to{transform:scaleY(3.4)}}@keyframes waveMove{to{transform:translateX(-32%)}}

/* Commercial — ad composition, crop marks and scanning light */
.scene-commercial{overflow:hidden}
.ad-frame{position:absolute;border:1px solid rgba(var(--service-accent),.35);background:rgba(var(--service-accent),.025);border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ad-frame-main{left:20%;top:30px;width:126px;height:92px;animation:adFloat 2.8s ease-in-out infinite alternate}
.ad-frame-side{right:13%;top:48px;width:72px;height:62px;transform:rotate(7deg);opacity:.55;animation:adFloatSide 3.3s ease-in-out infinite alternate}
.ad-product{position:absolute;left:19px;top:18px;width:40px;height:50px;border-radius:8px;background:linear-gradient(145deg,rgba(var(--service-accent),.25),rgba(var(--service-accent),.04));border:1px solid rgba(var(--service-accent),.22)}
.ad-copy{position:absolute;right:15px;height:3px;border-radius:5px;background:rgba(var(--service-accent),.35)}.ad-copy-a{top:25px;width:40px}.ad-copy-b{top:38px;width:31px}
.ad-scan{position:absolute;top:0;bottom:0;width:70px;left:-100px;background:linear-gradient(90deg,transparent,rgba(var(--service-accent),.08),rgba(255,255,255,.08),transparent);transform:skewX(-18deg);animation:adScan 2.4s ease-in-out infinite}
.ad-corner{position:absolute;width:16px;height:16px;border-color:rgba(var(--service-accent),.45);border-style:solid}.ac-a{left:11%;bottom:18%;border-width:0 0 1px 1px}.ac-b{right:8%;top:18%;border-width:1px 1px 0 0}
@keyframes adFloat{to{transform:translateY(-7px) rotate(-1deg)}}@keyframes adFloatSide{to{transform:translateY(6px) rotate(10deg)}}@keyframes adScan{0%,18%{left:-100px;opacity:0}35%{opacity:1}100%{left:120%;opacity:0}}

/* Drone — aerial map, animated route and gliding drone */
.scene-drone{background:radial-gradient(circle at 50% 50%,rgba(var(--service-accent),.05),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.006))}
.drone-map{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(var(--service-accent),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--service-accent),.18) 1px,transparent 1px);background-size:24px 24px;transform:rotate(8deg) scale(1.2);animation:mapDrift 8s linear infinite}
.drone-route{position:absolute;left:5%;right:5%;bottom:17px;width:90%;height:80%;overflow:visible}.drone-route path{fill:none;stroke:rgba(var(--service-accent),.55);stroke-width:1.2;stroke-dasharray:.06 .045;stroke-dashoffset:0;animation:routeDash 2s linear infinite}
.mini-drone{position:absolute;left:16%;top:70%;width:38px;height:28px;animation:droneFlight 4s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.drone-body{position:absolute;left:50%;top:50%;width:16px;height:8px;border-radius:8px;background:rgba(var(--service-accent),.64);transform:translate(-50%,-50%)}
.drone-arm{position:absolute;left:50%;top:50%;width:32px;height:1px;background:rgba(var(--service-accent),.46);transform-origin:center}.da-1{transform:translate(-50%,-50%) rotate(28deg)}.da-2{transform:translate(-50%,-50%) rotate(-28deg)}
.drone-rotor{position:absolute;width:12px;height:4px;border:1px solid rgba(var(--service-accent),.48);border-radius:50%;animation:rotorSpin .32s linear infinite}.dr-1{left:0;top:0}.dr-2{right:0;top:0}.dr-3{left:0;bottom:0}.dr-4{right:0;bottom:0}
.map-ping{position:absolute;width:8px;height:8px;border-radius:50%;border:1px solid rgba(var(--service-accent),.55)}.map-ping:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(var(--service-accent),.18);border-radius:50%;animation:pingPulse 1.6s ease-out infinite}.ping-a{right:16%;top:27%}.ping-b{left:18%;bottom:24%;animation-delay:-.8s}
@keyframes mapDrift{to{background-position:48px 24px}}@keyframes routeDash{to{stroke-dashoffset:-.21}}@keyframes droneFlight{0%{left:13%;top:70%;transform:rotate(-8deg)}45%{left:47%;top:32%;transform:rotate(5deg)}100%{left:78%;top:48%;transform:rotate(-3deg)}}@keyframes rotorSpin{to{transform:rotate(360deg)}}@keyframes pingPulse{to{transform:scale(1.6);opacity:0}}

/* Editing — timeline clips, waveform and moving playhead */
.scene-edit{padding-top:40px}
.timeline-ruler{position:absolute;left:8%;right:8%;top:36px;height:12px;display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid rgba(var(--service-accent),.18)}
.timeline-ruler i{width:1px;height:8px;background:rgba(var(--service-accent),.32)}
.timeline-track{position:absolute;left:8%;right:8%;height:24px;border-radius:6px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.035);overflow:hidden}.track-a{top:56px}.track-b{top:86px}
.clip{position:absolute;top:3px;bottom:3px;border-radius:4px;background:linear-gradient(90deg,rgba(var(--service-accent),.3),rgba(var(--service-accent),.08));border:1px solid rgba(var(--service-accent),.18);animation:clipGlow 1.8s ease-in-out infinite alternate}.ca-1{left:2%;width:24%}.ca-2{left:28%;width:34%;animation-delay:-.7s}.ca-3{left:65%;width:30%;animation-delay:-1.1s}.cb-1{left:8%;width:40%;animation-delay:-.35s}.cb-2{left:51%;width:42%;animation-delay:-.9s}
.edit-wave{position:absolute;left:8%;right:8%;bottom:14px;height:22px;display:flex;align-items:center;gap:3px;opacity:.48}.edit-wave i{width:2px;height:24%;background:rgba(var(--service-accent),.55);border-radius:2px;animation:editWave .82s ease-in-out infinite alternate}.edit-wave i:nth-child(2n){height:70%}.edit-wave i:nth-child(3n){height:42%}.edit-wave i:nth-child(4n){height:92%}
.playhead{position:absolute;top:29px;bottom:8px;width:1px;left:10%;background:rgba(var(--service-accent),.9);box-shadow:0 0 12px rgba(var(--service-accent),.18);animation:playheadMove 3.3s linear infinite}.playhead-cap{position:absolute;top:25px;left:calc(10% - 3px);width:7px;height:6px;background:rgba(var(--service-accent),.9);clip-path:polygon(0 0,100% 0,50% 100%);animation:playheadCap 3.3s linear infinite}
@keyframes clipGlow{to{filter:brightness(1.35)}}@keyframes editWave{to{transform:scaleY(1.6)}}@keyframes playheadMove{to{left:90%}}@keyframes playheadCap{to{left:calc(90% - 3px)}}

@media (hover:none),(pointer:coarse){
  .service-card.motion-active .service-scene{box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 42px rgba(var(--service-accent),.035)}
}
@media(max-width:800px){
  .service-card{min-height:390px}
  .service-scene{height:145px;margin:14px 0 18px}
}
@media(max-width:480px){
  .service-card{min-height:370px}
  .service-scene{height:136px;border-radius:17px}
  .scene-caption{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .service-scene *{animation:none!important}
}


/* ===== V7.4 CELESTIAL MOTION ===== */
.manifesto::before{
  background:
    radial-gradient(circle at 20% 28%, rgba(255,255,255,.05), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(124,92,255,.09), transparent 26%),
    radial-gradient(circle at 68% 75%, rgba(216,255,95,.06), transparent 30%),
    linear-gradient(180deg, rgba(5,5,5,.12), rgba(5,5,5,.32) 50%, rgba(5,5,5,.58));
}
.manifesto-motion-wall{
  filter:none;
}
.manifesto-stars{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.star{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  box-shadow:0 0 10px rgba(255,255,255,.85), 0 0 22px rgba(145,171,255,.45);
  opacity:.38;
  animation:starTwinkle 4.4s ease-in-out infinite alternate, starFloat 14s linear infinite;
}
.star::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.star-01{left:8%;top:14%;animation-delay:.1s,0s}.star-02{left:18%;top:30%;animation-delay:1.1s,-4s}.star-03{left:27%;top:9%;animation-delay:2.3s,-7s}.star-04{left:39%;top:22%;animation-delay:.7s,-2s}.star-05{left:47%;top:12%;animation-delay:3.4s,-5s}.star-06{left:58%;top:29%;animation-delay:2s,-8s}.star-07{left:66%;top:8%;animation-delay:1.9s,-3s}.star-08{left:76%;top:18%;animation-delay:4s,-10s}.star-09{left:88%;top:26%;animation-delay:.4s,-1s}.star-10{left:13%;top:58%;animation-delay:2.1s,-6s}.star-11{left:24%;top:71%;animation-delay:4.6s,-11s}.star-12{left:42%;top:61%;animation-delay:.9s,-9s}.star-13{left:54%;top:76%;animation-delay:1.7s,-12s}.star-14{left:69%;top:67%;animation-delay:3.7s,-4s}.star-15{left:81%;top:58%;animation-delay:2.8s,-13s}.star-16{left:92%;top:77%;animation-delay:4.1s,-14s}
@keyframes starTwinkle{0%{opacity:.18;transform:scale(.85)}100%{opacity:.72;transform:scale(1.35)}}
@keyframes starFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.manifesto-float{
  opacity:.2;
  filter:blur(15px) saturate(.86) contrast(.98);
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 28px 90px rgba(0,0,0,.36), 0 0 30px rgba(134,166,255,.08), 0 0 90px rgba(100,130,255,.05);
}
.manifesto-float::before{
  content:"";
  position:absolute;
  inset:-10%;
  z-index:0;
  background:radial-gradient(circle at 50% 50%, rgba(173,196,255,.22), transparent 55%);
  filter:blur(18px);
  opacity:.9;
  animation:haloPulse 7.5s ease-in-out infinite alternate;
}
.manifesto-float::after{
  background:linear-gradient(180deg, rgba(0,0,0,.01), rgba(0,0,0,.28));
}
.manifesto-float img{
  position:relative;
  z-index:1;
  transform:scale(1.15);
  animation:imgBreath 10s ease-in-out infinite alternate;
}
@keyframes haloPulse{0%{transform:scale(.96);opacity:.55}100%{transform:scale(1.08);opacity:1}}
@keyframes imgBreath{0%{transform:scale(1.12)}100%{transform:scale(1.19)}}
.mf-01{animation-duration:14s}.mf-02{animation-duration:16s}.mf-03{animation-duration:15s}.mf-04{animation-duration:18s}.mf-05{animation-duration:13s}.mf-06{animation-duration:16s}.mf-07{animation-duration:17s}.mf-08{animation-duration:14s}.mf-09{animation-duration:16s}.mf-10{animation-duration:18s}.mf-11{animation-duration:17s}
.mf-03,.mf-05,.mf-08{opacity:.23}
.mf-02,.mf-10,.mf-11{filter:blur(17px) saturate(.84) contrast(.97)}
@media (prefers-reduced-motion: reduce){
  .star,.manifesto-float img,.manifesto-float::before{animation:none!important}
}
@media(max-width:1100px){
  .manifesto-float{opacity:.18;filter:blur(16px) saturate(.78)}
  .star{opacity:.28}
}
@media(max-width:800px){
  .manifesto-float{opacity:.16;filter:blur(14px) saturate(.76)}
  .star{width:2px;height:2px;opacity:.24}
  .star-05,.star-08,.star-11,.star-15{display:none}
}


/* ===== V7.5 SKY ICONS TUNING ===== */
.manifesto-motion-wall{
  perspective: 1200px;
}
.manifesto-stars{
  opacity:.82;
  filter:blur(.15px);
}
.star{
  width:2px;
  height:2px;
  opacity:.3;
  box-shadow:0 0 8px rgba(255,255,255,.72), 0 0 18px rgba(145,171,255,.28);
  animation-duration:3.6s, 10s;
}
.manifesto-float{
  width:clamp(150px, 14vw, 215px);
  border-radius:28px;
  opacity:.19;
  filter:blur(8px) saturate(.9) contrast(1);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.055),
    0 18px 52px rgba(0,0,0,.22),
    0 0 18px rgba(134,166,255,.07),
    0 0 56px rgba(100,130,255,.04);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.manifesto-float::before{
  inset:-8%;
  background:radial-gradient(circle at 50% 50%, rgba(193,209,255,.18), transparent 58%);
  filter:blur(14px);
  opacity:.82;
  animation:haloPulseSky 5.6s ease-in-out infinite alternate;
}
.manifesto-float::after{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12));
}
.manifesto-float img{
  transform:scale(1.08);
  animation:imgSkyBreath 7.2s ease-in-out infinite alternate;
}
@keyframes haloPulseSky{
  0%{transform:translateY(0) scale(.98);opacity:.58}
  100%{transform:translateY(-3px) scale(1.05);opacity:.96}
}
@keyframes imgSkyBreath{
  0%{transform:translateY(0) scale(1.06)}
  100%{transform:translateY(-4px) scale(1.11)}
}
@keyframes mfSwimA{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  25%{transform:translate3d(20px,-12px,0) rotate(calc(var(--r-start, 0deg) + 3deg)) scale(calc(var(--s-start,1) + .025))}
  50%{transform:translate3d(34px,-28px,0) rotate(calc(var(--r-start, 0deg) + 5deg)) scale(calc(var(--s-start,1) + .04))}
  75%{transform:translate3d(16px,-40px,0) rotate(calc(var(--r-start, 0deg) + 2deg)) scale(calc(var(--s-start,1) + .02))}
  100%{transform:translate3d(-4px,-14px,0) rotate(calc(var(--r-start, 0deg) - 2deg)) scale(calc(var(--s-start,1) + .03))}
}
@keyframes mfSwimB{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  25%{transform:translate3d(-18px,10px,0) rotate(calc(var(--r-start, 0deg) - 3deg)) scale(calc(var(--s-start,1) + .02))}
  50%{transform:translate3d(-30px,22px,0) rotate(calc(var(--r-start, 0deg) - 5deg)) scale(calc(var(--s-start,1) + .035))}
  75%{transform:translate3d(-12px,36px,0) rotate(calc(var(--r-start, 0deg) - 2deg)) scale(calc(var(--s-start,1) + .02))}
  100%{transform:translate3d(5px,12px,0) rotate(calc(var(--r-start, 0deg) + 2deg)) scale(calc(var(--s-start,1) + .028))}
}
@keyframes mfSwimC{
  0%{transform:translate3d(0,0,0) rotate(var(--r-start, 0deg)) scale(var(--s-start,1))}
  25%{transform:translate3d(10px,18px,0) rotate(calc(var(--r-start, 0deg) + 2deg)) scale(calc(var(--s-start,1) + .015))}
  50%{transform:translate3d(26px,30px,0) rotate(calc(var(--r-start, 0deg) + 4deg)) scale(calc(var(--s-start,1) + .03))}
  75%{transform:translate3d(40px,12px,0) rotate(calc(var(--r-start, 0deg) + 1deg)) scale(calc(var(--s-start,1) + .02))}
  100%{transform:translate3d(14px,-6px,0) rotate(calc(var(--r-start, 0deg) - 2deg)) scale(calc(var(--s-start,1) + .025))}
}
.mf-01{animation:mfSwimA 10s ease-in-out infinite alternate}
.mf-02{animation:mfSwimB 11s ease-in-out infinite alternate}
.mf-03{animation:mfSwimC 10.5s ease-in-out infinite alternate}
.mf-04{animation:mfSwimA 12s ease-in-out infinite alternate-reverse}
.mf-05{animation:mfSwimB 9.5s ease-in-out infinite alternate}
.mf-06{animation:mfSwimC 10.8s ease-in-out infinite alternate-reverse}
.mf-07{animation:mfSwimA 11.6s ease-in-out infinite alternate}
.mf-08{animation:mfSwimB 9.8s ease-in-out infinite alternate-reverse}
.mf-09{animation:mfSwimC 11.2s ease-in-out infinite alternate}
.mf-10{animation:mfSwimA 12.4s ease-in-out infinite alternate-reverse}
.mf-11{animation:mfSwimB 11.4s ease-in-out infinite alternate}
.mf-03,.mf-05,.mf-08{opacity:.22}
.mf-02,.mf-10,.mf-11{filter:blur(9px) saturate(.88) contrast(.99)}
@media(max-width:1100px){
  .manifesto-float{width:clamp(130px, 18vw, 180px);filter:blur(9px) saturate(.86);opacity:.17}
}
@media(max-width:800px){
  .manifesto-float{width:28vw;min-width:104px;filter:blur(8px) saturate(.84);opacity:.15;border-radius:22px}
  .star{animation-duration:3.2s,8.5s}
}


/* ===== V7.6 GLASS GALLERY ===== */
.lightbox.lightbox-gallery{
  display:grid;
  grid-template-columns:minmax(60px,84px) minmax(0,1fr) minmax(60px,84px);
  align-items:center;
  gap:18px;
  padding:34px 24px;
  background:rgba(3,3,3,.72);
  backdrop-filter:blur(18px) saturate(1.06);
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  overflow:hidden;
}
.lightbox-bg{
  position:absolute;
  inset:-8%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:blur(34px) saturate(1.08) brightness(.42);
  transform:scale(1.14);
  opacity:.92;
}
.lightbox-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 36%),
    linear-gradient(180deg, rgba(6,6,6,.15), rgba(6,6,6,.62));
}
.lightbox-stage{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:18px;
}
.lightbox-shell{
  width:min(1320px, 78vw);
  max-height:78vh;
  padding:16px;
  border-radius:34px;
  background:rgba(22,22,22,.18);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(1.06);
  -webkit-backdrop-filter:blur(22px) saturate(1.06);
}
.lightbox-gallery .lightbox-media{
  width:min(1280px,74vw);
  height:min(74vh, 860px);
  border-radius:24px;
  overflow:hidden;
  background:rgba(12,12,12,.35);
  position:relative;
}
.lightbox-gallery .lightbox-media::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
  z-index:2;
}
.lightbox-gallery .lightbox-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:inherit;
  box-shadow:none;
  background:transparent;
  transition:transform .5s ease, opacity .32s ease, filter .4s ease;
}
.lightbox-gallery.is-switching .lightbox-media img{
  opacity:.15;
  transform:scale(.975);
  filter:blur(4px);
}
.lightbox-gallery .lightbox-caption{
  position:relative;
  left:auto;
  bottom:auto;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:6px;
  min-width:min(520px, 82vw);
  padding:16px 22px;
  border-radius:22px;
}
.lightbox-gallery .lightbox-caption span{
  font-size:10px;
  letter-spacing:.22em;
  color:#9f9f9f;
  text-transform:uppercase;
}
.lightbox-gallery .lightbox-caption strong{
  font-size:clamp(24px, 3vw, 38px);
  font-weight:500;
  line-height:1.06;
}
.lightbox-gallery .lightbox-caption small{
  font-size:11px;
  letter-spacing:.16em;
  color:#b7b7b7;
  text-transform:uppercase;
}
.lightbox-gallery .lightbox-nav,
.lightbox-gallery .lightbox-close{
  position:relative;
  z-index:3;
  width:58px;
  height:58px;
  align-self:center;
  justify-self:center;
}
.lightbox-gallery .lightbox-close{
  position:absolute;
  top:26px;
  right:26px;
}
.lightbox-gallery .lightbox-nav svg,
.lightbox-gallery .lightbox-close svg{
  width:18px;
  height:18px;
}
.lightbox-gallery .lightbox-prev svg{transform:rotate(180deg)}
.work-media,.work-card .project-open{cursor:pointer}
.work-card{cursor:default}
@media (max-width: 980px){
  .lightbox.lightbox-gallery{grid-template-columns:1fr;gap:12px;padding:74px 14px 18px}
  .lightbox-gallery .lightbox-stage{order:1;width:100%}
  .lightbox-gallery .lightbox-shell{width:100%;padding:10px;border-radius:24px}
  .lightbox-gallery .lightbox-media{width:100%;height:min(62vh,620px);border-radius:18px}
  .lightbox-gallery .lightbox-caption{min-width:0;width:min(96vw,580px);padding:12px 14px}
  .lightbox-gallery .lightbox-nav{position:absolute;bottom:20px;width:52px;height:52px}
  .lightbox-gallery .lightbox-prev{left:18px}
  .lightbox-gallery .lightbox-next{right:18px}
  .lightbox-gallery .lightbox-close{top:18px;right:18px}
}


/* ===== V7.7 LIGHTBOX FIX + NOTE ANIMATIONS ===== */
.work-note{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.work-note > *{position:relative;z-index:2}
.work-note::before,.work-note::after{content:"";position:absolute;pointer-events:none;z-index:1;opacity:.86}
.work-note:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);box-shadow:0 18px 42px rgba(0,0,0,.24)}

.work-note--direction::before{
  width:160px;height:2px;left:-22px;top:42px;
  background:linear-gradient(90deg, transparent, rgba(223,255,92,.08), rgba(223,255,92,.7), transparent);
  transform:rotate(18deg);
  animation:noteDirectionSweep 6.8s ease-in-out infinite;
}
.work-note--direction::after{
  width:64px;height:64px;right:18px;bottom:20px;border:1px solid rgba(223,255,92,.18);border-radius:50%;
  box-shadow:0 0 0 10px rgba(223,255,92,.03), inset 0 0 0 1px rgba(255,255,255,.04);
  animation:noteDirectionPulse 3.8s ease-in-out infinite;
}

.work-note--light::before{
  inset:-12% auto auto -6%;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,247,214,.46), rgba(255,255,255,.08) 34%, transparent 66%);
  filter:blur(8px);
  animation:noteLightDrift 7.6s ease-in-out infinite;
}
.work-note--light::after{
  width:180px;height:2px;right:-28px;top:58px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
  transform:rotate(-18deg);
  box-shadow:0 0 20px rgba(255,240,194,.28);
  animation:noteLightBeam 5.2s ease-in-out infinite;
}

.work-note--post::before{
  left:22px;right:22px;bottom:24px;height:54px;border-radius:14px;
  background:
    linear-gradient(180deg, transparent 0 10px, rgba(255,255,255,.06) 10px 11px, transparent 11px 24px, rgba(255,255,255,.05) 24px 25px, transparent 25px 38px, rgba(255,255,255,.04) 38px 39px, transparent 39px),
    linear-gradient(90deg, rgba(223,255,92,.06), transparent 42%);
  opacity:.82;
}
.work-note--post::after{
  width:3px;height:62px;right:28px;bottom:18px;border-radius:999px;
  background:linear-gradient(180deg, rgba(223,255,92,.95), rgba(223,255,92,.15));
  box-shadow:0 0 18px rgba(223,255,92,.24);
  animation:notePostPlayhead 4.8s ease-in-out infinite;
}
@keyframes noteDirectionSweep{
  0%,100%{transform:translateX(-22px) rotate(18deg);opacity:.28}
  50%{transform:translateX(72px) rotate(18deg);opacity:1}
}
@keyframes noteDirectionPulse{
  0%,100%{transform:scale(.92);opacity:.35}
  50%{transform:scale(1.05);opacity:.9}
}
@keyframes noteLightDrift{
  0%,100%{transform:translate(0,0) scale(.92);opacity:.45}
  50%{transform:translate(22px,14px) scale(1.1);opacity:.96}
}
@keyframes noteLightBeam{
  0%,100%{transform:translateX(22px) rotate(-18deg);opacity:.18}
  45%,55%{transform:translateX(-62px) rotate(-18deg);opacity:.92}
}
@keyframes notePostPlayhead{
  0%,100%{transform:translateX(0);opacity:.3}
  50%{transform:translateX(-108px);opacity:1}
}
@media (max-width:800px){
  .work-note::before,.work-note::after{opacity:.72}
}


/* ===== V7.8 LIGHTBOX HARD FIX ===== */
.work-media{cursor:zoom-in;touch-action:pan-y}
.horizontal-track.dragging .work-media{cursor:grabbing}
.lightbox-gallery.open{pointer-events:auto}


/* ===== V8 DIRECTOR'S CUT ===== */
/* Premium motion hierarchy: media first, motion second. */
.work{--mood-rgb:124,92,255;isolation:isolate}
.work-mood{
  position:absolute;
  inset:-16% -10%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 44%,rgba(var(--mood-rgb),.15),transparent 30%),
    radial-gradient(circle at 18% 72%,rgba(var(--mood-rgb),.07),transparent 24%);
  filter:blur(28px);
  opacity:.78;
  transition:background 1s ease,opacity .8s ease;
}
.work > *:not(.work-mood){position:relative;z-index:2}
.work-card{will-change:transform;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.work-media{transform:translateZ(0);transition:border-color .35s ease,box-shadow .45s ease}
.work-card:hover .work-media{border-color:rgba(255,255,255,.16);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.work-media img{
  transform:translate3d(var(--work-shift,0px),-6%,0) scale(var(--work-breath,1.035));
  will-change:transform,filter;
  transition:filter .4s ease,transform .52s cubic-bezier(.2,.8,.2,1);
}
.horizontal-track.is-moving .work-media img{transition:filter .4s ease,transform .08s linear}
.horizontal-track.is-moving .work-card{transition:transform .08s linear}

.cursor-ring[data-label]:not([data-label=""]){
  width:68px;height:68px;background:rgba(7,7,7,.66);border-color:rgba(255,255,255,.28);backdrop-filter:blur(14px);display:grid;place-items:center;
}
.cursor-ring[data-label]:not([data-label=""])::after{
  content:attr(data-label);font-family:"Manrope",system-ui,sans-serif;font-size:8px;font-weight:700;letter-spacing:.18em;color:#fff;transform:translateY(.5px);
}

.shared-project-clone{
  position:fixed;z-index:6200;object-fit:cover;margin:0;pointer-events:none;border-radius:24px;
  box-shadow:0 30px 110px rgba(0,0,0,.58);will-change:left,top,width,height,border-radius,filter,transform;
}
.shared-project-veil{
  position:fixed;inset:0;z-index:6190;background:rgba(3,3,3,.18);backdrop-filter:blur(0px);pointer-events:none;
}

.hero-grid{transform:translate3d(var(--hero-grid-x,0px),var(--hero-grid-y,0px),0);transition:transform .35s ease-out}
.hero-ghost{transform:rotate(-90deg) translate3d(var(--hero-ghost-y,0px),var(--hero-ghost-x,0px),0);transition:transform .4s ease-out}

.editorial-image,.story-visual{will-change:clip-path,transform}

@media(max-width:800px){
  .work-mood{opacity:.46;filter:blur(34px)}
  .work-media img{transform:translate3d(0,-6%,0) scale(1.02)}
}
@media(prefers-reduced-motion:reduce){
  .work-card,.work-media img,.hero-grid,.hero-ghost{transition:none!important;transform:none!important}
  .shared-project-clone,.shared-project-veil{display:none!important}
}


/* ===== V8.1 SMOOTH GALLERY PERFORMANCE PATCH ===== */
/* Avoid animating blur/left/top/width/height. Only transform + opacity are animated. */
.shared-project-clone,.shared-project-veil{display:none!important}
.lightbox.lightbox-gallery{
  background:rgba(3,3,3,.84);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
  contain:layout paint style;
}
.lightbox.lightbox-gallery.open{
  opacity:1;
  visibility:visible;
}
.lightbox.lightbox-gallery.closing{
  opacity:0;
  visibility:visible;
}
.lightbox-bg{
  inset:-4%;
  filter:blur(18px) saturate(1.02) brightness(.38)!important;
  transform:scale(1.07)!important;
  opacity:.78!important;
  will-change:opacity;
}
.lightbox-stage{
  opacity:0;
  transform:translate3d(0,14px,0) scale(.985);
  transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .22s ease;
  will-change:transform,opacity;
}
.lightbox-gallery.open .lightbox-stage{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.lightbox-gallery.closing .lightbox-stage{
  opacity:0;
  transform:translate3d(0,8px,0) scale(.99);
}
.lightbox-gallery .lightbox-nav,
.lightbox-gallery .lightbox-close{
  opacity:0;
  transform:translate3d(0,6px,0) scale(.96);
  transition:opacity .2s ease .06s,transform .3s cubic-bezier(.16,1,.3,1) .06s,background .2s,border-color .2s;
  will-change:transform,opacity;
}
.lightbox-gallery.open .lightbox-nav,
.lightbox-gallery.open .lightbox-close{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.lightbox-gallery .lightbox-shell{
  backdrop-filter:blur(10px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.04)!important;
}
.lightbox-gallery .lightbox-caption{
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
/* Pause/neutralize heavy underlying motion while the gallery is open. */
body.gallery-open .horizontal-track,
body.gallery-open .work-card,
body.gallery-open .work-media img,
body.gallery-open .manifesto-float,
body.gallery-open .star,
body.gallery-open .service-scene *{
  animation-play-state:paused!important;
  transition-duration:0s!important;
}
body.gallery-open .cursor{display:none!important}
@media(max-width:800px){
  .lightbox-bg{filter:blur(14px) saturate(1.01) brightness(.36)!important;opacity:.7!important}
  .lightbox-stage{transform:translate3d(0,10px,0) scale(.992)}
}
@media(prefers-reduced-motion:reduce){
  .lightbox-stage,.lightbox-gallery .lightbox-nav,.lightbox-gallery .lightbox-close{transition:none!important;transform:none!important;opacity:1!important}
}


/* ===== V8.2 NATIVE CURSOR ===== */
.cursor,.cursor-dot,.cursor-ring{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body{cursor:auto}
a,button,.work-media,.project-open{cursor:pointer}

/* XALO STUDIO V9.5 — organized AdSense placements */
.xalo-ad-zone{
  position:relative;
  isolation:isolate;
  width:100%;
  padding:0;
  background:transparent;
}
.xalo-ad-zone.is-filled{
  padding:clamp(22px,3.2vw,46px) 0;
  background:
    radial-gradient(circle at 18% 50%,rgba(124,92,255,.045),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.008),rgba(255,255,255,.018),rgba(255,255,255,.008));
}
.xalo-ad-zone::before,.xalo-ad-zone::after{
  content:"";
  position:absolute;
  left:50%;
  width:min(1180px,calc(100% - 48px));
  height:1px;
  opacity:0;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
  pointer-events:none;
  transition:opacity .25s ease;
}
.xalo-ad-zone.is-filled::before,.xalo-ad-zone.is-filled::after{opacity:1}
.xalo-ad-zone::before{top:0}.xalo-ad-zone::after{bottom:0}
.xalo-ad-shell{position:relative;min-width:0}
.xalo-ad-heading{
  display:flex;
  align-items:center;
  gap:12px;
  max-height:0;
  margin:0;
  opacity:0;
  overflow:hidden;
  color:#77736e;
  font-size:8px;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
  transition:opacity .25s ease,max-height .25s ease,margin .25s ease;
}
.xalo-ad-heading i{display:block;height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}
.xalo-ad-slot{display:block!important;width:100%;min-width:0;margin:0 auto;text-align:center}
.xalo-ad-zone.is-filled .xalo-ad-heading{max-height:18px;margin-bottom:14px;opacity:1}
.xalo-ad-zone.is-unfilled{display:none}
.xalo-ad-zone--multiplex.is-filled{padding-top:clamp(30px,4vw,54px);padding-bottom:clamp(30px,4vw,54px);background:transparent}
.xalo-ad-zone--multiplex::before,.xalo-ad-zone--multiplex::after{width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.065),transparent)}
@media(max-width:680px){
  .xalo-ad-zone.is-filled{padding:18px 0}
  .xalo-ad-zone::before,.xalo-ad-zone::after{width:calc(100% - 28px)}
  .xalo-ad-heading{font-size:7px;letter-spacing:.16em}
  .xalo-ad-zone.is-filled .xalo-ad-heading{margin-bottom:10px}
  .xalo-ad-zone--multiplex.is-filled{padding:24px 0}
}



/* =========================================================
   XALO STUDIO V9.6 — PREMIUM SEARCH / FILTER / UX / LEGAL
   ========================================================= */
.skip-link{position:fixed;left:18px;top:12px;z-index:200000;transform:translateY(-160%);padding:12px 16px;border-radius:12px;background:#f4f1eb;color:#080808;font-size:12px;font-weight:700;box-shadow:0 14px 50px rgba(0,0,0,.35);transition:transform .2s}.skip-link:focus{transform:none}
.site-header{will-change:transform,top,height}.site-header.is-compact{height:56px;top:8px;background:rgba(5,5,5,.88);box-shadow:0 16px 60px rgba(0,0,0,.36)}
.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{right:0;background:linear-gradient(90deg,var(--accent),#fff)}
.header-search-btn{position:relative}.header-search-btn:after{content:'⌘K';position:absolute;right:-5px;top:-7px;min-width:23px;height:16px;padding:0 4px;border-radius:6px;display:grid;place-items:center;background:rgba(8,8,8,.95);border:1px solid rgba(255,255,255,.13);font-size:7px;letter-spacing:.02em;color:#8f8b85;opacity:0;transform:translateY(3px);transition:.2s}.header-search-btn:hover:after{opacity:1;transform:none}
.mobile-search-entry{margin-top:22px;min-height:56px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);display:flex;align-items:center;gap:12px;color:#e7e4df;font:inherit;cursor:pointer}.mobile-search-entry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.mobile-search-entry span{font-size:13px;letter-spacing:.12em;text-transform:uppercase}.mobile-search-entry kbd{margin-inline-start:auto;color:#76726d;font-size:10px}
.work-filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:-20px;margin-bottom:24px;position:relative;z-index:4}.work-filter{min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#8d8983;font:inherit;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s}.work-filter:hover{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.work-filter.active{color:#080808;background:linear-gradient(120deg,#f0ede7,#d8ff6a);border-color:transparent;box-shadow:0 12px 32px rgba(216,255,95,.12)}.work-card.filter-hidden{display:none!important}
.project-brief-btn{margin-top:24px;width:min(760px,100%);min-height:78px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(216,255,95,.035));border-radius:22px;color:#f0ede7;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:14px;text-align:start;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.3s}.project-brief-btn:hover{transform:translateY(-3px);border-color:rgba(216,255,95,.3);background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(216,255,95,.06))}.project-brief-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(216,255,95,.1);border:1px solid rgba(216,255,95,.18);color:#d8ff6a}.project-brief-icon svg,.project-brief-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.project-brief-btn span:nth-child(2){display:grid;gap:4px}.project-brief-btn small{font-size:8px;letter-spacing:.18em;color:#77736e}.project-brief-btn strong{font-size:16px;font-weight:600}.project-brief-arrow{justify-self:end}
.search-modal,.project-brief-modal{position:fixed;inset:0;z-index:120000;display:grid;place-items:start center;padding:clamp(76px,10vh,120px) 18px 24px;opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}.search-modal.open,.project-brief-modal.open{opacity:1;visibility:visible}.search-backdrop,.project-brief-backdrop{position:absolute;inset:0;background:rgba(1,1,1,.82);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.search-panel{position:relative;width:min(840px,100%);max-height:min(78vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(18,18,18,.985),rgba(5,5,5,.985));box-shadow:0 50px 160px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.08);padding:22px}.search-panel:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.search-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 2px 18px}.search-kicker{font-size:8px;letter-spacing:.22em;color:#77736e}.search-panel h2{margin:6px 0 0;font-family:'Syne',sans-serif;font-size:clamp(30px,5vw,54px);letter-spacing:-.055em}.search-input-wrap{height:64px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.055);display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.search-input-wrap:focus-within{border-color:rgba(216,255,95,.35);box-shadow:0 0 0 3px rgba(216,255,95,.05)}.search-input-wrap>svg{width:21px;height:21px;fill:none;stroke:#d9d6d0;stroke-width:1.5}.search-input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f2efea;font:inherit;font-size:17px}.search-input-wrap input::placeholder{color:#5f5c58}.search-input-wrap kbd,.search-hint kbd{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:6px;padding:3px 6px;color:#79756f;font-size:9px}.search-hint{display:flex;justify-content:space-between;gap:14px;padding:12px 4px;color:#67635f;font-size:9px;letter-spacing:.04em}.search-results{max-height:430px;overflow:auto;display:grid;gap:7px;padding-top:4px}.search-result{width:100%;min-height:68px;border:1px solid transparent;background:transparent;border-radius:17px;color:#d9d6d0;display:grid;grid-template-columns:92px 1fr auto;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:10px 14px;text-align:start;cursor:pointer;transition:.18s}.search-result:hover,.search-result.active{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.1);transform:translateX(2px)}[dir=rtl] .search-result:hover,[dir=rtl] .search-result.active{transform:translateX(-2px)}.search-result-type{grid-row:1/3;align-self:center;font-size:7px;letter-spacing:.17em;text-transform:uppercase;color:#73706b}.search-result strong{font-size:14px;font-weight:600}.search-result small{font-size:10px;color:#6e6a65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result svg{grid-column:3;grid-row:1/3;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.search-empty{padding:34px 12px;color:#77736e;text-align:center;font-size:12px}
.project-brief-card{position:relative;width:min(820px,100%);max-height:min(82vh,820px);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(20,20,20,.985),rgba(6,6,6,.985));box-shadow:0 50px 160px rgba(0,0,0,.7);padding:36px 38px 38px}.project-brief-close{position:absolute;right:18px;top:18px}.project-brief-card h2{margin:0 54px 12px 0;font-family:'Syne',sans-serif;font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-.06em}.project-brief-copy{max-width:620px;color:#8a8680;font-size:13px;line-height:1.75}.project-brief-form{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-brief-form label{display:grid;gap:8px}.project-brief-form label>span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#77736e}.project-brief-form input,.project-brief-form select,.project-brief-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:15px;color:#e6e3dd;padding:13px 14px;font:inherit;font-size:13px;outline:none}.project-brief-form select option{background:#111}.project-brief-form input:focus,.project-brief-form select:focus,.project-brief-form textarea:focus{border-color:rgba(216,255,95,.35);box-shadow:0 0 0 3px rgba(216,255,95,.05)}.project-brief-form .brief-message{grid-column:1/-1}.project-brief-submit{grid-column:1/-1;min-height:56px;border:0;border-radius:16px;background:linear-gradient(115deg,#f0ede7,#d8ff6a);color:#090909;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.project-brief-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.lightbox-share{position:absolute;top:28px;right:82px;z-index:10}.xalo-toast{position:fixed;left:50%;bottom:28px;z-index:180000;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(9,9,9,.92);backdrop-filter:blur(16px);color:#dedbd5;font-size:10px;letter-spacing:.07em;transition:.22s}.xalo-toast.show{opacity:1;transform:translate(-50%,0)}
.legal-body h3{margin:10px 0 2px;color:#e7e4de;font-family:'Syne',sans-serif;font-size:15px;letter-spacing:-.02em}.legal-body a{color:#d8ff6a;text-decoration:underline;text-decoration-color:rgba(216,255,95,.35);text-underline-offset:3px}.legal-body .legal-note{padding:14px 16px;border-radius:14px;border:1px solid rgba(255,190,95,.16);background:rgba(255,190,95,.045);color:#a7a19a}
/* restrained premium light sweep */
.glass-panel,.footer-group,.service-card,.work-media,.project-brief-btn{position:relative}.glass-panel:after,.footer-group:after,.service-card:after,.project-brief-btn:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.055) 46%,transparent 72%);transform:translateX(-120%);transition:transform .8s ease}.glass-panel:hover:after,.footer-group:hover:after,.service-card:hover:after,.project-brief-btn:hover:after{transform:translateX(120%)}
@media(max-width:1100px){.header-search-btn:after{display:none}.work-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filter{flex:0 0 auto}.site-header.is-compact{height:60px}}
@media(max-width:800px){.search-modal,.project-brief-modal{padding:72px 10px 10px}.search-panel{border-radius:22px;padding:14px;max-height:84vh}.search-panel-head{padding:4px 2px 12px}.search-input-wrap{height:58px;border-radius:16px}.search-hint{display:none}.search-results{max-height:56vh}.search-result{grid-template-columns:70px 1fr auto;padding:9px 10px}.project-brief-card{padding:32px 18px 22px;border-radius:22px}.project-brief-form{grid-template-columns:1fr}.project-brief-form .brief-message,.project-brief-submit{grid-column:auto}.work-filters{margin-top:-8px;margin-bottom:20px}.project-brief-btn{grid-template-columns:44px 1fr 24px;min-height:72px}.project-brief-icon{width:44px;height:44px}.lightbox-share{top:18px;right:78px}.site-header.is-compact{transform:translateX(-50%) translateY(-2px)}}
@media(max-width:480px){.header-actions{gap:5px}.header-search-btn{width:38px;height:38px}.language-wrap>.glass-icon{padding:0 9px}.work-filter{min-height:37px;padding:0 12px}.search-result-type{font-size:6.5px}.search-result strong{font-size:13px}.project-brief-btn strong{font-size:14px}.project-brief-btn small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.glass-panel:after,.footer-group:after,.service-card:after,.project-brief-btn:after{display:none}.search-modal,.project-brief-modal,.xalo-toast,.site-header{transition:none!important}}

.footer-legal-links{display:flex;align-items:center;gap:10px}.footer-legal-links a{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#716d67;transition:color .2s}.footer-legal-links a:hover{color:#d8ff6a}@media(max-width:680px){.footer-bottom-actions{flex-wrap:wrap}.footer-legal-links{order:3;width:100%;justify-content:flex-start}}
.legal-page{min-height:100svh;background:radial-gradient(circle at 10% 10%,rgba(124,92,255,.12),transparent 32%),#050505;color:#efede8;padding:42px 18px 70px}.legal-page-shell{width:min(920px,100%);margin:0 auto}.legal-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:80px}.legal-page-brand{font-weight:800;letter-spacing:-.04em}.legal-page-brand span{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;color:#aaa6a0}.legal-back-link{min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:inline-flex;align-items:center;color:#ddd9d3;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.legal-page-kicker{font-size:9px;letter-spacing:.2em;color:#7e7973;text-transform:uppercase}.legal-page h1{font-family:'Syne',sans-serif;font-size:clamp(48px,8vw,96px);line-height:.92;letter-spacing:-.065em;margin:14px 0 36px}.legal-page-card{border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(255,255,255,.035);backdrop-filter:blur(18px);padding:clamp(22px,4vw,42px);color:#aaa6a0;font-size:14px;line-height:1.85}.legal-page-card h2{color:#ece9e3;font-family:'Syne',sans-serif;font-size:20px;margin:26px 0 6px}.legal-page-card h2:first-child{margin-top:0}.legal-page-card a{color:#d8ff6a;text-decoration:underline;text-underline-offset:3px}.legal-page-note{margin-top:22px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,190,95,.16);background:rgba(255,190,95,.045)}.legal-page-footer{margin-top:24px;color:#6f6b65;font-size:10px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:680px){.legal-page{padding-top:24px}.legal-page-head{margin-bottom:54px}.legal-page-card{border-radius:20px}}

/* V9.6 accessibility focus treatment */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(216,255,95,.92);outline-offset:3px}

/* V9.6.1 — Footer legal polish: legal/privacy controls live in the lower footer, text-only. */
.footer-action-grid--studio{grid-template-columns:1fr}
.footer-bottom-center{min-width:0;display:grid;justify-items:center;gap:12px}
.footer-legal-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:8px;column-gap:0;max-width:min(760px,52vw)}
.footer-legal-link{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;color:#77736d;font:inherit;font-size:8px;line-height:1.45;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color .22s ease,text-shadow .22s ease}
.footer-legal-link:hover,.footer-legal-link:focus-visible{color:#e8e5df;text-shadow:0 0 20px rgba(216,255,106,.16)}
.footer-legal-link:focus-visible{outline:1px solid rgba(216,255,106,.55);outline-offset:5px;border-radius:3px}
.footer-legal-link+.footer-legal-link:before{content:"";display:inline-block;width:18px;height:1px;margin:0 12px;vertical-align:middle;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(216,255,106,.42),rgba(255,255,255,.08));transform:translateY(-1px)}
html[dir="rtl"] .footer-legal-link+.footer-legal-link:before{margin:0 12px}
@media(max-width:980px){.footer-bottom-center{grid-column:1/-1;grid-row:2}.footer-bottom{grid-template-columns:auto 1fr}.footer-bottom-actions{grid-column:2;grid-row:1}.footer-legal-links{max-width:100%}.footer-tagline{display:block}}
@media(max-width:680px){.footer-bottom{grid-template-columns:1fr;gap:17px}.footer-bottom-center{grid-column:1;grid-row:2;justify-items:start;width:100%}.footer-bottom-actions{grid-column:1;grid-row:3;justify-self:stretch;justify-content:space-between}.footer-legal-links{justify-content:flex-start;max-width:100%;row-gap:10px}.footer-tagline{display:none}.footer-legal-link{font-size:8px}.footer-legal-link+.footer-legal-link:before{width:12px;margin:0 9px}.footer-action-grid--studio{grid-template-columns:1fr}}
@media(max-width:420px){.footer-legal-links{justify-content:flex-start}.footer-legal-link{font-size:7.5px}.footer-legal-link+.footer-legal-link:before{width:9px;margin:0 7px}}

/* V9.6.2 — About portrait orbit precision polish
   Keeps the original composition, but locks the outer ring and portrait to the
   exact same optical center and replaces the uneven dashed edge with a clean
   hairline orbit. */
.about-portrait{
  isolation:isolate;
}
.about-portrait .portrait-frame{
  z-index:2;
  box-sizing:border-box;
}
.about-portrait .portrait-orbit{
  left:50%;
  top:50%;
  margin:0;
  box-sizing:border-box;
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:50% 50%;
  animation:portraitOrbitSpin 20s linear infinite;
  will-change:transform;
  z-index:1;
  pointer-events:none;
}
.about-portrait .portrait-orbit::after{
  inset:0;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 34px rgba(255,255,255,.018);
}
.about-portrait .portrait-orbit::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(255,255,255,.025);
  border-radius:50%;
  pointer-events:none;
}
.about-portrait .portrait-badge{
  z-index:4;
}
@keyframes portraitOrbitSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media (prefers-reduced-motion: reduce){
  .about-portrait .portrait-orbit{
    animation:none!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
  }
}

/* V9.6.3 — Portrait orbit geometry fix.
   The previous CSS circle still inherited the old text/pseudo-element construction.
   This version uses a real SVG circle + textPath so the visible orbit is mathematically
   circular and stays locked to the portrait center at every responsive size. */
.about-portrait .portrait-orbit{
  left:50%!important;
  top:50%!important;
  width:min(40vw,590px);
  aspect-ratio:1/1;
  margin:0!important;
  display:block!important;
  overflow:visible!important;
  color:inherit;
  font-size:initial;
  letter-spacing:normal;
  border:0!important;
  border-radius:0!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  transform-origin:50% 50%!important;
  animation:portraitOrbitSvgSpin 24s linear infinite!important;
  pointer-events:none;
  z-index:1;
}
.about-portrait .portrait-orbit::before,
.about-portrait .portrait-orbit::after{
  content:none!important;
  display:none!important;
}
.about-portrait .portrait-orbit-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.about-portrait .portrait-orbit-ring{
  fill:none;
  stroke:rgba(255,255,255,.13);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.about-portrait .portrait-orbit-label{
  fill:rgba(210,207,201,.52);
  font-family:"Syne",sans-serif;
  font-size:8px;
  font-weight:500;
  letter-spacing:2.4px;
  text-transform:uppercase;
}
@keyframes portraitOrbitSvgSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(max-width:1100px){
  .about-portrait .portrait-orbit{width:min(72vw,570px)}
}
@media(max-width:800px){
  .about-portrait .portrait-orbit{width:min(88vw,460px)}
}
@media(prefers-reduced-motion:reduce){
  .about-portrait .portrait-orbit{
    animation:none!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
  }
}


/* V9.6.4 — Portrait clean glass redesign.
   Scope: about portrait only. Removes orbit rings, keeps the original portrait, adds
   a blurred translucent echo of the same image behind it, and preserves the old
   photographer / filmmaker / editor signature as a clean lower arc beneath Germany. */
.about-portrait{
  isolation:isolate;
  overflow:visible;
}
.about-portrait .portrait-orbit{display:none!important}
.about-portrait .portrait-aura{
  position:absolute;
  left:50%;
  top:49%;
  width:min(43vw,630px);
  aspect-ratio:1/1;
  transform:translate(-50%,-50%) scale(1.03);
  border-radius:50%;
  overflow:hidden;
  z-index:0;
  pointer-events:none;
  opacity:.58;
  filter:blur(26px) saturate(.9);
  -webkit-mask-image:radial-gradient(circle at 50% 44%,#000 0 46%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.32) 76%,transparent 94%);
  mask-image:radial-gradient(circle at 50% 44%,#000 0 46%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.32) 76%,transparent 94%);
}
.about-portrait .portrait-aura::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 48% 37%,rgba(255,255,255,.06),transparent 34%),
    linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.38) 74%,transparent);
}
.about-portrait .portrait-aura img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.09);
  opacity:.72;
}
.about-portrait .portrait-frame{
  z-index:2;
  border-color:rgba(255,255,255,.11);
  box-shadow:
    0 0 0 12px rgba(255,255,255,.018),
    0 42px 110px rgba(0,0,0,.52),
    0 0 54px rgba(255,255,255,.025);
}
.about-portrait .portrait-frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 40px rgba(255,255,255,.018),inset 0 -34px 60px rgba(0,0,0,.15);
}
.about-portrait .portrait-badge{
  left:50%;
  right:auto;
  bottom:10.5%;
  transform:translateX(-50%);
  z-index:5;
  text-align:center;
}
.about-portrait .portrait-signature{
  position:absolute;
  left:50%;
  bottom:1.2%;
  width:min(39vw,580px);
  transform:translateX(-50%);
  z-index:4;
  pointer-events:none;
  opacity:.72;
}
.about-portrait .portrait-signature svg{display:block;width:100%;height:auto;overflow:visible}
.about-portrait .portrait-signature text{
  fill:rgba(210,207,201,.58);
  font-family:"Syne",sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:3px;
  text-transform:uppercase;
}
@media(max-width:1100px){
  .about-portrait .portrait-aura{width:min(74vw,600px)}
  .about-portrait .portrait-signature{width:min(70vw,545px)}
  .about-portrait .portrait-badge{bottom:9.5%}
}
@media(max-width:800px){
  .about-portrait .portrait-aura{width:min(90vw,490px);filter:blur(22px) saturate(.9)}
  .about-portrait .portrait-signature{width:min(86vw,450px);bottom:.4%}
  .about-portrait .portrait-signature text{font-size:8px;letter-spacing:2.3px}
  .about-portrait .portrait-badge{bottom:7%}
}
@media(max-width:520px){
  .about-portrait .portrait-aura{width:min(94vw,430px);opacity:.5}
  .about-portrait .portrait-signature{width:min(92vw,410px);bottom:-.4%}
  .about-portrait .portrait-signature text{font-size:7.3px;letter-spacing:1.8px}
}
@media(prefers-reduced-motion:reduce){
  .about-portrait .portrait-aura,.about-portrait .portrait-signature{animation:none!important}
}

/* XALO STUDIO V9.6.5 — two-step project request → email handoff */
.project-brief-submit:disabled{cursor:default;opacity:.78;filter:saturate(.7);transform:none!important}
.project-brief-submit.is-prepared{background:linear-gradient(115deg,rgba(216,255,95,.9),rgba(240,237,231,.92))}
.project-brief-ready{grid-column:1/-1;margin-top:2px;padding:16px;border:1px solid rgba(216,255,95,.18);border-radius:18px;background:linear-gradient(135deg,rgba(216,255,95,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}
.project-brief-ready[hidden]{display:none!important}.project-brief-ready.show{opacity:1;transform:none}
.project-brief-ready-head{display:flex;align-items:center;gap:12px}.project-brief-ready-check{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#d8ff6a;color:#090909;font-size:16px;font-weight:900;box-shadow:0 0 28px rgba(216,255,95,.14)}
.project-brief-ready-head>div{display:grid;gap:3px}.project-brief-ready-head small{font-size:8px;letter-spacing:.16em;color:#a7c854}.project-brief-ready-head strong{font-size:13px;font-weight:550;color:#e8e5df;line-height:1.45}
.project-brief-ready-recipient{margin-top:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;min-width:0}.project-brief-ready-recipient span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#77736e}.project-brief-ready-recipient strong{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-brief-ready-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}.project-brief-open-email,.project-brief-copy{min-height:52px;border-radius:14px;font:inherit;cursor:pointer;transition:transform .24s ease,border-color .24s ease,background .24s ease}.project-brief-open-email{border:0;padding:0 16px;background:linear-gradient(115deg,#f0ede7,#d8ff6a);color:#090909;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:750}.project-brief-open-email svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.project-brief-open-email:hover{transform:translateY(-2px)}
.project-brief-copy{padding:0 14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#d8d5cf;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px}.project-brief-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.project-brief-copy:hover{border-color:rgba(216,255,95,.25);background:rgba(216,255,95,.055)}
html[dir="rtl"] .project-brief-open-email svg{transform:scaleX(-1)}
@media(max-width:600px){.project-brief-ready-actions{grid-template-columns:1fr}.project-brief-copy{min-height:48px}.project-brief-ready{padding:14px}.project-brief-ready-recipient{align-items:flex-start;flex-direction:column;gap:4px}.project-brief-ready-recipient strong{white-space:normal;word-break:break-all}}

/* XALO STUDIO V9.6.6 — clearer project-request CTA + contact email utility */
.header-project-cta{
  min-height:40px;padding:0 15px;border-radius:13px;border:1px solid rgba(216,255,95,.22);
  background:linear-gradient(115deg,rgba(216,255,95,.13),rgba(255,255,255,.055));color:#f0ede7;
  display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:9px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.16);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;
}
.header-project-cta svg{width:15px;height:15px;fill:none;stroke:#d8ff6a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-project-cta:hover{transform:translateY(-2px);border-color:rgba(216,255,95,.42);background:linear-gradient(115deg,rgba(216,255,95,.2),rgba(255,255,255,.08));color:#fff}
.desktop-nav{gap:27px}

.mobile-project-entry{margin-top:20px;min-height:58px;padding:0 16px;border-radius:18px;border:1px solid rgba(216,255,95,.22);background:linear-gradient(115deg,rgba(216,255,95,.13),rgba(255,255,255,.05));display:flex;align-items:center;gap:12px;color:#f1eee7;font:inherit;cursor:pointer;text-align:start}
.mobile-project-entry>svg:first-child{width:20px;height:20px;fill:none;stroke:#d8ff6a;stroke-width:1.6}.mobile-project-entry span{font-size:13px;font-weight:700;letter-spacing:.06em}.mobile-project-arrow{margin-inline-start:auto;width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.5}
.mobile-search-entry{margin-top:9px}

.contact-action-grid{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:14px;align-items:stretch;margin-top:4px}
.contact-email-panel{min-width:0;padding:16px 16px 16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.025));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.contact-email-copy{min-width:0;display:grid;gap:5px}.contact-email-copy small{font-size:8px;letter-spacing:.17em;color:#77736e}.contact-email-copy a{font-size:clamp(16px,1.45vw,21px);font-weight:560;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0ede7}.contact-email-copy a:hover{color:#d8ff6a}.contact-email-copy>span{font-size:10px;color:#77736e;line-height:1.45}
.contact-email-copy-btn{min-height:48px;padding:0 13px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#d8d5cf;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap;transition:transform .24s ease,border-color .24s ease,background .24s ease}
.contact-email-copy-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.contact-email-copy-btn:hover{transform:translateY(-2px);border-color:rgba(216,255,95,.28);background:rgba(216,255,95,.06);color:#f2efe9}

.project-brief-btn-contact{margin-top:0;width:100%;min-height:92px;padding:14px 15px;grid-template-columns:50px minmax(0,1fr) 28px;border-color:rgba(216,255,95,.17);background:linear-gradient(120deg,rgba(216,255,95,.085),rgba(255,255,255,.055))}
.project-brief-btn-contact .project-brief-content{display:grid!important;gap:3px;min-width:0}.project-brief-btn-contact .project-brief-content small{color:#9aaa68}.project-brief-btn-contact .project-brief-content strong{font-size:17px;line-height:1.2}.project-brief-btn-contact .project-brief-content em{font-style:normal;font-size:10px;line-height:1.45;color:#77736e;font-weight:450;margin-top:2px}
.project-brief-btn-contact:hover{border-color:rgba(216,255,95,.35);background:linear-gradient(120deg,rgba(216,255,95,.13),rgba(255,255,255,.075))}

[dir="rtl"] .contact-email-panel,[dir="rtl"] .project-brief-btn-contact{text-align:right}
[dir="rtl"] .header-project-cta svg,[dir="rtl"] .mobile-project-arrow,[dir="rtl"] .project-brief-btn-contact .project-brief-arrow{transform:scaleX(-1)}

@media(max-width:1100px){
  .contact-action-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .contact-action-grid{grid-template-columns:1fr;gap:10px}.contact-email-panel{border-radius:18px}.project-brief-btn-contact{min-height:82px;border-radius:18px}.project-brief-btn-contact .project-brief-content strong{font-size:15px}
}
@media(max-width:520px){
  .contact-email-panel{grid-template-columns:1fr;align-items:stretch;padding:14px}.contact-email-copy a{white-space:normal;word-break:break-all;font-size:16px}.contact-email-copy-btn{width:100%;min-height:46px}.project-brief-btn-contact{grid-template-columns:44px minmax(0,1fr) 20px}.project-brief-btn-contact .project-brief-icon{width:44px;height:44px}.project-brief-btn-contact .project-brief-content em{font-size:9px}
}
\n\n/* ===== V9.6.7 MANIFESTO BACKGROUND CLARITY TUNE =====\n   Keep the floating-photo atmosphere, but reduce blur so faces/frames remain readable. */\n.manifesto-float{\n  opacity:.255;\n  filter:blur(4px) saturate(.94) contrast(1.02);\n}\n.manifesto-float::after{\n  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.065));\n}\n.manifesto-float img{\n  filter:saturate(.98) contrast(1.025) brightness(.92);\n}\n.mf-03,.mf-05,.mf-08{opacity:.29}\n.mf-02,.mf-10,.mf-11{filter:blur(5px) saturate(.92) contrast(1.01)}\n@media(max-width:1100px){\n  .manifesto-float{opacity:.22;filter:blur(5px) saturate(.92) contrast(1.01)}\n}\n@media(max-width:800px){\n  .manifesto-float{opacity:.19;filter:blur(4.5px) saturate(.9) contrast(1.01)}\n  .mf-03,.mf-05,.mf-08{opacity:.22}\n}\n
/* =========================================================
   XALO STUDIO V9.7 — SMART PROJECT SEND + FINAL QA POLISH
   Keeps the existing visual language; only the prepared-request handoff changes.
   ========================================================= */
.project-brief-send-note{
  margin:12px 0 0;
  max-width:680px;
  color:#8f8b85;
  font-size:11px;
  line-height:1.7;
}
.project-send-methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.project-send-method{
  min-width:0;
  min-height:72px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:15px;
  background:linear-gradient(130deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#e7e4de;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  text-align:start;
  font:inherit;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.project-send-method[hidden]{display:none!important}
.project-send-method:hover{
  transform:translateY(-2px);
  border-color:rgba(216,255,95,.26);
  background:linear-gradient(130deg,rgba(216,255,95,.065),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 12px 34px rgba(0,0,0,.18);
}
.project-send-method>span:nth-child(2){min-width:0;display:grid;gap:4px}
.project-send-method strong{font-size:12px;font-weight:680;line-height:1.25;color:#efede8}
.project-send-method small{font-size:8.5px;line-height:1.45;color:#77736e;white-space:normal}
.project-send-method-icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#d8ff6a;
  font-size:13px;font-weight:780;
}
.project-send-method-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55}
.project-send-method-brand{font-family:"Syne",sans-serif;color:#f0ede7;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(216,255,95,.04))}
.project-send-method-arrow{width:17px;height:17px;fill:none;stroke:#77736e;stroke-width:1.5;transition:transform .2s ease,stroke .2s ease}
.project-send-method:hover .project-send-method-arrow{stroke:#d8ff6a;transform:translateX(2px)}
.project-send-share{
  grid-column:1/-1;
  min-height:66px;
  border-color:rgba(216,255,95,.18);
  background:linear-gradient(115deg,rgba(216,255,95,.10),rgba(255,255,255,.04));
}
.project-send-share .project-send-method-icon{background:rgba(216,255,95,.11);border-color:rgba(216,255,95,.18)}
.project-send-copy{grid-column:1/-1}
.project-brief-account-note{
  margin:12px 2px 0;
  color:#66625d;
  font-size:9px;
  line-height:1.55;
}
html[dir="rtl"] .project-send-method{text-align:right}
html[dir="rtl"] .project-send-method-arrow{transform:scaleX(-1)}
html[dir="rtl"] .project-send-method:hover .project-send-method-arrow{transform:scaleX(-1) translateX(2px)}
@media(max-width:680px){
  .project-send-methods{grid-template-columns:1fr;gap:8px}
  .project-send-share,.project-send-copy{grid-column:auto}
  .project-send-method{min-height:66px;border-radius:14px;padding:9px 10px;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px}
  .project-send-method-icon{width:36px;height:36px;border-radius:11px}
  .project-send-method strong{font-size:11.5px}
  .project-send-method small{font-size:8px}
  .project-brief-send-note{font-size:10px;line-height:1.65}
  .project-brief-account-note{font-size:8.5px}
}
@media(max-width:420px){
  .project-brief-card{padding-left:14px;padding-right:14px}
  .project-brief-ready{padding:12px}
  .project-send-method{min-height:62px}
}

/* Phase 16 semantic mega title */
.mega-title{font:800 1.4rem/1.15 Syne,Manrope,sans-serif;margin:10px 0 8px;color:inherit}


/* V11.10 — Creative company-header integration hardening */
.site-header>.nav{width:100%;display:flex;align-items:center;gap:16px;min-width:0}
.site-header>.nav>.brand{align-items:center;gap:9px;font-family:"Syne",sans-serif;font-weight:800;letter-spacing:.075em;flex:0 0 auto}
.site-header .brand-mark{width:32px;height:32px;border:1px solid rgba(255,255,255,.22);border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(136,112,255,.09));box-shadow:inset 0 0 22px rgba(255,255,255,.025)}
.site-header .brand-mark:before{content:"X";font-size:12px;letter-spacing:0}
.site-header .nav-links{display:flex;align-items:center;gap:18px;margin-left:auto;min-width:0}
.site-header .nav-links a,.site-header .nav-mega-btn{border:0;background:transparent;color:#c9c7c2;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:10px 0;white-space:nowrap;cursor:pointer;position:relative}
.site-header .nav-links a:after,.site-header .nav-mega-btn:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--accent);transition:right .28s}
.site-header .nav-links a:hover:after,.site-header .nav-mega-btn:hover:after,.site-header .nav-links a[aria-current="page"]:after{right:0}
.site-header .nav-mega-btn .chev{margin-left:5px;color:#777;font-size:11px}
.site-header .nav-actions{display:flex;align-items:center;gap:7px;margin-left:4px;flex:0 0 auto}
.site-header .icon-btn,.site-header .menu-btn,.site-header .nav-cta{height:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.22s;border-radius:13px;color:#f2f2f2}
.site-header .icon-btn,.site-header .menu-btn{width:40px;padding:0}
.site-header .icon-btn:hover,.site-header .menu-btn:hover,.site-header .nav-cta:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.site-header .nav-cta{padding:0 15px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.site-header .menu-btn{display:none}
.site-header .ui-icon{width:18px;height:18px}
.site-header .lang-menu{position:absolute;right:105px;top:56px;width:190px;padding:7px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.95);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-radius:15px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:5}
.site-header .lang-menu.open{opacity:1;visibility:visible;transform:none}
.site-header .lang-menu button{width:100%;border:0;background:transparent;color:#ddd;text-align:left;padding:10px 11px;border-radius:9px;cursor:pointer;font-size:12px}
.site-header .lang-menu button:hover,.site-header .lang-menu button.active{background:rgba(255,255,255,.075);color:#fff}
.site-header .mega-menu{position:absolute;left:50%;top:calc(100% + 11px);width:min(1160px,calc(100vw - 32px));padding:14px;display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-9px);transition:.25s;border:1px solid rgba(255,255,255,.12);background:rgba(7,7,8,.96);backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);border-radius:22px;box-shadow:0 28px 100px rgba(0,0,0,.58);z-index:4}
.site-header .mega-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.site-header .mega-inner{display:grid;grid-template-columns:1.22fr repeat(3,.95fr) 1.08fr;gap:9px}
.site-header .mega-intro,.site-header .mega-col,.site-header .mega-feature{padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);min-width:0}
.site-header .mega-intro .eyebrow,.site-header .mega-kicker{font-size:7px;letter-spacing:.16em;color:#7e8999;font-weight:800}
.site-header .mega-title{font-family:"Syne",sans-serif;font-size:18px;font-weight:800;line-height:1.08;margin:10px 0 8px}
.site-header .mega-intro p:not(.mega-title),.site-header .mega-feature p{font-size:11px;line-height:1.55;color:#9298a2;margin:0 0 13px}
.site-header .mega-all,.site-header .mega-feature-cta{font-size:9px;font-weight:800;letter-spacing:.06em;color:#e8e8e8}
.site-header .mega-col{display:grid;align-content:start;gap:4px}
.site-header .mega-col>a{display:grid;gap:3px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .mega-col>a:last-child{border-bottom:0}
.site-header .mega-col b{font-size:11px}.site-header .mega-col small{font-size:8px;line-height:1.35;color:#777f8b}
.site-header .mega-feature{display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 8%,rgba(124,98,255,.17),transparent 38%),rgba(255,255,255,.025)}
.site-header .mega-feature strong{font-family:"Syne",sans-serif;font-size:21px;margin:10px 0 5px}
.mobile-menu>.mobile-menu-head,.mobile-menu>.mobile-feature,.mobile-menu>.mobile-grid,.mobile-menu>.mobile-coming{position:relative;z-index:2}
.mobile-menu>.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;color:#818181;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:22px}
.mobile-menu>.mobile-menu-head button{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:25px;cursor:pointer}
.mobile-menu>.mobile-feature{display:block;padding:16px 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu>.mobile-feature span{display:block;color:#6f6f6f;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.mobile-menu>.mobile-feature strong{font-family:"Syne",sans-serif;font-size:clamp(24px,6vw,38px)}
.mobile-menu>.mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:12px 0 22px}
.mobile-menu>.mobile-grid a{font-family:"Syne",sans-serif;font-size:clamp(21px,5vw,33px);font-weight:700;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-menu>.mobile-coming{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-menu>.mobile-coming a{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);display:grid;gap:5px}.mobile-menu>.mobile-coming small{font-size:7px;letter-spacing:.12em;color:#777}.mobile-menu>.mobile-coming b{font-size:12px}
@media(max-width:1180px){.site-header .nav-links{gap:12px}.site-header .nav-links a,.site-header .nav-mega-btn{font-size:9px}.site-header .nav-links a:nth-of-type(5),.site-header .nav-links a:nth-of-type(6){display:none}.site-header .mega-inner{grid-template-columns:1.2fr repeat(3,1fr)}.site-header .mega-feature{display:none}}
@media(max-width:900px){.site-header .nav-links{display:none}.site-header .nav-cta{display:none}.site-header .menu-btn{display:inline-flex}.site-header .lang-menu{right:50px}.site-header .mega-menu{display:none}.mobile-menu{padding:92px 6vw 28px;overflow:auto}.site-header>.nav>.brand{margin-right:auto}}
@media(max-width:520px){.site-header>.nav>.brand>span:last-child{font-size:12px}.site-header .brand-mark{width:29px;height:29px}.mobile-menu>.mobile-coming{grid-template-columns:1fr}}
html[dir="rtl"] .site-header .nav-links{margin-left:0;margin-right:auto}html[dir="rtl"] .site-header .lang-menu{right:auto;left:50px}html[dir="rtl"] .site-header .lang-menu button{text-align:right}