@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f3f3f8;--white:#fff;--ink:#14151f;--muted:#696d7d;--line:#dedfec;--indigo:#5146df;--violet:#9b5bff;--blue:#5397ff;--cyan:#30d9d5;--acid:#d9ff69;--peach:#ffb39b;--max:1200px;--ease:cubic-bezier(.2,.78,.2,1);--x:50%;--y:50%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;background-image:linear-gradient(#20234c06 1px,transparent 1px),linear-gradient(90deg,#20234c06 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--indigo);outline-offset:4px}::selection{background:#8c83ff66;color:#111}
.container{width:min(calc(100% - 42px),var(--max));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--indigo);font:500 10px 'DM Mono',monospace;letter-spacing:1.3px;text-transform:uppercase}.eyebrow:before{content:"";width:21px;height:2px;background:linear-gradient(90deg,var(--indigo),var(--cyan))}.rgb-line{height:4px;background:linear-gradient(90deg,#ff5487,#ffa94f,#e6ff68,#35d7c4,#5587ff,#a95aff,#ff5487);background-size:250% 100%;animation:rgbFlow 8s linear infinite}@keyframes rgbFlow{to{background-position:250% 0}}
.header{position:sticky;top:0;z-index:60;background:#f8f8fcf0;border-bottom:1px solid #e0e1ed;backdrop-filter:blur(18px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{position:relative;width:41px;height:41px;display:grid;place-items:center;font:800 18px 'Manrope';letter-spacing:-2px;background:#171823;color:#fff;box-shadow:5px 5px 0 #bcb7ff;overflow:hidden}.brand-mark:after{content:"";position:absolute;left:-50%;bottom:0;width:200%;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--acid));animation:rgbFlow 5s linear infinite}.brand-name{font:800 15px/1 'Manrope';letter-spacing:2px}.brand-name small{display:block;margin-top:5px;color:#77798a;font:700 8px/1 'DM Sans';letter-spacing:2px}.navlinks{display:flex;align-items:center;gap:24px;color:#585d6d;font-size:11px;font-weight:700}.navlinks a{transition:color .2s}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--indigo)}.nav-actions{display:flex;align-items:center;gap:9px}.nav-hint{font:9px 'DM Mono',monospace;color:#77798a}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 16px;border:1px solid #d3d5e4;background:#fff;color:var(--ink);font-size:11px;font-weight:800;overflow:hidden;cursor:pointer;transition:transform .24s var(--ease),box-shadow .24s,border-color .24s}.btn:hover{transform:translateY(-3px);box-shadow:5px 7px 0 #c7c2ff;border-color:#a5a0f1}.btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent,#ffffff55,transparent);transform:translateX(-130%);transition:transform .6s}.btn:hover:after{transform:translateX(130%)}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:4px 4px 0 #cfcbff}.btn-primary:hover{background:#3f34c3}.btn-ink{background:#171823;border-color:#171823;color:#fff}.btn-light{background:#ffffff18;color:#fff;border-color:#ffffff70}.arrow{font-size:17px;line-height:10px}.menu-toggle{display:none;width:43px;height:43px;background:#fff;border:1px solid var(--line);font-size:20px}.mobile-menu{display:none}
main{min-height:55vh;animation:pageEnter .62s cubic-bezier(.2,.78,.2,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(13px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.section{position:relative;padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:35px}.section-head h2{font:800 clamp(34px,4.6vw,58px)/.99 'Manrope';letter-spacing:-.075em;margin:12px 0 0;max-width:700px}.section-head h2 em,.serif{font:500 italic 1.02em 'Playfair Display';letter-spacing:-.06em;color:var(--indigo)}.section-head>p{max-width:410px;margin:0 0 3px;color:var(--muted);font-size:12px;line-height:1.9}
.text-gradient{background:linear-gradient(100deg,#5146df 5%,#4288ff 35%,#a04dff 65%,#10aaa9 95%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 9s linear infinite}@keyframes gradientShift{to{background-position:230% 0}}
/* strong scroll reveals: opacity + translation + blur + masked entrance */
.reveal{opacity:0;transform:translateY(38px) scale(.985);filter:blur(5px);clip-path:inset(0 0 9% 0);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease),clip-path .85s var(--ease);transition-delay:var(--delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0) scale(1);filter:blur(0);clip-path:inset(0)}.reveal.from-left{transform:translateX(-40px);}.reveal.from-left.in-view{transform:translateX(0)}.reveal.from-right{transform:translateX(40px)}.reveal.from-right.in-view{transform:translateX(0)}.reveal.pop{transform:scale(.9) rotate(-1deg)}.reveal.pop.in-view{transform:scale(1) rotate(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none;clip-path:none}}
/* home hero */
.home-hero{position:relative;isolation:isolate;min-height:640px;display:grid;align-items:center;overflow:hidden;background:#efeff8}.home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#f6f6fb 0%,#f3f1ff 49%,#dfe3ff 100%)}.home-hero:after{content:"";position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:linear-gradient(111deg,transparent 35%,#fff9 48%,transparent 55%);background-size:230% 100%;animation:beam 12s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;padding:80px 0 86px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font:800 clamp(50px,7.2vw,88px)/.92 'Manrope';letter-spacing:-.085em;margin:24px 0 24px}.hero-copy h1 .line{display:block;overflow:hidden;padding-bottom:.07em}.hero-copy h1 .line>span{display:inline-block;animation:titleLift .9s var(--ease) both}.hero-copy h1 .line:nth-child(2)>span{animation-delay:.12s}.hero-copy h1 .line:nth-child(3)>span{animation-delay:.24s}@keyframes titleLift{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes beam{0%,100%{background-position:140% 0}50%{background-position:-40% 0}}.hero-copy>p{max-width:500px;color:#616477;font-size:14px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:27px 0 25px}.hero-note{display:flex;gap:12px;align-items:center;color:#777a8b;font:9px 'DM Mono',monospace;letter-spacing:.7px}.hero-note:before{content:"";height:1px;width:34px;background:linear-gradient(90deg,var(--indigo),var(--cyan))}
.hero-stage{position:relative;min-height:450px;display:grid;place-items:center;perspective:1000px}.stage-grid{position:absolute;inset:3% -4% 0;background-image:linear-gradient(#5851d51b 1px,transparent 1px),linear-gradient(90deg,#5851d51b 1px,transparent 1px);background-size:27px 27px;transform:perspective(700px) rotateY(-12deg) rotateX(8deg);mask-image:linear-gradient(to bottom,#000,transparent 92%);animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{background-position:0 54px}}.stage-accent{position:absolute;width:72%;height:72%;right:4%;top:11%;background:linear-gradient(135deg,#5146df,#7565f4 48%,#b4abff);clip-path:polygon(16% 0,100% 0,100% 84%,83% 100%,0 100%,0 17%);transform:rotate(4deg);animation:accentFloat 7s var(--ease) infinite alternate}.stage-accent:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff7a;clip-path:polygon(16% 0,100% 0,100% 84%,83% 100%,0 100%,0 17%)}@keyframes accentFloat{to{transform:translateY(-9px) rotate(1deg)}}.stage-window{position:relative;width:88%;max-width:500px;background:#fff;border:1px solid #c9c8ea;box-shadow:20px 25px 0 #1a1a2b18,0 35px 70px #3a329c22;transform:rotateY(-7deg) rotateX(2deg);animation:windowFloat 7s ease-in-out infinite alternate}.stage-window-bar{height:34px;background:#f0f0f8;border-bottom:1px solid #dfdeeb;display:flex;align-items:center;gap:6px;padding:0 12px}.stage-window-bar i{width:6px;height:6px;background:#aaa9be;display:block}.stage-window-bar span{margin-left:auto;color:#87879a;font:8px 'DM Mono',monospace}.stage-window-body{min-height:280px;display:grid;grid-template-columns:.87fr 1.13fr;gap:14px;padding:23px}.stage-window-title small{font:9px 'DM Mono',monospace;letter-spacing:1px;color:#7b7a95}.stage-window-title h3{font:800 clamp(20px,3vw,35px)/.98 'Manrope';letter-spacing:-1.5px;margin:19px 0 12px}.stage-window-title p{font-size:9px;line-height:1.7;color:#73788a}.demo-button{display:inline-block;padding:7px 9px;background:var(--indigo);color:#fff;font:8px 'DM Mono',monospace;margin-top:10px}.stage-window-art{position:relative;overflow:hidden;background:#e8e8fb;display:grid;align-content:center;gap:11px;padding:14px}.stage-window-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6b5cf0,#a9b4ff 48%,#baffde);clip-path:polygon(22% 0,100% 0,100% 75%,66% 100%,0 100%,0 28%);animation:clipShift 9s ease-in-out infinite alternate}@keyframes clipShift{to{clip-path:polygon(0 0,77% 0,100% 28%,100% 100%,24% 100%,0 66%)}}.stage-window-art .art-card{position:relative;z-index:1;padding:12px;background:#ffffffc9;border:1px solid #ffffff;color:#1a1b2b;font:8px 'DM Mono',monospace;box-shadow:4px 4px 0 #25204b18}.stage-window-art .art-card:nth-child(2){margin-left:21px;background:#171827;color:#fff;border-color:#171827;animation:cardNudge 5s ease-in-out infinite alternate}@keyframes cardNudge{to{transform:translateX(-8px)}}.stage-label{position:absolute;left:1%;bottom:0;background:#d9ff69;padding:11px 14px;color:#20211e;font:800 9px 'DM Mono',monospace;letter-spacing:.7px;box-shadow:4px 4px 0 #2c2c3b;transform:rotate(-3deg)}.stage-id{position:absolute;right:0;bottom:4%;font:10px 'DM Mono',monospace;color:#78798d;writing-mode:vertical-rl;letter-spacing:2px}
@keyframes windowFloat{to{transform:translateY(-9px) rotateY(-4deg) rotateX(1deg)}}
/* marquees */
.ticker{background:#191a27;color:#fff;overflow:hidden;border-block:1px solid #36364a}.ticker-track{display:flex;width:max-content;align-items:center;gap:24px;padding:15px 0;animation:ticker 35s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker span{white-space:nowrap;font:500 10px 'DM Mono',monospace;letter-spacing:1.9px;color:#e4e4f0}.ticker b{font-weight:500;color:var(--acid)}@keyframes ticker{to{transform:translateX(-50%)}}
/* service cards and playful live mockups */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{position:relative;display:flex;flex-direction:column;min-height:310px;isolation:isolate;overflow:hidden;padding:19px;background:#fff;border:1px solid var(--line);transition:transform .38s var(--ease),box-shadow .38s,border-color .3s;--card-accent:var(--indigo)}.service-card:hover{transform:translateY(-7px);border-color:#b2aff0;box-shadow:0 20px 40px #26244b12}.service-card:nth-child(2){--card-accent:#1d2033;background:#f3f1ff}.service-card:nth-child(3){--card-accent:#3677d9;background:#eaf1ff}.service-card:nth-child(4){--card-accent:#128878;background:#e7f5ef}.service-card:nth-child(5){--card-accent:#d24733;background:#fff0e8}.service-card:nth-child(6){--card-accent:#864add;background:#f0e8ff}.service-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px 'DM Mono',monospace;color:#73778a}.service-number{color:var(--card-accent);font-weight:500}.service-mini{position:relative;min-height:134px;margin:15px 0 17px;overflow:hidden;background:#ececf7;display:grid;place-items:center}.mini-browser{width:84%;background:#fff;border:1px solid #d3d4e5;box-shadow:7px 7px 0 #27264313;transform:rotate(-2deg);transition:transform .45s var(--ease)}.service-card:hover .mini-browser{transform:rotate(0) translateY(-3px)}.mini-browser-top{height:13px;border-bottom:1px solid #e7e7f0;display:flex;align-items:center;gap:3px;padding-left:6px}.mini-browser-top i{width:3px;height:3px;background:#aaaac0}.mini-browser-content{padding:10px;display:grid;grid-template-columns:1fr .7fr;gap:7px;align-items:center}.mini-lines i{display:block;height:4px;margin:4px 0;background:#dcdcf0}.mini-lines i:first-child{width:74%;height:9px;background:var(--card-accent)}.mini-art{height:54px;background:linear-gradient(135deg,var(--card-accent),#aebfff);clip-path:polygon(15% 0,100% 0,100% 80%,80% 100%,0 100%,0 22%);animation:miniMorph 7s ease-in-out infinite alternate}@keyframes miniMorph{to{clip-path:polygon(0 0,83% 0,100% 30%,100% 100%,17% 100%,0 75%)}}.mini-video{width:100%;height:100%;background:#171827;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px}.mini-video .frame{width:23%;height:83%;background:linear-gradient(145deg,#5146df,#c9bbff);border:1px solid #ffffff55;transform:skewY(-8deg);animation:framePulse 3.6s ease-in-out infinite alternate}.mini-video .frame:nth-child(2){background:linear-gradient(145deg,#e9a18d,#ffde87);transform:skewY(7deg);animation-delay:.5s}.mini-video .frame:nth-child(3){background:linear-gradient(145deg,#90dfd2,#4440c5);animation-delay:1s}@keyframes framePulse{to{transform:skewY(0) translateY(-5px)}}.mini-social{width:100%;height:100%;display:flex;gap:5px;padding:9px;align-items:stretch;background:#dfe6ff}.mini-social span{flex:1;display:flex;align-items:end;padding:5px;color:#fff;font:800 7px 'Manrope';background:linear-gradient(150deg,#8d80fc,#171827);writing-mode:vertical-rl;transition:transform .3s}.mini-social span:nth-child(2){background:linear-gradient(150deg,#ff9e7e,#a43854);transform:translateY(7px)}.mini-social span:nth-child(3){background:linear-gradient(150deg,#d9ff69,#343c24);color:#23271d}.service-card:hover .mini-social span:nth-child(2){transform:translateY(0)}.mini-split{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#a1d8cb}.mini-split:before{content:"BEFORE";position:absolute;left:7px;top:7px;font:8px 'DM Mono';z-index:1}.mini-split:after{content:"AFTER";position:absolute;right:7px;top:7px;font:8px 'DM Mono';z-index:1;color:#fff}.mini-split span:first-child{background:linear-gradient(160deg,#8f9b8f,#b9a5a1 46%,#cfd5cb)}.mini-split span:last-child{background:linear-gradient(150deg,#4032a8,#29c7bd 52%,#e6ff9a);border-left:3px solid white}.mini-poster{width:83%;height:113%;background:#d9ff69;color:#1c2030;display:flex;flex-direction:column;justify-content:space-between;padding:12px;transform:rotate(4deg);box-shadow:5px 5px 0 #20202b25;transition:transform .4s}.service-card:hover .mini-poster{transform:rotate(0) scale(1.02)}.mini-poster strong{font:800 25px/.8 'Manrope';letter-spacing:-2px}.mini-poster small{font:8px 'DM Mono';letter-spacing:1px}.mini-brand{width:88%;height:75%;background:#201a32;color:#f3e9d7;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px;gap:8px}.mini-brand b{font:italic 21px 'Playfair Display'}.mini-brand span{height:45px;background:#bd9270}.service-card h3{font:800 20px/1.1 'Manrope';letter-spacing:-.8px;margin:0 0 8px}.service-card>p{font-size:11px;color:var(--muted);line-height:1.75;margin:0 0 17px}.service-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #dedfec;font:800 10px 'DM Mono';color:var(--card-accent)}.service-card-link span{font-size:16px;transition:transform .2s}.service-card-link:hover span{transform:translateX(5px)}
/* work mosaic */
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.work-tile{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .4s var(--ease),box-shadow .4s}.work-tile:hover{transform:translateY(-5px);box-shadow:0 18px 38px #27234113}.work-tile.w7{grid-column:span 7}.work-tile.w5{grid-column:span 5}.work-tile.w6{grid-column:span 6}.work-art{position:relative;min-height:240px;overflow:hidden;display:grid;place-items:center;background:#e7e6ff}.work-tile.w7 .work-art,.work-tile.w5 .work-art{min-height:300px}.work-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent,#fff3,transparent);transform:translateX(-120%);transition:transform .8s}.work-tile:hover .work-art:after{transform:translateX(120%)}.work-caption{padding:18px 20px 21px;display:flex;align-items:start;justify-content:space-between;gap:15px}.work-caption h3{font:800 20px 'Manrope';letter-spacing:-.7px;margin:0 0 5px}.work-caption p{color:var(--muted);font-size:11px;line-height:1.7;margin:0;max-width:420px}.work-arrow{font-size:20px;color:var(--indigo);transition:transform .2s}.work-tile:hover .work-arrow{transform:translate(3px,-3px)}
/* unique demo compositions */
.art-cafe{background:#f3d7bf;color:#583123}.cafe-sign{width:73%;padding:22px;background:#fdf3e6;box-shadow:13px 13px 0 #8f533432;transform:rotate(-3deg);transition:transform .6s}.work-tile:hover .cafe-sign{transform:rotate(0) translateY(-5px)}.cafe-sign small{font:9px 'DM Mono';letter-spacing:2px}.cafe-sign b{display:block;font:500 clamp(30px,5vw,56px)/.9 'Playfair Display';margin:16px 0}.cafe-sign span{font:9px 'DM Mono';border-top:1px solid #cdb49b;padding-top:9px;display:block}
.art-tech{background:#1d1d30;color:#fff}.tech-display{width:82%;background:#f8f8ff;color:#171827;padding:20px;box-shadow:9px 9px 0 #7c74fa;transform:perspective(600px) rotateY(-8deg);transition:transform .6s}.work-tile:hover .tech-display{transform:perspective(600px) rotateY(0) translateY(-4px)}.tech-display small{font:9px 'DM Mono';color:#6258e8}.tech-display strong{display:block;font:800 clamp(25px,4vw,44px)/.95 'Manrope';letter-spacing:-2px;margin:18px 0}.tech-display span{display:inline-block;background:#b7ff78;padding:7px 9px;font:8px 'DM Mono'}
.art-fitness{background:#e7ff60;color:#181a24}.fitness-poster{width:71%;height:92%;background:#f1f0e9;padding:17px;transform:rotate(4deg);box-shadow:9px 10px 0 #15162125;display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s}.work-tile:hover .fitness-poster{transform:rotate(0)}.fitness-poster b{font:800 clamp(33px,6vw,68px)/.76 'Manrope';letter-spacing:-4px}.fitness-poster span{font:9px 'DM Mono';letter-spacing:1px}
.art-beauty{background:#efe1d8;color:#382c33}.beauty-poster{width:76%;height:84%;background:#fcf5ec;display:grid;grid-template-columns:1fr .8fr;gap:10px;padding:17px;box-shadow:8px 8px 0 #a8808238}.beauty-poster b{font:500 clamp(22px,3vw,38px)/.9 'Playfair Display'}.beauty-bottle{align-self:center;height:135px;position:relative;background:linear-gradient(90deg,#b28a7d,#f0cdbb,#98756a);width:55px;justify-self:center;box-shadow:8px 9px 0 #bca6a033}.beauty-bottle:before{content:"";position:absolute;top:-14px;left:17px;width:21px;height:16px;background:#4c3d3d}
.art-social{background:#d8d9ff}.social-board{display:flex;align-items:center;gap:9px;width:85%;height:75%;transform:rotate(-3deg)}.social-board span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:white;font:800 12px 'Manrope';box-shadow:5px 5px 0 #26223b20;transition:transform .4s}.social-board span:nth-child(1){background:#5a4be7}.social-board span:nth-child(2){background:#f08363;transform:translateY(17px);color:#241e2b}.social-board span:nth-child(3){background:#191a27}.work-tile:hover .social-board span:nth-child(2){transform:translateY(0)}
.art-motion{background:#1a1a2a}.motion-frames{display:flex;gap:7px;width:85%;height:74%;align-items:center;transform:skewY(-6deg)}.motion-frames span{flex:1;height:100%;background:linear-gradient(160deg,#5e4fff,#c9b6ff);border:1px solid #ffffff5c;animation:motionBar 4s ease-in-out infinite alternate}.motion-frames span:nth-child(2){background:linear-gradient(160deg,#ff9e87,#f8e087);height:72%;animation-delay:.3s}.motion-frames span:nth-child(3){background:linear-gradient(160deg,#b1fb81,#2c8c8d);height:88%;animation-delay:.6s}.motion-frames span:nth-child(4){background:linear-gradient(160deg,#4f78ff,#d0d2ff);height:62%;animation-delay:.9s}@keyframes motionBar{to{transform:translateY(-9px) skewY(3deg)}}
.contact-band{position:relative;overflow:hidden;padding:36px;background:#e7e5ff;border:1px solid #cecbff;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band:after{content:"O/";position:absolute;right:20%;bottom:-65px;font:800 190px/.8 Manrope;letter-spacing:-.13em;color:#5146df0c;pointer-events:none}.contact-band>div{position:relative;z-index:1}.contact-band h2{font:800 clamp(34px,4.4vw,52px)/.99 Manrope;letter-spacing:-.075em;margin:13px 0}.contact-band h2 em{font:500 italic 1.02em "Playfair Display";color:#5146df}.contact-band p{max-width:480px;font-size:12px;line-height:1.85;color:#64677b}.band-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:195px;position:relative;z-index:1}.email-link{font:10px "DM Mono";color:#5146df;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:680px){.contact-band{padding:23px 18px;align-items:flex-start;flex-direction:column;gap:10px}.contact-band h2{font-size:36px}.contact-band:after{font-size:135px;right:0;bottom:-40px}.band-actions{min-width:0}.contact-band>.btn{align-self:flex-start}}
/* category / subpage */
.subpage-hero{position:relative;isolation:isolate;overflow:hidden;padding:83px 0 62px;background:var(--sub-bg,#eeedff);color:var(--sub-ink,#171827)}.subpage-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:linear-gradient(125deg,transparent 30%,#fff9 43%,transparent 54%);background-size:220% 100%;animation:beam 11s ease-in-out infinite}.subpage-layout{display:grid;grid-template-columns:1fr .94fr;gap:38px;align-items:center}.subpage-title{font:800 clamp(45px,7vw,82px)/.92 'Manrope';letter-spacing:-.085em;margin:19px 0 22px}.subpage-title em{font:500 italic 1.02em 'Playfair Display';font-weight:500;color:var(--sub-accent,var(--indigo));letter-spacing:-.07em}.subpage-copy>p{max-width:520px;color:var(--sub-muted,#656779);font-size:13px;line-height:1.9}.subpage-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.subpage-id{font:9px 'DM Mono';letter-spacing:1.6px;color:var(--sub-muted,#656779);display:flex;gap:12px;align-items:center}.subpage-id:before{content:"";width:27px;height:1px;background:var(--sub-accent,var(--indigo))}
.demo-frame{position:relative;min-height:385px;background:var(--sub-demo,#202034);color:var(--sub-demo-ink,#fff);padding:16px;overflow:hidden;box-shadow:12px 12px 0 var(--sub-shadow,#d0cbff)}.demo-frame:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent)}.demo-frame-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff3b;padding-bottom:12px;font:9px 'DM Mono';letter-spacing:1.3px}.demo-window{position:relative;z-index:1;background:#f7f7fb;color:#191a26;margin:25px auto 0;width:91%;min-height:255px;padding:20px;box-shadow:8px 8px 0 #0002}.demo-window-top{display:flex;align-items:center;justify-content:space-between;font:8px 'DM Mono';border-bottom:1px solid #dedfec;padding-bottom:9px;color:#6e7084}.demo-window-main{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center;padding:20px 0}.demo-window-main h3{font:800 clamp(18px,3vw,32px)/.95 'Manrope';letter-spacing:-1.3px;margin:0}.demo-window-main p{font-size:8px;color:#72778a;line-height:1.7}.demo-window-visual{min-height:145px;background:linear-gradient(135deg,#5146df,#b8afff 48%,#d9ff69);clip-path:polygon(20% 0,100% 0,100% 78%,75% 100%,0 100%,0 22%);animation:clipShift 8s ease-in-out infinite alternate}
.sub-details{display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;align-items:start}.sticky-note{position:sticky;top:105px;padding:26px;background:#1a1b29;color:#fff}.sticky-note .eyebrow{color:#c8c1ff}.sticky-note h3{font:800 29px/.99 'Manrope';letter-spacing:-1.3px;margin:17px 0}.sticky-note p{font-size:11px;line-height:1.85;color:#c4c4d2}.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-point{padding:22px 20px;background:#fff;border:1px solid var(--line);min-height:150px;transition:transform .3s,box-shadow .3s}.detail-point:hover{transform:translateY(-4px);box-shadow:5px 6px 0 #dbd7ff}.detail-point b{font:800 16px 'Manrope';letter-spacing:-.5px;display:block;margin-bottom:9px}.detail-point p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.detail-point small{font:9px 'DM Mono';color:var(--indigo);letter-spacing:1px}
.full-demo{margin-top:25px;border:1px solid var(--line);background:#fff;padding:27px;overflow:hidden}.full-demo-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.full-demo-head h3{font:800 29px/.98 'Manrope';letter-spacing:-1.3px;margin:9px 0 0}.full-demo-head p{font-size:11px;color:var(--muted);max-width:300px}.demo-controls{display:flex;flex-wrap:wrap;gap:7px}.demo-controls button{border:1px solid #dcddec;background:#fff;color:#45495d;padding:8px 12px;font:9px 'DM Mono';cursor:pointer;transition:.2s}.demo-controls button.active,.demo-controls button:hover{background:#191a27;color:#fff;border-color:#191a27}
.palette-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px}.swatch{min-height:85px;padding:9px;display:flex;align-items:end;font:9px 'DM Mono';color:#fff;transition:transform .25s}.swatch:hover{transform:translateY(-5px)}.swatch:nth-child(2),.swatch:nth-child(3){color:#171827}
.poster-live{min-height:335px;background:#e3ff67;color:#161725;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.poster-live:after{content:"";position:absolute;right:-18%;top:-18%;width:56%;height:125%;border-left:2px solid #171827;transform:skew(-24deg);background:repeating-linear-gradient(0deg,transparent 0 17px,#17182712 18px 19px)}.poster-live small,.poster-live b,.poster-live span{position:relative;z-index:1}.poster-live small{font:10px 'DM Mono';letter-spacing:2px}.poster-live b{font:800 clamp(43px,8vw,92px)/.77 'Manrope';letter-spacing:-.09em;max-width:80%}.poster-live span{font:9px 'DM Mono';letter-spacing:1.5px;border-top:1px solid #303425;padding-top:10px}
.video-timeline{padding:18px;background:#191a27;color:#fff}.timeline-screen{height:170px;display:flex;gap:5px;align-items:center;justify-content:center;background:linear-gradient(120deg,#3430a1,#6b56dd,#ed9f9d);overflow:hidden}.timeline-screen span{display:block;width:18%;height:95%;background:linear-gradient(150deg,#ffffff5b,#ffffff08);border:1px solid #ffffff6e;transform:skewY(-9deg);animation:framePulse 3s ease-in-out infinite alternate}.timeline-screen span:nth-child(2){height:70%;animation-delay:.3s}.timeline-screen span:nth-child(3){height:88%;animation-delay:.6s}.timeline-tracks{display:grid;grid-template-columns:70px 1fr;gap:7px;margin-top:14px;font:8px 'DM Mono';color:#d5d5ea}.track-bars{display:flex;gap:4px;height:15px}.track-bars i{flex:1;background:#766bf1}.track-bars i:nth-child(3n){background:#d895a8}.track-bars i:nth-child(4n){background:#a6e6c3}
.social-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-post{aspect-ratio:4/5;padding:13px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.social-post:nth-child(1){background:#5545de;color:#fff}.social-post:nth-child(2){background:#ff987a;color:#241b2a}.social-post:nth-child(3){background:#181927;color:#d9ff69}.social-post small{font:8px 'DM Mono';letter-spacing:1px}.social-post b{font:800 clamp(18px,3vw,35px)/.85 'Manrope';letter-spacing:-1.6px}.social-post span{font:8px 'DM Mono';border-top:1px solid currentColor;padding-top:8px}
.compare-box{height:260px;position:relative;background:linear-gradient(130deg,#e3d2c6,#f1d9ca 35%,#9b8ad0 36%,#5146df 67%,#30d9d5);overflow:hidden;--split:50%}.compare-box:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--split);background:linear-gradient(140deg,#afb4ab,#887969 42%,#b9a8a0 70%,#d9cbc2);transition:width .25s}.compare-box:after{content:"";position:absolute;top:0;bottom:0;left:var(--split);width:3px;background:#fff;box-shadow:0 0 0 5px #fff4}.compare-label{position:absolute;z-index:1;top:14px;padding:7px 9px;background:#fff;font:9px 'DM Mono'}.compare-label.before{left:14px}.compare-label.after{right:14px;background:#171827;color:#fff}.compare-object{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:120px;border:1px solid #ffffffad;background:linear-gradient(90deg,#b18f7e,#e8d6b7,#9b8178);box-shadow:10px 12px 0 #18172a27;transition:filter .3s}.compare-range{width:100%;accent-color:var(--indigo);margin-top:15px}
.footer{background:#171823;color:#fff;padding:30px 0 34px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#ff5487,#ffa94f,#e6ff68,#35d7c4,#5587ff,#a95aff) 1}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-name small{color:#a8a8ba}.footer-note{font-size:9px;color:#a7a8bc}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font:9px 'DM Mono';color:#c0c0d0}.footer-links a:hover{color:#d9ff69}
.whats-float{position:fixed;z-index:55;bottom:18px;right:18px;display:flex;align-items:center;gap:9px;background:#1a1b29;color:#fff;border:1px solid #44455d;padding:12px 15px;box-shadow:5px 5px 0 #bdb7ff;font-size:10px;font-weight:800;transition:transform .2s}.whats-float:hover{transform:translateY(-4px)}

/* Admin sign-in polish */
.admin-login-message form{display:grid;gap:13px;margin:20px 0 8px;max-width:540px}
.admin-login-message .admin-field{font-size:10px}
.admin-login-message .admin-field input{height:48px}
.admin-login-message .btn{border-radius:15px}
.admin-auth-notice{font-size:11px;line-height:1.8;min-height:8px;color:#a43e58;overflow-wrap:anywhere}
#adminSetupSubmit,#adminLoginSubmit{width:100%;margin-top:4px}
#adminLoginMessage[hidden],#adminSetupBox[hidden],#adminLoginBox[hidden],#adminApp[hidden]{display:none!important}
#adminLogout{font-size:9px;min-height:38px}
@media(max-width:680px){.admin-login-message{padding:20px 17px}.admin-login-message form{gap:11px}.admin-login-message h2{font-size:22px}}

/* FINAL GLASS ART DIRECTION — admin, missing page components, polish */
.mobile-menu{display:none;position:absolute;top:74px;left:18px;right:18px;padding:13px;z-index:70;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #ffffffed;border-radius:22px;background:rgb(250 250 255 / 83%);box-shadow:0 25px 65px #27244720;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}
.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;background:rgb(255 255 255 / 55%);border:1px solid #ffffffdb;border-radius:13px;font-size:10px;font-weight:800;transition:background .2s,transform .2s}.mobile-menu a:hover{background:rgb(226 222 255 / 85%);transform:translateY(-2px)}
.header .navlinks a[aria-current="page"]{color:var(--indigo)}
.hero-bottom{display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding-bottom:19px;color:#77758e;font:8px 'DM Mono';letter-spacing:1.1px}.hero-bottom .bottom-line{height:1px;max-width:80px;flex:1;background:linear-gradient(90deg,#7768ed77,#57d5c977,transparent)}
.stage-window-title h3{font-family:'Manrope';letter-spacing:-1.7px}.stage-window-title h3 em{font:500 italic 1.04em 'Playfair Display';color:var(--indigo)}
.stage-window-title p{max-width:180px}.stage-window-art .art-card{border:1px solid #ffffffce;background:rgb(255 255 255 / 53%);color:#312d54;padding:11px;border-radius:12px;font:8px 'DM Mono';letter-spacing:.5px;box-shadow:0 7px 20px #352b7310}.stage-window-art .art-card:nth-child(2){background:rgb(28 27 48 / 62%);color:#fff;border-color:#ffffff71}
.stage-window-art .art-card:nth-child(3){background:rgb(255 255 255 / 46%)}
.stage-label{font:800 8px 'DM Mono';letter-spacing:.6px;color:#39335c}
.hero-copy>p{max-width:510px}
.section{position:relative}
.section-head h2{line-height:1.01}
.feature-bento{align-items:stretch}
.feature-copy,.feature-visual{border:1px solid #ffffffdd;border-radius:30px;backdrop-filter:blur(25px) saturate(165%);-webkit-backdrop-filter:blur(25px) saturate(165%);box-shadow:0 24px 75px #2a28530b,inset 0 1px 0 #ffffffed}
.feature-copy{background:rgb(255 255 255 / 60%)}
.feature-visual{background:linear-gradient(140deg,rgb(219 211 255 / 61%),rgb(193 242 234 / 58%),rgb(244 249 211 / 52%))}
.service-card{border-radius:var(--radius,24px);transition:transform .5s var(--ease),box-shadow .5s,border-color .5s;box-shadow:0 12px 35px #312d5d0b,inset 0 1px #fff}
.service-card:hover{transform:translateY(-7px) scale(1.008);box-shadow:0 26px 50px #30265d17,inset 0 1px #fff}
.service-card .service-mini{border-radius:19px;overflow:hidden}
.service-card h3{font-size:20px;letter-spacing:-.8px}
.work-tile{border-radius:27px;box-shadow:0 15px 42px #29243e0b,inset 0 1px #ffffffcc}
.work-tile:hover{transform:translateY(-6px) scale(1.006);box-shadow:0 25px 60px #29243e16}
.work-caption{padding:18px 21px 22px}
.work-art{border-radius:21px}
.category-hero{border-radius:0 0 36px 36px;box-shadow:0 25px 80px #302b5610}
.subpage-hero{padding-top:85px;padding-bottom:70px}
.subpage-title{max-width:760px}
.sub-intro{max-width:730px;color:#666a7d;font-size:13px;line-height:1.9}
.sub-details{align-items:start}
.sticky-note{border-radius:25px;background:rgb(255 255 255 / 60%);color:var(--ink);border:1px solid #ffffffde;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 20px 50px #29234410,inset 0 1px #fff}
.sticky-note .eyebrow{color:var(--indigo)}.sticky-note h3{font:800 28px/1.03 'Manrope';letter-spacing:-1.2px}.sticky-note h3 em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}.sticky-note p{color:#696b7c;font-size:11px;line-height:1.9}
.detail-point{border-radius:21px;background:rgb(255 255 255 / 59%);border-color:#ffffffdc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff,0 10px 25px #302b5c08;transition:transform .35s var(--ease),box-shadow .35s}
.detail-point:hover{transform:translateY(-5px);box-shadow:0 18px 35px #302b5c12,inset 0 1px #fff}
.full-demo{border-radius:28px;padding:clamp(17px,3vw,28px);border:1px solid #ffffffe3;background:rgb(255 255 255 / 53%);box-shadow:0 24px 60px #24213f0c,inset 0 1px #fff;backdrop-filter:blur(25px) saturate(155%);-webkit-backdrop-filter:blur(25px) saturate(155%)}
.full-demo-head{margin-bottom:18px}.full-demo-head h3{font:800 clamp(22px,3.1vw,31px)/1.05 'Manrope';letter-spacing:-1.1px}.full-demo-head p{font-size:11px;color:#6b6e7e;line-height:1.8}
.demo-controls{gap:8px}.demo-controls button{border-radius:14px;border-color:#ffffffee;background:rgb(255 255 255 / 61%);box-shadow:0 6px 14px #2e2a4a07;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:'DM Mono';font-size:9px}
.demo-controls button.active,.demo-controls button:hover{background:var(--ink);color:#fff;box-shadow:0 11px 23px #17172523}
.web-live-preview{border:1px solid #ffffffec;border-radius:22px;overflow:hidden;padding:16px;background:linear-gradient(130deg,#e9e6ffcc,#d7fbf1cc);transition:background .5s,color .5s;box-shadow:inset 0 1px #fff,0 14px 35px #352d6d0b}
.web-live-preview[data-theme="citrus"]{background:linear-gradient(120deg,#efffb8,#ffead8)}
.web-live-preview[data-theme="night"]{background:linear-gradient(140deg,#181829,#38315e);color:#fff}
.web-live-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffffc7;font:8px 'DM Mono'}
.web-live-body{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:14px;align-items:center;min-height:230px;padding:22px 5px 10px}
.web-live-body small{font:8px 'DM Mono';letter-spacing:1px;opacity:.8}.web-live-body h3{font:800 clamp(27px,4vw,43px)/.88 'Manrope';letter-spacing:-2px;margin:17px 0 10px}.web-live-body h3 em{font:500 italic 1.05em 'Playfair Display';color:var(--indigo)}.web-live-body p{max-width:200px;font-size:9px;line-height:1.7;opacity:.75}
.web-live-cta{margin-top:12px;background:var(--indigo);color:#fff;border:0;border-radius:12px;padding:10px;font:8px 'DM Mono'}
.web-live-graphic{position:relative;min-height:170px;border-radius:19px;background:linear-gradient(135deg,#7163f5,#a8a1ff 48%,#d9ff7a);overflow:hidden}
.web-live-graphic:before{content:"";position:absolute;width:110px;height:110px;left:13%;top:15%;border-radius:52% 48% 63% 37%;background:rgb(255 255 255 / 42%);border:1px solid #ffffff99;backdrop-filter:blur(15px);animation:orbDrift 7s ease-in-out infinite alternate}
.web-live-graphic i{position:absolute;left:15px;right:15px;bottom:14px;height:18px;border-radius:12px;background:#fff9}
.web-live-preview[data-theme="night"] .web-live-nav{border-color:#ffffff2b}.web-live-preview[data-theme="night"] h3 em{color:#dfff7a}
#timelineScreen[data-motion="steady"] span{animation-duration:3.4s}#timelineScreen[data-motion="pulse"] span{animation-duration:1.15s}#timelineScreen[data-motion="rapid"] span{animation-duration:.55s}
.social-preview[data-theme="warm"] .social-post:nth-child(1){background:#f0bc88;color:#24202a}.social-preview[data-theme="warm"] .social-post:nth-child(2){background:#e7dec9;color:#252532}.social-preview[data-theme="warm"] .social-post:nth-child(3){background:#7c6a56;color:#fff4dc}.social-preview[data-theme="mono"] .social-post{background:#f5f5f9;color:#171725;border:1px solid #c7c7d3}.social-preview[data-theme="mono"] .social-post:nth-child(2){background:#d8d8e1}.social-preview[data-theme="mono"] .social-post:nth-child(3){background:#191a27;color:#fff}
.compare-box{height:260px;position:relative;background:linear-gradient(130deg,#e3d2c6,#f1d9ca 35%,#9b8ad0 36%,#5146df 67%,#30d9d5);overflow:hidden;--split:50%;border-radius:20px;border:1px solid #ffffffc9;box-shadow:0 16px 38px #23223b14}
.compare-box:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--split);background:linear-gradient(140deg,#afb4ab,#887969 42%,#b9a8a0 70%,#d9cbc2);transition:width .08s}
.compare-box:after{content:"";position:absolute;top:0;bottom:0;left:var(--split);width:3px;background:#fff;box-shadow:0 0 0 5px #fff4}
.compare-object{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:120px;border:1px solid #ffffffad;background:linear-gradient(90deg,#b18f7e,#e8d6b7,#9b8178);box-shadow:10px 12px 0 #18172a27;border-radius:19px}
.compare-label{position:absolute;z-index:2;top:14px;padding:7px 9px;background:rgb(255 255 255 / 77%);border-radius:9px;border:1px solid #ffffffce;font:9px 'DM Mono';backdrop-filter:blur(12px)}.compare-label.before{left:14px}.compare-label.after{right:14px;background:rgb(23 24 39 / 82%);color:#fff}
.compare-box[data-grade="cool"]{background:linear-gradient(130deg,#b6c1ff,#6b73ec 50%,#65e3db)}.compare-box[data-grade="warm"]{background:linear-gradient(130deg,#edc2a5,#b98a81 51%,#f3dfb3)}.compare-box[data-grade="vivid"]{background:linear-gradient(130deg,#fc70a6,#7757e9 42%,#4cdecd 70%,#e3ff65)}
#posterLive{border-radius:23px;box-shadow:0 18px 40px #20202a12}#posterLive[data-campaign="culture"]{background:linear-gradient(135deg,#ff997d,#ffc59c);color:#281b2c}#posterLive[data-campaign="studio"]{background:linear-gradient(135deg,#171827,#3d367e 58%,#a69bff);color:#fff}
.brand-live{--brand-primary:#6556ec;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:255px;padding:24px;border-radius:22px;background:linear-gradient(120deg,#f4ede5,#fff8ec);border:1px solid #ffffffdc;transition:background .4s}
.brand-live-copy small{font:8px 'DM Mono';letter-spacing:1.1px}.brand-live-copy h3{font:500 clamp(30px,5vw,49px)/.85 'Playfair Display';margin:17px 0}.brand-live-copy h3 em{color:var(--brand-primary);transition:color .3s}.brand-live-copy p{font:8px 'DM Mono';letter-spacing:1px}
.brand-live-object{position:relative;height:150px;width:92px;margin:auto;border-radius:18px 18px 24px 24px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 76%,#000),var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,#fff));box-shadow:12px 14px 0 #21152a15;border:1px solid #ffffffb9;transition:background .3s}
.brand-live-object:before{content:"";position:absolute;left:24px;top:-18px;width:42px;height:20px;border-radius:5px 5px 0 0;background:#342c42}.brand-live-object:after{content:"O/";position:absolute;left:0;right:0;top:57px;text-align:center;font:800 25px 'Manrope';color:#fff;letter-spacing:-2px}
.palette-row .swatch{border-radius:12px;box-shadow:inset 0 1px #ffffff88}
/* Contact and studio pages */
.contact-hero{position:relative;overflow:hidden;padding:85px 0 95px;background:linear-gradient(130deg,#f8f7ffbd,#e7e6ffb3 50%,#ddf8f1ab)}
.contact-glow{position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 25% 25%,#ffffffc9,transparent 34%),radial-gradient(ellipse at 83% 31%,#a9a0ff60,transparent 34%),radial-gradient(ellipse at 70% 95%,#85e7d455,transparent 36%);filter:blur(5px);animation:auroraCanvas 22s ease-in-out infinite alternate}
.contact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .85fr;gap:44px;align-items:center}
.contact-title{font:800 clamp(45px,7vw,76px)/.92 'Manrope';letter-spacing:-.085em;margin:24px 0}.contact-title em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}
.contact-hero-grid>div:first-child>p{max-width:500px;color:#676a7d;font-size:13px;line-height:1.9;margin-bottom:25px}
.btn-large{min-height:52px;padding:15px 20px;border-radius:17px}
.contact-methods{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.contact-methods>div,.contact-methods>a{display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center;border-top:1px solid #ffffffe2;padding-top:12px;min-width:160px}.contact-methods small{grid-column:1/-1;font:8px 'DM Mono';letter-spacing:1px;color:#77798a}.contact-methods b{font-size:11px}.contact-methods span{color:var(--indigo);font-size:15px}
.contact-glass-card{padding:29px;border:1px solid #ffffffec;border-radius:29px;background:rgb(255 255 255 / 56%);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 28px 80px #30285812,inset 0 1px #fff}
.contact-glass-card h2{font:800 29px 'Manrope';letter-spacing:-1.3px;margin:15px 0 20px}.brief-item{display:flex;gap:14px;padding:15px 0;border-top:1px solid #ffffffed}.brief-item>span{font:10px 'DM Mono';color:var(--indigo);padding-top:2px}.brief-item b{display:block;font-size:12px}.brief-item small{display:block;font-size:10px;line-height:1.7;color:#737688;margin-top:3px}.contact-glass-card>.btn{width:100%;margin-top:12px}.contact-glass-card>p{font-size:9px;color:#838597;line-height:1.7}
.about-collage{min-height:385px;position:relative;overflow:hidden;border:1px solid #ffffffdb;border-radius:30px;background:linear-gradient(140deg,#dcd5ff99,#c5f5eb9c,#fff6df88);box-shadow:0 30px 75px #30285810,inset 0 1px #fff}
.about-collage-orb{position:absolute;left:25%;top:11%;width:190px;height:190px;border:1px solid #ffffffdf;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffffffd6,#b4a7ffb7 25%,#6556ec70 55%,#6556ec10 75%);box-shadow:inset -20px -20px 50px #5146df22,0 20px 55px #5146df19;animation:orbDrift 10s ease-in-out infinite alternate}
.about-glass-note{position:absolute;padding:16px 19px;border:1px solid #ffffffed;border-radius:18px;background:rgb(255 255 255 / 63%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 17px 38px #2b265516}.about-glass-note small{display:block;font:8px 'DM Mono';color:#77768d;letter-spacing:1px}.about-glass-note b{display:block;font:800 17px/1.05 'Manrope';letter-spacing:-.6px;margin-top:10px}.note-a{top:14%;right:6%;transform:rotate(3deg)}.note-b{bottom:20%;left:7%;transform:rotate(-4deg)}.about-collage-label{position:absolute;left:21px;bottom:17px;font:8px 'DM Mono';letter-spacing:1px;color:#65657a}
.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.value-card{padding:23px;border-radius:22px;border:1px solid #ffffffdb;background:rgb(255 255 255 / 56%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .35s,box-shadow .35s}.value-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #28234a10}.value-card>span{font:10px 'DM Mono';color:var(--indigo)}.value-card h3{font:800 17px 'Manrope';margin:20px 0 6px}.value-card p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}
/* The owner control room */
.admin-backdrop{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 15% 12%,#6556ec37,transparent 37%),radial-gradient(ellipse at 85% 28%,#64e6e745,transparent 36%),radial-gradient(ellipse at 50% 100%,#b49aff36,transparent 40%)}
.admin-wrap{min-height:100vh;padding:0 0 50px}.admin-top{height:75px;padding:0 max(20px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgb(250 250 255 / 63%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffffd9}
.admin-secure{font:9px 'DM Mono';letter-spacing:1px;color:#686c80;display:flex;gap:7px;align-items:center}.admin-secure i{width:7px;height:7px;background:#1cbf87;border-radius:50%}.admin-main{width:min(calc(100% - 30px),1000px);margin:45px auto 0}.admin-welcome{max-width:700px}.admin-welcome h1{font:800 clamp(45px,7vw,72px)/.9 'Manrope';letter-spacing:-.085em;margin:18px 0}.admin-welcome h1 em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}.admin-welcome p{max-width:620px;font-size:12px;color:var(--muted);line-height:1.9}
.admin-status{display:flex;align-items:center;gap:13px;padding:17px 19px;margin:25px 0 18px;border-radius:18px}.admin-status>div{display:flex;flex-direction:column;gap:4px}.admin-status b{font-size:12px}.admin-status small{font-size:10px;color:var(--muted)}.status-pip{width:10px;height:10px;background:#e0a341;border-radius:50%;box-shadow:0 0 0 5px #e0a34120}.admin-status.connected .status-pip{background:#21ba8b;box-shadow:0 0 0 5px #21ba8b20}.admin-status.locked .status-pip{background:#d75d76;box-shadow:0 0 0 5px #d75d7620}
.admin-login-message{padding:25px;border-radius:22px;background:rgb(255 255 255 / 73%);border:1px solid #ffffffea;backdrop-filter:blur(22px);box-shadow:0 20px 50px #2a244b11}.admin-login-message h2{font:800 25px 'Manrope';margin:0 0 8px}.admin-login-message p{color:var(--muted);font-size:12px;line-height:1.85}.admin-login-message .btn{margin:10px 7px 0 0}
.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 12px}.admin-tabs button{border:1px solid #ffffffdc;background:rgb(255 255 255 / 46%);border-radius:13px;padding:11px 14px;color:#5f6375;font:10px 'DM Mono';cursor:pointer;backdrop-filter:blur(14px)}.admin-tabs button.active{background:#191a2a;color:#fff;border-color:#191a2a;box-shadow:0 8px 18px #191a2a20}
.admin-panel{padding:clamp(20px,4vw,36px);border-radius:27px}.admin-section-heading h2{font:800 clamp(29px,4vw,39px)/1 'Manrope';letter-spacing:-1.8px;margin:12px 0}.admin-section-heading p{font-size:11px;color:var(--muted);line-height:1.9;max-width:650px}
.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.admin-kpis article{padding:16px 15px;border:1px solid #ffffffdc;border-radius:17px;background:rgb(255 255 255 / 47%);display:flex;flex-direction:column;gap:8px}.admin-kpis small{font:8px 'DM Mono';letter-spacing:.8px;color:#7c7d8d}.admin-kpis b{font:800 24px 'Manrope';letter-spacing:-.7px;color:var(--indigo)}.admin-kpis span{font-size:10px;color:var(--muted)}
.admin-help{padding:20px;margin-top:20px;border-radius:19px}.admin-help b{font:800 13px 'Manrope'}.admin-help p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:0}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.admin-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#55596c;font-weight:700;min-width:0}.admin-field>span{font:9px 'DM Mono';letter-spacing:.6px;text-transform:uppercase}.admin-field input:not([type="color"]):not([type="range"]),.admin-field textarea,.admin-field select{width:100%;min-width:0;background:rgb(255 255 255 / 76%);border:1px solid #ffffffef;border-radius:13px;padding:13px;color:var(--ink);font:12px 'DM Sans';box-shadow:inset 0 1px 3px #25234b09}.admin-field textarea{resize:vertical;line-height:1.75}.admin-field small{font-size:9px;color:#898b9b;font-weight:400}.admin-field.full{grid-column:1/-1}
.admin-color-field{display:flex;align-items:center;gap:10px;padding:11px 12px;background:rgb(255 255 255 / 52%);border:1px solid #ffffffde;border-radius:15px}.admin-color-field>span{font-size:11px;font-weight:700;flex:1}.admin-color-field input{width:36px;height:36px;border:0;border-radius:10px;padding:2px;background:transparent;cursor:pointer}.admin-color-field code{font:9px 'DM Mono';color:#77798b}
.admin-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.range-field{padding:16px;border:1px solid #ffffffd9;border-radius:17px;background:rgb(255 255 255 / 46%)}.range-field>span{display:flex;justify-content:space-between;gap:10px}.range-field b{color:var(--indigo);font:500 10px 'DM Mono'}.range-field input{accent-color:var(--indigo);width:100%}
.admin-live-swatch{padding:26px;border-radius:22px;background:linear-gradient(120deg,#ffffffaa,#dcd7ff8a,#c7fbef91);margin-top:20px}.admin-live-swatch span,.admin-live-swatch small{display:block;font:8px 'DM Mono';letter-spacing:1px;color:#696a80}.admin-live-swatch b{display:block;font:800 31px/1 'Manrope';letter-spacing:-1px;margin:19px 0}.admin-live-swatch em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}
.admin-category-list{display:grid;gap:9px;margin-top:24px}.admin-category{border-radius:18px;overflow:hidden;background:rgb(255 255 255 / 55%);border-color:#ffffffd9}.admin-category summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 16px;font-size:11px;font-weight:800}.admin-category summary::-webkit-details-marker{display:none}.admin-category summary small{margin-left:auto;color:#868799;font:8px 'DM Mono'}.admin-category-dot{width:10px;height:10px;background:var(--dot);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 12%,transparent)}.admin-expand{font-size:17px;color:var(--indigo)}.admin-category[open] .admin-expand{transform:rotate(45deg)}.category-fields{padding:0 16px 18px;margin:0}.admin-switch{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:10px;color:#555a6f;cursor:pointer}.admin-switch input{accent-color:var(--indigo);width:17px;height:17px}
.admin-actions{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding:13px 15px;background:rgb(250 250 255 / 84%);border:1px solid #ffffffeb;border-radius:19px;box-shadow:0 15px 40px #25213d18;backdrop-filter:blur(20px)}.admin-actions>span{font-size:9px;color:#76798b}.admin-actions>div{display:flex;gap:8px}.admin-actions .btn{min-height:39px;padding:9px 12px}.admin-actions .btn:disabled{opacity:.6;cursor:wait}.admin-footer{margin-top:27px;text-align:center;font:8px 'DM Mono';letter-spacing:1.1px;color:#888b9c}
@media(max-width:850px){.feature-bento{grid-template-columns:1fr 1fr}.feature-copy{padding:24px}.feature-visual{min-height:360px}.process-glass{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-top{padding:0 18px}.contact-hero-grid{gap:25px}}
@media(max-width:680px){.mobile-menu{top:66px;left:10px;right:10px;grid-template-columns:1fr 1fr;padding:10px;gap:6px}.mobile-menu a{padding:11px 9px;font-size:9px}.feature-bento{grid-template-columns:1fr}.feature-visual{min-height:330px}.feature-copy{padding:23px}.feature-window{width:75%}.feature-stats{gap:16px}.feature-stats small{font-size:7px}.process-glass{gap:8px}.process-step{min-height:170px;padding:17px}.category-stage{min-height:330px}.demo-browser{width:91%}.social-stage{padding:15px;gap:6px}.social-mini-post{min-height:215px;padding:9px}.social-mini-post small,.social-mini-post span{font-size:6px}.social-mini-post b{font-size:17px}.motion-poster{min-height:255px;width:91%}.campaign-stage,.brand-board,.colour-stage{width:92%}.contact-hero{padding:60px 0}.contact-hero-grid{grid-template-columns:1fr;gap:28px}.contact-title{font-size:clamp(43px,12vw,62px)}.contact-glass-card{padding:22px}.about-collage{min-height:330px}.admin-top{height:66px;padding:0 15px}.admin-secure{display:none}.admin-main{margin-top:26px}.admin-form-grid,.admin-slider-grid{grid-template-columns:1fr}.admin-field.full{grid-column:auto}.admin-actions{align-items:stretch;flex-direction:column}.admin-actions>div{display:grid;grid-template-columns:1fr 1.4fr}.admin-actions .btn{font-size:9px}.admin-kpis article{padding:13px}.admin-kpis b{font-size:21px}.admin-category summary{padding:13px 11px}.admin-category summary small{font-size:7px}.category-fields{padding:0 12px 15px}.web-live-body{grid-template-columns:1fr .75fr}.web-live-graphic{min-height:145px}}
@media(max-width:380px){.hero-copy h1{font-size:43px}.hero-stage{min-height:300px}.stage-window-body{grid-template-columns:.9fr 1.1fr;padding:12px}.stage-window-title h3{font-size:22px}.stage-window-title p{font-size:8px}.stage-window-art .art-card{font-size:7px;padding:8px}.stage-label{font-size:7px;left:0}.stage-id{font-size:7px}.section-head h2{font-size:32px}.detail-points{grid-template-columns:1fr}.social-mini-post{min-height:190px}.social-mini-post b{font-size:15px}.admin-actions>div{grid-template-columns:1fr}.admin-kpis{gap:7px}}
/* Rounded glass surfaces, UI panels and interactive demo frames */
.service-card{border-radius:var(--radius,24px);background:rgb(255 255 255 / 61%);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);border-color:#ffffffde;box-shadow:0 10px 30px #322d5b09,inset 0 1px #fff}
.service-card:nth-child(2){background:rgb(238 233 255 / 69%);color:var(--ink);border-color:#ffffffdd}.service-card:nth-child(2) p{color:var(--muted)}
.service-card:nth-child(3){background:rgb(232 239 255 / 70%)}.service-card:nth-child(4){background:rgb(224 249 242 / 72%)}.service-card:nth-child(5){background:rgb(255 238 230 / 72%)}.service-card:nth-child(6){background:rgb(239 232 255 / 72%)}
.service-mini{border-radius:19px;border:1px solid #ffffffdc;box-shadow:inset 0 1px #fff,0 10px 25px #28234b08}.service-card-link{border-color:#ffffffc7}
.work-tile{border-radius:var(--radius,24px);background:rgb(255 255 255 / 64%);backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);border-color:#ffffffd6;overflow:hidden}
.work-art{border-radius:calc(var(--radius,24px) - 3px);margin:7px 7px 0;min-height:260px}
.cafe-sign,.tech-display,.fitness-poster,.beauty-poster{border-radius:17px;box-shadow:0 20px 45px #231a361e}
.section-end{margin-top:26px;border-top:1px solid #ffffffc9;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:9px 'DM Mono';letter-spacing:1px;color:#6b6c80}
.section-end a{color:var(--indigo);font-weight:500}
.process-glass{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.process-step{position:relative;padding:24px;border:1px solid #ffffffd9;border-radius:var(--radius,24px);background:rgb(255 255 255 / 59%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-height:190px;overflow:hidden}
.process-step:after{content:"";position:absolute;left:-20%;bottom:-45%;width:160px;height:160px;border-radius:50%;background:var(--indigo);opacity:.06;transition:transform .5s}.process-step:hover:after{transform:scale(1.7)}
.process-step>span{font:500 11px 'DM Mono';color:var(--indigo)}.process-step h3{font:800 20px 'Manrope';letter-spacing:-.7px;margin:23px 0 7px}.process-step p{font-size:11px;color:var(--muted);line-height:1.8}.process-step i{position:absolute;right:19px;top:18px;font-size:17px;color:var(--indigo);font-style:normal}
.contact-band{border-radius:30px;background:linear-gradient(120deg,rgb(255 255 255 / 74%),rgb(226 224 255 / 58%),rgb(212 249 244 / 62%));border:1px solid #ffffffdf;backdrop-filter:blur(27px) saturate(165%);-webkit-backdrop-filter:blur(27px) saturate(165%);box-shadow:0 25px 65px #342e7410,inset 0 1px #fff}
.contact-band:after{color:#5146df09}.contact-band h2{font-family:'Manrope'}.contact-band h2 em{font-family:'Playfair Display';font-weight:500}
.subpage-hero{border-radius:0 0 32px 32px;overflow:hidden}
.subpage-hero:before{background:radial-gradient(ellipse at 76% 25%,#ffffffbf,transparent 42%),linear-gradient(120deg,transparent 28%,#ffffff86 48%,transparent 62%);background-size:200% 100%;animation:beam 13s ease-in-out infinite}
.subpage-layout{position:relative;z-index:1}.category-stage{min-height:385px;border-radius:30px;position:relative;overflow:hidden;isolation:isolate;background:rgb(255 255 255 / 36%);box-shadow:0 28px 75px #342d7215,inset 0 1px #ffffffd9}
.category-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 20%,#ffffffa6,transparent 38%),radial-gradient(ellipse at 85% 80%,var(--service-accent,#6556ec)22,transparent 44%);background-size:180% 180%;animation:ambientMove 15s ease-in-out infinite alternate}
@keyframes ambientMove{to{background-position:100% 80%}}
.demo-browser{position:relative;width:83%;margin:32px auto;padding:0;overflow:hidden;border-radius:22px;background:rgb(255 255 255 / 68%);border:1px solid #ffffffde;box-shadow:0 24px 60px #28245120;backdrop-filter:blur(20px)}
.demo-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #ffffffd9;background:#ffffff8c;font:8px 'DM Mono';letter-spacing:1px}
.demo-browser-bar div{display:flex;gap:4px}.demo-browser-bar i{width:6px;height:6px;border-radius:50%;background:#9a96c5}
.demo-browser-body{position:relative;padding:22px 19px 28px;overflow:hidden;background:linear-gradient(130deg,#f9f8ffce,#e5e3ff94,#d0faf1a3)}
.demo-browser-body>small{font:8px 'DM Mono';letter-spacing:1px;color:#77738b}.demo-browser-body h2{font:800 clamp(27px,4vw,44px)/.92 'Manrope';letter-spacing:-2px;margin:18px 0 10px}.demo-browser-body h2 em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}
.demo-browser-body p{position:relative;z-index:2;max-width:190px;font-size:9px;color:#62677a;line-height:1.7}.demo-browser-cards{display:flex;gap:5px;margin-top:16px;position:relative;z-index:2}
.demo-browser-cards span{flex:1;border:1px solid #ffffff;background:#ffffff8a;border-radius:8px;padding:8px 5px;font:7px 'DM Mono';color:#554ec5}
.demo-gradient-shape{position:absolute;right:-3%;top:14%;width:47%;aspect-ratio:1;background:linear-gradient(135deg,#6257ed,#a8a1ff 46%,#9bf2df);border-radius:42% 58% 63% 37% / 48% 35% 65% 52%;filter:drop-shadow(10px 14px 20px #5146df21);animation:shapeMorph 12s ease-in-out infinite alternate}
@keyframes shapeMorph{to{border-radius:62% 38% 40% 60% / 36% 57% 43% 64%;transform:rotate(17deg) translateY(-7px)}}
.demo-float{position:absolute;padding:9px 12px;background:rgb(255 255 255 / 64%);border:1px solid #ffffffc9;border-radius:13px;box-shadow:0 12px 25px #312b6919;backdrop-filter:blur(17px);font:8px 'DM Mono';letter-spacing:.7px}
.demo-float-a{top:12%;left:4%;animation:chipFloat 7s ease-in-out infinite}.demo-float-b{bottom:10%;right:3%;animation:chipFloat 9s ease-in-out infinite reverse}
.motion-poster{position:relative;width:86%;min-height:300px;margin:35px auto;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:23px;background:linear-gradient(145deg,#181629,#342468 53%,#8b73ff);color:#fff;box-shadow:0 23px 55px #21174636}
.motion-poster:before{content:"";position:absolute;right:-17%;top:-13%;width:65%;height:130%;background:linear-gradient(110deg,#ffffff0a,#c1b5ff4f,#ffffff08);transform:skew(-21deg);animation:beam 10s ease-in-out infinite}
.motion-poster-top,.motion-poster-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;font:8px 'DM Mono';letter-spacing:1.2px;color:#ddd6ff}
.kinetic-type{position:relative;z-index:2;font:800 clamp(38px,6vw,65px)/.78 'Manrope';letter-spacing:-.085em;animation:kineticLift 4.6s ease-in-out infinite alternate}
.kinetic-type em{font:500 italic 1.02em 'Playfair Display';color:#dfff7a;letter-spacing:-.06em}
@keyframes kineticLift{to{transform:translateY(-7px) skewX(-2deg)}}.play-ring{border:1px solid #ffffff9c;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#dfff7a}
.motion-poster-orb{position:absolute;right:4%;bottom:10%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff,#a4f9e5 20%,#8068f8 62%,#41249e);filter:blur(1px);opacity:.54;animation:orbDrift 7s ease-in-out infinite alternate}
.social-stage{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:26px;perspective:800px}
.social-mini-post{flex:1;min-height:240px;border:1px solid #ffffffa8;border-radius:17px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 38px #18142b22;transition:transform .4s var(--ease)}
.social-mini-post:nth-child(1){background:linear-gradient(150deg,#8c80ff,#5140d5);transform:rotate(-6deg) translateY(7px);color:#fff}
.social-mini-post:nth-child(2){background:linear-gradient(150deg,#ffc1a8,#fb8b81);color:#241926;transform:translateY(-7px)}
.social-mini-post:nth-child(3){background:linear-gradient(150deg,#222236,#14151f);color:#dfff7a;transform:rotate(6deg) translateY(8px)}
.social-stage:hover .social-mini-post{transform:translateY(-5px) rotate(0)}.social-mini-post small,.social-mini-post span{font:7px 'DM Mono';letter-spacing:.7px}.social-mini-post b{font:800 clamp(16px,2.4vw,28px)/.85 'Manrope';letter-spacing:-1.3px}
/* Cinematic aurora and glass-card compositions */
.home-hero{min-height:680px;background:transparent;overflow:hidden}
.home-hero:before{background:linear-gradient(130deg,#faf9ffb8 0%,#eeecffbd 49%,#e5f7f8a6 100%);backdrop-filter:blur(1px)}
.home-hero:after{opacity:.85}
.home-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.home-aurora i{position:absolute;width:clamp(220px,36vw,520px);aspect-ratio:1;border-radius:50%;filter:blur(2px);opacity:.58;mix-blend-mode:multiply;animation:auroraFloat 19s ease-in-out infinite alternate}
.home-aurora i:nth-child(1){left:-10%;top:-12%;background:radial-gradient(circle at 38% 40%,#c9c0ff,#9e91ff6b 35%,transparent 70%)}
.home-aurora i:nth-child(2){right:-8%;top:-10%;background:radial-gradient(circle at 46% 43%,#9ff3ed,#73dada55 36%,transparent 69%);animation-delay:-6s}
.home-aurora i:nth-child(3){right:17%;bottom:-30%;background:radial-gradient(circle at 50% 50%,#dfc8ff,#b8a5ff55 40%,transparent 72%);animation-delay:-9s}
.home-aurora i:nth-child(4){left:24%;bottom:-36%;background:radial-gradient(circle at 50% 50%,#dfff7a,#e9f7a933 40%,transparent 71%);animation-delay:-3s}
@keyframes auroraFloat{from{transform:translate3d(-2%,1%,0) scale(.94) rotate(0)}to{transform:translate3d(5%,-4%,0) scale(1.1) rotate(13deg)}}
.hero-grid{position:relative;z-index:1}
.hero-stage{border-radius:32px;transform-style:preserve-3d}
.stage-grid{border-radius:28px;opacity:.65}
.stage-orb{position:absolute;border-radius:50%;pointer-events:none}
.orb-a{width:160px;height:160px;right:4%;top:1%;background:radial-gradient(circle at 30% 28%,#fff,#aa9aff 26%,#6856f3 52%,#6856f300 72%);opacity:.77;animation:orbDrift 11s ease-in-out infinite alternate}
.orb-b{width:125px;height:125px;left:1%;bottom:10%;background:radial-gradient(circle at 35% 30%,#fff,#8df7e8 30%,#42aaa600 75%);opacity:.73;animation:orbDrift 8s ease-in-out infinite alternate-reverse}
@keyframes orbDrift{to{transform:translate3d(10px,-15px,0) scale(1.07)}}
.stage-window{border-radius:25px;overflow:hidden;background:rgb(255 255 255 / 57%);border:1px solid #ffffffd9;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);box-shadow:0 35px 90px #332a7d20,inset 0 1px 0 #fff;transform:rotateY(-4deg) rotateX(2deg);transition:transform .6s var(--ease),box-shadow .6s}
.stage-window:hover{transform:translateY(-5px) rotateY(0) rotateX(0);box-shadow:0 44px 95px #332a7d26,inset 0 1px 0 #fff}
.stage-window-bar{background:rgb(247 247 255 / 62%);backdrop-filter:blur(12px);border-color:#ffffffb4}
.stage-window-body{background:linear-gradient(135deg,#ffffffbf,#f4f2ffb5)}
.stage-window-art{border-radius:18px;background:linear-gradient(145deg,#9b91ff,#d2ccff 45%,#b6f4e7);overflow:hidden}
.stage-window-art .art-card{border-radius:12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.demo-button{border-radius:10px}.stage-label{border-radius:13px;box-shadow:0 12px 30px #4d43b32b;backdrop-filter:blur(15px);background:rgb(223 255 122 / 82%);border:1px solid #ffffffd9}
.ticker{background:rgb(24 24 40 / 91%);backdrop-filter:blur(20px);border-color:#ffffff22}
.feature-bento{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}
.feature-copy{padding:clamp(25px,4vw,42px);display:flex;flex-direction:column;align-items:flex-start}
.feature-copy h3{font:800 clamp(29px,3.7vw,45px)/1.02 'Manrope';letter-spacing:-.065em;margin:20px 0 13px}
.feature-copy h3 em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}
.feature-copy p{font-size:12px;color:var(--muted);line-height:1.9;max-width:470px;margin:0 0 20px}
.feature-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:auto;padding-top:25px;width:100%;border-top:1px solid #ffffffc7}
.feature-stats b{display:block;font:800 22px 'Manrope';color:var(--indigo)}.feature-stats small{font:8px 'DM Mono';letter-spacing:1px;color:var(--muted)}
.feature-visual{position:relative;min-height:390px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(150deg,#d1c9ff8c,#b2e9e5a4 65%,#f5ffd8a3);isolation:isolate}
.feature-visual-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff2b 1px,transparent 1px),linear-gradient(90deg,#ffffff2b 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(12deg) scale(1.18);mask-image:linear-gradient(#000,transparent)}
.feature-glass-orb{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 31% 25%,#ffffffd9,#b8aaffb2 23%,#7663ed90 47%,#6556ec12 71%);border:1px solid #ffffffa8;box-shadow:inset -18px -16px 44px #6655b334,0 25px 75px #5146df21;animation:orbDrift 8s ease-in-out infinite alternate}
.feature-window{position:relative;width:70%;padding:24px;border-radius:24px;background:rgb(255 255 255 / 61%);border:1px solid #ffffffdf;backdrop-filter:blur(25px) saturate(155%);-webkit-backdrop-filter:blur(25px) saturate(155%);box-shadow:0 24px 55px #33305e1b,inset 0 1px #fff;transform:rotate(-4deg);transition:transform .5s}
.feature-visual:hover .feature-window{transform:rotate(0) translateY(-5px)}
.feature-window small{font:9px 'DM Mono';letter-spacing:1.3px;color:#65647c}.feature-window b{display:block;font:800 clamp(24px,3.3vw,40px)/.96 'Manrope';letter-spacing:-2px;margin:18px 0}.feature-window b em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}.feature-window span{font:8px 'DM Mono';letter-spacing:1px;color:#6f7285}
.floating-chip{position:absolute;z-index:2;padding:11px 14px;border:1px solid #ffffffdb;background:rgb(255 255 255 / 58%);border-radius:14px;box-shadow:0 14px 30px #3e348c12;backdrop-filter:blur(20px);font:9px 'DM Mono';letter-spacing:1px}
.chip-one{top:15%;left:8%;animation:chipFloat 7s ease-in-out infinite}.chip-two{right:7%;bottom:16%;animation:chipFloat 8s ease-in-out infinite reverse}
@keyframes chipFloat{50%{transform:translateY(-11px) rotate(1.5deg)}}
.feature-bottom{position:absolute;bottom:17px;left:21px;right:21px;color:#60607a;font:9px 'DM Mono';letter-spacing:1px}
/* OVERALL V6 — frosted-glass design system */
:root{--glass-alpha:66%;--glass-blur:24px;--radius:24px;--motion-factor:.82}
body{background:var(--paper,#f4f3fb);font-family:'DM Sans',system-ui,sans-serif}
body:after{content:"";position:fixed;inset:-15%;z-index:-4;pointer-events:none;background:radial-gradient(ellipse at 17% 20%,color-mix(in srgb,var(--indigo) 23%,transparent),transparent 32%),radial-gradient(ellipse at 83% 14%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 31%),radial-gradient(ellipse at 68% 80%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 30%),radial-gradient(ellipse at 10% 88%,color-mix(in srgb,var(--acid) 13%,transparent),transparent 30%);filter:blur(18px);animation:auroraCanvas 26s ease-in-out infinite alternate}
@keyframes auroraCanvas{0%{transform:translate3d(-1.2%,0,0) scale(1)}50%{transform:translate3d(1%,1.5%,0) scale(1.035)}100%{transform:translate3d(-.5%,-1%,0) scale(1.06)}}
body[data-background="indigo"]{--paper:#ededfa}body[data-background="pearl"]{--paper:#f8f7fb}
body[data-background="rgb"]:after{background:radial-gradient(ellipse at 18% 20%,#fc79b555,transparent 28%),radial-gradient(ellipse at 84% 21%,#60d9ef66,transparent 30%),radial-gradient(ellipse at 69% 78%,#a88aff55,transparent 31%),radial-gradient(ellipse at 12% 82%,#dfff7a44,transparent 29%)}
body[data-background="indigo"]:after{background:radial-gradient(ellipse at 17% 10%,#6556ec44,transparent 34%),radial-gradient(ellipse at 83% 45%,#63d5f044,transparent 35%),radial-gradient(ellipse at 40% 95%,#a992ff3a,transparent 39%)}
.glass-surface{background:rgb(255 255 255 / var(--glass-alpha,66%));border:1px solid #ffffffc9;border-radius:var(--radius,24px);backdrop-filter:blur(var(--glass-blur,24px)) saturate(175%);-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(175%);box-shadow:0 18px 55px #35305e12,inset 0 1px 0 #ffffffdc,inset 0 -1px 0 #ffffff6b}
.header{background:rgb(250 250 255 / 76%);border-bottom:1px solid #ffffffa8;box-shadow:0 8px 30px #28234b07;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}
.brand-mark{border-radius:14px;background:linear-gradient(145deg,#191a29,#302a63);box-shadow:0 7px 24px #5146df28,inset 0 1px 0 #ffffff3a}
.btn{border-radius:16px}.btn-primary{box-shadow:0 8px 28px color-mix(in srgb,var(--indigo) 22%,transparent),inset 0 1px 0 #ffffff47}
.btn-glass{background:rgb(255 255 255 / 52%);border-color:#ffffffc7;color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:inset 0 1px 0 #fff}
.btn-glass-dark{background:rgb(255 255 255 / 20%);border-color:#ffffffae;color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px}.whats-dot{width:9px;height:9px;background:#3ce09a;box-shadow:0 0 0 4px #3ce09a25}
@media(max-width:930px){.navlinks{gap:15px}.nav-hint{display:none}.hero-grid{gap:22px}.hero-copy h1{font-size:clamp(45px,7vw,70px)}.hero-stage{min-height:395px}.stage-window{width:94%}.section{padding:78px 0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage-layout{gap:24px}.subpage-title{font-size:clamp(43px,6vw,65px)}.demo-frame{min-height:350px}.sub-details{gap:20px}}
@media(max-width:680px){.container{width:min(calc(100% - 30px),var(--max))}.nav{height:66px}.brand-mark{width:36px;height:36px}.brand-name{font-size:14px}.brand-name small{font-size:7px}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;padding:11px 18px 18px;background:#f8f8fc;box-shadow:0 16px 22px #19192a12;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 5px;border-bottom:1px solid #e4e5f0}.navlinks a:last-child{border-bottom:0}.nav-actions>.btn{display:none}.menu-toggle{display:block}.mobile-menu{position:absolute;top:66px;left:0;right:0;z-index:62;background:#fff;box-shadow:0 20px 28px #14151f15;padding:16px 15px;display:none;grid-template-columns:1fr 1fr;gap:7px;border-bottom:1px solid var(--line)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;background:#f0f0f8;border:1px solid #e1e1ef;font-size:10px;font-weight:800}.mobile-menu a:hover{background:#e4e1ff;border-color:#c5c0ff}
.home-hero{min-height:unset}.hero-grid{grid-template-columns:1fr;gap:10px;padding:62px 0 32px}.hero-copy h1{font-size:clamp(47px,12.5vw,73px);margin:20px 0}.hero-copy>p{font-size:13px}.hero-stage{min-height:338px;margin-top:4px}.stage-grid{inset:0}.stage-accent{width:78%;height:75%;right:4%;top:10%}.stage-window{width:91%;transform:rotateY(-2deg)}.stage-window-body{min-height:217px;padding:14px;gap:8px}.stage-window-title h3{font-size:26px}.stage-window-art{padding:8px}.stage-label{bottom:0;left:1%}.stage-id{right:0;font-size:8px}.section{padding:67px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:clamp(34px,9vw,46px)}.section-head>p{margin-top:13px;font-size:12px}
.service-grid{grid-template-columns:1fr;gap:11px}.service-card{min-height:unset;padding:16px}.service-mini{min-height:150px;margin:13px 0 15px}.service-card h3{font-size:21px}.service-card>p{font-size:12px}.work-grid{grid-template-columns:1fr;gap:12px}.work-tile.w7,.work-tile.w5,.work-tile.w6{grid-column:span 1}.work-tile.w7 .work-art,.work-tile.w5 .work-art,.work-art{min-height:230px}.work-caption{padding:16px}.ticker-track{padding:13px 0}.subpage-hero{padding:59px 0 37px}.subpage-layout{grid-template-columns:1fr;gap:26px}.subpage-title{font-size:clamp(47px,13vw,68px);margin:18px 0}.subpage-copy>p{font-size:13px}.demo-frame{min-height:320px;padding:12px}.demo-window{width:96%;padding:14px;margin-top:20px;min-height:230px}.demo-window-main{padding:15px 0}.demo-window-visual{min-height:115px}.sub-details{grid-template-columns:1fr;gap:18px}.sticky-note{position:relative;top:auto;padding:20px}.detail-points{grid-template-columns:1fr 1fr;gap:8px}.detail-point{padding:16px 13px;min-height:145px}.detail-point b{font-size:14px}.full-demo{padding:15px;margin-top:15px}.full-demo-head{display:block}.full-demo-head h3{font-size:26px}.full-demo-head p{max-width:none}.palette-row{gap:5px}.swatch{min-height:72px;padding:5px;font-size:8px}.poster-live{min-height:290px;padding:18px}.video-timeline{padding:12px}.timeline-screen{height:145px}.social-preview{gap:5px}.social-post{padding:8px}.social-post b{font-size:clamp(15px,5vw,24px)}.compare-box{height:220px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{gap:12px}.whats-float{right:11px;bottom:11px;padding:11px 13px}.mobile-menu{top:66px}
}
@media(max-width:380px){.hero-copy h1{font-size:43px}.hero-stage{min-height:300px}.stage-window-body{min-height:198px}.stage-window-title h3{font-size:21px}.section-head h2{font-size:32px}.detail-points{grid-template-columns:1fr}.palette-row{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch{font-size:7px;padding:4px}}
/* Final cascade pass: brighter frosted surfaces, rounded geometry and composed motion */
:root{--glass-alpha:66%;--glass-blur:24px;--radius:24px}
body{background:var(--paper,#f4f3fb)}
body:after{z-index:-4;opacity:.92;filter:blur(20px);animation:auroraCanvas 30s ease-in-out infinite alternate}
.glass-surface,.feature-copy,.feature-visual,.service-card,.work-tile,.process-step,.full-demo,.detail-point,.contact-band,.contact-glass-card,.about-collage,.admin-panel,.admin-login-message,.admin-status{border-radius:var(--radius,24px);border-color:#ffffffdc;backdrop-filter:blur(var(--glass-blur,24px)) saturate(165%);-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(165%);box-shadow:0 18px 55px #29244d0d,inset 0 1px 0 #ffffffc9}
.home-hero:before{background:linear-gradient(130deg,#fbfaffbb 0%,#eeecffbc 47%,#e4f8f4a8 100%)}
.home-hero .hero-stage,.stage-window,.feature-window,.demo-browser,.work-tile,.service-card,.contact-glass-card,.admin-panel,.admin-login-message{border-radius:var(--radius,24px)}
.btn,.menu-toggle,.menu-button,.demo-controls button,.admin-tabs button,.admin-category,.whats-float{border-radius:15px}
.hero-copy h1{letter-spacing:-.075em}
.hero-copy>p,.section-head>p,.subpage-copy>p{line-height:1.92}
.section-head h2,.subpage-title{letter-spacing:-.067em}
.service-card:hover,.work-tile:hover,.value-card:hover,.process-step:hover{transform:translateY(-5px);box-shadow:0 24px 60px #30264f14,inset 0 1px #fff}
.work-art{border-radius:calc(var(--radius,24px) - 5px);overflow:hidden}
.service-mini,.mini-browser,.mini-social,.mini-poster,.mini-brand{border-radius:18px;overflow:hidden}
.stage-window{border-color:#ffffffed;background:rgb(255 255 255 / 59%);box-shadow:0 30px 90px #332a7d20,inset 0 1px 0 #fff}
.feature-window,.demo-browser,.contact-glass-card{background:rgb(255 255 255 / 60%);border:1px solid #ffffffed}
.subpage-hero{position:relative}
.subpage-hero:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 35%,#ffffff37 49%,transparent 60%);background-size:220% 100%;animation:softLightPass 17s ease-in-out infinite}
.subpage-hero>.container{position:relative;z-index:1}
@keyframes softLightPass{0%,100%{background-position:150% 0}50%{background-position:-60% 0}}
.reveal{opacity:0;transform:translateY(27px) scale(.99);filter:blur(2.5px);clip-path:inset(0 0 5% 0);transition:opacity .78s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1),filter .78s,clip-path .78s;transition-delay:var(--delay,0ms)}
.reveal.in-view{opacity:1;transform:translateY(0) scale(1);filter:blur(0);clip-path:inset(0)}
.reveal.from-left{transform:translateX(-24px)}.reveal.from-left.in-view{transform:translateX(0)}
.reveal.from-right{transform:translateX(24px)}.reveal.from-right.in-view{transform:translateX(0)}
.service-card .service-mini{transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .55s}.service-card:hover .service-mini{transform:translateY(-2px) scale(1.012);filter:saturate(1.06)}
.admin-field input:not([type="color"]):not([type="range"]),.admin-field textarea,.admin-field select{border-radius:14px}
.admin-actions{border-radius:20px}
.admin-login-message form{gap:13px}
.admin-auth-notice{overflow-wrap:anywhere}
@media(max-width:680px){
 body:after{inset:-7%;filter:blur(24px);opacity:.75}
 .section{padding:64px 0}
 .hero-grid{padding-top:52px}
 .hero-stage{min-height:330px}
 .stage-window{transform:none}
 .work-art{min-height:225px}
 .process-glass{grid-template-columns:1fr 1fr}
 .contact-hero-grid{grid-template-columns:1fr}
 .admin-form-grid,.admin-slider-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body:after,.home-aurora i,.feature-glass-orb,.floating-chip,.stage-window,.reveal,.ticker-track{animation:none!important;transition:none!important;filter:none!important;transform:none!important;clip-path:none!important;opacity:1!important}}
/* V9: cinematic welcome sequence + stable mobile/front-end recovery */
.runtime-error{max-width:640px;margin:15vh auto;padding:28px;border:1px solid #ffffffdd;border-radius:25px;background:#ffffffb8;box-shadow:0 20px 65px #241f4b17;font:14px system-ui;color:#171725}.runtime-error h1{font-size:clamp(30px,6vw,45px);letter-spacing:-.06em;margin:0 0 10px}.runtime-error p{line-height:1.8;color:#66677c}.runtime-error button{border:1px solid #ffffffef;background:#171725;color:#fff;border-radius:13px;padding:12px 16px;font-weight:700}
.brand-mark{display:grid;place-items:center;overflow:hidden;flex:0 0 48px;width:48px;height:48px;padding:0;background:linear-gradient(140deg,#111628,#35266d);border:1px solid #ffffffc9;border-radius:16px;box-shadow:0 9px 26px #5146df2c,inset 0 1px 0 #ffffff85}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;transform:scale(1.55)}
.intro-emblem img{transform:scale(1.38)}
.reveal.from-down{transform:translateY(-22px)}
.reveal.from-down.in-view{transform:translateY(0)}
.home-hero .hero-stage{background:linear-gradient(130deg,#101327a8,#28234f77 55%,#07192699),url('/overall-cinematic.webp') center 48%/cover no-repeat;border:1px solid #ffffffca;border-radius:32px;box-shadow:0 30px 85px #20204922,inset 0 1px #ffffffa3}
.home-hero .stage-grid{background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);mask-image:linear-gradient(#000,transparent)}
.home-hero .stage-id{color:#ffffffbd}
.home-hero .stage-label{border-color:#ffffffb7;background:rgb(236 255 184 / 81%)}
.cinematic-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,3vw,42px);isolation:isolate;background:#080918;color:#fff;opacity:1;transform:translateZ(0);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .95s cubic-bezier(.2,.75,.2,1)}
.cinematic-intro.intro-exit{opacity:0;transform:scale(1.035);pointer-events:none}
.intro-visual,.intro-gradient,.intro-noise{position:absolute;inset:0;z-index:-1;pointer-events:none}
.intro-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 52%;opacity:.79;transform:scale(1.08);animation:introArtDrift 10s cubic-bezier(.2,.6,.2,1) both}
.intro-gradient{background:radial-gradient(ellipse at 50% 42%,#06081622 0%,#08091829 33%,#080918a8 90%),linear-gradient(180deg,#08091888 0%,#0909181c 32%,#09091855 68%,#080918e8 100%)}
.intro-noise{opacity:.07;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.intro-top,.intro-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:#ffffffb4}
.intro-top{padding-bottom:12px;border-bottom:1px solid #ffffff2a}
.intro-center{position:relative;z-index:1;width:min(820px,100%);margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 0 40px}
.intro-emblem{width:clamp(85px,13vw,142px);height:clamp(85px,13vw,142px);display:grid;place-items:center;border-radius:30%;border:1px solid #ffffffa1;background:linear-gradient(145deg,#ffffff30,#ffffff06);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);box-shadow:0 22px 70px #5147ff35,inset 0 1px 0 #ffffffa6;overflow:hidden;animation:introEmblem 1s .1s both cubic-bezier(.18,.75,.3,1.1)}
.intro-emblem img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.intro-wordmark{margin-top:23px;font:800 clamp(28px,5vw,43px)/1 'Manrope',sans-serif;letter-spacing:.18em;padding-left:.18em}
.intro-byline{margin-top:10px;font:9px 'DM Mono',monospace;letter-spacing:2.1px;color:#ffffffb4}
.intro-byline span{color:#9f93ff;margin:0 6px}
.intro-rule{width:min(180px,45vw);height:1px;margin:25px 0 23px;background:#ffffff35;overflow:hidden}
.intro-rule i{display:block;height:100%;width:100%;background:linear-gradient(90deg,transparent,#6debea,#af8aff,transparent);transform-origin:left;animation:introRule 1s .5s both}
.intro-headline{font:700 clamp(37px,7.5vw,78px)/.94 'Manrope',sans-serif;letter-spacing:-.075em;text-shadow:0 12px 45px #0506116e;animation:introText .9s .26s both}
.intro-headline em{font:500 italic 1em 'Playfair Display',serif;letter-spacing:-.045em;background:linear-gradient(95deg,#e5faff,#b8b0ff 48%,#93f6e7);color:transparent;background-clip:text;-webkit-background-clip:text}
.intro-caption{margin:19px 0 0;color:#ffffffbe;font-size:12px;letter-spacing:.08em;animation:introText .9s .42s both}
.intro-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:27px}
.intro-tags span{padding:9px 12px;border:1px solid #ffffff55;border-radius:999px;background:#ffffff13;backdrop-filter:blur(16px);font:8px 'DM Mono',monospace;letter-spacing:.8px;color:#ffffffd5}
.intro-bottom{padding-top:15px;border-top:1px solid #ffffff2a}
.intro-enter{display:flex;align-items:center;gap:24px;border:1px solid #ffffffd9;border-radius:999px;padding:13px 17px 13px 21px;background:rgb(255 255 255 / 14%);color:#fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);font:11px 'DM Sans',sans-serif;font-weight:700;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}
.intro-enter b{font-size:16px;font-weight:500;color:#dfff7a}.intro-enter:hover{transform:translateY(-3px);background:#ffffff25;box-shadow:0 12px 30px #0003}
.intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff16}
.intro-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#5e66ff,#64e6e7,#c0a0ff);box-shadow:0 0 22px #6ee6e6a3;animation:introProgress 7.6s linear both}
@keyframes introProgress{to{width:100%}}
@keyframes introArtDrift{from{transform:scale(1.07) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1%,-1%,0)}}
@keyframes introEmblem{from{opacity:0;transform:translateY(17px) scale(.78) rotate(-5deg);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}
@keyframes introRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes introText{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:600px){.cinematic-intro{padding:17px 18px 22px}.intro-top,.intro-bottom{font-size:7px;letter-spacing:.7px}.intro-top span:last-child{display:none}.intro-center{padding:0 0 24px}.intro-emblem{border-radius:28%;width:95px;height:95px}.intro-wordmark{font-size:30px;margin-top:19px}.intro-byline{font-size:8px;letter-spacing:1.4px}.intro-headline{font-size:clamp(38px,10.6vw,59px)}.intro-caption{font-size:11px;max-width:260px;line-height:1.7}.intro-tags{gap:6px;margin-top:22px}.intro-tags span{font-size:7px;padding:8px 10px}.intro-bottom>span{max-width:125px;line-height:1.7}.intro-enter{gap:13px;padding:12px 14px 12px 16px}.home-hero .hero-stage{background-position:center;background-size:cover}}
@media(prefers-reduced-motion:reduce){.cinematic-intro,.intro-art,.intro-emblem,.intro-rule i,.intro-headline,.intro-caption,.intro-progress i{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}}
body.intro-open{overflow:hidden}
/* Warm editorial cinematic motion layer */
.home-hero{background:#f1eee8!important;isolation:isolate}
.home-hero:before{inset:-1.5%;z-index:0;background:linear-gradient(90deg,rgba(241,238,232,.97) 0%,rgba(241,238,232,.91) 28%,rgba(241,238,232,.72) 51%,rgba(241,238,232,.12) 100%),url('/overall-villa.webp') center 48%/cover no-repeat;animation:heroCinematicDrift 22s cubic-bezier(.4,0,.2,1) infinite alternate;will-change:transform,background-position}
.home-hero:after{inset:0;z-index:0;background:linear-gradient(115deg,transparent 25%,#fff4e8a0 44%,#d8e0df25 52%,transparent 64%);background-size:240% 100%;animation:heroSoftSweep 17s ease-in-out infinite}
.hero-grid,.hero-bottom{position:relative;z-index:1}
@keyframes heroCinematicDrift{0%{transform:scale(1.015);background-position:50% 48%}100%{transform:scale(1.09);background-position:54% 45%}}
@keyframes heroSoftSweep{0%,100%{background-position:160% 0}52%{background-position:-70% 0}}
/* Make the mobile menu an overlay, while the key destinations stay visible at the top */
.header{z-index:150}
.mobile-menu{position:absolute!important;top:calc(100% - 1px)!important;left:12px!important;right:12px!important;max-height:calc(100svh - 140px);overflow:auto}
.mobile-quicklinks{position:relative;z-index:1}
.owner-route-note{font-size:9px;color:#827c70}
@media(max-width:680px){
.home-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.96) 0%,rgba(241,238,232,.82) 39%,rgba(241,238,232,.43) 100%),url('/overall-villa.webp') center/cover no-repeat;animation:heroCinematicDrift 20s ease-in-out infinite alternate}
.mobile-menu{top:calc(100% - 1px)!important;left:10px!important;right:10px!important}
}
@media(prefers-reduced-motion:reduce){.home-hero:before,.home-hero:after{animation:none!important;transform:none!important;background-position:center!important}}
/* Intro finish: warm editorial frame instead of a neon loop */
.intro-gradient{background:linear-gradient(105deg,rgba(240,236,228,.92) 0%,rgba(240,236,228,.78) 46%,rgba(240,236,228,.33) 100%),linear-gradient(180deg,#f0ece455,#f0ece4a3)!important}
.intro-art{opacity:.72;filter:saturate(.72) contrast(.96)}
.intro-top,.intro-bottom{color:#4c4942}
.intro-wordmark{color:#292724}
.intro-byline,.intro-caption{color:#57544e}
.intro-byline span{color:#9b886f}
.intro-rule{background:#55524a3d}
.intro-rule i{background:linear-gradient(90deg,transparent,#8c9b99,#c0a17b,transparent)}
.intro-tags span{background:#f8f5ed8c;color:#4d4942;border-color:#ffffffec}
.intro-enter{background:#f7f4ecad;color:#302e29;border-color:#ffffffed;box-shadow:0 12px 32px #2d291c12}
.intro-enter b{color:#827360}
.intro-progress{background:#35322d24}
.intro-progress i{background:linear-gradient(90deg,#849392,#c6ae8d,#8e9b9e);box-shadow:0 0 18px #c3ae8b50}
.intro-emblem{border-radius:17px;background:rgb(250 247 240 / 70%);border-color:#ffffffed;box-shadow:0 18px 44px #3b36281a,inset 0 1px #fff}
.intro-emblem img{mix-blend-mode:multiply;transform:none}
.feature-glass-orb,.stage-orb{display:none!important}
.hero-photo-caption{position:absolute;left:clamp(20px,4vw,55px);right:clamp(20px,4vw,55px);bottom:16px;display:flex;justify-content:space-between;gap:14px;color:#f5f0e7;font:8px 'DM Mono';letter-spacing:1px;text-shadow:0 2px 14px #27252180;pointer-events:none}
.work-caption h3{color:#292724}
.work-caption p{color:#716b62}
.value-card>span{color:#8c7964}
.value-card h3{color:#292724}
.contact-methods b{color:#302e29}
.contact-methods small{color:#7e786e}
.contact-glass-card .eyebrow{color:#827463}
.section-end a,.email-link{color:#676f73}
.admin-live-swatch{border-color:#fff}
@media(max-width:680px){
 .intro-gradient{background:linear-gradient(180deg,#f0ece4d9,#f0ece4a1 48%,#f0ece4ed)!important}
 .intro-top,.intro-bottom{color:#403d36}
 .intro-wordmark{color:#292724}
 .intro-byline,.intro-caption{color:#57544e}
 .intro-tags span{background:#f8f5edb5;color:#4d4942;border-color:#ffffffec}
 .intro-enter{background:#f7f4ecdb;color:#302e29;border-color:#ffffffed}
}
/* Final reference-led direction: warm stone, smoked glass, quiet typography */
:root{--paper:#f1eee8;--ink:#292724;--indigo:#667382;--cyan:#b5c9c8;--violet:#c4b5b3;--acid:#c8ad82;--muted:#75736f;--glass-alpha:70%;--glass-blur:28px;--radius:24px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:#f1eee8;color:#292724}
body:after{opacity:.8;filter:blur(35px);background:radial-gradient(ellipse at 9% 14%,#d7d3d0a3 0%,transparent 36%),radial-gradient(ellipse at 88% 22%,#bfd0d0a1 0%,transparent 35%),radial-gradient(ellipse at 50% 92%,#e3d4c4a1 0%,transparent 38%);animation:auroraCanvas 34s ease-in-out infinite alternate}
.header{background:rgb(242 239 233 / 67%);border-bottom:1px solid #ffffffa8;box-shadow:0 7px 30px #49423908;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}
.header .nav{min-height:76px}
.brand-mark{background:linear-gradient(145deg,#f7f4ed,#d9d5cc);border:1px solid #ffffffeb;box-shadow:0 8px 24px #3c352a12,inset 0 1px #fff; border-radius:14px}
.brand-mark img{mix-blend-mode:multiply;transform:none}
.brand-name{color:#292724}.brand-name small{color:#817e77}
.navlinks a{color:#68665f}.navlinks a:hover,.navlinks a[aria-current=page]{color:#2d2a25}
.nav-hint{color:#817d73}
.btn-primary{background:#30322f!important;color:#f8f5ef!important;border:1px solid #575953!important;box-shadow:0 9px 22px #302e290e}
.btn-primary:hover{background:#4b514e!important;box-shadow:0 15px 32px #333b381c}
.btn-glass,.btn-glass-dark,.btn-ink{border:1px solid #ffffffdb!important;background:rgb(255 255 255 / 52%)!important;color:#33322e!important;box-shadow:0 9px 25px #40382f0a,inset 0 1px #fff}
.btn-ink:hover,.btn-glass:hover,.btn-glass-dark:hover{background:#ffffffb8!important;transform:translateY(-2px)}
.home-hero{min-height:min(900px,calc(100svh - 70px));position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(241,238,232,.98) 0%,rgba(241,238,232,.92) 29%,rgba(241,238,232,.72) 52%,rgba(241,238,232,.16) 100%),url('/overall-villa.webp') center 48%/cover no-repeat;border-radius:0 0 34px 34px}
.home-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(241,238,232,.20),transparent 31%,rgba(45,40,33,.08));pointer-events:none}
.home-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 31%,#ffffff45 48%,transparent 61%);background-size:220% 100%;animation:softLightPass 18s ease-in-out infinite}
.home-hero .hero-grid,.home-hero .hero-bottom{position:relative;z-index:1}
.hero-copy{position:relative}
.hero-copy h1{color:#292724;text-shadow:none;letter-spacing:-.082em}
.hero-copy h1 .text-gradient{background:linear-gradient(100deg,#667382 1%,#a58b77 57%,#6f7b7a);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{color:#68665f;font-size:clamp(12px,1.2vw,15px);line-height:1.95}
.hero-copy .eyebrow,.eyebrow{color:#7b756c}
.hero-actions .btn{box-shadow:0 12px 28px #25241f12}
.hero-note{color:#746f66}
.hero-stage{background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate}
.hero-stage:before{content:"";position:absolute;inset:3% 2% 8%;z-index:-1;border:1px solid #ffffffd1;border-radius:30px;background:linear-gradient(140deg,#f5f1e9ad,#f8f4ed5e 44%,#c4d1d1aa);backdrop-filter:blur(23px) saturate(125%);-webkit-backdrop-filter:blur(23px) saturate(125%);box-shadow:0 26px 80px #312d261e,inset 0 1px 0 #fff}
.hero-stage .stage-grid{opacity:.22;background-image:linear-gradient(#79787020 1px,transparent 1px),linear-gradient(90deg,#79787020 1px,transparent 1px)}
.stage-window{background:rgb(248 245 238 / 63%)!important;border:1px solid #ffffffed!important;box-shadow:0 22px 70px #332f2716,inset 0 1px #fff!important;backdrop-filter:blur(28px) saturate(128%)!important;-webkit-backdrop-filter:blur(28px) saturate(128%)!important}
.stage-window-bar{color:#716c63;border-bottom-color:#ffffffbf}
.stage-window-bar i{background:#9b9a91}
.stage-window-title h3 em{color:#777f87}
.stage-window-title p{color:#696760}
.stage-window-art .art-card{border-radius:12px;border-color:#ffffffed;background:rgb(251 248 242 / 66%);color:#36342f;box-shadow:0 12px 25px #4b43320a}
.stage-window-art .art-card:nth-child(2){background:rgb(63 69 69 / 83%);color:#fff;border-color:#ffffff7c}
.stage-label{color:#eee7da;background:rgb(54 55 52 / 62%);backdrop-filter:blur(16px);padding:9px 12px;border:1px solid #ffffff5b;border-radius:999px}
.stage-id{color:#e7e4dc}
.hero-bottom{color:#68675f}
.feature-copy,.feature-visual,.service-card,.work-tile,.process-step,.full-demo,.detail-point,.contact-band,.contact-glass-card,.about-collage,.admin-panel,.admin-login-message,.admin-status,.sticky-note,.value-card{border:1px solid #ffffffdf!important;border-radius:var(--radius)!important;background:rgb(249 247 242 / var(--glass-alpha,70%))!important;backdrop-filter:blur(var(--glass-blur,28px)) saturate(128%)!important;-webkit-backdrop-filter:blur(var(--glass-blur,28px)) saturate(128%)!important;box-shadow:0 17px 45px #3a34290c,inset 0 1px 0 #fff!important}
.feature-visual{background:linear-gradient(135deg,#d9e0dfaa,#e8ded2a1,#ede7deba)!important}
.feature-visual-bg{opacity:.45}
.feature-window{border-radius:20px;background:rgb(249 246 239 / 69%);border:1px solid #ffffffdd;box-shadow:0 22px 55px #3b352916,inset 0 1px #fff}
.feature-window b em{color:#7b858e}
.feature-window small,.feature-window span,.feature-bottom{color:#6e6b63}
.floating-chip{border:1px solid #ffffffda;background:#f3eee4b8;color:#5f665f;box-shadow:0 10px 24px #3830260b;backdrop-filter:blur(18px)}
.ticker{background:#e4e0d7;border-block:1px solid #ffffffd6;color:#67645c}
.ticker-track span b{color:#8c9b9d}
.section-head h2,.subpage-title,.contact-title{color:#292724}
.section-head h2 em,.subpage-title em,.contact-title em{color:#7a858d}
.section-head>p,.sub-intro,.subpage-copy>p{color:#6f6b63}
.service-card{background:rgb(249 247 242 / 77%)!important}
.service-card .service-card-head{color:#777168}
.service-card .service-mini{border-radius:19px}
.service-card h3{color:#292724}
.service-card p{color:#767168}
.service-card-link{color:#727c83}
.work-grid{align-items:stretch}
.work-tile{background:rgb(248 246 240 / 76%)!important}
.work-art{border-radius:calc(var(--radius) - 5px);background-size:cover!important;background-position:center!important}
.art-cafe{background-image:linear-gradient(0deg,rgba(35,34,30,.38),rgba(35,34,30,0) 72%),url('/overall-cafe.webp')!important}
.art-tech{background-image:linear-gradient(125deg,rgba(222,220,213,.3),rgba(145,158,161,.2)),url('/overall-villa.webp')!important;background-position:center 54%!important}
.cafe-sign,.tech-display,.fitness-poster,.beauty-poster{backdrop-filter:blur(1px)}
.cafe-sign{background:linear-gradient(110deg,#f5f0e5df,#efdfccab);border:1px solid #ffffffd6;border-radius:17px;color:#2b2925;box-shadow:0 15px 35px #2c28220c}
.cafe-sign b{font:500 clamp(37px,4vw,65px)/.85 'Playfair Display',serif;letter-spacing:-2px}
.cafe-sign small,.cafe-sign span{color:#7e7161}
.art-tech .tech-display{background:rgba(38,42,44,.57);border:1px solid #ffffff8c;border-radius:18px;color:#fff;backdrop-filter:blur(10px)}
.tech-display strong{font:700 clamp(32px,5vw,59px)/.9 'Manrope';letter-spacing:-.08em}
.art-fitness{background:linear-gradient(135deg,#d9dfe0,#aab8bb)!important}
.fitness-poster{background:rgba(242,239,231,.84);color:#30302c;border:1px solid #ffffffdd;border-radius:16px}
.art-beauty{background:linear-gradient(130deg,#d1c2b4,#f1e7da)!important}
.beauty-poster{background:rgba(246,240,231,.8);border:1px solid #ffffffdd;color:#2d2926;border-radius:16px}
.art-motion{background:linear-gradient(125deg,#d7dadd,#bdc7c7 46%,#e6d7c7)!important}
.motion-frames span{background:linear-gradient(120deg,#f4f0e7,#8b9a9c,#cbb6a0);border:1px solid #ffffffd6;box-shadow:0 15px 34px #2b292412}
.subpage-hero{background:linear-gradient(140deg,#f2efe8e8,#e5e2d9c2)!important;border-bottom:1px solid #ffffffbe}
.category-hero{background:linear-gradient(135deg,var(--sub-bg,#e6e2d9),#f4f0e8 83%)!important}
.category-stage{background:rgba(248,246,240,.6)!important;border:1px solid #ffffffdd!important;box-shadow:0 24px 70px #322e2411,inset 0 1px #fff!important}
.category-stage .demo-browser{background:rgb(247 244 237 / 65%);border:1px solid #ffffffd9;box-shadow:0 18px 45px #35302613}
.demo-browser-bar{border-bottom:1px solid #ffffffdb;color:#706b62}
.demo-browser-body h2 em{color:#75848a}
.demo-browser-body p{color:#777168}
.motion-poster{background:linear-gradient(140deg,#e7ded2,#a6b4b7 78%)!important;border:1px solid #ffffffdb!important;border-radius:21px!important;color:#292724!important}
.kinetic-type em{color:#6a7780}
.social-mini-post{background:linear-gradient(160deg,#f3eee5,#d4dedb)!important;border:1px solid #ffffffd6!important;border-radius:14px!important;color:#2d2b27!important}
.social-mini-post:nth-child(2){background:linear-gradient(160deg,#e9dfd2,#c2cbd0)!important}
.social-mini-post:nth-child(3){background:linear-gradient(160deg,#ccd4d1,#e9e2d6)!important}
.colour-photo{border:1px solid #ffffffde}
.before-half{background:linear-gradient(140deg,#d9cbbd,#acb2b2 48%,#d9c6b1)!important}
.after-half{background:linear-gradient(140deg,#dce2df,#a4b8ba 45%,#b9aa9c)!important}
.campaign-poster{background:linear-gradient(140deg,#dfd5c8,#b9c1c0 70%)!important;color:#292724!important;border:1px solid #ffffffdd!important}
.campaign-poster b{color:#292724}
.brand-board{background:linear-gradient(135deg,#eee7dc,#d0d9d7)!important;color:#292724!important;border:1px solid #ffffffde!important}
.brand-board-main h2 em{color:#7d8584}
.full-demo-head h3,.full-demo h3{color:#292724}
.full-demo-head p,.detail-point p{color:#746f66}
.demo-controls button.active,.demo-controls button:hover{background:#353632;color:#f6f1e8;border-color:#353632}
.web-live-preview{background:linear-gradient(125deg,#e8e2d5,#cbd7d5)!important;border:1px solid #ffffffdd!important}
.web-live-preview[data-theme="night"]{background:linear-gradient(125deg,#d4dcdb,#9facb0)!important;color:#272724!important}
.web-live-body h3 em{color:#7b858c}
.web-live-graphic{background:linear-gradient(135deg,#c0c9c7,#e5d4bb 48%,#a3b1b6)!important}
.social-preview .social-post{background:linear-gradient(155deg,#e8e1d5,#b9c8c6)!important;color:#2d2a26!important;border:1px solid #ffffffdd!important}
.social-preview .social-post:nth-child(2){background:linear-gradient(155deg,#f0e4d4,#d3c1b1)!important}
.social-preview .social-post:nth-child(3){background:linear-gradient(155deg,#d1dad8,#e7e1d6)!important}
#posterLive{background:linear-gradient(130deg,#ded6cb,#afbdbe)!important;color:#292724!important}
#posterLive[data-campaign="culture"]{background:linear-gradient(135deg,#d4d0c7,#e3d2c0)!important;color:#292724!important}
#posterLive[data-campaign="studio"]{background:linear-gradient(135deg,#7f8c91,#c5b7a8)!important;color:#fff!important}
.brand-live{background:linear-gradient(125deg,#f1e9dd,#d1dcda)!important}
.brand-live-object{background:linear-gradient(90deg,#7a858c,#c2b3a4,#e4d6c2)!important}
.brand-live-copy h3 em{color:#7b8588}
.contact-hero{background:linear-gradient(130deg,#f3eee6dc,#dce3e1d6 58%,#e9dcd0d1)!important}
.contact-glow{background:radial-gradient(ellipse at 25% 25%,#ffffffc9,transparent 34%),radial-gradient(ellipse at 83% 31%,#c0d0d055,transparent 34%),radial-gradient(ellipse at 70% 95%,#dac9b455,transparent 36%)}
.about-collage{background:linear-gradient(140deg,#e2e0d8b8,#d5dfdcab,#ebdfd0ac)!important}
.about-collage-orb{border-radius:27px;background:linear-gradient(135deg,#eff0e9ad,#c6d2d1ac,#c9b9a9b8)!important;border:1px solid #ffffffce;box-shadow:0 22px 60px #34302613,inset 0 1px #fff;transform:rotate(-10deg);animation:orbDrift 12s ease-in-out infinite alternate}
.about-glass-note{background:rgb(247 244 237 / 71%);color:#34322d}
.about-glass-note b{color:#33312d}
.whats-float{background:rgb(247 244 236 / 88%);border:1px solid #ffffffeb;color:#33312d;box-shadow:0 18px 46px #332e250d}
.whats-dot{background:#8f9f91;box-shadow:0 0 0 4px #8f9f9128}
.contact-band{background:linear-gradient(120deg,rgba(249,246,240,.81),rgba(224,229,224,.74),rgba(238,224,207,.73))!important}
.contact-band h2 em{color:#76868a}
.disclaimer{color:#8a857a}
.process-step{background:rgb(248 245 238 / 73%)!important}
.process-step>span,.process-step i{color:#7b8587}
.admin-backdrop{background:radial-gradient(ellipse at 15% 12%,#d2cfca80,transparent 37%),radial-gradient(ellipse at 85% 28%,#bfccca99,transparent 36%),radial-gradient(ellipse at 50% 100%,#dfcdb890,transparent 40%)}
.admin-secure{color:#6f6b64}
.admin-login-message,.admin-status,.admin-panel{background:rgb(248 246 240 / 78%)!important}
.admin-welcome h1 em{color:#7b858a}
.admin-tabs button{background:rgb(248 245 239 / 76%);border-color:#ffffffeb;color:#6f6b64}
.admin-tabs button.active{background:#353632;border-color:#353632;color:#fff}
.admin-kpis article{background:rgb(250 248 242 / 70%);border-color:#ffffffed}
.admin-kpis b{color:#657682}
.admin-field input:not([type=color]):not([type=range]),.admin-field textarea,.admin-field select{background:#fbf9f3d6;border-color:#ffffffed;color:#292724}
.admin-color-field,.range-field,.admin-category{background:rgb(249 246 239 / 72%);border-color:#ffffffeb}
.admin-category summary{color:#33312d}
.admin-actions{background:rgb(247 244 237 / 91%);border-color:#ffffffed}
.admin-login-message h2,.admin-section-heading h2{color:#292724}
.admin-login-message p,.admin-section-heading p{color:#706b64}
.mobile-quicklinks{display:none}
@media(min-width:681px){
  .header .nav{max-width:1290px;padding-left:24px;padding-right:24px}
  .home-hero .hero-grid{max-width:1290px}
  .stage-window{transform:rotate(-.7deg)}
  .hero-stage:before{transform:rotate(1.2deg)}
}
@media(max-width:680px){
  .header{position:sticky;top:0;z-index:100}
  .header .nav{min-height:68px;padding-left:12px;padding-right:12px;gap:9px}
  .brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .brand-name{font-size:13px;letter-spacing:1.4px}
  .brand-name small{font-size:6.5px;letter-spacing:1px}
  .navlinks{display:none!important}
  .nav-hint,.nav-actions>.btn{display:none!important}
  .nav-actions{margin-left:auto;gap:8px}
  .menu-toggle{display:grid!important;place-items:center;min-width:42px;height:42px;border-radius:14px;border:1px solid #ffffffed;background:rgb(249 247 241 / 78%);color:#37352e;font-size:22px;box-shadow:0 8px 22px #312c220b}
  .mobile-quicklinks{display:flex;gap:7px;align-items:center;padding:8px 12px 10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;background:rgb(243 240 233 / 79%);border-top:1px solid #ffffffa8;border-bottom:1px solid #ffffffc2;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .mobile-quicklinks::-webkit-scrollbar{display:none}
  .mobile-quicklinks a{flex:0 0 auto;padding:9px 13px;border-radius:999px;border:1px solid #ffffffdf;background:rgb(255 255 255 / 53%);font:10px 'DM Sans';font-weight:700;color:#615e57}
  .mobile-quicklinks a:active{background:#e5e0d6}
  .home-hero{min-height:unset;background:linear-gradient(180deg,rgba(241,238,232,.94),rgba(241,238,232,.78) 50%,rgba(241,238,232,.43)),url('/overall-villa.webp') center/cover no-repeat}
  .hero-grid{grid-template-columns:1fr!important;padding-top:50px!important;padding-bottom:26px!important;gap:22px!important}
  .hero-copy h1{font-size:clamp(45px,12vw,68px);line-height:.92}
  .hero-copy>p{font-size:12px;max-width:440px}
  .hero-stage{min-height:325px!important;margin:0!important}
  .hero-stage:before{inset:2% 0 8%;border-radius:24px}
  .stage-window{width:95%;left:2.5%;top:7%;transform:none!important}
  .stage-window-body{padding:18px 15px}
  .stage-window-title h3{font-size:clamp(25px,7vw,34px)}
  .stage-window-title p{font-size:9px}
  .stage-window-art .art-card{padding:10px;font-size:7px}
  .stage-label{bottom:1%;left:0;font-size:7px}
  .stage-id{bottom:1%;right:0}
  .hero-bottom{padding-bottom:20px;gap:10px}
  .hero-photo-caption{display:none}
  .section{padding:58px 0}
  .section-head{gap:17px}
  .section-head h2{font-size:clamp(31px,8.2vw,44px)}
  .work-art{min-height:235px}
  .art-cafe{background-position:center!important}
  .admin-top{gap:8px}
  .admin-top>.btn{font-size:9px}
  .admin-secure{display:none}
  .admin-main{margin-top:24px}
  .mobile-menu{position:absolute;top:66px;left:10px;right:10px;z-index:120;background:rgb(247 244 237 / 96%);border:1px solid #ffffffeb;box-shadow:0 20px 55px #302a211d}
  .contact-hero-grid{grid-template-columns:1fr}
  .intro-gradient{background:linear-gradient(180deg,#f1eee89c,#f1eee863 45%,#f1eee8d9)}
  .intro-top,.intro-bottom{color:#393731}
  .intro-wordmark{color:#292724}
  .intro-byline,.intro-caption{color:#57554e}
  .intro-tags span{background:#ffffff73;color:#4c4942;border-color:#ffffffdf}
  .intro-enter{background:#ffffffa1;color:#302e29;border-color:#ffffffed}
  .intro-enter b{color:#7f776c}
}
/* V13 — photo-led editorial glass system, built to follow the supplied architectural reference */
:root{--paper:#f1eee8;--ink:#292724;--indigo:#667782;--cyan:#b5c9c8;--violet:#c4b5b3;--acid:#c8ad82;--muted:#716d65;--line:#ffffffcc;--glass-alpha:70%;--glass-blur:30px;--radius:25px}
html{scroll-behavior:smooth;scroll-padding-top:108px;background:#e5dfd5}
body{position:relative;isolation:isolate;background:#e8e1d7;color:#292724;font-family:"DM Sans",sans-serif}
body:before{content:"";position:fixed;inset:-2%;z-index:-1;pointer-events:none;background:linear-gradient(130deg,rgba(241,238,232,.83),rgba(241,238,232,.73) 42%,rgba(241,238,232,.86)),url('/demo-villa.jpg') center/cover no-repeat;filter:saturate(.55);transform:scale(1.015)}
body:after{background:radial-gradient(ellipse at 13% 11%,#d9d0c650 0%,transparent 39%),radial-gradient(ellipse at 88% 22%,#c6d4d1a3 0%,transparent 33%),radial-gradient(ellipse at 56% 94%,#d9c8b577 0%,transparent 37%);opacity:.72;filter:none;animation:backdropDrift 32s ease-in-out infinite alternate}
@keyframes backdropDrift{from{transform:translate3d(-.6%,0,0) scale(1)}to{transform:translate3d(.7%,.8%,0) scale(1.04)}}
::selection{background:#bdc9c7;color:#292724}
a{color:inherit}
.rgb-line{height:2px!important;background:linear-gradient(90deg,#b7a999,#eee7dc 34%,#bac8c5 67%,#c9b9ad)!important;box-shadow:0 1px 7px #68605618!important}
.header{background:rgb(242 239 233 / 75%)!important;border-bottom:1px solid #ffffffde!important;box-shadow:0 10px 35px #3a34280a!important;backdrop-filter:blur(28px) saturate(135%)!important;-webkit-backdrop-filter:blur(28px) saturate(135%)!important}
.header .nav{max-width:1390px;min-height:76px}
.brand-mark{background:linear-gradient(145deg,#faf7f0,#d9d6cc)!important;border:1px solid #ffffffed!important;box-shadow:0 9px 22px #36302612,inset 0 1px #fff!important;border-radius:14px!important;overflow:hidden}
.brand-mark img,.intro-emblem img{mix-blend-mode:multiply;filter:saturate(.75)}
.brand-name{color:#292724!important;letter-spacing:1.7px}
.brand-name small{color:#7c776e!important;letter-spacing:1.2px}
.navlinks a{color:#666259!important}
.navlinks a:hover,.navlinks a[aria-current=page]{color:#33322d!important}
.nav-hint{color:#7d776b!important}
.btn-primary{background:#302f2a!important;color:#f8f4ec!important;border:1px solid #514f48!important;box-shadow:0 10px 25px #29272118!important}
.btn-primary:hover{background:#464841!important;box-shadow:0 16px 34px #29272121!important;transform:translateY(-2px)}
.btn-glass,.btn-glass-dark,.btn-ink{border:1px solid #ffffffed!important;background:rgb(255 255 255 / 55%)!important;color:#33312b!important;box-shadow:0 9px 25px #40382f0a,inset 0 1px #fff!important;backdrop-filter:blur(18px)!important}
.btn-glass:hover,.btn-glass-dark:hover,.btn-ink:hover{background:#fffdf5d9!important;transform:translateY(-2px)}
.menu-toggle{border-radius:15px!important;background:rgb(250 248 242 / 84%)!important;border:1px solid #ffffffed!important;color:#393832!important;box-shadow:0 6px 20px #332e2510!important}
.mobile-quicklinks{background:rgb(242 239 232 / 82%)!important;border-block:1px solid #ffffffbf!important;backdrop-filter:blur(22px) saturate(130%)!important}
.mobile-quicklinks a{background:rgb(255 255 255 / 52%)!important;border:1px solid #ffffffeb!important;color:#625f57!important;box-shadow:0 4px 15px #29251b08!important}
.mobile-quicklinks a:active{background:#e3ddd2!important}
.mobile-menu{background:rgb(245 241 233 / 93%)!important;border:1px solid #ffffffed!important;box-shadow:0 22px 58px #302a211b!important;backdrop-filter:blur(30px) saturate(145%)!important}
.mobile-menu a{background:#ffffff7d!important;border:1px solid #ffffffeb!important;color:#34312b!important;border-radius:14px!important}
.mobile-menu a:hover{background:#e6e2da!important}
.owner-route-note{font:9px 'DM Mono';color:#817a6f}
.eyebrow{color:#807569!important;letter-spacing:1.4px}
.hero-copy .eyebrow{font-size:10px}
.home-hero{position:relative;isolation:isolate;min-height:min(850px,calc(100svh - 98px));overflow:hidden;background:transparent!important;border-radius:0 0 31px 31px}
.home-hero:before{content:"";position:absolute;inset:-1.5%;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(241,238,232,.96) 0%,rgba(241,238,232,.89) 25%,rgba(241,238,232,.66) 44%,rgba(241,238,232,.20) 65%,rgba(37,37,32,.06) 100%),url('/demo-villa.jpg') center 52%/cover no-repeat;animation:heroCinematicDrift 25s cubic-bezier(.4,0,.2,1) infinite alternate;will-change:transform,background-position}
.home-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 24%,#fff5e8aa 40%,#cdd8d255 51%,transparent 66%);background-size:240% 100%;animation:heroSoftSweep 17s ease-in-out infinite}
@keyframes heroCinematicDrift{0%{transform:scale(1.015);background-position:50% 48%}100%{transform:scale(1.075);background-position:55% 45%}}
@keyframes heroSoftSweep{0%,100%{background-position:180% 0}48%{background-position:-80% 0}}
.home-aurora,.stage-orb,.feature-glass-orb{display:none!important}
.home-hero .hero-grid,.home-hero .hero-bottom{position:relative;z-index:2}
.home-hero .hero-grid{max-width:1360px;gap:clamp(30px,5vw,78px);padding-top:clamp(62px,10vh,115px);padding-bottom:42px}
.hero-copy{max-width:630px}
.hero-copy h1{color:#292724!important;font-size:clamp(54px,7vw,100px)!important;line-height:.89!important;letter-spacing:-.085em!important;text-wrap:balance;text-shadow:none!important}
.hero-copy h1 .line{margin-bottom:.075em}
.hero-copy h1 .text-gradient{font-family:"Playfair Display",serif;font-style:italic;font-weight:500;letter-spacing:-.07em;background:linear-gradient(105deg,#667782,#9b8b7b 52%,#6e8585)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-copy>p{font-size:clamp(13px,1.15vw,16px)!important;line-height:1.9!important;color:#625f58!important;max-width:490px;margin-top:25px}
.hero-actions{gap:10px!important;margin:26px 0 20px}
.hero-actions .btn{border-radius:999px!important;padding:13px 19px!important;font-size:10px!important}
.hero-note,.hero-bottom,.stage-id{color:#756e64!important}
.hero-bottom{padding-bottom:19px}
.hero-stage{position:relative;min-height:450px!important;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate}
.hero-stage:before{content:"";position:absolute;inset:4% 0 12%;z-index:-1;border-radius:27px;background:linear-gradient(135deg,rgba(249,246,239,.63),rgba(238,235,227,.34) 55%,rgba(191,204,201,.50));border:1px solid #ffffffdf;backdrop-filter:blur(25px) saturate(125%);-webkit-backdrop-filter:blur(25px) saturate(125%);box-shadow:0 32px 80px #29262021,inset 0 1px 0 #ffffff}
.stage-grid{opacity:.14!important;background-image:linear-gradient(#57534a20 1px,transparent 1px),linear-gradient(90deg,#57534a20 1px,transparent 1px)!important}
.stage-window{position:absolute!important;left:5%!important;right:5%!important;top:9%!important;width:auto!important;min-height:310px;background:rgb(248 245 238 / 70%)!important;border:1px solid #ffffffed!important;border-radius:23px!important;box-shadow:0 25px 70px #312d261b,inset 0 1px #fff!important;backdrop-filter:blur(27px) saturate(132%)!important;-webkit-backdrop-filter:blur(27px) saturate(132%)!important;transform:rotate(-.7deg)!important;overflow:hidden}
.stage-window-bar{height:42px!important;border-bottom:1px solid #ffffffd1!important;color:#716b61!important;padding:0 14px!important}
.stage-window-bar i{background:#bcb2a6!important}
.stage-window-title h3{font:600 clamp(32px,3.3vw,51px)/.87 'Manrope'!important;letter-spacing:-.075em!important;color:#292724!important}
.stage-window-title h3 em{font:italic 500 1.03em 'Playfair Display'!important;color:#78868b!important}
.stage-window-title p{color:#6d685e!important;line-height:1.7!important}
.stage-window-title small{color:#837a6e!important;font:8px 'DM Mono'!important;letter-spacing:1.3px}
.stage-window-art .art-card{background:rgb(250 247 241 / 64%)!important;color:#45423b!important;border:1px solid #ffffffed!important;border-radius:12px!important;padding:12px!important;box-shadow:0 9px 28px #322d2510!important}
.stage-window-art .art-card:nth-child(2){background:rgb(53 55 52 / 79%)!important;color:#faf6ec!important}
.stage-window-art .art-card:nth-child(3){background:rgb(223 229 225 / 66%)!important}
.stage-label{left:3%!important;bottom:4%!important;background:rgb(246 242 233 / 77%)!important;border:1px solid #ffffffed!important;border-radius:999px!important;color:#59554d!important;box-shadow:0 10px 30px #302c2415!important;backdrop-filter:blur(20px)!important}
.stage-id{right:2%!important;bottom:3%!important;color:#655f55!important}
.hero-photo-caption{position:absolute;left:clamp(24px,4vw,55px);right:clamp(24px,4vw,55px);bottom:17px;z-index:1;display:flex;justify-content:space-between;gap:14px;color:#f5f0e7;font:8px 'DM Mono';letter-spacing:1.2px;text-shadow:0 2px 15px #25231d70;pointer-events:none}
.ticker{background:rgb(231 226 217 / 77%)!important;border-block:1px solid #ffffffcc!important;color:#686257!important;backdrop-filter:blur(18px)!important}
.ticker-track span b{color:#9b8b78!important}
.section{background:transparent!important}
.section-head h2,.subpage-title,.contact-title{color:#292724!important}
.section-head h2{font-size:clamp(35px,5vw,61px)!important;letter-spacing:-.075em!important}
.section-head h2 em,.subpage-title em,.contact-title em{color:#718187!important}
.section-head>p,.sub-intro,.subpage-copy>p{color:#68645c!important}
.feature-copy,.feature-visual,.service-card,.work-tile,.process-step,.full-demo,.detail-point,.contact-band,.contact-glass-card,.about-collage,.value-card,.sticky-note,.admin-panel,.admin-login-message,.admin-status{border:1px solid #ffffffe3!important;border-radius:26px!important;background:rgb(248 245 238 / 69%)!important;backdrop-filter:blur(30px) saturate(132%)!important;-webkit-backdrop-filter:blur(30px) saturate(132%)!important;box-shadow:0 18px 55px #39312610,inset 0 1px 0 #fff!important}
.feature-copy{background:rgb(248 245 238 / 75%)!important}
.feature-visual{background:linear-gradient(135deg,rgba(238,235,227,.62),rgba(199,211,207,.49),rgba(234,224,210,.63))!important}
.feature-window{border-radius:21px!important;background:rgb(248 245 237 / 70%)!important;border:1px solid #ffffffed!important;box-shadow:0 25px 65px #342f2716,inset 0 1px #fff!important}
.floating-chip{background:rgb(249 246 239 / 75%)!important;color:#5d5a50!important;border:1px solid #ffffffed!important;box-shadow:0 12px 28px #37312614!important;border-radius:999px!important}
.feature-stats b{color:#667a80!important}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;align-items:stretch}
.service-card{position:relative;display:flex!important;flex-direction:column!important;padding:16px!important;border-radius:25px!important;overflow:hidden!important;background:rgb(248 245 238 / 74%)!important;box-shadow:0 15px 38px #332d230d,inset 0 1px #fff!important;transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s,border-color .4s!important}
.service-card:hover{transform:translateY(-6px)!important;box-shadow:0 25px 55px #302b2216,inset 0 1px #fff!important}
.service-card .service-card-head{display:flex;align-items:center;justify-content:space-between;font:9px 'DM Mono'!important;letter-spacing:1px!important;color:#7f766b!important;padding:1px 2px 8px!important}
.service-card .service-card-head span:last-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffffea;border-radius:50%;background:#fff7;color:#5d655f}
.service-card .service-mini{position:relative!important;display:block!important;width:100%!important;height:clamp(205px,23vw,315px)!important;min-height:0!important;margin:0 0 18px!important;overflow:hidden!important;border:1px solid #ffffffed!important;border-radius:20px!important;background:#d7d3c9!important;box-shadow:0 12px 25px #27221b10!important}
.photo-mini>img,.service-visual-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 1.2s cubic-bezier(.15,.65,.15,1),filter 1.2s}
.service-card:hover .photo-mini>img{transform:scale(1.045);filter:saturate(.94)}
.mini-photo-shade,.visual-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#26251d16 0%,transparent 24%,#24231f24 52%,#25231fe0 100%);pointer-events:none}
.mini-photo-copy{position:absolute;left:clamp(17px,2vw,28px);right:16px;bottom:clamp(18px,2.1vw,27px);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#fff7eb;text-shadow:0 2px 16px #211c157a}
.mini-photo-copy small,.mini-poster>small{font:8px 'DM Mono';letter-spacing:1.5px;color:#fff6e9!important}
.mini-photo-copy b,.mini-poster>b{font:500 clamp(28px,3.3vw,46px)/.9 'Playfair Display'!important;letter-spacing:-.045em!important;color:#fff8ec!important}
.mini-photo-copy b em,.mini-poster>b em{font-style:italic;color:#e9d4b9!important}
.mini-photo-copy span,.mini-poster>span{font:8px 'DM Mono';letter-spacing:1.2px;color:#fff7ec!important}
.mini-glass-tag,.mini-timeline{position:absolute;z-index:3;right:13px;top:13px;border:1px solid #ffffffb8;border-radius:999px;padding:8px 11px;background:rgb(246 242 233 / 65%);color:#33312b;font:8px 'DM Mono';letter-spacing:.7px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 22px #29241c16}
.mini-timeline{top:auto;bottom:13px;left:13px;right:13px;display:flex;align-items:center;gap:5px;color:#fff;background:rgb(35 34 31 / 50%);border-color:#ffffff79}
.mini-timeline i{height:3px;flex:1;background:#f0d6b6;border-radius:4px;transform-origin:left;animation:timelineGrow 2.4s ease-in-out infinite alternate}
.mini-timeline i:nth-child(2){animation-delay:.2s}.mini-timeline i:nth-child(3){animation-delay:.4s}.mini-timeline i:nth-child(4){animation-delay:.6s}
.mini-timeline span{font:7px 'DM Mono';white-space:nowrap;margin-left:5px}
@keyframes timelineGrow{from{transform:scaleX(.45);opacity:.55}to{transform:scaleX(1);opacity:1}}
.mini-social{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;padding:9px!important;background:#ded9cf!important}
.mini-social article{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;border:1px solid #ffffffb0;border-radius:13px;color:#fff;background:linear-gradient(180deg,#27251f06 15%,#27251f93),var(--social-image) center/cover no-repeat;box-shadow:0 12px 28px #2b251b18;transition:transform .55s cubic-bezier(.2,.7,.2,1),background-size 1s}
.mini-social article:nth-child(2){transform:translateY(10px)}.mini-social article:nth-child(3){transform:translateY(-4px)}
.service-card:hover .mini-social article:nth-child(2),.service-card:hover .mini-social article:nth-child(3){transform:translateY(0)}
.mini-social article small,.mini-social article span{font:7px 'DM Mono';letter-spacing:.6px;text-shadow:0 1px 9px #1f1d19}
.mini-social article b{font:500 clamp(14px,1.7vw,24px)/.93 'Playfair Display';letter-spacing:-.04em;text-shadow:0 2px 15px #1715118c}
.mini-before-after{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;background:#f6f2eb!important;padding:0!important}
.photo-half{position:relative;overflow:hidden;min-width:0}
.photo-half img{width:100%;height:100%;object-fit:cover;display:block}
.photo-half.before img{filter:saturate(.45) contrast(.88) brightness(.96)}
.photo-half.after img{filter:saturate(1.04) contrast(1.04) sepia(.06)}
.photo-half span{position:absolute;top:12px;left:12px;z-index:2;padding:7px 9px;border:1px solid #ffffffab;border-radius:999px;background:rgb(247 243 234 / 70%);backdrop-filter:blur(15px);font:7px 'DM Mono';color:#35332c}
.photo-half.after span{left:auto;right:12px;background:rgb(47 48 43 / 60%);color:#fff}
.mini-compare-line{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:2px;background:#ffffffef;box-shadow:0 0 0 5px #ffffff22}
.mini-poster{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:22px!important;color:#fff!important}
.mini-poster>small,.mini-poster>b,.mini-poster>span{position:relative;z-index:2}
.mini-poster>b{font-size:clamp(36px,4vw,56px)!important;line-height:.82!important;margin:17px 0 14px!important}
.mini-brand{display:block!important}
.mini-brand-card{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;padding:18px;background:rgb(246 241 231 / 72%);border:1px solid #ffffffd9;border-radius:17px;color:#292724;backdrop-filter:blur(27px);-webkit-backdrop-filter:blur(27px);box-shadow:0 16px 45px #29241b20}
.mini-brand-card small{display:block;font:7px 'DM Mono';letter-spacing:1px;color:#655f55}
.mini-brand-card b{display:block;margin:9px 0;font:500 clamp(23px,3vw,38px)/.92 'Playfair Display';letter-spacing:-.04em;color:#292724}
.mini-brand-card b em{color:#78878a}
.mini-brand-card span{font:7px 'DM Mono';letter-spacing:1px;color:#635b50}
.service-card h3{font:700 clamp(19px,1.75vw,25px)/1.05 'Manrope'!important;letter-spacing:-.055em!important;color:#292724!important;margin:0 0 9px!important}
.service-card>p{font-size:12px!important;line-height:1.8!important;color:#716c63!important;margin:0 0 16px!important}
.service-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #ffffffd9;font:800 10px 'DM Mono'!important;color:#666e6d!important}
.service-card-link:hover{color:#3e4b4c!important}
.subpage-hero{position:relative;isolation:isolate;overflow:hidden;background:rgb(241 238 232 / 30%)!important;border-bottom:1px solid #ffffffae!important}
.subpage-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:1;background:linear-gradient(90deg,rgba(241,238,232,.95),rgba(241,238,232,.79) 48%,rgba(241,238,232,.28)),url('/demo-studio.jpg') center 48%/cover no-repeat!important;animation:subpagePhotoDrift 26s ease-in-out infinite alternate!important}
@keyframes subpagePhotoDrift{from{transform:scale(1.01);background-position:48% 48%}to{transform:scale(1.06);background-position:54% 45%}}
.service-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.95),rgba(241,238,232,.76) 52%,rgba(241,238,232,.18)),url('/demo-villa.jpg') center 56%/cover no-repeat!important}
.work-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.91),rgba(241,238,232,.70) 50%,rgba(241,238,232,.12)),url('/demo-fashion.jpg') center 40%/cover no-repeat!important}
.studio-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.94),rgba(241,238,232,.77) 50%,rgba(241,238,232,.22)),url('/demo-studio.jpg') center 45%/cover no-repeat!important}
.category-hero{background:transparent!important;min-height:auto}
.category-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.96) 0%,rgba(241,238,232,.87) 34%,rgba(241,238,232,.62) 56%,rgba(241,238,232,.25) 100%),var(--category-image) center/cover no-repeat!important;opacity:1!important}
.category-hero .subpage-layout{max-width:1360px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(25px,5vw,65px);align-items:center}
.category-hero .subpage-copy{padding:15px 0}
.category-hero .subpage-title{font-size:clamp(43px,6.2vw,82px)!important;line-height:.94!important;letter-spacing:-.085em!important;max-width:650px;text-wrap:balance}
.category-hero .subpage-title em{font-family:'Playfair Display',serif!important;font-style:italic!important;font-weight:500!important}
.category-hero .subpage-copy>p{max-width:480px;font-size:13px;line-height:1.9}
.category-hero .subpage-actions{gap:10px;margin:22px 0 21px}
.category-hero .subpage-id{color:#5f5b53!important;font-size:8px;letter-spacing:1.2px}
.category-stage{position:relative!important;min-height:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.category-hero-foot{position:relative;display:flex;justify-content:space-between;gap:12px;padding:0 0 17px;color:#6c665b;font:8px 'DM Mono';letter-spacing:1px}
.category-hero-foot span{display:flex;align-items:center;gap:7px}
.category-hero-foot span:before{content:"";width:18px;height:1px;background:#a7957e}
.service-visual-page{position:relative;isolation:isolate;overflow:hidden;height:clamp(340px,40vw,540px);border-radius:26px;border:1px solid #ffffffec;box-shadow:0 26px 75px #342e231c,inset 0 1px #fff;background:#d4cec2}
.service-visual-page>img{z-index:-2}
.visual-shade{z-index:-1;background:linear-gradient(180deg,#28251e05 0%,#28251e0c 25%,#24221cd1 100%)}
.visual-browser{position:absolute;left:6%;right:6%;top:7%;bottom:8%;padding:clamp(16px,2.1vw,28px);border-radius:20px!important;border:1px solid #ffffffce!important;background:rgb(247 243 234 / 72%)!important;color:#292724!important;box-shadow:0 20px 60px #302a211e,inset 0 1px #fff!important;backdrop-filter:blur(28px) saturate(130%)!important;-webkit-backdrop-filter:blur(28px) saturate(130%)!important;display:flex;flex-direction:column}
.visual-browser-top{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:13px;border-bottom:1px solid #ffffffdb;font:8px 'DM Mono';letter-spacing:.7px;color:#665f54}
.visual-web-copy{margin:auto 0}
.visual-web-copy small,.motion-film-label small{font:8px 'DM Mono';letter-spacing:1.2px;color:#766b5e}
.visual-web-copy h2{font:500 clamp(31px,4vw,55px)/.91 'Playfair Display';letter-spacing:-.05em;color:#292724;margin:16px 0}
.visual-web-copy h2 em{color:#7f898a}
.visual-web-copy p{max-width:230px;font-size:10px;line-height:1.7;color:#6e675e}
.visual-cta{display:inline-block;margin-top:13px;padding:10px 12px;background:#302f2a;color:#f7f1e8;border-radius:999px;font:7px 'DM Mono';letter-spacing:1px}
.visual-index,.visual-glass-chip{position:absolute;z-index:3;bottom:13px;color:#f7f1e8;font:8px 'DM Mono';letter-spacing:1px;text-shadow:0 2px 12px #28241f88}
.visual-index{left:15px}.visual-glass-chip{right:15px;padding:8px 10px;border:1px solid #ffffff86;border-radius:999px;background:rgb(47 47 42 / 28%);backdrop-filter:blur(12px)}
.visual-motion>img{filter:saturate(.72) contrast(1.03)}
.visual-motion .visual-shade{background:linear-gradient(90deg,#26231de8 0%,#26231da6 45%,#26231d15 100%),linear-gradient(0deg,#26231db5,transparent 40%)}
.motion-film-label{position:absolute;left:clamp(21px,3vw,40px);top:clamp(48px,7vw,88px);z-index:2;color:#f7f1e8;text-shadow:0 2px 18px #17140f99}
.motion-film-label small{color:#e7d8c3}
.motion-film-label b{display:block;margin:20px 0 24px;font:500 clamp(43px,6vw,78px)/.82 'Playfair Display';letter-spacing:-.05em}
.motion-film-label b em{color:#d5c0a0}
.motion-film-label span{font:8px 'DM Mono';letter-spacing:1.7px}
.film-timecode{position:absolute;z-index:2;right:16px;top:15px;padding:9px 12px;border:1px solid #ffffff9c;border-radius:999px;background:#28251e67;color:#fff;font:8px 'DM Mono';backdrop-filter:blur(12px)}
.film-timeline{position:absolute;left:15px;right:15px;bottom:16px;z-index:2;display:flex;gap:5px;align-items:center;padding:9px;border:1px solid #ffffff98;border-radius:12px;background:#27241d55;backdrop-filter:blur(14px)}
.film-timeline i{height:4px;flex:1;background:linear-gradient(90deg,#e2d0b7,#7f9392);border-radius:9px;animation:timelineGrow 1.9s ease-in-out infinite alternate}
.film-timeline i:nth-child(2){animation-delay:.2s}.film-timeline i:nth-child(3){animation-delay:.4s}.film-timeline i:nth-child(4){animation-delay:.6s}.film-timeline i:nth-child(5){animation-delay:.8s}
.social-photo-world{height:clamp(340px,40vw,540px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.social-photo-world article{position:relative;overflow:hidden;border-radius:20px;border:1px solid #ffffffef;background:#bbb;box-shadow:0 18px 45px #29251d21}
.social-photo-world article:nth-child(2){transform:translateY(13px)}.social-photo-world article:nth-child(3){transform:translateY(-7px)}
.social-photo-world article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}
.social-photo-world article:hover>img{transform:scale(1.06)}
.social-photo-world article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#211f1b0b 8%,#211f1b08 33%,#211f1be0 100%)}
.social-photo-world article>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(12px,1.8vw,22px);color:#fff8ed;text-shadow:0 2px 18px #211c15a6}
.social-photo-world small{font:7px 'DM Mono';letter-spacing:.7px}
.social-photo-world b{margin:13px 0 16px;font:500 clamp(18px,2.7vw,34px)/.91 'Playfair Display';letter-spacing:-.045em}
.social-photo-world span{font:7px 'DM Mono';letter-spacing:.8px}
.photo-compare-live .colour-photo{height:clamp(320px,40vw,540px);position:relative;border-radius:24px;overflow:hidden;border:1px solid #ffffffee;background:#ddd}
.photo-compare-half{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.photo-compare-half img{width:100%;height:100%;object-fit:cover}
.photo-compare-half.before{clip-path:inset(0 50% 0 0)}
.photo-compare-half.after img{filter:saturate(1.02) contrast(1.04) sepia(.08)}
.photo-compare-half.after{clip-path:inset(0 0 0 50%)}
.photo-compare-live .colour-label{border-radius:999px;padding:8px 11px;background:rgb(245 241 233 / 78%);border:1px solid #ffffffde;color:#302d27;font:8px 'DM Mono';letter-spacing:.8px;backdrop-filter:blur(15px)}
.photo-compare-live .colour-label.right{background:rgb(44 45 41 / 65%);color:#fff}
.photo-compare-live .colour-product{display:none}
.campaign-photo-world .campaign-poster{position:relative;isolation:isolate;height:clamp(300px,39vw,520px);width:100%;overflow:hidden;border-radius:24px;border:1px solid #ffffffed;background:#aca79c;color:#fff}
.campaign-poster>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.campaign-poster-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#24231ee3 0%,#24231e98 50%,#24231e12 100%),linear-gradient(0deg,#26231c9c,transparent 53%)}
.campaign-poster>small,.campaign-poster>b,.campaign-poster>span{position:relative;z-index:2;display:block;margin-left:clamp(18px,3vw,35px);margin-right:18px;color:#fff7ed}
.campaign-poster>small{margin-top:clamp(24px,3vw,38px);font:8px 'DM Mono';letter-spacing:1.3px}
.campaign-poster>b{margin-top:clamp(44px,6vw,76px);margin-bottom:clamp(28px,4vw,48px);font:800 clamp(40px,6.2vw,80px)/.78 'Manrope';letter-spacing:-.08em}
.campaign-poster>span{font:8px 'DM Mono';letter-spacing:1px}
.campaign-poster .poster-stripe,.campaign-poster .poster-disc{display:none}
.campaign-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.campaign-controls button{padding:10px 13px;border-radius:999px;border:1px solid #ffffffdf;background:rgb(246 242 234 / 68%);color:#39362f;font:9px 'DM Mono';backdrop-filter:blur(18px)}
.campaign-controls span{font:8px 'DM Mono';color:#746d62}
.brand-photo-world{position:relative;isolation:isolate;height:clamp(340px,40vw,540px);border-radius:25px;overflow:hidden;border:1px solid #ffffffea;box-shadow:0 26px 72px #31291d20}
.brand-photo-world>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.brand-photo-world:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#342d2412,#30261c6b)}
.brand-board-glass{position:absolute;left:5%;right:5%;top:6%;bottom:6%;padding:clamp(17px,2.3vw,28px);border-radius:22px!important;background:rgb(248 243 232 / 73%)!important;border:1px solid #ffffffee!important;backdrop-filter:blur(28px) saturate(125%)!important;box-shadow:0 24px 60px #30251c27!important;display:flex;flex-direction:column}
.brand-board-head,.brand-board-bottom{display:flex;justify-content:space-between;gap:10px;color:#655d50;font:8px 'DM Mono';letter-spacing:1px}
.brand-board-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}
.brand-board-main small{font:8px 'DM Mono';letter-spacing:1px;color:#796b5b}
.brand-board-main h2{font:500 clamp(33px,4vw,54px)/.87 'Playfair Display';letter-spacing:-.05em;color:#292724;margin:17px 0}
.brand-board-main h2 em{color:#7c8a8a}
.brand-board-main p{color:#746b5f;font-size:10px}
.brand-jar{width:clamp(54px,6vw,90px);height:clamp(110px,13vw,175px);border-radius:17px 17px 20px 20px;background:linear-gradient(90deg,#a38e7d,#f1e0c6 40%,#b3a194);border:1px solid #ffffffdb;box-shadow:15px 17px 40px #41362a23;position:relative;transform:rotate(5deg)}
.brand-jar:before{content:"";position:absolute;top:-17px;left:34%;width:32%;height:19px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#9e8978,#e3d3bf,#a68c7b)}
.brand-board-bottom{padding-top:15px;border-top:1px solid #ffffffb9}
.subpage-hero .container{position:relative;z-index:2}
.subpage-layout{max-width:1360px}
.subpage-title{font-size:clamp(46px,6.7vw,82px)!important;letter-spacing:-.085em!important}
.subpage-title em{font-family:'Playfair Display',serif!important;font-weight:500!important;font-style:italic!important}
.work-grid{gap:18px!important}
.work-tile{border-radius:25px!important;overflow:hidden!important;background:rgb(249 246 239 / 74%)!important;border:1px solid #ffffffed!important;box-shadow:0 16px 42px #30291d10,inset 0 1px #fff!important}
.work-tile:hover{transform:translateY(-6px)!important;box-shadow:0 26px 60px #30291d18,inset 0 1px #fff!important}
.work-art{position:relative;isolation:isolate;min-height:270px!important;background-size:cover!important;background-position:center!important;border-radius:19px!important;overflow:hidden!important}
.work-tile.w7 .work-art,.work-tile.w5 .work-art{min-height:clamp(280px,31vw,425px)!important}
.art-cafe{background-image:linear-gradient(180deg,#2b24140a 10%,#2b2414a6 100%),url('/demo-cafe.jpg')!important;background-position:center!important}
.art-tech{background-image:linear-gradient(90deg,#ede6d8d9,#ede6d822 75%),url('/demo-villa.jpg')!important}
.art-fitness{background-image:linear-gradient(180deg,#24221d18,#24221d7d),url('/demo-fitness.jpg')!important}
.art-beauty{background-image:linear-gradient(180deg,#211a1605,#211a1642),url('/demo-product.jpg')!important}
.art-motion{background-image:linear-gradient(120deg,#24231d32,#24231d12),url('/demo-fashion.jpg')!important}
.art-social{background-image:linear-gradient(105deg,#28231aaf 0%,#28231a33 75%),url('/demo-design.jpg')!important}
.cafe-sign{width:79%;padding:clamp(16px,2.5vw,28px)!important;background:rgb(248 243 232 / 73%)!important;border:1px solid #ffffffdf;border-radius:18px;box-shadow:0 22px 55px #30271c30!important;backdrop-filter:blur(24px);transform:none!important;color:#292724!important}
.cafe-sign small,.cafe-sign span{color:#695f53!important}
.cafe-sign b{font-size:clamp(35px,5vw,62px)!important}
.tech-display{width:82%;padding:clamp(19px,2.5vw,30px)!important;background:rgb(248 243 232 / 78%)!important;border:1px solid #ffffffdf!important;border-radius:20px!important;color:#292724!important;box-shadow:0 23px 62px #27221723!important;backdrop-filter:blur(26px) saturate(120%)}
.tech-display small{color:#75695b!important}
.tech-display strong{font:500 clamp(32px,5vw,64px)/.86 'Playfair Display'!important;letter-spacing:-.06em!important}
.tech-display span{border-radius:999px;background:#393832!important;color:#f3eee5!important;padding:9px 13px!important}
.fitness-poster{width:76%;height:87%;padding:clamp(17px,2vw,27px)!important;background:rgb(243 238 228 / 76%)!important;border:1px solid #ffffffdf!important;border-radius:20px!important;box-shadow:0 24px 60px #29241d2c!important;backdrop-filter:blur(20px);transform:none!important}
.fitness-poster b{font-size:clamp(38px,6vw,74px)!important;line-height:.81!important;letter-spacing:-.075em!important;color:#292724}
.fitness-poster span{color:#59544c!important}
.beauty-poster{background:rgb(247 242 233 / 74%)!important;border:1px solid #ffffffdf!important;border-radius:20px!important;backdrop-filter:blur(25px);box-shadow:0 23px 55px #30251c23!important;transform:none!important}
.beauty-poster b{font-size:clamp(27px,3.4vw,43px)!important;color:#292724!important}
.beauty-bottle{border-radius:14px 14px 18px 18px!important;box-shadow:0 16px 30px #29221b29!important}
.social-image-copy{position:absolute;left:7%;right:7%;top:10%;bottom:10%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.4vw,30px);background:rgb(247 243 233 / 73%);border:1px solid #ffffffdf;border-radius:20px;color:#292724;backdrop-filter:blur(27px);box-shadow:0 23px 60px #30251c23}
.social-image-copy small,.social-image-copy span{font:8px 'DM Mono';letter-spacing:1px;color:#70675b}
.social-image-copy b{font:500 clamp(30px,4.8vw,59px)/.9 'Playfair Display';letter-spacing:-.05em;color:#292724}
.social-image-copy b em{color:#7d8c92}
.work-caption{padding:20px 22px 23px!important}
.work-caption h3{font:700 clamp(20px,2vw,27px)/1.1 'Manrope'!important;letter-spacing:-.06em!important;color:#292724!important}
.work-caption p{color:#716b61!important;line-height:1.8!important;font-size:12px!important}
.work-caption .eyebrow{font-size:8px}
.work-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgb(255 255 255 / 65%);border:1px solid #ffffffed;color:#575f5f!important;transition:transform .35s,background .35s}
.work-tile:hover .work-arrow{transform:translate(3px,-3px);background:#f1eee8}
.disclaimer{padding-top:16px;font:9px 'DM Mono';letter-spacing:.4px;color:#80776c!important}
.contact-hero{position:relative;isolation:isolate;background:transparent!important;overflow:hidden}
.contact-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(241,238,232,.93),rgba(241,238,232,.84) 40%,rgba(241,238,232,.58)),url('/demo-studio.jpg') center/cover no-repeat;transform:scale(1.02);animation:subpagePhotoDrift 27s ease-in-out infinite alternate}
.contact-glow{z-index:-1!important;background:radial-gradient(ellipse at 80% 25%,#c6d5d1aa,transparent 35%),radial-gradient(ellipse at 15% 70%,#d3c6b580,transparent 40%)!important}
.contact-hero-grid{max-width:1360px!important;gap:clamp(30px,5vw,70px)!important;padding-top:clamp(52px,8vh,86px)!important;padding-bottom:clamp(55px,7vh,83px)!important}
.contact-title{font-size:clamp(44px,6.5vw,82px)!important;line-height:.9!important;letter-spacing:-.085em!important;text-wrap:balance}
.contact-title em{font-size:.9em;line-height:.98!important}
.contact-hero-grid>div:first-child>p{color:#625e56!important;line-height:1.9!important;font-size:14px!important;max-width:540px}
.contact-methods a,.contact-methods>div{border-color:#ffffffd2!important;color:#292724}
.contact-methods small{color:#81786d!important}
.contact-methods b{font-size:12px!important}
.contact-glass-card{background:rgb(248 245 238 / 71%)!important}
.contact-glass-card h2{font-size:clamp(28px,3vw,40px)!important;color:#292724!important;letter-spacing:-.06em!important}
.contact-glass-card .brief-item{border-color:#ffffffdb!important}
.contact-glass-card .brief-item>span{color:#83796b!important}
.contact-glass-card .brief-item b{color:#302e29!important}
.contact-glass-card .brief-item small,.contact-glass-card>p{color:#716b61!important}
.contact-band{background:linear-gradient(125deg,rgba(249,246,239,.83),rgba(222,228,224,.79),rgba(232,219,203,.76))!important}
.contact-band h2{color:#292724!important}
.contact-band h2 em{color:#78888a!important}
.about-collage{background:linear-gradient(140deg,rgba(231,225,214,.73),rgba(204,216,211,.68),rgba(235,222,204,.63)),url('/demo-studio.jpg') center/cover!important}
.about-collage-orb{border-radius:24px!important;background:linear-gradient(130deg,rgba(248,244,235,.62),rgba(194,208,203,.56),rgba(220,200,178,.55))!important;border:1px solid #ffffffdc!important;box-shadow:0 24px 60px #302a201a,inset 0 1px #fff!important}
.about-glass-note{background:rgb(247 243 233 / 76%)!important;border:1px solid #ffffffdf!important;border-radius:17px!important;backdrop-filter:blur(24px)}
.value-card{min-height:170px}
.value-card>span{color:#93836f!important;font:10px 'DM Mono'}
.value-card h3{color:#292724!important;font-size:20px}
.value-card p{color:#716b61!important;font-size:12px;line-height:1.85}
.process-step{background:rgb(249 246 239 / 74%)!important}
.sticky-note{background:rgb(248 245 237 / 83%)!important;color:#292724!important}
.sticky-note h3{color:#292724!important}
.sticky-note p{color:#6d675e!important}
.detail-point{background:rgb(248 245 238 / 72%)!important;min-height:160px}
.detail-point small{color:#80776a!important}
.detail-point b{color:#292724!important}
.detail-point p{color:#6c675f!important}
.full-demo{background:rgb(248 245 238 / 73%)!important}
.full-demo-head h3{color:#292724!important}
.full-demo-head p{color:#6d675d!important}
.demo-controls button{border:1px solid #ffffffed!important;border-radius:999px!important;background:rgb(255 255 255 / 55%)!important;color:#5b564c!important;padding:10px 14px!important}
.demo-controls button.active,.demo-controls button:hover{background:#383832!important;color:#f7f1e8!important;border-color:#383832!important}
.web-live-preview{position:relative!important;isolation:isolate;overflow:hidden;min-height:340px!important;padding:clamp(18px,3vw,33px)!important;border:1px solid #ffffffec!important;border-radius:22px!important;background:#b0b9b3!important;color:#f9f4ea!important}
.web-live-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.web-live-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#26251eab,#26251e14 88%),linear-gradient(0deg,#26251e78,transparent 55%)}
.web-live-nav{color:#fff4e6!important;border-color:#ffffff8a!important}
.web-live-nav b{letter-spacing:1px}
.web-live-body{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:15px;min-height:260px}
.web-live-body small{font:8px 'DM Mono';letter-spacing:1.1px;color:#f0ddc1}
.web-live-body h3{font:500 clamp(37px,5vw,65px)/.86 'Playfair Display';letter-spacing:-.055em;color:#fff7ea!important;margin:15px 0}
.web-live-body h3 em{color:#d8c2a2!important}
.web-live-body p{font-size:11px;line-height:1.7;max-width:250px;color:#fff0dc}
.web-live-cta{background:rgb(247 242 231 / 75%)!important;color:#292724!important;border:1px solid #ffffffdc!important;border-radius:999px!important;backdrop-filter:blur(15px);padding:10px 14px}
.web-live-graphic i{border:1px solid #ffffffa0!important;background:rgb(249 245 236 / 28%)!important;border-radius:12px!important;backdrop-filter:blur(12px)}
.web-live-preview[data-theme="citrus"] .web-live-overlay{background:linear-gradient(100deg,#b29c81a8,#b29c8110 85%)}
.web-live-preview[data-theme="night"] .web-live-overlay{background:linear-gradient(100deg,#242521df,#24252154 85%)}
.video-timeline{border-radius:18px!important;background:rgb(45 44 39 / 92%)!important;padding:15px!important;border:1px solid #ffffffa0}
.timeline-screen{position:relative;isolation:isolate;height:clamp(180px,28vw,305px)!important;border-radius:14px;overflow:hidden;background:#69645a!important}
.timeline-screen>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.timeline-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#27251ed1,transparent 68%)}
.timeline-screen span{position:relative;z-index:1;border:1px solid #ffffffaa!important;background:linear-gradient(150deg,#e8d9c6a8,#a5b6b19c)!important;border-radius:10px!important;backdrop-filter:blur(4px);box-shadow:0 18px 30px #1d1b1670}
.timeline-screen[data-motion="steady"] span{animation:framePulse 3.8s ease-in-out infinite alternate}
.timeline-screen[data-motion="pulse"] span{animation:framePulse 1.3s ease-in-out infinite alternate}
.timeline-screen[data-motion="rapid"] span{animation:framePulse .6s ease-in-out infinite alternate}
.timeline-tracks{color:#ece4d6!important}
.track-bars i{background:#b9c4bc!important}
.track-bars i:nth-child(3n){background:#d8ba9a!important}
.track-bars i:nth-child(4n){background:#7e9291!important}
.photo-social-preview{gap:12px!important}
.photo-social-preview .social-post{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:17px!important;border:1px solid #ffffffdf!important;border-radius:18px!important;min-height:clamp(250px,35vw,370px);background:#8b8176!important;color:#fff8ed!important;box-shadow:0 18px 42px #302a2117}
.photo-social-preview .social-post img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1s}
.photo-social-preview .social-post:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#26231d36 0%,#26231d03 34%,#26231dcf 100%)}
.photo-social-preview .social-post b{font:500 clamp(23px,3vw,39px)/.9 'Playfair Display'!important;letter-spacing:-.05em!important;color:#fff7ea!important;text-shadow:0 2px 16px #211c1670}
.photo-social-preview .social-post small,.photo-social-preview .social-post span{color:#fff5e8!important;font:8px 'DM Mono';letter-spacing:.7px}
.photo-social-preview .social-post:hover img{transform:scale(1.06)}
.social-preview[data-theme="warm"] .social-post img{filter:sepia(.18) saturate(.82)}
.social-preview[data-theme="mono"] .social-post img{filter:grayscale(1) contrast(1.04)}
.photo-compare-box{position:relative;isolation:isolate;overflow:hidden;height:clamp(245px,35vw,430px)!important;border-radius:21px!important;border:1px solid #ffffffdf!important;background:#ccc2b4!important}
.photo-compare-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-compare-box .compare-photo-before{filter:saturate(.42) contrast(.89) brightness(.95);clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}
.photo-compare-box .compare-photo-after{filter:saturate(1.04) contrast(1.04) sepia(.09);clip-path:inset(0 0 0 var(--split,50%))}
/* Grade buttons must visibly change the photo layer, not only the hidden background beneath it. */
.photo-compare-box[data-grade="cool"] .compare-photo-after{filter:saturate(.82) contrast(1.12) brightness(1.02) hue-rotate(9deg)!important}
.photo-compare-box[data-grade="warm"] .compare-photo-after{filter:saturate(.94) contrast(1.06) sepia(.32) hue-rotate(-8deg) brightness(1.02)!important}
.photo-compare-box[data-grade="vivid"] .compare-photo-after{filter:saturate(1.45) contrast(1.14) brightness(1.03)!important}
.photo-compare-box:before{content:"";position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;z-index:2;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 5px #ffffff26}
.photo-compare-box:after{display:none!important}
.photo-compare-box .compare-label{z-index:3;top:13px;padding:8px 10px!important;border-radius:999px!important;background:rgb(247 243 233 / 80%)!important;border:1px solid #ffffffdf!important;color:#2d2b26!important;font:8px 'DM Mono'!important;backdrop-filter:blur(17px)!important}
.photo-compare-box .compare-label.after{background:rgb(44 45 41 / 66%)!important;color:#fff!important}
.compare-range{accent-color:#7c8d8d!important}
.photo-poster-live{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(260px,36vw,430px)!important;border-radius:21px!important;border:1px solid #ffffffdc!important;background:#9a8a79!important;color:#fff7eb!important}
.photo-poster-live>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.poster-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#25231de0,#25231d12 92%),linear-gradient(0deg,#25231dbb,transparent 48%)}
.photo-poster-live small,.photo-poster-live b,.photo-poster-live span{position:relative;z-index:2;color:#fff7eb!important}
.photo-poster-live small{font:8px 'DM Mono';letter-spacing:1px}
.photo-poster-live b{font:800 clamp(44px,8vw,92px)/.8 'Manrope';letter-spacing:-.085em}
.photo-poster-live span{font:8px 'DM Mono';letter-spacing:1px}
.photo-poster-live[data-campaign="culture"] .poster-photo-shade{background:linear-gradient(95deg,#7e7567de,#7e756714 92%),linear-gradient(0deg,#2d2b26a5,transparent 60%)}
.photo-poster-live[data-campaign="studio"] .poster-photo-shade{background:linear-gradient(95deg,#353936df,#35393634 92%),linear-gradient(0deg,#353936aa,transparent 60%)}
.photo-brand-live{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(260px,35vw,410px)!important;border:1px solid #ffffffdf!important;border-radius:21px!important;background:#bcb1a2!important;color:#292724!important}
.photo-brand-live>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.photo-brand-live:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#29251f8f,#29251f10 95%)}
.photo-brand-live .brand-live-copy{position:relative;z-index:1;margin:30px;width:min(330px,75%);padding:25px;border:1px solid #ffffffd9;border-radius:20px;background:rgb(246 241 231 / 75%)!important;backdrop-filter:blur(28px);box-shadow:0 20px 55px #29241e24}
.photo-brand-live .brand-live-copy small{font:8px 'DM Mono';letter-spacing:1px;color:#706456}
.photo-brand-live .brand-live-copy h3{font:500 clamp(37px,5vw,61px)/.86 'Playfair Display';letter-spacing:-.055em;color:#292724}
.photo-brand-live .brand-live-copy h3 em{color:var(--brand-primary,#7d8c92)!important}
.photo-brand-live .brand-live-copy p{color:#756b5f}
.photo-brand-live .brand-live-object{display:none}
.contact-band{border-radius:26px!important}
.whats-float{bottom:16px!important;right:16px!important;border:1px solid #ffffffed!important;border-radius:999px!important;background:rgb(248 245 237 / 82%)!important;color:#39372f!important;box-shadow:0 13px 32px #302a2118!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;padding:12px 15px!important}
.whats-dot{background:#81918b!important;box-shadow:0 0 0 4px #81918b28!important}
.footer{background:rgb(240 236 228 / 79%)!important;color:#3d3a33!important;border-top:1px solid #ffffffdd!important;border-image:none!important;backdrop-filter:blur(25px)!important}
.footer .brand-name small,.footer-note,.footer-links{color:#756d61!important}
.footer-links a:hover{color:#3d4c4c!important}
.disclaimer{color:#81776a!important}
.admin-backdrop{background:radial-gradient(ellipse at 14% 15%,#d8d0c5b5,transparent 35%),radial-gradient(ellipse at 85% 28%,#c1d0cdad,transparent 38%),linear-gradient(125deg,#f1eee8,#e5dfd5)!important}
.admin-welcome h1 em{color:#7c8888!important}
.admin-tabs button.active{background:#33332d!important;border-color:#33332d!important}
.admin-kpis article{border:1px solid #ffffffed!important;background:rgb(249 246 239 / 72%)!important}
.admin-kpis b{color:#6c7f83!important}
.admin-field input:not([type=color]):not([type=range]),.admin-field textarea,.admin-field select{background:rgb(255 253 248 / 83%)!important;border:1px solid #ffffffec!important}
@media(min-width:1000px){
 .home-hero .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important}
 .service-card{padding:16px!important}
}
@media(max-width:850px){
 .home-hero .hero-grid{grid-template-columns:1fr!important;gap:20px!important}
 .hero-stage{min-height:420px!important}
 .stage-window{left:5%!important;right:5%!important}
 .category-hero .subpage-layout{grid-template-columns:1fr!important;gap:22px!important}
 .category-stage{margin-top:7px}
 .category-hero-foot{padding:0 0 15px}
 .sub-details{grid-template-columns:1fr!important}
 .sticky-note{position:relative!important;top:auto!important}
 .contact-hero-grid{grid-template-columns:1fr!important}
}
@media(max-width:680px){
 body:before{background:linear-gradient(180deg,rgba(241,238,232,.87),rgba(241,238,232,.79)),url('/demo-villa.jpg') center/cover no-repeat}
 .header .nav{min-height:67px!important;padding-left:12px!important;padding-right:12px!important}
 .brand-mark{width:39px!important;height:39px!important;flex-basis:39px!important;border-radius:12px!important}
 .brand-name{font-size:13px!important;letter-spacing:1.35px!important}
 .brand-name small{font-size:6.5px!important;letter-spacing:.8px!important}
 .mobile-quicklinks{gap:7px!important;padding:8px 12px 10px!important}
 .mobile-quicklinks a{padding:9px 13px!important;font-size:10px!important}
 .mobile-menu{top:calc(100% - 1px)!important;left:10px!important;right:10px!important;grid-template-columns:1fr 1fr!important}
 .home-hero{min-height:unset!important;border-radius:0 0 24px 24px!important}
 .home-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.93) 0%,rgba(241,238,232,.83) 39%,rgba(241,238,232,.52) 100%),url('/demo-villa.jpg') 58% center/cover no-repeat!important;animation:heroCinematicDrift 24s ease-in-out infinite alternate}
 .home-hero .hero-grid{padding:45px 20px 18px!important;gap:23px!important}
 .hero-copy h1{font-size:clamp(47px,12vw,71px)!important;line-height:.91!important}
 .hero-copy>p{font-size:12px!important;line-height:1.85!important;margin-top:18px!important}
 .hero-actions{margin-top:20px!important;gap:9px!important;flex-wrap:wrap}
 .hero-actions .btn{padding:12px 15px!important;font-size:9px!important}
 .hero-note{font-size:8px!important;letter-spacing:.75px!important}
 .hero-stage{min-height:325px!important;margin:0!important}
 .hero-stage:before{inset:2% 0 8%;border-radius:22px}
 .stage-window{top:6%!important;left:3%!important;right:3%!important;min-height:250px!important;transform:none!important;border-radius:18px!important}
 .stage-window-bar{height:35px!important}
 .stage-window-body{padding:15px 13px!important}
 .stage-window-title h3{font-size:clamp(27px,7vw,39px)!important}
 .stage-window-title p{font-size:9px!important;max-width:180px!important}
 .stage-window-art .art-card{padding:9px!important;font-size:7px!important}
 .stage-label{left:1%!important;bottom:1%!important;font-size:7px!important;padding:7px 9px!important}
 .stage-id{right:1%!important;bottom:1%!important;font-size:7px!important}
 .hero-photo-caption{display:none!important}
 .hero-bottom{padding-bottom:18px!important;font-size:7px!important}
 .ticker-track span{font-size:8px!important}
 .section{padding:58px 0!important}
 .section-head h2{font-size:clamp(34px,9vw,47px)!important}
 .feature-bento{grid-template-columns:1fr!important;gap:13px!important}
 .feature-copy,.feature-visual{padding:24px 19px!important;border-radius:23px!important}
 .service-grid{grid-template-columns:1fr!important;gap:14px!important}
 .service-card{padding:13px!important;border-radius:23px!important}
 .service-card .service-mini{height:240px!important;border-radius:17px!important;margin-bottom:16px!important}
 .mini-photo-copy{left:18px!important;bottom:19px!important}
 .mini-photo-copy b{font-size:38px!important}
 .mini-social article{padding:9px 7px!important}
 .mini-social article b{font-size:17px!important}
 .mini-social article small,.mini-social article span{font-size:6px!important}
 .service-card h3{font-size:22px!important}
 .service-card>p{font-size:12px!important}
 .subpage-hero{padding:52px 0 39px!important}
 .subpage-title{font-size:clamp(42px,11vw,61px)!important;line-height:.94!important}
 .subpage-copy>p{font-size:12px!important}
 .category-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.95),rgba(241,238,232,.82) 42%,rgba(241,238,232,.56)),var(--category-image) center/cover no-repeat!important}
 .category-hero .subpage-layout{gap:21px!important}
 .category-hero .subpage-title{font-size:clamp(43px,11vw,62px)!important}
 .category-hero .subpage-copy>p{font-size:12px!important}
 .category-stage{margin-top:0!important}
 .service-visual-page{height:335px!important;border-radius:21px!important}
 .visual-browser{left:4%!important;right:4%!important;top:6%!important;bottom:8%!important;padding:14px!important;border-radius:17px!important}
 .visual-browser-top{font-size:7px!important}
 .visual-web-copy h2{font-size:39px!important}
 .visual-index,.visual-glass-chip{font-size:7px!important}
 .social-photo-world{height:335px!important;gap:6px!important}
 .social-photo-world article{border-radius:15px!important}
 .social-photo-world article:nth-child(2){transform:translateY(7px)!important}
 .social-photo-world article:nth-child(3){transform:translateY(-4px)!important}
 .social-photo-world article>div{padding:9px!important}
 .social-photo-world small,.social-photo-world span{font-size:6px!important;letter-spacing:.25px!important}
 .social-photo-world b{font-size:19px!important;margin:11px 0!important}
 .photo-compare-live .colour-photo{height:335px!important}
 .campaign-photo-world .campaign-poster{height:335px!important}
 .campaign-poster>b{font-size:49px!important}
 .brand-photo-world{height:335px!important}
 .brand-board-glass{left:4%!important;right:4%!important;top:5%!important;bottom:5%!important;padding:16px!important}
 .brand-board-main h2{font-size:40px!important}
 .brand-jar{height:115px!important;width:53px!important}
 .category-hero-foot{font-size:6px!important;letter-spacing:.3px!important}
 .category-hero-foot span{gap:4px!important}
 .category-hero-foot span:before{width:8px!important}
 .work-grid{grid-template-columns:1fr!important;gap:14px!important}
 .work-tile.w7,.work-tile.w5,.work-tile.w6{grid-column:span 1!important}
 .work-tile.w7 .work-art,.work-tile.w5 .work-art{min-height:255px!important}
 .work-caption{padding:16px 17px 19px!important}
 .work-caption h3{font-size:22px!important}
 .work-caption p{font-size:11px!important}
 .contact-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.91),rgba(241,238,232,.84) 60%,rgba(241,238,232,.73)),url('/demo-studio.jpg') center/cover no-repeat}
 .contact-hero-grid{padding:43px 20px 56px!important;gap:26px!important}
 .contact-title{font-size:clamp(43px,11vw,64px)!important;line-height:.92!important}
 .contact-title em{font-size:.83em!important}
 .contact-hero-grid>div:first-child>p{font-size:12px!important}
 .contact-glass-card{padding:21px 17px!important;border-radius:23px!important}
 .contact-glass-card h2{font-size:30px!important}
 .contact-methods{gap:16px!important;grid-template-columns:1fr 1fr!important}
 .contact-methods a,.contact-methods>div{min-width:0!important}
 .contact-methods b{font-size:10px!important;overflow-wrap:anywhere}
 .about-collage{min-height:300px!important}
 .footer-inner{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}
 .footer{padding:24px 0 35px!important}
 .footer-links{gap:12px!important}
 .whats-float{right:10px!important;bottom:10px!important;padding:10px 12px!important;font-size:9px!important}
 .full-demo{padding:18px!important;border-radius:22px!important}
 .full-demo-head{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
 .full-demo-head h3{font-size:26px!important}
 .web-live-preview{min-height:335px!important;padding:16px!important}
 .web-live-nav{font-size:7px!important}
 .web-live-body{grid-template-columns:1fr!important;min-height:270px!important}
 .web-live-body h3{font-size:43px!important}
 .web-live-graphic{position:absolute!important;right:10px!important;bottom:10px!important;width:35%!important;opacity:.65}
 .timeline-screen{height:220px!important}
 .photo-social-preview{gap:6px!important}
 .photo-social-preview .social-post{min-height:235px!important;padding:9px!important;border-radius:14px!important}
 .photo-social-preview .social-post b{font-size:19px!important}
 .photo-social-preview .social-post small,.photo-social-preview .social-post span{font-size:6px!important;letter-spacing:.2px!important}
 .photo-compare-box{height:255px!important}
 .photo-poster-live{min-height:275px!important;padding:17px!important}
 .photo-poster-live b{font-size:52px!important}
 .photo-brand-live{min-height:270px!important}
 .photo-brand-live .brand-live-copy{margin:17px!important;width:79%!important;padding:17px!important}
 .photo-brand-live .brand-live-copy h3{font-size:43px!important}
 .palette-row{gap:5px!important}
 .swatch{min-height:62px!important;padding:6px!important;font-size:7px!important}
 .intro-top,.intro-bottom{font-size:7px!important;letter-spacing:.8px!important}
 .intro-headline{font-size:clamp(34px,9vw,53px)!important}
 .intro-caption{max-width:300px!important}
 .intro-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:center!important;max-width:330px;margin:12px auto 0!important}
 .intro-tags span{padding:6px 8px!important;font-size:7px!important}
}
@media(prefers-reduced-motion:reduce){body:after,.home-hero:before,.home-hero:after,.subpage-hero:before,.mini-timeline i,.film-timeline i,.timeline-screen span{animation:none!important;transform:none!important}.reveal,.reveal.in-view{opacity:1!important;transform:none!important;transition:none!important;filter:none!important}}
/* Cinematic intro final grade: warm pearl glass, matching the architectural reference */
.cinematic-intro{background:#e6dfd4!important;color:#292724!important}
.intro-art{opacity:.89!important;filter:saturate(.68) brightness(1.03) contrast(.96)!important;mix-blend-mode:normal!important;animation:introArtDrift 10.5s cubic-bezier(.2,.6,.2,1) both!important}
.intro-gradient{background:linear-gradient(90deg,rgba(241,238,232,.89) 0%,rgba(241,238,232,.74) 42%,rgba(241,238,232,.37) 100%),linear-gradient(180deg,rgba(241,238,232,.17),rgba(241,238,232,.28) 53%,rgba(227,219,205,.82)),url('/demo-villa.jpg') center/cover no-repeat!important;opacity:1!important}
.intro-noise{opacity:.025!important;mix-blend-mode:multiply!important}
.intro-top,.intro-bottom{color:#4e493f!important;border-color:#ffffffa8!important;text-shadow:none!important}
.intro-emblem{border-radius:17px!important;background:rgb(248 244 235 / 65%)!important;border:1px solid #ffffffed!important;box-shadow:0 18px 45px #39312618,inset 0 1px #fff!important;backdrop-filter:blur(28px) saturate(130%)!important}
.intro-emblem img{mix-blend-mode:multiply!important;filter:saturate(.7)!important}
.intro-wordmark{color:#292724!important;text-shadow:none!important;letter-spacing:.17em!important}
.intro-byline{color:#686156!important}
.intro-byline span{color:#9b886f!important}
.intro-rule{background:#5b54472e!important}
.intro-rule i{background:linear-gradient(90deg,transparent,#8c9b99,#c0a17b,transparent)!important}
.intro-headline{color:#292724!important;text-shadow:none!important}
.intro-headline em{background:linear-gradient(100deg,#677881,#a08a75 58%,#7c8a88)!important;color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}
.intro-caption{color:#5e594f!important}
.intro-tags span{border:1px solid #ffffffed!important;border-radius:12px!important;background:rgb(249 246 239 / 70%)!important;color:#514c43!important;backdrop-filter:blur(20px) saturate(125%)!important;box-shadow:0 7px 20px #3730250c!important;animation:introTagIn .7s both!important}
.intro-tags span:nth-child(1){animation-delay:.40s!important}.intro-tags span:nth-child(2){animation-delay:.52s!important}.intro-tags span:nth-child(3){animation-delay:.64s!important}.intro-tags span:nth-child(4){animation-delay:.76s!important}.intro-tags span:nth-child(5){animation-delay:.88s!important}.intro-tags span:nth-child(6){animation-delay:1s!important}
@keyframes introTagIn{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.intro-enter{background:rgb(249 246 239 / 76%)!important;border:1px solid #ffffffed!important;color:#302e29!important;box-shadow:0 12px 35px #30291d13!important;backdrop-filter:blur(24px) saturate(130%)!important}
.intro-enter b{color:#817361!important}
.intro-progress{background:#37332b18!important}
.intro-progress i{background:linear-gradient(90deg,#849392,#c6ae8d,#8e9b9e)!important;box-shadow:0 0 18px #c3ae8b50!important;animation:introProgress 10.5s linear both!important}
@media(max-width:680px){
 .intro-gradient{background:linear-gradient(180deg,rgba(241,238,232,.88) 0%,rgba(241,238,232,.64) 46%,rgba(227,219,205,.87) 100%),url('/demo-villa.jpg') 58% center/cover no-repeat!important}
 .intro-top,.intro-bottom{color:#403d36!important}
 .intro-headline{font-size:clamp(35px,9.6vw,53px)!important}
 .intro-tags{gap:5px!important;max-width:335px!important}
 .intro-tags span{padding:6px 8px!important;font-size:7px!important}
 .intro-enter{background:rgb(249 246 239 / 88%)!important;color:#302e29!important}
}
@media(prefers-reduced-motion:reduce){.intro-tags span{animation:none!important}.intro-progress i{animation:none!important;width:100%!important}}
/* V14 finishing pass from the actual mobile render */
html,body{max-width:100%;overflow-x:clip!important}
body{width:100%;overscroll-behavior-x:none}
.stage-window-art{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid #ffffffc9!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(43,41,34,.02),rgba(43,41,34,.35)),url('/demo-villa.jpg') center 53%/cover no-repeat!important;box-shadow:0 13px 28px #30281b1c!important}
.stage-window-art:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(145deg,#f2ede2a3,#d7ded9a3 47%,#33363056);mix-blend-mode:soft-light}
.stage-window-art .art-card{position:relative;z-index:1;background:rgb(247 242 232 / 73%)!important;color:#36332c!important;border-color:#ffffffeb!important;border-radius:12px!important;box-shadow:0 9px 26px #2c261c1a!important;backdrop-filter:blur(22px) saturate(125%)!important;-webkit-backdrop-filter:blur(22px) saturate(125%)!important}
.stage-window-art .art-card:nth-child(2){background:rgb(45 46 41 / 62%)!important;color:#fff6e8!important;border-color:#ffffff9c!important}
.stage-window-art .art-card:nth-child(3){background:rgb(228 232 224 / 68%)!important;color:#37352d!important}
.home-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.87) 0%,rgba(241,238,232,.76) 26%,rgba(241,238,232,.48) 47%,rgba(241,238,232,.08) 68%,rgba(37,37,32,.04) 100%),url('/demo-villa.jpg') center 52%/cover no-repeat!important}
@media(max-width:680px){
 .home-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.87) 0%,rgba(241,238,232,.72) 39%,rgba(241,238,232,.43) 100%),url('/demo-villa.jpg') 58% center/cover no-repeat!important}
 .stage-window-art{background-position:58% center!important}
}
/* Show the actual photographs instead of washing every section into a nearly flat page */
body:before{background:linear-gradient(130deg,rgba(241,238,232,.68),rgba(241,238,232,.54) 42%,rgba(241,238,232,.70)),url('/demo-villa.jpg') center/cover no-repeat!important}
.home-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.78) 0%,rgba(241,238,232,.65) 27%,rgba(241,238,232,.36) 48%,rgba(241,238,232,.08) 68%,rgba(37,37,32,.03) 100%),url('/demo-villa.jpg') center 52%/cover no-repeat!important}
.subpage-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.83),rgba(241,238,232,.62) 48%,rgba(241,238,232,.18)),url('/demo-studio.jpg') center 48%/cover no-repeat!important;opacity:1!important}
.service-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.82),rgba(241,238,232,.60) 52%,rgba(241,238,232,.12)),url('/demo-villa.jpg') center 56%/cover no-repeat!important}
.work-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.80),rgba(241,238,232,.58) 48%,rgba(241,238,232,.12)),url('/demo-fashion.jpg') center 40%/cover no-repeat!important}
.studio-index-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.82),rgba(241,238,232,.61) 50%,rgba(241,238,232,.16)),url('/demo-studio.jpg') center 45%/cover no-repeat!important}
.category-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.82) 0%,rgba(241,238,232,.66) 36%,rgba(241,238,232,.36) 63%,rgba(241,238,232,.15) 100%),var(--category-image) center/cover no-repeat!important;opacity:1!important}
.contact-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.83),rgba(241,238,232,.68) 42%,rgba(241,238,232,.39)),url('/demo-studio.jpg') center/cover no-repeat!important}
@media(max-width:680px){
 body:before{background:linear-gradient(180deg,rgba(241,238,232,.66),rgba(241,238,232,.54) 48%,rgba(241,238,232,.68)),url('/demo-villa.jpg') 58% center/cover no-repeat!important}
 .home-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.76) 0%,rgba(241,238,232,.62) 39%,rgba(241,238,232,.37) 100%),url('/demo-villa.jpg') 58% center/cover no-repeat!important}
 .category-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.80),rgba(241,238,232,.64) 43%,rgba(241,238,232,.34)),var(--category-image) center/cover no-repeat!important}
 .subpage-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.79),rgba(241,238,232,.62) 55%,rgba(241,238,232,.35)),url('/demo-studio.jpg') center/cover no-repeat!important}
 .contact-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.80),rgba(241,238,232,.69) 60%,rgba(241,238,232,.54)),url('/demo-studio.jpg') center/cover no-repeat!important}
}
/* Final cinematic intro polish: high-resolution villa photo stays crisp under a moving film layer */
.intro-visual{background:url('/demo-villa.jpg') 58% center/cover no-repeat!important;animation:introBackdropDrift 13s cubic-bezier(.25,.7,.2,1) infinite alternate!important;transform:scale(1.015)}
@keyframes introBackdropDrift{from{background-position:54% center;transform:scale(1.015)}to{background-position:61% center;transform:scale(1.075)}}
.intro-art{opacity:.18!important;filter:saturate(1.08) contrast(1.07)!important;mix-blend-mode:normal!important}
.intro-gradient{background:linear-gradient(90deg,rgba(241,238,232,.73) 0%,rgba(241,238,232,.55) 42%,rgba(241,238,232,.23) 100%),linear-gradient(180deg,rgba(241,238,232,.12) 0%,rgba(241,238,232,.18) 52%,rgba(227,219,205,.72) 100%)!important;opacity:1!important}
.intro-headline{color:#292724!important;text-shadow:none!important}
.intro-headline em{background:linear-gradient(100deg,#4f646d,#775d49 56%,#526d69)!important;color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}
.intro-caption{color:#49443b!important;font-weight:500!important;text-shadow:0 1px 8px #f1eee88c!important}
.intro-wordmark{letter-spacing:.17em!important}
.intro-progress i{box-shadow:0 0 24px #9b896d55!important}
@media(max-width:680px){
 .intro-visual{background-position:57% center!important;animation:introBackdropDrift 13s cubic-bezier(.25,.7,.2,1) infinite alternate!important}
 .intro-art{opacity:.12!important}
 .intro-gradient{background:linear-gradient(180deg,rgba(241,238,232,.74) 0%,rgba(241,238,232,.52) 48%,rgba(227,219,205,.78) 100%)!important}
 .intro-headline em{background:linear-gradient(100deg,#4f646d,#775d49 58%,#526d69)!important;color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}
 .intro-caption{color:#413c34!important}
}
@media(prefers-reduced-motion:reduce){.intro-visual{animation:none!important;transform:none!important}}
/* VERSION 20 — original 15-second cinematic studio film */
.cinematic-intro{background:#211f1a!important;color:#f5efe4!important;isolation:isolate!important;overflow:hidden!important}
.intro-visual{position:absolute!important;inset:0!important;z-index:-1!important;overflow:hidden!important;background:url('/demo-villa.jpg') 58% center/cover no-repeat!important;animation:introBackdropDrift 15s cubic-bezier(.22,.64,.25,1) both!important;transform:scale(1.02)}
.intro-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 52%!important;opacity:.5!important;filter:saturate(.76) contrast(1.1) brightness(.78)!important;mix-blend-mode:screen!important;transform:scale(1.08)!important;animation:introArtCinematic 15s cubic-bezier(.2,.6,.2,1) both!important}
.intro-vignette{position:absolute;inset:-2%;z-index:0;background:linear-gradient(90deg,rgba(28,27,23,.84) 0%,rgba(31,29,24,.57) 44%,rgba(35,30,23,.37) 100%),linear-gradient(180deg,rgba(22,21,18,.57) 0%,rgba(22,21,18,.04) 35%,rgba(22,21,18,.22) 62%,rgba(22,21,18,.85) 100%);pointer-events:none}
.intro-light-sweep{position:absolute;z-index:1;top:-35%;bottom:-35%;left:-42%;width:30%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(211,180,132,.08) 28%,rgba(245,224,187,.42) 52%,rgba(255,244,221,.12) 74%,transparent);filter:blur(8px);animation:introBeamPass 6.4s cubic-bezier(.5,0,.3,1) 2 both;pointer-events:none}
.intro-orbit{position:absolute;z-index:0;left:50%;top:50%;pointer-events:none;border:1px solid #f6ead42c;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}
.intro-orbit-one{width:clamp(280px,52vw,730px);aspect-ratio:1;animation:introOrbitOne 19s linear infinite}
.intro-orbit-two{width:clamp(360px,66vw,940px);height:clamp(170px,34vw,460px);border-color:#d3b89034;animation:introOrbitTwo 25s linear infinite}
.intro-orbit-one:before,.intro-orbit-two:before{content:"";position:absolute;width:6px;height:6px;left:10%;top:24%;border-radius:50%;background:#e2c59b;box-shadow:0 0 19px #e2c59b95}
.intro-orbit-two:before{left:76%;top:11%;background:#e9e1d1;box-shadow:0 0 17px #f7ebd5a0}
.intro-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.07;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen}
.intro-frame{position:absolute;z-index:3;width:23px;height:23px;opacity:.66;border-color:#f1e4cf;pointer-events:none}
.intro-frame-tl{top:22px;left:22px;border-top:1px solid;border-left:1px solid}
.intro-frame-tr{top:22px;right:22px;border-top:1px solid;border-right:1px solid}
.intro-frame-bl{bottom:26px;left:22px;border-bottom:1px solid;border-left:1px solid}
.intro-frame-br{bottom:26px;right:22px;border-bottom:1px solid;border-right:1px solid}
.intro-top,.intro-bottom{position:relative;z-index:5;color:#f6eee1d9!important;border-color:#f4e7d451!important;text-shadow:0 1px 8px #1d1b1766}
.intro-top{padding:12px 1px 14px!important;border-bottom:1px solid #f1e4d53b!important;letter-spacing:1.5px!important}
.intro-top span:last-child{font-size:8px;letter-spacing:1.2px}
.intro-center{position:relative;z-index:4;width:min(920px,100%);padding:18px 0 12px!important;gap:0!important;flex:1;justify-content:center;max-height:calc(100svh - 112px)}
.intro-lockup{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;animation:introLockupReveal 15s ease both}
.intro-emblem{width:clamp(58px,7.8vw,86px)!important;height:clamp(58px,7.8vw,86px)!important;border-radius:19px!important;background:rgb(246 241 231 / 80%)!important;border:1px solid #fff4df!important;backdrop-filter:blur(25px) saturate(125%)!important;-webkit-backdrop-filter:blur(25px) saturate(125%)!important;box-shadow:0 20px 55px #0e0d0b52,inset 0 1px #fff!important;animation:introEmblemCinematic 1.1s .25s both cubic-bezier(.18,.75,.3,1.15)!important}
.intro-emblem img{mix-blend-mode:multiply!important;filter:grayscale(.08)!important;transform:none!important}
.intro-wordmark{margin-top:14px!important;font:800 clamp(27px,4vw,39px)/1 'Manrope',sans-serif!important;letter-spacing:.19em!important;padding-left:.19em!important;color:#fff8ed!important;text-shadow:0 4px 25px #17140fa3!important}
.intro-byline{margin-top:8px!important;color:#f2e5d1d9!important;font:8px 'DM Mono',monospace!important;letter-spacing:1.8px!important}
.intro-byline span{color:#dfbd8c!important;margin:0 6px!important}
.intro-rule{width:min(120px,32vw)!important;margin:16px 0 0!important;background:#fff0d942!important}
.intro-rule i{background:linear-gradient(90deg,transparent,#e0c297,#f7ebd6,transparent)!important}
.intro-story{position:relative;width:100%;min-height:clamp(148px,18vw,206px);margin:10px 0 0;isolation:isolate}
.intro-story-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:8px 12px;opacity:0;filter:blur(7px);transform:translate3d(0,17px,0) scale(.985);will-change:opacity,transform,filter}
.intro-scene-index{font:8px 'DM Mono',monospace;letter-spacing:1.75px;color:#e5c89b!important;margin-bottom:18px}
.intro-story-scene h1{margin:0!important;font:650 clamp(34px,6.1vw,68px)/.91 'Manrope',sans-serif!important;letter-spacing:-.077em!important;color:#fff8ec!important;text-shadow:0 8px 34px #18140f80!important;text-wrap:balance}
.intro-story-scene h1 em{font:500 italic 1em 'Playfair Display',serif!important;letter-spacing:-.045em!important;color:#e4c59a!important;background:none!important}
.intro-story-scene p{margin:17px 0 0!important;color:#f3eadb!important;font-size:clamp(10px,1.15vw,13px)!important;line-height:1.8!important;letter-spacing:.025em!important;text-shadow:0 2px 11px #18140f92!important}
.intro-scene-one{animation:introSceneOne 15s cubic-bezier(.18,.65,.25,1) both}
.intro-scene-two{animation:introSceneTwo 15s cubic-bezier(.18,.65,.25,1) both}
.intro-scene-three{animation:introSceneThree 15s cubic-bezier(.18,.65,.25,1) both}
@keyframes introSceneOne{0%,6%{opacity:0;filter:blur(7px);transform:translate3d(0,17px,0) scale(.985)}10%,30%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}36%,100%{opacity:0;filter:blur(7px);transform:translate3d(0,-12px,0) scale(1.01)}}
@keyframes introSceneTwo{0%,31%{opacity:0;filter:blur(7px);transform:translate3d(0,17px,0) scale(.985)}36%,55%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}62%,100%{opacity:0;filter:blur(7px);transform:translate3d(0,-12px,0) scale(1.01)}}
@keyframes introSceneThree{0%,57%{opacity:0;filter:blur(7px);transform:translate3d(0,16px,0) scale(.985)}63%,91%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}98%,100%{opacity:0;filter:blur(7px);transform:translate3d(0,-9px,0) scale(1.01)}}
.intro-tags{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important;max-width:720px!important;margin:7px auto 0!important;opacity:0;animation:introTagSequence 15s ease both!important}
.intro-tags span{padding:8px 11px!important;border:1px solid #f6ebd5a3!important;border-radius:999px!important;background:rgb(246 239 226 / 12%)!important;color:#fff7e9!important;font:8px 'DM Mono',monospace!important;letter-spacing:.85px!important;box-shadow:inset 0 1px #fff2!important;backdrop-filter:blur(22px) saturate(110%)!important;-webkit-backdrop-filter:blur(22px) saturate(110%)!important;animation:introTagFloat 4s ease-in-out infinite alternate!important}
.intro-tags span:nth-child(2){animation-delay:-.6s!important}.intro-tags span:nth-child(3){animation-delay:-1.2s!important}.intro-tags span:nth-child(4){animation-delay:-1.8s!important}.intro-tags span:nth-child(5){animation-delay:-2.4s!important}.intro-tags span:nth-child(6){animation-delay:-3s!important}
@keyframes introTagSequence{0%,29%{opacity:0;transform:translateY(10px)}34%,63%{opacity:1;transform:translateY(0)}69%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes introTagFloat{to{transform:translateY(-3px)}}
.intro-bottom{padding-top:13px!important;border-top:1px solid #f1e4d542!important}
.intro-film-credit{display:flex;align-items:center;gap:9px;font:8px 'DM Mono';letter-spacing:1.15px;color:#f1e7d6d1}
.intro-film-credit i{display:inline-block;width:20px;height:1px;background:#dfbd8c}
.intro-enter{position:relative;display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:1fr!important;align-items:center!important;gap:20px!important;border:1px solid #fff1d8c9!important;border-radius:999px!important;padding:12px 15px 12px 18px!important;background:rgb(242 233 218 / 86%)!important;color:#29261f!important;box-shadow:0 12px 34px #17130f48,inset 0 1px #fff!important;backdrop-filter:blur(24px) saturate(120%)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important;white-space:nowrap!important;transition:transform .35s ease,background .35s ease!important}
.intro-enter:hover{transform:translateY(-3px)!important;background:#fbf4e8!important;box-shadow:0 17px 42px #17130f61,inset 0 1px #fff!important}
.intro-skip-label,.intro-enter-label{grid-area:1/1;font:700 10px 'DM Sans',sans-serif!important;letter-spacing:.02em!important}
.intro-skip-label{animation:introSkipLabel 15s linear both}
.intro-enter-label{opacity:0;animation:introEnterLabel 15s linear both}
@keyframes introSkipLabel{0%,62%{opacity:1}68%,100%{opacity:0}}
@keyframes introEnterLabel{0%,62%{opacity:0}68%,94%{opacity:1}100%{opacity:0}}
.intro-enter b{grid-area:1/2;color:#8c6e43!important;font-size:15px!important}
.intro-progress{height:3px!important;background:#fff7e91c!important}
.intro-progress i{width:0!important;background:linear-gradient(90deg,#9aabac,#e3c394,#fff1d6,#889c9d)!important;box-shadow:0 0 22px #d3b48c91!important;animation:introProgress 15s linear both!important}
@keyframes introProgress{to{width:100%}}
@keyframes introBackdropDrift{0%{background-position:52% center;transform:scale(1.02)}100%{background-position:61% center;transform:scale(1.1)}}
@keyframes introArtCinematic{0%{transform:scale(1.08) translate3d(0,0,0)}100%{transform:scale(1.22) translate3d(-1.2%,-.7%,0)}}
@keyframes introBeamPass{0%{left:-42%;opacity:0}12%{opacity:1}45%{left:112%;opacity:.65}62%,100%{left:112%;opacity:0}}
@keyframes introOrbitOne{0%{transform:translate(-50%,-50%) rotate(-14deg) scaleY(.89)}100%{transform:translate(-50%,-50%) rotate(346deg) scaleY(.89)}}
@keyframes introOrbitTwo{0%{transform:translate(-50%,-50%) rotate(13deg)}100%{transform:translate(-50%,-50%) rotate(-347deg)}}
@keyframes introLockupReveal{0%{opacity:0;transform:translateY(18px);filter:blur(8px)}6%,90%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-7px);filter:blur(4px)}}
@keyframes introEmblemCinematic{0%{opacity:0;transform:translateY(18px) scale(.72) rotate(-7deg);filter:blur(8px)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}
.cinematic-intro.intro-exit{opacity:0!important;transform:scale(1.025)!important;filter:blur(2px)!important;transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.2,.75,.2,1),filter .8s ease!important}
@media(max-width:680px){
 .intro-top{padding:8px 0 10px!important;font-size:7px!important;letter-spacing:.75px!important}
 .intro-top span:last-child{display:none}
 .intro-frame{width:13px;height:13px;opacity:.5}
 .intro-frame-tl{top:13px;left:13px}.intro-frame-tr{top:13px;right:13px}.intro-frame-bl{bottom:16px;left:13px}.intro-frame-br{bottom:16px;right:13px}
 .intro-center{padding:12px 0 8px!important;max-height:calc(100svh - 89px)!important}
 .intro-emblem{width:58px!important;height:58px!important;border-radius:15px!important}
 .intro-wordmark{font-size:25px!important;margin-top:10px!important}
 .intro-byline{font-size:7px!important;letter-spacing:1.25px!important;margin-top:6px!important}
 .intro-rule{margin-top:11px!important;width:78px!important}
 .intro-story{height:clamp(145px,21vh,175px)!important;min-height:145px!important;margin-top:5px!important}
 .intro-story-scene{padding:4px 0!important}
 .intro-scene-index{font-size:7px!important;letter-spacing:1.1px!important;margin-bottom:13px!important}
 .intro-story-scene h1{font-size:clamp(32px,8.5vw,44px)!important;line-height:.94!important;letter-spacing:-.075em!important}
 .intro-story-scene p{font-size:10px!important;line-height:1.6!important;margin-top:13px!important;max-width:320px}
 .intro-tags{gap:5px!important;max-width:345px!important;margin-top:4px!important}
 .intro-tags span{font-size:6.5px!important;padding:7px 8px!important;letter-spacing:.45px!important}
 .intro-bottom{gap:8px!important;padding-top:10px!important}
 .intro-film-credit{font-size:6.5px!important;letter-spacing:.5px!important;gap:5px!important}
 .intro-film-credit i{width:10px}
 .intro-enter{padding:11px 12px!important;gap:12px!important}
 .intro-skip-label,.intro-enter-label{font-size:9px!important}
 .intro-progress{height:3px!important}
 .intro-light-sweep{width:42%;left:-58%;animation:introBeamPass 7s cubic-bezier(.5,0,.3,1) 1 both!important}
 .intro-orbit-one{width:91vw!important}
 .intro-orbit-two{width:111vw!important;height:53vw!important}
}
@media(max-height:700px){
 .intro-center{padding-top:2px!important;padding-bottom:2px!important}
 .intro-emblem{width:52px!important;height:52px!important}
 .intro-wordmark{font-size:23px!important;margin-top:7px!important}
 .intro-rule{margin-top:8px!important}
 .intro-story{height:130px!important;min-height:130px!important}
 .intro-story-scene h1{font-size:clamp(29px,6vw,45px)!important}
 .intro-story-scene p{margin-top:8px!important}
 .intro-tags span{padding:6px 8px!important}
}
@media(prefers-reduced-motion:reduce){
 .intro-visual,.intro-art,.intro-light-sweep,.intro-orbit,.intro-lockup,.intro-emblem,.intro-story-scene,.intro-tags,.intro-tags span,.intro-progress i,.intro-skip-label,.intro-enter-label{animation:none!important;transform:none!important;filter:none!important}
 .intro-story-scene{display:none!important}
 .intro-scene-three{display:flex!important;opacity:1!important}
 .intro-tags{opacity:1!important}
 .intro-skip-label{display:none}.intro-enter-label{opacity:1!important}
}
/* Progress rail uses a clipping reveal so it animates even with fixed full-width layout */
.intro-progress i{width:100%!important;transform:none!important;clip-path:inset(0 100% 0 0);animation:introProgressReveal 15s linear both!important}
@keyframes introProgressReveal{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.intro-progress i{clip-path:none!important;animation:none!important;width:100%!important}}
/* V22 admin collaboration and expanded content manager */
.admin-identity{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid #ffffffde;border-radius:999px;background:rgb(248 245 237 / 72%);color:#625d53;font:8px 'DM Mono';letter-spacing:.7px;overflow-wrap:anywhere}
.admin-gate-choices{display:flex;gap:8px;margin:18px 0 22px;padding:5px;border:1px solid #ffffffdf;border-radius:16px;background:rgb(230 224 214 / 60%)}
.admin-gate-choices button{flex:1;min-width:0;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#746b5f;font:700 10px 'DM Sans';cursor:pointer}
.admin-gate-choices button.active{background:rgb(250 247 240 / 92%);border-color:#ffffffed;color:#2e2c26;box-shadow:0 5px 18px #28231a0e}
.admin-login-message .admin-auth-notice{padding:10px 12px;border-radius:12px;background:rgb(221 229 224 / 55%);border:1px solid #ffffffd9;color:#45483f;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.admin-login-message form .admin-form-grid{margin:12px 0}
.admin-login-message form .admin-field{min-width:0}
.admin-login-message form .admin-field input,.admin-login-message form .admin-field textarea{width:100%;max-width:100%;box-sizing:border-box}
.admin-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;max-width:100%;padding:6px!important;scrollbar-width:thin;scrollbar-color:#c4b9a8 transparent;background:rgb(235 230 221 / 73%)!important;border:1px solid #ffffffdb!important;border-radius:17px!important;backdrop-filter:blur(24px)!important}
.admin-tabs button{flex:0 0 auto!important;white-space:nowrap!important;border-radius:11px!important;padding:11px 13px!important;background:transparent!important;color:#716a5e!important;border:1px solid transparent!important;font-size:10px!important}
.admin-tabs button.active{background:#33332d!important;color:#f8f3e9!important;border-color:#33332d!important}
.admin-tabs button[hidden]{display:none!important}
#adminPendingBadge{color:#c7a77a;font-weight:800}
.admin-identity[hidden],#adminTeamTab[hidden]{display:none!important}
.admin-team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}
.admin-team-request{padding:18px!important;min-width:0;overflow:hidden;border-radius:20px!important}
.admin-team-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.admin-team-request-head h3{margin:8px 0 3px;color:#292724;font:750 19px/1.1 'Manrope';letter-spacing:-.04em;overflow-wrap:anywhere}
.admin-team-request-head p{margin:0;color:#6d665b;font-size:11px;overflow-wrap:anywhere}
.team-status{display:inline-flex;align-items:center;flex:0 0 auto;padding:7px 9px;border-radius:999px;border:1px solid #ffffffdf;background:#efeadf;color:#766754;font:8px 'DM Mono';letter-spacing:.25px}
.team-status-pending{background:#f5ead4;color:#79591f;border-color:#e8d4ac}
.team-status-approved{background:#e0ebe1;color:#3d674c;border-color:#ccdfce}
.team-status-rejected{background:#eee2df;color:#85574e;border-color:#e1c8c2}
.admin-team-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 14px;padding:13px 0;border-block:1px solid #ffffffcf}
.admin-team-facts div{min-width:0}
.admin-team-facts small,.admin-team-reason small{display:block;margin-bottom:6px;color:#8a7e6e;font:8px 'DM Mono';letter-spacing:.8px}
.admin-team-facts b{display:block;font-size:10px;color:#4d493f;overflow-wrap:anywhere;font-weight:650}
.admin-team-reason{padding:13px;border:1px solid #ffffffd9;border-radius:13px;background:rgb(255 253 248 / 52%)}
.admin-team-reason p{margin:0;color:#615b50;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.admin-team-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:13px}
.admin-team-actions button{font-size:10px!important;padding:10px 12px!important}
.admin-help-text{font-size:10px;color:#7f766a}
.team-counts{display:flex;gap:10px;flex-wrap:wrap}
.team-counts span{padding:8px 10px;border-radius:999px;border:1px solid #ffffffde;background:rgb(249 246 239 / 70%);font-size:10px;color:#746b5f}
.team-counts b{color:#37403b}
.admin-project-add{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;margin-top:16px;border:1px solid #ffffffdc;border-radius:18px;background:rgb(248 245 237 / 65%)}
.admin-project-add p{margin:0;color:#71695e;font-size:11px;line-height:1.7}
.admin-project-add .btn{flex:0 0 auto}
.admin-category summary small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-field textarea{resize:vertical;min-height:76px}
.admin-field select{width:100%;max-width:100%;border:1px solid #ffffffed;border-radius:12px;background:rgb(255 253 248 / 84%);padding:12px;color:#3b382f;font:12px 'DM Sans';outline:none}
.admin-field select:focus,.admin-field input:focus,.admin-field textarea:focus{border-color:#9eafa9!important;box-shadow:0 0 0 3px #9eafa927}
@media(max-width:700px){
 .admin-top{gap:8px!important;flex-wrap:wrap!important}
 .admin-identity{order:4;width:100%;justify-content:flex-start}
 .admin-secure{font-size:7px!important;letter-spacing:.4px!important}
 .admin-tabs{margin-inline:-2px;border-radius:14px!important}
 .admin-team-list{grid-template-columns:1fr}
 .admin-team-request{padding:14px!important}
 .admin-team-request-head h3{font-size:17px}
 .admin-gate-choices{flex-direction:column}
 .admin-project-add{align-items:stretch;flex-direction:column}
 .admin-project-add .btn{width:100%}
}

/* Respect native hidden state even when button/component display rules are present */
[hidden]{display:none!important}
/* Portfolio CMS images: real photos sit beneath the bespoke visual mockups. */
.work-art-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.52;filter:saturate(.74) contrast(.95);transform:scale(1.02);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .5s}
.work-tile:hover .work-art-photo{transform:scale(1.08);opacity:.68}
/* Allow both curated background art and user-supplied, validated HTTPS cover photos. */
.work-art-photo[src]{width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none}
/* The admin's motion toggle maps to .motion-quiet; actually stop motion when it is off or the OS requests reduced motion. */
body.motion-quiet *,body.motion-quiet *::before,body.motion-quiet *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.motion-quiet .reveal,body.motion-quiet .reveal.in-view{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
body.motion-quiet .cinematic-intro,body.motion-quiet .intro-visual,body.motion-quiet .intro-art,body.motion-quiet .intro-light-sweep,body.motion-quiet .intro-orbit,body.motion-quiet .intro-lockup,body.motion-quiet .intro-emblem,body.motion-quiet .intro-story-scene,body.motion-quiet .intro-tags,body.motion-quiet .intro-tags span,body.motion-quiet .intro-progress i{animation:none!important;transition:none!important;transform:none!important;filter:none!important}
body.motion-quiet .intro-story-scene{display:none!important}body.motion-quiet .intro-scene-three{display:flex!important;opacity:1!important}
body.motion-quiet .intro-progress i{width:100%!important;clip-path:none!important}
.work-art > :not(.work-art-photo){position:relative;z-index:1}
/* Owner-selectable curated photo: applied live to the home hero and the first-visit studio film */
.home-hero:before{background:linear-gradient(90deg,rgba(241,238,232,.78) 0%,rgba(241,238,232,.65) 27%,rgba(241,238,232,.36) 48%,rgba(241,238,232,.08) 68%,rgba(37,37,32,.03) 100%),var(--hero-image,url('/demo-villa.jpg')) center 52%/cover no-repeat!important}
.intro-visual{background:var(--hero-image,url('/demo-villa.jpg')) 58% center/cover no-repeat!important}
@media(max-width:680px){
.home-hero:before{background:linear-gradient(180deg,rgba(241,238,232,.76) 0%,rgba(241,238,232,.62) 39%,rgba(241,238,232,.37) 100%),var(--hero-image,url('/demo-villa.jpg')) 58% center/cover no-repeat!important}
.intro-visual{background:var(--hero-image,url('/demo-villa.jpg')) 57% center/cover no-repeat!important}
}
/* VERSION 27 — project case studies, stronger editorial rhythm, no decorative intro rings */
.intro-orbit{display:none!important}
.intro-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0 16%,#f5e8d41b 16.1%,transparent 16.3% 49%,#f5e8d414 49.1%,transparent 49.3% 83%,#f5e8d41b 83.1%,transparent 83.3%),linear-gradient(0deg,transparent 0 26%,#f5e8d414 26.1%,transparent 26.3% 72%,#f5e8d411 72.1%,transparent 72.3%);opacity:.8}
.work-art-link{display:block;text-decoration:none!important;outline-offset:5px}
.work-art-open{position:absolute;z-index:5;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:18px;padding:10px 13px;border:1px solid #ffffffbf;border-radius:999px;background:rgb(245 239 227 / 77%);color:#292724;font:8px 'DM Mono',monospace;letter-spacing:.85px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.work-art-open b{font-size:13px;font-weight:600}
.work-art-link:hover .work-art-open,.work-art-link:focus-visible .work-art-open{opacity:1;transform:translateY(0)}
.work-title-link{color:inherit;text-decoration:none}
.work-title-link:hover{text-decoration:underline;text-decoration-color:#b9a78e;text-underline-offset:4px}
.work-art{position:relative;overflow:hidden}
.work-art-photo{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.work-art-link:hover .work-art-photo,.work-art-link:focus-visible .work-art-photo{transform:scale(1.055);filter:saturate(1.06)}
.case-study-page{overflow:hidden}
.case-study-hero{position:relative;isolation:isolate;min-height:min(78svh,760px);display:flex;align-items:flex-end;overflow:hidden;background:#292724;color:#f8f3e8;padding:clamp(35px,6vw,78px) 0 35px}
.case-study-image{position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;transform:scale(1.02);animation:caseImageDrift 18s cubic-bezier(.2,.65,.2,1) both}
.case-study-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(27,27,23,.79),rgba(27,27,23,.38) 60%,rgba(27,27,23,.13)),linear-gradient(0deg,rgba(25,25,21,.8),transparent 72%);pointer-events:none}
.case-study-hero-inner{width:min(100%,1200px);position:relative;padding-top:65px}
.case-back{display:inline-flex;margin-bottom:clamp(45px,11vh,112px);color:#fff8ebc9;text-decoration:none;font:9px 'DM Mono';letter-spacing:1.5px;border-bottom:1px solid #fff6;padding-bottom:9px;transition:color .2s ease}
.case-back:hover{color:#e8cba1}
.case-label{display:block;color:#e5c89b;font:9px 'DM Mono';letter-spacing:1.5px;margin-bottom:17px}
.case-study-hero h1{font:750 clamp(48px,9vw,112px)/.89 'Manrope',sans-serif;letter-spacing:-.085em;max-width:950px;margin:0 0 20px;overflow-wrap:anywhere;text-wrap:balance}
.case-study-hero-inner>p{max-width:610px;color:#f7f0e0e8;font-size:clamp(13px,1.6vw,16px);line-height:1.85;margin:0}
.case-hero-meta{display:flex;justify-content:space-between;gap:18px;max-width:720px;padding-top:24px;margin-top:28px;border-top:1px solid #fff5;color:#f5ead5c8;font:8px 'DM Mono';letter-spacing:1.2px}
.case-photo-counter{position:absolute;right:clamp(18px,4vw,56px);top:35px;writing-mode:vertical-rl;color:#f6edddcf;font:8px 'DM Mono';letter-spacing:1.4px}
.case-study-content{padding-top:36px!important}
.case-disclaimer{display:flex;align-items:center;gap:18px;padding:16px 20px!important;border-radius:18px!important;background:rgb(244 236 221 / 68%)!important;margin-bottom:clamp(60px,9vw,115px)}
.case-disclaimer>span{flex:0 0 auto;border:1px solid #b69b72;border-radius:999px;padding:7px 10px;color:#79613e;font:8px 'DM Mono';letter-spacing:.8px}
.case-disclaimer p{font-size:11px;line-height:1.75;color:#62594d;margin:0}
.case-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(22px,6vw,80px);align-items:start;margin-bottom:28px}
.case-intro-grid h2{font:750 clamp(33px,5.7vw,62px)/.97 'Manrope';letter-spacing:-.075em;margin:18px 0}
.case-intro-grid h2 em,.case-bottom-cta h2 em{font:500 italic 1em 'Playfair Display';color:var(--indigo)}
.case-intro-grid>p{color:#655f54;font-size:clamp(13px,1.5vw,16px);line-height:1.95;margin:0;max-width:650px}
.case-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.case-detail-card{padding:clamp(20px,3vw,32px)!important;border-radius:20px!important;min-width:0}
.case-detail-card>span{display:block;color:#867660;font:8px 'DM Mono';letter-spacing:1.2px;margin-bottom:22px}
.case-detail-card h3{font:720 clamp(20px,2.5vw,29px)/1.08 'Manrope';letter-spacing:-.045em;color:#292724;margin:0 0 12px}
.case-detail-card p,.case-detail-card li{color:#696255;font-size:12px;line-height:1.85}
.case-detail-card p{margin:0}
.case-detail-card ul{list-style:none;padding:0;margin:0}
.case-detail-card li{position:relative;padding:9px 0 9px 17px;border-bottom:1px solid #ffffffd0}
.case-detail-card li:before{content:"↗";position:absolute;left:0;color:#9c8462}
.case-focus-row{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:25px 0 48px}
.case-focus-row>.eyebrow{padding-top:8px;flex:0 0 auto}
.case-focus-row>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.case-focus-chip{padding:9px 13px;border:1px solid #ffffffed;border-radius:999px;background:rgb(248 245 237 / 68%);color:#686052;font:8px 'DM Mono';letter-spacing:.5px}
.case-bottom-cta{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:28px;padding:clamp(24px,5vw,54px)!important;border-radius:24px!important;background:linear-gradient(120deg,rgba(245,240,230,.87),rgba(223,229,224,.79))!important}
.case-bottom-cta h2{font:750 clamp(30px,5vw,54px)/.97 'Manrope';letter-spacing:-.075em;margin:15px 0}
.case-bottom-cta p{max-width:540px;color:#625b50;font-size:12px;line-height:1.9;margin:0}
.case-cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.case-cta-actions .btn{justify-content:center;text-align:center}
.case-more{display:block;text-align:center;color:#716759;font:9px 'DM Mono';letter-spacing:.6px;padding-top:9px}
.case-not-found{padding:16vh 0 18vh;min-height:60svh;background:linear-gradient(120deg,#f1eee8,#e4e9e5)}
.case-not-found .sub-intro{max-width:480px;color:#6b6459;font-size:13px;line-height:1.8;margin:20px 0}
@keyframes caseImageDrift{from{transform:scale(1.08);filter:saturate(.74)}to{transform:scale(1.02);filter:saturate(.95)}}
@media(max-width:680px){
 .work-art-open{opacity:1;transform:none;padding:8px 10px;right:10px;bottom:10px;font-size:7px;gap:11px}
 .case-study-hero{min-height:72svh;padding-bottom:24px}
 .case-study-hero-inner{padding-top:36px}
 .case-back{margin-bottom:clamp(45px,12vh,92px)}
 .case-study-hero h1{font-size:clamp(44px,12vw,66px);line-height:.91}
 .case-study-hero-inner>p{font-size:12px;max-width:330px}
 .case-label{max-width:260px;line-height:1.8;font-size:7px}
 .case-hero-meta{font-size:7px;letter-spacing:.6px;gap:8px}
 .case-photo-counter{right:12px;top:18px;font-size:7px}
 .case-intro-grid{grid-template-columns:1fr;gap:4px;margin-bottom:19px}
 .case-intro-grid h2{font-size:38px;max-width:300px}
 .case-intro-grid>p{font-size:12px}
 .case-detail-grid{grid-template-columns:1fr}
 .case-detail-card{padding:21px!important}
 .case-disclaimer{align-items:flex-start;flex-direction:column;gap:9px;padding:14px!important}
 .case-focus-row{flex-direction:column;gap:12px;padding:24px 0 34px}
 .case-focus-row>div{justify-content:flex-start}
 .case-bottom-cta{grid-template-columns:1fr;gap:20px;padding:22px!important}
}
@media(prefers-reduced-motion:reduce){
 .case-study-image{animation:none!important;transform:none!important}
 .work-art-photo{transition:none!important}
 .work-art-open{transition:none!important}
}
/* V28 — useful editor preview ribbon, no decorative ring clutter, and clear access states */
.draft-preview-banner{position:relative;z-index:120;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px clamp(16px,3vw,42px);background:rgba(38,39,34,.94);color:#f8f2e7;font:9px 'DM Mono',monospace;letter-spacing:.45px;border-bottom:1px solid #fff3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.draft-preview-banner span{line-height:1.6}
.draft-preview-banner b{color:#e7c99d;font-weight:700}
.draft-preview-banner a{flex:0 0 auto;color:#fff4e2;text-decoration:none;padding:7px 10px;border:1px solid #fff6;border-radius:999px;transition:background .2s ease}
.draft-preview-banner a:hover{background:#ffffff17}
.stage-orb,.feature-glass-orb,.intro-orbit{display:none!important}
.work-art-link:focus-visible,.work-title-link:focus-visible,.work-arrow:focus-visible{outline:2px solid #8a9f9c;outline-offset:4px;border-radius:6px}
.team-status-revoked{background:#eee6d9;color:#786345;border-color:#d9c7a8}
.admin-actions{gap:12px}
.admin-actions #adminSavedAt{max-width:430px;line-height:1.65}
@media(max-width:680px){
 .draft-preview-banner{align-items:flex-start;font-size:8px;padding:9px 12px;gap:9px}
 .draft-preview-banner a{padding:7px 9px;font-size:8px}
}
/* Owner audit history */
.admin-activity-list{display:grid;gap:10px;margin-top:14px}
.admin-activity-row{padding:16px 18px!important;border-radius:16px!important;min-width:0}
.admin-activity-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.admin-activity-meta span{font:8px 'DM Mono';letter-spacing:1.05px;color:#8a7350}
.admin-activity-meta time{font:9px 'DM Mono';color:#8d8477}
.admin-activity-row h3{margin:12px 0 5px;font:750 16px/1.2 'Manrope';letter-spacing:-.03em;color:#312f29}
.admin-activity-row p{margin:0;color:#6d665b;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.admin-activity-row small{display:block;margin-top:9px;padding-top:9px;border-top:1px solid #ffffffcd;color:#827869;font-size:10px;line-height:1.7;overflow-wrap:anywhere}
/* Keep the studio art-directed, not orb-decorated */
.home-aurora i,.about-collage-orb{display:none!important}
.home-hero .hero-photo-caption,.hero-note,.hero-bottom{letter-spacing:1.1px}
/* Make the persistent WhatsApp action part of the pearl-glass system, not a purple floating badge */
.whats-float{background:rgb(248 245 237 / 89%)!important;color:#302e28!important;border:1px solid #ffffffee!important;border-radius:999px!important;padding:10px 13px!important;box-shadow:0 9px 27px #26221b19,inset 0 1px #fff!important;backdrop-filter:blur(24px) saturate(125%)!important;-webkit-backdrop-filter:blur(24px) saturate(125%)!important;transition:transform .28s ease,box-shadow .28s ease,background .28s ease!important}
.whats-float:hover{transform:translateY(-3px)!important;background:#fffaf0!important;box-shadow:0 13px 33px #26221b24,inset 0 1px #fff!important}
.whats-dot{background:#5f8a70!important;box-shadow:0 0 0 4px #719c7a1d!important}
@media(max-width:680px){.whats-float{right:12px!important;bottom:12px!important;padding:9px 11px!important;gap:7px!important;font-size:9px!important;box-shadow:0 6px 19px #26221b1b,inset 0 1px #fff!important}}
@media(prefers-reduced-motion:reduce){.whats-float{transition:none!important}}
/* Owner password management */
.admin-security-card{padding:clamp(18px,3vw,30px)!important;border-radius:22px!important;background:linear-gradient(125deg,rgba(249,246,239,.87),rgba(224,231,225,.64))!important}
.admin-security-status{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #ffffffd6;margin-bottom:22px}
.admin-security-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffffed;border-radius:14px;background:rgb(248 245 237 / 84%);font-size:22px;color:#8a7553;box-shadow:0 7px 20px #312a1d0d}
.admin-security-status b{display:block;font:750 15px 'Manrope';letter-spacing:-.03em;color:#312f29}
.admin-security-status small{display:block;margin-top:4px;font-size:10px;color:#766e62;overflow-wrap:anywhere}
.admin-password-form{display:grid;gap:14px;max-width:570px}
.admin-password-form .admin-field input{width:100%;box-sizing:border-box;background:rgb(255 253 248 / 83%);border:1px solid #ffffffef;border-radius:13px;padding:13px 14px;color:#322f29;outline:none}
.admin-password-form .admin-field input:focus{border-color:#98aaa2;box-shadow:0 0 0 3px #8ba89b23}
.admin-password-form .admin-field small{display:block;font-size:10px;line-height:1.65;color:#817768;margin-top:6px}
.admin-password-form .btn{justify-self:start;margin-top:3px}
.admin-password-notice{font-size:11px;line-height:1.7;color:#665e51;overflow-wrap:anywhere;margin:0;min-height:6px}
.admin-security-footnote{margin-top:25px;padding:15px 17px;border:1px solid #ffffffd9;border-radius:14px;background:rgb(245 240 230 / 65%)}
.admin-security-footnote b{font:700 11px 'Manrope';color:#3a372f}
.admin-security-footnote p{font-size:10px;line-height:1.8;color:#746b5e;margin:8px 0 0}
/* Admin recovery states — same pearl-glass control-room language */
#adminRecoveryForm,#adminResetForm{display:grid;gap:13px;max-width:530px}
#adminRecoveryForm .admin-field input,#adminResetForm .admin-field input{width:100%;box-sizing:border-box;border:1px solid #ffffffed;border-radius:13px;background:rgb(255 253 248 / 84%);padding:13px 14px;color:#302e28;outline:none}
#adminRecoveryForm .admin-field input:focus,#adminResetForm .admin-field input:focus{border-color:#98aaa2;box-shadow:0 0 0 3px #8ba89b26}
#adminRecoveryForm .btn,#adminResetForm .btn{justify-self:start;margin-top:3px}
.admin-back-link{margin-top:13px!important;border-color:#ffffffd9!important;background:rgb(255 253 248 / 54%)!important;color:#5f594e!important}
#showAdminForgot{color:#76694f}
#showAdminForgot.active{background:#f8f4e9!important;color:#3a352b!important;border-color:#d8c9ae!important}
@media(max-width:700px){
 #adminRecoveryForm .btn,#adminResetForm .btn{width:100%;justify-content:center}
 #adminRecoveryForm,#adminResetForm{max-width:100%}
}

/* V50 mobile scroll performance: avoid expensive blur, clip-path and perpetual GPU work */
@media(max-width:680px){
 .reveal,.reveal.in-view,.reveal.from-left,.reveal.from-right,.reveal.pop{filter:none!important;clip-path:none!important;transition:opacity .28s ease,transform .28s ease!important;transition-delay:0ms!important}
 .header,.mobile-menu,.feature-copy,.feature-visual,.sticky-note,.detail-point,.full-demo,.demo-controls button,.compare-label,.contact-glass-card,.about-glass-note,.value-card,.draft-preview-banner,.whats-float{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .home-hero:after,.stage-grid,.stage-accent,.stage-window,.stage-window-art:before,.stage-window-art .art-card:nth-child(2),.mini-art,.mini-video .frame,.timeline-screen span,.contact-glow,.about-collage-orb,.web-live-graphic:before,.rgb-line,.brand-mark:after,.text-gradient{animation:none!important}
 .stage-window,.stage-accent{transform:none!important}
 .service-card,.work-tile,.detail-point{transition:box-shadow .2s ease,border-color .2s ease!important}
 .service-card:hover,.work-tile:hover,.detail-point:hover{transform:none!important}
}
@media(max-width:680px) and (prefers-reduced-motion:no-preference){
 .reveal{transform:translateY(12px)!important}
 .reveal.in-view{transform:none!important}
}
@media(max-width:680px){
 *,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}