:root{
  --ink:#07131d;
  --ink-2:#0b1b27;
  --paper:#f1efe7;
  --paper-2:#e7e2d7;
  --lime:#c9ff4a;
  --lime-soft:#dcff8b;
  --coral:#ff6f61;
  --cyan:#44d8cf;
  --steel:#7f8f9a;
  --line:rgba(238,242,235,.14);
  --dark-line:rgba(7,19,29,.16);
  --max:1380px;
  --pad:clamp(20px,4vw,68px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--lime);color:var(--ink)}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--lime);color:var(--ink);padding:12px 18px;border-radius:12px;font-weight:800}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.grain{pointer-events:none;position:fixed;inset:0;z-index:200;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(68,216,207,.095),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}
.site-header{position:fixed;z-index:150;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),var(--max));min-height:72px;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,19,29,.76);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(18px);transition:.3s ease}
.site-header.is-scrolled{top:10px;background:rgba(7,19,29,.93);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:700 14px Syne}
.brand-copy{display:flex;flex-direction:column;line-height:1.12}
.brand-copy strong{font:700 15px Syne;letter-spacing:.02em}.brand-copy strong em{font-style:normal;color:var(--lime)}
.brand-copy small{margin-top:4px;color:#91a0aa;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:8px}
.site-nav a{padding:12px 14px;color:#aab6be;font-size:11px;font-weight:700;transition:.2s}
.site-nav a:hover{color:var(--paper)}
.site-nav .nav-cta{background:var(--paper);color:var(--ink);border-radius:12px;padding-inline:18px}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--paper);cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:22px;height:2px;margin:4px auto;background:currentColor;transition:.25s}
.section{position:relative;width:min(100%,var(--max));margin:0 auto;padding-inline:var(--pad)}
.section-pad{width:min(100%,var(--max));margin:0 auto;padding:clamp(84px,10vw,150px) var(--pad)}
.hero{min-height:100dvh;padding-top:150px;padding-bottom:34px;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(42px,7vw,100px);align-items:center;overflow:hidden}
.hero-copy,.hero-stage{position:relative;z-index:2}
.hero-orbit{position:absolute;border:1px solid rgba(201,255,74,.12);border-radius:50%;pointer-events:none}
.orbit-one{width:560px;height:560px;right:-110px;top:70px;animation:spin 28s linear infinite}
.orbit-two{width:300px;height:300px;right:210px;top:310px;border-color:rgba(68,216,207,.12);animation:spinReverse 20s linear infinite}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.eyebrow{display:flex;align-items:center;gap:10px;color:#9aabb5;margin-bottom:25px}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(201,255,74,.09);animation:pulse 2.2s ease infinite}
h1,h2,h3,h4{font-family:Syne,Manrope,sans-serif}
h1{max-width:830px;margin:0;font-size:clamp(58px,6.5vw,108px);line-height:.91;letter-spacing:-.065em;font-weight:600}
h1 em{display:block;color:var(--lime);font-style:normal}
.hero-lede{max-width:680px;margin:30px 0 0;color:#95a4ae;font-size:clamp(16px,1.45vw,21px);line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:0 22px;border-radius:13px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:transform .25s,background .25s,color .25s,border .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--lime);color:var(--ink)}
.button-primary:hover{background:var(--lime-soft)}
.button-quiet{border-color:var(--line);color:var(--paper);background:rgba(255,255,255,.02)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px;border-top:1px solid var(--line);padding-top:22px}
.hero-proof div{display:flex;flex-direction:column;gap:6px}
.hero-proof small{font-size:9px;color:#667782;text-transform:uppercase;letter-spacing:.12em}.hero-proof strong{font-size:11px}
.hero-stage{justify-self:end;width:min(100%,560px);transition:transform .25s ease}
.portrait-frame{position:relative;margin:0;aspect-ratio:4/5;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0b1b27;box-shadow:0 45px 100px rgba(0,0,0,.4)}
.portrait-frame:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 58%,rgba(7,19,29,.8));pointer-events:none}
.portrait-frame img{width:100%;height:100%;object-fit:cover}
.portrait-frame figcaption{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:end}
.portrait-frame figcaption span:first-child{font:700 17px Syne;color:var(--lime)}
.portrait-frame figcaption span:last-child{max-width:180px;text-align:right;color:#a8b6bf;font-size:9px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.floating-note{position:absolute;z-index:5;padding:16px 18px;background:rgba(239,237,229,.95);color:var(--ink);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:5px}
.floating-note small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#65717a}.floating-note strong{font:600 12px Syne}
.note-one{left:-65px;top:17%}.note-two{right:-40px;bottom:17%;background:var(--lime)}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:15px;color:#677985;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.scroll-hint b{color:var(--lime);font-size:14px}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.marquee-track{display:flex;width:max-content;gap:24px;align-items:center;animation:marquee 28s linear infinite;color:#a7b4bd}
.marquee-track span{font:600 13px Syne;letter-spacing:.1em}.marquee-track i{font-style:normal;color:var(--lime)}
.section-kicker{color:#6f818c;margin:0 0 18px}
.statement{padding-top:clamp(90px,11vw,160px)}
.statement-grid,.section-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,8vw,120px);align-items:start}
.statement h2,.section-heading h2,.about h2,.contact h2,.gallery-copy h2{margin:0;font-size:clamp(46px,5.5vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:600}
.statement-grid>p{margin:5px 0 0;color:#91a1ab;font-size:clamp(17px,1.7vw,22px);line-height:1.75}
.section-heading{margin-bottom:52px}.section-heading h2{max-width:900px}
.work{padding-top:35px}
.work-tabs{position:sticky;top:98px;z-index:20;display:flex;gap:8px;padding:8px;background:rgba(10,27,39,.88);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(16px);margin-bottom:34px}
.work-tab{flex:1;border:0;border-radius:12px;background:transparent;color:#84949f;min-height:50px;padding:0 14px;font-size:11px;font-weight:800;cursor:pointer;transition:.25s}
.work-tab:hover{color:var(--paper)}.work-tab.is-active{background:var(--lime);color:var(--ink)}
.work-panel{display:none}.work-panel.is-active{display:block;animation:panelIn .55s ease both}
.project{border-top:1px solid var(--line);padding-top:24px;margin-bottom:85px}
.project-meta{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:end;margin-bottom:24px}
.project-index{color:#6f818c;font:600 11px Syne}
.project-meta p{margin:0 0 5px;color:#6e818d;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.project-meta h3{margin:0;font-size:clamp(28px,4vw,57px);letter-spacing:-.045em}
.project-link,.project-status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--lime)}
.project-gallery-cover{position:relative;display:block;width:100%;padding:0;border:0;border-radius:32px;overflow:hidden;background:#102833;cursor:pointer;box-shadow:0 32px 80px rgba(0,0,0,.28)}
.project-gallery-cover img{width:100%;aspect-ratio:2/1;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.project-gallery-cover:hover img{transform:scale(1.035)}
.gallery-cover-overlay{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:linear-gradient(180deg,transparent 32%,rgba(4,13,19,.8));color:white;text-align:left}
.gallery-cover-overlay small{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--lime)}
.gallery-cover-overlay strong{font:600 clamp(22px,3vw,42px) Syne;margin-top:8px}.gallery-cover-overlay i{font-style:normal;margin-top:12px;font-size:10px}
.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px 0 0}
.project-summary>p{margin:0;color:#9aa9b2;font-size:16px;line-height:1.75}.project-summary ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-summary li{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:10px;font-weight:800;color:#bac5cb}
.case-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.case-strip>div{padding:24px;border-right:1px solid var(--line)}.case-strip>div:last-child{border-right:0}
.case-strip small{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.13em}.case-strip p{margin:12px 0 0;color:#8d9ba5;font-size:12px;line-height:1.65}
.concept-project{margin-top:110px}
.mobility-showcase{position:relative;min-height:620px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#0d2532,#091720);border:1px solid var(--line)}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;transform:perspective(800px) rotateX(55deg) scale(1.4);transform-origin:center bottom;opacity:.7}
.mobility-showcase svg{position:absolute;inset:8% 6%;width:88%;height:78%;color:var(--lime);filter:drop-shadow(0 0 12px rgba(201,255,74,.25))}
.phone{position:absolute;top:11%;width:220px;height:450px;padding:28px 18px;border-radius:34px;background:#f4f1e8;color:var(--ink);border:8px solid #061019;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.phone-a{left:16%;transform:rotate(-5deg)}.phone-b{right:17%;top:17%;transform:rotate(6deg)}
.phone-notch{position:absolute;width:72px;height:17px;border-radius:0 0 12px 12px;background:#061019;top:0;left:50%;transform:translateX(-50%)}
.phone small{font-size:9px;color:#697780;text-transform:uppercase;letter-spacing:.12em}.phone h4{font-size:25px;letter-spacing:-.04em;margin:30px 0}
.app-card,.alert-card,.earn-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:15px;margin-top:12px;background:#e2dfd4}.app-card b,.alert-card b{font-size:12px}.app-card span,.alert-card span{font-size:9px;color:#67747c}
.alert-card{background:var(--lime)}.earn-card{margin-top:25px;background:var(--ink);color:var(--paper)}.earn-card span{font-size:9px;color:#82929b}.earn-card strong{font-size:10px;margin-top:8px}
.mobility-caption{position:absolute;left:30px;right:30px;bottom:24px;color:#81939e;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.category-intro{display:grid;grid-template-columns:65px 1fr;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:30px}
.category-intro>span{color:#6f818c;font:600 11px Syne}.category-intro p{margin:0 0 7px;color:#6f818c;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.category-intro h3{margin:0;max-width:900px;font-size:clamp(32px,4.5vw,64px);line-height:1.02;letter-spacing:-.05em}
.editor-showcase{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.editor-screen{overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#0a1924}
.film-poster{position:relative;min-height:490px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 25%,rgba(255,111,97,.35),transparent 28%),radial-gradient(circle at 30% 36%,rgba(68,216,207,.25),transparent 34%),linear-gradient(145deg,#0d2632,#07131d)}
.film-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.06) 46%,transparent 47%)}
.film-poster small{font-size:9px;letter-spacing:.15em;color:var(--lime);font-weight:800}.film-poster h3{font-size:clamp(40px,5vw,75px);line-height:.93;letter-spacing:-.06em;margin:12px 0 0}
.play-button{position:absolute;right:38px;top:38px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.timeline{position:relative;padding:25px 18px 20px;background:#061019}.ruler{height:10px;margin-bottom:12px;background:repeating-linear-gradient(90deg,#6c7a83 0 1px,transparent 1px 30px);opacity:.5}.track{height:17px;display:flex;gap:3px;margin:5px 0}.track i{display:block;border-radius:3px;background:#4e94a3}.track i:nth-child(1){width:28%}.track i:nth-child(2){width:19%;background:#b26762}.track i:nth-child(3){width:34%;background:#8d75b6}.track i:nth-child(4){width:16%;background:#ca9d40}.track.second i:nth-child(1){width:38%;background:#6d7fc1}.track.second i:nth-child(2){width:26%;background:#4c9d75}.track.second i:nth-child(3){width:31%;background:#be6954}.playhead{position:absolute;top:18px;bottom:15px;left:57%;width:1px;background:var(--coral)}
.editing-services{display:grid;gap:12px}.editing-services article{padding:28px;border-radius:24px;background:var(--paper);color:var(--ink)}.editing-services span{font:600 10px Syne;color:#78838a}.editing-services h4{font-size:25px;margin:35px 0 12px;letter-spacing:-.04em}.editing-services p{font-size:12px;color:#5e6971;line-height:1.65;margin:0}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#0b1c27}
.photo-card>div:last-child{padding:22px}.photo-card small{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.13em}.photo-card h4{font-size:24px;margin:12px 0 10px;letter-spacing:-.04em}.photo-card p{margin:0;color:#8d9ba4;font-size:12px;line-height:1.65}
.photo-art,.portrait-card>img{height:370px;width:100%;object-fit:cover}
.sweets-art{display:grid;grid-template-columns:repeat(2,90px);place-content:center;gap:20px;background:radial-gradient(circle at 50% 43%,#fff3d0,transparent 45%),linear-gradient(135deg,#e9e4d6,#b9ad91)}
.sweets-art span{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffd963,#bd7714 70%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.13),0 18px 25px rgba(64,37,5,.25)}
.plate-art{position:relative;background:linear-gradient(145deg,#314b3d,#15251e)}.plate-art span{position:absolute;width:250px;height:250px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,#e5b04d 0 25%,#d86f37 26% 38%,#f4e3ba 39% 49%,#f5f0e7 50% 62%,#bfa36c 63% 64%,transparent 65%);box-shadow:0 28px 45px rgba(0,0,0,.35)}.plate-art i,.plate-art b{position:absolute;border-radius:50%;background:var(--lime)}.plate-art i{width:22px;height:22px;left:24%;top:25%}.plate-art b{width:13px;height:13px;right:27%;bottom:24%}
.collab-card{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:30px;background:var(--paper);color:var(--ink)}
.collab-card>img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:left center}.collab-copy{padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.collab-copy h3{font-size:clamp(36px,4vw,62px);line-height:1;letter-spacing:-.05em;margin:10px 0 24px}.collab-copy>p:not(.section-kicker){color:#58656d;line-height:1.75}.role-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.role-list span{padding:10px 12px;border:1px solid var(--dark-line);border-radius:999px;font-size:9px;font-weight:800}.collab-copy .button{align-self:flex-start}
.services{padding-top:30px}.services .section-heading{color:var(--paper)}
.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px .9fr 1fr 30px;gap:22px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{padding-left:14px;color:var(--lime)}.service-row>span{color:#667985;font:600 11px Syne}.service-row h3{margin:0;font-size:clamp(21px,2.2vw,34px);letter-spacing:-.04em}.service-row p{margin:0;color:#8999a3;font-size:13px;line-height:1.6}.service-row i{font-style:normal;font-size:24px}
.about,.process{background:var(--paper);color:var(--ink);max-width:none;width:100%}.about-card,.process>.section-heading,.process-grid{width:min(100%,var(--max));margin-inline:auto}
.about-card{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.about-identity{display:flex;flex-direction:column;gap:25px}.about-identity img{border-radius:24px}.about-number{width:160px;height:160px;border:1px solid var(--dark-line);border-radius:50%;display:grid;place-items:center;text-align:center;font:600 23px/1 Syne;background:#e9e4d8}.about-number em{font-style:normal;color:#4f6d17}.about-copy>p:not(.section-kicker){max-width:760px;color:#4d5b63;font-size:18px;line-height:1.75}.about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.about-tags span{padding:11px 14px;border:1px solid var(--dark-line);border-radius:999px;font-size:10px;font-weight:800}
.process{padding-top:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}.process-grid article{min-height:285px;padding:24px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}.process-grid span{font:600 11px Syne;color:#74808a}.process-grid h3{margin:100px 0 14px;font-size:26px;letter-spacing:-.04em}.process-grid p{color:#5d6871;font-size:13px;line-height:1.65}
.reviews{padding-top:30px}.review-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:18px}.review-intro,.review-card,.review-mini-grid>div{border-radius:24px}.review-intro{padding:28px;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;justify-content:end;min-height:360px}.review-score{font:600 clamp(70px,10vw,130px)/.8 Syne;letter-spacing:-.08em}.stars{margin-top:25px;letter-spacing:.12em}.review-intro p{font-size:12px;max-width:230px;line-height:1.6}.primary-review{padding:clamp(30px,5vw,64px);background:#0d202c;border:1px solid var(--line)}.primary-review small{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.12em}.primary-review blockquote{margin:60px 0;font:500 clamp(26px,3.4vw,47px)/1.25 Syne;letter-spacing:-.035em}.primary-review footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.primary-review footer div{display:flex;flex-direction:column;gap:5px}.primary-review footer strong{font-size:12px}.primary-review footer span{font-size:9px;color:#8596a0}.review-badge{padding:10px 12px;border-radius:999px;background:rgba(201,255,74,.1);color:var(--lime)!important;font-weight:800}.review-mini-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-mini-grid>div{padding:22px;background:var(--paper);color:var(--ink)}.review-mini-grid small{font-size:8px;letter-spacing:.12em;color:#6b777e;font-weight:800}.review-mini-grid strong{display:block;margin-top:35px;font:600 22px Syne}
.contact{background:var(--paper);color:var(--ink);padding-top:25px}.contact-card{position:relative;overflow:hidden;padding:clamp(34px,7vw,90px);background:var(--lime);border-radius:36px}.contact-card:after{content:"NXT";position:absolute;right:-3vw;bottom:-6vw;font:600 min(31vw,440px)/.8 Syne;color:rgba(7,19,29,.055);letter-spacing:-.1em}.contact-card>*{position:relative;z-index:2}.contact-card>p:not(.section-kicker){max-width:670px;color:#415029;line-height:1.75;margin:25px 0 35px}.booking-form{padding:24px;border-radius:24px;background:rgba(247,246,239,.72);backdrop-filter:blur(10px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label.full{grid-column:1/-1}.form-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid rgba(7,19,29,.15);border-radius:12px;background:white;color:var(--ink);padding:14px;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#647f20;box-shadow:0 0 0 3px rgba(100,127,32,.12)}.booking-form .button{margin-top:18px}.button-primary.light{background:var(--ink);color:var(--paper)}
.social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.social-links a{min-height:115px;padding:18px;border:1px solid rgba(7,19,29,.15);border-radius:17px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;background:rgba(255,255,255,.25);transition:.25s}.social-links a:hover{background:white;transform:translateY(-4px)}.social-links span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime)}.social-links b{font-size:12px}.social-links small{font-size:9px;color:#58654e}
.contact-foot{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(7,19,29,.17);font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.footer{width:min(100%,var(--max));margin:auto;padding:25px var(--pad) 42px;display:flex;justify-content:space-between;color:#72828c;font-size:10px;letter-spacing:.08em}
.mobile-contact{display:none}
.gallery-modal{width:min(94vw,1280px);max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:28px;background:#081722;color:var(--paper);box-shadow:0 50px 140px rgba(0,0,0,.6)}
.gallery-modal::backdrop{background:rgba(1,7,11,.84);backdrop-filter:blur(8px)}
.gallery-modal-inner{padding:clamp(24px,4vw,55px);overflow:auto;max-height:94dvh}.modal-close{position:sticky;float:right;top:15px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#0e2531;color:white;font-size:25px;cursor:pointer}.gallery-copy{max-width:780px}.gallery-copy h2{font-size:clamp(36px,5vw,70px)}.gallery-copy>p:not(.section-kicker){color:#8898a2;line-height:1.7}.gallery-count{margin-top:20px;font:600 12px Syne;color:var(--lime)}
.gallery-stage{display:grid;grid-template-columns:60px 1fr 60px;gap:15px;align-items:center;margin-top:30px}.gallery-stage figure{margin:0}.gallery-stage img{width:100%;max-height:590px;object-fit:contain;border-radius:18px;background:#050e14}.gallery-stage figcaption{margin-top:12px;color:#84959f;font-size:10px;text-align:center}.gallery-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#102632;color:white;cursor:pointer}.gallery-arrow:hover{background:var(--lime);color:var(--ink)}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 25px}.gallery-thumbs button{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#0b1b27;cursor:pointer}.gallery-thumbs button.is-active{border-color:var(--lime)}.gallery-thumbs img{width:100%;height:100px;object-fit:cover}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.65,.25,1),transform .75s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(201,255,74,.02)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:130px}.hero-stage{justify-self:stretch;width:100%;max-width:700px}.hero-proof{max-width:700px}.note-one{left:-15px}.note-two{right:-10px}.statement-grid,.section-heading,.about-card{grid-template-columns:1fr}.section-heading{gap:20px}.editor-showcase{grid-template-columns:1fr}.editing-services{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:1fr 1fr}.portrait-card{grid-column:1/-1}.collab-card{grid-template-columns:1fr}.collab-card>img{min-height:430px}.service-row{grid-template-columns:52px 1fr 30px}.service-row p{grid-column:2}.review-layout{grid-template-columns:1fr}.review-intro{min-height:280px}.social-links{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  body{padding-bottom:62px}.site-header{top:9px;min-height:60px;border-radius:16px}.brand-copy small{display:none}.brand-mark{width:38px;height:38px}.menu-toggle{display:block}.site-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:14px;background:#0a1822;border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.4)}.site-nav.is-open{display:flex}.site-nav a{padding:14px}.site-nav .nav-cta{text-align:center;background:var(--lime);color:var(--ink)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{padding-inline:20px;padding-bottom:24px;gap:35px}h1{font-size:clamp(52px,15vw,78px)}.hero-lede{font-size:16px}.hero-actions .button{width:100%}.hero-proof{grid-template-columns:1fr;border:0;gap:8px}.hero-proof div{padding:12px;border:1px solid var(--line);border-radius:12px}.floating-note{display:none}.portrait-frame{border-radius:24px}.hero-foot span:first-child{display:none}.hero-foot{justify-content:flex-end}
  .section-pad{padding-inline:20px}.statement h2,.section-heading h2,.about h2,.contact h2{font-size:clamp(40px,12vw,58px)}.work-tabs{top:79px;overflow-x:auto;justify-content:flex-start}.work-tab{flex:0 0 auto;min-width:130px}.project-meta{grid-template-columns:42px 1fr}.project-link,.project-status{grid-column:2}.project-gallery-cover{border-radius:20px}.project-gallery-cover img{aspect-ratio:1.15/1}.gallery-cover-overlay{padding:20px}.project-summary{grid-template-columns:1fr;gap:16px}.project-summary ul{grid-template-columns:1fr}.case-strip{grid-template-columns:1fr}.case-strip>div{border-right:0;border-bottom:1px solid var(--line)}.case-strip>div:last-child{border-bottom:0}.mobility-showcase{min-height:600px}.phone{width:154px;height:340px;padding:25px 12px;border-width:6px}.phone-a{left:4%;top:18%}.phone-b{right:3%;top:25%}.phone h4{font-size:18px;margin:22px 0}.mobility-caption{font-size:8px}.category-intro{grid-template-columns:38px 1fr}.film-poster{min-height:390px;padding:24px}.play-button{width:55px;height:55px;right:22px;top:22px}.editing-services{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.portrait-card{grid-column:auto}.photo-art,.portrait-card>img{height:320px}.collab-card>img{min-height:280px}.collab-copy{padding:28px}.service-row{grid-template-columns:36px 1fr 24px;gap:12px;padding:26px 0}.service-row h3{font-size:21px}.service-row p{font-size:12px}.about-number{width:112px;height:112px}.about-copy>p:not(.section-kicker){font-size:16px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:220px}.process-grid h3{margin-top:60px}.review-mini-grid{grid-template-columns:1fr}.primary-review blockquote{margin:35px 0}.primary-review footer{align-items:flex-start;flex-direction:column}.contact-card{border-radius:24px;padding:30px 18px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.social-links{grid-template-columns:1fr}.contact-foot{flex-direction:column}.footer{flex-direction:column;gap:10px;padding-inline:20px}.mobile-contact{position:fixed;z-index:120;left:8px;right:8px;bottom:8px;height:52px;display:grid;grid-template-columns:1fr 1.2fr 1.35fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(7,19,29,.95);backdrop-filter:blur(14px);box-shadow:0 15px 45px rgba(0,0,0,.4)}.mobile-contact a{display:grid;place-items:center;font-size:10px;font-weight:800;border-right:1px solid var(--line)}.mobile-contact a:last-child{background:var(--lime);color:var(--ink);border-right:0}.gallery-modal{width:97vw;border-radius:20px}.gallery-stage{grid-template-columns:1fr}.gallery-arrow{position:absolute;z-index:3;margin-top:40%}.gallery-arrow.prev{left:28px}.gallery-arrow.next{right:28px}.gallery-thumbs{grid-template-columns:1fr 1fr}.gallery-thumbs img{height:80px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}
}


/* AJAY NXT final requested refinements */
:root { --cyan:#54d9d0; --coral:#ff7a68; --gold:#e5b64f; }

.site-nav { font-size:12px; }
.site-nav a { font-weight:700; }
.brand-copy small { font-size:10px; }
.eyebrow,.section-kicker { font-size:12px; }
.hero-lede { font-size:clamp(17px,1.55vw,22px); }
.hero-proof small { font-size:11px; }
.hero-proof strong { font-size:13px; }
.hero-foot { font-size:11px; align-items:center; }

.accent-white { color:var(--paper); }
.accent-lime { color:var(--lime); }
.accent-lime-dark { color:#5f7f16; }
.accent-cyan-dark { color:#167c77; }
.accent-coral-dark { color:#b64839; }

.contact-highlight {
  color:#0d202c;
  text-decoration:underline;
  text-decoration-color:rgba(7,19,29,.2);
  text-decoration-thickness:5px;
  text-underline-offset:7px;
}

.portrait-clean { background:#020403; }
.portrait-clean img { object-fit:cover; object-position:center top; }
.portrait-glass {
  position:absolute; z-index:2; inset:9% 5% 5% 12%;
  border:1px solid rgba(201,255,74,.16);
  border-radius:34px;
  background:linear-gradient(140deg,rgba(255,255,255,.035),transparent 45%);
  box-shadow:inset 0 0 60px rgba(201,255,74,.035);
  pointer-events:none;
}
.portrait-frame figcaption { font-size:11px; }
.hero-stage { max-width:610px; }
.hero-scroll {
  display:flex; align-items:center; gap:12px;
  color:#b6c2c9; font-weight:800;
}
.hero-scroll b {
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid var(--line); border-radius:50%;
  color:var(--ink); background:var(--lime); font-size:17px;
  transition:.25s;
}
.hero-scroll:hover b { transform:translateY(4px); }

.project-system-card {
  position:relative; overflow:hidden; min-height:540px;
  padding:clamp(25px,5vw,65px); border-radius:30px;
  background:linear-gradient(145deg,#091820,#102d2a);
  color:#f2f1e9; border:1px solid rgba(255,255,255,.12);
  box-shadow:0 32px 80px rgba(0,0,0,.25);
}
.system-orb { position:absolute; border-radius:50%; filter:blur(4px); }
.orb-a {
  width:360px; height:360px; right:-90px; top:-90px;
  background:radial-gradient(circle,rgba(201,255,74,.23),transparent 68%);
}
.orb-b {
  width:300px; height:300px; left:-80px; bottom:-100px;
  background:radial-gradient(circle,rgba(84,217,208,.18),transparent 70%);
}
.system-head {
  position:relative; display:flex; justify-content:space-between; gap:20px;
  color:#9eacb3; font-size:11px; font-weight:800; letter-spacing:.11em;
}
.system-grid {
  position:relative; display:grid; grid-template-columns:1.4fr .7fr .7fr;
  gap:14px; margin-top:60px;
}
.system-main,.system-chip {
  min-height:170px; padding:23px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px; background:rgba(5,15,19,.5);
  display:flex; flex-direction:column; justify-content:space-between;
}
.system-main { grid-row:span 2; min-height:355px; }
.system-main small,.system-chip small { font-size:11px; color:#96a5aa; }
.system-main strong { font:600 clamp(28px,4vw,55px)/1.05 Syne; }
.system-chip strong { font:600 clamp(17px,2vw,27px)/1.1 Syne; }
.system-chip.lime { background:var(--lime); color:var(--ink); }
.system-chip.lime small { color:#4b5c24; }
.system-chip.cyan { background:linear-gradient(145deg,#17453f,#2a746a); }
.system-chip.coral { background:linear-gradient(145deg,#4a2021,#b74b40); }
.signal-bars { display:flex; gap:12px; }
.signal-bars i {
  display:block; width:72px; height:13px;
  transform:skew(-38deg); background:var(--lime);
}
.system-live {
  position:relative; display:inline-flex; margin-top:22px;
  padding:13px 17px; border:1px solid rgba(255,255,255,.17);
  border-radius:13px; font-size:12px; font-weight:800;
}
.system-live:hover { background:var(--lime); color:var(--ink); }

.collab-card { grid-template-columns:.72fr 1.28fr; }
.collab-visual {
  min-height:600px; padding:40px;
  display:flex; flex-direction:column; justify-content:center;
  background:linear-gradient(145deg,#0d202b,#163a35);
  overflow:hidden;
}
.collab-visual span {
  font:600 clamp(42px,6vw,86px)/.86 Syne;
  letter-spacing:-.07em; color:rgba(242,241,233,.82);
}
.collab-visual span:nth-child(2) { color:var(--lime); }
.collab-visual span:nth-child(3) { color:var(--cyan); }

.about-photo-wrap {
  width:min(360px,100%); aspect-ratio:1;
  border-radius:50%; overflow:hidden;
  border:1px solid rgba(7,19,29,.2);
  box-shadow:0 30px 80px rgba(17,24,18,.15);
}
.about-photo-wrap img { width:100%; height:100%; object-fit:cover; }
.about-identity { justify-content:center; }

.process-grid article {
  position:relative; overflow:hidden;
  transition:transform .3s,box-shadow .3s;
}
.process-grid article::before {
  content:""; position:absolute; left:0; right:0; top:0; height:7px;
}
.process-grid article:hover {
  transform:translateY(-7px);
  box-shadow:0 20px 50px rgba(7,19,29,.12);
  z-index:2;
}
.process-lime { background:linear-gradient(180deg,rgba(201,255,74,.18),transparent 68%); }
.process-lime::before { background:var(--lime); }
.process-cyan { background:linear-gradient(180deg,rgba(84,217,208,.16),transparent 68%); }
.process-cyan::before { background:var(--cyan); }
.process-coral { background:linear-gradient(180deg,rgba(255,122,104,.15),transparent 68%); }
.process-coral::before { background:var(--coral); }
.process-gold { background:linear-gradient(180deg,rgba(229,182,79,.17),transparent 68%); }
.process-gold::before { background:var(--gold); }
.process-lime span { color:#668b10; }
.process-cyan span { color:#157b75; }
.process-coral span { color:#b34b3c; }
.process-gold span { color:#9f7316; }

.review-intro {
  background:linear-gradient(145deg,var(--lime),#e8ffad 55%,var(--cyan));
}
.primary-review {
  background:
    radial-gradient(circle at 85% 20%,rgba(201,255,74,.09),transparent 30%),
    linear-gradient(145deg,#0b1d28,#102d37);
  border-color:rgba(84,217,208,.22);
}
.primary-review blockquote { color:#f3f1e9; }
.primary-review mark { background:none; color:var(--lime); padding:0; }
.primary-review footer strong { color:var(--cyan); }
.review-badge {
  background:linear-gradient(90deg,rgba(201,255,74,.15),rgba(84,217,208,.13));
  border:1px solid rgba(201,255,74,.23);
}
.review-mini-grid > div:nth-child(1) {
  background:linear-gradient(135deg,#f1efe7,#e6f2b9);
}
.review-mini-grid > div:nth-child(2) {
  background:linear-gradient(135deg,#f1efe7,#cbece8);
}
.review-mini-grid > div:nth-child(3) {
  background:linear-gradient(135deg,#f1efe7,#f3d4cb);
}

.contact-card::before {
  content:"AJAY"; position:absolute; left:-2vw; top:-5vw;
  font:600 min(27vw,380px)/.82 Syne;
  color:rgba(7,19,29,.045); letter-spacing:-.1em;
}
.contact-card::after {
  content:"NXT"; right:-2vw; bottom:-7vw;
  font-size:min(30vw,430px); color:rgba(7,19,29,.055);
}
.booking-form { background:rgba(247,246,239,.78); }
.phone-input-row {
  display:grid; grid-template-columns:minmax(170px,.55fr) 1fr; gap:10px;
}
.currency-preview {
  padding:13px 15px;
  border:1px dashed rgba(7,19,29,.22);
  border-radius:12px; background:rgba(255,255,255,.34);
  font-size:12px; font-weight:700; color:#405026;
}
.form-note { margin:12px 0 0; font-size:10px; color:#526331; }
.social-links small { font-size:10px; }
.contact-foot { font-size:10px; }
.footer a { color:var(--lime); }

@media (max-width:720px) {
  .system-grid { grid-template-columns:1fr; }
  .system-main { grid-row:auto; min-height:260px; }
  .system-head { flex-direction:column; }
  .signal-bars i { width:45px; }
  .collab-card { grid-template-columns:1fr; }
  .collab-visual { min-height:340px; }
  .phone-input-row { grid-template-columns:1fr; }
  .hero-scroll span { display:none; }
  .hero-stage { max-width:100%; }
  .portrait-glass { inset:7% 4% 4% 7%; }
  .about-photo-wrap { width:220px; }
  .site-nav { font-size:13px; }
}


/* HERO PHOTO SIZE + VIDEO GALLERY START */

/* Main photo made slightly smaller for cleaner balance */
.hero-stage {
  width: min(100%, 505px);
  max-width: 505px;
  margin-right: clamp(0px, 1.5vw, 22px);
}
.portrait-frame {
  border-radius: 28px;
}
.portrait-clean img {
  object-position: center top;
}

/* Approved circular portrait inside the hero */
.hero-profile-badge {
  position: absolute;
  z-index: 5;
  left: 20px;
  bottom: 68px;
  width: 70px;
  height: 70px;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(4,13,17,.72);
  backdrop-filter: blur(15px);
  box-shadow: 0 18px 45px rgba(0,0,0,.38);
}
.hero-profile-badge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--lime);
}

/* Video portfolio */
.video-portfolio {
  border-top: 1px solid var(--line);
  padding-top: 28px;
}
.video-portfolio-head {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}
.video-portfolio-head small {
  color: var(--lime);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}
.video-portfolio-head h3 {
  margin: 12px 0 0;
  font-size: clamp(34px, 4.7vw, 66px);
  line-height: .98;
  letter-spacing: -.05em;
}
.video-portfolio-head mark {
  color: var(--lime);
  background: transparent;
}
.video-portfolio-head p {
  margin: 0;
  color: #91a1ab;
  font-size: 14px;
  line-height: 1.75;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.portfolio-video-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 25px;
  background: linear-gradient(145deg, #0a1a24, #102b32);
  box-shadow: 0 25px 65px rgba(0,0,0,.22);
}
.video-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #020506;
}
.video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #020506;
}
.video-index,
.video-duration {
  position: absolute;
  top: 14px;
  z-index: 2;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(4,12,16,.72);
  color: var(--paper);
  backdrop-filter: blur(12px);
  font-size: 9px;
  font-weight: 800;
}
.video-index {
  left: 14px;
  color: var(--lime);
}
.video-duration {
  right: 14px;
}
.video-card-copy {
  padding: 21px;
}
.video-card-copy small {
  color: #7f919b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.video-card-copy h4 {
  margin: 10px 0 20px;
  font-size: clamp(21px, 2.2vw, 31px);
  letter-spacing: -.04em;
}
.video-play-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lime);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.video-play-link span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(201,255,74,.32);
  border-radius: 50%;
  transition: .25s;
}
.video-play-link:hover span {
  background: var(--lime);
  color: var(--ink);
  transform: translateX(3px);
}

/* Premiere Pro-inspired animated timeline */
.premiere-motion-strip {
  position: relative;
  overflow: hidden;
  margin-top: 18px;
  padding: 24px 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #061019;
}
.motion-label {
  margin-bottom: 16px;
  color: #71828c;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}
.motion-track {
  display: flex;
  gap: 5px;
  height: 15px;
  margin-top: 7px;
}
.motion-track i {
  display: block;
  border-radius: 3px;
}
.track-one i:nth-child(1) { width: 24%; background: #51a0ad; }
.track-one i:nth-child(2) { width: 17%; background: #be685c; }
.track-one i:nth-child(3) { width: 33%; background: #8e78b7; }
.track-one i:nth-child(4) { width: 22%; background: var(--lime); }
.track-two i:nth-child(1) { width: 35%; background: #5f78bb; }
.track-two i:nth-child(2) { width: 26%; background: #4a9d74; }
.track-two i:nth-child(3) { width: 35%; background: #c9953d; }
.motion-playhead {
  position: absolute;
  left: 61%;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: var(--coral);
  box-shadow: 0 0 12px rgba(255,122,104,.65);
  animation: timelinePlay 5s ease-in-out infinite alternate;
}
@keyframes timelinePlay {
  from { left: 20%; }
  to { left: 82%; }
}

@media (max-width: 1050px) {
  .hero-stage {
    width: min(100%, 545px);
    max-width: 545px;
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .video-portfolio-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
@media (max-width: 720px) {
  .hero-stage {
    width: 100%;
    max-width: 100%;
  }
  .hero-profile-badge {
    left: 14px;
    bottom: 64px;
    width: 56px;
    height: 56px;
  }
  .video-grid {
    grid-template-columns: 1fr;
  }
}

/* HERO PHOTO SIZE + VIDEO GALLERY END */

/* AJAY NXT GITHUB FINAL 2026 START */

/* Animated shader-style background, built with lightweight CSS */
body { position: relative; isolation: isolate; }
.shader-bg {
  position: fixed;
  z-index: -4;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -20%, rgba(201,255,74,.075), transparent 38%),
    linear-gradient(155deg, #06111a 0%, #07131d 48%, #0a1d25 100%);
  transition: background .7s ease;
}
.shader-blob {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(75px);
  opacity: .28;
  will-change: transform;
}
.shader-one {
  width: 42vw; height: 42vw; min-width: 380px; min-height: 380px;
  left: -15vw; top: 5vh;
  background: rgba(201,255,74,.26);
  animation: shaderFloatOne 19s ease-in-out infinite alternate;
}
.shader-two {
  width: 38vw; height: 38vw; min-width: 340px; min-height: 340px;
  right: -12vw; top: 30vh;
  background: rgba(84,217,208,.22);
  animation: shaderFloatTwo 23s ease-in-out infinite alternate;
}
.shader-three {
  width: 28vw; height: 28vw; min-width: 260px; min-height: 260px;
  left: 38vw; bottom: -12vh;
  background: rgba(75,111,150,.18);
  animation: shaderFloatThree 17s ease-in-out infinite alternate;
}
@keyframes shaderFloatOne { to { transform: translate(28vw, 16vh) scale(1.15) rotate(22deg); } }
@keyframes shaderFloatTwo { to { transform: translate(-24vw, -12vh) scale(.86) rotate(-26deg); } }
@keyframes shaderFloatThree { to { transform: translate(9vw, -26vh) scale(1.22); } }

/* Existing navbar with only the requested premium glass treatment */
.site-header {
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(110deg, rgba(8,22,31,.78), rgba(10,29,38,.62));
  border-color: rgba(218,237,237,.18);
  box-shadow: 0 18px 55px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.08);
}
.site-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -32%; bottom: -2px;
  width: 30%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(201,255,74,.95), rgba(84,217,208,.7), transparent);
  filter: blur(.2px);
  animation: glassSweep 8s ease-in-out infinite;
}
.site-header::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: radial-gradient(circle at 12% 150%, rgba(201,255,74,.12), transparent 28%);
  pointer-events: none;
}
@keyframes glassSweep { 50%,100% { left: 112%; } }
.header-controls { display: flex; align-items: center; gap: 8px; }
.brand-mark {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(201,255,74,.98), rgba(166,236,50,.85));
  border: 1px solid rgba(237,255,196,.75);
  box-shadow: 0 10px 28px rgba(163,236,51,.18), inset 0 1px 12px rgba(255,255,255,.38);
}
.brand-mark::after {
  content: "";
  position: absolute;
  inset: -40% 55% -40% -35%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
  transform: skewX(-24deg);
  animation: markShine 5.5s ease-in-out infinite;
}
@keyframes markShine { 0%,62% { transform: translateX(-130%) skewX(-24deg); } 86%,100% { transform: translateX(380%) skewX(-24deg); } }

.theme-toggle {
  min-width: 86px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 13px;
  background: rgba(255,255,255,.045);
  color: var(--paper);
  backdrop-filter: blur(14px);
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.07);
  transition: transform .25s, background .25s, border-color .25s;
}
.theme-toggle:hover { transform: translateY(-2px); border-color: rgba(201,255,74,.42); background: rgba(201,255,74,.07); }
.theme-icon { font-size: 16px; }
.theme-text { font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

/* Hero remains still; only small design tools orbit around it */
.hero-stage { width: min(100%, 505px); max-width: 505px; transform: none !important; }
.portrait-frame { overflow: visible; }
.portrait-frame::before { border-radius: inherit; overflow: hidden; }
.portrait-clean > img { border-radius: 30px; }
.tool-orbit { position: absolute; z-index: 6; inset: 0; pointer-events: none; }
.tool-node {
  position: absolute;
  width: 47px; height: 47px;
  display: grid; place-items: center;
  border: 1px solid rgba(221,245,238,.22);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(17,35,43,.78), rgba(8,18,25,.55));
  color: #f4f2e9;
  font: 700 12px Syne, sans-serif;
  backdrop-filter: blur(14px);
  box-shadow: 0 15px 38px rgba(0,0,0,.27), inset 0 1px rgba(255,255,255,.09);
  animation: toolFloat 4.8s ease-in-out infinite alternate;
}
.tool-node::after { content: ""; position: absolute; inset: 5px; border-radius: 10px; border-bottom: 1px solid rgba(201,255,74,.55); }
.tool-pr { left: -24px; top: 18%; animation-delay: -.8s; color: #d6b5ff; }
.tool-ps { right: -24px; top: 28%; animation-delay: -2.1s; color: #77c7ff; }
.tool-ae { left: -18px; top: 53%; animation-delay: -3.2s; color: #c6b2ff; }
.tool-figma { right: -18px; top: 58%; animation-delay: -1.4s; color: #ff9d88; }
.tool-web { right: 8%; top: -18px; animation-delay: -2.6s; color: var(--lime); }
@keyframes toolFloat { to { transform: translateY(14px) rotate(5deg); } }
.current-mode-card {
  position: absolute;
  z-index: 6;
  right: -36px;
  bottom: 82px;
  width: min(260px, 55%);
  padding: 19px 21px;
  border: 1px solid rgba(236,255,205,.4);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(201,255,74,.94), rgba(193,255,76,.78));
  color: #0a1720;
  box-shadow: 0 22px 55px rgba(119,178,24,.2), inset 0 1px rgba(255,255,255,.65);
  backdrop-filter: blur(14px);
}
.current-mode-card small { display: block; margin-bottom: 8px; color: #65785f; font-size: 9px; letter-spacing: .13em; }
.current-mode-card strong { font: 600 clamp(15px,1.7vw,22px) Syne, sans-serif; }
.hero-profile-badge { display: none !important; }

/* Large cinematic video slider */
.video-cinema { border-top: 1px solid var(--line); padding-top: 30px; }
.video-cinema-head {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 50px;
  align-items: end;
  margin-bottom: 30px;
}
.video-cinema-head small { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.video-cinema-head h3 { margin: 12px 0 0; font-size: clamp(36px,4.8vw,68px); line-height: .98; letter-spacing: -.055em; }
.video-cinema-head mark { background: transparent; color: var(--lime); }
.video-cinema-head p { margin: 0; color: #91a1ab; font-size: 14px; line-height: 1.75; }
.cinema-stage {
  display: grid;
  grid-template-columns: 48px minmax(120px,.22fr) minmax(0,1fr) minmax(120px,.22fr) 48px;
  gap: 13px;
  align-items: center;
}
.cinema-main {
  overflow: hidden;
  border: 1px solid rgba(213,235,232,.17);
  border-radius: 29px;
  background: linear-gradient(145deg, rgba(10,26,36,.92), rgba(13,45,47,.82));
  box-shadow: 0 35px 90px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.06);
}
.cinema-screen { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #020506; }
.cinema-main-poster,
.cinema-local-video,
.cinema-drive-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #020506;
}
.cinema-main-poster { object-fit: cover; }
.cinema-main-poster[hidden],
.cinema-local-video[hidden],
.cinema-drive-frame[hidden] { display: none; }
.cinema-local-video,
.cinema-drive-frame { position: absolute; inset: 0; z-index: 1; object-fit: cover; }
.cinema-play {
  position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 82px; height: 82px; display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.42); border-radius: 50%;
  background: rgba(244,244,237,.88); color: #07131d;
  backdrop-filter: blur(15px); cursor: pointer;
  box-shadow: 0 18px 55px rgba(0,0,0,.3);
  transition: transform .25s, background .25s;
}
.cinema-play:hover { transform: translate(-50%,-50%) scale(1.06); background: var(--lime); }
.cinema-play[hidden] { display: none; }
.cinema-screen-top { position: absolute; z-index: 2; left: 15px; right: 15px; top: 14px; display: flex; justify-content: space-between; pointer-events: none; }
.cinema-screen-top span { padding: 7px 9px; border-radius: 999px; background: rgba(2,9,12,.7); color: #f1efe7; font-size: 9px; font-weight: 800; backdrop-filter: blur(12px); }
.cinema-screen-top span:first-child { color: var(--lime); }
.cinema-copy { display: grid; grid-template-columns: 1fr .8fr; gap: 30px; align-items: end; padding: 23px 25px 26px; }
.cinema-copy small { color: var(--lime); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.cinema-copy h4 { margin: 9px 0 0; font-size: clamp(24px,2.8vw,39px); letter-spacing: -.045em; }
.cinema-copy p { margin: 0; color: #8ea0aa; font-size: 12px; line-height: 1.65; }
.cinema-side-preview {
  position: relative; overflow: hidden; width: 100%; aspect-ratio: 9/16;
  padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 21px;
  background: #061019; cursor: pointer; opacity: .74; transform: scale(.92);
  transition: opacity .25s, transform .25s, border-color .25s;
}
.cinema-side-preview:hover { opacity: 1; transform: scale(.97); border-color: rgba(201,255,74,.5); }
.cinema-side-preview img { width: 100%; height: 100%; object-fit: cover; }
.cinema-side-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(2,8,11,.86)); }
.cinema-side-preview span { position: absolute; z-index: 2; left: 13px; right: 13px; bottom: 14px; color: white; font: 600 10px/1.35 Syne, sans-serif; text-align: left; }
.cinema-arrow {
  width: 46px; height: 46px; display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.17); border-radius: 50%;
  background: rgba(255,255,255,.045); color: var(--paper); cursor: pointer;
  backdrop-filter: blur(14px); transition: .25s;
}
.cinema-arrow:hover { background: var(--lime); color: #07131d; transform: scale(1.05); }
.cinema-controls { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; margin-top: 19px; }
.cinema-counter { display: flex; gap: 8px; align-items: center; color: #71828d; font-size: 10px; }
.cinema-counter b { color: var(--lime); font: 600 18px Syne, sans-serif; }
.cinema-dots { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; }
.cinema-dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.22); cursor: pointer; transition: width .25s, background .25s; }
.cinema-dot.is-active { width: 30px; background: var(--lime); }
.cinema-auto { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: #8798a2; font-size: 9px; font-weight: 800; cursor: pointer; }
.cinema-auto span { width: 7px; height: 7px; border-radius: 50%; background: #6b7880; }
.cinema-auto.is-active span { background: var(--lime); box-shadow: 0 0 0 5px rgba(201,255,74,.08); }

/* Wedding Shedding collaboration, using the supplied logo */
.wedding-shedding-card { margin-top: 22px; }
.wedding-shedding-visual {
  position: relative; min-height: 600px; display: grid; place-items: center; overflow: hidden;
  background:
    radial-gradient(circle at 50% 47%, rgba(229,182,79,.22), transparent 33%),
    linear-gradient(145deg, #16140f, #33271b 56%, #151311);
}
.wedding-shedding-visual::before { content: ""; position: absolute; inset: 6%; border: 1px solid rgba(234,198,116,.22); border-radius: 50%; animation: weddingRing 13s linear infinite; }
.wedding-shedding-visual::after { content: ""; position: absolute; width: 80%; height: 80%; border-radius: 50%; border: 1px dashed rgba(255,255,255,.08); animation: weddingRingReverse 18s linear infinite; }
.wedding-shedding-visual img { position: relative; z-index: 2; width: min(78%, 520px); filter: drop-shadow(0 28px 45px rgba(0,0,0,.28)); }
.wedding-glow { position: absolute; width: 48%; aspect-ratio: 1; border-radius: 50%; background: rgba(221,179,74,.12); filter: blur(55px); animation: weddingPulse 6s ease-in-out infinite alternate; }
.collab-link-note { display: block; margin-top: 14px; color: #6c787d; font-size: 9px; line-height: 1.5; }
@keyframes weddingRing { to { transform: rotate(360deg); } }
@keyframes weddingRingReverse { to { transform: rotate(-360deg); } }
@keyframes weddingPulse { to { transform: scale(1.26); opacity: .45; } }

/* Review copy slightly smaller and easier to scan */
.primary-review blockquote { font-size: clamp(24px, 2.7vw, 39px); line-height: 1.3; }

/* Light mode: all text and surfaces switch to readable contrast */
html[data-theme="light"] {
  --ink: #f2f5f0;
  --ink-2: #e5ebe5;
  --paper: #0b1720;
  --paper-2: #142a33;
  --line: rgba(9,25,34,.14);
  --dark-line: rgba(242,247,241,.16);
}
html[data-theme="light"] body { background: #f2f5f0; color: #0b1720; }
html[data-theme="light"] .shader-bg {
  background:
    radial-gradient(circle at 25% 12%, rgba(201,255,74,.2), transparent 29%),
    radial-gradient(circle at 82% 45%, rgba(84,217,208,.17), transparent 34%),
    linear-gradient(155deg, #fbfcf8, #eef3ed 50%, #e6eeeb);
}
html[data-theme="light"] .shader-blob { opacity: .18; }
html[data-theme="light"] .site-header { background: linear-gradient(110deg, rgba(255,255,255,.7), rgba(238,244,239,.58)); border-color: rgba(18,38,47,.13); box-shadow: 0 18px 55px rgba(26,45,42,.1), inset 0 1px rgba(255,255,255,.85); }
html[data-theme="light"] .brand-copy strong, html[data-theme="light"] .site-nav a, html[data-theme="light"] .theme-toggle { color: #0b1720; }
html[data-theme="light"] .brand-copy small { color: #66757d; }
html[data-theme="light"] .theme-toggle { background: rgba(255,255,255,.55); border-color: rgba(11,23,32,.13); }
html[data-theme="light"] .site-nav .nav-cta { background: #0b1720; color: #f6f7f1; }
html[data-theme="light"] .button-quiet { color: #0b1720; border-color: rgba(11,23,32,.17); background: rgba(255,255,255,.34); }
html[data-theme="light"] .hero-lede, html[data-theme="light"] .statement-grid>p, html[data-theme="light"] .project-summary>p, html[data-theme="light"] .case-strip p, html[data-theme="light"] .service-row p, html[data-theme="light"] .video-cinema-head p { color: #586a72; }
html[data-theme="light"] .work-tabs { background: rgba(248,251,247,.78); border-color: rgba(11,23,32,.13); }
html[data-theme="light"] .work-tab { color: #5e6e75; }
html[data-theme="light"] .work-tab.is-active { color: #07131d; }
html[data-theme="light"] .project, html[data-theme="light"] .service-list, html[data-theme="light"] .service-row, html[data-theme="light"] .category-intro { border-color: rgba(11,23,32,.14); }
html[data-theme="light"] .photo-card, html[data-theme="light"] .cinema-main, html[data-theme="light"] .primary-review { color: #f3f4ee; }
html[data-theme="light"] .about, html[data-theme="light"] .process { background: #0c1821; color: #f2f5f0; }
html[data-theme="light"] .about-copy>p:not(.section-kicker), html[data-theme="light"] .process-grid p { color: #aab7bc; }
html[data-theme="light"] .about-tags span, html[data-theme="light"] .process-grid, html[data-theme="light"] .process-grid article { border-color: rgba(255,255,255,.14); }
html[data-theme="light"] .contact { background: #0c1821; }
html[data-theme="light"] .footer { color: #5c6c74; }
html[data-theme="light"] .mobile-contact { background: rgba(247,249,245,.95); border-color: rgba(11,23,32,.13); }
html[data-theme="light"] .mobile-contact a { color: #0b1720; border-color: rgba(11,23,32,.13); }

@media (max-width: 1100px) {
  .cinema-stage { grid-template-columns: 44px 1fr 44px; }
  .cinema-side-preview { display: none; }
  .cinema-prev { grid-column: 1; }
  .cinema-main { grid-column: 2; }
  .cinema-next { grid-column: 3; }
}
@media (max-width: 850px) {
  .video-cinema-head { grid-template-columns: 1fr; gap: 18px; }
  .cinema-copy { grid-template-columns: 1fr; gap: 12px; }
  .tool-node { width: 40px; height: 40px; border-radius: 13px; }
  .current-mode-card { right: -10px; bottom: 76px; }
}
@media (max-width: 720px) {
  .header-controls { gap: 4px; }
  .theme-toggle { min-width: 44px; width: 44px; padding: 0; }
  .theme-text { display: none; }
  .site-nav { order: 3; }
  .hero-stage { width: 92%; max-width: 460px; justify-self: center; }
  .tool-pr { left: -14px; }
  .tool-ps { right: -14px; }
  .tool-ae { left: -12px; }
  .tool-figma { right: -12px; }
  .tool-web { right: 12%; }
  .current-mode-card { width: 58%; right: -6px; bottom: 73px; padding: 14px 16px; border-radius: 19px; }
  .current-mode-card strong { font-size: 13px; }
  .cinema-stage { grid-template-columns: 36px minmax(0,1fr) 36px; gap: 7px; }
  .cinema-arrow { width: 34px; height: 34px; }
  .cinema-main { border-radius: 20px; }
  .cinema-play { width: 62px; height: 62px; }
  .cinema-copy { padding: 18px; }
  .cinema-controls { grid-template-columns: auto 1fr; }
  .cinema-auto { grid-column: 1/-1; justify-self: center; }
  .wedding-shedding-visual { min-height: 380px; }
  .primary-review blockquote { font-size: clamp(22px,7vw,31px); }
}
@media (prefers-reduced-motion: reduce) {
  .shader-blob, .site-header::before, .brand-mark::after, .tool-node, .motion-playhead, .wedding-shedding-visual::before, .wedding-shedding-visual::after, .wedding-glow { animation: none !important; }
}

/* AJAY NXT GITHUB FINAL 2026 END */



/* Wedding Shedding expanded collaboration profile */
.wedding-shedding-visual { align-content: center; gap: 24px; padding: 48px 24px; }
.wedding-location-chip {
  position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px;
  background: rgba(10,14,15,.46); color: rgba(255,255,255,.84);
  backdrop-filter: blur(14px); font: 700 10px/1.2 Manrope, sans-serif;
  letter-spacing: .08em; text-transform: uppercase;
}
.wedding-location-chip span { color: var(--lime); text-shadow: 0 0 14px rgba(201,255,74,.55); }
.wedding-collab-copy { align-content: center; }
.wedding-intro { max-width: 720px; }
.collab-split {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 24px 0 18px;
}
.collab-split > div {
  padding: 17px; border: 1px solid var(--line); border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.collab-split small { display: block; margin-bottom: 8px; color: #75848c; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.collab-split strong { color: var(--paper); font: 600 13px/1.5 Syne, sans-serif; }
.wedding-stats {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 0 0 20px;
}
.wedding-stats span {
  min-height: 78px; display: flex; flex-direction: column; justify-content: center;
  padding: 14px; border-top: 2px solid rgba(201,255,74,.72);
  background: linear-gradient(180deg, rgba(201,255,74,.07), transparent);
}
.wedding-stats b { color: var(--paper); font: 700 18px Syne, sans-serif; }
.wedding-stats small { margin-top: 5px; color: #77878e; font-size: 9px; }
.wedding-services { margin-bottom: 24px; }
.collab-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.collab-action-grid .button { justify-content: center; width: 100%; }
.collab-action-grid a.is-unavailable { opacity: .48; cursor: not-allowed; }
.collab-link-note code { color: var(--cyan); font-size: inherit; }

html[data-theme="light"] .collab-split > div { background: rgba(255,255,255,.4); }
html[data-theme="light"] .collab-split strong,
html[data-theme="light"] .wedding-stats b { color: #0b1720; }

@media (max-width: 720px) {
  .collab-split, .collab-action-grid { grid-template-columns: 1fr; }
  .wedding-stats { grid-template-columns: repeat(3, 1fr); }
  .wedding-stats span { min-height: 68px; padding: 10px; }
  .wedding-stats b { font-size: 14px; }
}


/* Approved AJAY NXT logo */
.brand-logo {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: block;
  object-fit: cover;
  border-radius: 13px;
  border: 1px solid rgba(201,255,74,.62);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 24px rgba(201,255,74,.13);
}
.wedding-main-name {
  margin: 0 0 7px;
  color: var(--paper);
  font: 700 clamp(25px, 3vw, 42px)/1 Syne, sans-serif;
  letter-spacing: -.04em;
}
html[data-theme="light"] .wedding-main-name { color: #0b1720; }

@media (max-width: 720px) {
  .brand-logo { width: 38px; height: 38px; flex-basis: 38px; border-radius: 11px; }
}


/* Wedding Shedding typographic identity panel */
.wedding-type-visual {
  position: relative;
  min-height: 540px;
  align-content: end;
  overflow: hidden;
  padding: clamp(28px, 5vw, 58px);
  isolation: isolate;
  background:
    radial-gradient(circle at 77% 14%, rgba(201,255,74,.18), transparent 28%),
    radial-gradient(circle at 20% 78%, rgba(84,217,208,.13), transparent 34%),
    linear-gradient(145deg, #07131d 0%, #0b1720 55%, #101a1b 100%);
}
.wedding-type-visual::before {
  content: "";
  position: absolute;
  inset: 20px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008));
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}
.wedding-type-visual::after {
  content: "";
  position: absolute;
  width: 290px;
  height: 290px;
  right: -80px;
  top: -80px;
  z-index: -1;
  border: 1px solid rgba(201,255,74,.2);
  border-radius: 50%;
  box-shadow:
    0 0 0 35px rgba(201,255,74,.025),
    0 0 0 75px rgba(84,217,208,.018);
}
.wedding-lettermark {
  position: absolute;
  top: 40px;
  left: 42px;
  z-index: -1;
  color: rgba(255,255,255,.035);
  font: 800 clamp(120px, 18vw, 260px)/.8 Syne, sans-serif;
  letter-spacing: -.12em;
  transform: translateX(-8px);
  user-select: none;
}
.wedding-visual-kicker {
  margin: 0 0 14px;
  color: var(--lime);
  font: 700 10px/1.2 Manrope, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.wedding-type-visual h3 {
  margin: 0;
  max-width: 560px;
  color: #f4f1e9;
  font: 700 clamp(44px, 6vw, 78px)/.88 Syne, sans-serif;
  letter-spacing: -.065em;
}
.wedding-visual-copy {
  margin: 18px 0 26px;
  color: rgba(244,241,233,.66);
  font: 500 12px/1.5 Manrope, sans-serif;
  letter-spacing: .03em;
}
.wedding-mini-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wedding-mini-links a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.wedding-mini-links a:hover {
  transform: translateY(-2px);
  border-color: rgba(201,255,74,.52);
  background: rgba(201,255,74,.075);
}
.wedding-mini-links svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wedding-mini-links a:nth-child(2) svg { fill: currentColor; stroke: none; }
.wedding-mini-links span {
  font: 700 10px/1 Manrope, sans-serif;
  letter-spacing: .04em;
}
.wedding-mini-links a.is-unavailable {
  opacity: .48;
}

html[data-theme="light"] .wedding-type-visual {
  background:
    radial-gradient(circle at 77% 14%, rgba(201,255,74,.19), transparent 28%),
    radial-gradient(circle at 20% 78%, rgba(84,217,208,.11), transparent 34%),
    linear-gradient(145deg, #0b1720, #12212a);
}

@media (max-width: 720px) {
  .wedding-type-visual {
    min-height: 430px;
    padding: 34px 28px;
  }
  .wedding-lettermark {
    top: 42px;
    left: 26px;
    font-size: 150px;
  }
  .wedding-type-visual h3 {
    font-size: clamp(42px, 15vw, 64px);
  }
  .wedding-mini-links {
    gap: 8px;
  }
  .wedding-mini-links a {
    min-height: 39px;
    padding: 9px 11px;
  }
}


/* Compact collaboration section patch */

@media (min-width: 721px) {
  .collab-card.wedding-shedding-card { grid-template-columns: .86fr 1.14fr; }
  .wedding-shedding-card { max-width: 100%; }
  .wedding-collab-copy { padding: 40px 42px 38px; }
  .wedding-collab-copy h3 { font-size: clamp(34px, 3.4vw, 54px); line-height: .94; margin: 8px 0 18px; }
  .wedding-intro { font-size: 15px; line-height: 1.62; margin-bottom: 18px; }
  .wedding-type-visual { min-height: 460px; padding: 34px 28px 28px; }
  .wedding-lettermark { top: 32px; left: 30px; font-size: clamp(104px, 11vw, 178px); }
  .wedding-type-visual h3 { font-size: clamp(36px, 4.4vw, 58px); line-height: .9; max-width: 420px; }
  .wedding-visual-copy { margin: 12px 0 20px; }
}
.wedding-main-name { font-size: clamp(22px, 2.2vw, 34px); }
.wedding-mini-links { gap: 8px; margin-top: 8px; }
.wedding-mini-links a {
  min-height: 38px;
  padding: 8px 11px;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06);
}
.wedding-mini-links svg { width: 16px; height: 16px; }
.wedding-mini-links span { font-size: 10px; }
.wedding-stats { display:flex; flex-wrap:wrap; gap:10px; margin: 18px 0 14px; }
.wedding-stats span {
  min-width: 116px;
  padding: 10px 12px;
  border-radius: 16px;
  border:1px solid rgba(11,23,32,.08);
  background: rgba(11,23,32,.03);
}
html[data-theme="dark"] .wedding-stats span {
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
.wedding-stats b { display:block; font-size: 14px; }
.wedding-stats small { display:block; margin-top:3px; font-size: 10px; color:#6e7980; }
.wedding-services { margin-top: 14px; }
.wedding-services span { padding: 8px 11px; font-size: 10px; }
.collab-action-grid { display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px; }
.collab-action-grid .button { margin:0; }
@media (max-width: 720px) {
  .wedding-collab-copy { padding: 26px 22px 24px; }
  .wedding-collab-copy h3 { font-size: clamp(30px, 10vw, 44px); line-height: .95; margin-bottom: 14px; }
  .wedding-intro { font-size: 14px; line-height: 1.55; }
  .wedding-type-visual { min-height: 325px; padding: 24px 20px 20px; }
  .wedding-lettermark { top: 22px; left: 18px; font-size: 104px; }
  .wedding-type-visual h3 { font-size: clamp(34px, 12vw, 48px); max-width: 300px; }
  .wedding-mini-links { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wedding-mini-links a { justify-content:center; }
  .wedding-mini-links span { display:none; }
  .wedding-stats span { min-width: calc(50% - 8px); }
}


/* Final collaboration visual treatment */
.collab-visual-card {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  isolation: isolate;
  background: #06141e;
}
.collab-visual-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 20px 70px rgba(0,0,0,.22);
}
.collab-visual-card img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.015);
  filter: saturate(.98) contrast(1.03);
}
.collab-visual-wedding img {
  object-position: 50% 50%;
}
.collab-visual-diamond img {
  object-position: 50% 44%;
}
.collab-visual-shine {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 25%, rgba(255,255,255,.055) 42%, transparent 58%),
    radial-gradient(circle at 78% 12%, rgba(201,255,74,.12), transparent 30%);
  transform: translateX(-65%);
  animation: collabGlassSweep 7.5s ease-in-out infinite;
}
@keyframes collabGlassSweep {
  0%, 28% { transform: translateX(-70%); opacity: .25; }
  55% { transform: translateX(55%); opacity: .7; }
  100% { transform: translateX(70%); opacity: .18; }
}
.diamond-visual-copy {
  position: absolute;
  left: clamp(32px, 4vw, 58px);
  right: clamp(32px, 4vw, 58px);
  bottom: clamp(34px, 5vw, 62px);
  z-index: 4;
}
.diamond-visual-copy small {
  display: block;
  margin-bottom: 12px;
  color: rgba(244,241,233,.62);
  font: 700 10px/1.2 Manrope, sans-serif;
  letter-spacing: .16em;
}
.diamond-visual-copy strong {
  display: grid;
  color: #f4f1e9;
  font: 700 clamp(42px, 5.2vw, 72px)/.86 Syne, sans-serif;
  letter-spacing: -.055em;
}
.diamond-visual-copy strong span:nth-child(2) { color: var(--lime); }
.diamond-visual-copy strong span:nth-child(3) { color: var(--cyan); }

html[data-theme="light"] .collab-visual-card {
  background: #07131d;
}

@media (min-width: 721px) {
  .wedding-shedding-card,
  .diamond-collab-card {
    grid-template-columns: .86fr 1.14fr;
  }
}
@media (max-width: 720px) {
  .collab-visual-card,
  .collab-visual-card img {
    min-height: 360px;
  }
  .collab-visual-card::before {
    inset: 12px;
    border-radius: 22px;
  }
  .diamond-visual-copy {
    left: 26px;
    right: 26px;
    bottom: 30px;
  }
  .diamond-visual-copy strong {
    font-size: clamp(40px, 14vw, 58px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .collab-visual-shine { animation: none; transform: none; opacity: .35; }
}


/* Collaboration slider */
.collab-slider {
  position: relative;
  width: 100%;
}
.collab-slider-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 20px;
}
.collab-slider-head .section-kicker {
  margin-bottom: 6px;
}
.collab-slider-note {
  margin: 0;
  color: #77878e;
  font-size: 12px;
}
.collab-slider-controls {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.collab-slider-arrow {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: rgba(255,255,255,.035);
  color: var(--paper);
  font: 500 18px/1 Manrope, sans-serif;
  cursor: pointer;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.collab-slider-arrow:hover {
  transform: translateY(-2px);
  border-color: rgba(201,255,74,.55);
  background: rgba(201,255,74,.08);
}
.collab-slider-counter {
  min-width: 66px;
  color: #718188;
  font: 700 10px/1 Manrope, sans-serif;
  letter-spacing: .12em;
  text-align: center;
}
.collab-slider-counter b {
  color: var(--lime);
  font-size: 12px;
}
.collab-slider-viewport {
  overflow: hidden;
  border-radius: 34px;
  touch-action: pan-y;
}
.collab-slider-track {
  display: flex;
  width: 100%;
  transition: transform .7s cubic-bezier(.22,.72,.18,1);
  will-change: transform;
}
.collab-slide {
  min-width: 100%;
  margin: 0;
}
.collab-slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}
.collab-slider-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  cursor: pointer;
  transition: width .3s ease, background .3s ease, box-shadow .3s ease;
}
.collab-slider-dot.is-active {
  width: 30px;
  background: var(--lime);
  box-shadow: 0 0 18px rgba(201,255,74,.25);
}
html[data-theme="light"] .collab-slider-arrow {
  background: rgba(255,255,255,.55);
  color: #0b1720;
}
html[data-theme="light"] .collab-slider-dot {
  background: rgba(11,23,32,.17);
}
html[data-theme="light"] .collab-slider-dot.is-active {
  background: #7ba900;
}
@media (max-width: 720px) {
  .collab-slider-head {
    align-items: center;
    margin-bottom: 14px;
  }
  .collab-slider-note {
    display: none;
  }
  .collab-slider-arrow {
    width: 39px;
    height: 39px;
  }
  .collab-slider-viewport {
    border-radius: 26px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collab-slider-track {
    transition: none;
  }
}