/* Generated by scripts/build_asset_bundles.py. Edit source layers, then rebuild. */ /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile.css */ /* Snap Profile v3 — full-screen one-page public website */ *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:#10131a;font-family:var(--body-font),sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}button{cursor:pointer}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.site-v3{--ink:#10131a;--muted:#6d7480;--paper:#fff;--soft:#f4f5f7;--line:rgba(16,19,26,.11);--shadow:0 26px 70px rgba(16,19,26,.10);--shell:min(1440px,calc(100vw - 96px));--display:clamp(3.75rem,7.2vw,8.6rem);--h2:clamp(2.6rem,5vw,5.8rem);--h3:clamp(1.15rem,1.8vw,1.6rem);--section:clamp(90px,10vw,160px)}.section-shell,.nav-shell{width:var(--shell);margin-inline:auto}.section-v3{position:relative;padding-block:var(--section);overflow:hidden}.section-v3:nth-of-type(even){background:var(--soft)}.section-index{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font:700 12px/1 var(--body-font);color:var(--muted)}em{font-style:normal;color:var(--brand)} /* top progress / nav */ .scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1001;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:var(--brand);transition:width .08s linear}.site-nav{position:fixed;z-index:1000;top:0;left:0;right:0;color:#fff;transition:background .3s ease,color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.site-nav.scrolled{background:rgba(255,255,255,.86);color:var(--ink);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(16,19,26,.08)}.nav-shell{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-mark{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand-mark img,.brand-mark>span{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#fff;color:var(--brand);display:grid;place-items:center;font:800 20px var(--heading-font);box-shadow:0 7px 22px rgba(0,0,0,.13)}.brand-mark div{min-width:0}.brand-mark strong{font:700 15px var(--heading-font);display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark small{display:block;opacity:.68;font-size:11px;margin-top:2px}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a,.lang-link{font-weight:700;font-size:13px;text-decoration:none;position:relative}.desktop-nav a:after{content:"";position:absolute;inset-inline-start:0;bottom:-7px;width:0;height:2px;background:currentColor;transition:width .25s ease}.desktop-nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta{padding:13px 20px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.site-nav.scrolled .nav-cta{background:var(--ink);color:#fff}.nav-cta:hover{transform:translateY(-2px)}.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:17px;height:1.5px;background:currentColor}.mobile-menu{display:none} /* preview/toasts */ .preview-ribbon{position:fixed;z-index:1200;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;border-radius:999px;background:#111827;color:#fff;padding:11px 18px;box-shadow:0 14px 38px rgba(0,0,0,.25);font-size:12px}.preview-ribbon span{opacity:.72}.site-toast{position:fixed;z-index:1300;top:100px;left:50%;transform:translateX(-50%);max-width:min(520px,calc(100vw - 30px));padding:14px 20px;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.18);font-weight:800}.site-toast.success{color:#047857}.site-toast.error{color:#b42318} /* hero */ .hero-v3{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#0b0d12;color:#fff}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg>img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transform:scale(1.03)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,17,.94) 0%,rgba(8,11,17,.72) 42%,rgba(8,11,17,.25) 78%,rgba(8,11,17,.55) 100%)}html[dir="rtl"] .hero-scrim{background:linear-gradient(270deg,rgba(8,11,17,.94) 0%,rgba(8,11,17,.72) 42%,rgba(8,11,17,.25) 78%,rgba(8,11,17,.55) 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.3;mix-blend-mode:screen}.orb-one{width:42vw;height:42vw;min-width:420px;min-height:420px;background:radial-gradient(circle,var(--brand),transparent 68%);top:-20%;right:-12%}.orb-two{width:30vw;height:30vw;background:radial-gradient(circle,var(--brand-2),transparent 70%);bottom:-12%;left:-8%}.hero-shell{position:relative;z-index:2;width:var(--shell);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(50px,7vw,120px);padding-top:116px;padding-bottom:72px}.hero-content{max-width:850px}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:12px;color:rgba(255,255,255,.72)}.eyebrow span{width:36px;height:2px;background:var(--brand)}.hero-content h1{font:800 var(--display)/.93 var(--heading-font);letter-spacing:-.055em;margin:22px 0;max-width:950px;text-wrap:balance}.hero-lead{font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.9;color:rgba(255,255,255,.75);max-width:720px;margin:0}.hero-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:38px}.btn{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:0 26px;text-decoration:none;border:1px solid transparent;font-weight:800;transition:transform .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--brand) 88%,#000)}.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.btn-light{background:#fff;color:#111;border:0}.hero-contact-strip{display:flex;gap:0;margin-top:54px;border-top:1px solid rgba(255,255,255,.17);padding-top:24px}.hero-contact-strip a{display:flex;flex-direction:column;gap:4px;text-decoration:none;padding-inline:22px;border-inline-end:1px solid rgba(255,255,255,.15);min-width:150px}.hero-contact-strip a:first-child{padding-inline-start:0}.hero-contact-strip b{font-size:12px}.hero-contact-strip span{font-size:12px;color:rgba(255,255,255,.58)}.hero-visual{position:relative}.visual-frame{position:relative;border-radius:clamp(28px,3vw,46px);overflow:hidden;aspect-ratio:.82;box-shadow:0 40px 90px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));backdrop-filter:blur(12px)}.visual-frame>img{width:100%;height:100%;object-fit:cover}.visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.72))}.logo-stage{height:100%;display:grid;place-items:center;padding:16%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--brand) 40%,transparent),transparent 55%),#10131a}.logo-stage img{max-width:72%;max-height:55%;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.3))}.logo-stage.fallback span{font:800 8rem var(--heading-font)}.visual-caption{position:absolute;z-index:2;inset-inline:28px;bottom:27px;display:flex;justify-content:space-between;align-items:end;gap:16px}.visual-caption small{color:rgba(255,255,255,.6)}.visual-caption strong{font:700 16px var(--heading-font)}.floating-proof{position:absolute;z-index:3;inset-inline-start:-45px;bottom:65px;background:#fff;color:#111;border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 45px rgba(0,0,0,.23)}.floating-proof>span{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand);display:grid;place-items:center}.floating-proof strong{display:block;font:800 22px var(--heading-font)}.floating-proof small{color:#777}.scroll-cue{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);text-decoration:none;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{width:1px;height:38px;background:linear-gradient(#fff,transparent);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:scaleY(.45);transform-origin:top}} /* generic headings */ .section-heading{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:40px;margin-bottom:clamp(45px,6vw,90px)}.section-heading>div{display:flex;align-items:center;gap:14px;color:var(--muted)}.section-heading>div p,.section-kicker p{margin:0;font-size:13px;font-weight:800}.section-heading h2,.about-copy h2,.contact-copy h2{font:700 var(--h2)/1.1 var(--heading-font);letter-spacing:-.045em;margin:0;text-wrap:balance}.section-heading.compact{display:block;margin-bottom:30px}.section-heading.compact>div{margin-bottom:20px}.section-heading.compact h2{font-size:clamp(2.2rem,4vw,4.6rem)}.section-heading.compact>p{font-size:16px;color:var(--muted);line-height:1.8;max-width:560px} /* about */ .section-about{background:#fff!important}.about-grid{display:grid;grid-template-columns:180px minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(30px,5vw,80px);align-items:start}.section-kicker{display:flex;align-items:center;gap:14px;color:var(--muted)}.about-copy h2{font-size:clamp(2.6rem,4.7vw,5.7rem)}.about-copy>p{font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:2;color:var(--muted);max-width:790px}.about-links{display:flex;gap:22px;margin-top:34px}.about-links a,.about-links button{border:0;background:none;padding:0 0 5px;border-bottom:1px solid currentColor;text-decoration:none;font-weight:800;color:var(--ink)}.stats-wall{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.stats-wall article{min-height:150px;padding:25px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.stats-wall strong{font:800 clamp(2.1rem,3vw,4rem)/1 var(--heading-font)}.stats-wall span{color:var(--muted);font-size:12px;margin-top:9px} /* services */ .section-services{background:#10131a!important;color:#fff}.section-services .section-index{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.section-services .section-heading>div{color:rgba(255,255,255,.55)}.services-v3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);border-inline-start:1px solid rgba(255,255,255,.15)}.service-card{min-height:360px;padding:34px;border-inline-end:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;transition:background .3s ease,transform .3s ease}.service-card:hover{background:rgba(255,255,255,.06)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-icon{font-size:32px}.service-top small{color:rgba(255,255,255,.4);font-weight:800}.service-card h3{font:700 clamp(1.4rem,2vw,2.2rem)/1.25 var(--heading-font);margin:90px 0 14px}.service-card p{color:rgba(255,255,255,.58);line-height:1.9;margin:0}.service-card a{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);text-decoration:none;font-weight:800;font-size:13px}.service-card a b{font-size:18px} /* catalog */ .section-catalog{background:#f7f4ef!important}.catalog-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(16,19,26,.08);transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-media{aspect-ratio:4/3;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.045)}.product-body{padding:25px}.product-body>small{color:var(--brand);font-weight:800}.product-body h3{font:700 1.4rem var(--heading-font);margin:8px 0}.product-body p{color:var(--muted);line-height:1.8;min-height:52px}.product-body>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.product-body>div a{text-decoration:none;font-weight:800;color:var(--brand)} /* work / gallery */ .section-work{background:#fff!important}.gallery-v3{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;grid-auto-flow:dense}.gallery-item{grid-column:span 4;margin:0}.gallery-item.featured{grid-column:span 8;grid-row:span 2}.gallery-open{position:relative;width:100%;height:100%;min-height:340px;padding:0;border:0;background:#111;border-radius:var(--radius);overflow:hidden;text-align:start}.gallery-item.featured .gallery-open{min-height:700px}.gallery-open img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s ease,filter .6s ease}.gallery-open:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.75));transition:background .4s}.gallery-open:hover img{transform:scale(1.045)}.gallery-open>span{position:absolute;z-index:2;inset-inline:24px;bottom:22px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:end}.gallery-open small{opacity:.55}.gallery-open b{font:700 18px var(--heading-font)} /* video */ .section-video{background:#0c0f15!important;color:#fff}.video-grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}.section-video .section-index{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.55)}.section-video .section-heading>div,.section-video .section-heading>p{color:rgba(255,255,255,.55)}.video-v3{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 80px rgba(0,0,0,.4)}.video-v3 iframe{width:100%;height:100%;border:0} /* testimonials */ .section-reviews{background:#f4f0ea!important}.reviews-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:#fff;border-radius:var(--radius);padding:34px;min-height:340px;display:flex;flex-direction:column}.stars{color:#f0a500;letter-spacing:3px;font-size:13px}.review-card blockquote{font:600 clamp(1.1rem,1.5vw,1.42rem)/1.9 var(--heading-font);margin:38px 0;color:#20242c}.review-card footer{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.review-card footer strong{font-size:13px}.review-card footer span{font-size:11px;color:var(--muted)}.review-submit{max-width:800px;margin:35px auto 0}.review-submit>summary{width:max-content;margin:auto;cursor:pointer;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px} /* FAQ */ .section-faq{background:#fff!important}.faq-grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:clamp(50px,7vw,120px)}.faq-v3{border-top:1px solid var(--line)}.faq-v3 details{border-bottom:1px solid var(--line)}.faq-v3 summary{list-style:none;cursor:pointer;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 clamp(1rem,1.4vw,1.25rem) var(--heading-font)}.faq-v3 summary::-webkit-details-marker{display:none}.faq-v3 summary span{font:300 28px Arial;transition:transform .2s}.faq-v3 details[open] summary span{transform:rotate(45deg)}.faq-v3 p{color:var(--muted);line-height:2;margin:0;padding:0 0 28px;max-width:850px} /* partners */ .section-partners{padding-block:70px;background:#f7f8fa!important}.partner-label{text-align:center;color:var(--muted);font-weight:800;font-size:12px;margin:0 0 35px}.partners-v3{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.partners-v3 a{width:180px;height:100px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;filter:grayscale(1);opacity:.68;transition:.25s}.partners-v3 a:hover{filter:none;opacity:1;transform:translateY(-4px)}.partners-v3 img{max-height:42px;max-width:90px;object-fit:contain}.partners-v3 span{font-weight:800;font-size:12px} /* team */ .section-team{background:#10131a!important;color:#fff}.section-team .section-index{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.5)}.section-team .section-heading>div{color:rgba(255,255,255,.5)}.team-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{min-width:0}.team-media{aspect-ratio:.82;border-radius:var(--radius);overflow:hidden;background:#1c2029;display:grid;place-items:center}.team-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.team-media>span{font:800 5rem var(--heading-font);opacity:.3}.team-card h3{font:700 1.25rem var(--heading-font);margin:19px 0 4px}.team-card>b{color:var(--brand);font-size:12px}.team-card p{color:rgba(255,255,255,.55);line-height:1.8;font-size:13px} /* certificates */ .section-certificates{background:#fff!important}.certificates-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.certificate-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.certificate-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.certificate-card>div{padding:22px}.certificate-card h3{font:700 1.1rem var(--heading-font);margin:0 0 6px}.certificate-card p{margin:0;color:var(--muted)} /* forms */ .section-form{background:#f4f5f7!important}.form-layout{display:grid;grid-template-columns:minmax(300px,.45fr) minmax(0,1fr);gap:clamp(50px,7vw,120px);align-items:start}.form-v3{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:#fff;border-radius:var(--radius);padding:clamp(24px,4vw,48px);box-shadow:0 22px 65px rgba(16,19,26,.08)}.form-v3 label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.form-v3 label.full{grid-column:1/-1}.form-v3 input,.form-v3 select,.form-v3 textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:#fbfbfc;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.form-v3 input:focus,.form-v3 select:focus,.form-v3 textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.form-v3 textarea{resize:vertical;min-height:120px}.form-v3>.btn{grid-column:1/-1;width:max-content;border:0}.form-placeholder{display:block;min-height:240px}.form-placeholder p{margin:0;color:var(--muted)} /* contact */ .contact-v3{background:#0c0f15!important;color:#fff;padding-block:clamp(100px,12vw,180px)}.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 35%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--brand-2) 25%,transparent),transparent 38%)}.contact-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.75fr);gap:clamp(50px,8vw,130px);align-items:center}.contact-kicker{color:var(--brand);font-weight:800;font-size:12px}.contact-copy h2{font-size:clamp(3rem,6vw,7rem);margin-top:18px}.contact-copy>p{color:rgba(255,255,255,.6);font-size:17px;line-height:1.9}.contact-direct{margin-top:55px;border-top:1px solid rgba(255,255,255,.14)}.contact-direct a{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);text-decoration:none}.contact-direct span{font-size:11px;color:rgba(255,255,255,.45)}.contact-direct b{font-size:13px;overflow-wrap:anywhere}.contact-form{background:#fff;color:var(--ink);box-shadow:none}.contact-form .btn-light{background:var(--brand);color:#fff} /* footer info */ .footer-info{background:#fff!important;padding-block:80px}.footer-info-grid{display:grid;grid-template-columns:1.15fr .8fr .8fr 1fr;gap:55px}.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 16px var(--heading-font)}.footer-brand img{width:46px;height:46px;border-radius:13px;object-fit:cover}.footer-info-grid>div>p{color:var(--muted);line-height:1.9}.footer-info h3{font:700 13px var(--heading-font);margin:0 0 20px}.hours-v3 p{display:flex;justify-content:space-between;gap:18px;padding:8px 0;margin:0;border-bottom:1px solid var(--line);font-size:11px}.hours-v3 span{color:var(--muted)}.social-v3{display:flex;gap:12px;flex-wrap:wrap}.social-v3 a{text-decoration:none;font-weight:800;font-size:11px}.qr-mini{display:flex!important;align-items:center;gap:18px}.qr-mini #qrCode{padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;flex:0 0 auto}.qr-mini #qrCode img,.qr-mini #qrCode canvas{width:112px!important;height:112px!important}.qr-mini p{font-size:11px!important;margin:4px 0 10px!important}.qr-mini button,.site-footer button{border:0;background:none;padding:0;color:var(--brand);font-weight:800;font-size:11px}.site-footer{border-top:1px solid var(--line);padding:24px 0 100px;background:#fff}.site-footer .section-shell{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.site-footer div div{display:flex;gap:20px}.site-footer a{text-decoration:none} /* lightbox */ .lightbox{position:fixed;z-index:1500;inset:0;background:rgba(5,7,10,.92);display:none;align-items:center;justify-content:center;padding:60px}.lightbox.open{display:flex}.lightbox img{max-width:min(1300px,90vw);max-height:82vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.lightbox>button{position:absolute;top:25px;right:28px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:28px}.lightbox p{position:absolute;bottom:24px;color:#fff}.mobile-actions{display:none} /* reveal */ .reveal{opacity:0;transform:translateY(26px);transition:opacity var(--motion-duration,.75s) cubic-bezier(.2,.7,.2,1),transform var(--motion-duration,.75s) cubic-bezier(.2,.7,.2,1)}.reveal.delay-1{transition-delay:.12s}.reveal.in{opacity:1;transform:none}.anim-fade .reveal{transform:none}.anim-slide-right .reveal{transform:translateX(42px)}.anim-slide-left .reveal{transform:translateX(-42px)}.anim-zoom .reveal{transform:scale(.94)}.anim-none .reveal{opacity:1!important;transform:none!important;transition:none!important}.custom-heading-color .hero-content h1,.custom-heading-color .carousel-copy h1,.custom-heading-color .section-heading h2,.custom-heading-color .about-copy h2,.custom-heading-color .contact-copy h2,.custom-heading-color .service-card h3,.custom-heading-color .product-card h3,.custom-heading-color .conversion-card h3,.custom-heading-color .before-after-card h3,.custom-heading-color .team-card h3,.custom-heading-color .certificate-card h3,.custom-heading-color .review-card strong,.custom-heading-color .faq-v3 summary,.custom-heading-color .brand-mark strong{color:var(--custom-heading)!important}.custom-body-color .hero-lead,.custom-body-color .carousel-copy p,.custom-body-color .section-v3 p,.custom-body-color .service-card p,.custom-body-color .product-body p,.custom-body-color .conversion-card p,.custom-body-color .before-after-card p,.custom-body-color .team-card p,.custom-body-color .faq-v3 p,.custom-body-color .footer-info p,.custom-body-color .review-card blockquote{color:var(--custom-body)!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}} /* five template personalities — same engine, genuinely different art direction */ .template-medical{--soft:#f3f8fb}.template-medical .hero-v3{background:#082432}.template-medical .hero-scrim{background:linear-gradient(270deg,rgba(5,28,39,.95),rgba(5,28,39,.72) 48%,rgba(5,28,39,.2))}.template-medical .visual-frame{border-radius:160px 160px 32px 32px}.template-medical .service-card:nth-child(2n){background:rgba(255,255,255,.035)} .template-corporate{--soft:#f5f6f7}.template-corporate .hero-v3{background:#0c152c}.template-corporate .hero-content h1{text-transform:none}.template-corporate .visual-frame{border-radius:12px}.template-corporate .btn,.template-corporate .nav-cta{border-radius:10px}.template-corporate .service-card{min-height:390px}.template-corporate .section-heading h2{max-width:1000px} .template-service{--soft:#fff7ef}.template-service .hero-v3{background:#1d120b}.template-service .hero-content{max-width:900px}.template-service .visual-frame{transform:rotate(2deg);border-radius:18px}.template-service .floating-proof{background:var(--brand);color:#fff}.template-service .service-card:hover{background:color-mix(in srgb,var(--brand) 20%,transparent)}.template-service .section-services{background:#17100c!important} .template-beauty{--soft:#f9f4f2}.template-beauty .hero-v3{background:#251c1d}.template-beauty .hero-shell{grid-template-columns:.78fr 1.05fr}.template-beauty .hero-content h1{font-weight:500}.template-beauty .visual-frame{border-radius:280px 280px 24px 24px;aspect-ratio:.78}.template-beauty em{color:#b68a77}.template-beauty .section-services{background:#2a2021!important}.template-beauty .service-card h3{font-weight:500} .template-consultant{--soft:#f7f7f8}.template-consultant .hero-v3{background:#121217}.template-consultant .hero-shell{grid-template-columns:1.15fr .65fr}.template-consultant .visual-frame{aspect-ratio:1;border-radius:50%}.template-consultant .hero-content h1{max-width:1050px}.template-consultant .section-about .about-grid{grid-template-columns:150px minmax(0,1.3fr) minmax(300px,.55fr)} /* dark/system */ .mode-dark,.tone-dark-premium{--ink:#f5f7fa;--muted:#9ea5b0;--paper:#0d1015;--soft:#151921;--line:rgba(255,255,255,.12);background:#0d1015;color:var(--ink)}.mode-dark .section-about,.mode-dark .section-work,.mode-dark .section-faq,.mode-dark .section-certificates,.mode-dark .footer-info,.mode-dark .site-footer,.tone-dark-premium .section-about,.tone-dark-premium .section-work,.tone-dark-premium .section-faq,.tone-dark-premium .section-certificates,.tone-dark-premium .footer-info,.tone-dark-premium .site-footer{background:#0d1015!important}.mode-dark .product-card,.mode-dark .review-card,.mode-dark .form-v3,.tone-dark-premium .product-card,.tone-dark-premium .review-card,.tone-dark-premium .form-v3{background:#161a21;color:var(--ink)}.mode-dark .form-v3 input,.mode-dark .form-v3 select,.mode-dark .form-v3 textarea{background:#0f1319;color:#fff} /* responsive */ @media(max-width:1180px){.site-v3{--shell:min(100% - 54px,1280px)}.desktop-nav{gap:19px}.hero-shell{grid-template-columns:1fr .72fr;gap:55px}.about-grid{grid-template-columns:130px 1fr}.stats-wall{grid-column:2}.services-v3{grid-template-columns:1fr 1fr}.catalog-v3,.reviews-v3,.certificates-v3{grid-template-columns:1fr 1fr}.team-v3{grid-template-columns:1fr 1fr}.footer-info-grid{grid-template-columns:1fr 1fr}.qr-mini{justify-content:flex-start}} @media(max-width:900px){.site-v3{--shell:calc(100% - 36px);--section:85px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.mobile-menu{position:absolute;top:76px;inset-inline:18px;background:#fff;color:#111;border-radius:22px;box-shadow:0 20px 65px rgba(0,0,0,.18);padding:12px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.25s}.mobile-menu.open{display:grid;transform:none;opacity:1;pointer-events:auto}.mobile-menu a{padding:14px 15px;text-decoration:none;font-weight:800;border-bottom:1px solid #eee}.mobile-menu a:last-child{border:0}.nav-shell{height:76px}.brand-mark strong{max-width:160px}.hero-shell,.template-beauty .hero-shell,.template-consultant .hero-shell{grid-template-columns:1fr;padding-top:125px;padding-bottom:90px;gap:45px}.hero-v3{min-height:auto}.hero-content h1{font-size:clamp(3.5rem,12vw,6.5rem)}.hero-visual{max-width:640px;width:82%;margin-inline:auto}.visual-frame{aspect-ratio:1.2!important;border-radius:30px!important}.floating-proof{inset-inline-start:-20px;bottom:35px}.scroll-cue{display:none}.about-grid,.template-consultant .section-about .about-grid{grid-template-columns:1fr}.section-kicker{margin-bottom:20px}.stats-wall{grid-column:auto}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading h2{font-size:clamp(2.5rem,7vw,4.8rem)}.gallery-item,.gallery-item.featured{grid-column:span 6;grid-row:auto}.gallery-item.featured .gallery-open,.gallery-open{min-height:440px}.video-grid,.faq-grid,.form-layout,.contact-grid{grid-template-columns:1fr}.video-v3{margin-top:10px}.contact-copy h2{font-size:clamp(3.2rem,9vw,6rem)}.contact-form{max-width:720px}.mobile-actions{display:grid;position:fixed;z-index:999;bottom:0;left:0;right:0;grid-template-columns:repeat(3,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.93);backdrop-filter:blur(18px);box-shadow:0 -8px 28px rgba(0,0,0,.12);gap:7px}.mobile-actions a{padding:12px 6px;border-radius:12px;text-align:center;text-decoration:none;font-weight:800;font-size:12px;background:#f1f3f5;color:#111}.mobile-actions a.primary{background:var(--brand);color:#fff}.site-footer{padding-bottom:100px}} @media(max-width:620px){.site-v3{--shell:calc(100% - 28px);--section:72px}.brand-mark small{display:none}.brand-mark img,.brand-mark>span{width:40px;height:40px;border-radius:11px}.nav-shell{gap:10px}.hero-shell{padding-top:110px;gap:30px}.hero-content h1{font-size:clamp(3rem,16vw,5rem);letter-spacing:-.06em}.hero-lead{font-size:15px;line-height:1.85}.hero-cta-row{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-contact-strip{display:grid;grid-template-columns:1fr 1fr;gap:0}.hero-contact-strip a{min-width:0;padding:13px 12px!important;border:1px solid rgba(255,255,255,.12);border-radius:12px}.hero-visual{width:100%}.visual-frame{aspect-ratio:1.1!important}.floating-proof{inset-inline-start:10px;bottom:20px;padding:11px 13px}.floating-proof strong{font-size:18px}.about-copy h2,.section-heading h2{font-size:clamp(2.35rem,12vw,3.7rem)}.stats-wall article{min-height:120px;padding:18px}.stats-wall strong{font-size:2.2rem}.about-links{flex-wrap:wrap}.services-v3,.catalog-v3,.reviews-v3,.team-v3,.certificates-v3{grid-template-columns:1fr}.service-card{min-height:310px}.service-card h3{margin-top:55px}.gallery-v3{display:block}.gallery-item{margin-bottom:10px}.gallery-open,.gallery-item.featured .gallery-open{min-height:440px}.partners-v3{display:grid;grid-template-columns:1fr 1fr}.partners-v3 a{width:100%;height:90px}.form-v3{grid-template-columns:1fr;padding:20px}.form-v3 label.full,.form-v3>.btn{grid-column:auto}.contact-direct a{grid-template-columns:75px 1fr}.footer-info-grid{grid-template-columns:1fr}.qr-mini{flex-wrap:wrap}.site-footer .section-shell{flex-direction:column}.site-footer div div{flex-wrap:wrap}.preview-ribbon{left:14px;right:14px;transform:none;border-radius:16px;bottom:72px;justify-content:center}.preview-ribbon span{display:none}.lightbox{padding:16px}.lightbox img{max-width:100%;max-height:78vh}.lightbox>button{top:12px;right:12px}} /* v3.8 Growth / Conversion / Content Studio */ .announcement-bar{position:relative;z-index:1200;display:flex;align-items:center;justify-content:center;gap:18px;min-height:42px;padding:8px 5vw;background:var(--brand-2);color:#fff;font-size:.88rem;letter-spacing:.01em}.announcement-bar a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55)} .section-v3.bg-soft{background:color-mix(in srgb,var(--brand) 5%,#f7f8fb)}.section-v3.bg-brand{background:var(--brand);color:#fff}.section-v3.bg-dark{background:#0b1020;color:#fff}.section-v3.bg-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,#fff),color-mix(in srgb,var(--brand-2) 7%,#fff))}.section-v3.width-contained>.section-shell{max-width:1120px}.section-v3.width-full>.section-shell{max-width:none;width:100%;padding-inline:5vw}.section-v3.spacing-compact{padding-block:56px}.section-v3.spacing-comfortable{padding-block:92px}.section-v3.spacing-airy{padding-block:140px}.section-v3.accent-line{border-block-start:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}.section-v3.accent-glow{position:relative;overflow:hidden}.section-v3.accent-glow:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--brand);filter:blur(140px);opacity:.08;inset:-160px auto auto 8%;pointer-events:none} .section-conversion{background:#fff}.conversion-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.conversion-card,.before-after-card{position:relative;grid-column:span 4;border:1px solid rgba(15,23,42,.09);border-radius:calc(var(--radius) + 8px);overflow:hidden;background:#fff;box-shadow:0 18px 60px rgba(15,23,42,.07)}.conversion-card>img{width:100%;height:230px;object-fit:cover}.conversion-card>div,.before-after-card>div:last-child{padding:28px}.conversion-card small,.before-after-card small{color:var(--brand);font-weight:800}.conversion-card h3,.before-after-card h3{font-family:var(--heading-font);font-size:clamp(1.35rem,2vw,2rem);margin:9px 0}.conversion-card p,.before-after-card p{color:#64748b;line-height:1.9}.conversion-card a{display:inline-flex;margin-top:20px;padding:12px 18px;border-radius:999px;background:var(--brand-2);color:#fff;text-decoration:none;font-weight:800}.conversion-price{display:block;font-size:1.7rem;margin-top:14px;color:var(--brand-2)}.conversion-badge{position:absolute;z-index:2;top:16px;inset-inline-start:16px;padding:7px 12px;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;font-size:.78rem}.conversion-card.type-pricing{border-color:color-mix(in srgb,var(--brand) 35%,transparent)}.before-after-card{grid-column:span 8}.before-after-media{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}.before-after-media figure{margin:0;position:relative;min-height:320px}.before-after-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after-media span{position:absolute;bottom:14px;inset-inline-start:14px;background:rgba(0,0,0,.7);color:#fff;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:800} .conversion-popup{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.58);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.25s}.conversion-popup.open{opacity:1;visibility:visible}.conversion-popup-card{position:relative;width:min(520px,100%);padding:36px;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.25);text-align:center}.conversion-popup-card>button{position:absolute;top:12px;inset-inline-end:14px;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.conversion-popup-card>span{display:inline-block;color:var(--brand);font-weight:900}.conversion-popup-card h3{font-family:var(--heading-font);font-size:2rem;margin:12px 0}.conversion-popup-card p{color:#64748b;line-height:1.8}.conversion-popup-card a{display:inline-flex;margin-top:18px;padding:13px 22px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:800}.mobile-actions.is-disabled{display:none!important} .gallery-v3 img{object-position:50% 50%} @media(max-width:900px){.conversion-card,.before-after-card{grid-column:1/-1}.before-after-media figure{min-height:220px}.section-v3.spacing-airy{padding-block:88px}.announcement-bar{justify-content:space-between;font-size:.78rem}.conversion-grid{gap:16px}} .album-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.album-filters button{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:9px 15px;font:inherit;font-weight:800;cursor:pointer}.album-filters button.active{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.gallery-item.album-hidden{display:none!important} .offer-countdown{display:block;width:max-content;margin-top:12px;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand-2);font-size:.78rem;font-weight:900} /* ========================================================= v3.9 Hero Carousel ========================================================= */ .hero-carousel-v39{position:relative;min-height:100svh;height:clamp(650px,100svh,1080px);overflow:hidden;background:#06090f;color:#fff;isolation:isolate}.carousel-stage,.carousel-slide{position:absolute;inset:0}.carousel-slide{opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .75s ease,transform 1.3s cubic-bezier(.2,.7,.2,1),visibility .75s}.carousel-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.carousel-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.carousel-slide.no-image{background:radial-gradient(circle at 80% 22%,color-mix(in srgb,var(--brand) 42%,transparent),transparent 35%),linear-gradient(135deg,var(--brand-2),#070b13 70%)}.carousel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,16,var(--slide-overlay, .45)) 0%,rgba(4,8,16,var(--slide-overlay, .45)) 42%,rgba(4,8,16,.12) 75%,rgba(4,8,16,.28) 100%)}[dir="rtl"] .carousel-shade{background:linear-gradient(270deg,rgba(4,8,16,var(--slide-overlay, .45)) 0%,rgba(4,8,16,var(--slide-overlay, .45)) 42%,rgba(4,8,16,.12) 75%,rgba(4,8,16,.28) 100%)}.carousel-slide-shell{position:relative;z-index:2;width:min(1540px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;padding-top:72px}.carousel-copy{width:min(760px,65vw);display:grid;gap:22px;transform:translateY(28px);opacity:0;transition:transform .75s .15s ease,opacity .75s .15s ease}.carousel-slide.is-active .carousel-copy{transform:translateY(0);opacity:1}.carousel-slide.text-center .carousel-slide-shell{justify-content:center;text-align:center}.carousel-slide.text-center .carousel-copy{justify-items:center}.carousel-slide.text-left .carousel-slide-shell{justify-content:flex-end;text-align:left}.carousel-slide.text-right .carousel-slide-shell{justify-content:flex-start;text-align:right}.carousel-eyebrow{display:flex;align-items:center;gap:11px;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78)}.carousel-eyebrow span{width:36px;height:1px;background:var(--brand)}.carousel-copy h1{font-family:var(--heading-font);font-size:var(--display);line-height:.98;letter-spacing:-.045em;margin:0;max-width:1000px;text-wrap:balance}.carousel-copy p{font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.9;color:rgba(255,255,255,.8);max-width:680px;margin:0}.carousel-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.carousel-primary,.carousel-secondary{min-height:54px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;transition:.25s}.carousel-primary{background:var(--brand);color:#fff;box-shadow:0 14px 40px color-mix(in srgb,var(--brand) 35%,transparent)}.carousel-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.carousel-secondary{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);color:#fff}.carousel-secondary:hover{background:rgba(255,255,255,.16)}.carousel-counter{position:absolute;z-index:3;inset-inline-end:clamp(28px,5vw,76px);bottom:56px;font-size:.8rem;letter-spacing:.15em;color:rgba(255,255,255,.65)}.carousel-arrows{position:absolute;z-index:5;inset-inline-end:clamp(28px,5vw,76px);top:50%;transform:translateY(-50%);display:grid;gap:10px}.carousel-arrows button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(8,12,18,.22);color:#fff;backdrop-filter:blur(12px);cursor:pointer;font-size:20px;transition:.25s}.carousel-arrows button:hover{background:#fff;color:#0f172a;transform:scale(1.04)}.carousel-dots{position:absolute;z-index:5;bottom:52px;inset-inline-start:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center}.carousel-dots button{width:28px;height:3px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:.35s}.carousel-dots button.is-active{width:60px;background:#fff}.carousel-scroll{position:absolute;z-index:5;bottom:44px;inset-inline-start:clamp(28px,5vw,76px);color:rgba(255,255,255,.65);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.carousel-scroll span{width:28px;height:1px;background:currentColor}.announcement-bar+.site-nav+.hero-carousel-v39{min-height:calc(100svh - 42px)} @media(max-width:900px){.hero-carousel-v39{height:92svh;min-height:680px}.carousel-slide-shell{width:min(100% - 36px,760px);align-items:flex-end;padding:120px 0 110px}.carousel-copy{width:100%;gap:16px}.carousel-copy h1{font-size:clamp(2.55rem,12vw,5.2rem);line-height:1.04}.carousel-copy p{font-size:.98rem;line-height:1.8}.carousel-slide.text-left .carousel-slide-shell,.carousel-slide.text-center .carousel-slide-shell{justify-content:flex-start;text-align:right}.carousel-slide.text-center .carousel-copy{justify-items:start}.carousel-arrows{top:auto;bottom:44px;inset-inline-end:18px;display:flex}.carousel-arrows button{width:44px;height:44px}.carousel-dots{bottom:55px;inset-inline-start:50%}.carousel-counter,.carousel-scroll{display:none}.carousel-shade,[dir="rtl"] .carousel-shade{background:linear-gradient(0deg,rgba(4,8,16,.82),rgba(4,8,16,.28) 65%,rgba(4,8,16,.18))}} @media(max-width:560px){.hero-carousel-v39{min-height:640px}.carousel-slide-shell{padding-bottom:120px}.carousel-actions{width:100%}.carousel-primary,.carousel-secondary{min-height:50px;padding:0 18px}.carousel-copy h1{font-size:clamp(2.35rem,13vw,4.4rem)}.carousel-dots{inset-inline-start:18px;transform:none;bottom:63px}.carousel-dots button{width:18px}.carousel-dots button.is-active{width:38px}} @media(prefers-reduced-motion:reduce){.carousel-slide,.carousel-copy{transition:none}.carousel-slide{transform:none}} /* ===== v4 Sales Demo Mode ===== */ .sales-demo-bar{position:fixed;z-index:1200;top:0;left:0;right:0;min-height:54px;padding:9px max(16px,env(safe-area-inset-right)) 9px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(7,17,31,.94);backdrop-filter:blur(18px);color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.09);font-family:var(--body-font)}.sales-demo-bar>div{display:flex;align-items:center;gap:18px;min-width:0}.sales-demo-bar a{text-decoration:none}.sales-demo-bar>div>a{color:#93c5fd;font-weight:800;white-space:nowrap}.sales-demo-bar span{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-demo-bar b{color:#fff}.sales-demo-cta{background:#fff;color:#07111f;padding:10px 16px;border-radius:999px;font-weight:900;white-space:nowrap}.is-sales-demo .site-nav{top:54px}.is-sales-demo .announcement-bar{margin-top:54px}.is-sales-demo .hero-carousel-v39,.is-sales-demo .hero-v3{scroll-margin-top:118px}.is-sales-demo .mobile-actionbar{bottom:0} @media(max-width:720px){.sales-demo-bar{min-height:60px;padding:8px 10px}.sales-demo-bar>div span{display:none}.sales-demo-bar>div{gap:8px}.sales-demo-bar>div>a{font-size:.78rem}.sales-demo-cta{font-size:.78rem;padding:9px 12px}.is-sales-demo .site-nav{top:60px}} /* v4.0.2 Arabic typography + demo visual cleanup */ html[dir="rtl"] body{font-kerning:normal;word-spacing:0;letter-spacing:0} html[dir="rtl"] .hero-content h1, html[dir="rtl"] .carousel-copy h1, html[dir="rtl"] .section-heading h2, html[dir="rtl"] .section-heading.compact h2, html[dir="rtl"] .about-copy h2, html[dir="rtl"] .contact-copy h2, html[dir="rtl"] .conversion-popup-card h3, html[dir="rtl"] .conversion-card h3, html[dir="rtl"] .before-after-card h3{ letter-spacing:0!important; line-height:1.24!important; text-wrap:pretty; overflow-wrap:normal; word-break:normal; } html[dir="rtl"] .hero-content h1{font-size:clamp(3.15rem,6.3vw,7.25rem)} html[dir="rtl"] .carousel-copy{width:min(760px,62vw);gap:18px} html[dir="rtl"] .carousel-copy h1{font-size:clamp(3rem,6vw,6.8rem);max-width:900px} html[dir="rtl"] .carousel-copy p, html[dir="rtl"] .hero-lead, html[dir="rtl"] .about-copy>p, html[dir="rtl"] .section-heading.compact>p, html[dir="rtl"] .service-card p, html[dir="rtl"] .conversion-card p, html[dir="rtl"] .before-after-card p{ line-height:2; letter-spacing:0!important; } html[dir="rtl"] .carousel-eyebrow, html[dir="rtl"] .eyebrow, html[dir="rtl"] .carousel-counter, html[dir="rtl"] .carousel-scroll, html[dir="rtl"] .scroll-cue{ letter-spacing:0!important; text-transform:none!important; } html[dir="rtl"] .carousel-eyebrow{font-size:.88rem;line-height:1.7} html[dir="rtl"] .carousel-slide.text-left .carousel-slide-shell, html[dir="rtl"] .carousel-slide.text-center .carousel-slide-shell, html[dir="rtl"] .carousel-slide.text-right .carousel-slide-shell{justify-content:flex-start;text-align:right} html[dir="rtl"] .carousel-slide.text-center .carousel-copy{justify-items:start} html[dir="rtl"] .carousel-actions{justify-content:flex-start} html[dir="rtl"] .service-icon{font-family:var(--body-font);line-height:1;isolation:isolate} @media(max-width:900px){ html[dir="rtl"] .carousel-copy{width:100%;max-width:680px;gap:14px} html[dir="rtl"] .carousel-copy h1{font-size:clamp(2.35rem,10.5vw,4.75rem);line-height:1.28!important} html[dir="rtl"] .hero-content h1{font-size:clamp(2.55rem,11vw,5rem);line-height:1.26!important} html[dir="rtl"] .section-heading h2, html[dir="rtl"] .about-copy h2, html[dir="rtl"] .contact-copy h2{line-height:1.3!important} } @media(max-width:560px){ html[dir="rtl"] .carousel-copy h1{font-size:clamp(2.15rem,11vw,3.7rem)} html[dir="rtl"] .carousel-copy p{font-size:.96rem;line-height:1.9} html[dir="rtl"] .carousel-eyebrow{font-size:.8rem} } /* v4.5 motion presets also animate carousel content when the active slide changes. */ .anim-fade .carousel-slide.is-active .carousel-copy{animation:spCarouselFade var(--motion-duration,.75s) both} .anim-fade-up .carousel-slide.is-active .carousel-copy{animation:spCarouselUp var(--motion-duration,.75s) both} .anim-slide-right .carousel-slide.is-active .carousel-copy{animation:spCarouselRight var(--motion-duration,.75s) both} .anim-slide-left .carousel-slide.is-active .carousel-copy{animation:spCarouselLeft var(--motion-duration,.75s) both} .anim-zoom .carousel-slide.is-active .carousel-copy{animation:spCarouselZoom var(--motion-duration,.75s) both} .anim-none .carousel-slide.is-active .carousel-copy{animation:none!important} @keyframes spCarouselFade{from{opacity:0}to{opacity:1}} @keyframes spCarouselUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}} @keyframes spCarouselRight{from{opacity:0;transform:translateX(42px)}to{opacity:1;transform:none}} @keyframes spCarouselLeft{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:none}} @keyframes spCarouselZoom{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.carousel-slide.is-active .carousel-copy{animation:none!important}} /* ===== v4.6 Multilingual + Section Motion + Header Identity + Mobile hardening ===== */ /* Header identity is opt-in so legacy themes keep their transparent hero header. */ .custom-header-colors .site-nav, .custom-header-colors .site-nav.scrolled{background:var(--header-bg)!important;color:var(--header-text)!important;backdrop-filter:blur(20px);box-shadow:0 1px 0 color-mix(in srgb,var(--header-text) 12%,transparent)} .custom-header-colors .site-nav .desktop-nav a,.custom-header-colors .site-nav .lang-link,.custom-header-colors .site-nav .menu-toggle{color:var(--header-text)!important} .custom-header-colors .site-nav .nav-cta,.custom-header-colors .site-nav.scrolled .nav-cta{background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important} .custom-header-colors .mobile-menu{background:var(--header-bg)!important;color:var(--header-text)!important;border:1px solid color-mix(in srgb,var(--header-text) 12%,transparent)} /* Every section can override the global animation independently. */ .section-v3 .reveal{transition-duration:var(--section-motion-duration,var(--motion-duration,.75s))!important} .section-v3.section-anim-none .reveal{opacity:1!important;transform:none!important;transition:none!important} .section-v3.section-anim-fade .reveal{transform:none!important} .section-v3.section-anim-fade-up .reveal{transform:translateY(30px)!important} .section-v3.section-anim-slide-right .reveal{transform:translateX(46px)!important} .section-v3.section-anim-slide-left .reveal{transform:translateX(-46px)!important} .section-v3.section-anim-zoom .reveal{transform:scale(.94)!important} .section-v3 .reveal.in{opacity:1!important;transform:none!important} /* Design Studio hero/card choices now affect the public site, not only the preview card. */ .hero-style-centered:not(.template-beauty) .hero-v3 .hero-shell{grid-template-columns:1fr;text-align:center;justify-items:center} .hero-style-centered .hero-v3 .hero-content{max-width:980px}.hero-style-centered .hero-v3 .hero-cta-row,.hero-style-centered .hero-v3 .eyebrow{justify-content:center}.hero-style-centered .hero-v3 .hero-contact-strip{justify-content:center}.hero-style-centered .hero-v3 .hero-visual{width:min(640px,76vw)} .hero-style-minimal .hero-v3 .hero-visual{display:none}.hero-style-minimal .hero-v3 .hero-shell{grid-template-columns:1fr}.hero-style-minimal .hero-v3 .hero-content{max-width:1080px} .hero-style-editorial .hero-v3 .hero-content h1{font-weight:500}.hero-style-editorial .hero-v3 .visual-frame{border-radius:45% 45% 20px 20px} .hero-style-corporate .hero-v3 .visual-frame{border-radius:14px!important}.hero-style-corporate .hero-v3 .btn{border-radius:10px} .hero-style-creative .hero-v3 .visual-frame{transform:rotate(2deg)}.hero-style-creative .hero-v3 .hero-bg:after{content:"";position:absolute;width:48vw;height:48vw;border-radius:50%;background:var(--brand);filter:blur(140px);opacity:.16;inset:auto -18vw -25vw auto} .hero-style-service .hero-v3 .hero-content h1{max-width:1100px}.hero-style-service .hero-v3 .hero-lead{max-width:820px} .hero-style-dark .hero-v3{background:#05070b}.hero-style-dark .hero-v3 .hero-scrim{background:rgba(3,5,8,.78)} .card-style-bordered :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:none!important} .card-style-flat :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){box-shadow:none!important;border-radius:max(8px,calc(var(--radius) * .65))} .card-style-glass :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:color-mix(in srgb,#fff 84%,transparent)!important;backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(15,23,42,.08)} .card-style-luxury :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border:1px solid color-mix(in srgb,var(--brand-2) 34%,var(--line));box-shadow:0 22px 70px color-mix(in srgb,var(--brand-2) 9%,transparent)} .card-style-compact :is(.service-card,.product-body,.review-card,.team-card,.certificate-card>div,.conversion-card,.before-after-card,.form-v3){padding:clamp(18px,2.5vw,30px)!important} /* English/LTR needs its own typography and alignment; Arabic rules above must not leak into it. */ html[dir="ltr"] body{font-family:var(--body-font),Arial,sans-serif;letter-spacing:0} html[dir="ltr"] .carousel-copy h1,html[dir="ltr"] .hero-content h1,html[dir="ltr"] .section-heading h2,html[dir="ltr"] .about-copy h2,html[dir="ltr"] .contact-copy h2{letter-spacing:-.025em;line-height:1.08} html[dir="ltr"] .carousel-slide.text-left .carousel-slide-shell{justify-content:flex-start;text-align:left}html[dir="ltr"] .carousel-slide.text-right .carousel-slide-shell{justify-content:flex-end;text-align:right} html[dir="ltr"] .carousel-shade{background:linear-gradient(90deg,rgba(4,8,16,var(--slide-overlay,.45)) 0%,rgba(4,8,16,var(--slide-overlay,.45)) 42%,rgba(4,8,16,.12) 75%,rgba(4,8,16,.28) 100%)} /* Mobile public profile rebuilt around safe viewport widths and touch targets. */ html,body{max-width:100%;overflow-x:clip}.site-v3 main{max-width:100%;overflow:clip} @media(max-width:900px){ .site-v3{--shell:calc(100% - 32px);--section:clamp(62px,16vw,92px)} .section-shell,.nav-shell,.hero-shell,.carousel-slide-shell{max-width:100%} .site-nav{width:100vw}.nav-shell{height:70px;gap:8px}.brand-mark{max-width:calc(100% - 120px)}.brand-mark strong{max-width:44vw}.brand-mark small{max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark img,.brand-mark>span{flex:0 0 auto} .nav-actions{gap:7px}.lang-link{min-width:38px;text-align:center;padding:8px;border-radius:10px;background:color-mix(in srgb,currentColor 8%,transparent)}.menu-toggle{width:42px;height:42px;flex:0 0 42px} .mobile-menu{top:72px;inset-inline:12px;border-radius:18px;max-height:calc(100svh - 92px);overflow:auto}.mobile-menu a{min-height:48px;display:flex;align-items:center} .hero-v3{min-height:auto}.hero-shell,.template-beauty .hero-shell,.template-consultant .hero-shell,.hero-style-centered .hero-v3 .hero-shell{grid-template-columns:minmax(0,1fr);padding-top:105px;padding-bottom:68px;gap:34px;text-align:inherit;justify-items:stretch} .hero-content,.hero-style-centered .hero-v3 .hero-content{max-width:100%;min-width:0}.hero-content h1{font-size:clamp(2.65rem,12vw,5.4rem)!important;line-height:1.13!important;overflow-wrap:anywhere}.hero-lead{font-size:1rem;line-height:1.85;max-width:100%} .hero-style-centered .hero-v3 .eyebrow,.hero-style-centered .hero-v3 .hero-cta-row{justify-content:flex-start}.hero-style-centered .hero-v3 .hero-contact-strip{justify-content:stretch}.hero-style-centered .hero-v3 .hero-visual{width:100%} .hero-cta-row{gap:10px}.hero-cta-row .btn{min-width:0}.hero-contact-strip{width:100%;overflow:auto;padding-bottom:4px}.hero-contact-strip a{min-width:138px} .hero-visual{width:100%;max-width:680px}.visual-frame{width:100%;aspect-ratio:4/3!important}.floating-proof{inset-inline-start:12px;bottom:14px;max-width:calc(100% - 24px)} .hero-carousel-v39{height:auto;min-height:100svh}.carousel-slide-shell{width:calc(100% - 32px);min-height:100svh;padding:108px 0 124px;align-items:flex-end}.carousel-copy{width:100%!important;max-width:100%;min-width:0;gap:14px}.carousel-copy h1{font-size:clamp(2.45rem,11vw,4.8rem)!important;line-height:1.14!important;overflow-wrap:anywhere}.carousel-copy p{max-width:100%;font-size:1rem;line-height:1.8}.carousel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}.carousel-primary,.carousel-secondary{width:100%;padding:0 14px;min-height:50px;text-align:center}.carousel-arrows{bottom:20px;inset-inline-end:16px}.carousel-dots{bottom:33px;inset-inline-start:16px;transform:none}.carousel-slide>img{object-position:center} .section-heading,.about-grid,.video-grid,.faq-grid,.form-layout,.contact-grid{min-width:0}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:clamp(2.2rem,9.5vw,4rem)!important;line-height:1.22!important;overflow-wrap:anywhere}.section-heading>p,.about-copy>p,.contact-copy>p{max-width:100%} .services-v3,.catalog-v3,.reviews-v3,.team-v3,.certificates-v3{grid-template-columns:minmax(0,1fr)}.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card{min-width:0}.service-card{min-height:280px} .gallery-v3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-item,.gallery-item.featured{grid-column:auto!important;margin:0}.gallery-open,.gallery-item.featured .gallery-open{min-height:0!important;aspect-ratio:1/1.08}.gallery-item.featured{grid-column:1/-1!important}.gallery-item.featured .gallery-open{aspect-ratio:16/10} .album-filters{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:none}.album-filters::-webkit-scrollbar{display:none}.album-filters button{white-space:nowrap;flex:0 0 auto} .form-v3{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);padding:20px}.form-v3 label,.form-v3 input,.form-v3 select,.form-v3 textarea{min-width:0}.form-v3 input,.form-v3 select,.form-v3 textarea{font-size:16px}.form-v3 label.full,.form-v3>.btn{grid-column:auto}.form-v3>.btn{width:100%} .contact-v3{padding-block:80px}.contact-direct{margin-top:30px}.contact-direct a{grid-template-columns:82px minmax(0,1fr)}.contact-direct b{min-width:0;overflow-wrap:anywhere}.footer-info{padding-block:64px}.footer-info-grid{gap:34px}.qr-mini{align-items:flex-start} .mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:max(8px,env(safe-area-inset-left),env(safe-area-inset-right))}.mobile-actions a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .site-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))} } @media(max-width:520px){ .site-v3{--shell:calc(100% - 24px);--section:62px}.brand-mark div{max-width:45vw}.brand-mark strong{font-size:.82rem}.nav-actions{margin-inline-start:auto} .hero-shell{padding-top:92px;padding-bottom:54px}.hero-content h1{font-size:clamp(2.45rem,13.5vw,4.25rem)!important}.hero-lead{font-size:.94rem}.hero-cta-row{display:grid;grid-template-columns:minmax(0,1fr)}.hero-cta-row .btn{width:100%}.hero-contact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.hero-contact-strip a{min-width:0!important} .carousel-slide-shell{width:calc(100% - 24px);padding-top:92px;padding-bottom:112px}.carousel-copy h1{font-size:clamp(2.25rem,12.8vw,3.75rem)!important}.carousel-actions{grid-template-columns:minmax(0,1fr)}.carousel-arrows button{width:40px;height:40px}.carousel-dots{max-width:calc(100% - 120px);overflow:hidden} .gallery-v3{grid-template-columns:minmax(0,1fr)}.gallery-item.featured{grid-column:auto!important}.gallery-open,.gallery-item.featured .gallery-open{aspect-ratio:4/3} .partners-v3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.partners-v3 a{min-width:0}.stats-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-wall article{min-width:0} .contact-copy h2{font-size:clamp(2.35rem,12vw,3.55rem)!important}.contact-direct a{grid-template-columns:68px minmax(0,1fr);gap:10px}.qr-mini{display:grid!important;grid-template-columns:auto minmax(0,1fr)} .sales-demo-bar{gap:6px}.sales-demo-cta{max-width:48vw;overflow:hidden;text-overflow:ellipsis}.preview-ribbon{font-size:.78rem} } @media(prefers-reduced-motion:reduce){.section-v3 .reveal{opacity:1!important;transform:none!important;transition:none!important}} .section-hidden{display:none!important}.stats-zone-v46{min-width:0}.stats-heading-v46{margin-bottom:18px}.stats-heading-v46 h3{margin:0 0 6px;font:800 var(--h3) var(--heading-font)}.stats-heading-v46 p,.partner-description,.footer-info-heading p{margin:0;color:var(--muted);line-height:1.8}.footer-info-heading{margin-bottom:34px}.footer-info-heading h2{font:800 clamp(2rem,4vw,4rem)/1.15 var(--heading-font);margin:0 0 10px}.section-partners .partner-description{text-align:center;margin:-16px auto 30px;max-width:760px} .section-v3.accent-number .section-index{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 22%,transparent)} /* ========================================================= v4.7 Theme wiring + display modes + mobile gallery/carousel ========================================================= */ /* ThemeDefinition keys now reach the public profile as real body classes. */ .theme-executive{--theme-edge:12px;--theme-panel:color-mix(in srgb,var(--brand) 5%,#fff)} .theme-executive .section-heading{grid-template-columns:150px minmax(0,1fr)} .theme-executive .service-card,.theme-executive .product-card,.theme-executive .review-card{border-radius:12px} .theme-executive .section-index{border-radius:10px} .theme-medical{--theme-edge:24px;--theme-panel:color-mix(in srgb,var(--brand) 6%,#fff)} .theme-medical .service-card,.theme-medical .product-card,.theme-medical .review-card,.theme-medical .form-v3{border-radius:max(20px,var(--radius))} .theme-medical .section-index{background:color-mix(in srgb,var(--brand) 10%,#fff);border-color:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand)} .theme-minimal{--theme-edge:8px;--theme-panel:#fff} .theme-minimal .hero-orb,.theme-minimal .floating-proof{display:none} .theme-minimal .section-v3{border-top:1px solid var(--line)} .theme-minimal .service-card,.theme-minimal .product-card,.theme-minimal .review-card{box-shadow:none!important} .theme-minimal .section-heading h2{font-weight:600} .theme-luxury{--theme-edge:6px;--theme-panel:color-mix(in srgb,var(--brand) 5%,#fbf7f1)} .theme-luxury .section-index{border-radius:4px;border-color:color-mix(in srgb,var(--brand) 45%,transparent)} .theme-luxury .service-card,.theme-luxury .product-card,.theme-luxury .review-card{border-radius:max(6px,calc(var(--radius) * .7))} .theme-luxury .section-heading h2{font-weight:600} .theme-corporate{--theme-edge:10px;--theme-panel:#f7f8fa} .theme-corporate .section-v3{border-top:1px solid var(--line)} .theme-corporate .service-card,.theme-corporate .product-card,.theme-corporate .review-card,.theme-corporate .form-v3{border-radius:10px} .theme-corporate .section-index{border-radius:8px} .theme-creative{--theme-edge:28px;--theme-panel:color-mix(in srgb,var(--brand) 7%,#fff)} .theme-creative .section-heading h2{max-width:1050px} .theme-creative .service-card:nth-child(even),.theme-creative .product-card:nth-child(even){transform:translateY(22px)} .theme-creative .service-card,.theme-creative .product-card,.theme-creative .review-card{border-radius:max(24px,var(--radius))} .theme-creative .section-index{transform:rotate(-7deg);background:color-mix(in srgb,var(--brand) 10%,transparent)} .theme-service-pro{--theme-edge:14px;--theme-panel:color-mix(in srgb,var(--brand) 7%,#fff)} .theme-service-pro .service-card{border-radius:14px} .theme-service-pro .service-icon{width:54px;height:54px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:25px} .theme-service-pro .section-index{background:var(--brand);border-color:var(--brand);color:#fff} .theme-dark-premium{--theme-edge:20px;--theme-panel:#15171c} .theme-dark-premium .section-index{border-color:color-mix(in srgb,var(--brand) 45%,transparent);color:var(--brand)} .theme-dark-premium .service-card,.theme-dark-premium .product-card,.theme-dark-premium .review-card{border:1px solid color-mix(in srgb,var(--brand) 22%,rgba(255,255,255,.1));box-shadow:0 24px 70px rgba(0,0,0,.22)} /* Template families are also distinct; previously several keys fell back to consultant. */ .template-executive .hero-v3{background:#0b1424}.template-executive .visual-frame{border-radius:14px}.template-executive .hero-shell{grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr)} .template-minimal .hero-v3{background:#f7f8fa;color:#10131a}.template-minimal .hero-scrim{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.82),rgba(255,255,255,.35))}.template-minimal .hero-lead,.template-minimal .eyebrow{color:#59616d}.template-minimal .btn-ghost{color:#111;border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.6)}.template-minimal .hero-contact-strip{border-color:rgba(0,0,0,.12)}.template-minimal .hero-contact-strip span{color:#6d7480} .template-creative .hero-v3{background:#151028}.template-creative .visual-frame{border-radius:34px 90px 34px 90px;transform:rotate(2deg)}.template-creative .hero-shell{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)} .template-dark-premium .hero-v3{background:#050608}.template-dark-premium .hero-scrim{background:linear-gradient(90deg,rgba(3,4,6,.96),rgba(3,4,6,.78) 48%,rgba(3,4,6,.35))}.template-dark-premium .visual-frame{border-color:color-mix(in srgb,var(--brand) 45%,rgba(255,255,255,.15))} html[dir="rtl"] .template-minimal .hero-scrim{background:linear-gradient(270deg,rgba(255,255,255,.96),rgba(255,255,255,.82),rgba(255,255,255,.35))} html[dir="rtl"] .template-dark-premium .hero-scrim{background:linear-gradient(270deg,rgba(3,4,6,.96),rgba(3,4,6,.78) 48%,rgba(3,4,6,.35))} /* Actual Design Studio display options. */ .buttons-pill :is(.btn,.nav-cta,.carousel-primary,.carousel-secondary,.conversion-card a,.form-v3 button,.gallery-slider-nav button){border-radius:999px!important} .buttons-rounded :is(.btn,.nav-cta,.carousel-primary,.carousel-secondary,.conversion-card a,.form-v3 button){border-radius:max(10px,var(--radius))!important} .buttons-square :is(.btn,.nav-cta,.carousel-primary,.carousel-secondary,.conversion-card a,.form-v3 button,.gallery-slider-nav button){border-radius:4px!important} .services-compact .services-v3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0} .services-compact .service-card{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius)} .services-compact .service-card h3{margin:34px 0 10px}.services-compact .service-card a{padding-top:18px} .services-horizontal .services-v3{grid-template-columns:minmax(0,1fr);gap:12px;border:0} .services-horizontal .service-card{min-height:0;padding:24px 28px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);display:grid;grid-template-columns:74px minmax(0,1fr) auto;column-gap:24px;align-items:center} .services-horizontal .service-top{grid-column:1;grid-row:1 / span 3;display:grid;justify-items:center;gap:10px}.services-horizontal .service-card h3{grid-column:2;margin:0 0 8px}.services-horizontal .service-card p{grid-column:2;margin:0}.services-horizontal .service-card a{grid-column:3;grid-row:1 / span 3;margin:0;padding:12px 0 12px 24px;border-top:0;border-inline-start:1px solid rgba(255,255,255,.14);min-width:130px} .gallery-masonry .gallery-v3{display:block;columns:3 280px;column-gap:14px}.gallery-masonry .gallery-item,.gallery-masonry .gallery-item.featured{display:inline-block;width:100%;grid-column:auto;grid-row:auto;margin:0 0 14px;break-inside:avoid}.gallery-masonry .gallery-open,.gallery-masonry .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:4/3}.gallery-masonry .gallery-item:nth-child(3n+1) .gallery-open{aspect-ratio:4/5}.gallery-masonry .gallery-item:nth-child(4n) .gallery-open{aspect-ratio:16/10} .gallery-slider .gallery-v3{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 1px 16px}.gallery-slider .gallery-v3::-webkit-scrollbar{display:none}.gallery-slider .gallery-item,.gallery-slider .gallery-item.featured{flex:0 0:min(72vw,820px);grid-column:auto;grid-row:auto;scroll-snap-align:center;margin:0}.gallery-slider .gallery-open,.gallery-slider .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:16/10} .reviews-slider .reviews-v3{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.reviews-slider .reviews-v3::-webkit-scrollbar{display:none}.reviews-slider .review-card{flex:0 0:min(70vw,620px);scroll-snap-align:center} .reviews-quotes .reviews-v3{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}.reviews-quotes .review-card{min-height:0;background:transparent!important;box-shadow:none!important;border:0!important;border-block:1px solid var(--line)!important;border-radius:0!important;padding:38px 0}.reviews-quotes .review-card blockquote{font-size:clamp(1.35rem,2.2vw,2rem);text-align:center}.reviews-quotes .review-card footer{justify-content:center} /* Section-level backgrounds must win over the old hard-coded section backgrounds. */ .section-v3.bg-soft{background:color-mix(in srgb,var(--brand) 5%,#f7f8fb)!important;color:var(--ink)} .section-v3.bg-brand{background:var(--brand)!important;color:#fff}.section-v3.bg-brand :is(.section-heading>div,.section-heading>p,.section-kicker,.service-card p){color:rgba(255,255,255,.72)} .section-v3.bg-dark{background:#0b1020!important;color:#fff}.section-v3.bg-dark :is(.section-heading>div,.section-heading>p,.section-kicker){color:rgba(255,255,255,.68)} .section-v3.bg-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,#fff),color-mix(in srgb,var(--brand-2) 7%,#fff))!important;color:var(--ink)} /* Dark mode and system mode now affect the whole profile, not just a few cards. */ .mode-dark{--ink:#f4f6f8;--muted:#a7afbb;--paper:#0c0f14;--soft:#141820;--line:rgba(255,255,255,.12);--shadow:0 28px 80px rgba(0,0,0,.3);background:var(--paper);color:var(--ink)} .mode-dark .section-v3.bg-default,.mode-dark .footer-info,.mode-dark .site-footer{background:var(--paper)!important;color:var(--ink)} .mode-dark .section-v3.bg-soft{background:var(--soft)!important;color:var(--ink)} .mode-dark :is(.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#151a22;color:var(--ink);border-color:var(--line)} .mode-dark :is(.product-body p,.review-card blockquote,.faq-v3 p,.form-v3 span,.partner-description,.footer-info-heading p){color:var(--muted)} .mode-dark .site-nav.scrolled{background:rgba(12,15,20,.9);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.1)}.mode-dark .site-nav.scrolled .nav-cta{background:#fff;color:#111}.mode-dark .mobile-menu{background:#11161d;color:#fff;border:1px solid rgba(255,255,255,.1)}.mode-dark .mobile-menu a{border-color:rgba(255,255,255,.08)} .mode-dark .mobile-actions{background:rgba(12,15,20,.94);box-shadow:0 -8px 28px rgba(0,0,0,.28)}.mode-dark .mobile-actions a{background:#1b212b;color:#fff}.mode-dark .album-filters button{background:#151a22;color:#fff;border-color:rgba(255,255,255,.12)} @media(prefers-color-scheme:dark){ .mode-system{--ink:#f4f6f8;--muted:#a7afbb;--paper:#0c0f14;--soft:#141820;--line:rgba(255,255,255,.12);--shadow:0 28px 80px rgba(0,0,0,.3);background:var(--paper);color:var(--ink)} .mode-system .section-v3.bg-default,.mode-system .footer-info,.mode-system .site-footer{background:var(--paper)!important;color:var(--ink)} .mode-system .section-v3.bg-soft{background:var(--soft)!important;color:var(--ink)} .mode-system :is(.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#151a22;color:var(--ink);border-color:var(--line)} .mode-system :is(.product-body p,.review-card blockquote,.faq-v3 p,.form-v3 span,.partner-description,.footer-info-heading p){color:var(--muted)} .mode-system .site-nav.scrolled{background:rgba(12,15,20,.9);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.1)}.mode-system .site-nav.scrolled .nav-cta{background:#fff;color:#111}.mode-system .mobile-menu{background:#11161d;color:#fff;border:1px solid rgba(255,255,255,.1)}.mode-system .mobile-menu a{border-color:rgba(255,255,255,.08)} .mode-system .mobile-actions{background:rgba(12,15,20,.94)}.mode-system .mobile-actions a{background:#1b212b;color:#fff}.mode-system .album-filters button{background:#151a22;color:#fff;border-color:rgba(255,255,255,.12)} } /* Gallery controls: visible for desktop slider and always on mobile. */ .gallery-slider-nav{display:none;align-items:center;justify-content:center;gap:14px;margin-top:22px}.gallery-slider .gallery-slider-nav{display:flex}.gallery-slider-nav button{width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:18px;box-shadow:0 8px 26px rgba(0,0,0,.06)}.gallery-slider-nav span{display:flex;align-items:center;gap:7px;font-weight:800;min-width:76px;justify-content:center}.gallery-slider-nav span i{font-style:normal;color:var(--muted)}.gallery-slider-nav span em{font-style:normal;color:var(--muted)} /* Back to top */ .back-to-top{position:fixed;z-index:1040;inset-inline-end:26px;bottom:28px;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--paper) 92%,transparent);color:var(--ink);box-shadow:0 16px 42px rgba(0,0,0,.14);backdrop-filter:blur(14px);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:.22s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-2px)}.back-to-top span{font-size:20px;line-height:1} @media(max-width:900px){ /* On mobile the portfolio is intentionally a slider regardless of desktop gallery style. */ .site-v3 .gallery-v3,.site-v3.gallery-masonry .gallery-v3,.site-v3.gallery-grid .gallery-v3,.site-v3.gallery-slider .gallery-v3{display:flex!important;grid-template-columns:none!important;columns:auto!important;overflow-x:auto!important;overflow-y:hidden;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:8%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 8% 12px;margin-inline:-8%} .site-v3 .gallery-v3::-webkit-scrollbar{display:none} .site-v3 .gallery-item,.site-v3 .gallery-item.featured,.site-v3.gallery-masonry .gallery-item,.site-v3.gallery-masonry .gallery-item.featured{display:block!important;flex:0 0:min(82vw,430px)!important;width:auto!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;break-inside:auto;scroll-snap-align:center;transform:none!important} .site-v3 .gallery-open,.site-v3 .gallery-item.featured .gallery-open,.site-v3.gallery-masonry .gallery-open,.site-v3.gallery-masonry .gallery-item.featured .gallery-open{min-height:0!important;height:auto!important;aspect-ratio:4/3!important;border-radius:max(14px,var(--radius))} .site-v3 .gallery-slider-nav{display:flex} /* Mobile carousel is no longer full-screen; preserve a useful image crop and readable copy. */ .site-v3 .hero-carousel-v39{height:clamp(480px,72svh,620px)!important;min-height:480px!important;max-height:620px} .site-v3 .carousel-slide-shell{height:100%;min-height:0!important;width:calc(100% - 28px);padding:86px 0 78px!important;align-items:flex-end} .site-v3 .carousel-copy{gap:10px}.site-v3 .carousel-copy h1{font-size:clamp(2rem,9.6vw,3.3rem)!important;line-height:1.16!important}.site-v3 .carousel-copy p{font-size:.92rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.site-v3 .carousel-eyebrow{font-size:.7rem}.site-v3 .carousel-actions{gap:8px}.site-v3 .carousel-primary,.site-v3 .carousel-secondary{min-height:44px;padding:0 14px;font-size:.82rem}.site-v3 .carousel-arrows{bottom:18px}.site-v3 .carousel-dots{bottom:30px}.site-v3 .carousel-slide>img{object-fit:cover;object-position:center center} .services-horizontal .service-card{grid-template-columns:56px minmax(0,1fr);padding:20px;column-gap:14px}.services-horizontal .service-top{grid-column:1;grid-row:1 / span 2}.services-horizontal .service-card h3,.services-horizontal .service-card p{grid-column:2}.services-horizontal .service-card a{grid-column:1/-1;grid-row:auto;border-inline-start:0;border-top:1px solid rgba(255,255,255,.14);padding:16px 0 0;margin-top:14px}.services-compact .services-v3{grid-template-columns:minmax(0,1fr)} .theme-creative .service-card:nth-child(even),.theme-creative .product-card:nth-child(even){transform:none} .back-to-top{width:44px;height:44px;inset-inline-end:14px;bottom:calc(88px + env(safe-area-inset-bottom))} } @media(max-width:520px){ .site-v3 .gallery-v3{padding-inline:6%;margin-inline:-6%;scroll-padding-inline:6%}.site-v3 .gallery-item,.site-v3 .gallery-item.featured{flex-basis:86vw!important}.site-v3 .gallery-open,.site-v3 .gallery-item.featured .gallery-open{aspect-ratio:4/3!important} .site-v3 .hero-carousel-v39{height:clamp(440px,68svh,560px)!important;min-height:440px!important;max-height:560px}.site-v3 .carousel-slide-shell{padding-top:78px!important;padding-bottom:70px!important}.site-v3 .carousel-copy h1{font-size:clamp(1.85rem,9.8vw,2.85rem)!important}.site-v3 .carousel-copy p{font-size:.86rem;-webkit-line-clamp:2}.site-v3 .carousel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.site-v3 .carousel-primary,.site-v3 .carousel-secondary{width:100%;min-width:0}.site-v3 .carousel-dots{inset-inline-start:14px;bottom:26px}.site-v3 .carousel-arrows{inset-inline-end:14px;bottom:14px} } .gallery-slider-nav[hidden]{display:none!important} .mode-light{--ink:#10131a;--muted:#6d7480;--paper:#fff;--soft:#f4f5f7;--line:rgba(16,19,26,.11);background:#fff;color:var(--ink)} /* v4.8.1 public profile interaction fixes */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} /* Keep the complete carousel artwork visible on every screen size. */ .site-v3 .hero-carousel-v39,.site-v3 .carousel-slide{background:#06090f} .site-v3 .carousel-slide>img{object-fit:contain!important;object-position:center center!important;background:#06090f} .site-v3 .carousel-shade{pointer-events:none} /* Social links are compact animated icon buttons instead of text links. */ .social-v3{gap:10px;align-items:center} .social-v3 .social-icon{position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease;overflow:hidden} .social-v3 .social-icon:before{content:"";position:absolute;inset:50%;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,transparent);transition:inset .3s ease} .social-v3 .social-icon svg{position:relative;z-index:1;width:21px;height:21px;fill:currentColor;transition:transform .3s cubic-bezier(.2,.8,.2,1)} .social-v3 .social-icon:hover{transform:translateY(-5px) rotate(-2deg);border-color:color-mix(in srgb,var(--brand) 42%,var(--line));color:var(--brand);box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 16%,transparent)} .social-v3 .social-icon:hover:before{inset:0} .social-v3 .social-icon:hover svg{transform:scale(1.12) rotate(2deg)} .social-v3 .social-icon:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:3px} /* Desktop floating WhatsApp shortcut, visually paired with back-to-top. */ .floating-whatsapp{display:none} @media(min-width:901px){ .floating-whatsapp{position:fixed;z-index:1042;right:26px;bottom:28px;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 16px 42px rgba(18,140,77,.28);display:grid;place-items:center;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease} .floating-whatsapp:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(37,211,102,.32);border-radius:inherit;animation:spWhatsappPulse 2.2s ease-out infinite} .floating-whatsapp svg{width:27px;height:27px;fill:currentColor;position:relative;z-index:1} .floating-whatsapp>span{position:absolute;right:62px;white-space:nowrap;padding:8px 11px;border-radius:10px;background:#111827;color:#fff;font-size:11px;font-weight:800;opacity:0;visibility:hidden;transform:translateX(6px);transition:.2s ease;box-shadow:0 8px 24px rgba(0,0,0,.18)} .floating-whatsapp:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 48px rgba(18,140,77,.38);filter:saturate(1.08)} .floating-whatsapp:hover>span{opacity:1;visibility:visible;transform:none} } @keyframes spWhatsappPulse{0%{opacity:.75;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.32)}} @media(prefers-reduced-motion:reduce){.floating-whatsapp:before{animation:none}.social-v3 .social-icon,.social-v3 .social-icon svg{transition:none}} /* Mobile gallery: one proper slide at a time, swipeable with visible controls. */ @media(max-width:900px){ .site-v3 .section-work .gallery-v3,.site-v3.gallery-masonry .section-work .gallery-v3,.site-v3.gallery-grid .section-work .gallery-v3,.site-v3.gallery-slider .section-work .gallery-v3{display:flex!important;columns:auto!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth;scroll-padding:0!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0!important;margin:0!important;border-radius:max(14px,var(--radius))} .site-v3 .section-work .gallery-v3::-webkit-scrollbar{display:none} .site-v3 .section-work .gallery-item,.site-v3 .section-work .gallery-item.featured,.site-v3.gallery-masonry .section-work .gallery-item,.site-v3.gallery-masonry .section-work .gallery-item.featured{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;break-inside:auto!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;transform:none!important} .site-v3 .section-work .gallery-open,.site-v3 .section-work .gallery-item.featured .gallery-open,.site-v3.gallery-masonry .section-work .gallery-open,.site-v3.gallery-masonry .section-work .gallery-item.featured .gallery-open{display:block!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important;border-radius:max(14px,var(--radius))!important} .site-v3 .section-work .gallery-open img{object-fit:cover} .site-v3 .section-work .gallery-slider-nav{display:flex!important;margin-top:16px} } @media(max-width:520px){ .site-v3 .section-work .gallery-open,.site-v3 .section-work .gallery-item.featured .gallery-open{aspect-ratio:1/1!important} } /* ===== v5.1 Visual Profile Families ===== */ /* These families intentionally change composition, rhythm and surfaces — not only palette. */ .hero-style-bento .hero-v3{background:color-mix(in srgb,var(--brand-2) 88%,#020617)} .hero-style-bento .hero-v3 .hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:24px} .hero-style-bento .hero-v3 .hero-content{padding:clamp(30px,4vw,64px);border-radius:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)} .hero-style-bento .hero-v3 .hero-visual{display:grid;align-self:stretch}.hero-style-bento .hero-v3 .visual-frame{aspect-ratio:1/1;border-radius:32px} .hero-style-bento .hero-v3 .floating-proof{inset-inline-start:18px;bottom:18px}.hero-style-bento .hero-v3 .scroll-cue{display:none} .hero-style-signature .hero-v3{background:#f3eee6;color:#29241f} .hero-style-signature .hero-v3 .hero-bg{opacity:.16}.hero-style-signature .hero-v3 .hero-scrim{background:linear-gradient(90deg,#f3eee6 8%,rgba(243,238,230,.94) 48%,rgba(243,238,230,.55))} html[dir="rtl"] .hero-style-signature .hero-v3 .hero-scrim{background:linear-gradient(270deg,#f3eee6 8%,rgba(243,238,230,.94) 48%,rgba(243,238,230,.55))} .hero-style-signature .hero-v3 .eyebrow,.hero-style-signature .hero-v3 .hero-lead{color:#655b50}.hero-style-signature .hero-v3 .btn-ghost{color:#29241f;border-color:rgba(41,36,31,.2);background:rgba(255,255,255,.42)} .hero-style-signature .hero-v3 .hero-contact-strip{border-color:rgba(41,36,31,.14)}.hero-style-signature .hero-v3 .hero-contact-strip span{color:#756a5f} .hero-style-signature .hero-v3 .visual-frame{transform:rotate(-2deg);border-radius:8px;background:#fff;padding:10px;box-shadow:0 24px 60px rgba(72,54,34,.16)} .hero-style-signature .hero-v3 .visual-frame>img,.hero-style-signature .hero-v3 .logo-stage{border-radius:3px}.hero-style-signature .hero-v3 .floating-proof{background:#29241f;color:#fff;border-radius:4px} .hero-style-local .hero-v3{background:#36261e}.hero-style-local .hero-v3 .hero-shell{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)} .hero-style-local .hero-v3 .hero-content h1{font-size:clamp(3.3rem,6vw,7.4rem)}.hero-style-local .hero-v3 .visual-frame{aspect-ratio:4/3;border-radius:46% 46% 18px 18px} .hero-style-local .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(54,38,30,.96),rgba(54,38,30,.72),rgba(54,38,30,.28))} html[dir="rtl"] .hero-style-local .hero-v3 .hero-scrim{background:linear-gradient(270deg,rgba(54,38,30,.96),rgba(54,38,30,.72),rgba(54,38,30,.28))} .hero-style-editorial-grid .hero-v3{background:#efebe3;color:#111;min-height:94svh} .hero-style-editorial-grid .hero-v3 .hero-bg{inset-inline-start:55%;width:45%}.hero-style-editorial-grid .hero-v3 .hero-bg>img{filter:grayscale(.12) contrast(1.05)} .hero-style-editorial-grid .hero-v3 .hero-scrim{background:linear-gradient(90deg,#efebe3 0 55%,rgba(239,235,227,.1) 70%)} html[dir="rtl"] .hero-style-editorial-grid .hero-v3 .hero-scrim{background:linear-gradient(270deg,#efebe3 0 55%,rgba(239,235,227,.1) 70%)} .hero-style-editorial-grid .hero-v3 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);align-items:end;padding-bottom:54px} .hero-style-editorial-grid .hero-v3 .hero-content{align-self:end;max-width:980px}.hero-style-editorial-grid .hero-v3 .hero-content h1{font-weight:500;font-size:clamp(4rem,8.2vw,10rem);line-height:.88!important;color:#111} .hero-style-editorial-grid .hero-v3 .eyebrow,.hero-style-editorial-grid .hero-v3 .hero-lead{color:#49433a}.hero-style-editorial-grid .hero-v3 .hero-lead{max-width:580px} .hero-style-editorial-grid .hero-v3 .btn-ghost{color:#111;border-color:#111;background:transparent}.hero-style-editorial-grid .hero-v3 .hero-contact-strip{border-color:#bbb1a2}.hero-style-editorial-grid .hero-v3 .hero-contact-strip span{color:#746d63} .hero-style-editorial-grid .hero-v3 .hero-visual{opacity:0;pointer-events:none}.hero-style-editorial-grid .hero-v3 .scroll-cue{color:#111} .hero-style-aurora .hero-v3{background:radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--brand) 64%,transparent),transparent 32%),radial-gradient(circle at 20% 78%,#0ea5e9 0,transparent 26%),linear-gradient(145deg,#080b18,#15102c 58%,#050713)} .hero-style-aurora .hero-v3:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent)} .hero-style-aurora .hero-v3 .hero-scrim{background:rgba(6,8,18,.26)}.hero-style-aurora .hero-v3 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.78fr)} .hero-style-aurora .hero-v3 .hero-content{position:relative;padding:34px 0}.hero-style-aurora .hero-v3 .visual-frame{border-radius:36px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);box-shadow:0 40px 100px rgba(0,0,0,.38),0 0 90px color-mix(in srgb,var(--brand) 18%,transparent)} .hero-style-aurora .hero-v3 .floating-proof{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(22px)}.hero-style-aurora .hero-v3 .floating-proof small{color:rgba(255,255,255,.65)} .hero-style-showcase .hero-v3{min-height:100svh;background:#161616}.hero-style-showcase .hero-v3 .hero-bg{opacity:.92}.hero-style-showcase .hero-v3 .hero-scrim{background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.08) 70%)} .hero-style-showcase .hero-v3 .hero-shell{grid-template-columns:1fr;align-items:end;padding-bottom:52px}.hero-style-showcase .hero-v3 .hero-content{max-width:1120px;padding:28px 32px;border-inline-start:4px solid var(--brand);background:rgba(10,10,10,.34);backdrop-filter:blur(10px)} .hero-style-showcase .hero-v3 .hero-content h1{font-size:clamp(4rem,7vw,8.4rem)}.hero-style-showcase .hero-v3 .hero-visual{display:none}.hero-style-showcase .hero-v3 .hero-contact-strip{max-width:720px}.hero-style-showcase .hero-v3 .scroll-cue{inset-inline-end:6%;left:auto;transform:none} .hero-style-neon .hero-v3{background:#040711}.hero-style-neon .hero-v3:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,211,238,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.055) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(58deg) scale(1.7);transform-origin:center bottom;opacity:.65} .hero-style-neon .hero-v3 .hero-scrim{background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--brand) 18%,transparent),rgba(4,7,17,.9) 48%)} .hero-style-neon .hero-v3 .hero-content h1{text-shadow:0 0 36px color-mix(in srgb,var(--brand) 24%,transparent)}.hero-style-neon .hero-v3 .visual-frame{border-radius:16px;border:1px solid color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 80px color-mix(in srgb,var(--brand) 20%,transparent)} .hero-style-neon .hero-v3 .btn-primary{box-shadow:0 0 30px color-mix(in srgb,var(--brand) 34%,transparent)} .hero-style-prestige .hero-v3{background:#0b0b0b}.hero-style-prestige .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(4,4,4,.97),rgba(4,4,4,.76) 47%,rgba(4,4,4,.25))} html[dir="rtl"] .hero-style-prestige .hero-v3 .hero-scrim{background:linear-gradient(270deg,rgba(4,4,4,.97),rgba(4,4,4,.76) 47%,rgba(4,4,4,.25))} .hero-style-prestige .hero-v3 .hero-content h1{font-weight:500}.hero-style-prestige .hero-v3 .eyebrow span{width:70px;height:1px}.hero-style-prestige .hero-v3 .visual-frame{border-radius:0;border-color:color-mix(in srgb,var(--brand) 44%,transparent);box-shadow:18px 18px 0 color-mix(in srgb,var(--brand) 16%,transparent)} .hero-style-prestige .hero-v3 .floating-proof{border-radius:0;border:1px solid color-mix(in srgb,var(--brand) 35%,#333)} .card-style-bento :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border-radius:26px!important;border:1px solid color-mix(in srgb,var(--brand) 10%,var(--line));box-shadow:0 18px 50px rgba(15,23,42,.07)} .card-style-paper :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#fffdf8!important;border:1px solid #ded5c9!important;box-shadow:5px 6px 0 #e6ddd2!important;border-radius:8px!important} .card-style-warm :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#fffaf3!important;border:1px solid #ead8c7!important;box-shadow:0 16px 40px rgba(88,53,31,.08)!important} .card-style-editorial :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border-radius:0!important;border:0!important;border-top:1px solid currentColor!important;background:transparent!important;box-shadow:none!important} .card-style-frosted :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:color-mix(in srgb,var(--paper) 70%,transparent)!important;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line))!important;backdrop-filter:blur(24px);box-shadow:0 24px 70px rgba(15,23,42,.10)!important} .card-style-overlay :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border-radius:18px!important;box-shadow:0 22px 54px rgba(0,0,0,.12)!important} .card-style-neon :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#080d1a!important;color:#edfaff!important;border:1px solid color-mix(in srgb,var(--brand) 34%,#192133)!important;box-shadow:inset 0 0 24px rgba(34,211,238,.025),0 0 28px rgba(34,211,238,.035)!important} .card-style-prestige :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){border-radius:0!important;border:1px solid color-mix(in srgb,var(--brand) 28%,#292929)!important;background:#111!important;color:#f6f0e7!important;box-shadow:none!important} /* Bento Studio */ .theme-studio-bento{--soft:#eef4ff;--line:rgba(37,99,235,.13);--theme-panel:#fff} .theme-studio-bento .section-v3{padding-block:clamp(72px,8vw,118px)}.theme-studio-bento .section-heading{grid-template-columns:120px minmax(0,1fr)} .theme-studio-bento .section-index{border-radius:14px;background:var(--brand);color:#fff;border-color:var(--brand)} .theme-studio-bento .services-v3{grid-template-columns:repeat(6,minmax(0,1fr));border:0;gap:14px}.theme-studio-bento .service-card{grid-column:span 2;border-radius:26px}.theme-studio-bento .service-card:nth-child(1),.theme-studio-bento .service-card:nth-child(4n){grid-column:span 3} .theme-studio-bento .stats-v3{gap:12px}.theme-studio-bento .stat-card{border-radius:22px;background:#fff;border:1px solid var(--line)} .theme-studio-bento .gallery-v3{gap:12px}.theme-studio-bento .gallery-open{border-radius:26px} /* Signature */ .theme-signature-paper{--paper:#f8f3eb;--soft:#eee6db;--ink:#29241f;--muted:#746a5f;--line:#d8cec0} .theme-signature-paper{background:var(--paper);color:var(--ink)}.theme-signature-paper .site-nav.scrolled{background:rgba(248,243,235,.9)} .theme-signature-paper .section-v3,.theme-signature-paper .section-about{background:var(--paper)!important}.theme-signature-paper .section-v3:nth-of-type(even){background:#f1eadf!important} .theme-signature-paper .section-heading{grid-template-columns:140px minmax(0,1fr);border-bottom:1px solid var(--line);padding-bottom:28px}.theme-signature-paper .section-index{border-radius:3px} .theme-signature-paper .section-heading h2,.theme-signature-paper .about-copy h2,.theme-signature-paper .contact-copy h2{font-weight:600}.theme-signature-paper .service-icon{font-size:26px} /* Local Warm */ .theme-local-warm{--paper:#fff8ef;--soft:#f5eadc;--ink:#3f2d20;--muted:#7e6859;--line:#ead8c7} .theme-local-warm{background:var(--paper);color:var(--ink)}.theme-local-warm .section-v3{background:var(--paper)}.theme-local-warm .section-v3:nth-of-type(even){background:var(--soft)} .theme-local-warm .section-index{border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,#fff);border-color:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--brand)} .theme-local-warm .service-card,.theme-local-warm .review-card{border-radius:28px}.theme-local-warm .gallery-open{border-radius:32px} .theme-local-warm .section-heading h2{max-width:980px}.theme-local-warm .btn-primary{box-shadow:0 16px 36px color-mix(in srgb,var(--brand) 18%,transparent)} /* Editorial Noir */ .theme-editorial-noir{--paper:#efebe3;--soft:#e3ded4;--ink:#111;--muted:#625c54;--line:#bdb5aa} .theme-editorial-noir{background:var(--paper);color:var(--ink)}.theme-editorial-noir .site-nav.scrolled{background:rgba(239,235,227,.94)} .theme-editorial-noir .section-v3,.theme-editorial-noir .section-about{background:var(--paper)!important;border-top:1px solid #111}.theme-editorial-noir .section-v3:nth-of-type(even){background:#e7e1d8!important} .theme-editorial-noir .section-heading{grid-template-columns:110px minmax(0,1fr);gap:28px}.theme-editorial-noir .section-heading h2{font-weight:500;max-width:1050px}.theme-editorial-noir .section-index{border-radius:0;border-color:#111;color:#111} .theme-editorial-noir .services-v3{grid-template-columns:1fr 1fr;border-top:1px solid #111}.theme-editorial-noir .service-card{min-height:240px;border-inline-end:1px solid #111!important}.theme-editorial-noir .service-card h3{font-size:clamp(1.5rem,2.3vw,2.5rem)} .theme-editorial-noir .gallery-v3{gap:2px}.theme-editorial-noir .gallery-open{border-radius:0} /* Aurora Glass */ .theme-aurora-glass{--soft:#eef0ff;--line:rgba(124,58,237,.13)} .theme-aurora-glass .section-v3:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 9%,transparent),transparent 68%);inset:-120px auto auto -150px;pointer-events:none} .theme-aurora-glass .section-index{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,#fff),#fff);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 24%,transparent)} .theme-aurora-glass .service-card,.theme-aurora-glass .review-card,.theme-aurora-glass .form-v3{border-radius:28px}.theme-aurora-glass .gallery-open{border-radius:28px;box-shadow:0 18px 50px rgba(15,23,42,.1)} /* Portfolio Canvas */ .theme-portfolio-canvas{--soft:#f1f1ef;--line:rgba(20,20,20,.13)} .theme-portfolio-canvas .section-heading{grid-template-columns:90px minmax(0,1fr)}.theme-portfolio-canvas .section-heading h2{max-width:1080px}.theme-portfolio-canvas .section-index{border-radius:50%;background:#171717;color:#fff} .theme-portfolio-canvas .section-work{padding-block:clamp(34px,5vw,72px)}.theme-portfolio-canvas .gallery-v3{gap:6px}.theme-portfolio-canvas .gallery-open{border-radius:6px}.theme-portfolio-canvas .gallery-item.featured .gallery-open{min-height:620px} .theme-portfolio-canvas .services-v3{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.theme-portfolio-canvas .service-card{min-height:260px} /* Neon Tech */ .theme-neon-tech{--paper:#050816;--soft:#080d1a;--ink:#ecfeff;--muted:#8fa8b6;--line:rgba(34,211,238,.18)} .theme-neon-tech{background:var(--paper);color:var(--ink)}.theme-neon-tech .site-nav.scrolled{background:rgba(5,8,22,.88);color:var(--ink);box-shadow:0 1px 0 var(--line)}.theme-neon-tech .site-nav.scrolled .nav-cta{background:var(--brand);color:#031014} .theme-neon-tech .section-v3,.theme-neon-tech .section-about{background:var(--paper)!important}.theme-neon-tech .section-v3:nth-of-type(even){background:var(--soft)!important} .theme-neon-tech .section-index{border-radius:4px;border-color:var(--brand);color:var(--brand);box-shadow:0 0 20px color-mix(in srgb,var(--brand) 12%,transparent)} .theme-neon-tech .section-heading h2,.theme-neon-tech .about-copy h2,.theme-neon-tech .contact-copy h2{color:var(--ink)}.theme-neon-tech .section-heading>div,.theme-neon-tech .section-heading>p,.theme-neon-tech .about-copy>p,.theme-neon-tech .service-card p{color:var(--muted)} .theme-neon-tech .gallery-open{border:1px solid var(--line);border-radius:14px}.theme-neon-tech .btn-primary{color:#041014} /* Prestige Noir */ .theme-prestige-noir{--paper:#0d0d0d;--soft:#121212;--ink:#f3eadc;--muted:#aaa092;--line:rgba(201,166,107,.22)} .theme-prestige-noir{background:var(--paper);color:var(--ink)}.theme-prestige-noir .site-nav.scrolled{background:rgba(13,13,13,.92);color:var(--ink);box-shadow:0 1px 0 var(--line)}.theme-prestige-noir .site-nav.scrolled .nav-cta{background:var(--brand);color:#111} .theme-prestige-noir .section-v3,.theme-prestige-noir .section-about{background:var(--paper)!important;border-top:1px solid var(--line)}.theme-prestige-noir .section-v3:nth-of-type(even){background:var(--soft)!important} .theme-prestige-noir .section-heading{grid-template-columns:140px minmax(0,1fr)}.theme-prestige-noir .section-heading h2,.theme-prestige-noir .about-copy h2,.theme-prestige-noir .contact-copy h2{color:var(--ink);font-weight:500}.theme-prestige-noir .section-heading>div,.theme-prestige-noir .about-copy>p{color:var(--muted)} .theme-prestige-noir .section-index{border-radius:0;color:var(--brand);border-color:var(--brand)}.theme-prestige-noir .gallery-open{border-radius:0;border:1px solid var(--line)}.theme-prestige-noir .btn-primary{color:#111} /* Carousel inherits the selected family so pages with slides remain visually coherent. */ .template-bento .hero-carousel-v39{background:#071124}.template-bento .carousel-copy{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(8,20,42,.38);backdrop-filter:blur(16px)} .template-signature .hero-carousel-v39{background:#312a23}.template-signature .carousel-copy h1{font-weight:600}.template-signature .carousel-primary{background:#f3eee6;color:#29241f} .template-local .hero-carousel-v39{background:#36261e}.template-local .carousel-copy h1{max-width:780px}.template-local .carousel-primary{box-shadow:none} .template-editorial-noir .hero-carousel-v39{background:#171717}.template-editorial-noir .carousel-copy h1{font-weight:500}.template-editorial-noir .carousel-primary{border-radius:0} .template-aurora .hero-carousel-v39{background:radial-gradient(circle at 80% 10%,rgba(124,58,237,.42),transparent 30%),#080b18}.template-aurora .carousel-copy{padding:28px;border-radius:28px;background:rgba(12,14,30,.34);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px)} .template-showcase .hero-carousel-v39 .carousel-slide-shell{align-items:flex-end;padding-bottom:80px}.template-showcase .carousel-copy{border-inline-start:4px solid var(--brand);padding-inline-start:24px}.template-showcase .carousel-copy h1{font-size:clamp(4rem,7vw,8.5rem)} .template-neon .hero-carousel-v39{background:#040711}.template-neon .carousel-copy h1{text-shadow:0 0 34px color-mix(in srgb,var(--brand) 24%,transparent)}.template-neon .carousel-primary{box-shadow:0 0 28px color-mix(in srgb,var(--brand) 35%,transparent)} .template-prestige .hero-carousel-v39{background:#090909}.template-prestige .carousel-copy h1{font-weight:500}.template-prestige .carousel-primary{border-radius:0;color:#111}.template-prestige .carousel-secondary{border-radius:0} @media(max-width:900px){ .hero-style-bento .hero-v3 .hero-shell,.hero-style-local .hero-v3 .hero-shell,.hero-style-aurora .hero-v3 .hero-shell,.hero-style-editorial-grid .hero-v3 .hero-shell{grid-template-columns:1fr} .hero-style-bento .hero-v3 .hero-content{padding:26px 22px;border-radius:24px}.hero-style-bento .hero-v3 .visual-frame{aspect-ratio:4/3} .hero-style-signature .hero-v3 .visual-frame{transform:none}.hero-style-local .hero-v3 .visual-frame{aspect-ratio:4/3;border-radius:32px 32px 14px 14px} .hero-style-editorial-grid .hero-v3{background:#efebe3}.hero-style-editorial-grid .hero-v3 .hero-bg{inset:0;width:100%;opacity:.18}.hero-style-editorial-grid .hero-v3 .hero-scrim,html[dir="rtl"] .hero-style-editorial-grid .hero-v3 .hero-scrim{background:linear-gradient(0deg,#efebe3 15%,rgba(239,235,227,.94) 62%,rgba(239,235,227,.66))}.hero-style-editorial-grid .hero-v3 .hero-content h1{font-size:clamp(3rem,14vw,5.5rem)!important}.hero-style-editorial-grid .hero-v3 .hero-visual{display:none} .hero-style-showcase .hero-v3 .hero-content{padding:22px 18px}.hero-style-showcase .hero-v3 .hero-content h1{font-size:clamp(3rem,12vw,5.2rem)!important} .hero-style-prestige .hero-v3 .visual-frame{box-shadow:8px 8px 0 color-mix(in srgb,var(--brand) 16%,transparent)} .theme-studio-bento .services-v3{display:grid!important;grid-template-columns:1fr!important}.theme-studio-bento .service-card,.theme-studio-bento .service-card:nth-child(1),.theme-studio-bento .service-card:nth-child(4n){grid-column:auto} .theme-editorial-noir .services-v3,.theme-portfolio-canvas .services-v3{grid-template-columns:1fr}.theme-editorial-noir .service-card{border-inline-end:0!important} .theme-portfolio-canvas .gallery-item.featured .gallery-open{min-height:0} } /* v5.1 DisplayMode compatibility for the new light-first families. */ :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-dark{--ink:#f4f6f8;--muted:#a7afbb;--paper:#0c0f14;--soft:#141820;--line:rgba(255,255,255,.12);background:var(--paper);color:var(--ink)} :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-dark .section-v3, :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-dark .section-about{background:var(--paper)!important;color:var(--ink)} :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-dark .section-v3:nth-of-type(even){background:var(--soft)!important} :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-dark .site-nav.scrolled{background:rgba(12,15,20,.9);color:var(--ink)} :is(.theme-signature-paper,.theme-local-warm,.theme-editorial-noir).mode-dark :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.faq-v3 details){background:#151a22!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important} :is(.theme-editorial-noir,.theme-signature-paper,.theme-local-warm).mode-dark .section-heading h2{color:var(--ink)} @media(prefers-color-scheme:dark){ :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-system{--ink:#f4f6f8;--muted:#a7afbb;--paper:#0c0f14;--soft:#141820;--line:rgba(255,255,255,.12);background:var(--paper);color:var(--ink)} :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-system .section-v3, :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-system .section-about{background:var(--paper)!important;color:var(--ink)} :is(.theme-studio-bento,.theme-signature-paper,.theme-local-warm,.theme-editorial-noir,.theme-aurora-glass,.theme-portfolio-canvas).mode-system .section-v3:nth-of-type(even){background:var(--soft)!important} } /* ========================================================= v5.2 — Profile Rendering Engine v2 / 2026 visual system ========================================================= */ .site-v3{--profile-shift:0px;--mood-space:1;--mood-radius:1;--mood-title-weight:750} .section-v3>.section-shell{position:relative;z-index:1} /* Brand mood is independent from the selected theme. */ .mood-minimal{--section:clamp(108px,12vw,180px);--mood-title-weight:620}.mood-minimal .section-heading h2,.mood-minimal .about-copy h2,.mood-minimal .contact-copy h2{font-weight:620;letter-spacing:-.055em}.mood-minimal :is(.service-card,.review-card,.product-card){box-shadow:none!important} .mood-bold{--mood-title-weight:900}.mood-bold .hero-content h1,.mood-bold .carousel-copy h1,.mood-bold .section-heading h2,.mood-bold .about-copy h2{font-weight:900;letter-spacing:-.07em}.mood-bold .section-index{background:var(--brand);border-color:var(--brand);color:#fff} .mood-elegant .hero-content h1,.mood-elegant .section-heading h2,.mood-elegant .about-copy h2{font-weight:560;letter-spacing:-.035em}.mood-elegant .eyebrow{letter-spacing:.16em}.mood-elegant .section-v3{padding-block:clamp(104px,11vw,174px)} .mood-friendly{--radius:26px}.mood-friendly :is(.btn,.nav-cta,.service-card,.review-card,.product-card,.gallery-open){border-radius:26px}.mood-friendly .section-index{border-radius:13px}.mood-friendly .hero-content h1{letter-spacing:-.04em} .mood-luxury{--section:clamp(110px,12vw,190px)}.mood-luxury .hero-content h1,.mood-luxury .carousel-copy h1,.mood-luxury .section-heading h2,.mood-luxury .about-copy h2{font-weight:520;letter-spacing:-.028em}.mood-luxury .section-index{border-radius:0}.mood-luxury .eyebrow span{height:1px;width:64px}.mood-luxury .btn{border-radius:2px} .mood-tech .site-v3,.mood-tech{font-variant-numeric:tabular-nums}.mood-tech .section-index{border-radius:8px}.mood-tech .eyebrow,.mood-tech .section-index,.mood-tech .service-top small{letter-spacing:.12em}.mood-tech .service-card{border-radius:14px!important} .mood-creative .section-heading{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr)}.mood-creative .section-heading h2{transform:translateY(-.08em)}.mood-creative .gallery-open{border-radius:clamp(16px,2vw,34px)} /* Background art direction: visual texture without affecting content semantics. */ .art-clean .section-v3:after{display:none!important}.art-clean .section-v3{background-image:none!important} .art-mesh .section-v3,.art-grain .section-v3,.art-grid .section-v3,.art-paper .section-v3{isolation:isolate} .art-mesh .section-v3:after,.art-grain .section-v3:after,.art-grid .section-v3:after,.art-paper .section-v3:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none} .art-mesh .section-v3:after{background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 32%),radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--brand-2) 8%,transparent),transparent 30%);opacity:.85} .art-grid .section-v3:after{background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 14%,black 80%,transparent);opacity:.6} .art-grain .section-v3:after{background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.16) 0 .55px,transparent .7px),radial-gradient(circle at 70% 66%,rgba(0,0,0,.13) 0 .45px,transparent .62px);background-size:5px 5px,7px 7px;mix-blend-mode:multiply;opacity:.1} .art-paper .section-v3:after{background-image:repeating-linear-gradient(6deg,rgba(72,55,38,.024) 0 1px,transparent 1px 7px),radial-gradient(circle at 25% 12%,rgba(145,112,76,.04),transparent 36%);opacity:.8} .mode-dark.art-grid .section-v3:after,.mode-dark.art-grain .section-v3:after{mix-blend-mode:screen;opacity:.16} /* Image art direction. Logos remain untouched for brand accuracy. */ .image-soft :is(.hero-bg>img,.visual-frame>img,.gallery-open img,.product-media img,.team-card img){filter:saturate(.88) contrast(.94) brightness(1.03)} .image-editorial :is(.hero-bg>img,.visual-frame>img,.gallery-open img,.product-media img,.team-card img){filter:saturate(.72) contrast(1.06)} .image-monochrome :is(.hero-bg>img,.visual-frame>img,.gallery-open img,.product-media img,.team-card img){filter:grayscale(1) contrast(1.06)} .image-cinematic :is(.hero-bg>img,.visual-frame>img,.gallery-open img,.product-media img,.team-card img){filter:saturate(.9) contrast(1.12) brightness(.93)} .image-crisp :is(.hero-bg>img,.visual-frame>img,.gallery-open img,.product-media img,.team-card img){filter:saturate(1.08) contrast(1.07)} /* Six genuinely different hero architectures. */ .hero-variant-split .hero-v3 .hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);gap:clamp(48px,7vw,120px)} .hero-variant-split .hero-v3 .hero-content{align-self:center}.hero-variant-split .hero-v3 .visual-frame{aspect-ratio:.84}.hero-variant-split .hero-v3 .hero-contact-strip{max-width:720px} .hero-variant-editorial .hero-v3{min-height:94svh}.hero-variant-editorial .hero-v3 .hero-shell{grid-template-columns:minmax(0,1.3fr) minmax(260px,.42fr);align-items:end;padding-bottom:clamp(55px,7vw,96px)} .hero-variant-editorial .hero-v3 .hero-content{max-width:1120px}.hero-variant-editorial .hero-v3 .hero-content h1{font-size:clamp(4.8rem,9.2vw,11rem);font-weight:560;line-height:.86;letter-spacing:-.07em}.hero-variant-editorial .hero-v3 .hero-lead{max-width:610px}.hero-variant-editorial .hero-v3 .hero-visual{align-self:end}.hero-variant-editorial .hero-v3 .visual-frame{aspect-ratio:.72;border-radius:3px;max-height:58vh}.hero-variant-editorial .hero-v3 .floating-proof{border-radius:3px;inset-inline-start:-22px;bottom:28px} .hero-variant-cinematic .hero-v3{min-height:100svh;align-items:end}.hero-variant-cinematic .hero-v3 .hero-shell{grid-template-columns:1fr;align-items:end;padding-bottom:clamp(72px,8vw,118px)}.hero-variant-cinematic .hero-v3 .hero-content{max-width:1080px;padding-inline-start:clamp(18px,3vw,44px);border-inline-start:2px solid var(--brand)}.hero-variant-cinematic .hero-v3 .hero-content h1{font-size:clamp(4rem,8vw,9rem)}.hero-variant-cinematic .hero-v3 .hero-visual{display:none}.hero-variant-cinematic .hero-v3 .hero-scrim{background:linear-gradient(0deg,rgba(5,7,10,.94),rgba(5,7,10,.2) 76%)}.hero-variant-cinematic .hero-v3 .hero-contact-strip{max-width:720px}.hero-variant-cinematic .hero-v3 .hero-bg>img{object-position:center} .hero-variant-profile-card .hero-v3{min-height:100svh}.hero-variant-profile-card .hero-v3 .hero-shell{grid-template-columns:1fr;justify-items:center;text-align:center;gap:26px;padding-top:120px}.hero-variant-profile-card .hero-v3 .hero-visual{order:1;width:min(240px,42vw)}.hero-variant-profile-card .hero-v3 .visual-frame{aspect-ratio:1;border-radius:50%;box-shadow:0 28px 80px rgba(0,0,0,.35)}.hero-variant-profile-card .hero-v3 .visual-caption,.hero-variant-profile-card .hero-v3 .floating-proof{display:none}.hero-variant-profile-card .hero-v3 .hero-content{order:2;max-width:850px}.hero-variant-profile-card .hero-v3 .eyebrow,.hero-variant-profile-card .hero-v3 .hero-cta-row,.hero-variant-profile-card .hero-v3 .hero-contact-strip{justify-content:center}.hero-variant-profile-card .hero-v3 .hero-lead{margin-inline:auto}.hero-variant-profile-card .hero-v3 .hero-contact-strip a:first-child{padding-inline-start:22px} .hero-variant-bento .hero-v3{background:color-mix(in srgb,#0b0d12 94%,var(--brand))}.hero-variant-bento .hero-v3 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);gap:18px}.hero-variant-bento .hero-v3 .hero-content,.hero-variant-bento .hero-v3 .hero-visual{border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px)}.hero-variant-bento .hero-v3 .hero-content{padding:clamp(28px,4vw,58px)}.hero-variant-bento .hero-v3 .hero-visual{padding:14px}.hero-variant-bento .hero-v3 .visual-frame{border-radius:22px;aspect-ratio:1.05}.hero-variant-bento .hero-v3 .floating-proof{inset-inline-start:24px;bottom:28px}.hero-variant-bento .hero-v3 .hero-contact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;padding:0;margin-top:34px}.hero-variant-bento .hero-v3 .hero-contact-strip a{min-width:0;padding:14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px;background:rgba(255,255,255,.04)} .hero-variant-minimal-luxury .hero-v3{min-height:96svh}.hero-variant-minimal-luxury .hero-v3 .hero-shell{grid-template-columns:1fr;align-items:center}.hero-variant-minimal-luxury .hero-v3 .hero-content{max-width:1120px}.hero-variant-minimal-luxury .hero-v3 .hero-content h1{font-size:clamp(5rem,10vw,12rem);font-weight:480;line-height:.86;letter-spacing:-.055em}.hero-variant-minimal-luxury .hero-v3 .hero-lead{max-width:610px}.hero-variant-minimal-luxury .hero-v3 .hero-visual{display:none}.hero-variant-minimal-luxury .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(5,5,5,.95) 0 48%,rgba(5,5,5,.2) 82%)}html[dir="rtl"] .hero-variant-minimal-luxury .hero-v3 .hero-scrim{background:linear-gradient(270deg,rgba(5,5,5,.95) 0 48%,rgba(5,5,5,.2) 82%)}.hero-variant-minimal-luxury .hero-v3 .hero-contact-strip{max-width:650px;border-top-color:rgba(255,255,255,.28)} /* Section layout variants — the same content can render as a different product. */ .services-bento .section-services{background:color-mix(in srgb,#0f172a 94%,var(--brand))!important}.services-bento .services-v3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;border:0}.services-bento .service-card{grid-column:span 2;min-height:280px;border:1px solid rgba(255,255,255,.13)!important;border-radius:26px;padding:28px;background:rgba(255,255,255,.045)}.services-bento .service-card:nth-child(1),.services-bento .service-card:nth-child(5n){grid-column:span 3}.services-bento .service-card h3{margin-top:54px}.services-bento .service-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.075)} .services-icon-list .services-v3{display:grid;grid-template-columns:1fr;border:0}.services-icon-list .service-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;align-items:center;min-height:0;padding:28px 6px;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:transparent}.services-icon-list .service-top{grid-column:1;grid-row:1/span 2;justify-content:center}.services-icon-list .service-top small{display:none}.services-icon-list .service-card h3{grid-column:2;margin:0 0 7px;font-size:clamp(1.4rem,2.2vw,2.25rem)}.services-icon-list .service-card p{grid-column:2;margin:0}.services-icon-list .service-card a{grid-column:3;grid-row:1/span 2;border:0;padding:12px 0;margin:0;gap:20px}.services-icon-list .service-card a span{display:none} .services-editorial .services-v3{display:block;border:0}.services-editorial .service-card{position:relative;display:grid;grid-template-columns:88px minmax(250px,.65fr) minmax(0,1fr) 64px;align-items:center;gap:26px;min-height:0;padding:34px 0;border:0!important;border-top:1px solid rgba(255,255,255,.22)!important;background:transparent}.services-editorial .service-top{display:block}.services-editorial .service-icon{display:none}.services-editorial .service-top small{font-size:12px}.services-editorial .service-card h3{margin:0;font-size:clamp(1.8rem,3vw,3.4rem);font-weight:560}.services-editorial .service-card p{margin:0}.services-editorial .service-card a{border:0;margin:0;padding:0}.services-editorial .service-card a span{display:none}.services-editorial .service-card a b{font-size:30px} .gallery-editorial .gallery-v3{grid-template-columns:repeat(12,1fr);gap:clamp(8px,1.5vw,22px)}.gallery-editorial .gallery-item{grid-column:span 5}.gallery-editorial .gallery-item:nth-child(3n+1){grid-column:span 7}.gallery-editorial .gallery-item:nth-child(4n+2){margin-top:clamp(36px,7vw,110px)}.gallery-editorial .gallery-open{border-radius:2px;aspect-ratio:4/5;min-height:0}.gallery-editorial .gallery-item:nth-child(3n+1) .gallery-open{aspect-ratio:16/11} .gallery-filmstrip .gallery-v3{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:thin}.gallery-filmstrip .gallery-item,.gallery-filmstrip .gallery-item.featured{flex:0 0 min(62vw,760px);scroll-snap-align:start}.gallery-filmstrip .gallery-open,.gallery-filmstrip .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:4/3;border-radius:18px}.gallery-filmstrip .gallery-item:nth-child(even){flex-basis:min(42vw,520px)} .gallery-fullbleed .section-work .section-shell{width:100%;max-width:none}.gallery-fullbleed .section-work .section-heading,.gallery-fullbleed .section-work .album-filters{width:var(--shell);margin-inline:auto}.gallery-fullbleed .gallery-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.gallery-fullbleed .gallery-item,.gallery-fullbleed .gallery-item.featured{grid-column:auto;grid-row:auto}.gallery-fullbleed .gallery-open,.gallery-fullbleed .gallery-item.featured .gallery-open{border-radius:0;min-height:0;aspect-ratio:16/10}.gallery-fullbleed .gallery-item:nth-child(3n){grid-column:1/-1}.gallery-fullbleed .gallery-item:nth-child(3n) .gallery-open{aspect-ratio:21/8} .reviews-spotlight .reviews-v3{grid-template-columns:repeat(2,1fr);align-items:stretch}.reviews-spotlight .review-card:first-child{grid-column:1/-1;min-height:430px;padding:clamp(38px,6vw,78px)}.reviews-spotlight .review-card:first-child blockquote{font-size:clamp(1.7rem,3.2vw,3.8rem);line-height:1.45;max-width:1040px}.reviews-spotlight .review-card:first-child .stars{font-size:16px} .reviews-stacked .reviews-v3{grid-template-columns:1fr;max-width:980px;margin-inline:auto}.reviews-stacked .review-card{min-height:0;padding:32px 0;border-radius:0!important;border-width:0 0 1px!important;background:transparent!important;box-shadow:none!important}.reviews-stacked .review-card:nth-child(even){margin-inline-start:12%;}.reviews-stacked .review-card blockquote{font-size:clamp(1.25rem,2vw,2rem);margin:18px 0 24px} .reviews-wall .reviews-v3{grid-template-columns:repeat(4,1fr);align-items:start}.reviews-wall .review-card{min-height:0;padding:24px}.reviews-wall .review-card:nth-child(3n+2){margin-top:32px}.reviews-wall .review-card blockquote{font-size:1.04rem;margin:24px 0} /* Industry composition cues without taking control away from the user. */ .industry-doctor-clinic .section-about .about-copy,.industry-dentist .section-about .about-copy{max-width:850px}.industry-doctor-clinic .section-booking,.industry-dentist .section-booking{background:color-mix(in srgb,var(--brand) 5%,var(--paper))!important} .industry-real-estate .section-work .section-heading{margin-bottom:clamp(28px,4vw,54px)}.industry-real-estate .gallery-open>span{font-size:1.05rem} .industry-restaurant .section-work,.industry-beauty .section-work{padding-top:clamp(60px,7vw,100px)} .industry-business-services .stats-wall article,.industry-contractor .stats-wall article{border-top:2px solid color-mix(in srgb,var(--brand) 48%,var(--line))} /* Motion grammar: understated by default, richer only when explicitly selected. */ .motion-none{--motion-duration:0s}.motion-none .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-none :is(.hero-bg>img,.visual-frame,.gallery-open img,.service-card,.site-nav,.nav-shell){transition:none!important;animation:none!important} .motion-subtle{--motion-duration:.55s}.motion-balanced{--motion-duration:.72s}.motion-expressive{--motion-duration:.9s} .motion-balanced .hero-bg>img{transform:translateY(var(--profile-shift)) scale(1.04)}.motion-expressive .hero-bg>img{transform:translateY(var(--profile-shift)) scale(1.055)} .motion-expressive .gallery-open:hover img{transform:scale(1.075)}.motion-expressive .service-card:hover{transform:translateY(-7px)} @media(min-width:901px){.motion-balanced .site-nav.scrolled,.motion-expressive .site-nav.scrolled{top:10px;background:transparent;box-shadow:none;backdrop-filter:none}.motion-balanced .site-nav.scrolled .nav-shell,.motion-expressive .site-nav.scrolled .nav-shell{height:68px;padding-inline:18px;border:1px solid rgba(15,23,42,.09);border-radius:22px;background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 16px 45px rgba(15,23,42,.10);backdrop-filter:blur(20px)}.mode-dark.motion-balanced .site-nav.scrolled .nav-shell,.mode-dark.motion-expressive .site-nav.scrolled .nav-shell{background:rgba(12,16,22,.88);color:#fff;border-color:rgba(255,255,255,.1)}} /* 2026 mobile-first action dock and true mobile recomposition. */ @media(max-width:900px){ .hero-variant-split .hero-v3 .hero-shell,.hero-variant-editorial .hero-v3 .hero-shell,.hero-variant-bento .hero-v3 .hero-shell{grid-template-columns:1fr!important;gap:28px} .hero-variant-editorial .hero-v3 .hero-content h1{font-size:clamp(3.4rem,15vw,6.5rem)}.hero-variant-editorial .hero-v3 .hero-visual{width:min(78vw,440px);margin-inline:auto}.hero-variant-editorial .hero-v3 .visual-frame{aspect-ratio:4/5!important;max-height:none} .hero-variant-profile-card .hero-v3 .hero-shell{padding-top:110px}.hero-variant-profile-card .hero-v3 .hero-visual{width:min(190px,46vw)} .hero-variant-cinematic .hero-v3,.hero-variant-minimal-luxury .hero-v3{min-height:88svh}.hero-variant-cinematic .hero-v3 .hero-content,.hero-variant-minimal-luxury .hero-v3 .hero-content{padding-inline-start:0;border:0}.hero-variant-minimal-luxury .hero-v3 .hero-content h1{font-size:clamp(3.7rem,17vw,6.7rem)} .hero-variant-bento .hero-v3 .hero-content,.hero-variant-bento .hero-v3 .hero-visual{border-radius:24px}.hero-variant-bento .hero-v3 .hero-content{padding:26px 20px}.hero-variant-bento .hero-v3 .hero-contact-strip{grid-template-columns:1fr 1fr}.hero-variant-bento .hero-v3 .visual-frame{aspect-ratio:4/3!important} .services-bento .services-v3{grid-template-columns:1fr!important}.services-bento .service-card,.services-bento .service-card:nth-child(1),.services-bento .service-card:nth-child(5n){grid-column:auto} .services-editorial .service-card{grid-template-columns:54px minmax(0,1fr) 38px;gap:14px}.services-editorial .service-card p{grid-column:2/4;margin-top:4px}.services-editorial .service-card a{grid-column:3;grid-row:1}.services-editorial .service-card h3{font-size:clamp(1.55rem,7vw,2.35rem)} .reviews-wall .reviews-v3{grid-template-columns:1fr 1fr}.reviews-spotlight .reviews-v3{grid-template-columns:1fr}.reviews-spotlight .review-card:first-child{grid-column:auto}.reviews-stacked .review-card:nth-child(even){margin-inline-start:0} .gallery-editorial .gallery-v3,.gallery-filmstrip .gallery-v3,.gallery-fullbleed .gallery-v3{display:flex!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}.gallery-editorial .gallery-item,.gallery-editorial .gallery-item:nth-child(n),.gallery-filmstrip .gallery-item,.gallery-filmstrip .gallery-item:nth-child(n),.gallery-fullbleed .gallery-item,.gallery-fullbleed .gallery-item:nth-child(n){flex:0 0 100%!important;margin:0!important;scroll-snap-align:center}.gallery-editorial .gallery-open,.gallery-filmstrip .gallery-open,.gallery-fullbleed .gallery-open,.gallery-fullbleed .gallery-item:nth-child(n) .gallery-open{aspect-ratio:4/3!important;border-radius:0!important} .mobile-action-dock-v52{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;padding:7px!important;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:rgba(255,255,255,.9)!important;box-shadow:0 16px 55px rgba(15,23,42,.18)!important;backdrop-filter:blur(22px)!important} .mobile-action-dock-v52 a{min-width:0;min-height:54px;padding:7px 5px!important;border-radius:14px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent!important;color:var(--ink)!important;font-size:10px!important;white-space:nowrap;overflow:hidden} .mobile-action-dock-v52 a svg{width:19px;height:19px;flex:0 0 auto}.mobile-action-dock-v52 a span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.mobile-action-dock-v52 a.primary{background:var(--brand)!important;color:#fff!important}.mode-dark .mobile-action-dock-v52{background:rgba(12,16,22,.9)!important;border-color:rgba(255,255,255,.12)}.mode-dark .mobile-action-dock-v52 a{color:#fff!important} .site-footer{padding-bottom:112px} } @media(max-width:620px){ .hero-variant-profile-card .hero-v3 .hero-contact-strip{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-variant-profile-card .hero-v3 .hero-contact-strip a{padding:12px!important} .reviews-wall .reviews-v3{grid-template-columns:1fr}.reviews-wall .review-card:nth-child(n){margin-top:0} .mobile-action-dock-v52{left:7px!important;right:7px!important;border-radius:18px}.mobile-action-dock-v52 a{font-size:9px!important;min-height:52px}.mobile-action-dock-v52 a svg{width:18px;height:18px} } @media(prefers-reduced-motion:reduce){.motion-subtle .hero-bg>img,.motion-balanced .hero-bg>img,.motion-expressive .hero-bg>img{transform:none!important}.motion-balanced .site-nav.scrolled,.motion-expressive .site-nav.scrolled{top:0}.motion-balanced .site-nav.scrolled .nav-shell,.motion-expressive .site-nav.scrolled .nav-shell{transition:none!important}} @keyframes v52SurfaceIn{from{opacity:.01}to{opacity:1}} .site-v3:not(.motion-none){animation:v52SurfaceIn .38s ease both} @media(prefers-reduced-motion:reduce){.site-v3{animation:none!important}} /* Activity-specific image framing keeps the media language appropriate to the business. */ @media(min-width:901px){ :is(.industry-doctor-clinic,.industry-dentist) .gallery-open{min-height:0;aspect-ratio:3/2}:is(.industry-doctor-clinic,.industry-dentist) .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:3/2} .industry-beauty .gallery-open{min-height:0;aspect-ratio:4/5}.industry-beauty .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:4/5} .industry-real-estate .gallery-open,.industry-business-services .gallery-open,.industry-contractor .gallery-open{min-height:0;aspect-ratio:16/10}.industry-real-estate .gallery-item.featured .gallery-open,.industry-business-services .gallery-item.featured .gallery-open,.industry-contractor .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:16/9} .industry-restaurant .gallery-open{min-height:0;aspect-ratio:4/3}.industry-restaurant .gallery-item.featured .gallery-open{min-height:0;aspect-ratio:16/10} } /* ========================================================= v5.3 Profile Experience Engine — 2026 composition layer Eight visual families. This layer intentionally changes hierarchy, spacing, surfaces and section composition, not only colors. ========================================================= */ .experience-hero-mark{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-bottom:2px;font:800 .69rem/1 var(--body-font);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}.experience-hero-mark i{display:block;width:42px;height:1px;background:currentColor;opacity:.55}.experience-hero-mark span{white-space:nowrap}.carousel-copy .experience-hero-mark{margin-bottom:-7px} /* Section style presets — selectable per section in Design Studio */ .section-v3.section-style-clean{background:#fff!important}.section-v3.section-style-clean>.section-shell{position:relative}.section-v3.section-style-clean .section-heading{padding-bottom:24px;border-bottom:1px solid var(--line)} .section-v3.section-style-soft-panels{background:color-mix(in srgb,var(--brand) 4%,#f7f9fb)!important}.section-v3.section-style-soft-panels>.section-shell{padding:clamp(24px,4vw,58px);border:1px solid color-mix(in srgb,var(--brand) 13%,transparent);border-radius:clamp(24px,3vw,42px);background:rgba(255,255,255,.78);box-shadow:0 28px 90px rgba(15,23,42,.07);backdrop-filter:blur(18px)} .section-v3.section-style-split .section-heading{grid-template-columns:minmax(190px,.5fr) minmax(0,1.5fr);padding-bottom:28px;border-bottom:1px solid var(--line)}.section-v3.section-style-split .section-heading>div{align-self:end}.section-v3.section-style-split .section-heading h2{max-width:1050px} .section-v3.section-style-metrics .stats-wall{gap:10px}.section-v3.section-style-metrics .stats-wall article{border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:none}.section-v3.section-style-metrics .stats-wall strong{font-size:clamp(2.3rem,4vw,4.8rem)} .section-v3.section-style-editorial{background:#f5f1e9!important}.section-v3.section-style-editorial .section-heading{grid-template-columns:130px minmax(0,1fr);border-top:1px solid rgba(20,20,20,.7);padding-top:22px}.section-v3.section-style-editorial .section-heading h2{font-weight:520;max-width:1080px}.section-v3.section-style-editorial .section-index{border-radius:0} .section-v3.section-style-bento>.section-shell{padding:clamp(24px,3vw,48px);border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,#fff),#fff);border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);box-shadow:0 26px 90px rgba(15,23,42,.08)}.section-v3.section-style-bento .section-heading{margin-bottom:42px} .section-v3.section-style-glass{background:radial-gradient(circle at 8% 15%,color-mix(in srgb,var(--brand) 17%,transparent),transparent 34%),linear-gradient(135deg,#eff5ff,#f9fbff)!important}.section-v3.section-style-glass>.section-shell{padding:clamp(25px,4vw,54px);border:1px solid rgba(255,255,255,.72);border-radius:32px;background:rgba(255,255,255,.57);box-shadow:0 24px 80px rgba(24,39,75,.08);backdrop-filter:blur(22px)} .section-v3.section-style-spotlight .section-heading{max-width:980px}.section-v3.section-style-spotlight .section-heading h2{font-size:clamp(3.1rem,6vw,7rem)}.section-v3.section-style-spotlight .section-heading>div{align-self:center} .section-v3.section-style-cards>.section-shell{padding:clamp(22px,3vw,42px);border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 68px rgba(15,23,42,.065)} .section-v3.section-style-warm{background:#fff7ed!important}.section-v3.section-style-warm>.section-shell{position:relative}.section-v3.section-style-warm .section-heading>div{color:#9a5d32}.section-v3.section-style-warm .section-index{border-color:#d9b38f;color:#8b512b} .section-v3.section-style-action{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,#111827),#111827 68%)!important;color:#fff}.section-v3.section-style-action .section-heading>div,.section-v3.section-style-action .section-heading>p{color:rgba(255,255,255,.62)}.section-v3.section-style-action .section-index{border-color:rgba(255,255,255,.28);color:#fff} .section-v3.section-style-luxury{background:#f6f0e8!important}.section-v3.section-style-luxury .section-heading{padding-top:24px;border-top:1px solid #aa8a62}.section-v3.section-style-luxury .section-index{border:0;border-radius:0;width:auto;height:auto;color:#967548;font-size:11px} .section-v3.section-style-noir{background:#0c0c0d!important;color:#f8f5ef}.section-v3.section-style-noir .section-heading>div,.section-v3.section-style-noir .section-heading>p{color:#9d958a}.section-v3.section-style-noir .section-index{border-color:#3d3831;color:#c8a86c} .section-v3.section-style-paper{background:#f4efe5!important}.section-v3.section-style-paper:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#6c5a41 .55px,transparent .55px);background-size:5px 5px}.section-v3.section-style-paper .section-index{border-radius:4px} .section-v3.section-style-canvas{background:#f3f0e9!important}.section-v3.section-style-canvas .section-heading{transform:rotate(-.35deg)}html[dir="rtl"] .section-v3.section-style-canvas .section-heading{transform:rotate(.35deg)}.section-v3.section-style-canvas .section-index{border-radius:6px;background:#151515;color:#fff} .section-v3.section-style-contrast{background:#151515!important;color:#fff}.section-v3.section-style-contrast .section-heading>div,.section-v3.section-style-contrast .section-heading>p{color:#a6a6a6}.section-v3.section-style-contrast .section-index{border-color:#444;color:#fff} /* 1 — Medical Premium */ .experience-medical-premium{--experience-accent:#0ea5a8;--experience-soft:#edfafa;background:#f7fbfb}.experience-medical-premium .site-nav.scrolled{background:rgba(250,255,255,.91)}.experience-medical-premium .hero-carousel-v39{background:#dff4f4}.experience-medical-premium .carousel-slide>img{filter:saturate(.82) contrast(.95)}.experience-medical-premium .carousel-shade,[dir="rtl"] .experience-medical-premium .carousel-shade{background:linear-gradient(90deg,rgba(232,248,248,.12),rgba(232,248,248,.18) 44%,rgba(4,32,38,.28))}.experience-medical-premium .carousel-slide-shell{align-items:center}.experience-medical-premium .carousel-copy{width:min(650px,62vw);padding:clamp(30px,4vw,58px);border-radius:38px;background:rgba(250,255,255,.92);color:#102a2e;box-shadow:0 36px 100px rgba(8,58,65,.16);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.92)}.experience-medical-premium .carousel-copy h1{font-weight:650;line-height:1.12}.experience-medical-premium .carousel-copy p{color:#526b70}.experience-medical-premium .carousel-copy :is(.carousel-eyebrow,.experience-hero-mark){color:#42737a}.experience-medical-premium .carousel-secondary{color:#17363a;border-color:#bed9dc;background:#fff}.experience-medical-premium .carousel-dots button{background:rgba(15,64,70,.24)}.experience-medical-premium .carousel-dots button.is-active{background:#0f5d65}.experience-medical-premium .section-about{background:#f9fdfd!important}.experience-medical-premium .about-grid{grid-template-columns:130px minmax(0,1.2fr) minmax(320px,.72fr)}.experience-medical-premium .stats-wall{gap:12px}.experience-medical-premium .stats-wall article{background:#fff;border:1px solid #d9eeee;border-radius:24px}.experience-medical-premium .section-services{background:#eaf7f7!important;color:#163135}.experience-medical-premium .services-v3{gap:14px;border:0}.experience-medical-premium .service-card{min-height:310px;border:1px solid #d1e8e8!important;border-radius:26px;background:#fff;color:#153438;box-shadow:0 18px 50px rgba(7,69,77,.06)}.experience-medical-premium .service-card p,.experience-medical-premium .service-card .service-top small{color:#617b80}.experience-medical-premium .service-card h3{margin-top:62px}.experience-medical-premium .service-card a{border-color:#dcecec}.experience-medical-premium .section-reviews{background:#f4fbfb!important}.experience-medical-premium .review-card{border:1px solid #dceeee;box-shadow:0 18px 55px rgba(12,74,82,.06)}.experience-medical-premium .section-faq .faq-v3 details{border-color:#d8eaea}.experience-medical-premium .form-v3{border-radius:30px;border:1px solid #d4e9e9;box-shadow:0 24px 70px rgba(12,74,82,.08)}.experience-medical-premium .contact-v3{background:linear-gradient(135deg,#063e45,#0f6a73)!important}.experience-medical-premium .contact-v3 .form-v3{background:#fff;color:#153438} /* 2 — Executive 2026 */ .experience-executive-2026{--experience-accent:#2d4b79}.experience-executive-2026 .hero-carousel-v39{background:#08111e}.experience-executive-2026 .carousel-shade,[dir="rtl"] .experience-executive-2026 .carousel-shade{background:linear-gradient(90deg,rgba(5,12,24,.96) 0 48%,rgba(5,12,24,.34) 78%,rgba(5,12,24,.18))}.experience-executive-2026 .carousel-copy{width:min(870px,68vw);border-inline-start:1px solid rgba(255,255,255,.34);padding-inline-start:clamp(26px,4vw,64px)}.experience-executive-2026 .carousel-copy h1{font-size:clamp(4.5rem,7.8vw,9.7rem);font-weight:650;line-height:.96}.experience-executive-2026 .carousel-actions a{border-radius:8px}.experience-executive-2026 .experience-hero-mark{color:#9db5d5}.experience-executive-2026 .section-heading{grid-template-columns:150px minmax(0,1fr)}.experience-executive-2026 .section-heading h2{font-weight:580}.experience-executive-2026 .section-about{background:#fff!important}.experience-executive-2026 .about-grid{grid-template-columns:150px minmax(0,1.35fr) minmax(300px,.55fr)}.experience-executive-2026 .stats-wall{border-top:2px solid #0f172a}.experience-executive-2026 .stats-wall article{border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent}.experience-executive-2026 .section-services{background:#0d1727!important}.experience-executive-2026 .services-v3{display:block;border:0}.experience-executive-2026 .service-card{display:grid;grid-template-columns:70px minmax(260px,.7fr) minmax(0,1fr) 54px;gap:25px;align-items:center;min-height:0;padding:32px 0;border:0!important;border-top:1px solid rgba(255,255,255,.17)!important;background:transparent}.experience-executive-2026 .service-card .service-icon{display:none}.experience-executive-2026 .service-card h3{margin:0;font-size:clamp(1.7rem,2.6vw,3rem)}.experience-executive-2026 .service-card p{margin:0}.experience-executive-2026 .service-card a{border:0;padding:0;margin:0}.experience-executive-2026 .service-card a span{display:none}.experience-executive-2026 .conversion-card,.experience-executive-2026 .product-card,.experience-executive-2026 .review-card{border-radius:8px}.experience-executive-2026 .section-reviews{background:#eef1f5!important}.experience-executive-2026 .contact-v3{background:#07111f!important}.experience-executive-2026 .contact-grid{grid-template-columns:1.1fr .9fr}.experience-executive-2026 .contact-form{border-radius:10px} /* 3 — Local Service */ .experience-local-service{--experience-accent:#ea6b2d;background:#fffaf5}.experience-local-service .hero-carousel-v39{height:clamp(660px,92svh,900px);background:#2a1710}.experience-local-service .carousel-shade,[dir="rtl"] .experience-local-service .carousel-shade{background:linear-gradient(0deg,rgba(31,16,9,.88),rgba(31,16,9,.18) 72%)}.experience-local-service .carousel-slide-shell{align-items:flex-end;padding-bottom:110px}.experience-local-service .carousel-copy{width:min(950px,82vw)}.experience-local-service .carousel-copy h1{font-size:clamp(4rem,8vw,8.7rem);font-weight:720}.experience-local-service .carousel-primary{background:#fff;color:#32170d}.experience-local-service .carousel-secondary{background:#e9642a;border-color:#e9642a}.experience-local-service .experience-hero-mark{color:#ffbf96}.experience-local-service .section-about{background:#fffaf5!important}.experience-local-service .stats-wall article{background:#fff;border-radius:20px;border:1px solid #f0d9ca}.experience-local-service .section-services{background:#24150f!important}.experience-local-service .services-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border:0}.experience-local-service .service-card{min-height:260px;border:1px solid rgba(255,255,255,.13)!important;border-radius:24px;background:#312019;padding:28px}.experience-local-service .service-card h3{margin-top:38px}.experience-local-service .service-card a{border-color:rgba(255,255,255,.15)}.experience-local-service .conversion-card{border-radius:24px;background:#fff7ee;border-color:#efc7aa}.experience-local-service .section-reviews{background:#fff3e9!important}.experience-local-service .review-card{border-radius:22px;border:1px solid #efd6c3}.experience-local-service .section-faq{background:#fff!important}.experience-local-service .faq-v3 details{border-radius:18px;background:#fffaf6;border:1px solid #f2dfd2;margin-bottom:10px;padding-inline:18px}.experience-local-service .contact-v3{background:linear-gradient(135deg,#2c190f,#6c2f18)!important}.experience-local-service .contact-direct a{border-color:rgba(255,255,255,.18)}.experience-local-service .contact-form{border-radius:24px} /* 4 — Bento Business */ .experience-bento-business{background:#f4f7fb}.experience-bento-business .hero-carousel-v39{height:clamp(700px,96svh,980px);background:#0a1324}.experience-bento-business .carousel-slide>img{filter:saturate(.75) brightness(.74)}.experience-bento-business .carousel-shade,[dir="rtl"] .experience-bento-business .carousel-shade{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--brand) 36%,transparent),transparent 32%),linear-gradient(90deg,rgba(7,16,31,.9),rgba(7,16,31,.48))}.experience-bento-business .carousel-copy{padding:clamp(26px,3vw,46px);border-radius:30px;border:1px solid rgba(255,255,255,.14);background:rgba(8,20,38,.64);backdrop-filter:blur(18px);box-shadow:0 36px 100px rgba(0,0,0,.28)}.experience-bento-business .carousel-copy:after{content:"BENTO / 2026";display:block;margin-top:8px;font-size:.68rem;letter-spacing:.18em;color:rgba(255,255,255,.42)}.experience-bento-business .section-about{background:#f4f7fb!important}.experience-bento-business .about-grid{grid-template-columns:120px minmax(0,1fr) minmax(370px,.8fr)}.experience-bento-business .about-copy{padding:36px;border-radius:28px;background:#fff;border:1px solid #dfe6ef}.experience-bento-business .stats-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px}.experience-bento-business .stats-wall article{border:0;border-radius:24px;background:#101b2d;color:#fff}.experience-bento-business .stats-wall article:nth-child(2n){background:color-mix(in srgb,var(--brand) 86%,#0e1726)}.experience-bento-business .stats-wall span{color:rgba(255,255,255,.65)}.experience-bento-business .section-services{background:#edf2f8!important;color:#0f172a}.experience-bento-business .services-v3{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;border:0}.experience-bento-business .service-card{grid-column:span 2;min-height:270px;border:1px solid #d9e2ed!important;border-radius:26px;background:#fff;color:#0f172a}.experience-bento-business .service-card:nth-child(1),.experience-bento-business .service-card:nth-child(4){grid-column:span 3}.experience-bento-business .service-card p,.experience-bento-business .service-top small{color:#64748b}.experience-bento-business .service-card h3{margin-top:45px}.experience-bento-business .service-card a{border-color:#e2e8f0}.experience-bento-business :is(.conversion-card,.product-card,.review-card,.team-card,.certificate-card,.form-v3){border-radius:26px;box-shadow:0 18px 55px rgba(15,23,42,.06)}.experience-bento-business .section-reviews{background:#0f1b2c!important}.experience-bento-business .section-reviews .section-heading{color:#fff}.experience-bento-business .section-reviews .section-heading>div{color:#8ea1ba}.experience-bento-business .review-card{background:#17263b;color:#fff}.experience-bento-business .review-card blockquote{color:#f8fafc}.experience-bento-business .contact-v3{background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 30%),#0c1729!important} /* 5 — Luxury Noir */ .experience-luxury-noir{--experience-gold:#b89464;background:#f4efe8}.experience-luxury-noir .site-nav{font-weight:500}.experience-luxury-noir .hero-carousel-v39{background:#15100f}.experience-luxury-noir .carousel-slide>img{filter:saturate(.55) contrast(1.05) brightness(.72)}.experience-luxury-noir .carousel-shade,[dir="rtl"] .experience-luxury-noir .carousel-shade{background:linear-gradient(90deg,rgba(24,17,15,.94),rgba(24,17,15,.46) 58%,rgba(24,17,15,.14))}.experience-luxury-noir .carousel-copy{width:min(800px,64vw)}.experience-luxury-noir .carousel-copy h1{font-weight:450;line-height:1.08;font-size:clamp(4.7rem,8vw,9.5rem)}.experience-luxury-noir .experience-hero-mark,.experience-luxury-noir .carousel-eyebrow{color:#d7ba91}.experience-luxury-noir .carousel-primary{background:#c1a173;color:#17110e;border-radius:2px}.experience-luxury-noir .carousel-secondary{border-radius:2px}.experience-luxury-noir .carousel-arrows button{border-radius:2px}.experience-luxury-noir .section-about{background:#f5f0e9!important}.experience-luxury-noir .section-kicker,.experience-luxury-noir .section-heading>div{color:#8b7155}.experience-luxury-noir .about-copy h2,.experience-luxury-noir .section-heading h2{font-weight:480}.experience-luxury-noir .stats-wall article{border-radius:0;border-color:#d7cabb;background:transparent}.experience-luxury-noir .section-services{background:#1a1513!important}.experience-luxury-noir .services-v3{display:block;border:0}.experience-luxury-noir .service-card{display:grid;grid-template-columns:80px minmax(280px,.7fr) minmax(0,1fr) 60px;gap:24px;align-items:center;min-height:0;padding:36px 0;border:0!important;border-top:1px solid rgba(212,185,147,.27)!important}.experience-luxury-noir .service-card h3{margin:0;font-weight:470;font-size:clamp(1.8rem,3vw,3.4rem)}.experience-luxury-noir .service-card p{margin:0;color:#aa9d94}.experience-luxury-noir .service-card a{border:0;padding:0;margin:0;color:#d4b68d}.experience-luxury-noir .service-card a span{display:none}.experience-luxury-noir .section-work{background:#f5f0e9!important}.experience-luxury-noir .gallery-open{border-radius:2px}.experience-luxury-noir .section-reviews{background:#eae1d6!important}.experience-luxury-noir .review-card{border-radius:0;background:#f8f4ee;border:1px solid #d7c7b4;box-shadow:none}.experience-luxury-noir .review-card blockquote{font-weight:470}.experience-luxury-noir .faq-v3 details{border-color:#cdbda9}.experience-luxury-noir .contact-v3{background:#171210!important}.experience-luxury-noir .contact-form{border-radius:2px}.experience-luxury-noir .site-footer{background:#0e0b0a;color:#b6a38f} /* 6 — Prestige Corporate */ .experience-prestige-corporate{background:#0d0d0e;color:#eee}.experience-prestige-corporate .site-nav.scrolled{background:rgba(12,12,13,.91);color:#eee;box-shadow:0 1px 0 #2c2a27}.experience-prestige-corporate .site-nav.scrolled .nav-cta{background:#c7a46b;color:#111}.experience-prestige-corporate .hero-carousel-v39{background:#080808}.experience-prestige-corporate .carousel-slide>img{filter:grayscale(.75) contrast(1.1) brightness(.58)}.experience-prestige-corporate .carousel-shade,[dir="rtl"] .experience-prestige-corporate .carousel-shade{background:linear-gradient(90deg,#080808 0 42%,rgba(8,8,8,.5) 72%,rgba(8,8,8,.25))}.experience-prestige-corporate .carousel-copy{width:min(900px,72vw)}.experience-prestige-corporate .carousel-copy h1{font-size:clamp(4.8rem,8.2vw,10rem);font-weight:500;line-height:1}.experience-prestige-corporate .experience-hero-mark,.experience-prestige-corporate .carousel-eyebrow{color:#c9a66b}.experience-prestige-corporate .carousel-primary{background:#c9a66b;color:#111;border-radius:0}.experience-prestige-corporate .carousel-secondary{border-radius:0}.experience-prestige-corporate .section-v3{background:#111113!important;color:#f2f0eb;border-top:1px solid #272625}.experience-prestige-corporate .section-v3:nth-of-type(even){background:#0c0c0d!important}.experience-prestige-corporate .section-heading>div,.experience-prestige-corporate .section-kicker,.experience-prestige-corporate .about-copy>p,.experience-prestige-corporate .section-heading.compact>p{color:#8f8b84}.experience-prestige-corporate .section-index{border-radius:0;border-color:#48433c;color:#c9a66b}.experience-prestige-corporate .about-grid{grid-template-columns:120px minmax(0,1.25fr) minmax(320px,.65fr)}.experience-prestige-corporate .stats-wall article{background:#171719;border:1px solid #2d2b28;border-radius:0}.experience-prestige-corporate .stats-wall span{color:#8f8b84}.experience-prestige-corporate .section-services{background:#09090a!important}.experience-prestige-corporate .service-card{background:transparent;border-color:#2a2825!important}.experience-prestige-corporate .service-card p{color:#8e8a83}.experience-prestige-corporate :is(.conversion-card,.product-card,.review-card,.form-v3){background:#171719;color:#eee;border:1px solid #302d29;border-radius:0;box-shadow:none}.experience-prestige-corporate .product-card p,.experience-prestige-corporate .conversion-card p,.experience-prestige-corporate .review-card blockquote{color:#c5c0b7}.experience-prestige-corporate .gallery-open{border-radius:0;filter:saturate(.6)}.experience-prestige-corporate .section-reviews{background:#0b0b0c!important}.experience-prestige-corporate .faq-v3 details{border-color:#35312c;color:#eee}.experience-prestige-corporate .faq-v3 details p{color:#9e9991}.experience-prestige-corporate .contact-v3{background:#070708!important}.experience-prestige-corporate .footer-info,.experience-prestige-corporate .site-footer{background:#080809!important;color:#bbb6ae;border-color:#292724} /* 7 — Editorial */ .experience-editorial{background:#f1ecdf;--experience-paper:#f4efe3}.experience-editorial .hero-carousel-v39{background:#e9e2d3;color:#151515}.experience-editorial .carousel-slide>img{filter:saturate(.5) sepia(.08) contrast(.96)}.experience-editorial .carousel-shade,[dir="rtl"] .experience-editorial .carousel-shade{background:linear-gradient(90deg,rgba(239,232,218,.96) 0 47%,rgba(239,232,218,.25) 72%,rgba(20,20,20,.12))}.experience-editorial .carousel-copy{width:min(690px,59vw);color:#171717}.experience-editorial .carousel-copy h1{font-size:clamp(4.4rem,7.5vw,9.2rem);font-weight:500;line-height:1.08}.experience-editorial .carousel-copy p{color:#5f594f}.experience-editorial .experience-hero-mark,.experience-editorial .carousel-eyebrow{color:#6e604d}.experience-editorial .carousel-primary{background:#171717;color:#fff;border-radius:3px}.experience-editorial .carousel-secondary{color:#171717;border-color:#7c7367;background:transparent;border-radius:3px}.experience-editorial .carousel-dots button{background:#8f877c}.experience-editorial .carousel-dots button.is-active{background:#171717}.experience-editorial .section-v3{background:var(--experience-paper)!important}.experience-editorial .section-v3:nth-of-type(even){background:#ebe4d7!important}.experience-editorial .section-heading{border-top:1px solid #38342e;padding-top:20px;grid-template-columns:110px minmax(0,1fr)}.experience-editorial .section-heading h2,.experience-editorial .about-copy h2{font-weight:500}.experience-editorial .section-index{border-radius:3px}.experience-editorial .about-grid{grid-template-columns:110px minmax(0,1.4fr) minmax(280px,.55fr)}.experience-editorial .stats-wall{border-top:1px solid #4c463e}.experience-editorial .stats-wall article{background:transparent;border:0;border-bottom:1px solid #cfc4b3;border-radius:0}.experience-editorial .section-services{background:#1b1a18!important}.experience-editorial .services-v3{display:block;border:0}.experience-editorial .service-card{display:grid;grid-template-columns:70px minmax(250px,.72fr) minmax(0,1fr) 50px;align-items:center;gap:20px;min-height:0;padding:32px 0;border:0!important;border-top:1px solid #4a4640!important}.experience-editorial .service-card h3{margin:0;font-weight:500}.experience-editorial .service-card p{margin:0;color:#aaa39a}.experience-editorial .service-card a{border:0;margin:0;padding:0}.experience-editorial .service-card a span{display:none}.experience-editorial :is(.conversion-card,.product-card,.review-card,.form-v3){border-radius:3px;box-shadow:none;border-color:#c9bead}.experience-editorial .gallery-open{border-radius:2px}.experience-editorial .section-reviews{background:#ded3c2!important}.experience-editorial .review-card{background:transparent;border-width:1px 0 0}.experience-editorial .faq-v3 details{border-color:#bdb1a0}.experience-editorial .contact-v3{background:#25221d!important}.experience-editorial .site-footer{background:#171612;color:#c8c0b4} /* 8 — Creative Studio */ .experience-creative-studio{--experience-accent:#ff5f3d;background:#f2f0ea}.experience-creative-studio .hero-carousel-v39{background:#111}.experience-creative-studio .carousel-slide>img{filter:saturate(1.18) contrast(1.04)}.experience-creative-studio .carousel-shade,[dir="rtl"] .experience-creative-studio .carousel-shade{background:linear-gradient(0deg,rgba(7,7,7,.82),rgba(7,7,7,.06) 68%)}.experience-creative-studio .carousel-slide-shell{align-items:flex-end;padding-bottom:96px}.experience-creative-studio .carousel-copy{width:min(1120px,86vw)}.experience-creative-studio .carousel-copy h1{font-size:clamp(5rem,10vw,12rem);line-height:.92;font-weight:800;text-transform:none}.experience-creative-studio .experience-hero-mark{padding:8px 12px;background:#ff5f3d;color:#111;transform:rotate(-2deg);letter-spacing:.02em}.experience-creative-studio .experience-hero-mark i{display:none}.experience-creative-studio .carousel-primary{background:#ff5f3d;color:#111;border-radius:18px}.experience-creative-studio .carousel-secondary{border-radius:18px}.experience-creative-studio .section-v3{background:#f2f0ea!important}.experience-creative-studio .section-v3:nth-of-type(even){background:#e9e6de!important}.experience-creative-studio .section-heading h2,.experience-creative-studio .about-copy h2{font-weight:800}.experience-creative-studio .section-index{border-radius:8px;background:#141414;color:#fff;border-color:#141414;transform:rotate(-4deg)}.experience-creative-studio .about-grid{grid-template-columns:100px minmax(0,1.15fr) minmax(360px,.8fr)}.experience-creative-studio .about-copy{padding:clamp(24px,3vw,48px);border-radius:30px;background:#ff5f3d;color:#141414;transform:rotate(-.7deg)}html[dir="rtl"] .experience-creative-studio .about-copy{transform:rotate(.7deg)}.experience-creative-studio .about-copy>p{color:#30221d}.experience-creative-studio .stats-wall{gap:10px}.experience-creative-studio .stats-wall article{border-radius:24px;background:#141414;color:#fff;border:0}.experience-creative-studio .stats-wall article:nth-child(2n){background:#fff;color:#111}.experience-creative-studio .section-services{background:#171717!important}.experience-creative-studio .services-v3{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border:0}.experience-creative-studio .service-card{grid-column:span 2;min-height:285px;border:0!important;border-radius:26px;background:#242424}.experience-creative-studio .service-card:nth-child(1),.experience-creative-studio .service-card:nth-child(5n){grid-column:span 3;background:#ff5f3d;color:#111}.experience-creative-studio .service-card:nth-child(1) p,.experience-creative-studio .service-card:nth-child(5n) p{color:#34231d}.experience-creative-studio .service-card h3{margin-top:50px}.experience-creative-studio .service-card a{border-color:rgba(255,255,255,.16)}.experience-creative-studio .service-card:nth-child(1) a,.experience-creative-studio .service-card:nth-child(5n) a{border-color:rgba(0,0,0,.2)}.experience-creative-studio :is(.conversion-card,.product-card,.review-card,.form-v3){border-radius:24px;box-shadow:8px 8px 0 #171717}.experience-creative-studio .section-work{background:#151515!important;color:#fff}.experience-creative-studio .section-work .section-heading>div{color:#aaa}.experience-creative-studio .gallery-v3{gap:8px}.experience-creative-studio .gallery-open{border-radius:18px}.experience-creative-studio .section-reviews{background:#dcd7cb!important}.experience-creative-studio .review-card:nth-child(2n){transform:rotate(1.2deg)}.experience-creative-studio .review-card:nth-child(3n){transform:rotate(-1deg)}.experience-creative-studio .faq-v3 details{background:#fff;border:2px solid #171717;border-radius:18px;margin-bottom:10px;padding-inline:18px}.experience-creative-studio .contact-v3{background:#ff5f3d!important;color:#111}.experience-creative-studio .contact-copy p{color:#36241f}.experience-creative-studio .contact-direct a{border-color:rgba(0,0,0,.22)}.experience-creative-studio .contact-form{background:#111;color:#fff;box-shadow:10px 10px 0 rgba(0,0,0,.28)} /* Mobile composition keeps the families distinct without sacrificing usability */ @media(max-width:900px){ .experience-medical-premium .carousel-slide-shell{align-items:flex-end}.experience-medical-premium .carousel-copy{width:100%;padding:25px 22px;border-radius:26px}.experience-medical-premium .carousel-copy h1{font-size:clamp(2.5rem,11vw,4.8rem)} .experience-executive-2026 .carousel-copy{width:100%;border-inline-start:0;border-top:1px solid rgba(255,255,255,.35);padding:24px 0 0}.experience-executive-2026 .carousel-copy h1{font-size:clamp(3rem,13vw,5.8rem)} .experience-local-service .carousel-copy,.experience-bento-business .carousel-copy,.experience-luxury-noir .carousel-copy,.experience-prestige-corporate .carousel-copy,.experience-editorial .carousel-copy,.experience-creative-studio .carousel-copy{width:100%} .experience-bento-business .about-grid,.experience-creative-studio .about-grid,.experience-prestige-corporate .about-grid,.experience-editorial .about-grid{grid-template-columns:1fr}.experience-bento-business .about-copy,.experience-creative-studio .about-copy{transform:none!important} .experience-executive-2026 .service-card,.experience-luxury-noir .service-card,.experience-editorial .service-card{grid-template-columns:52px minmax(0,1fr) 38px;gap:12px}.experience-executive-2026 .service-card p,.experience-luxury-noir .service-card p,.experience-editorial .service-card p{grid-column:2/4}.experience-executive-2026 .service-card a,.experience-luxury-noir .service-card a,.experience-editorial .service-card a{grid-column:3;grid-row:1}.experience-executive-2026 .service-card h3,.experience-luxury-noir .service-card h3,.experience-editorial .service-card h3{grid-column:2} .experience-bento-business .services-v3,.experience-creative-studio .services-v3{grid-template-columns:1fr 1fr}.experience-bento-business .service-card,.experience-bento-business .service-card:nth-child(n),.experience-creative-studio .service-card,.experience-creative-studio .service-card:nth-child(n){grid-column:auto} .section-v3.section-style-split .section-heading{grid-template-columns:1fr}.section-v3.section-style-soft-panels>.section-shell,.section-v3.section-style-bento>.section-shell,.section-v3.section-style-glass>.section-shell{padding:24px;border-radius:24px} } @media(max-width:620px){ .experience-hero-mark{font-size:.62rem}.experience-medical-premium .carousel-copy{background:rgba(250,255,255,.95)}.experience-medical-premium .carousel-primary,.experience-medical-premium .carousel-secondary{width:100%} .experience-local-service .services-v3,.experience-bento-business .services-v3,.experience-creative-studio .services-v3{grid-template-columns:1fr}.experience-local-service .service-card,.experience-bento-business .service-card,.experience-creative-studio .service-card{min-height:250px} .experience-prestige-corporate .carousel-copy h1,.experience-luxury-noir .carousel-copy h1,.experience-creative-studio .carousel-copy h1{font-size:clamp(3rem,15vw,5.4rem)} .section-v3.section-style-spotlight .section-heading h2{font-size:clamp(2.7rem,13vw,4.5rem)} } /* v5.3 static-hero compositions used by selected demos */ .experience-medical-premium .hero-v3{background:linear-gradient(135deg,#eaf8f8,#f9fdfd);color:#14363a}.experience-medical-premium .hero-scrim{background:linear-gradient(90deg,rgba(244,253,253,.98),rgba(244,253,253,.86) 48%,rgba(12,73,79,.12))!important}.experience-medical-premium .hero-bg>img{filter:saturate(.78) brightness(1.04)}.experience-medical-premium .hero-v3 .experience-hero-mark,.experience-medical-premium .hero-v3 .eyebrow{color:#47777c}.experience-medical-premium .hero-v3 .hero-lead{color:#5d7377}.experience-medical-premium .hero-v3 .btn-ghost{color:#17464c;border-color:#b7d8da;background:rgba(255,255,255,.7)}.experience-medical-premium .hero-v3 .hero-contact-strip{border-color:#cfe4e5}.experience-medical-premium .hero-v3 .hero-contact-strip a{border-color:#d7e8e9}.experience-medical-premium .hero-v3 .hero-contact-strip span{color:#668085}.experience-medical-premium .hero-v3 .visual-frame{border-radius:180px 180px 34px 34px;border-color:#fff;box-shadow:0 36px 100px rgba(10,75,82,.16)}.experience-medical-premium .hero-v3 .floating-proof{border:1px solid #d7e9e9} .experience-executive-2026 .hero-v3{background:#071120}.experience-executive-2026 .hero-v3 .hero-shell{grid-template-columns:minmax(0,1.25fr) minmax(330px,.58fr)}.experience-executive-2026 .hero-v3 .hero-content{border-inline-start:1px solid rgba(255,255,255,.28);padding-inline-start:clamp(28px,4vw,62px)}.experience-executive-2026 .hero-v3 .visual-frame{border-radius:8px;aspect-ratio:.78}.experience-executive-2026 .hero-v3 .btn{border-radius:8px}.experience-executive-2026 .hero-v3 .hero-content h1{font-size:clamp(4.8rem,8.2vw,9.6rem);font-weight:620} .experience-local-service .hero-v3{background:#2a1710}.experience-local-service .hero-v3 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)}.experience-local-service .hero-v3 .visual-frame{border-radius:32px;aspect-ratio:1.05;transform:rotate(1.4deg)}html[dir="rtl"] .experience-local-service .hero-v3 .visual-frame{transform:rotate(-1.4deg)}.experience-local-service .hero-v3 .floating-proof{background:#ef6a2c;color:#fff}.experience-local-service .hero-v3 .floating-proof small{color:rgba(255,255,255,.72)}.experience-local-service .hero-v3 .btn-primary{background:#ef6a2c}.experience-local-service .hero-v3 .btn-ghost{background:#fff;color:#2b160e;border-color:#fff} .experience-bento-business .hero-v3{background:#eef3f9;color:#0f172a}.experience-bento-business .hero-v3 .hero-bg{display:none}.experience-bento-business .hero-v3 .hero-shell{grid-template-columns:minmax(0,1.05fr) minmax(420px,.9fr);gap:18px;padding-top:120px}.experience-bento-business .hero-v3 .hero-content,.experience-bento-business .hero-v3 .hero-visual{min-height:610px;border-radius:34px}.experience-bento-business .hero-v3 .hero-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,72px);background:#fff;border:1px solid #dbe3ed}.experience-bento-business .hero-v3 .experience-hero-mark,.experience-bento-business .hero-v3 .eyebrow{color:#60738d}.experience-bento-business .hero-v3 .hero-lead{color:#64748b}.experience-bento-business .hero-v3 .btn-ghost{color:#0f172a;border-color:#cbd5e1;background:#f8fafc}.experience-bento-business .hero-v3 .hero-contact-strip{border-color:#dbe3ed}.experience-bento-business .hero-v3 .hero-contact-strip a{border-color:#dbe3ed}.experience-bento-business .hero-v3 .hero-contact-strip span{color:#64748b}.experience-bento-business .hero-v3 .hero-visual{display:flex;align-items:stretch}.experience-bento-business .hero-v3 .visual-frame{width:100%;height:100%;aspect-ratio:auto;border-radius:34px}.experience-bento-business .hero-v3 .floating-proof{inset-inline-start:24px;bottom:24px} .experience-editorial .hero-v3{background:#ece4d5;color:#181714}.experience-editorial .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(239,232,218,.98),rgba(239,232,218,.84) 50%,rgba(239,232,218,.08))!important}.experience-editorial .hero-v3 .hero-bg>img{filter:saturate(.5) sepia(.08)}.experience-editorial .hero-v3 .experience-hero-mark,.experience-editorial .hero-v3 .eyebrow{color:#766a59}.experience-editorial .hero-v3 .hero-lead{color:#5f594f}.experience-editorial .hero-v3 .btn-primary{background:#171717}.experience-editorial .hero-v3 .btn-ghost{color:#171717;border-color:#766f64;background:transparent}.experience-editorial .hero-v3 .hero-contact-strip{border-color:#bbb09f}.experience-editorial .hero-v3 .hero-contact-strip a{border-color:#c9bead}.experience-editorial .hero-v3 .hero-contact-strip span{color:#6d655a}.experience-editorial .hero-v3 .visual-frame{border-radius:3px;aspect-ratio:4/5;box-shadow:16px 18px 0 rgba(30,28,24,.12)}.experience-editorial .hero-v3 .floating-proof{border-radius:3px;background:#171717;color:#fff}.experience-editorial .hero-v3 .floating-proof small{color:#bfb8ad} @media(max-width:900px){.experience-executive-2026 .hero-v3 .hero-content{border-inline-start:0;padding-inline-start:0}.experience-bento-business .hero-v3 .hero-shell{grid-template-columns:1fr}.experience-bento-business .hero-v3 .hero-content,.experience-bento-business .hero-v3 .hero-visual{min-height:auto}.experience-bento-business .hero-v3 .hero-content{padding:30px 24px}.experience-local-service .hero-v3 .visual-frame{transform:none!important}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v54.css */ /* Snap Profile v5.4 — Signature Experience Engine Four art-directed public-site systems. This file intentionally overrides v3/v5.3 composition while leaving forms, tracking, anti-spam and business logic untouched. */ .site-v54{--v54-shell:min(1480px,calc(100vw - 88px));--v54-hair:rgba(15,23,42,.12);--v54-ease:cubic-bezier(.2,.8,.2,1)} .site-v54 .section-shell,.site-v54 .nav-shell{width:var(--v54-shell)} .site-v54 .section-v3{isolation:isolate} .site-v54 .section-heading h2{max-width:1000px;text-wrap:balance} .site-v54 .section-heading>p{max-width:650px;line-height:1.95;color:var(--muted)} .site-v54 .experience-hero-mark{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700} .site-v54 .experience-hero-mark i{display:inline-block;width:42px;height:1px;background:currentColor;margin-inline-start:10px;vertical-align:middle;opacity:.45} .site-v54 .carousel-primary,.site-v54 .carousel-secondary,.site-v54 .btn{transition:transform .35s var(--v54-ease),background .35s ease,border-color .35s ease,color .35s ease} .site-v54 :is(.carousel-primary,.carousel-secondary,.btn):hover{transform:translateY(-3px)} .site-v54 .section-index{font-variant-numeric:tabular-nums} /* ========================================================================== 01 — Signature Business: architectural, restrained, decision-maker focused ========================================================================== */ .experience-signature-business{--ink:#10151d;--muted:#69727f;--paper:#f7f8f7;--soft:#eef0f1;--line:rgba(16,21,29,.14);--heading-font:"Readex Pro","IBM Plex Sans Arabic",sans-serif;--body-font:"IBM Plex Sans Arabic",sans-serif;background:#f7f8f7;color:#10151d} .experience-signature-business .site-nav{color:#f8fafc}.experience-signature-business .site-nav.scrolled{color:#10151d;background:rgba(247,248,247,.91);border-bottom:1px solid rgba(16,21,29,.09);box-shadow:none} .experience-signature-business .brand-mark img,.experience-signature-business .brand-mark>span{border-radius:4px;box-shadow:none;border:1px solid rgba(255,255,255,.25)} .experience-signature-business .site-nav.scrolled .brand-mark img,.experience-signature-business .site-nav.scrolled .brand-mark>span{border-color:#d9dde2} .experience-signature-business .nav-cta{border-radius:3px;padding-inline:24px;background:#f8fafc;color:#10151d}.experience-signature-business .site-nav.scrolled .nav-cta{background:#10151d;color:#fff} .experience-signature-business .hero-v3{background:#0c141f;color:#fff}.experience-signature-business .hero-v3 .hero-bg>img{filter:saturate(.66) contrast(1.02)} .experience-signature-business .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(7,14,23,.97) 0%,rgba(7,14,23,.87) 43%,rgba(7,14,23,.26) 77%,rgba(7,14,23,.42) 100%)!important} html[dir="rtl"] .experience-signature-business .hero-v3 .hero-scrim{background:linear-gradient(270deg,rgba(7,14,23,.97) 0%,rgba(7,14,23,.87) 43%,rgba(7,14,23,.26) 77%,rgba(7,14,23,.42) 100%)!important} .experience-signature-business .art-static-signature{grid-template-columns:minmax(0,1.2fr) minmax(410px,.74fr);gap:clamp(48px,6vw,110px);padding-top:136px} .experience-signature-business .art-static-signature .hero-content{padding-inline-start:clamp(25px,4vw,66px);border-inline-start:1px solid rgba(255,255,255,.3)} .experience-signature-business .art-static-signature h1{font-size:clamp(4.8rem,8vw,9.8rem);line-height:.95;letter-spacing:-.055em;font-weight:600} .experience-signature-business .art-static-signature .hero-lead{max-width:720px;color:rgba(255,255,255,.67)} .experience-signature-business .art-static-signature .btn{border-radius:3px;min-height:58px}.experience-signature-business .art-static-signature .btn-primary{background:#f7f8f7;color:#10151d}.experience-signature-business .art-static-signature .btn-ghost{background:transparent;border-color:rgba(255,255,255,.26)} .signature-static-rail{align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;border-inline-start:1px solid rgba(255,255,255,.17);padding-inline-start:22px;min-height:650px}.signature-static-media{min-height:460px;overflow:hidden;background:#17202b}.signature-static-media img{width:100%;height:100%;object-fit:cover}.signature-static-media img.contained{object-fit:contain;padding:18%;background:#f4f4f0}.signature-static-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}.signature-static-stats>div{padding:24px 12px;border-inline-end:1px solid rgba(255,255,255,.18)}.signature-static-stats>div:last-child{border-inline-end:0}.signature-static-stats strong{display:block;font:600 1.55rem var(--heading-font)}.signature-static-stats small{display:block;margin-top:5px;color:rgba(255,255,255,.56);font-size:.72rem} .experience-signature-business .hero-carousel-v39{background:#0b131f}.experience-signature-business .carousel-slide{min-height:100svh}.experience-signature-business .carousel-slide>img{filter:saturate(.62) contrast(1.05)}.experience-signature-business .carousel-shade{background:linear-gradient(90deg,rgba(7,13,22,.97),rgba(7,13,22,.82) 52%,rgba(7,13,22,.18))!important}.experience-signature-business .art-hero-signature{display:grid;grid-template-columns:minmax(0,1.15fr) 300px;gap:80px;align-items:end;padding-bottom:95px}.experience-signature-business .art-signature-copy{max-width:none;border-inline-start:1px solid rgba(255,255,255,.29);padding-inline-start:52px}.experience-signature-business .art-signature-copy h1{font:600 clamp(4.8rem,8.8vw,10.4rem)/.92 var(--heading-font);letter-spacing:-.06em;max-width:1040px;margin:22px 0}.experience-signature-business .art-signature-copy p{max-width:700px;color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.9}.experience-signature-business .carousel-primary{background:#fff;color:#10151d;border-radius:3px}.experience-signature-business .carousel-secondary{border-radius:3px;border-color:rgba(255,255,255,.24)} .signature-proof-panel{align-self:end;border-top:1px solid rgba(255,255,255,.34);color:#fff}.signature-proof-panel>span{display:block;padding:15px 0;color:rgba(255,255,255,.48);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.signature-proof-panel>div{display:grid;grid-template-columns:100px 1fr;align-items:end;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}.signature-proof-panel strong{font:600 1.6rem var(--heading-font)}.signature-proof-panel small{color:rgba(255,255,255,.55);font-size:.72rem}.signature-proof-panel footer{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.34);display:grid;gap:4px}.signature-proof-panel footer b{font-size:.78rem}.signature-proof-panel footer small{font-size:.68rem} .experience-signature-business .section-v3{background:#f7f8f7!important;border-top:1px solid #dfe2e5}.experience-signature-business .section-v3.bg-dark{background:#111923!important;color:#fff;border-color:#111923}.experience-signature-business .section-heading{grid-template-columns:150px minmax(0,1fr);border-top:1px solid currentColor;padding-top:19px}.experience-signature-business .section-heading h2{font-weight:560;letter-spacing:-.035em;line-height:1.1}.experience-signature-business .section-heading>div{color:inherit;opacity:.6}.experience-signature-business .section-index{border:0;width:auto;height:auto;border-radius:0;font-weight:600}.experience-signature-business .about-grid{grid-template-columns:150px minmax(0,1.25fr) minmax(330px,.55fr);border-top:1px solid #bec4ca;padding-top:22px}.experience-signature-business .about-copy h2{font-weight:560;letter-spacing:-.045em}.experience-signature-business .stats-wall{background:transparent;border:0;border-top:1px solid #c7ccd1;border-radius:0;box-shadow:none}.experience-signature-business .stats-wall article{border-color:#c7ccd1;background:transparent}.experience-signature-business .stats-wall strong{font-weight:560} .service-ledger-v54{border-top:1px solid #aeb5bd}.service-ledger-row{display:grid;grid-template-columns:68px minmax(250px,.75fr) minmax(280px,1fr) 54px;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid #c7ccd1;transition:padding .35s var(--v54-ease),background .35s ease}.service-ledger-row:hover{padding-inline:18px;background:#eef0f1}.service-ledger-row .service-no{font:500 .75rem var(--heading-font);color:#7a838d}.service-ledger-row>div small{display:block;color:#7a838d;font-size:.7rem;margin-bottom:6px}.service-ledger-row h3{margin:0;font:560 clamp(1.35rem,2vw,2rem)/1.2 var(--heading-font)}.service-ledger-row p{margin:0;color:#69727f;line-height:1.8}.service-ledger-row>a{display:grid;place-items:center;width:46px;height:46px;border:1px solid #aeb5bd;text-decoration:none;font-size:1.2rem}.service-ledger-row:hover>a{background:#10151d;color:#fff;border-color:#10151d} .gallery-architectural-v54{display:grid;grid-template-columns:1.35fr .75fr .75fr;grid-template-rows:330px 330px;gap:10px}.gallery-architecture-item{margin:0;overflow:hidden}.gallery-architecture-item.item-1{grid-row:1/3}.gallery-architecture-item.item-4{grid-column:2/4}.gallery-architecture-item .gallery-open{width:100%;height:100%;border:0;padding:0;background:#111;position:relative;overflow:hidden}.gallery-architecture-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v54-ease);filter:saturate(.8)}.gallery-architecture-item:hover img{transform:scale(1.035)}.gallery-architecture-item span{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;display:flex;justify-content:space-between;gap:18px;color:#fff;background:linear-gradient(transparent,rgba(5,9,14,.78));text-align:start}.gallery-architecture-item small{font:600 .65rem var(--heading-font);opacity:.7}.gallery-architecture-item b{font-size:.8rem;font-weight:600} .reviews-signature-v54{display:grid;border-top:1px solid #aeb5bd}.reviews-signature-v54 article{display:grid;grid-template-columns:80px minmax(0,1fr) 230px;gap:35px;padding:32px 0;border-bottom:1px solid #c7ccd1;align-items:start}.reviews-signature-v54>article>span{color:#7a838d;font-size:.68rem}.reviews-signature-v54 blockquote{margin:0;font:500 clamp(1.35rem,2.3vw,2.25rem)/1.55 var(--heading-font);max-width:900px}.reviews-signature-v54 footer{display:grid;gap:4px}.reviews-signature-v54 footer strong{font-size:.82rem}.reviews-signature-v54 footer small{color:#7a838d;font-size:.7rem} .experience-signature-business .faq-v3 details{border-radius:0;border:0;border-bottom:1px solid #c7ccd1;background:transparent;padding:0}.experience-signature-business .faq-v3 summary{padding:22px 0;font-weight:600}.experience-signature-business .faq-v3 details p{padding:0 0 24px;color:#69727f}.experience-signature-business .contact-v3{background:#111923!important;color:#fff}.experience-signature-business .contact-bg{display:none}.experience-signature-business .contact-grid{border-top:1px solid rgba(255,255,255,.25);padding-top:26px}.experience-signature-business .contact-copy h2{font-weight:560}.experience-signature-business .contact-direct a{border-radius:0;border:0;border-bottom:1px solid rgba(255,255,255,.18);padding-inline:0}.experience-signature-business .contact-form{border-radius:0;background:#f6f7f4;color:#10151d;box-shadow:none}.experience-signature-business .form-v3 :is(input,select,textarea){border-radius:0;background:transparent;border:0;border-bottom:1px solid #adb4bb} /* ========================================================================== 02 — Maison / Luxury: cinematic, fashion-editorial, quiet luxury ========================================================================== */ .experience-maison-luxury{--ink:#17130f;--muted:#756b60;--paper:#f1eadf;--soft:#e7ded2;--line:rgba(32,25,19,.16);--heading-font:"Noto Naskh Arabic","Noto Kufi Arabic",serif;--body-font:"IBM Plex Sans Arabic",sans-serif;background:#f1eadf;color:#17130f} .experience-maison-luxury .site-nav{color:#f8f3eb}.experience-maison-luxury .site-nav.scrolled{background:rgba(241,234,223,.9);color:#17130f;box-shadow:none;border-bottom:1px solid rgba(23,19,15,.12)}.experience-maison-luxury .brand-mark img,.experience-maison-luxury .brand-mark>span{border-radius:50%;box-shadow:none}.experience-maison-luxury .brand-mark small{letter-spacing:.08em}.experience-maison-luxury .nav-cta{border-radius:0;background:transparent;color:inherit;border:1px solid currentColor}.experience-maison-luxury .site-nav.scrolled .nav-cta{background:#17130f;color:#f5efe7} .experience-maison-luxury .hero-carousel-v39{background:#15110e}.experience-maison-luxury .carousel-slide>img{filter:saturate(.58) contrast(1.03) brightness(.82)}.experience-maison-luxury .carousel-shade{background:linear-gradient(90deg,rgba(15,11,8,.75),rgba(15,11,8,.18) 62%,rgba(15,11,8,.5))!important}.experience-maison-luxury .art-hero-maison{display:grid;grid-template-columns:70px minmax(0,1fr) 260px;gap:45px;align-items:end;padding-bottom:80px}.maison-rail{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;color:#f6efe6;padding-bottom:8px}.maison-rail>span{font:500 1rem var(--body-font)}.maison-rail i{height:180px;width:1px;background:rgba(255,255,255,.45)}.maison-rail small{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.maison-copy{max-width:960px}.maison-copy .carousel-eyebrow{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68)}.maison-copy h1{font:500 clamp(5.6rem,10vw,12rem)/.84 var(--heading-font);letter-spacing:-.055em;margin:16px 0 24px;max-width:1100px}.maison-copy p{max-width:650px;color:rgba(255,255,255,.7);font-size:1rem;line-height:2}.experience-maison-luxury .carousel-primary{border-radius:0;background:#f2eadf;color:#17130f;padding-inline:30px}.experience-maison-luxury .carousel-secondary{border:0;border-bottom:1px solid rgba(255,255,255,.46);border-radius:0;padding-inline:4px}.maison-signature{align-self:end;border-top:1px solid rgba(255,255,255,.45);padding-top:18px;color:#fff;display:grid;gap:5px}.maison-signature small{opacity:.58;font-size:.67rem}.maison-signature strong{font:500 1.4rem var(--heading-font)}.maison-signature span{margin-top:12px;opacity:.58;font-size:.68rem;line-height:1.7} .experience-maison-luxury .section-v3{background:#f1eadf!important}.experience-maison-luxury .section-v3.bg-dark{background:#18130f!important;color:#f5eee5}.experience-maison-luxury .section-heading{grid-template-columns:120px minmax(0,1fr);gap:60px}.experience-maison-luxury .section-heading h2,.experience-maison-luxury .about-copy h2,.experience-maison-luxury .contact-copy h2{font-family:var(--heading-font);font-weight:500;letter-spacing:-.035em;line-height:1.05}.experience-maison-luxury .section-heading>div{color:#8b7d6d}.experience-maison-luxury .section-index{border-radius:0;border:0;border-bottom:1px solid #9d8d7b;width:auto;height:24px}.experience-maison-luxury .about-grid{grid-template-columns:120px minmax(0,1.15fr) minmax(320px,.55fr)}.experience-maison-luxury .about-copy>p{color:#756b60}.experience-maison-luxury .stats-wall{background:transparent;border:0;border-top:1px solid #b8aa99;border-radius:0;box-shadow:none}.experience-maison-luxury .stats-wall article{border-color:#c8bbab;background:transparent}.experience-maison-luxury .stats-wall strong{font-family:var(--heading-font);font-weight:500;font-size:2.25rem} .service-atelier-v54{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.service-atelier-card{grid-column:span 4;min-height:410px;padding:32px 28px;border:1px solid #c8bbab;background:#eee5da;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-atelier-card:nth-child(1),.service-atelier-card:nth-child(5){grid-column:span 6;background:#18130f;color:#f5eee5}.service-atelier-card>span{position:absolute;top:22px;inset-inline-end:22px;font-size:.65rem;opacity:.55}.service-atelier-icon{font-size:1.6rem;opacity:.75}.service-atelier-card h3{font:500 clamp(2.1rem,3vw,3.6rem)/1.08 var(--heading-font);margin:auto 0 16px;letter-spacing:-.03em}.service-atelier-card p{margin:0;color:#796f64;line-height:1.9}.service-atelier-card:nth-child(1) p,.service-atelier-card:nth-child(5) p{color:rgba(255,255,255,.6)}.service-atelier-card a{margin-top:24px;text-decoration:none;border-top:1px solid currentColor;padding-top:16px;font-size:.72rem;display:flex;justify-content:space-between}.service-atelier-card a b{font-weight:400} .gallery-maison-v54{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:580px 380px;gap:14px}.maison-shot{margin:0;overflow:hidden;position:relative}.maison-shot.shot-1{grid-row:1/3}.maison-shot.shot-4{grid-column:2}.maison-shot .gallery-open{width:100%;height:100%;border:0;padding:0;position:relative;background:#1a1612}.maison-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform 1s var(--v54-ease),filter .5s ease}.maison-shot:hover img{transform:scale(1.025);filter:saturate(.8)}.maison-shot span{position:absolute;inset-inline:20px;bottom:20px;color:#fff;display:flex;justify-content:space-between;align-items:end;text-shadow:0 2px 15px rgba(0,0,0,.4)}.maison-shot span i{font-style:normal;font-size:.62rem;opacity:.65}.maison-shot span b{font-family:var(--heading-font);font-weight:500;font-size:1.2rem} .reviews-maison-v54{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b8aa99;border-bottom:1px solid #b8aa99}.reviews-maison-v54 article{min-height:360px;padding:34px 30px;border-inline-end:1px solid #c8bbab;display:flex;flex-direction:column}.reviews-maison-v54 article:last-child{border-inline-end:0}.reviews-maison-v54 .stars{color:#8d6e48;letter-spacing:.14em;font-size:.65rem}.reviews-maison-v54 blockquote{margin:auto 0;font:500 clamp(1.55rem,2.4vw,2.6rem)/1.55 var(--heading-font)}.reviews-maison-v54 footer{display:flex;align-items:center;gap:10px}.reviews-maison-v54 footer>span{width:28px;height:1px;background:#8d8173}.reviews-maison-v54 footer strong{font-size:.76rem}.reviews-maison-v54 footer small{color:#857a6f;font-size:.67rem} .experience-maison-luxury .faq-grid{grid-template-columns:.8fr 1.2fr}.experience-maison-luxury .faq-v3 details{border-radius:0;border:0;border-top:1px solid #b8aa99;background:transparent}.experience-maison-luxury .faq-v3 details:last-child{border-bottom:1px solid #b8aa99}.experience-maison-luxury .faq-v3 summary{font-family:var(--heading-font);font-size:1.15rem;font-weight:500;padding:20px 0}.experience-maison-luxury .faq-v3 p{padding:0 0 22px;color:#756b60}.experience-maison-luxury .contact-v3{background:#18130f!important;color:#f5eee5}.experience-maison-luxury .contact-bg{background:radial-gradient(circle at 80% 10%,rgba(194,155,104,.14),transparent 35%)}.experience-maison-luxury .contact-grid{grid-template-columns:.9fr 1.1fr}.experience-maison-luxury .contact-form{border-radius:0;background:#eee5da;color:#17130f;box-shadow:none}.experience-maison-luxury .contact-direct a{border-radius:0;border-color:rgba(255,255,255,.18)}.experience-maison-luxury .form-v3 :is(input,select,textarea){border-radius:0;background:transparent;border:0;border-bottom:1px solid #a89783} /* ========================================================================== 03 — Editorial Studio: magazine system, expressive but controlled ========================================================================== */ .experience-editorial-studio{--ink:#151515;--muted:#68645e;--paper:#f3f0e9;--soft:#e6e2d9;--line:#1b1b1b;--heading-font:"Readex Pro","Alexandria",sans-serif;--body-font:"Noto Sans Arabic","IBM Plex Sans Arabic",sans-serif;background:#f3f0e9;color:#151515} .experience-editorial-studio .site-nav{color:#fff}.experience-editorial-studio .site-nav.scrolled{background:rgba(243,240,233,.94);color:#151515;border-bottom:2px solid #151515;box-shadow:none}.experience-editorial-studio .brand-mark img,.experience-editorial-studio .brand-mark>span{border-radius:0;box-shadow:none;border:1px solid currentColor}.experience-editorial-studio .nav-cta{border-radius:0;background:#ff5a36;color:#111}.experience-editorial-studio .site-nav.scrolled .nav-cta{background:#151515;color:#fff} .experience-editorial-studio .hero-carousel-v39{background:#141414}.experience-editorial-studio .carousel-slide>img{filter:saturate(.75) contrast(1.1)}.experience-editorial-studio .carousel-shade{background:linear-gradient(90deg,rgba(10,10,10,.84),rgba(10,10,10,.18) 68%,rgba(10,10,10,.35))!important}.experience-editorial-studio .art-hero-editorial{display:grid;grid-template-columns:90px minmax(0,1fr) 300px;gap:38px;align-items:end;padding-bottom:82px}.editorial-folio{height:100%;border-inline-end:1px solid rgba(255,255,255,.42);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding-inline-end:20px}.editorial-folio b{font:700 2.4rem var(--heading-font)}.editorial-folio span,.editorial-folio small{font-size:.68rem;opacity:.6;letter-spacing:.1em}.editorial-copy{max-width:1050px}.editorial-copy .carousel-eyebrow{display:inline-flex;padding:5px 9px;background:#ff5a36;color:#111;font-weight:800;font-size:.65rem;text-transform:uppercase}.editorial-copy h1{font:650 clamp(5.5rem,10vw,12.5rem)/.82 var(--heading-font);letter-spacing:-.07em;margin:16px 0 22px;max-width:1100px}.editorial-copy p{max-width:700px;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.9}.experience-editorial-studio .carousel-primary{background:#ff5a36;color:#111;border-radius:0}.experience-editorial-studio .carousel-secondary{border-radius:0;border:1px solid rgba(255,255,255,.46)}.editorial-caption{align-self:end;color:#fff;border-top:1px solid rgba(255,255,255,.45);padding-top:18px}.editorial-caption span{font:700 .68rem var(--heading-font);text-transform:uppercase;letter-spacing:.08em}.editorial-caption p{font-size:.75rem;line-height:1.85;color:rgba(255,255,255,.62);margin:10px 0 0} .experience-editorial-studio .section-v3{background:#f3f0e9!important;border-top:2px solid #151515}.experience-editorial-studio .section-v3.bg-dark{background:#151515!important;color:#f5f2eb}.experience-editorial-studio .section-heading{grid-template-columns:110px minmax(0,1fr);border-top:0;gap:40px}.experience-editorial-studio .section-heading>div{align-items:flex-start;color:#151515}.experience-editorial-studio .section-index{border-radius:0;border:2px solid #151515;color:#151515;width:38px;height:38px}.experience-editorial-studio .section-heading h2,.experience-editorial-studio .about-copy h2,.experience-editorial-studio .contact-copy h2{font-weight:640;letter-spacing:-.05em;line-height:.98}.experience-editorial-studio .about-grid{grid-template-columns:110px minmax(0,1.3fr) minmax(330px,.6fr)}.experience-editorial-studio .about-copy>p{color:#5f5b55}.experience-editorial-studio .stats-wall{border:2px solid #151515;border-radius:0;background:#ff5a36;box-shadow:none}.experience-editorial-studio .stats-wall article{border-color:#151515;background:transparent}.experience-editorial-studio .stats-wall strong{font-family:var(--heading-font);font-weight:650;color:#151515} .service-editorial-v54{border-top:3px solid #151515}.service-editorial-row{display:grid;grid-template-columns:72px minmax(270px,.9fr) minmax(300px,1fr) 120px;gap:25px;align-items:start;padding:28px 0;border-bottom:1px solid #151515}.service-editorial-row>span{font:650 1rem var(--heading-font)}.service-editorial-row h3{margin:0;font:650 clamp(1.7rem,2.8vw,3rem)/1.05 var(--heading-font);letter-spacing:-.04em}.service-editorial-row p{margin:0;color:#625e58;line-height:1.85}.service-editorial-row a{justify-self:end;text-decoration:none;font-size:.7rem;text-transform:uppercase;border-bottom:1px solid #151515;padding-bottom:4px}.service-editorial-row:hover h3{color:#e64022} .gallery-editorial-v54{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:10px}.editorial-shot{margin:0;overflow:hidden;border:2px solid #151515}.editorial-shot.shot-1{grid-column:1/8;grid-row:span 5}.editorial-shot.shot-2{grid-column:8/13;grid-row:span 3}.editorial-shot.shot-3{grid-column:8/13;grid-row:span 4}.editorial-shot.shot-4{grid-column:2/10;grid-row:span 4}.editorial-shot .gallery-open{width:100%;height:100%;border:0;padding:0;background:#151515;position:relative}.editorial-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.editorial-shot span{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr;gap:15px;padding:13px 15px;background:#f3f0e9;color:#151515;text-align:start;border-top:2px solid #151515}.editorial-shot span small{font:650 .62rem var(--heading-font)}.editorial-shot span b{font-size:.72rem;font-weight:700} .reviews-editorial-v54{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.reviews-editorial-v54 article{grid-column:span 4;min-height:360px;border:2px solid #151515;padding:24px;background:#f3f0e9;display:flex;flex-direction:column}.reviews-editorial-v54 article:nth-child(2){background:#151515;color:#fff}.reviews-editorial-v54 article:nth-child(3n){background:#ff5a36;color:#151515}.reviews-editorial-v54 article>small{font:650 .65rem var(--heading-font)}.reviews-editorial-v54 blockquote{margin:auto 0;font:620 clamp(1.5rem,2.2vw,2.35rem)/1.45 var(--heading-font);letter-spacing:-.025em}.reviews-editorial-v54 footer{display:grid;gap:3px}.reviews-editorial-v54 footer strong{font-size:.78rem}.reviews-editorial-v54 footer span{font-size:.68rem;opacity:.65} .experience-editorial-studio .faq-grid{grid-template-columns:.7fr 1.3fr}.experience-editorial-studio .faq-v3{border-top:2px solid #151515}.experience-editorial-studio .faq-v3 details{border-radius:0;border:0;border-bottom:1px solid #151515;background:transparent}.experience-editorial-studio .faq-v3 summary{font-family:var(--heading-font);font-weight:620;padding:20px 0}.experience-editorial-studio .contact-v3{background:#ff5a36!important;color:#151515;border-top:2px solid #151515}.experience-editorial-studio .contact-bg{display:none}.experience-editorial-studio .contact-grid{grid-template-columns:.9fr 1.1fr}.experience-editorial-studio .contact-direct a{border:2px solid #151515;border-radius:0;background:transparent}.experience-editorial-studio .contact-form{border:2px solid #151515;border-radius:0;background:#f3f0e9;color:#151515;box-shadow:12px 12px 0 #151515}.experience-editorial-studio .form-v3 :is(input,select,textarea){border:1px solid #151515;border-radius:0;background:#fff} /* ========================================================================== 04 — Modern Local / Conversion: mobile-first, warm, conversion-dense ========================================================================== */ .experience-local-conversion{--ink:#20201d;--muted:#6f7069;--paper:#fffdf8;--soft:#f5f1e8;--line:rgba(32,32,29,.12);--heading-font:"Alexandria","Readex Pro",sans-serif;--body-font:"IBM Plex Sans Arabic",sans-serif;background:#fffdf8;color:#20201d} .experience-local-conversion .site-nav{color:#fff}.experience-local-conversion .site-nav.scrolled{background:rgba(255,253,248,.94);color:#20201d;border-bottom:1px solid #e8e0d3;box-shadow:none}.experience-local-conversion .brand-mark img,.experience-local-conversion .brand-mark>span{border-radius:16px}.experience-local-conversion .nav-cta{background:var(--brand);color:#fff;border-radius:14px}.experience-local-conversion .site-nav.scrolled .nav-cta{background:var(--brand);color:#fff} .experience-local-conversion .hero-v3{background:#27221d;color:#fff}.experience-local-conversion .hero-v3 .hero-scrim{background:linear-gradient(90deg,rgba(38,31,25,.94),rgba(38,31,25,.78) 47%,rgba(38,31,25,.22))!important}.experience-local-conversion .art-static-local{grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:60px;padding-top:122px}.experience-local-conversion .art-static-local h1{font-size:clamp(4rem,7vw,8rem);line-height:1;letter-spacing:-.05em}.experience-local-conversion .art-static-local .hero-lead{max-width:650px}.experience-local-conversion .art-static-local .btn{border-radius:14px}.experience-local-conversion .art-static-local .btn-primary{background:var(--brand)}.local-trust-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.local-trust-line span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;font-size:.7rem;color:rgba(255,255,255,.66)}.local-trust-line b{color:#fff;font-size:.9rem}.local-static-card{background:#fff;color:#20201d;padding:10px;border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.28);transform:rotate(1deg)}html[dir="rtl"] .local-static-card{transform:rotate(-1deg)}.local-static-media{height:500px;border-radius:25px;overflow:hidden;background:#f0ece4}.local-static-media img{width:100%;height:100%;object-fit:cover}.local-static-media img.contained{object-fit:contain;padding:16%}.local-static-bottom{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:18px 10px 8px}.local-static-bottom small{color:#868078;font-size:.68rem}.local-static-bottom strong{font:650 1.2rem var(--heading-font)}.local-static-bottom a{grid-column:2;grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#20201d;color:#fff;text-decoration:none} .experience-local-conversion .hero-carousel-v39{background:#24201b}.experience-local-conversion .carousel-slide>img{filter:saturate(.78) brightness(.82)}.experience-local-conversion .carousel-shade{background:linear-gradient(90deg,rgba(35,29,24,.94),rgba(35,29,24,.7) 58%,rgba(35,29,24,.12))!important}.experience-local-conversion .art-hero-local{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:55px;align-items:end;padding-bottom:75px}.local-copy h1{font:650 clamp(4.2rem,7.8vw,8.7rem)/.94 var(--heading-font);letter-spacing:-.055em;margin:20px 0}.local-copy p{max-width:680px;color:rgba(255,255,255,.72);line-height:1.9}.experience-local-conversion .carousel-primary{background:var(--brand);color:#fff;border-radius:14px}.experience-local-conversion .carousel-secondary{border-radius:14px}.local-action-card{background:#fff;color:#20201d;border-radius:26px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.local-brand-line{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e8e1d6}.local-brand-line img{width:45px;height:45px;border-radius:14px;object-fit:cover}.local-brand-line strong{display:block;font-size:.82rem}.local-brand-line small{display:block;color:#837d75;font-size:.65rem;margin-top:3px}.local-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.local-proof-grid>div{padding:14px;background:#f5f1e8;border-radius:16px}.local-proof-grid strong{display:block;font:650 1.35rem var(--heading-font)}.local-proof-grid small{font-size:.64rem;color:#777269}.local-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.local-quick-actions a{display:flex;justify-content:center;padding:12px;border-radius:13px;background:#20201d;color:#fff;text-decoration:none;font-size:.72rem;font-weight:700}.local-quick-actions a:first-child{background:var(--brand)} .experience-local-conversion .section-v3{background:#fffdf8!important}.experience-local-conversion .section-v3:nth-of-type(even){background:#f5f1e8!important}.experience-local-conversion .section-heading{grid-template-columns:140px minmax(0,1fr);gap:30px}.experience-local-conversion .section-heading h2,.experience-local-conversion .about-copy h2,.experience-local-conversion .contact-copy h2{font-weight:650;letter-spacing:-.04em;line-height:1.08}.experience-local-conversion .section-index{border-radius:12px;background:#f1ecdf;border:0}.experience-local-conversion .about-grid{grid-template-columns:140px minmax(0,1.15fr) minmax(320px,.62fr)}.experience-local-conversion .stats-wall{border:0;border-radius:24px;background:#20201d;color:#fff;box-shadow:none}.experience-local-conversion .stats-wall article{border-color:rgba(255,255,255,.12);background:transparent}.experience-local-conversion .stats-wall strong{color:#fff;font-weight:650} .service-conversion-v54{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-conversion-card{min-height:340px;padding:25px;background:#fff;border:1px solid #e4ddd1;border-radius:24px;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(43,36,27,.05);transition:transform .35s var(--v54-ease),box-shadow .35s ease}.service-conversion-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(43,36,27,.1)}.service-conversion-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.service-conversion-card .service-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)}.service-conversion-card small{color:#9a958d;font-size:.66rem}.service-conversion-card h3{font:650 1.45rem/1.25 var(--heading-font);margin:auto 0 10px}.service-conversion-card p{color:#727068;line-height:1.8;margin:0}.service-conversion-card a{margin-top:22px;padding:13px 15px;border-radius:14px;background:#20201d;color:#fff;text-decoration:none;display:flex;justify-content:space-between;font-size:.74rem;font-weight:700}.service-conversion-card a b{font-weight:400} .gallery-local-v54{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.local-shot{margin:0;height:360px}.local-shot:nth-child(odd){height:430px}.local-shot .gallery-open{width:100%;height:100%;border:0;padding:0;border-radius:24px;overflow:hidden;position:relative;background:#ddd}.local-shot img{width:100%;height:100%;object-fit:cover}.local-shot span{position:absolute;inset:12px 12px auto 12px;display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);text-align:start}.local-shot small{font-size:.62rem;color:#777}.local-shot b{font-size:.68rem;color:#20201d} .reviews-local-v54{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reviews-local-v54 article{padding:25px;border-radius:22px;background:#fff;border:1px solid #e5ded3;min-height:270px;display:flex;flex-direction:column}.local-review-top{display:flex;justify-content:space-between;align-items:center}.local-review-top .stars{color:#e6a91a;font-size:.67rem;letter-spacing:.08em}.local-review-top b{font:650 1.1rem var(--heading-font)}.reviews-local-v54 blockquote{margin:auto 0;font:550 1.05rem/1.8 var(--heading-font)}.reviews-local-v54 footer{display:flex;justify-content:space-between;gap:12px}.reviews-local-v54 footer strong{font-size:.75rem}.reviews-local-v54 footer small{font-size:.65rem;color:#8a857d}.experience-local-conversion .faq-v3 details{border:1px solid #e3dcd0;border-radius:17px;background:#fff;margin-bottom:9px}.experience-local-conversion .faq-v3 summary{padding:17px 18px;font-weight:650}.experience-local-conversion .faq-v3 p{padding:0 18px 18px;color:#716e67}.experience-local-conversion .contact-v3{background:#20201d!important;color:#fff}.experience-local-conversion .contact-grid{grid-template-columns:.85fr 1.15fr}.experience-local-conversion .contact-direct a{border-radius:16px;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.experience-local-conversion .contact-form{border-radius:26px;background:#fff;color:#20201d;box-shadow:none}.experience-local-conversion .form-v3 :is(input,select,textarea){border-radius:13px;border-color:#ddd6ca;background:#faf8f3} /* New premium section compositions — selectable in Design Studio */ .site-v54 .section-style-signature-ledger>.section-shell{border-top:1px solid currentColor;padding-top:20px}.site-v54 .section-style-architectural .section-heading{margin-bottom:34px}.site-v54 .section-style-cinematic{padding-block:clamp(80px,9vw,150px)}.site-v54 .section-style-cinematic>.section-shell{width:min(1640px,calc(100vw - 28px))}.site-v54 .section-style-atelier>.section-shell{width:min(1500px,calc(100vw - 70px))}.site-v54 .section-style-magazine .section-heading h2{max-width:780px}.site-v54 .section-style-poster{background:#151515!important;color:#fff}.site-v54 .section-style-poster .section-heading>div,.site-v54 .section-style-poster .section-heading>p{color:rgba(255,255,255,.6)}.site-v54 .section-style-proof>.section-shell{padding:clamp(24px,4vw,56px);border-radius:26px;background:color-mix(in srgb,var(--brand) 7%,#fff)}.site-v54 .section-style-stacked-media>.section-shell{width:min(1580px,calc(100vw - 36px))}.site-v54 .section-style-quote-stage{padding-block:clamp(100px,12vw,180px)}.site-v54 .section-style-contact-dock>.section-shell{position:relative}.site-v54 .section-style-quiet-luxury>.section-shell{border-top:1px solid currentColor;padding-top:25px} /* Keep generic legacy grids usable for catalog/team/forms and visually align them per family */ .site-v54 :is(.conversion-card,.product-card,.team-card,.certificate-card,.form-v3){transition:transform .35s var(--v54-ease),box-shadow .35s ease,border-color .35s ease} .experience-signature-business :is(.conversion-card,.product-card,.team-card,.certificate-card){border-radius:0;box-shadow:none;border:1px solid #c7ccd1}.experience-maison-luxury :is(.conversion-card,.product-card,.team-card,.certificate-card){border-radius:0;box-shadow:none;border-color:#c8bbab;background:#eee5da}.experience-editorial-studio :is(.conversion-card,.product-card,.team-card,.certificate-card){border-radius:0;border:2px solid #151515;box-shadow:7px 7px 0 rgba(21,21,21,.12)}.experience-local-conversion :is(.conversion-card,.product-card,.team-card,.certificate-card){border-radius:22px;border-color:#e4ddd1;box-shadow:0 12px 38px rgba(40,34,27,.05)} /* Responsive composition */ @media(max-width:1100px){ .site-v54{--v54-shell:min(100% - 44px,1380px)} .experience-signature-business .art-static-signature,.experience-local-conversion .art-static-local{grid-template-columns:1fr .72fr;gap:35px} .experience-signature-business .art-hero-signature{grid-template-columns:1fr 250px;gap:35px}.experience-maison-luxury .art-hero-maison{grid-template-columns:50px 1fr 210px;gap:25px}.experience-editorial-studio .art-hero-editorial{grid-template-columns:65px 1fr 220px;gap:24px}.experience-local-conversion .art-hero-local{grid-template-columns:1fr 320px;gap:28px} .service-atelier-card{grid-column:span 6}.service-atelier-card:nth-child(1),.service-atelier-card:nth-child(5){grid-column:span 6} .gallery-local-v54{grid-template-columns:repeat(2,1fr)} } @media(max-width:900px){ .site-v54{--v54-shell:min(100% - 30px,900px)} .experience-signature-business .art-static-signature,.experience-local-conversion .art-static-local{grid-template-columns:1fr;padding-top:118px}.signature-static-rail{min-height:auto;border-inline-start:0;padding-inline-start:0}.signature-static-media{min-height:460px} .experience-signature-business .art-hero-signature,.experience-maison-luxury .art-hero-maison,.experience-editorial-studio .art-hero-editorial,.experience-local-conversion .art-hero-local{grid-template-columns:1fr;gap:24px;align-items:end}.signature-proof-panel,.maison-signature,.editorial-caption,.local-action-card{display:none}.maison-rail,.editorial-folio{display:none}.experience-signature-business .art-signature-copy{border-inline-start:0;padding-inline-start:0} .experience-signature-business .art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1{font-size:clamp(3.4rem,11vw,7rem)} .experience-signature-business .about-grid,.experience-maison-luxury .about-grid,.experience-editorial-studio .about-grid,.experience-local-conversion .about-grid{grid-template-columns:1fr}.section-kicker{display:none} .service-ledger-row,.service-editorial-row{grid-template-columns:48px 1fr 50px}.service-ledger-row p,.service-editorial-row p{grid-column:2/4}.service-ledger-row>a,.service-editorial-row>a{grid-column:3;grid-row:1}.service-atelier-v54{grid-template-columns:1fr 1fr}.service-atelier-card,.service-atelier-card:nth-child(1),.service-atelier-card:nth-child(5){grid-column:auto}.service-conversion-v54{grid-template-columns:1fr 1fr} .gallery-architectural-v54{grid-template-columns:1fr 1fr;grid-template-rows:430px 300px 300px}.gallery-architecture-item.item-1{grid-column:1/3;grid-row:auto}.gallery-architecture-item.item-4{grid-column:1/3}.gallery-maison-v54{grid-template-columns:1fr 1fr;grid-template-rows:500px 320px}.maison-shot.shot-1{grid-column:1/3;grid-row:auto}.gallery-editorial-v54{grid-template-columns:1fr 1fr;grid-auto-rows:280px}.editorial-shot.shot-1,.editorial-shot.shot-2,.editorial-shot.shot-3,.editorial-shot.shot-4{grid-column:auto;grid-row:auto}.reviews-signature-v54 article{grid-template-columns:50px 1fr}.reviews-signature-v54 footer{grid-column:2}.reviews-maison-v54,.reviews-editorial-v54,.reviews-local-v54{grid-template-columns:1fr 1fr}.reviews-editorial-v54 article{grid-column:auto} .experience-signature-business .contact-grid,.experience-maison-luxury .contact-grid,.experience-editorial-studio .contact-grid,.experience-local-conversion .contact-grid{grid-template-columns:1fr} } @media(max-width:620px){ .site-v54{--v54-shell:calc(100% - 24px)} .site-v54 .section-v3{padding-block:72px}.site-v54 .section-heading{grid-template-columns:1fr!important;gap:15px;margin-bottom:35px}.site-v54 .section-heading>div{display:none}.site-v54 .section-heading h2{font-size:clamp(2.3rem,10vw,3.7rem)!important} .experience-signature-business .art-static-signature h1,.experience-local-conversion .art-static-local h1{font-size:clamp(3.1rem,13vw,5.2rem)}.signature-static-media,.local-static-media{min-height:0;height:380px}.signature-static-stats{grid-template-columns:repeat(3,1fr)}.signature-static-stats>div{padding:16px 8px}.signature-static-stats strong{font-size:1.15rem}.signature-static-stats small{font-size:.58rem} .experience-signature-business .art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1{font-size:clamp(3.2rem,14vw,5.8rem);line-height:.94}.carousel-actions{display:grid!important;grid-template-columns:1fr}.carousel-actions>a{width:100%!important} .service-ledger-row,.service-editorial-row{grid-template-columns:38px 1fr 42px;gap:12px;padding:20px 0}.service-ledger-row h3,.service-editorial-row h3{font-size:1.35rem}.service-ledger-row p,.service-editorial-row p{font-size:.78rem}.service-atelier-v54,.service-conversion-v54{grid-template-columns:1fr}.service-atelier-card{min-height:320px}.service-conversion-card{min-height:300px} .gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.gallery-architecture-item,.maison-shot,.editorial-shot{flex:0 0 86%;height:430px!important;scroll-snap-align:center}.gallery-local-v54{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.local-shot,.local-shot:nth-child(odd){flex:0 0 84%;height:390px;scroll-snap-align:center} .reviews-maison-v54,.reviews-editorial-v54,.reviews-local-v54{grid-template-columns:1fr}.reviews-maison-v54 article{border-inline-end:0;border-bottom:1px solid #c8bbab}.reviews-signature-v54 article{grid-template-columns:38px 1fr;gap:12px}.reviews-signature-v54 blockquote{font-size:1.25rem} .experience-editorial-studio .contact-form{box-shadow:6px 6px 0 #151515}.local-static-card{transform:none!important}.site-v54 .section-style-proof>.section-shell{padding:20px;border-radius:20px} } @media(prefers-reduced-motion:reduce){.site-v54 *{scroll-behavior:auto!important}.site-v54 :is(.gallery-architecture-item img,.maison-shot img,.service-conversion-card,.service-ledger-row){transition:none!important}} /* ========================================================================== Section composition layer — v5.4 Every public section can opt into a composition independently from its Art Direction. ========================================================================== */ .site-v54 .section-style-architectural :is(.catalog-v3,.team-v3,.certificates-v3,.partners-v3){gap:1px;background:color-mix(in srgb,currentColor 14%,transparent);border:1px solid color-mix(in srgb,currentColor 14%,transparent)} .site-v54 .section-style-architectural :is(.product-card,.team-card,.certificate-card,.partners-v3>a){border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--paper,#fff);margin:0} .site-v54 .section-style-architectural .catalog-v3 .product-card{min-height:430px;display:flex;flex-direction:column} .site-v54 .section-style-architectural .catalog-v3 .product-card>a{margin-top:auto} .site-v54 .section-style-architectural .team-v3{grid-template-columns:repeat(12,1fr)} .site-v54 .section-style-architectural .team-card{grid-column:span 4}.site-v54 .section-style-architectural .team-card:nth-child(4n+1){grid-column:span 5}.site-v54 .section-style-architectural .team-card:nth-child(4n+2){grid-column:span 3} .site-v54 .section-style-cinematic .section-heading{position:relative;z-index:2;margin-bottom:clamp(36px,5vw,70px)} .site-v54 .section-style-cinematic :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:repeat(12,1fr);gap:12px} .site-v54 .section-style-cinematic :is(.product-card,.team-card,.certificate-card){grid-column:span 4;min-height:480px;overflow:hidden;position:relative} .site-v54 .section-style-cinematic :is(.product-card,.team-card,.certificate-card):nth-child(3n+1){grid-column:span 6} .site-v54 .section-style-cinematic .team-media{min-height:360px} .site-v54 .section-style-cinematic .partners-v3{display:flex;overflow:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px} .site-v54 .section-style-cinematic .partners-v3>a{min-width:270px;scroll-snap-align:start} .site-v54 .section-style-atelier :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:1fr 1fr;gap:0;border-top:1px solid currentColor} .site-v54 .section-style-atelier :is(.product-card,.team-card,.certificate-card){border:0!important;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;border-inline-end:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;border-radius:0!important;box-shadow:none!important;padding:clamp(25px,4vw,55px)} .site-v54 .section-style-atelier :is(.product-card,.team-card,.certificate-card):nth-child(even){border-inline-end:0!important} .site-v54 .section-style-atelier .partners-v3>a{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)!important} .site-v54 .section-style-magazine :is(.catalog-v3,.team-v3,.certificates-v3){display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:start} .site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card){grid-column:span 4;border-radius:0!important;box-shadow:none!important} .site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card):nth-child(5n+1){grid-column:span 7} .site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card):nth-child(5n+2){grid-column:span 5;margin-top:clamp(40px,7vw,100px)} .site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card):nth-child(5n+3){grid-column:2/span 4} .site-v54 .section-style-magazine .partners-v3{grid-template-columns:repeat(4,1fr)} .site-v54 .section-style-magazine .partners-v3>a:nth-child(even){transform:translateY(18px)} .site-v54 .section-style-poster>.section-shell{border:2px solid currentColor;padding:clamp(24px,5vw,70px);box-shadow:10px 10px 0 color-mix(in srgb,currentColor 22%,transparent)} .site-v54 .section-style-poster .section-heading{border-bottom:2px solid currentColor;padding-bottom:32px} .site-v54 .section-style-poster :is(.conversion-grid,.catalog-v3,.team-v3,.certificates-v3){gap:0;border:2px solid currentColor} .site-v54 .section-style-poster :is(.conversion-card,.product-card,.team-card,.certificate-card){border:0!important;border-inline-end:1px solid currentColor!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important} .site-v54 .section-style-poster .form-v3{border:2px solid currentColor!important;border-radius:0!important;box-shadow:8px 8px 0 currentColor!important} .site-v54 .section-style-conversion>.section-shell{padding:clamp(24px,4vw,54px);background:color-mix(in srgb,var(--brand) 7%,#fff);border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);border-radius:28px} .site-v54 .section-style-conversion .section-heading{margin-bottom:28px} .site-v54 .section-style-conversion :is(.conversion-grid,.catalog-v3){gap:12px} .site-v54 .section-style-conversion :is(.conversion-card,.product-card){border-radius:20px!important;border:1px solid color-mix(in srgb,var(--brand) 18%,#ddd)!important;box-shadow:0 14px 45px rgba(15,23,42,.06)!important} .site-v54 .section-style-conversion .form-v3{border-radius:24px!important;box-shadow:0 20px 60px rgba(15,23,42,.08)!important} .site-v54 .section-style-conversion .btn{min-height:54px} .site-v54 .section-style-proof .stats-wall{transform:translateY(0);box-shadow:none!important} .site-v54 .section-style-proof :is(.partners-v3,.certificates-v3){border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-block:10px} .site-v54 .section-style-proof .partners-v3>a{background:transparent!important;border:0!important;border-inline-end:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:0!important} .site-v54 .section-style-proof .certificate-card{box-shadow:none!important;background:transparent!important} .site-v54 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:repeat(12,1fr);gap:14px} .site-v54 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card){grid-column:span 5;position:relative;z-index:1} .site-v54 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card):nth-child(even){grid-column:7/span 6;margin-top:-35px;z-index:2} .site-v54 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card):nth-child(3n){grid-column:2/span 7;margin-top:-18px} .site-v54 .section-style-quote-stage .section-heading{max-width:1050px;margin-inline:auto;text-align:center;display:block} .site-v54 .section-style-quote-stage .section-heading>div{justify-content:center;margin-bottom:18px} .site-v54 .section-style-quote-stage .section-heading h2{margin-inline:auto;font-size:clamp(3.2rem,6.5vw,7.5rem);line-height:.98} .site-v54 .section-style-quote-stage .section-heading>p{margin-inline:auto} .site-v54 .section-style-quote-stage .faq-v3{max-width:980px;margin-inline:auto} .site-v54 .section-style-contact-dock .form-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(28px,6vw,90px);align-items:start} .site-v54 .section-style-contact-dock .form-v3{position:sticky;top:110px} .site-v54 .section-style-contact-dock .contact-grid{align-items:start} .site-v54 .section-style-quiet-luxury .section-heading{grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);gap:clamp(30px,7vw,100px)} .site-v54 .section-style-quiet-luxury .section-heading h2{font-weight:500;letter-spacing:-.025em;max-width:880px} .site-v54 .section-style-quiet-luxury :is(.catalog-v3,.team-v3,.certificates-v3){gap:clamp(16px,2.2vw,34px)} .site-v54 .section-style-quiet-luxury :is(.product-card,.team-card,.certificate-card){border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)!important;background:transparent!important;padding-inline:0!important} /* Family-specific polish for the generic sections that are not custom-rendered in Razor. */ .experience-signature-business .catalog-v3{gap:1px;background:#c7ccd1}.experience-signature-business .product-card{background:#f7f8f7!important;border:0!important;padding:30px!important}.experience-signature-business .product-card h3{font:560 1.45rem var(--heading-font)} .experience-signature-business .partners-v3{border-top:1px solid #b6bdc4;border-bottom:1px solid #b6bdc4}.experience-signature-business .partners-v3>a{border-radius:0!important;border:0!important;border-inline-end:1px solid #d0d4d8!important;background:transparent!important} .experience-signature-business .team-v3,.experience-signature-business .certificates-v3{gap:1px;background:#c7ccd1}.experience-signature-business :is(.team-card,.certificate-card){background:#f7f8f7!important;padding:26px!important} .experience-signature-business .section-form .form-layout{border-top:1px solid #abb3bb;padding-top:25px} .experience-maison-luxury .catalog-v3{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,42px)}.experience-maison-luxury .product-card{background:transparent!important;border:0!important;border-top:1px solid #b6a895!important;padding:26px 0!important}.experience-maison-luxury .product-card h3{font:500 1.7rem var(--heading-font)} .experience-maison-luxury .partners-v3>a{border-radius:0!important;border:0!important;border-top:1px solid #b8aa99!important;background:transparent!important;min-height:130px}.experience-maison-luxury .team-v3{gap:clamp(20px,3vw,45px)}.experience-maison-luxury .team-card{padding:0!important;background:transparent!important;border:0!important}.experience-maison-luxury .team-media{min-height:390px}.experience-maison-luxury .certificate-card{background:transparent!important;border:0!important;border-top:1px solid #b8aa99!important;padding-inline:0!important} .experience-editorial-studio .catalog-v3{grid-template-columns:repeat(12,1fr);gap:12px}.experience-editorial-studio .product-card{grid-column:span 4;background:#f3f0e9!important}.experience-editorial-studio .product-card:nth-child(4n+1){grid-column:span 7}.experience-editorial-studio .product-card:nth-child(4n+2){grid-column:span 5}.experience-editorial-studio .partners-v3{gap:0;border:2px solid #151515}.experience-editorial-studio .partners-v3>a{border-radius:0!important;border:0!important;border-inline-end:1px solid #151515!important;background:#f3f0e9!important}.experience-editorial-studio .team-v3{grid-template-columns:repeat(12,1fr);gap:14px}.experience-editorial-studio .team-card{grid-column:span 4;background:#f3f0e9!important}.experience-editorial-studio .team-card:nth-child(3n+1){grid-column:span 5}.experience-editorial-studio .certificate-card{background:#f3f0e9!important} .experience-local-conversion .catalog-v3{gap:14px}.experience-local-conversion .product-card{background:#fff!important;border-radius:22px!important;padding:24px!important}.experience-local-conversion .partners-v3>a{border-radius:18px!important;background:#fff!important;border:1px solid #e4ddd1!important}.experience-local-conversion .team-v3,.experience-local-conversion .certificates-v3{gap:14px}.experience-local-conversion .team-card,.experience-local-conversion .certificate-card{background:#fff!important}.experience-local-conversion .section-form .form-layout{background:#fff;padding:clamp(20px,4vw,42px);border:1px solid #e4ddd1;border-radius:28px} @media(max-width:900px){ .site-v54 .section-style-contact-dock .form-layout{grid-template-columns:1fr}.site-v54 .section-style-contact-dock .form-v3{position:static} .site-v54 .section-style-architectural .team-v3,.site-v54 .section-style-cinematic :is(.catalog-v3,.team-v3,.certificates-v3),.site-v54 .section-style-magazine :is(.catalog-v3,.team-v3,.certificates-v3),.site-v54 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3),.experience-editorial-studio :is(.catalog-v3,.team-v3){grid-template-columns:1fr 1fr} .site-v54 .section-style-architectural .team-card,.site-v54 .section-style-architectural .team-card:nth-child(n),.site-v54 .section-style-cinematic :is(.product-card,.team-card,.certificate-card),.site-v54 .section-style-cinematic :is(.product-card,.team-card,.certificate-card):nth-child(n),.site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card),.site-v54 .section-style-magazine :is(.product-card,.team-card,.certificate-card):nth-child(n),.site-v54 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card),.site-v54 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card):nth-child(n),.experience-editorial-studio .product-card,.experience-editorial-studio .product-card:nth-child(n),.experience-editorial-studio .team-card,.experience-editorial-studio .team-card:nth-child(n){grid-column:auto;margin-top:0} } @media(max-width:600px){ .site-v54 .section-style-atelier :is(.catalog-v3,.team-v3,.certificates-v3),.site-v54 .section-style-architectural .team-v3,.site-v54 .section-style-cinematic :is(.catalog-v3,.team-v3,.certificates-v3),.site-v54 .section-style-magazine :is(.catalog-v3,.team-v3,.certificates-v3),.site-v54 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3),.experience-maison-luxury .catalog-v3,.experience-editorial-studio :is(.catalog-v3,.team-v3){grid-template-columns:1fr} .site-v54 .section-style-atelier :is(.product-card,.team-card,.certificate-card){border-inline-end:0!important} .site-v54 .section-style-poster>.section-shell{box-shadow:5px 5px 0 color-mix(in srgb,currentColor 22%,transparent)} .site-v54 .section-style-conversion>.section-shell{border-radius:20px;padding:18px} } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v55.css */ /* Snap Profile v5.5 — Refined Premium UI A restrained typography and layout layer over the v5.4 rendering engine. Goal: professional Arabic-first proportions, cleaner hierarchy, and fewer visual gimmicks. */ .site-v55{ --v55-shell:min(1240px,calc(100vw - 56px)); --v55-text:clamp(.96rem,1.05vw,1.04rem); --v55-display:clamp(2.85rem,4.65vw,4.85rem); --v55-h2:clamp(1.95rem,2.9vw,3.15rem); --v55-h3:clamp(1.12rem,1.45vw,1.42rem); --v55-gap:clamp(26px,4vw,56px); --v55-section:clamp(72px,8vw,108px); } .site-v55 .section-shell,.site-v55 .nav-shell{width:var(--v55-shell);max-width:100%} .site-v55 :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.018em} .site-v55 p{font-size:var(--v55-text);line-height:1.9} .site-v55 .section-v3{padding-block:var(--v55-section)} .site-v55 .section-heading{margin-bottom:clamp(34px,4vw,52px);gap:26px} .site-v55 .section-heading h2,.site-v55 .about-copy h2{font-size:var(--v55-h2)!important;line-height:1.24!important;letter-spacing:-.025em!important;max-width:820px!important} .site-v55 .section-heading>p{max-width:590px!important;line-height:1.9!important;font-size:.96rem!important} .site-v55 .section-index{font-size:.72rem} .site-v55 .section-heading>div>p,.site-v55 .section-kicker{font-size:.76rem} .site-v55 :is(.btn,.carousel-primary,.carousel-secondary){min-height:50px!important;padding-inline:20px!important;font-size:.86rem!important} .site-v55 :is(.carousel-primary,.carousel-secondary,.btn):hover{transform:translateY(-1px)!important} .site-v55 .site-nav{min-height:72px} .site-v55 .nav-cta{min-height:42px!important} /* Hero scale — never let a profile title dominate the entire viewport. */ .site-v55 .hero-v3{min-height:690px!important} .site-v55 .carousel-slide{min-height:min(780px,92svh)!important} .site-v55 :is(.hero-content h1,.carousel-copy h1,.art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1,.art-static-signature h1,.art-static-local h1){ font-size:var(--v55-display)!important; line-height:1.16!important; letter-spacing:-.035em!important; max-width:780px!important; margin-block:16px 20px!important; } .site-v55 .hero-lead,.site-v55 :is(.carousel-copy,.art-signature-copy,.maison-copy,.editorial-copy,.local-copy)>p{font-size:1rem!important;line-height:1.9!important;max-width:650px!important} .site-v55 :is(.art-static-signature,.art-static-local){padding-top:112px!important;gap:clamp(34px,5vw,74px)!important} .site-v55 :is(.art-hero-signature,.art-hero-maison,.art-hero-editorial,.art-hero-local){padding-bottom:64px!important} .site-v55 .signature-static-rail{min-height:540px!important} .site-v55 .signature-static-media{min-height:380px!important} .site-v55 .maison-rail,.site-v55 .editorial-folio{opacity:.72} /* Typography per art direction — Arabic-first, calm and premium. */ .experience-signature-business{--heading-font:"Alexandria","IBM Plex Sans Arabic",sans-serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .experience-signature-business :is(h1,h2,h3,strong){font-weight:600} .experience-maison-luxury{--heading-font:"Noto Naskh Arabic","IBM Plex Sans Arabic",serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .experience-maison-luxury :is(.hero-content h1,.carousel-copy h1,.maison-copy h1,.section-heading h2,.about-copy h2){letter-spacing:0!important;font-weight:600!important;line-height:1.28!important} .experience-maison-luxury :is(.hero-content h1,.carousel-copy h1,.maison-copy h1){font-size:clamp(3rem,4.6vw,5rem)!important} .experience-editorial-studio{--heading-font:"Alexandria","Noto Sans Arabic",sans-serif!important;--body-font:"Noto Sans Arabic","IBM Plex Sans Arabic",sans-serif!important;background:#f6f3ed!important} .experience-editorial-studio :is(h1,h2,h3,strong){font-weight:600} .experience-local-conversion{--heading-font:"Alexandria","IBM Plex Sans Arabic",sans-serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .experience-local-conversion :is(h1,h2,h3,strong){font-weight:600} /* Signature Business — precise, not oversized. */ .experience-signature-business .art-static-signature{grid-template-columns:minmax(0,1.08fr) minmax(350px,.62fr)!important} .experience-signature-business .art-static-signature .hero-content{padding-inline-start:32px!important} .experience-signature-business .art-hero-signature{grid-template-columns:minmax(0,1fr) 250px!important;gap:52px!important} .experience-signature-business .art-signature-copy{padding-inline-start:34px!important} .experience-signature-business .section-heading{grid-template-columns:110px minmax(0,1fr)!important} .experience-signature-business .about-grid{grid-template-columns:110px minmax(0,1.15fr) minmax(300px,.58fr)!important} .service-ledger-row{grid-template-columns:50px minmax(210px,.7fr) minmax(260px,1fr) 44px!important;gap:22px!important;padding:22px 0!important} .service-ledger-row:hover{padding-inline:10px!important} .service-ledger-row h3{font-size:clamp(1.2rem,1.5vw,1.55rem)!important;line-height:1.35!important} .reviews-signature-v54 article{grid-template-columns:56px minmax(0,1fr) 190px!important;gap:26px!important;padding:26px 0!important} .reviews-signature-v54 blockquote{font-size:clamp(1.15rem,1.55vw,1.55rem)!important;line-height:1.7!important} /* Maison — quiet luxury, no giant editorial type. */ .experience-maison-luxury .art-hero-maison{grid-template-columns:46px minmax(0,1fr) 220px!important;gap:34px!important} .experience-maison-luxury .maison-rail i{height:110px!important} .service-atelier-v54{gap:18px!important} .service-atelier-card{min-height:320px!important;padding:26px!important;background:#eee7dd!important} .service-atelier-card:nth-child(1),.service-atelier-card:nth-child(5){background:#1b1714!important} .service-atelier-card h3{font-size:clamp(1.55rem,2.1vw,2.1rem)!important;line-height:1.3!important;letter-spacing:0!important} .reviews-maison-v54 article{min-height:290px!important;padding:28px!important} .reviews-maison-v54 blockquote{font-size:clamp(1.2rem,1.7vw,1.65rem)!important;line-height:1.75!important} /* Editorial — refined magazine, not poster art. */ .experience-editorial-studio{--editorial-accent:#9a5d48} .experience-editorial-studio .editorial-copy .carousel-eyebrow{background:rgba(255,255,255,.9)!important;color:#171717!important;border:1px solid rgba(17,17,17,.2)!important;border-radius:999px!important;padding:6px 10px!important} .experience-editorial-studio .carousel-primary{background:#171717!important;color:#fff!important;border-radius:8px!important} .experience-editorial-studio .carousel-secondary{border-radius:8px!important} .experience-editorial-studio .section-v3{background:#f6f3ed!important} .experience-editorial-studio .section-v3:nth-of-type(even){background:#efebe4!important} .service-editorial-v54{border-top:1px solid #2b2b2b!important} .service-editorial-row{grid-template-columns:52px minmax(230px,.82fr) minmax(280px,1fr) 92px!important;gap:22px!important;padding:23px 0!important} .service-editorial-row h3{font-size:clamp(1.25rem,1.7vw,1.7rem)!important;line-height:1.35!important;letter-spacing:-.02em!important} .service-editorial-row:hover h3{color:var(--editorial-accent)!important} .reviews-editorial-v54{gap:14px!important} .reviews-editorial-v54 article{min-height:280px!important;border:1px solid #d4cec3!important;background:#faf8f4!important;border-radius:12px!important;padding:26px!important} .reviews-editorial-v54 article:nth-child(2),.reviews-editorial-v54 article:nth-child(3n){background:#faf8f4!important;color:#171717!important} .reviews-editorial-v54 blockquote{font-size:clamp(1.15rem,1.55vw,1.5rem)!important;line-height:1.7!important;letter-spacing:-.01em!important} /* Local / conversion — premium service site instead of SaaS-card overload. */ .experience-local-conversion .section-v3{background:#f8f6f1!important} .experience-local-conversion .section-v3:nth-of-type(even){background:#f2eee7!important} .experience-local-conversion :is(.product-card,.team-card,.certificate-card,.review-card,.conversion-card,.form-v3){border-radius:16px!important;box-shadow:0 14px 38px rgba(32,27,21,.055)!important;border-color:#e1dbd1!important} .experience-local-conversion .section-form .form-layout{border-radius:18px!important;box-shadow:none!important} /* Section compositions — soften the expressive presets. */ .site-v55 .section-style-quote-stage .section-heading{max-width:820px!important} .site-v55 .section-style-quote-stage .section-heading h2{font-size:var(--v55-h2)!important;line-height:1.25!important} .site-v55 .section-style-poster>.section-shell{border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;padding:clamp(24px,4vw,48px)!important;box-shadow:none!important} .site-v55 .section-style-poster .section-heading{border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)!important;padding-bottom:24px!important} .site-v55 .section-style-poster :is(.conversion-grid,.catalog-v3,.team-v3,.certificates-v3){border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important} .site-v55 .section-style-poster .form-v3{border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;box-shadow:none!important;border-radius:12px!important} .site-v55 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important} .site-v55 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card), .site-v55 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card):nth-child(n){grid-column:auto!important;margin-top:0!important;z-index:auto!important} .site-v55 .section-style-conversion>.section-shell{border-radius:18px!important;padding:clamp(22px,3.5vw,42px)!important;box-shadow:none!important} .site-v55 .section-style-conversion :is(.conversion-card,.product-card){border-radius:14px!important;box-shadow:none!important} .site-v55 .section-style-contact-dock .form-layout{gap:clamp(30px,4vw,58px)!important} .site-v55 .section-style-contact-dock .form-v3{top:94px!important} .site-v55 .section-style-quiet-luxury .section-heading{grid-template-columns:100px minmax(0,1fr)!important;gap:clamp(28px,5vw,70px)!important} /* Cards & grids — consistent geometry. */ .site-v55 :is(.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.service-card){transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease} .site-v55 :is(.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.service-card):hover{transform:translateY(-2px)} .site-v55 .gallery-architectural-v54{grid-template-rows:280px 280px!important;gap:12px!important} .site-v55 .gallery-architecture-item img{filter:saturate(.9)!important} .site-v55 .stats-wall strong{font-size:clamp(1.45rem,2vw,2rem)!important} /* Mobile/tablet proportions. */ @media(max-width:1050px){ .site-v55{--v55-shell:min(100% - 36px,980px);--v55-display:clamp(2.65rem,7.5vw,4.2rem);--v55-h2:clamp(1.9rem,4vw,2.75rem)} .site-v55 :is(.art-static-signature,.art-static-local,.art-hero-signature,.art-hero-maison,.art-hero-editorial,.art-hero-local){grid-template-columns:1fr!important} .site-v55 :is(.signature-proof-panel,.maison-signature,.editorial-caption,.local-trust-panel){display:none!important} .site-v55 :is(.art-static-signature,.art-static-local){padding-top:100px!important} .site-v55 .signature-static-rail{min-height:420px!important} .experience-signature-business .section-heading,.experience-signature-business .about-grid,.site-v55 .section-style-quiet-luxury .section-heading{grid-template-columns:1fr!important} .service-ledger-row,.service-editorial-row{grid-template-columns:44px minmax(0,1fr) 44px!important} .service-ledger-row>p,.service-editorial-row>p{grid-column:2/4!important} .reviews-signature-v54 article{grid-template-columns:44px 1fr!important}.reviews-signature-v54 footer{grid-column:2!important} } @media(max-width:700px){ .site-v55{--v55-shell:calc(100% - 24px);--v55-display:clamp(2.25rem,10vw,3.25rem);--v55-h2:clamp(1.7rem,7.5vw,2.3rem);--v55-section:64px} .site-v55 .hero-v3{min-height:auto!important} .site-v55 .carousel-slide{min-height:680px!important} .site-v55 :is(.hero-content h1,.carousel-copy h1,.art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1,.art-static-signature h1,.art-static-local h1){font-size:var(--v55-display)!important;line-height:1.24!important;margin-block:14px 18px!important} .experience-maison-luxury :is(.hero-content h1,.carousel-copy h1,.maison-copy h1){font-size:clamp(2.45rem,10vw,3.55rem)!important} .site-v55 .section-heading{display:block!important}.site-v55 .section-heading>div{margin-bottom:12px!important} .site-v55 .section-heading h2,.site-v55 .about-copy h2{font-size:var(--v55-h2)!important} .service-ledger-row,.service-editorial-row{grid-template-columns:36px minmax(0,1fr)!important;gap:14px!important;padding:20px 0!important} .service-ledger-row>a,.service-editorial-row>a{display:none!important}.service-ledger-row>p,.service-editorial-row>p{grid-column:2!important} .reviews-signature-v54 article{grid-template-columns:1fr!important;gap:12px!important}.reviews-signature-v54 footer{grid-column:auto!important} .reviews-maison-v54,.reviews-editorial-v54{grid-template-columns:1fr!important}.reviews-maison-v54 article,.reviews-editorial-v54 article{min-height:240px!important;border-inline-end:0!important} .service-atelier-v54{grid-template-columns:1fr!important}.service-atelier-card,.service-atelier-card:nth-child(n){grid-column:auto!important;min-height:260px!important} .site-v55 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:1fr!important} .site-v55 .gallery-architectural-v54{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:220px 220px!important}.site-v55 .gallery-architecture-item.item-1,.site-v55 .gallery-architecture-item.item-4{grid-row:auto!important;grid-column:auto!important} } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v56.css */ /* Snap Profile v5.6 — Public Profile Visual Clarity Typography caps + deterministic contrast for sales demos + calmer spacing. */ .site-v56{ --v56-shell:min(1180px,calc(100vw - 48px)); --v56-display:clamp(2.25rem,3.3vw,3.25rem); --v56-h2:clamp(1.55rem,2.05vw,2.2rem); --v56-h3:clamp(1.03rem,1.25vw,1.28rem); --v56-body:clamp(.92rem,.96vw,1rem); --v56-section:clamp(64px,7vw,88px); --v56-ink:#101828; --v56-muted:#667085; --v56-line:#e4e7ec; } .site-v56 .section-shell,.site-v56 .nav-shell{width:var(--v56-shell)!important;max-width:100%!important} .site-v56{font-family:var(--body-font,"IBM Plex Sans Arabic"),sans-serif} .site-v56 :is(h1,h2,h3){text-wrap:balance;overflow-wrap:normal;word-break:normal} .site-v56 p{font-size:var(--v56-body);line-height:1.82} .site-v56 .section-v3{padding-block:var(--v56-section)!important} .site-v56 .section-heading{margin-bottom:clamp(26px,3.5vw,42px)!important;gap:22px!important} .site-v56 .section-heading h2,.site-v56 .about-copy h2,.site-v56 .contact-copy h2{ font-size:var(--v56-h2)!important; line-height:1.34!important; letter-spacing:-.018em!important; max-width:760px!important; } .site-v56 .section-heading>p,.site-v56 .about-copy>p,.site-v56 .contact-copy>p{font-size:.92rem!important;line-height:1.82!important} .site-v56 .section-index,.site-v56 .section-kicker,.site-v56 .section-heading>div>p{font-size:.7rem!important} .site-v56 :is(.service-ledger-row h3,.service-editorial-row h3,.service-atelier-card h3,.service-conversion-card h3,.product-card h3,.team-card h3,.review-card h3){font-size:var(--v56-h3)!important;line-height:1.45!important} .site-v56 :is(.btn,.carousel-primary,.carousel-secondary){min-height:46px!important;padding-inline:18px!important;font-size:.8rem!important} /* Hero: premium but never poster-sized. */ .site-v56 .hero-v3{min-height:560px!important} .site-v56 .hero-carousel-v39{height:clamp(560px,78svh,720px)!important;min-height:560px!important;max-height:720px!important} .site-v56 .carousel-slide{min-height:0!important} .site-v56 .carousel-slide-shell{width:var(--v56-shell)!important;padding-top:82px!important} .site-v56 :is(.hero-content h1,.carousel-copy h1,.art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1,.art-static-signature h1,.art-static-local h1){ font-size:var(--v56-display)!important; line-height:1.22!important; letter-spacing:-.025em!important; max-width:720px!important; margin-block:12px 16px!important; } .site-v56 .hero-lead,.site-v56 :is(.carousel-copy,.art-signature-copy,.maison-copy,.editorial-copy,.local-copy)>p{font-size:.94rem!important;line-height:1.82!important;max-width:610px!important} .site-v56 :is(.art-static-signature,.art-static-local){padding-top:96px!important;gap:clamp(28px,4vw,56px)!important} .site-v56 :is(.art-hero-signature,.art-hero-maison,.art-hero-editorial,.art-hero-local){padding-bottom:48px!important} .site-v56 .signature-static-rail{min-height:440px!important}.site-v56 .signature-static-media{min-height:320px!important} /* Carousel readability: strong enough overlay for every image. */ .site-v56 .carousel-shade,[dir="rtl"] .site-v56 .carousel-shade{background:linear-gradient(270deg,rgba(8,15,28,.82) 0%,rgba(8,15,28,.72) 44%,rgba(8,15,28,.24) 76%,rgba(8,15,28,.14) 100%)!important} html[dir="ltr"] .site-v56 .carousel-shade{background:linear-gradient(90deg,rgba(8,15,28,.82) 0%,rgba(8,15,28,.72) 44%,rgba(8,15,28,.24) 76%,rgba(8,15,28,.14) 100%)!important} .site-v56 .carousel-copy{color:#fff!important;text-shadow:none!important;gap:14px!important} .site-v56 .carousel-copy h1{color:#fff!important} .site-v56 .carousel-copy p{color:rgba(255,255,255,.86)!important} .site-v56 .carousel-eyebrow,.site-v56 .experience-hero-mark{color:rgba(255,255,255,.78)!important} .site-v56 .carousel-secondary{color:#fff!important;border-color:rgba(255,255,255,.42)!important;background:rgba(0,0,0,.12)!important} .site-v56 .carousel-primary{box-shadow:none!important} /* Demo guardrails: demos are curated sales assets and must always have clear contrast. */ .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand){color:var(--v56-ink)!important} .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand) :is(h1,h2,h3,h4,strong,.section-heading h2,.about-copy h2,.contact-copy h2){color:var(--v56-ink)!important} .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand) :is(p,.section-heading>p,.section-heading>div,.section-kicker,.about-copy>p){color:var(--v56-muted)!important} .site-v56.is-sales-demo .section-v3.bg-dark{background:#101828!important;color:#fff!important} .site-v56.is-sales-demo .section-v3.bg-dark :is(h1,h2,h3,h4,strong,.section-heading h2,.contact-copy h2){color:#fff!important} .site-v56.is-sales-demo .section-v3.bg-dark :is(p,.section-heading>p,.section-heading>div,.section-kicker,.contact-copy p){color:#cbd5e1!important;opacity:1!important} .site-v56.is-sales-demo .section-v3.bg-brand{color:#fff!important} .site-v56.is-sales-demo .section-v3.bg-brand :is(h1,h2,h3,h4,strong){color:#fff!important} .site-v56.is-sales-demo .section-v3.bg-brand p{color:rgba(255,255,255,.84)!important} .site-v56.is-sales-demo .section-v3.bg-soft,.site-v56.is-sales-demo .section-v3.bg-gradient{color:var(--v56-ink)!important} .site-v56.is-sales-demo .section-v3.bg-soft :is(h2,h3,strong),.site-v56.is-sales-demo .section-v3.bg-gradient :is(h2,h3,strong){color:var(--v56-ink)!important} .site-v56.is-sales-demo .section-v3.bg-soft p,.site-v56.is-sales-demo .section-v3.bg-gradient p{color:var(--v56-muted)!important} /* Light cards: do not inherit white text from a parent section. */ .site-v56 :is(.product-card,.team-card,.certificate-card,.review-card,.conversion-card,.form-v3,.booking-card,.service-card){line-height:1.6} .site-v56 :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3)[style*="background:#fff"], .site-v56 .is-sales-demo :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3){color:#101828} .site-v56.is-sales-demo :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3) :is(h2,h3,h4,strong){color:#101828} .site-v56.is-sales-demo :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3) p{color:#667085} /* Calm family palettes. */ .site-v56.experience-signature-business{--heading-font:"Alexandria","IBM Plex Sans Arabic",sans-serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .site-v56.experience-signature-business .section-v3:not(.bg-dark):not(.bg-brand){background:#f8fafc!important} .site-v56.experience-signature-business .section-v3:nth-of-type(even):not(.bg-dark):not(.bg-brand){background:#fff!important} .site-v56.experience-signature-business .section-heading{grid-template-columns:90px minmax(0,1fr)!important} .site-v56.experience-signature-business .about-grid{grid-template-columns:90px minmax(0,1.2fr) minmax(280px,.55fr)!important} .site-v56.experience-signature-business .service-ledger-row{grid-template-columns:42px minmax(190px,.68fr) minmax(240px,1fr) 38px!important;padding:18px 0!important} .site-v56.experience-signature-business .reviews-signature-v54 article{padding:20px 0!important} .site-v56.experience-signature-business .reviews-signature-v54 blockquote{font-size:1.12rem!important;line-height:1.72!important} .site-v56.experience-maison-luxury{--heading-font:"Noto Naskh Arabic","IBM Plex Sans Arabic",serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .site-v56.experience-maison-luxury .section-v3:not(.bg-dark):not(.bg-brand){background:#f7f2ea!important;color:#1f1a17!important} .site-v56.experience-maison-luxury .section-v3:nth-of-type(even):not(.bg-dark):not(.bg-brand){background:#fffaf4!important} .site-v56.experience-maison-luxury :is(.section-heading h2,.about-copy h2,.contact-copy h2){font-weight:600!important;line-height:1.4!important;letter-spacing:0!important} .site-v56.experience-maison-luxury :is(.hero-content h1,.carousel-copy h1,.maison-copy h1){font-size:var(--v56-display)!important;line-height:1.3!important;letter-spacing:0!important} .site-v56.experience-maison-luxury .service-atelier-card{min-height:250px!important;padding:22px!important}.site-v56.experience-maison-luxury .reviews-maison-v54 article{min-height:230px!important;padding:23px!important}.site-v56.experience-maison-luxury .reviews-maison-v54 blockquote{font-size:1.08rem!important;line-height:1.75!important} .site-v56.experience-editorial-studio{--heading-font:"Alexandria","Noto Sans Arabic",sans-serif!important;--body-font:"Noto Sans Arabic","IBM Plex Sans Arabic",sans-serif!important;background:#f8f7f4!important} .site-v56.experience-editorial-studio .section-v3:not(.bg-dark):not(.bg-brand){background:#f8f7f4!important;color:#171717!important;border-top:1px solid #ddd8cf!important} .site-v56.experience-editorial-studio .section-v3:nth-of-type(even):not(.bg-dark):not(.bg-brand){background:#f1eee8!important} .site-v56.experience-editorial-studio .section-index{border:1px solid #8e8980!important;width:32px!important;height:32px!important;color:#34302b!important} .site-v56.experience-editorial-studio .service-editorial-row{grid-template-columns:42px minmax(200px,.8fr) minmax(250px,1fr) 78px!important;padding:18px 0!important} .site-v56.experience-editorial-studio .reviews-editorial-v54 article{min-height:230px!important;padding:22px!important;background:#fff!important;border:1px solid #ded9d0!important}.site-v56.experience-editorial-studio .reviews-editorial-v54 blockquote{font-size:1.08rem!important;line-height:1.72!important} .site-v56.experience-local-conversion{--heading-font:"Alexandria","IBM Plex Sans Arabic",sans-serif!important;--body-font:"IBM Plex Sans Arabic",sans-serif!important} .site-v56.experience-local-conversion .section-v3:not(.bg-dark):not(.bg-brand){background:#f8fafc!important;color:#101828!important} .site-v56.experience-local-conversion .section-v3:nth-of-type(even):not(.bg-dark):not(.bg-brand){background:#f1f5f9!important} .site-v56.experience-local-conversion :is(.product-card,.team-card,.certificate-card,.review-card,.conversion-card,.form-v3,.service-card){border-radius:13px!important;box-shadow:0 8px 24px rgba(16,24,40,.05)!important;border-color:#e2e8f0!important} .site-v56.experience-local-conversion .section-form .form-layout{border-radius:14px!important;box-shadow:none!important} /* Section compositions: remove giant headings and high-risk contrast gimmicks. */ .site-v56 .section-style-quote-stage .section-heading{max-width:760px!important;text-align:start!important}.site-v56 .section-style-quote-stage .section-heading h2{font-size:var(--v56-h2)!important;line-height:1.34!important} .site-v56 .section-style-poster>.section-shell{border:1px solid var(--v56-line)!important;box-shadow:none!important;padding:clamp(22px,3vw,38px)!important} .site-v56 .section-style-poster .section-heading{border-bottom:1px solid var(--v56-line)!important;padding-bottom:20px!important} .site-v56 .section-style-conversion>.section-shell{border-radius:14px!important;padding:clamp(20px,3vw,36px)!important;box-shadow:none!important} .site-v56 .section-style-conversion :is(.conversion-card,.product-card){border-radius:12px!important;box-shadow:none!important} .site-v56 .section-style-contact-dock .form-v3{top:86px!important} .site-v56 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} .site-v56 .section-style-stacked-media :is(.product-card,.team-card,.certificate-card):nth-child(n){grid-column:auto!important;margin-top:0!important;transform:none!important} .site-v56 .section-style-magazine .partners-v3>a:nth-child(even),.site-v56 .review-card:nth-child(n){transform:none!important} .site-v56 .gallery-architectural-v54{grid-template-rows:240px 240px!important;gap:10px!important} .site-v56 .stats-wall strong{font-size:clamp(1.25rem,1.7vw,1.7rem)!important} /* Sales demo top bar should stay compact. */ .site-v56 .sales-demo-bar{min-height:40px!important;font-size:.66rem!important}.site-v56 .sales-demo-bar>div{min-height:40px!important}.site-v56 .sales-demo-cta{min-height:30px!important;padding-inline:12px!important;font-size:.66rem!important} @media(max-width:1050px){ .site-v56{--v56-shell:min(100% - 34px,940px);--v56-display:clamp(2.25rem,6vw,3.25rem);--v56-h2:clamp(1.6rem,3.4vw,2.15rem)} .site-v56 :is(.art-static-signature,.art-static-local,.art-hero-signature,.art-hero-maison,.art-hero-editorial,.art-hero-local){grid-template-columns:1fr!important} .site-v56 :is(.signature-proof-panel,.maison-signature,.editorial-caption,.local-trust-panel){display:none!important} .site-v56.experience-signature-business .section-heading,.site-v56.experience-signature-business .about-grid{grid-template-columns:1fr!important} .site-v56 .service-ledger-row,.site-v56 .service-editorial-row{grid-template-columns:40px minmax(0,1fr) 36px!important}.site-v56 .service-ledger-row>p,.site-v56 .service-editorial-row>p{grid-column:2/4!important} } @media(max-width:700px){ .site-v56{--v56-shell:calc(100% - 24px);--v56-display:clamp(2rem,8.6vw,2.7rem);--v56-h2:clamp(1.45rem,6.6vw,1.95rem);--v56-body:.9rem;--v56-section:56px} .site-v56 .hero-v3{min-height:auto!important}.site-v56 .hero-carousel-v39{height:clamp(500px,72svh,610px)!important;min-height:500px!important;max-height:610px!important}.site-v56 .carousel-slide-shell{width:var(--v56-shell)!important;padding:82px 0 72px!important;align-items:flex-end!important} .site-v56 :is(.hero-content h1,.carousel-copy h1,.art-signature-copy h1,.maison-copy h1,.editorial-copy h1,.local-copy h1,.art-static-signature h1,.art-static-local h1){font-size:var(--v56-display)!important;line-height:1.3!important;margin-block:10px 14px!important} .site-v56 .carousel-copy p{font-size:.86rem!important;line-height:1.7!important}.site-v56 .carousel-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.site-v56 .carousel-primary,.site-v56 .carousel-secondary{width:100%!important} .site-v56 .section-heading{display:block!important}.site-v56 .section-heading>div{margin-bottom:10px!important}.site-v56 .section-heading h2,.site-v56 .about-copy h2{font-size:var(--v56-h2)!important} .site-v56 .service-ledger-row,.site-v56 .service-editorial-row{grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;padding:17px 0!important}.site-v56 .service-ledger-row>a,.site-v56 .service-editorial-row>a{display:none!important}.site-v56 .service-ledger-row>p,.site-v56 .service-editorial-row>p{grid-column:2!important} .site-v56 .reviews-maison-v54,.site-v56 .reviews-editorial-v54{grid-template-columns:1fr!important}.site-v56 .service-atelier-v54{grid-template-columns:1fr!important}.site-v56 .service-atelier-card{min-height:220px!important}.site-v56 .section-style-stacked-media :is(.catalog-v3,.team-v3,.certificates-v3){grid-template-columns:1fr!important}.site-v56 .gallery-architectural-v54{grid-template-columns:1fr 1fr!important;grid-template-rows:190px 190px!important} .site-v56 .sales-demo-bar span{display:none!important} } @media(max-width:480px){.site-v56 .carousel-actions{grid-template-columns:1fr!important}.site-v56 .gallery-architectural-v54{display:flex!important;overflow-x:auto!important;grid-template-rows:none!important}.site-v56 .gallery-architecture-item{flex:0 0 84%!important;height:260px!important}} /* Composition shell contrast fixes discovered in real demo recordings. */ .site-v56.is-sales-demo .section-v3.bg-dark.section-style-conversion>.section-shell, .site-v56.is-sales-demo .section-v3.bg-dark.section-style-proof>.section-shell, .site-v56.is-sales-demo .section-v3.bg-dark.section-style-soft-panels>.section-shell{ background:#182230!important; color:#fff!important; border-color:#344054!important; box-shadow:none!important; } .site-v56.is-sales-demo .section-v3.bg-dark.section-style-conversion>.section-shell :is(h2,h3,h4,strong), .site-v56.is-sales-demo .section-v3.bg-dark.section-style-proof>.section-shell :is(h2,h3,h4,strong), .site-v56.is-sales-demo .section-v3.bg-dark.section-style-soft-panels>.section-shell :is(h2,h3,h4,strong){color:#fff!important} .site-v56.is-sales-demo .section-v3.bg-dark.section-style-conversion>.section-shell p, .site-v56.is-sales-demo .section-v3.bg-dark.section-style-proof>.section-shell p, .site-v56.is-sales-demo .section-v3.bg-dark.section-style-soft-panels>.section-shell p{color:#cbd5e1!important} .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-conversion>.section-shell, .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-proof>.section-shell, .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-soft-panels>.section-shell{ background:#fff!important; color:#101828!important; border-color:#e4e7ec!important; box-shadow:none!important; } .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-conversion>.section-shell :is(h2,h3,h4,strong), .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-proof>.section-shell :is(h2,h3,h4,strong), .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-soft-panels>.section-shell :is(h2,h3,h4,strong){color:#101828!important} .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-conversion>.section-shell p, .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-proof>.section-shell p, .site-v56.is-sales-demo .section-v3:not(.bg-dark):not(.bg-brand).section-style-soft-panels>.section-shell p{color:#667085!important} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v57.css */ /* Snap Profile v5.7 — Brand Canvas User-controlled surfaces, text contrast, header styles and gallery presentation. */ .site-v57{ --ink:var(--custom-heading,var(--theme-heading,#101828)); --muted:var(--custom-body,var(--theme-body,#667085)); --paper:var(--card-bg,#fff); --soft:var(--site-bg-alt,#f8fafc); --line:var(--site-border,#e4e7ec); background:var(--site-bg,#f8fafc)!important; color:var(--muted); } .site-v57 :is(h1,h2,h3,h4,strong){color:var(--ink)} .site-v57 :is(p,.section-kicker,.section-heading>div,.brand-mark small){color:var(--muted)} .site-v57 em,.site-v57 .section-kicker,.site-v57 .section-index{color:var(--accent,var(--brand))} /* The Art Direction controls layout; the Brand Canvas controls the colors. */ .site-v57 .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-soft):not(.bg-gradient):not(.bg-custom):not(.bg-image){background:var(--site-bg)!important;color:var(--muted)!important} .site-v57 .section-v3:nth-of-type(even):not(.bg-brand):not(.bg-dark):not(.bg-soft):not(.bg-gradient):not(.bg-custom):not(.bg-image){background:var(--site-bg-alt)!important} .site-v57 .section-v3.bg-soft{background:var(--site-bg-alt)!important;color:var(--muted)!important} .site-v57 .section-v3.bg-brand{background:var(--brand)!important;color:#fff!important} .site-v57 .section-v3.bg-brand :is(h1,h2,h3,h4,strong){color:#fff!important} .site-v57 .section-v3.bg-brand :is(p,.section-kicker,.section-heading>div){color:rgba(255,255,255,.82)!important} .site-v57 .section-v3.bg-dark{background:var(--dark-bg)!important;color:#fff!important} .site-v57 .section-v3.bg-dark :is(h1,h2,h3,h4,strong){color:#fff!important} .site-v57 .section-v3.bg-dark :is(p,.section-kicker,.section-heading>div){color:#cbd5e1!important} .site-v57 .section-v3.bg-custom{background:var(--section-custom-bg,var(--site-bg))!important} .site-v57 .section-v3.bg-gradient{background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from,var(--site-bg)),var(--section-gradient-to,var(--site-bg-alt)))!important} .site-v57 .section-v3.bg-image{background-image:var(--section-bg-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#fff!important;isolation:isolate} .site-v57 .section-v3.bg-image:before{content:"";position:absolute;inset:0;background:var(--section-overlay,#000);opacity:var(--section-overlay-opacity,.35);z-index:0;pointer-events:none} .site-v57 .section-v3.bg-image>.section-shell{position:relative;z-index:1} .site-v57 .section-v3.bg-image :is(h1,h2,h3,h4,strong){color:#fff!important} .site-v57 .section-v3.bg-image :is(p,.section-kicker,.section-heading>div){color:rgba(255,255,255,.84)!important} /* Cards and lines follow the selected surface system without flattening branded CTAs. */ .site-v57 :is(.product-card,.team-card,.certificate-card,.review-card,.conversion-card,.form-v3,.booking-card,.faq-v3 details,.stats-wall article){border-color:var(--site-border)!important} .site-v57 :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details){background:var(--card-bg)!important;color:var(--ink)} .site-v57 :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details) p{color:var(--muted)} .site-v57 .site-footer,.site-v57 .footer-info{background:var(--site-bg)!important;color:var(--muted);border-color:var(--site-border)!important} /* Header styles */ .site-v57 .site-nav{transition:top .25s ease,background .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease,backdrop-filter .3s ease} .site-v57 .site-nav.header-style-floating{top:12px;background:transparent!important;box-shadow:none!important} .site-v57 .header-style-floating .nav-shell{height:70px;padding-inline:18px;border:1px solid color-mix(in srgb,var(--site-border) 88%,transparent);border-radius:18px;background:color-mix(in srgb,var(--header-bg) 92%,transparent);color:var(--header-text);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(15,23,42,.09)} .site-v57 .header-style-floating.scrolled .nav-shell{background:color-mix(in srgb,var(--header-bg) 96%,transparent)} .site-v57 .header-style-floating .nav-cta,.site-v57 .header-style-classic .nav-cta,.site-v57 .header-style-centered .nav-cta{background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important} .site-v57 .site-nav.header-style-classic{top:0;background:var(--header-bg)!important;color:var(--header-text)!important;border-bottom:1px solid var(--site-border);box-shadow:none!important;backdrop-filter:blur(14px)} .site-v57 .header-style-classic .nav-shell{height:78px} .site-v57 .site-nav.header-style-minimal{top:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,0))!important;color:#fff;box-shadow:none!important;border-bottom:0} .site-v57 .header-style-minimal.scrolled{background:color-mix(in srgb,var(--header-bg) 92%,transparent)!important;color:var(--header-text)!important;border-bottom:1px solid var(--site-border);backdrop-filter:blur(16px)} .site-v57 .header-style-minimal .nav-cta{background:transparent!important;color:inherit!important;border:1px solid currentColor} .site-v57 .site-nav.header-style-centered{top:0;background:var(--header-bg)!important;color:var(--header-text)!important;border-bottom:1px solid var(--site-border);box-shadow:none!important} .site-v57 .header-style-centered .nav-shell{height:82px;display:grid;grid-template-columns:1fr auto 1fr} .site-v57 .header-style-centered .brand-mark{justify-self:start}.site-v57 .header-style-centered .desktop-nav{justify-self:center}.site-v57 .header-style-centered .nav-actions{justify-self:end} .site-v57 .site-nav.header-style-transparent{top:0;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0))!important;color:#fff!important;box-shadow:none!important;border-bottom:1px solid transparent} .site-v57 .header-style-transparent .nav-cta{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px)} .site-v57 .header-style-transparent.scrolled{background:color-mix(in srgb,var(--header-bg) 94%,transparent)!important;color:var(--header-text)!important;border-bottom-color:var(--site-border);backdrop-filter:blur(18px)} .site-v57 .header-style-transparent.scrolled .nav-cta{background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important;border-color:transparent} .site-v57.custom-header-colors .header-style-minimal:not(.scrolled),.site-v57.custom-header-colors .header-style-transparent:not(.scrolled){color:var(--header-text)!important} /* Gallery presentation controls. Specialized art-direction markup now obeys user choices. */ .site-v57 :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){gap:12px} .site-v57.gallery-grid :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:repeat(var(--gallery-columns,3),minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important} .site-v57.gallery-grid :is(.gallery-item,.gallery-architecture-item,.maison-shot,.editorial-shot,.local-shot):nth-child(n){grid-column:auto!important;grid-row:auto!important;height:auto!important;margin:0!important} .site-v57.gallery-masonry :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:block!important;columns:var(--gallery-columns,3) 220px;column-gap:12px} .site-v57.gallery-masonry .gallery-item{display:inline-block!important;width:100%!important;height:auto!important;margin:0 0 12px!important;break-inside:avoid;grid-column:auto!important;grid-row:auto!important} .site-v57.gallery-slider :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54), .site-v57.gallery-filmstrip :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;scrollbar-width:none} .site-v57.gallery-slider .gallery-item{flex:0 0:min(78vw,820px)!important;height:auto!important;scroll-snap-align:center;grid-column:auto!important;grid-row:auto!important} .site-v57.gallery-filmstrip .gallery-item{flex:0 0:min(46vw,520px)!important;height:auto!important;scroll-snap-align:center;grid-column:auto!important;grid-row:auto!important} .site-v57.gallery-fullbleed :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important} .site-v57.gallery-fullbleed .gallery-item{height:auto!important;grid-column:auto!important;grid-row:auto!important} .site-v57.gallery-ratio-square .gallery-open{aspect-ratio:1/1!important;height:auto!important;min-height:0!important} .site-v57.gallery-ratio-portrait .gallery-open{aspect-ratio:4/5!important;height:auto!important;min-height:0!important} .site-v57.gallery-ratio-landscape .gallery-open{aspect-ratio:4/3!important;height:auto!important;min-height:0!important} .site-v57.gallery-ratio-wide .gallery-open{aspect-ratio:16/9!important;height:auto!important;min-height:0!important} .site-v57.gallery-ratio-auto .gallery-open{aspect-ratio:auto!important;height:auto!important;min-height:220px!important} .site-v57.gallery-fit-cover .gallery-open img{object-fit:cover!important} .site-v57.gallery-fit-contain .gallery-open img{object-fit:contain!important;background:var(--card-bg)} .site-v57 .gallery-open{width:100%!important} .site-v57 .gallery-open img{width:100%!important;height:100%!important} /* Clear custom text colors must win over legacy family palettes. */ .site-v57.custom-heading-color .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-image) :is(h1,h2,h3,h4,strong), .site-v57.theme-site-colors .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-image) :is(h1,h2,h3,h4,strong){color:var(--custom-heading)!important} .site-v57.custom-body-color .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-image) :is(p,.section-kicker,.section-heading>div), .site-v57.theme-site-colors .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-image) :is(p,.section-kicker,.section-heading>div){color:var(--custom-body)!important} @media(max-width:900px){ .site-v57 .site-nav.header-style-floating{top:8px}.site-v57 .header-style-floating .nav-shell{height:64px;padding-inline:12px;border-radius:15px} .site-v57 .header-style-centered .nav-shell{display:flex;height:72px}.site-v57 .header-style-centered .desktop-nav{display:none} .site-v57.gallery-grid :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:620px){ .site-v57.gallery-grid :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:1fr!important} .site-v57.gallery-slider .gallery-item,.site-v57.gallery-filmstrip .gallery-item{flex-basis:86%!important} .site-v57 .header-style-floating .brand-mark div{max-width:140px} } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v58.css */ /* Snap Profile v5.8 — Design Control & Polish Safe typography, mobile controls, advanced gradients, focal points, custom dark palette, professional lightbox and sticky CTA designer. */ .site-v58{ --v58-heading:var(--custom-heading,var(--theme-heading,#101828)); --v58-body:var(--custom-body,var(--theme-body,#667085)); --v58-card-heading:var(--v58-heading); --v58-card-body:var(--v58-body); --v58-divider-color:color-mix(in srgb,var(--site-border,#e4e7ec) 78%,transparent); line-height:var(--body-line-height,1.75); } .site-v58 :is(h1,h2,h3,h4,h5,h6){font-weight:var(--heading-weight,700)!important;letter-spacing:var(--heading-letter-spacing,0)!important} .site-v58 :is(.hero-content h1,.carousel-copy h1){font-size:var(--display)!important;line-height:1.14!important} .site-v58 :is(.section-heading h2,.about-copy h2,.contact-copy h2){font-size:var(--h2)!important;line-height:1.25!important} .site-v58 :is(.section-v3 p,.hero-lead,.carousel-copy p,.contact-copy p){line-height:var(--body-line-height,1.75)} /* Runtime contrast guard. Section-specific variables come from the server. */ .site-v58.auto-contrast .section-v3 :is(.section-heading h2,.section-heading h3,.about-copy h2,.contact-copy h2){color:var(--section-heading,var(--v58-heading))!important} .site-v58.auto-contrast .section-v3 :is(.section-heading>p,.section-heading>div,.section-heading>div p,.about-copy>p,.contact-copy>p){color:var(--section-body,var(--v58-body))!important} .site-v58.auto-contrast .section-v3.bg-custom :is(h1,h2,h3,h4,strong), .site-v58.auto-contrast .section-v3.bg-gradient :is(h1,h2,h3,h4,strong), .site-v58.auto-contrast .section-v3.bg-image :is(h1,h2,h3,h4,strong){color:var(--section-heading,var(--v58-heading))!important} .site-v58.auto-contrast .section-v3.bg-custom :is(p,.section-kicker,.section-heading>div), .site-v58.auto-contrast .section-v3.bg-gradient :is(p,.section-kicker,.section-heading>div), .site-v58.auto-contrast .section-v3.bg-image :is(p,.section-kicker,.section-heading>div){color:var(--section-body,var(--v58-body))!important} /* Advanced section gradients: two/three stops + linear/radial. */ .site-v58 .section-v3.bg-gradient.gradient-type-radial.gradient-three{background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important} .site-v58 .section-v3.bg-gradient.gradient-type-radial:not(.gradient-three){background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to))!important} .site-v58 .section-v3.bg-gradient.gradient-type-linear.gradient-three{background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important} .site-v58 .section-v3.bg-gradient.gradient-type-linear:not(.gradient-three){background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to))!important} /* Section dividers remain subtle by design. */ .site-v58 .section-v3{position:relative} .site-v58 .section-v3.divider-straight{border-bottom:1px solid var(--v58-divider-color)} .site-v58 .section-v3.divider-wave:after,.site-v58 .section-v3.divider-curve:after,.site-v58 .section-v3.divider-diagonal:after{content:"";position:absolute;z-index:3;inset-inline:0;bottom:-1px;height:26px;pointer-events:none;background:var(--site-bg-alt,#f8fafc)} .site-v58 .section-v3.divider-wave:after{clip-path:path("M0 14 C160 2 320 26 480 14 C640 2 800 26 960 14 C1120 2 1280 26 1440 14 L1440 26 L0 26 Z")} .site-v58 .section-v3.divider-curve:after{height:30px;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateY(16px)} .site-v58 .section-v3.divider-diagonal:after{clip-path:polygon(0 58%,100% 0,100% 100%,0 100%)} /* Hero overlay designer. */ .site-v58 :is(.hero-scrim,.carousel-shade){opacity:var(--hero-overlay-opacity,.35)!important;pointer-events:none} .site-v58.hero-overlay-none :is(.hero-scrim,.carousel-shade){opacity:0!important;background:transparent!important} .site-v58.hero-overlay-solid :is(.hero-scrim,.carousel-shade){background:var(--hero-overlay-color,#000)!important} .site-v58.hero-overlay-gradient :is(.hero-scrim,.carousel-shade){background:linear-gradient(var(--hero-overlay-angle,180deg),var(--hero-overlay-color,#000),var(--hero-overlay-color-2,#000))!important} .site-v58.hero-overlay-radial :is(.hero-scrim,.carousel-shade){background:radial-gradient(circle at 50% 42%,var(--hero-overlay-color,#000),var(--hero-overlay-color-2,#000))!important} /* Focal point preservation on every public gallery composition. */ .site-v58 .gallery-open img{object-position:var(--focal-x,50%) var(--focal-y,50%)!important} /* Custom dark palette. */ .site-v58.mode-dark.custom-dark-palette{--site-bg:var(--dark-site-bg)!important;--site-bg-alt:color-mix(in srgb,var(--dark-site-bg) 86%,white 14%)!important;--card-bg:var(--dark-card-bg)!important;--custom-heading:var(--dark-heading)!important;--custom-body:var(--dark-body)!important;--ink:var(--dark-heading)!important;--muted:var(--dark-body)!important;background:var(--dark-site-bg)!important;color:var(--dark-body)!important} .site-v58.mode-dark.custom-dark-palette :is(.section-v3,.footer-info,.site-footer){color:var(--dark-body)} .site-v58.mode-dark.custom-dark-palette :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details){background:var(--dark-card-bg)!important;color:var(--dark-heading)!important} .site-v58.mode-dark.custom-dark-palette :is(h1,h2,h3,h4,strong){color:var(--dark-heading)!important} .site-v58.mode-dark.custom-dark-palette p{color:var(--dark-body)} @media (prefers-color-scheme:dark){ .site-v58.mode-system.custom-dark-palette{--site-bg:var(--dark-site-bg)!important;--site-bg-alt:color-mix(in srgb,var(--dark-site-bg) 86%,white 14%)!important;--card-bg:var(--dark-card-bg)!important;--custom-heading:var(--dark-heading)!important;--custom-body:var(--dark-body)!important;--ink:var(--dark-heading)!important;--muted:var(--dark-body)!important;background:var(--dark-site-bg)!important;color:var(--dark-body)!important} .site-v58.mode-system.custom-dark-palette :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details){background:var(--dark-card-bg)!important;color:var(--dark-heading)!important} .site-v58.mode-system.custom-dark-palette :is(h1,h2,h3,h4,strong){color:var(--dark-heading)!important} .site-v58.mode-system.custom-dark-palette p{color:var(--dark-body)!important} } /* Sticky CTA designer. */ .site-v58 .sticky-cta-v58{background:color-mix(in srgb,var(--sticky-cta-bg,#fff) 94%,transparent)!important;color:var(--sticky-cta-text,#101828)!important;border:1px solid color-mix(in srgb,var(--sticky-cta-text) 12%,transparent);backdrop-filter:blur(18px)} .site-v58 .sticky-cta-v58 a{background:transparent!important;color:var(--sticky-cta-text,#101828)!important;border:1px solid color-mix(in srgb,var(--sticky-cta-text) 12%,transparent);display:flex;align-items:center;justify-content:center;gap:7px} .site-v58 .sticky-cta-v58 a svg{width:18px;height:18px;flex:none} .site-v58.sticky-cta-floating .sticky-cta-v58{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));border-radius:18px;padding:8px;box-shadow:0 18px 50px rgba(15,23,42,.18)} .site-v58.sticky-cta-minimal .sticky-cta-v58{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 12px} .site-v58.sticky-cta-minimal .sticky-cta-v58 a{background:var(--sticky-cta-bg)!important;box-shadow:0 8px 24px rgba(15,23,42,.12)} .site-v58.sticky-has-whatsapp .floating-whatsapp{display:none!important} @media(min-width:901px){ .site-v58.sticky-cta-all .sticky-cta-v58{display:grid;position:fixed;z-index:999;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:auto;min-width:360px;max-width:min(720px,calc(100vw - 40px));padding:8px;border-radius:18px;box-shadow:0 18px 55px rgba(15,23,42,.18)} .site-v58.sticky-cta-all .site-footer{padding-bottom:100px} } /* Professional lightbox. */ .site-v58 .lightbox-v58{padding:72px 86px 74px;background:rgba(3,6,12,.96);flex-direction:column;overflow:hidden} .site-v58 .lightbox-v58.open{display:flex} .site-v58 .lightbox-stage-v58{width:min(1280px,84vw);height:min(78vh,860px);display:grid;place-items:center;overflow:auto;touch-action:pan-y;background:rgba(255,255,255,.025);border-radius:18px} .site-v58 .lightbox-stage-v58.is-zoomed{cursor:zoom-out} .site-v58 .lightbox-v58 img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:12px;box-shadow:none;transition:transform .18s ease;transform-origin:center center;user-select:none} .site-v58 .lightbox-toolbar-v58{position:absolute;z-index:3;top:18px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#fff} .site-v58 .lightbox-toolbar-v58>span{font:600 12px/1 var(--body-font);letter-spacing:.1em;color:#cbd5e1} .site-v58 .lightbox-toolbar-v58>div{display:flex;gap:6px} .site-v58 .lightbox-toolbar-v58 button,.site-v58 .lightbox-nav-v58{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;min-width:42px;height:42px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px)} .site-v58 .lightbox-toolbar-v58 #lightboxClose{position:static;width:42px;height:42px;font-size:24px} .site-v58 .lightbox-toolbar-v58 #lightboxZoom{min-width:64px;font-size:11px} .site-v58 .lightbox-nav-v58{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:20px} .site-v58 .lightbox-nav-v58.prev{left:20px}.site-v58 .lightbox-nav-v58.next{right:20px} .site-v58 .lightbox-v58>p{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(760px,80vw);margin:0;text-align:center;color:#f8fafc;font:500 13px/1.7 var(--body-font)} /* Mobile controls. */ @media(max-width:900px){ html:has(.site-v58){font-size:var(--mobile-base-font,15px)!important} .site-v58{font-size:var(--mobile-base-font,15px)!important} .site-v58 :is(.hero-content h1,.carousel-copy h1){font-size:var(--mobile-display)!important;letter-spacing:var(--heading-letter-spacing,0)!important} .site-v58 :is(.section-heading h2,.about-copy h2,.contact-copy h2){font-size:var(--mobile-h2)!important} .site-v58.mobile-gallery-cols-1.gallery-grid :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:1fr!important} .site-v58.mobile-gallery-cols-2.gallery-grid :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:repeat(2,minmax(0,1fr))!important} .site-v58 .hide-on-mobile{display:none!important} .site-v58 .section-v3.mobile-spacing-compact{padding-block:44px!important} .site-v58 .section-v3.mobile-spacing-comfortable{padding-block:64px!important} .site-v58 .section-v3.mobile-spacing-airy{padding-block:86px!important} .site-v58.mobile-hero-image-first :is(.hero-shell,.art-hero){display:flex!important;flex-direction:column!important} .site-v58.mobile-hero-image-first :is(.hero-visual,.signature-static-rail,.local-action-card,.maison-signature,.editorial-caption,.signature-proof-panel){order:-1!important} .site-v58.mobile-hero-content-first :is(.hero-content,.carousel-copy){order:-1!important} .site-v58.mobile-header-logo-menu .brand-mark small,.site-v58.mobile-header-compact .brand-mark small{display:none!important} .site-v58.mobile-header-logo-menu .nav-cta{display:none!important} .site-v58.mobile-header-logo-cta .nav-cta{display:inline-flex!important;font-size:11px;padding:9px 12px} .site-v58.mobile-header-logo-cta .menu-toggle{display:none!important} .site-v58.mobile-header-centered .nav-shell{display:grid!important;grid-template-columns:44px 1fr 44px!important} .site-v58.mobile-header-centered .brand-mark{grid-column:2;justify-self:center;text-align:center}.site-v58.mobile-header-centered .nav-actions{grid-column:3;justify-self:end}.site-v58.mobile-header-centered .brand-mark div{display:none} .site-v58.mobile-header-bottom-nav .menu-toggle{display:none!important} .site-v58.mobile-header-bottom-nav .mobile-menu{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed!important;z-index:998;top:auto!important;bottom:0!important;left:0!important;right:0!important;inset-inline:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important;border-radius:0!important;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom))!important;background:color-mix(in srgb,var(--header-bg) 96%,transparent)!important;color:var(--header-text)!important;box-shadow:0 -8px 30px rgba(15,23,42,.12)!important} .site-v58.mobile-header-bottom-nav .mobile-menu a{border:0!important;text-align:center;padding:10px 4px!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .site-v58.mobile-header-bottom-nav .sticky-cta-v58{bottom:58px!important} .site-v58.mobile-header-bottom-nav .site-footer{padding-bottom:154px!important} .site-v58 .lightbox-v58{padding:62px 14px 70px} .site-v58 .lightbox-stage-v58{width:100%;height:72vh;border-radius:12px} .site-v58 .lightbox-nav-v58{top:auto;bottom:16px;width:44px;height:44px}.site-v58 .lightbox-nav-v58.prev{left:16px}.site-v58 .lightbox-nav-v58.next{right:16px} .site-v58 .lightbox-v58>p{bottom:22px;max-width:58vw;font-size:11px} .site-v58 .lightbox-toolbar-v58{left:12px;right:12px;top:10px} } @media(max-width:620px){ .site-v58.mobile-gallery-cols-2.gallery-grid .gallery-open{min-height:0!important} .site-v58 .sticky-cta-v58{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important} .site-v58 .sticky-cta-v58 a{padding:10px 6px!important;font-size:11px!important} } /* Cards use their own contrast target when custom surfaces differ from the page. */ .site-v58.auto-contrast :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details,.stats-wall article) :is(h2,h3,h4,strong){color:var(--card-heading,var(--v58-heading))!important} .site-v58.auto-contrast :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details,.stats-wall article) p{color:var(--card-body,var(--v58-body))!important} .site-v58.auto-contrast .section-v3.bg-image :is(.section-heading,.about-copy,.contact-copy){text-shadow:0 1px 18px rgba(0,0,0,.16)} .site-v58.auto-contrast .site-nav.header-style-transparent:not(.scrolled),.site-v58.auto-contrast .site-nav.header-style-minimal:not(.scrolled){text-shadow:0 1px 14px rgba(0,0,0,.32)} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v60.css */ /* Snap Profile v6.0 — Unified Design Studio public renderer */ .site-v60{--card-pro-radius:16px} /* Transparent means transparent: no lower border, no shadow and no hidden line from nav-shell. */ .site-v60 .site-nav.header-style-transparent:not(.scrolled), .site-v60 .site-nav.header-style-transparent:not(.scrolled) .nav-shell{border:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important} .site-v60 .site-nav.header-style-transparent:not(.scrolled){background:linear-gradient(180deg,rgba(0,0,0,.22),transparent)!important} .site-v60 .site-nav.header-style-transparent.scrolled{border-bottom:1px solid var(--site-border)!important} /* Additional header systems. */ .site-v60 .site-nav.header-style-glass{top:10px;background:transparent!important;border:0!important;box-shadow:none!important} .site-v60 .header-style-glass .nav-shell{height:68px;padding-inline:18px;border:1px solid color-mix(in srgb,var(--site-border) 68%,transparent);border-radius:16px;background:color-mix(in srgb,var(--header-bg) 76%,transparent);color:var(--header-text);backdrop-filter:blur(22px) saturate(1.12);box-shadow:0 12px 32px rgba(16,24,40,.07)} .site-v60 .header-style-glass .nav-cta{background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important} .site-v60 .site-nav.header-style-corporate{top:0;background:var(--header-bg)!important;color:var(--header-text)!important;border:0!important;border-bottom:1px solid var(--site-border)!important;box-shadow:none!important} .site-v60 .header-style-corporate .nav-shell{height:74px}.site-v60 .header-style-corporate .desktop-nav{gap:24px}.site-v60 .header-style-corporate .nav-cta{border-radius:8px!important;background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important} .site-v60 .site-nav.header-style-compact{top:0;background:color-mix(in srgb,var(--header-bg) 96%,transparent)!important;color:var(--header-text)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--site-border) 75%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(14px)} .site-v60 .header-style-compact .nav-shell{height:58px}.site-v60 .header-style-compact .brand-mark img{width:38px;height:38px}.site-v60 .header-style-compact .desktop-nav a{font-size:.85rem}.site-v60 .header-style-compact .nav-cta{min-height:38px;padding-inline:15px;background:var(--header-cta-bg)!important;color:var(--header-cta-text)!important} /* 30 curated background presets. They override the canvas, not per-section custom backgrounds. */ .site-v60.art-pure-white{--site-bg:#fff;--site-bg-alt:#f8fafc;--card-bg:#fff;--site-border:#e7eaee} .site-v60.art-soft-gray{--site-bg:#f5f6f8;--site-bg-alt:#eceff3;--card-bg:#fff;--site-border:#dfe3e8} .site-v60.art-warm-ivory{--site-bg:#faf7f1;--site-bg-alt:#f1eadf;--card-bg:#fffdf9;--site-border:#e4d9c9} .site-v60.art-ice-white{--site-bg:#f6fbff;--site-bg-alt:#ecf5fb;--card-bg:#fff;--site-border:#dbe8f0} .site-v60.art-beige-light{--site-bg:#f1ece4;--site-bg-alt:#e8e0d5;--card-bg:#faf7f2;--site-border:#d8cfc2} .site-v60.art-gradient-blue .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image),.site-v60.art-gradient-lavender .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image),.site-v60.art-gradient-peach .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image),.site-v60.art-gradient-indigo .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image),.site-v60.art-gradient-teal .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background-attachment:fixed!important} .site-v60.art-gradient-blue .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(135deg,#f6fbff,#e6f2ff 56%,#f7f7ff)!important}.site-v60.art-gradient-blue{--card-bg:#fff;--site-border:#d9e6f2} .site-v60.art-gradient-lavender .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(135deg,#fbfaff,#efedff 52%,#fff9fc)!important}.site-v60.art-gradient-lavender{--card-bg:#fff;--site-border:#e1def2} .site-v60.art-gradient-peach .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(135deg,#fffaf6,#ffefe5 56%,#fff7f3)!important}.site-v60.art-gradient-peach{--card-bg:#fffdfb;--site-border:#eddcd0} .site-v60.art-gradient-indigo .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(135deg,#f5f7ff,#e3e9ff 54%,#eef1ff)!important}.site-v60.art-gradient-indigo{--card-bg:#fff;--site-border:#d7def3} .site-v60.art-gradient-teal .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(135deg,#f5fcfa,#e3f5ef 52%,#f3fbfd)!important}.site-v60.art-gradient-teal{--card-bg:#fff;--site-border:#d5e9e3} .site-v60.art-mesh-blue,.site-v60.art-mesh-purple,.site-v60.art-mesh-rose,.site-v60.art-mesh-gold,.site-v60.art-mesh-emerald{--card-bg:rgba(255,255,255,.92)} .site-v60.art-mesh-blue .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:radial-gradient(circle at 14% 16%,rgba(86,156,255,.18),transparent 31%),radial-gradient(circle at 83% 74%,rgba(128,104,255,.12),transparent 30%),#f8fbff!important} .site-v60.art-mesh-purple .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:radial-gradient(circle at 16% 18%,rgba(126,92,255,.17),transparent 32%),radial-gradient(circle at 82% 76%,rgba(235,107,156,.12),transparent 31%),#fbfaff!important} .site-v60.art-mesh-rose .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:radial-gradient(circle at 15% 18%,rgba(231,94,137,.14),transparent 32%),radial-gradient(circle at 82% 76%,rgba(243,161,98,.12),transparent 31%),#fffafa!important} .site-v60.art-mesh-gold .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:radial-gradient(circle at 15% 18%,rgba(190,145,63,.15),transparent 32%),radial-gradient(circle at 82% 76%,rgba(146,107,72,.10),transparent 31%),#fffdf8!important} .site-v60.art-mesh-emerald .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:radial-gradient(circle at 15% 18%,rgba(54,151,109,.15),transparent 32%),radial-gradient(circle at 82% 76%,rgba(60,135,157,.11),transparent 31%),#f8fcfa!important} .site-v60:is(.art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave) .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){isolation:isolate;overflow:hidden;background:var(--site-bg,#fbfbfc)!important} .site-v60:is(.art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave) .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image)::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.55}.site-v60:is(.art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave) .section-v3>.section-shell{position:relative;z-index:1} .site-v60.art-pattern-grid{--site-bg:#fbfbfc;--site-bg-alt:#f7f8fa;--card-bg:#fff}.site-v60.art-pattern-grid .section-v3::after{background-image:linear-gradient(rgba(71,84,103,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(71,84,103,.07) 1px,transparent 1px);background-size:42px 42px} .site-v60.art-pattern-paper{--site-bg:#faf7f1;--site-bg-alt:#f3ede4;--card-bg:#fffdf9}.site-v60.art-pattern-paper .section-v3::after{background-image:repeating-linear-gradient(7deg,rgba(78,61,44,.035) 0 1px,transparent 1px 8px)} .site-v60.art-pattern-grain{--site-bg:#f9f9f7;--site-bg-alt:#f2f2ef;--card-bg:#fff}.site-v60.art-pattern-grain .section-v3::after{background-image:radial-gradient(rgba(16,24,40,.18) .45px,transparent .6px);background-size:5px 5px;opacity:.09!important} .site-v60.art-pattern-dots{--site-bg:#fbfbfc;--site-bg-alt:#f5f6f8;--card-bg:#fff}.site-v60.art-pattern-dots .section-v3::after{background-image:radial-gradient(rgba(102,112,133,.22) .8px,transparent 1px);background-size:20px 20px;opacity:.28!important} .site-v60.art-pattern-wave{--site-bg:#fbfcff;--site-bg-alt:#f6f8fc;--card-bg:#fff}.site-v60.art-pattern-wave .section-v3::after{background-image:radial-gradient(70% 40% at 10% 20%,transparent 56%,rgba(71,84,103,.055) 57% 59%,transparent 60%),radial-gradient(70% 40% at 90% 70%,transparent 56%,rgba(71,84,103,.05) 57% 59%,transparent 60%);opacity:.8!important} .site-v60.art-dark-navy{--site-bg:#101828;--site-bg-alt:#182230;--card-bg:#1d2939;--site-border:#344054} .site-v60.art-charcoal{--site-bg:#24272c;--site-bg-alt:#2d3137;--card-bg:#30343a;--site-border:#464b53} .site-v60.art-soft-black{--site-bg:#101114;--site-bg-alt:#17191d;--card-bg:#1c1e23;--site-border:#30343a} .site-v60.art-deep-indigo{--site-bg:#171735;--site-bg-alt:#20204a;--card-bg:#262655;--site-border:#3e3e6d} .site-v60.art-dark-emerald{--site-bg:#0e2922;--site-bg-alt:#15372f;--card-bg:#1a4036;--site-border:#31594e} .site-v60.auto-contrast:is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald,.art-premium-black-gold){--ink:#f8fafc;--muted:#cbd5e1} .site-v60.auto-contrast.art-premium-black-gold{--ink:#f8f1e6;--muted:#c9beae} .site-v60:is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald) .section-v3:not(.bg-brand):not(.bg-custom):not(.bg-image){background:var(--site-bg)!important;color:var(--muted)!important}.site-v60:is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald) .section-v3:nth-of-type(even):not(.bg-brand):not(.bg-custom):not(.bg-image){background:var(--site-bg-alt)!important}.site-v60:is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald) :is(h1,h2,h3,h4,strong){color:var(--ink)} .site-v60.art-luxury-cream-gold{--site-bg:#fbf7ef;--site-bg-alt:#f1e7d6;--card-bg:#fffdf9;--site-border:#dfd0b7;--accent:#a47a45}.site-v60.art-stone-beige{--site-bg:#eeeae4;--site-bg-alt:#e4ddd4;--card-bg:#f8f5f1;--site-border:#d2c9be}.site-v60.art-warm-marble{--site-bg:#f5eee7;--site-bg-alt:#e9ddd1;--card-bg:#fffaf5;--site-border:#d9c7b7}.site-v60.art-premium-black-gold{--site-bg:#10100f;--site-bg-alt:#181714;--card-bg:#1e1c18;--site-border:#4b412f;--accent:#c9a66b}.site-v60.art-soft-bronze{--site-bg:#e9d8c6;--site-bg-alt:#dfc8b1;--card-bg:#f7ede4;--site-border:#c8ab8e;--accent:#9b6744} .site-v60.art-warm-marble .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-custom):not(.bg-image){background:linear-gradient(125deg,var(--site-bg) 0 35%,#eadfd4 36% 38%,#fbf7f2 39% 68%,#e1d3c6 69% 71%,var(--site-bg) 72%)!important;background-size:180% 180%!important} .site-v60.art-premium-black-gold .section-v3:not(.bg-brand):not(.bg-custom):not(.bg-image){background:linear-gradient(145deg,#10100f,#171510 68%,#1d1912)!important;color:var(--muted)!important}.site-v60.art-premium-black-gold :is(h1,h2,h3,h4,strong){color:var(--ink)!important} /* Professional card engine. */ .site-v60 :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease} .site-v60.card-style-clean-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:var(--card-bg)!important;border:1px solid var(--site-border)!important;border-radius:14px!important;box-shadow:none!important} .site-v60.card-style-elevated-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:var(--card-bg)!important;border:1px solid color-mix(in srgb,var(--site-border) 65%,transparent)!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(16,24,40,.08)!important}.site-v60.card-style-elevated-pro :is(.service-card,.product-card,.review-card,.team-card):hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,24,40,.11)!important} .site-v60.card-style-outline-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:transparent!important;border:1.5px solid color-mix(in srgb,var(--site-border) 80%,var(--ink) 20%)!important;border-radius:12px!important;box-shadow:none!important} .site-v60.card-style-glass-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:color-mix(in srgb,var(--card-bg) 72%,transparent)!important;border:1px solid color-mix(in srgb,#fff 72%,var(--site-border))!important;border-radius:18px!important;backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(16,24,40,.07)!important} .site-v60.card-style-luxury-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:var(--card-bg)!important;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--site-border))!important;border-radius:5px!important;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 7%,transparent)!important}.site-v60.card-style-luxury-pro :is(.service-card,.product-card,.review-card,.team-card):before{border-radius:4px!important} .site-v60.card-style-media-pro :is(.product-card,.team-card,.certificate-card,.review-card,.service-card){overflow:hidden;background:var(--card-bg)!important;border:1px solid var(--site-border)!important;border-radius:16px!important;box-shadow:none!important}.site-v60.card-style-media-pro :is(.product-card,.team-card,.service-card):hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--site-border))!important;transform:translateY(-2px)} .site-v60.card-style-compact-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){padding:clamp(14px,1.6vw,22px)!important;border-radius:12px!important;box-shadow:none!important;border:1px solid var(--site-border)!important;background:var(--card-bg)!important} .site-v60.card-style-bento-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:var(--card-bg)!important;border:1px solid color-mix(in srgb,var(--brand) 11%,var(--site-border))!important;border-radius:22px!important;box-shadow:0 10px 32px rgba(16,24,40,.055)!important}.site-v60.card-style-bento-pro :is(.service-card,.product-card,.review-card,.team-card):nth-child(3n+1){border-radius:22px 22px 8px 22px!important} .site-v60.card-style-editorial-pro :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.faq-v3 details){background:transparent!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent)!important;border-radius:0!important;box-shadow:none!important;padding-inline:0!important} .site-v60.card-style-minimal-hover :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;box-shadow:none!important}.site-v60.card-style-minimal-hover :is(.service-card,.product-card,.review-card,.team-card):hover{background:var(--card-bg)!important;border-color:var(--site-border)!important;transform:translateY(-2px)} /* New section compositions use the same content but a much calmer 2026 visual language. */ .site-v60 .section-v3.section-style-studio-clean>.section-shell{padding-block:4px}.site-v60 .section-v3.section-style-studio-clean .section-heading{padding-bottom:22px;border-bottom:1px solid var(--site-border);margin-bottom:34px}.site-v60 .section-v3.section-style-studio-clean .section-heading h2{max-width:760px} .site-v60 .section-v3.section-style-studio-split .section-heading{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);gap:clamp(22px,5vw,70px);align-items:end;padding-bottom:28px;border-bottom:1px solid var(--site-border)}.site-v60 .section-v3.section-style-studio-split .section-heading h2{max-width:800px} .site-v60 .section-v3.section-style-studio-frame>.section-shell{padding:clamp(24px,3vw,42px);border:1px solid var(--site-border);border-radius:18px;background:color-mix(in srgb,var(--card-bg) 86%,transparent);box-shadow:0 8px 28px rgba(16,24,40,.045)} .site-v60 .section-v3.section-style-studio-band{border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.site-v60 .section-v3.section-style-studio-band .section-heading{grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);gap:30px}.site-v60 .section-v3.section-style-studio-band .section-heading h2{max-width:820px} .site-v60 .section-v3.section-style-studio-focus .section-heading{display:block;max-width:860px;margin-inline:auto;text-align:center}.site-v60 .section-v3.section-style-studio-focus .section-heading>div{justify-content:center}.site-v60 .section-v3.section-style-studio-focus .section-heading p{margin-inline:auto;max-width:650px}.site-v60 .section-v3.section-style-studio-focus :is(.reviews-v3,.faq-v3,.form-layout){max-width:980px;margin-inline:auto} .site-v60 .section-v3.section-style-studio-showcase>.section-shell{width:min(1560px,calc(100vw - 44px))}.site-v60 .section-v3.section-style-studio-showcase .section-heading{max-width:980px}.site-v60 .section-v3.section-style-studio-showcase :is(.gallery-v3,.catalog-v3,.team-v3){gap:12px} @media(max-width:760px){.site-v60 .section-v3.section-style-studio-split .section-heading,.site-v60 .section-v3.section-style-studio-band .section-heading{grid-template-columns:1fr;gap:12px}.site-v60 .section-v3.section-style-studio-frame>.section-shell{padding:20px;border-radius:14px}.site-v60 .site-nav.header-style-glass{top:6px}.site-v60 .header-style-glass .nav-shell{height:58px;border-radius:13px}.site-v60 .site-nav.header-style-compact .nav-shell{height:54px}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v61.css */ .carousel-style-cinematic .carousel-shade{background:linear-gradient(90deg,rgba(5,10,22,.72) 0%,rgba(5,10,22,.46) 46%,rgba(5,10,22,.10) 82%)!important}.carousel-style-cinematic .carousel-slide-shell{max-width:1240px!important;align-items:center!important}.carousel-style-cinematic .carousel-copy{max-width:720px!important}.carousel-style-cinematic .carousel-copy h1{font-size:clamp(2.2rem,3.7vw,4rem)!important;line-height:1.08!important}.carousel-style-cinematic .carousel-primary{box-shadow:0 14px 34px rgba(0,0,0,.16)} /* Snap Profile v6.1 — Visual Builder Pro */ .site-v61{--v61-radius:18px}.site-v61 .studio-selectable{position:relative}.site-v61.is-preview .studio-selectable:hover{outline:2px solid rgba(37,99,235,.65);outline-offset:-2px;cursor:crosshair}.site-v61.is-preview .studio-dragging{opacity:.45} /* Carousel compositions */ .hero-carousel-v39.carousel-height-compact{min-height:520px;height:64vh}.hero-carousel-v39.carousel-height-balanced{min-height:620px;height:76vh}.hero-carousel-v39.carousel-height-tall{min-height:700px;height:88vh}.hero-carousel-v39.carousel-height-viewport{min-height:720px;height:100svh} .carousel-style-minimal .carousel-slide-shell{max-width:980px!important;margin:auto!important;justify-content:center!important;text-align:center!important}.carousel-style-minimal .carousel-copy{max-width:760px!important;margin:auto!important}.carousel-style-minimal .signature-proof-panel,.carousel-style-minimal .maison-rail,.carousel-style-minimal .maison-signature,.carousel-style-minimal .editorial-folio,.carousel-style-minimal .editorial-caption,.carousel-style-minimal .local-action-card{display:none!important}.carousel-style-minimal .carousel-shade{background:linear-gradient(180deg,rgba(8,15,28,.36),rgba(8,15,28,.6))!important} .carousel-style-split .carousel-slide-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr)!important;gap:5vw!important;align-items:center!important}.carousel-style-split .carousel-copy{max-width:680px!important}.carousel-style-split .signature-proof-panel,.carousel-style-split .local-action-card,.carousel-style-split .maison-signature,.carousel-style-split .editorial-caption{display:grid!important;align-self:center!important;max-width:360px!important;background:rgba(255,255,255,.92)!important;color:#111827!important;padding:28px!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)} .carousel-style-editorial .carousel-slide-shell{max-width:1280px!important;align-items:end!important;padding-bottom:9vh!important}.carousel-style-editorial .carousel-copy{max-width:820px!important;border-top:1px solid rgba(255,255,255,.55);padding-top:24px}.carousel-style-editorial .carousel-copy h1{font-weight:600!important;letter-spacing:-.035em!important}.carousel-style-editorial .carousel-counter{font-family:serif;font-size:14px!important;letter-spacing:.12em} .carousel-style-glass-card .carousel-slide-shell{align-items:center!important}.carousel-style-glass-card .carousel-copy{background:rgba(13,22,38,.52)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:28px!important;padding:34px!important;backdrop-filter:blur(22px) saturate(130%);box-shadow:0 28px 80px rgba(0,0,0,.2)}.carousel-style-glass-card .carousel-shade{background:linear-gradient(90deg,rgba(7,12,24,.2),rgba(7,12,24,.42))!important} .carousel-style-spotlight .carousel-slide>img{width:64%!important;right:auto!important;left:0!important;object-position:center!important}.lang-en.carousel-style-spotlight .carousel-slide>img{left:auto!important;right:0!important}.carousel-style-spotlight .carousel-shade{background:linear-gradient(90deg,var(--site-bg,#fff) 0 38%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.08) 78%)!important}.carousel-style-spotlight .carousel-copy{color:var(--heading,#101828)!important;max-width:520px!important}.carousel-style-spotlight .carousel-copy p,.carousel-style-spotlight .carousel-eyebrow{color:var(--body,#667085)!important}.carousel-style-spotlight .carousel-secondary{color:var(--heading,#101828)!important} .carousel-style-framed{padding:28px;background:var(--site-bg,#f8fafc)!important}.carousel-style-framed .carousel-stage{overflow:hidden;border-radius:32px;box-shadow:0 28px 80px rgba(16,24,40,.12)}.carousel-style-framed .carousel-arrows{inset-inline:48px!important}.carousel-style-framed .carousel-dots{bottom:46px!important} .carousel-style-immersive .carousel-slide>img{transform:scale(1.04)}.carousel-style-immersive .carousel-shade{background:radial-gradient(circle at 70% 40%,transparent 0 18%,rgba(5,9,18,.72) 72%)!important}.carousel-style-immersive .carousel-copy{max-width:900px!important}.carousel-style-immersive .carousel-copy h1{font-size:clamp(2.35rem,4.2vw,4.6rem)!important;max-width:12ch} .carousel-transition-slide .carousel-slide{transform:translateX(7%);opacity:0}.carousel-transition-slide .carousel-slide.is-active{transform:none;opacity:1}.carousel-transition-zoom .carousel-slide{opacity:0}.carousel-transition-zoom .carousel-slide>img{transform:scale(1.12);transition:transform 1s ease}.carousel-transition-zoom .carousel-slide.is-active{opacity:1}.carousel-transition-zoom .carousel-slide.is-active>img{transform:scale(1)}.carousel-transition-reveal .carousel-slide{clip-path:inset(0 0 0 100%);opacity:1}.carousel-transition-reveal .carousel-slide.is-active{clip-path:inset(0);transition:clip-path .85s cubic-bezier(.2,.8,.2,1)} /* Premium card engine */ .site-v61 :is(.section-services,.section-catalog,.section-team,.section-certificates,.section-conversion,.section-reviews,.section-faq) :is(article,details){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} .site-v61.card-style-soft-depth :is(.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.reviews-local-v54 article,.faq-v3 details),.site-v61 .section-card-soft-depth :is(article,details){background:linear-gradient(180deg,var(--card-bg,#fff),color-mix(in srgb,var(--card-bg,#fff) 94%,var(--primary,#2563eb)))!important;border:1px solid color-mix(in srgb,var(--border,#e4e7ec) 75%,transparent)!important;box-shadow:0 18px 45px rgba(16,24,40,.08)!important;border-radius:22px!important} .site-v61.card-style-accent-edge :is(.service-conversion-card,.product-card,.team-card,.certificate-card,.conversion-card),.site-v61 .section-card-accent-edge article{border:1px solid var(--border,#e4e7ec)!important;border-inline-start:4px solid var(--accent,#7c3aed)!important;border-radius:16px!important;box-shadow:none!important} .site-v61.card-style-mono-luxe :is(.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card),.site-v61 .section-card-mono-luxe article{border:0!important;border-top:1px solid color-mix(in srgb,var(--heading,#101828) 22%,transparent)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding-inline:0!important} .site-v61.card-style-floating-surface :is(.service-conversion-card,.product-card,.team-card,.certificate-card,.conversion-card),.site-v61 .section-card-floating-surface article{border:0!important;border-radius:26px!important;background:var(--card-bg,#fff)!important;box-shadow:0 20px 50px rgba(16,24,40,.1)!important}.site-v61.card-style-floating-surface :is(.service-conversion-card,.product-card,.team-card,.certificate-card,.conversion-card):hover{transform:translateY(-5px);box-shadow:0 28px 62px rgba(16,24,40,.14)!important} /* v6.1 premium card variants: every Studio choice has a public renderer */ .site-v61.card-style-split-media :is(.service-card,.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.reviews-local-v54 article,.reviews-maison-v54 article), .site-v61 .section-card-split-media :is(article,.service-card,.product-card,.team-card,.certificate-card){ position:relative;overflow:hidden!important;background:var(--card-bg,#fff)!important; border:1px solid color-mix(in srgb,var(--border,#e4e7ec) 82%,transparent)!important; border-radius:22px!important;box-shadow:0 14px 36px rgba(16,24,40,.07)!important; padding-inline-start:clamp(22px,2.5vw,34px)!important; } .site-v61.card-style-split-media :is(.service-card,.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.reviews-local-v54 article,.reviews-maison-v54 article)::before, .site-v61 .section-card-split-media :is(article,.service-card,.product-card,.team-card,.certificate-card)::before{ content:"";position:absolute;inset-block:0;inset-inline-start:0;width:8px; background:linear-gradient(180deg,var(--primary,#2563eb),var(--accent,#7c3aed)); } .site-v61.card-style-split-media :is(.product-card,.team-card,.certificate-card) img, .site-v61 .section-card-split-media :is(.product-card,.team-card,.certificate-card) img{ border-radius:16px!important;box-shadow:none!important; } .site-v61.card-style-split-media :is(.service-card,.product-card,.team-card,.certificate-card,.conversion-card):hover, .site-v61 .section-card-split-media :is(article,.service-card,.product-card,.team-card,.certificate-card):hover{ transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent,#7c3aed) 32%,var(--border,#e4e7ec))!important; box-shadow:0 20px 46px rgba(16,24,40,.10)!important; } .site-v61.card-style-shadow-line :is(.service-card,.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.reviews-local-v54 article,.reviews-maison-v54 article,.faq-v3 details,.form-v3,.booking-card), .site-v61 .section-card-shadow-line :is(article,details,.service-card,.product-card,.team-card,.certificate-card,.form-v3,.booking-card){ position:relative;background:var(--card-bg,#fff)!important;border:1px solid color-mix(in srgb,var(--border,#e4e7ec) 72%,transparent)!important; border-radius:18px!important;box-shadow:0 2px 0 color-mix(in srgb,var(--heading,#101828) 10%,transparent),0 12px 28px rgba(16,24,40,.045)!important; } .site-v61.card-style-shadow-line :is(.service-card,.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.reviews-local-v54 article,.reviews-maison-v54 article)::after, .site-v61 .section-card-shadow-line :is(article,.service-card,.product-card,.team-card,.certificate-card)::after{ content:"";position:absolute;inset-inline:20px;bottom:-1px;height:2px;border-radius:999px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent,#7c3aed) 58%,transparent),transparent);opacity:.62; } .site-v61.card-style-shadow-line :is(.service-card,.product-card,.team-card,.certificate-card,.conversion-card):hover, .site-v61 .section-card-shadow-line :is(article,.service-card,.product-card,.team-card,.certificate-card):hover{ transform:translateY(-2px);box-shadow:0 3px 0 color-mix(in srgb,var(--heading,#101828) 12%,transparent),0 18px 38px rgba(16,24,40,.065)!important; } /* Section compositions */ .section-style-premium-grid :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.section-style-premium-grid :is(article){height:100%;border-radius:22px!important} .section-style-luxe-split>.section-shell,.section-style-luxe-split .section-shell{display:grid!important;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)!important;gap:clamp(28px,6vw,90px)!important;align-items:start}.section-style-luxe-split .section-heading{position:sticky;top:110px;display:block!important}.section-style-luxe-split .section-heading h2{max-width:11ch}.section-style-luxe-split :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.faq-v3,.contact-grid,.catalog-v3){grid-column:2!important;width:100%!important} .section-style-media-ledger :is(.service-ledger-row,.service-editorial-row,article){display:grid!important;grid-template-columns:72px minmax(180px,.7fr) minmax(240px,1.2fr) 36px!important;gap:20px!important;align-items:center!important;border-bottom:1px solid var(--border,#e4e7ec)!important;border-radius:0!important;padding:22px 0!important;background:transparent!important;box-shadow:none!important} .section-style-floating-panels :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid,.reviews-local-v54,.reviews-maison-v54){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.section-style-floating-panels :is(article,details){border:0!important;border-radius:28px!important;background:var(--card-bg,#fff)!important;box-shadow:0 24px 60px rgba(16,24,40,.1)!important} .section-style-mono-editorial .section-heading{display:grid!important;grid-template-columns:180px 1fr!important;align-items:start!important;border-bottom:1px solid var(--heading,#101828)!important;padding-bottom:24px!important}.section-style-mono-editorial :is(article,details){border-radius:0!important;box-shadow:none!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border,#e4e7ec)!important} .section-style-borderless :is(article,details){border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}.section-style-borderless .section-heading{border-bottom:1px solid var(--border,#e4e7ec)!important;padding-bottom:20px} .section-style-spotlight-media :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:1.7fr .65fr .65fr!important;grid-auto-rows:220px!important;gap:14px!important}.section-style-spotlight-media .gallery-item:first-child{grid-row:span 2!important}.section-style-spotlight-media .gallery-item:first-child img{min-height:454px!important} .section-style-mosaic-premium :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:repeat(12,1fr)!important;grid-auto-rows:90px!important;gap:12px!important}.section-style-mosaic-premium .gallery-item{grid-column:span 4;grid-row:span 3}.section-style-mosaic-premium .gallery-item:nth-child(4n+1){grid-column:span 7;grid-row:span 5}.section-style-mosaic-premium .gallery-item:nth-child(4n+2){grid-column:span 5;grid-row:span 3} .section-style-stacked-premium :is(.reviews-signature-v54,.reviews-maison-v54,.reviews-editorial-v54,.reviews-local-v54){display:grid!important;max-width:900px;margin-inline:auto!important}.section-style-stacked-premium article{margin-top:-1px!important;border-radius:0!important;border-inline:0!important;padding:28px 0!important;box-shadow:none!important} .section-style-ribbon .section-shell{position:relative}.section-style-ribbon .section-heading{padding:18px 24px!important;background:var(--primary,#2563eb)!important;color:#fff!important;border-radius:18px!important}.section-style-ribbon .section-heading :is(h2,p,span){color:#fff!important} .section-style-showcase-dark{background:var(--dark-bg,#101828)!important}.section-style-showcase-dark :is(.section-heading h2,.section-heading p,.section-heading span,h3,strong,blockquote){color:#fff!important}.section-style-showcase-dark :is(p,small){color:#cbd5e1!important}.section-style-showcase-dark :is(article,details){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important} .section-style-airy-editorial{padding-block:clamp(90px,11vw,160px)!important}.section-style-airy-editorial .section-heading{max-width:900px;margin-bottom:64px!important}.section-style-airy-editorial .section-heading h2{max-width:14ch} .section-style-numbered-list :is(.service-ledger-v54,.service-editorial-v54,.service-conversion-v54){display:grid!important;gap:0!important}.section-style-numbered-list article{position:relative;border:0!important;border-bottom:1px solid var(--border,#e4e7ec)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:26px 0!important} .section-style-asymmetric-split .section-shell{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:8vw!important}.section-style-asymmetric-split .section-heading{grid-column:1}.section-style-asymmetric-split :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.catalog-v3,.faq-v3,.contact-grid,.conversion-grid){grid-column:2!important} .section-style-premium-timeline :is(.about-copy,.faq-v3,.service-ledger-v54,.service-editorial-v54){border-inline-start:2px solid var(--border,#e4e7ec)!important;padding-inline-start:30px!important}.section-style-premium-timeline :is(article,details){position:relative}.section-style-premium-timeline :is(article,details)::before{content:'';position:absolute;inset-inline-start:-37px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--accent,#7c3aed);box-shadow:0 0 0 5px var(--site-bg,#fff)} .section-style-signature-cards :is(article){border-radius:24px!important;border:1px solid color-mix(in srgb,var(--accent,#7c3aed) 28%,var(--border,#e4e7ec))!important;background:linear-gradient(145deg,var(--card-bg,#fff),color-mix(in srgb,var(--accent,#7c3aed) 4%,var(--card-bg,#fff)))!important;box-shadow:0 14px 40px rgba(16,24,40,.07)!important} .section-style-soft-showcase{background:color-mix(in srgb,var(--primary,#2563eb) 5%,var(--site-bg,#fff))!important}.section-style-soft-showcase .section-shell{border:1px solid color-mix(in srgb,var(--primary,#2563eb) 12%,var(--border,#e4e7ec));border-radius:32px;padding:clamp(28px,5vw,64px)!important;background:color-mix(in srgb,var(--card-bg,#fff) 88%,transparent)} .section-style-edge-to-edge .section-shell{max-width:none!important;width:100%!important;padding-inline:0!important}.section-style-edge-to-edge .section-heading{max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,5vw,70px)} .text-align-center{text-align:center}.text-align-end{text-align:end}.text-align-start{text-align:start}.columns-one :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:1fr!important}.columns-two :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}.columns-three :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}.columns-four :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important} @media(max-width:900px){.hero-carousel-v39.carousel-height-compact,.hero-carousel-v39.carousel-height-balanced,.hero-carousel-v39.carousel-height-tall,.hero-carousel-v39.carousel-height-viewport{min-height:620px;height:auto}.carousel-style-split .carousel-slide-shell,.section-style-luxe-split>.section-shell,.section-style-luxe-split .section-shell,.section-style-asymmetric-split .section-shell{grid-template-columns:1fr!important}.section-style-luxe-split .section-heading{position:static}.section-style-luxe-split :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.faq-v3,.contact-grid,.catalog-v3),.section-style-asymmetric-split :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.catalog-v3,.faq-v3,.contact-grid,.conversion-grid){grid-column:1!important}.section-style-premium-grid :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid),.section-style-floating-panels :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid,.reviews-local-v54,.reviews-maison-v54){grid-template-columns:1fr!important}.section-style-spotlight-media :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:1fr 1fr!important}.section-style-spotlight-media .gallery-item:first-child{grid-column:1/-1}.columns-three :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid),.columns-four :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){.carousel-style-framed{padding:10px}.carousel-style-framed .carousel-stage{border-radius:22px}.section-style-spotlight-media :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54),.section-style-mosaic-premium :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important}.section-style-mosaic-premium .gallery-item{grid-column:auto!important;grid-row:auto!important}.section-style-spotlight-media .gallery-item:first-child img{min-height:0!important}.columns-two :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid),.columns-three :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid),.columns-four :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){grid-template-columns:1fr!important}} /* v6.1 extended carousel compositions */ .carousel-style-diagonal .carousel-shade{background:linear-gradient(112deg,rgba(5,10,22,.82) 0 48%,rgba(5,10,22,.16) 49% 100%)!important}.carousel-style-diagonal .carousel-slide-shell{align-items:center!important;max-width:1280px!important}.carousel-style-diagonal .carousel-copy{max-width:560px!important;padding-inline-end:24px}.carousel-style-diagonal .carousel-copy h1{max-width:11ch}.carousel-style-card-stack{padding:34px;background:var(--site-bg,#f7f8fb)!important}.carousel-style-card-stack .carousel-stage{border-radius:32px;overflow:hidden;box-shadow:0 24px 70px rgba(16,24,40,.14)}.carousel-style-card-stack .carousel-copy{background:color-mix(in srgb,var(--card-bg,#fff) 94%,transparent)!important;color:var(--heading,#101828)!important;padding:30px 32px!important;border-radius:26px!important;max-width:560px!important;box-shadow:0 22px 65px rgba(16,24,40,.18)}.carousel-style-card-stack .carousel-copy p,.carousel-style-card-stack .carousel-eyebrow{color:var(--body,#667085)!important}.carousel-style-edge-copy .carousel-slide-shell{align-items:flex-end!important;padding-bottom:7vh!important}.carousel-style-edge-copy .carousel-copy{max-width:960px!important;padding-inline-start:clamp(0px,7vw,90px)!important;border-inline-start:3px solid var(--accent,#7c3aed)!important}.carousel-style-edge-copy .carousel-shade{background:linear-gradient(0deg,rgba(5,9,18,.8),rgba(5,9,18,.08) 72%)!important}.carousel-style-magazine-cover .carousel-slide-shell{align-items:end!important;justify-content:start!important;padding-bottom:8vh!important}.carousel-style-magazine-cover .carousel-copy{max-width:780px!important;background:rgba(250,250,248,.94)!important;color:#111827!important;padding:34px 38px!important;border-radius:2px!important;box-shadow:18px 18px 0 rgba(255,255,255,.18)}.carousel-style-magazine-cover .carousel-copy p,.carousel-style-magazine-cover .carousel-eyebrow{color:#5f6368!important}.carousel-style-magazine-cover .carousel-copy h1{font-family:var(--heading-font,inherit);font-weight:600!important;letter-spacing:-.03em!important} /* v6.1 premium section compositions */ .section-style-luxury-tiles :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid,.reviews-maison-v54,.reviews-local-v54){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.section-style-luxury-tiles :is(article,.product-card,.team-card,.certificate-card){background:var(--card-bg,#fff)!important;border:1px solid color-mix(in srgb,var(--border,#e4e7ec) 80%,transparent)!important;border-radius:26px!important;box-shadow:none!important;padding:28px!important;transition:transform .28s ease,border-color .28s ease}.section-style-luxury-tiles :is(article,.product-card,.team-card,.certificate-card):hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent,#c79a45) 45%,var(--border,#e4e7ec))!important}.section-style-clean-ledger .section-heading{display:grid!important;grid-template-columns:minmax(180px,.34fr) 1fr!important;gap:40px!important;align-items:start!important;border-bottom:1px solid var(--border,#e4e7ec)!important;padding-bottom:28px!important}.section-style-clean-ledger :is(.service-ledger-v54,.service-editorial-v54,.hours-v3){border-top:0!important}.section-style-clean-ledger :is(.service-ledger-row,.service-editorial-row,.hours-v3 p){border-bottom:1px solid var(--border,#e4e7ec)!important;padding-block:24px!important}.section-style-soft-bento :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid){display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card){grid-column:span 4;background:color-mix(in srgb,var(--card-bg,#fff) 92%,var(--accent,#7c3aed) 8%)!important;border:0!important;border-radius:28px!important;padding:28px!important}.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card):nth-child(5n+1){grid-column:span 7}.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card):nth-child(5n+2){grid-column:span 5}.section-style-monochrome-grid{filter:saturate(.15)}.section-style-monochrome-grid :is(.gallery-item,.product-card,.team-card,.certificate-card,article){border-radius:0!important;border-color:rgba(17,24,39,.16)!important;box-shadow:none!important}.section-style-monochrome-grid img{filter:grayscale(1);transition:filter .35s ease,transform .35s ease}.section-style-monochrome-grid :is(.gallery-item,.product-card,article):hover img{filter:grayscale(.15);transform:scale(1.015)}.section-style-brand-ribbon{position:relative;overflow:hidden}.section-style-brand-ribbon:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:linear-gradient(180deg,var(--primary,#2563eb),var(--accent,#7c3aed));z-index:1}.section-style-brand-ribbon .section-heading{padding-inline-start:24px!important}.section-style-cinema-panel{background:var(--dark-bg,#0f172a)!important;color:#fff!important}.section-style-cinema-panel .section-heading h2,.section-style-cinema-panel :is(h3,strong){color:#fff!important}.section-style-cinema-panel .section-heading p,.section-style-cinema-panel :is(p,small,span){color:rgba(255,255,255,.72)}.section-style-cinema-panel :is(article,.product-card,.team-card,.certificate-card,.form-v3){background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important}.section-style-split-spotlight .section-shell{display:grid!important;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr)!important;gap:clamp(32px,6vw,88px)!important;align-items:start!important}.section-style-split-spotlight .section-heading{position:sticky;top:110px!important;display:block!important}.section-style-split-spotlight .section-heading h2{margin-top:18px!important}.section-style-split-spotlight .section-shell>:not(.section-heading){grid-column:2!important}.section-style-gallery-hero :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important}.section-style-gallery-hero .gallery-item{grid-column:span 4!important}.section-style-gallery-hero .gallery-item:first-child{grid-column:span 8!important;grid-row:span 2!important}.section-style-gallery-hero .gallery-item:nth-child(4n){grid-column:span 6!important}.section-style-gallery-hero .gallery-item img{width:100%;height:100%;min-height:240px;object-fit:cover!important}.section-style-gallery-hero .gallery-item:first-child img{min-height:520px} @media(max-width:900px){.carousel-style-diagonal .carousel-shade{background:linear-gradient(180deg,rgba(5,10,22,.18),rgba(5,10,22,.78))!important}.carousel-style-card-stack{padding:14px}.carousel-style-magazine-cover .carousel-copy{padding:26px!important;border-radius:18px!important;box-shadow:none}.section-style-luxury-tiles :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid,.reviews-maison-v54,.reviews-local-v54){grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card),.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card):nth-child(n){grid-column:span 6}.section-style-split-spotlight .section-shell{grid-template-columns:1fr!important}.section-style-split-spotlight .section-heading{position:static!important}.section-style-split-spotlight .section-shell>:not(.section-heading){grid-column:1!important}.section-style-gallery-hero .gallery-item,.section-style-gallery-hero .gallery-item:first-child,.section-style-gallery-hero .gallery-item:nth-child(4n){grid-column:span 6!important;grid-row:auto!important}.section-style-gallery-hero .gallery-item:first-child img{min-height:320px}} @media(max-width:600px){.section-style-luxury-tiles :is(.service-atelier-v54,.service-conversion-v54,.catalog-v3,.team-v3,.certificates-v3,.conversion-grid,.reviews-maison-v54,.reviews-local-v54){grid-template-columns:1fr!important}.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card),.section-style-soft-bento :is(article,.product-card,.team-card,.certificate-card):nth-child(n){grid-column:1/-1}.section-style-gallery-hero :is(.gallery-architectural-v54,.gallery-maison-v54,.gallery-editorial-v54,.gallery-local-v54){grid-template-columns:1fr!important}.section-style-gallery-hero .gallery-item,.section-style-gallery-hero .gallery-item:first-child,.section-style-gallery-hero .gallery-item:nth-child(4n){grid-column:1!important}.section-style-gallery-hero .gallery-item img,.section-style-gallery-hero .gallery-item:first-child img{min-height:0!important}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v62.css */ /* Snap Profile v6.2 — Public profile visual QA / premium polish */ .site-v62{--v62-shadow:0 16px 42px rgba(16,24,40,.075);--v62-shadow-hover:0 24px 58px rgba(16,24,40,.11)} .site-v62 :is(.section-heading,.section-head){max-width:760px;margin-inline:auto}.site-v62 :is(.section-heading,.section-head) h2{line-height:1.32!important;letter-spacing:-.025em!important}.site-v62 :is(.section-heading,.section-head) p{line-height:1.85!important}.site-v62 .section-shell{padding-inline:clamp(18px,3vw,34px)} .site-v62 :is(.service-card,.service-conversion-card,.service-atelier-card,.product-card,.team-card,.certificate-card,.conversion-card,.review-card,.reviews-local-v54 article,.reviews-maison-v54 article,.faq-v3 details,.form-v3,.booking-card){border-radius:clamp(16px,1.5vw,22px)!important}.site-v62 :is(.service-card,.product-card,.team-card,.certificate-card,.conversion-card):hover{transform:translateY(-3px)} .site-v62 :is(.product-card,.team-card,.certificate-card,.gallery-item) img{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease}.site-v62 :is(.product-card,.team-card,.certificate-card,.gallery-item):hover img{transform:scale(1.018)} .site-v62 .hero-carousel-v39 .carousel-copy h1{font-size:clamp(2rem,3.25vw,3.55rem)!important;line-height:1.15!important;letter-spacing:-.04em!important;max-width:13ch}.site-v62 .hero-carousel-v39 .carousel-copy p{max-width:650px;line-height:1.8!important}.site-v62 .hero-carousel-v39 :is(.carousel-primary,.carousel-secondary){min-height:46px;border-radius:12px!important;padding-inline:18px!important;font-weight:700!important}.site-v62.carousel-style-immersive .carousel-copy h1{font-size:clamp(2.15rem,3.6vw,3.85rem)!important}.site-v62.carousel-style-editorial .carousel-copy h1{max-width:16ch}.site-v62.carousel-style-minimal .carousel-copy h1{margin-inline:auto;max-width:15ch} .site-v62.carousel-style-card-stack .carousel-copy,.site-v62.carousel-style-magazine-cover .carousel-copy,.site-v62.carousel-style-glass-card .carousel-copy{box-shadow:0 24px 70px rgba(8,10,20,.20)!important}.site-v62.carousel-style-framed{padding:clamp(12px,2vw,24px)!important}.site-v62.carousel-style-framed .carousel-stage{border-radius:clamp(20px,2vw,30px)!important} .site-v62.header-style-transparent .profile-header:not(.is-scrolled),.site-v62.header-style-transparent .profile-nav:not(.is-scrolled){border-bottom:0!important;border-block-end:0!important;box-shadow:none!important;outline:0!important;background:transparent!important}.site-v62.header-style-transparent .profile-header:not(.is-scrolled):after,.site-v62.header-style-transparent .profile-nav:not(.is-scrolled):after{display:none!important} .site-v62.section-style-premium-grid :is(.service-card,.product-card,.team-card,.certificate-card),.site-v62 .section-style-premium-grid :is(article,.product-card,.team-card,.certificate-card){box-shadow:0 12px 34px rgba(16,24,40,.055)!important;border-color:color-mix(in srgb,var(--border,#e4e7ec) 80%,transparent)!important}.site-v62.section-style-premium-grid :is(.service-card,.product-card,.team-card,.certificate-card):hover,.site-v62 .section-style-premium-grid :is(article,.product-card,.team-card,.certificate-card):hover{box-shadow:var(--v62-shadow-hover)!important} .site-v62 .section-style-luxury-tiles :is(article,.service-card,.product-card,.team-card,.certificate-card){overflow:hidden}.site-v62 .section-style-luxury-tiles :is(article,.service-card,.product-card,.team-card,.certificate-card)::after{content:"";position:absolute;inset-inline:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent,#b28a4a),transparent);opacity:.45} .site-v62 .section-style-quiet-luxury :is(article,.service-card,.product-card,.team-card,.certificate-card){box-shadow:none!important;border-color:color-mix(in srgb,var(--heading,#101828) 16%,transparent)!important;background:color-mix(in srgb,var(--card-bg,#fff) 96%,transparent)!important}.site-v62 .section-style-quiet-luxury :is(h3,h4){font-weight:600!important} .site-v62 .section-style-soft-showcase :is(article,.service-card,.product-card,.team-card,.certificate-card){box-shadow:0 14px 40px rgba(16,24,40,.065)!important}.site-v62 .section-style-showcase-dark :is(h2,h3,h4){letter-spacing:-.02em!important} .site-v62 .gallery-item{overflow:hidden;border-radius:clamp(14px,1.6vw,22px)!important}.site-v62.gallery-ratio-square .gallery-item img{aspect-ratio:1/1}.site-v62.gallery-ratio-portrait .gallery-item img{aspect-ratio:4/5}.site-v62.gallery-ratio-landscape .gallery-item img{aspect-ratio:4/3}.site-v62.gallery-ratio-wide .gallery-item img{aspect-ratio:16/9} @media(max-width:760px){.site-v62 .hero-carousel-v39 .carousel-copy h1{font-size:clamp(1.85rem,8.4vw,2.65rem)!important;max-width:15ch}.site-v62 .hero-carousel-v39 .carousel-copy p{font-size:.9rem!important;line-height:1.75!important}.site-v62 .section-shell{padding-inline:16px}.site-v62 :is(.section-heading,.section-head){text-align:start}.site-v62 .hero-carousel-v39.carousel-height-viewport,.site-v62 .hero-carousel-v39.carousel-height-tall{min-height:620px;height:82svh}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v63.css */ /* Snap Profile v6.3 — final public-profile QA and studio-only empty states */ .site-v63{overflow-wrap:anywhere}.site-v63 img{max-width:100%}.site-v63 :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--brand,#7c3aed) 30%,transparent);outline-offset:3px}.site-v63 :is(button,.btn,a){-webkit-tap-highlight-color:transparent} .site-v63.header-style-transparent .site-nav:not(.scrolled),.site-v63.header-style-transparent .profile-header:not(.is-scrolled),.site-v63.header-style-transparent .profile-nav:not(.is-scrolled){border:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important;background:transparent!important} .site-v63.is-studio-preview .preview-ribbon{position:sticky;top:0;z-index:5000}.site-v63.is-studio-preview .studio-selectable{position:relative;cursor:pointer;transition:outline-color .18s ease,box-shadow .18s ease}.site-v63.is-studio-preview .studio-selectable:hover{outline:2px solid color-mix(in srgb,var(--brand,#7c3aed) 75%,#fff);outline-offset:-2px}.site-v63.is-studio-preview .studio-selectable.studio-fixed:hover:after{content:"موضع ثابت";position:absolute;z-index:60;top:10px;inset-inline-end:10px;padding:4px 8px;border-radius:999px;background:#101828;color:#fff;font:700 9px var(--body-font,sans-serif);pointer-events:none}.site-v63.is-studio-preview .studio-dragging{opacity:.55;outline:2px dashed var(--brand,#7c3aed)!important} .site-v63 .studio-empty-section{display:block!important;min-height:220px}.site-v63 .studio-empty-card{min-height:190px;display:flex;align-items:center;justify-content:center;gap:18px;padding:28px;border:1px dashed color-mix(in srgb,var(--brand,#7c3aed) 32%,var(--site-border,#e4e7ec));border-radius:22px;background:color-mix(in srgb,var(--card-bg,#fff) 88%,transparent);text-align:start}.site-v63 .studio-empty-card>span{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--brand,#7c3aed) 10%,#fff);color:var(--brand,#7c3aed);font-size:24px}.site-v63 .studio-empty-card small{color:var(--brand,#7c3aed);font-weight:700}.site-v63 .studio-empty-card h2{margin:5px 0 7px;font-size:clamp(1.25rem,2.5vw,2rem);color:var(--section-heading,var(--theme-heading,#101828))}.site-v63 .studio-empty-card p{max-width:620px;margin:0;color:var(--section-body,var(--theme-body,#667085));line-height:1.8} /* Footer design targets consume the same background/width/alignment tokens as regular sections. */ .site-v63 .footer-info.bg-soft{background:var(--site-bg-alt)!important}.site-v63 .footer-info.bg-brand{background:var(--brand)!important}.site-v63 .footer-info.bg-dark{background:var(--dark-bg)!important}.site-v63 .footer-info.bg-custom{background:var(--section-custom-bg)!important}.site-v63 .footer-info.bg-gradient{background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to))!important}.site-v63 .footer-info.gradient-type-radial.bg-gradient{background:radial-gradient(circle,var(--section-gradient-from),var(--section-gradient-to))!important}.site-v63 .footer-info.bg-image{background-image:linear-gradient(rgba(0,0,0,var(--section-overlay-opacity,.35)),rgba(0,0,0,var(--section-overlay-opacity,.35))),var(--section-bg-image)!important;background-size:cover!important;background-position:center!important}.site-v63 .footer-info.text-align-center{text-align:center}.site-v63 .footer-info.text-align-end{text-align:end}.site-v63 .footer-info.width-contained>.section-shell{width:min(1120px,calc(100% - 36px))}.site-v63 .footer-info.width-full>.section-shell{width:100%;max-width:none}.site-v63 .footer-info.spacing-compact{padding-block:32px}.site-v63 .footer-info.spacing-airy{padding-block:clamp(72px,8vw,118px)} @media(max-width:760px){.site-v63 .studio-empty-section{min-height:180px}.site-v63 .studio-empty-card{min-height:160px;padding:20px;gap:12px;border-radius:16px}.site-v63 .studio-empty-card>span{flex-basis:42px;height:42px;border-radius:13px}.site-v63 .studio-empty-card p{font-size:.86rem}.site-v63 .section-v3{scroll-margin-top:72px}.site-v63 :is(.btn,button,input,select){min-height:44px}} @media(prefers-reduced-motion:reduce){.site-v63 *{scroll-behavior:auto!important}.site-v63 :is(.reveal,.gallery-item img,.service-card,.product-card,.team-card,.certificate-card){transition-duration:.01ms!important;animation-duration:.01ms!important}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v64.css */ /* Snap Profile v6.4 — 20-theme light/dark library */ .site-v64{--v64-hairline:color-mix(in srgb,var(--site-border) 82%,transparent)} :is(.theme-alpine-executive,.theme-sage-atelier,.theme-pearl-rose,.theme-sandstone-editorial,.theme-mint-studio,.theme-sky-ledger,.theme-lavender-maison,.theme-terracotta-craft,.theme-champagne-luxe,.theme-nordic-white) .section-v3{transition:background-color .25s ease,border-color .25s ease} :is(.theme-alpine-executive,.theme-sage-atelier,.theme-pearl-rose,.theme-sandstone-editorial,.theme-mint-studio,.theme-sky-ledger,.theme-lavender-maison,.theme-terracotta-craft,.theme-champagne-luxe,.theme-nordic-white) :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.form-v3,.faq-v3 details){background:var(--card-bg)!important;border-color:var(--site-border)!important} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan){color:var(--custom-body);background:var(--site-bg)} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) .section-v3,:is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) .section-about{color:var(--custom-body)} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) :is(h1,h2,h3,h4,strong,.section-heading h2,.about-copy h2,.contact-copy h2){color:var(--custom-heading)!important} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) :is(p,small,.section-heading>div,.section-kicker,.about-copy>p){color:var(--custom-body)} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.form-v3,.faq-v3 details,.conversion-card){background:var(--card-bg)!important;border-color:var(--site-border)!important;box-shadow:0 20px 56px rgba(0,0,0,.18)} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) .site-nav.scrolled{background:color-mix(in srgb,var(--site-bg) 90%,transparent)!important;border-bottom:1px solid var(--site-border)!important;box-shadow:none} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan).header-style-transparent .site-nav:not(.scrolled){border:0!important;border-bottom:0!important;box-shadow:none!important} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) .section-index{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)} /* Light identities */ .theme-alpine-executive .section-heading{grid-template-columns:130px minmax(0,1fr);gap:30px} .theme-alpine-executive :is(.service-card,.product-card,.review-card){border-radius:14px!important;box-shadow:0 10px 30px rgba(16,42,67,.06)} .theme-alpine-executive .section-index{border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,#fff);color:var(--brand)} .theme-sage-atelier .section-v3:nth-of-type(even){background:linear-gradient(145deg,var(--site-bg-alt),color-mix(in srgb,var(--site-bg-alt) 76%,#fff))!important} .theme-sage-atelier :is(.service-card,.product-card,.review-card,.form-v3){border-radius:26px!important;box-shadow:0 18px 48px rgba(32,49,38,.07)} .theme-sage-atelier .section-index{border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,#fff)} .theme-pearl-rose :is(.service-card,.review-card,.form-v3){border-radius:30px!important;box-shadow:0 18px 48px rgba(76,39,52,.08)} .theme-pearl-rose .section-heading h2{max-width:920px} .theme-pearl-rose .section-index{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,#fff),#fff);border-radius:999px} .theme-sandstone-editorial .section-heading{grid-template-columns:110px minmax(0,1fr);border-bottom:1px solid var(--site-border);padding-bottom:26px} .theme-sandstone-editorial .section-heading h2{font-weight:600} .theme-sandstone-editorial :is(.service-card,.product-card,.gallery-open){border-radius:6px!important;box-shadow:none!important} .theme-mint-studio .services-v3{gap:14px} .theme-mint-studio :is(.service-card,.review-card,.product-card){border-radius:28px!important;background:color-mix(in srgb,var(--card-bg) 94%,var(--accent) 6%)!important} .theme-mint-studio .section-index{background:var(--brand);color:#fff;border-color:var(--brand)} .theme-sky-ledger .section-heading{grid-template-columns:150px minmax(0,1fr);gap:36px} .theme-sky-ledger :is(.service-card,.product-card,.review-card){border-radius:10px!important;box-shadow:none!important;border-bottom:2px solid color-mix(in srgb,var(--accent) 22%,var(--site-border))!important} .theme-lavender-maison .section-v3{position:relative;isolation:isolate} .theme-lavender-maison .section-v3:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%);inset:-120px auto auto -120px} .theme-lavender-maison :is(.service-card,.review-card,.form-v3){border-radius:28px!important;backdrop-filter:blur(14px)} .theme-terracotta-craft .section-index{border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)} .theme-terracotta-craft :is(.service-card,.product-card,.review-card){border-radius:24px!important;box-shadow:0 16px 40px rgba(74,43,32,.08)} .theme-champagne-luxe .section-heading{grid-template-columns:140px minmax(0,1fr);border-bottom:1px solid var(--site-border);padding-bottom:30px} .theme-champagne-luxe .section-index{border-radius:2px;border-color:var(--brand);color:var(--brand)} .theme-champagne-luxe :is(.service-card,.product-card,.review-card,.gallery-open){border-radius:6px!important;box-shadow:none!important} .theme-nordic-white .hero-orb,.theme-nordic-white .floating-proof{display:none!important} .theme-nordic-white .section-v3{border-top:1px solid var(--site-border)} .theme-nordic-white :is(.service-card,.product-card,.review-card,.form-v3){box-shadow:none!important;border-radius:10px!important} .theme-nordic-white .section-heading h2{font-weight:600} /* Dark identities */ .theme-midnight-executive .section-heading{grid-template-columns:140px minmax(0,1fr)} .theme-midnight-executive :is(.service-card,.product-card,.review-card){border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.22)} .theme-midnight-executive .section-index{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:8px} .theme-obsidian-gold .section-v3{border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent)} .theme-obsidian-gold .section-heading h2{font-weight:500} .theme-obsidian-gold :is(.service-card,.product-card,.review-card,.gallery-open){border-radius:4px!important;box-shadow:none!important} .theme-obsidian-gold .section-index{border-radius:0;border-color:var(--accent);color:var(--accent)} .theme-emerald-night .section-v3{background-image:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 34%)!important} .theme-emerald-night :is(.service-card,.review-card,.form-v3){border-radius:24px!important} .theme-emerald-night .section-index{border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent)} .theme-burgundy-noir .section-heading{grid-template-columns:110px minmax(0,1fr);gap:30px} .theme-burgundy-noir .section-heading h2{font-weight:500} .theme-burgundy-noir :is(.service-card,.product-card,.gallery-open){border-radius:6px!important;box-shadow:none!important} .theme-carbon-violet .section-v3:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);inset:-140px auto auto -160px;pointer-events:none} .theme-carbon-violet :is(.service-card,.review-card,.product-card){border-radius:26px!important;backdrop-filter:blur(12px)} .theme-deep-ocean .section-index{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px} .theme-deep-ocean :is(.service-card,.product-card,.review-card){border-radius:18px!important;box-shadow:0 20px 54px rgba(0,0,0,.2)} .theme-mocha-noir .section-heading{grid-template-columns:140px minmax(0,1fr)} .theme-mocha-noir .section-index{border-radius:2px;border-color:var(--accent)} .theme-mocha-noir :is(.service-card,.product-card,.review-card,.gallery-open){border-radius:6px!important;box-shadow:none!important} .theme-graphite-copper .section-v3{border-top:1px solid var(--site-border)} .theme-graphite-copper :is(.service-card,.product-card,.review-card){border-radius:10px!important;box-shadow:none!important;border-inline-start:2px solid color-mix(in srgb,var(--accent) 55%,transparent)!important} .theme-royal-indigo :is(.service-card,.product-card,.review-card){border-radius:24px!important;background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 86%,var(--accent) 14%))!important} .theme-royal-indigo .section-index{background:var(--brand);color:#fff;border-color:var(--brand)} .theme-slate-cyan .section-v3{border-top:1px solid color-mix(in srgb,var(--accent) 12%,transparent)} .theme-slate-cyan :is(.service-card,.product-card,.review-card){border-radius:14px!important;box-shadow:none!important} .theme-slate-cyan .section-index{border-radius:4px;color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)} @media(max-width:900px){ :is(.theme-alpine-executive,.theme-sky-ledger,.theme-sandstone-editorial,.theme-champagne-luxe,.theme-midnight-executive,.theme-burgundy-noir,.theme-mocha-noir) .section-heading{grid-template-columns:1fr!important;gap:18px!important} :is(.theme-midnight-executive,.theme-obsidian-gold,.theme-emerald-night,.theme-burgundy-noir,.theme-carbon-violet,.theme-deep-ocean,.theme-mocha-noir,.theme-graphite-copper,.theme-royal-indigo,.theme-slate-cyan) :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.form-v3,.faq-v3 details){box-shadow:none} } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v65.css */ /* Snap Profile v6.5 — Premium Vertical Components */ .site-v65 .catalog-v3{gap:clamp(16px,2vw,26px)}.site-v65 .product-card{position:relative;overflow:hidden;isolation:isolate}.site-v65 .product-badge{position:absolute;z-index:4;top:14px;inset-inline-start:14px;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--brand) 88%,#111);color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.16)}.site-v65 .product-location{display:block;color:color-mix(in srgb,var(--ink) 63%,transparent);font-size:.82rem;margin:.3rem 0 .1rem}.site-v65 .product-meta{font-weight:700!important;color:color-mix(in srgb,var(--ink) 78%,transparent)!important;font-size:.9rem!important}.site-v65 .product-action-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.site-v65 .product-action-row strong{font-family:var(--heading-font);font-size:1.05rem;color:var(--brand)}.site-v65 .product-card.is-featured{grid-column:span 2} .site-v65.catalog-style-menu-luxe .catalog-v3{grid-template-columns:repeat(4,minmax(0,1fr))}.site-v65.catalog-style-menu-luxe .product-card{background:color-mix(in srgb,var(--card-bg) 96%,var(--brand) 4%);border-color:color-mix(in srgb,var(--brand) 15%,var(--site-border));border-radius:18px}.site-v65.catalog-style-menu-luxe .product-media{aspect-ratio:4/3;overflow:hidden}.site-v65.catalog-style-menu-luxe .product-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.site-v65.catalog-style-menu-luxe .product-card:hover .product-media img{transform:scale(1.035)}.site-v65.catalog-style-menu-luxe .product-body>p:not(.product-meta){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-v65.catalog-style-menu-luxe .product-action-row a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:0;background:color-mix(in srgb,var(--brand) 12%,transparent)}.site-v65.catalog-style-menu-luxe .product-action-row a::after{content:'+';font-size:1.25rem;color:var(--brand)} .site-v65.catalog-style-property-showcase .catalog-v3{grid-template-columns:repeat(3,minmax(0,1fr))}.site-v65.catalog-style-property-showcase .product-card{border-radius:20px;background:color-mix(in srgb,var(--card-bg) 94%,var(--dark-bg) 6%);box-shadow:0 22px 60px rgba(5,20,44,.12)}.site-v65.catalog-style-property-showcase .product-media{aspect-ratio:16/10;overflow:hidden}.site-v65.catalog-style-property-showcase .product-media img{width:100%;height:100%;object-fit:cover}.site-v65.catalog-style-property-showcase .product-category{display:none}.site-v65.catalog-style-property-showcase .product-location{color:color-mix(in srgb,var(--brand) 75%,var(--ink))}.site-v65.catalog-style-property-showcase .product-action-row{border-top:1px solid var(--site-border);padding-top:16px}.site-v65.catalog-style-property-showcase .product-action-row strong{font-size:1.15rem} .site-v65.catalog-style-editorial-shelf .catalog-v3{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.site-v65.catalog-style-editorial-shelf .product-card{min-width:min(390px,82vw);scroll-snap-align:start;border-radius:4px;box-shadow:none;border-inline:0;border-bottom:1px solid var(--site-border)}.site-v65.catalog-style-editorial-shelf .product-media{aspect-ratio:4/5;overflow:hidden}.site-v65.catalog-style-editorial-shelf .product-media img{width:100%;height:100%;object-fit:cover}.site-v65.catalog-style-glass-grid .product-card{background:color-mix(in srgb,var(--card-bg) 70%,transparent);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,#fff 50%,var(--site-border));box-shadow:0 18px 50px rgba(15,23,42,.08)}.site-v65.catalog-style-compact-list .catalog-v3{grid-template-columns:1fr 1fr}.site-v65.catalog-style-compact-list .product-card{display:grid;grid-template-columns:140px 1fr;min-height:140px}.site-v65.catalog-style-compact-list .product-media{height:100%}.site-v65.catalog-style-compact-list .product-media img{width:100%;height:100%;object-fit:cover}.site-v65.catalog-style-compact-list .product-body{padding:18px} .site-v65 .before-after-card{--compare:50%}.site-v65.before-after-style-slider .before-after-media{display:block;position:relative;min-height:clamp(280px,42vw,520px);overflow:hidden;background:#0b1020;touch-action:pan-y}.site-v65.before-after-style-slider .before-after-media figure{position:absolute;inset:0;min-height:0;margin:0}.site-v65.before-after-style-slider .before-after-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site-v65.before-after-style-slider .after-layer{clip-path:inset(0 0 0 var(--compare))}html[dir="rtl"] .site-v65.before-after-style-slider .after-layer{clip-path:inset(0 var(--compare) 0 0)}.site-v65 .before-after-range{position:absolute;z-index:8;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.site-v65 .before-after-handle{position:absolute;z-index:7;top:0;bottom:0;left:var(--compare);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);transform:translateX(-1px);pointer-events:none}.site-v65 .before-after-handle b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,.22);font-style:normal}.site-v65.before-after-style-minimal .before-after-card{border:0;box-shadow:none;background:transparent}.site-v65.before-after-style-minimal .before-after-media{border-radius:12px;overflow:hidden}.site-v65.before-after-style-spotlight .before-after-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);align-items:stretch;background:var(--dark-bg);color:#fff}.site-v65.before-after-style-spotlight .before-after-card>div:last-child{display:flex;flex-direction:column;justify-content:center}.site-v65.before-after-style-spotlight .before-after-card p{color:rgba(255,255,255,.72)!important} .site-v65 .section-style-clinical-results .conversion-grid{grid-template-columns:repeat(12,1fr)}.site-v65 .section-style-clinical-results .before-after-card{grid-column:span 6}.site-v65 .section-style-restaurant-menu .catalog-v3{grid-template-columns:repeat(4,minmax(0,1fr))}.site-v65 .section-style-property-grid .catalog-v3{grid-template-columns:repeat(3,minmax(0,1fr))}.site-v65 .section-style-project-showcase .product-card.is-featured{grid-column:span 2;grid-row:span 2}.site-v65 .section-style-booking-luxe .form-layout{border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--site-bg-alt)),var(--site-bg-alt));padding:clamp(22px,4vw,54px)}.site-v65 .section-style-trust-strip .stats-zone-v46{display:flex!important;justify-content:space-around;gap:0;border-block:1px solid var(--site-border);padding-block:24px}.site-v65 .section-style-trust-strip .stats-zone-v46>*{flex:1;border-inline-end:1px solid var(--site-border)} @media(max-width:980px){.site-v65.catalog-style-menu-luxe .catalog-v3,.site-v65.catalog-style-property-showcase .catalog-v3,.site-v65 .section-style-restaurant-menu .catalog-v3,.site-v65 .section-style-property-grid .catalog-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.site-v65.before-after-style-spotlight .before-after-card{grid-template-columns:1fr}.site-v65 .product-card.is-featured{grid-column:auto}}@media(max-width:640px){.site-v65.catalog-style-menu-luxe .catalog-v3,.site-v65.catalog-style-property-showcase .catalog-v3,.site-v65.catalog-style-compact-list .catalog-v3,.site-v65 .section-style-restaurant-menu .catalog-v3,.site-v65 .section-style-property-grid .catalog-v3{grid-template-columns:1fr}.site-v65.catalog-style-compact-list .product-card{grid-template-columns:112px 1fr}.site-v65.before-after-style-slider .before-after-media{min-height:300px}.site-v65 .before-after-handle b{width:40px;height:40px}.site-v65 .section-style-clinical-results .before-after-card{grid-column:1/-1}} /* v6.5 vertical gallery directions */ .site-v65 .section-style-beauty-gallery{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--site-bg)),color-mix(in srgb,var(--brand-2) 7%,var(--site-bg-alt)))} .site-v65 .section-style-beauty-gallery .gallery-v3{gap:14px} .site-v65 .section-style-beauty-gallery .gallery-v3 :is(.gallery-item,.gallery-tile){border-radius:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--site-border));box-shadow:0 18px 50px color-mix(in srgb,var(--brand) 10%,transparent)} .site-v65 .section-style-beauty-gallery .gallery-v3 img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease;filter:saturate(.92) contrast(.98)} .site-v65 .section-style-beauty-gallery .gallery-v3 :is(.gallery-item,.gallery-tile):hover img{transform:scale(1.035);filter:saturate(1.03)} .site-v65 .section-style-hospitality-gallery{background:linear-gradient(135deg,color-mix(in srgb,var(--dark-bg) 94%,var(--brand)),var(--dark-bg));color:#fff} .site-v65 .section-style-hospitality-gallery .section-heading :is(h2,p){color:#fff!important} .site-v65 .section-style-hospitality-gallery .gallery-v3{gap:10px} .site-v65 .section-style-hospitality-gallery .gallery-v3 :is(.gallery-item,.gallery-tile){border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 80px rgba(0,0,0,.28)} .site-v65 .section-style-hospitality-gallery .gallery-v3 img{filter:saturate(1.06) contrast(1.04);transition:transform .6s cubic-bezier(.2,.7,.2,1)} .site-v65 .section-style-hospitality-gallery .gallery-v3 :is(.gallery-item,.gallery-tile):hover img{transform:scale(1.045)} .site-v65 .section-style-project-showcase .gallery-v3{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:minmax(220px,1fr);gap:14px} .site-v65 .section-style-project-showcase .gallery-v3>*:first-child{grid-row:span 2} .site-v65 .section-style-project-showcase .gallery-v3 :is(.gallery-item,.gallery-tile){border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--site-border));box-shadow:0 20px 55px rgba(15,23,42,.09)} @media(max-width:780px){.site-v65 .section-style-project-showcase .gallery-v3{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.site-v65 .section-style-project-showcase .gallery-v3>*:first-child{grid-column:1/-1;grid-row:auto}.site-v65 .section-style-beauty-gallery .gallery-v3 :is(.gallery-item,.gallery-tile){border-radius:18px}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v66.css */ /* Snap Profile v6.6 — independent Home background + visual card */ .site-v66 .hero-v3 .hero-bg>img{object-position:var(--hero-bg-x,50%) var(--hero-bg-y,50%)} .site-v66 .hero-v3 .visual-frame>img,.site-v66 .hero-v3 .signature-static-media>img,.site-v66 .hero-v3 .local-static-media>img{object-position:var(--hero-card-x,50%) var(--hero-card-y,50%)} .site-v66 .hero-v3.hero-card-glass .visual-frame,.site-v66 .hero-v3.hero-card-glass .local-static-card,.site-v66 .hero-v3.hero-card-glass .signature-static-rail{background:color-mix(in srgb,var(--card-bg,#fff) 72%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.34);box-shadow:0 22px 65px rgba(15,23,42,.13)} .site-v66 .hero-v3.hero-card-floating .visual-frame,.site-v66 .hero-v3.hero-card-floating .local-static-card,.site-v66 .hero-v3.hero-card-floating .signature-static-rail{transform:translateY(-8px) rotate(-1deg);box-shadow:0 30px 80px rgba(15,23,42,.18);border:0} .site-v66 .hero-v3.hero-card-framed .visual-frame,.site-v66 .hero-v3.hero-card-framed .local-static-card,.site-v66 .hero-v3.hero-card-framed .signature-static-rail{border:8px solid color-mix(in srgb,var(--card-bg,#fff) 92%,transparent);outline:1px solid color-mix(in srgb,var(--brand) 28%,transparent);box-shadow:0 20px 55px rgba(15,23,42,.12)} .site-v66 .hero-v3.hero-card-minimal .visual-frame,.site-v66 .hero-v3.hero-card-minimal .local-static-card,.site-v66 .hero-v3.hero-card-minimal .signature-static-rail{border:0;box-shadow:none;background:transparent} .site-v66 .hero-v3.hero-card-luxury .visual-frame,.site-v66 .hero-v3.hero-card-luxury .local-static-card,.site-v66 .hero-v3.hero-card-luxury .signature-static-rail{border:1px solid color-mix(in srgb,var(--accent) 48%,#fff);box-shadow:0 24px 70px color-mix(in srgb,var(--brand-2) 16%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg,#fff) 94%,var(--accent) 6%),var(--card-bg,#fff))} .site-v66 .hero-v3 .visual-frame,.site-v66 .hero-v3 .local-static-card,.site-v66 .hero-v3 .signature-static-rail{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} @media(max-width:767px){.site-v66 .hero-v3.hero-card-floating .visual-frame,.site-v66 .hero-v3.hero-card-floating .local-static-card,.site-v66 .hero-v3.hero-card-floating .signature-static-rail{transform:none}} .site-v66 .before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px)} .site-v66 .section-before-after.section-style-clinical-results .before-after-grid{grid-template-columns:1fr;max-width:980px;margin-inline:auto}.site-v66 .section-before-after.section-style-clinical-results .before-after-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center} @media(max-width:800px){.site-v66 .before-after-grid,.site-v66 .section-before-after.section-style-clinical-results .before-after-card{grid-template-columns:1fr}} /* Home Studio clarity guardrails: premium compositions without oversized headings. */ .site-v66.hero-variant-editorial .hero-v3 .hero-content h1{font-size:clamp(2.75rem,5.4vw,5.25rem);line-height:.96;letter-spacing:-.045em} .site-v66.hero-variant-cinematic .hero-v3 .hero-content h1{font-size:clamp(2.8rem,5.8vw,5.6rem);line-height:.96} .site-v66.hero-variant-minimal-luxury .hero-v3 .hero-content h1{font-size:clamp(2.9rem,6vw,5.8rem);line-height:.94;letter-spacing:-.04em} @media(max-width:767px){.site-v66.hero-variant-editorial .hero-v3 .hero-content h1,.site-v66.hero-variant-cinematic .hero-v3 .hero-content h1,.site-v66.hero-variant-minimal-luxury .hero-v3 .hero-content h1{font-size:clamp(2.25rem,10vw,3.8rem);line-height:1}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v67.css */ /* Snap Profile v6.7 — Interaction & Slider Polish */ /* Header: no bottom separator in any state. A diffuse shadow may remain after scroll. */ .site-v67 .site-nav, .site-v67 .site-nav.scrolled, .site-v67 .site-nav[class*="header-style-"], .site-v67 .site-nav[class*="header-style-"].scrolled, .site-v67 .site-nav .nav-shell{border-bottom:0!important;border-block-end:0!important;outline:0!important} .site-v67 .site-nav.scrolled{box-shadow:0 14px 38px rgba(15,23,42,.075)!important} .site-v67 .site-nav.header-style-transparent:not(.scrolled){box-shadow:none!important} .site-v67 .site-nav.header-style-transparent:not(.scrolled) .nav-shell{border:0!important;box-shadow:none!important} /* Full-bleed dividers — no container/max-width clipping. */ .site-v67 .section-v3.divider-wave:after, .site-v67 .section-v3.divider-curve:after, .site-v67 .section-v3.divider-diagonal:after{inset-inline:auto!important;left:50%!important;right:auto!important;width:100vw!important;max-width:none!important;transform:translateX(-50%)!important;clip-path:none!important} .site-v67 .section-v3.divider-wave:after{height:38px!important;bottom:-1px!important;background:var(--site-bg-alt,#f8fafc)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 35C120 5 240 5 360 35s240 30 360 0 240-30 360 0 240 30 360 0V80H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 35C120 5 240 5 360 35s240 30 360 0 240-30 360 0 240 30 360 0V80H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat} .site-v67 .section-v3.divider-curve:after{height:42px!important;border-radius:50% 50% 0 0/100% 100% 0 0!important;transform:translateX(-50%) translateY(20px)!important} .site-v67 .section-v3.divider-diagonal:after{height:34px!important;clip-path:polygon(0 64%,100% 0,100% 100%,0 100%)!important} /* Premium information/footer block. */ .site-v67 .footer-info{padding-block:clamp(64px,7vw,100px)!important} .site-v67 .footer-info-grid{display:grid!important;grid-template-columns:minmax(230px,1.05fr) minmax(260px,1.1fr) minmax(230px,.95fr) minmax(260px,1fr)!important;gap:16px!important;align-items:stretch!important} .site-v67 .footer-info-grid>div{min-width:0;padding:clamp(20px,2.2vw,30px)!important;border:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 86%,transparent);border-radius:24px;background:color-mix(in srgb,var(--card-bg,#fff) 94%,transparent);box-shadow:0 12px 34px rgba(15,23,42,.045)} .site-v67 .footer-info-grid>div:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg,#fff) 92%,var(--brand) 8%),var(--card-bg,#fff))} .site-v67 .footer-brand{gap:14px}.site-v67 .footer-brand img{width:52px;height:52px;border-radius:15px}.site-v67 .footer-brand strong{font-size:1rem;color:var(--custom-heading,var(--ink))} .site-v67 .footer-info-grid>div>p{font-size:.88rem;line-height:1.9;margin:16px 0 0;color:var(--custom-body,var(--muted))} .site-v67 .footer-info h3{font-size:.82rem;margin:0 0 18px;color:var(--custom-heading,var(--ink));letter-spacing:0} .site-v67 .hours-v3{display:grid;gap:0}.site-v67 .hours-v3 p{display:grid!important;grid-template-columns:minmax(72px,.72fr) minmax(148px,1.28fr);align-items:center;gap:12px;padding:10px 0!important;margin:0!important;border-bottom:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 75%,transparent)!important;font-size:.78rem!important}.site-v67 .hours-v3 p:last-child{border-bottom:0!important}.site-v67 .hours-v3 b{font-weight:800;color:var(--custom-heading,var(--ink));white-space:nowrap}.site-v67 .hours-v3 span{color:var(--custom-body,var(--muted));white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums} html[dir="rtl"] .site-v67 .hours-v3 span{direction:rtl;unicode-bidi:plaintext} .site-v67 .social-v3{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.site-v67 .social-v3 .social-icon{width:42px;height:42px;border-radius:13px;border:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 85%,transparent);background:var(--card-bg,#fff);display:grid;place-items:center;transition:transform .22s ease,border-color .22s ease,background .22s ease}.site-v67 .social-v3 .social-icon:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 45%,var(--site-border));background:color-mix(in srgb,var(--brand) 7%,var(--card-bg))} .site-v67 .qr-mini{display:grid!important;grid-template-columns:132px minmax(0,1fr);align-items:center!important;gap:18px!important}.site-v67 .qr-mini #qrCode{width:132px;height:132px;padding:9px!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)}.site-v67 .qr-mini #qrCode canvas,.site-v67 .qr-mini #qrCode img{width:112px!important;height:112px!important}.site-v67 .qr-mini h3{margin-bottom:6px}.site-v67 .qr-mini button{display:inline-flex;padding:8px 10px!important;border-radius:10px!important;background:color-mix(in srgb,var(--brand) 9%,transparent)!important} /* Floating contact hub — paired with back-to-top on inline-end (left in RTL). */ .site-v67 .floating-whatsapp{display:none!important} .site-v67 .floating-contact-hub{position:fixed;z-index:1043;inset-inline-end:26px;bottom:28px;width:54px;height:54px} .site-v67 .floating-contact-toggle{position:relative;z-index:3;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--brand) 32%,transparent);border-radius:18px;background:var(--brand);color:#fff;box-shadow:0 16px 42px color-mix(in srgb,var(--brand) 28%,transparent);display:grid;place-items:center;transition:transform .28s cubic-bezier(.2,.85,.25,1.2),border-radius .28s ease,box-shadow .28s ease} .site-v67 .floating-contact-toggle svg{width:25px;height:25px}.site-v67 .floating-contact-toggle .hub-close-icon{display:none;font-size:30px;font-weight:300;line-height:1}.site-v67 .floating-contact-hub.open .floating-contact-toggle{transform:rotate(8deg) scale(1.04);border-radius:50%;box-shadow:0 20px 48px color-mix(in srgb,var(--brand) 34%,transparent)}.site-v67 .floating-contact-hub.open .hub-chat-icon{display:none}.site-v67 .floating-contact-hub.open .hub-close-icon{display:block} .site-v67 .floating-contact-menu{position:absolute;inset-inline-end:0;bottom:64px;display:grid;gap:9px;pointer-events:none} .site-v67 .hub-action{position:relative;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;text-decoration:none;color:var(--custom-heading,var(--ink));background:color-mix(in srgb,var(--card-bg,#fff) 94%,transparent);border:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 88%,transparent);box-shadow:0 13px 34px rgba(15,23,42,.12);opacity:0;visibility:hidden;transform:translateY(14px) scale(.72);transition:opacity .22s ease calc(var(--hub-i,0)*55ms),transform .32s cubic-bezier(.2,.85,.25,1.2) calc(var(--hub-i,0)*55ms),visibility .01s linear .35s} .site-v67 .hub-action svg{width:21px;height:21px;fill:currentColor}.site-v67 .hub-action>span{position:absolute;inset-inline-end:58px;white-space:nowrap;padding:7px 10px;border-radius:9px;background:#101828;color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateX(5px);pointer-events:none;transition:.18s ease}.site-v67 .hub-action:hover>span,.site-v67 .hub-action:focus-visible>span{opacity:1;transform:none}.site-v67 .hub-action:hover{transform:translateY(-2px) scale(1.04)!important} .site-v67 .hub-action.whatsapp{color:#128c4b}.site-v67 .hub-action.call{color:#2563eb}.site-v67 .hub-action.instagram{color:#c13584}.site-v67 .hub-action.facebook{color:#1877f2}.site-v67 .hub-action.tiktok{color:#111}.site-v67 .hub-action.map{color:#ea4335}.site-v67 .hub-action.website{color:var(--brand)} .site-v67 .floating-contact-hub.open .floating-contact-menu{pointer-events:auto}.site-v67 .floating-contact-hub.open .hub-action{opacity:1;visibility:visible;transform:none;transition-delay:calc(var(--hub-i,0)*55ms)} .site-v67 .floating-contact-menu .hub-action:nth-child(1){--hub-i:0}.site-v67 .floating-contact-menu .hub-action:nth-child(2){--hub-i:1}.site-v67 .floating-contact-menu .hub-action:nth-child(3){--hub-i:2}.site-v67 .floating-contact-menu .hub-action:nth-child(4){--hub-i:3}.site-v67 .floating-contact-menu .hub-action:nth-child(5){--hub-i:4}.site-v67 .floating-contact-menu .hub-action:nth-child(6){--hub-i:5}.site-v67 .floating-contact-menu .hub-action:nth-child(7){--hub-i:6} .site-v67.has-contact-hub .back-to-top{bottom:94px!important} /* Shared slider navigation. */ .site-v67 .slider-nav-v67{align-items:center;justify-content:center;gap:13px;margin-top:22px} .site-v67 .slider-nav-v67 button{width:44px;height:44px;border-radius:14px;border:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 88%,transparent);background:var(--card-bg,#fff);color:var(--custom-heading,var(--ink));display:grid;place-items:center;transition:.2s ease}.site-v67 .slider-nav-v67 button:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-2px)} .site-v67 .slider-nav-v67>span{display:flex;align-items:center;gap:7px;min-width:76px;justify-content:center;font-size:11px;color:var(--custom-body,var(--muted))}.site-v67 .slider-nav-v67 b,.site-v67 .slider-nav-v67 em{font-style:normal;font-weight:800;color:var(--custom-heading,var(--ink))} .site-v67 .section-slider-nav-v67{display:none} /* Gallery: all presentation modes are real and distinct on desktop. */ .site-v67 .gallery-track-v67{scrollbar-width:none}.site-v67 .gallery-track-v67::-webkit-scrollbar{display:none}.site-v67 .gallery-track-v67 .gallery-item{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}.site-v67 .gallery-track-v67 .gallery-open{height:100%} .site-v67:is(.gallery-slider,.gallery-centered-slider,.gallery-coverflow,.gallery-cards-slider,.gallery-filmstrip,.gallery-cinema-strip) .gallery-track-v67{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;columns:auto!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth;gap:16px!important;padding:10px max(7vw,24px) 18px!important;margin-inline:calc(max(7vw,24px)*-1)!important} .site-v67.gallery-slider .gallery-track-v67 .gallery-item{flex:0 0 min(72vw,860px)!important;height:clamp(390px,52vw,650px)!important;scroll-snap-align:center!important;margin:0!important;grid-column:auto!important;grid-row:auto!important} .site-v67.gallery-centered-slider .gallery-track-v67{gap:28px!important;padding-inline:max(18vw,70px)!important;margin-inline:calc(max(18vw,70px)*-1)!important}.site-v67.gallery-centered-slider .gallery-item{flex:0 0 min(58vw,720px)!important;height:clamp(380px,46vw,590px)!important;scroll-snap-align:center!important;opacity:.42;transform:scale(.9);filter:saturate(.68)}.site-v67.gallery-centered-slider .gallery-item.is-slider-active{opacity:1;transform:scale(1);filter:none}.site-v67.gallery-centered-slider .gallery-item.is-slider-prev,.site-v67.gallery-centered-slider .gallery-item.is-slider-next{opacity:.72;transform:scale(.95)} .site-v67.gallery-coverflow .gallery-track-v67{perspective:1200px;gap:8px!important;padding-inline:max(23vw,110px)!important;margin-inline:calc(max(23vw,110px)*-1)!important}.site-v67.gallery-coverflow .gallery-item{flex:0 0 min(50vw,620px)!important;height:clamp(390px,44vw,560px)!important;scroll-snap-align:center!important;opacity:.45;transform:scale(.82) rotateY(0deg);filter:saturate(.65);z-index:1}.site-v67.gallery-coverflow .gallery-item.is-slider-prev{opacity:.72;transform:scale(.9) rotateY(-12deg);transform-origin:right center}.site-v67.gallery-coverflow .gallery-item.is-slider-next{opacity:.72;transform:scale(.9) rotateY(12deg);transform-origin:left center}.site-v67.gallery-coverflow .gallery-item.is-slider-active{opacity:1;transform:scale(1) rotateY(0);filter:none;z-index:3} .site-v67.gallery-cards-slider .gallery-track-v67{gap:18px!important;padding-inline:4px!important;margin-inline:0!important}.site-v67.gallery-cards-slider .gallery-item{flex:0 0 clamp(300px,34vw,440px)!important;height:clamp(410px,42vw,560px)!important;scroll-snap-align:start!important;padding:10px!important;background:var(--card-bg,#fff);border:1px solid var(--site-border,#e4e7ec)!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(15,23,42,.07)}.site-v67.gallery-cards-slider .gallery-open{border-radius:17px!important} .site-v67.gallery-filmstrip .gallery-track-v67 .gallery-item{flex:0 0 min(44vw,520px)!important;height:clamp(300px,34vw,440px)!important;scroll-snap-align:center!important}.site-v67.gallery-filmstrip .gallery-track-v67 .gallery-item:nth-child(even){flex-basis:min(34vw,420px)!important} .site-v67.gallery-cinema-strip .gallery-track-v67{background:#080b10;padding-block:26px!important;border-radius:24px}.site-v67.gallery-cinema-strip .gallery-item{flex:0 0 min(66vw,800px)!important;height:clamp(370px,45vw,560px)!important;scroll-snap-align:center!important}.site-v67.gallery-cinema-strip .gallery-open{border-radius:2px!important;border:6px solid #0d1117!important}.site-v67.gallery-cinema-strip .gallery-item:not(.is-slider-active){opacity:.58;filter:grayscale(.3)} .site-v67.gallery-fade-slider .gallery-track-v67{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;min-height:clamp(430px,56vw,720px);overflow:hidden!important;border-radius:clamp(18px,2vw,30px)}.site-v67.gallery-fade-slider .gallery-item{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;margin:0!important;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.035);transition:opacity .6s ease,transform .8s ease,visibility .01s linear .62s}.site-v67.gallery-fade-slider .gallery-item.is-slider-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.site-v67.gallery-fade-slider .gallery-open{border-radius:inherit!important}.site-v67.gallery-fade-slider .gallery-open img{width:100%;height:100%!important;object-fit:cover!important} .site-v67.gallery-marquee .gallery-track-v67{display:flex!important;overflow:hidden!important;gap:14px!important;padding:8px 0!important}.site-v67.gallery-marquee .gallery-item{flex:0 0 clamp(270px,28vw,390px)!important;height:clamp(330px,34vw,460px)!important;margin:0!important;animation:v67GalleryRibbon 22s ease-in-out infinite alternate}.site-v67.gallery-marquee .gallery-track-v67:hover .gallery-item{animation-play-state:paused} @keyframes v67GalleryRibbon{from{transform:translateX(0)}to{transform:translateX(-45vw)}} .site-v67.gallery-mosaic .gallery-track-v67{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:120px!important;gap:10px!important}.site-v67.gallery-mosaic .gallery-item{grid-column:span 4!important;grid-row:span 3!important;height:auto!important;margin:0!important}.site-v67.gallery-mosaic .gallery-item:nth-child(5n+1){grid-column:span 7!important;grid-row:span 5!important}.site-v67.gallery-mosaic .gallery-item:nth-child(5n+2){grid-column:span 5!important;grid-row:span 3!important}.site-v67.gallery-mosaic .gallery-item:nth-child(5n+3){grid-column:span 5!important;grid-row:span 2!important}.site-v67.gallery-mosaic .gallery-open{border-radius:18px!important} .site-v67.gallery-showcase .gallery-track-v67{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr)!important;grid-auto-rows:260px!important;gap:14px!important}.site-v67.gallery-showcase .gallery-item{height:auto!important;margin:0!important}.site-v67.gallery-showcase .gallery-item:first-child{grid-row:span 2!important}.site-v67.gallery-showcase .gallery-open{border-radius:22px!important} .site-v67.gallery-polaroid .gallery-track-v67{display:grid!important;grid-template-columns:repeat(var(--gallery-columns,3),minmax(0,1fr))!important;gap:clamp(18px,3vw,42px)!important;padding:20px 10px!important}.site-v67.gallery-polaroid .gallery-item{height:auto!important;margin:0!important;padding:10px 10px 40px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.12)!important;transform:rotate(-1.2deg)}.site-v67.gallery-polaroid .gallery-item:nth-child(even){transform:rotate(1.3deg)}.site-v67.gallery-polaroid .gallery-item:hover{transform:rotate(0) translateY(-5px)!important}.site-v67.gallery-polaroid .gallery-open{border-radius:2px!important;aspect-ratio:4/3}.site-v67.gallery-polaroid .gallery-open>span{background:transparent!important;color:#111!important} .site-v67:is(.gallery-slider,.gallery-centered-slider,.gallery-coverflow,.gallery-cards-slider,.gallery-fade-slider,.gallery-filmstrip,.gallery-cinema-strip) .gallery-slider-nav{display:flex!important} .site-v67.gallery-marquee .gallery-slider-nav{display:none!important} /* Team slider modes. */ .site-v67 .section-style-team-slider .team-v3,.site-v67 .section-style-team-centered .team-v3{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px!important;padding:8px 4px 18px;scrollbar-width:none}.site-v67 .section-style-team-slider .team-v3::-webkit-scrollbar,.site-v67 .section-style-team-centered .team-v3::-webkit-scrollbar{display:none}.site-v67 .section-style-team-slider .team-card{flex:0 0 clamp(280px,31vw,390px)!important;scroll-snap-align:start}.site-v67 .section-style-team-centered .team-v3{padding-inline:max(14vw,60px);margin-inline:calc(max(14vw,60px)*-1)}.site-v67 .section-style-team-centered .team-card{flex:0 0 clamp(300px,36vw,430px)!important;scroll-snap-align:center;opacity:.48;transform:scale(.92);transition:.35s ease}.site-v67 .section-style-team-centered .team-card.is-slider-active{opacity:1;transform:scale(1)}.site-v67 .section-style-team-centered .team-card.is-slider-prev,.site-v67 .section-style-team-centered .team-card.is-slider-next{opacity:.72;transform:scale(.96)} .site-v67 .section-style-team-slider .section-slider-nav-v67,.site-v67 .section-style-team-centered .section-slider-nav-v67{display:flex} /* Certificate slider modes. */ .site-v67 .section-style-cert-slider .certificates-v3,.site-v67 .section-style-cert-marquee .certificates-v3{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px!important;padding:8px 4px 18px;scrollbar-width:none}.site-v67 .section-style-cert-slider .certificates-v3::-webkit-scrollbar,.site-v67 .section-style-cert-marquee .certificates-v3::-webkit-scrollbar{display:none}.site-v67 .section-style-cert-slider .certificate-card{flex:0 0 clamp(290px,34vw,430px)!important;scroll-snap-align:start}.site-v67 .section-style-cert-slider .section-slider-nav-v67{display:flex}.site-v67 .section-style-cert-marquee .certificates-v3{overflow:hidden!important}.site-v67 .section-style-cert-marquee .certificate-card{flex:0 0 clamp(250px,28vw,350px)!important;animation:v67CertRibbon 18s ease-in-out infinite alternate}.site-v67 .section-style-cert-marquee .certificates-v3:hover .certificate-card{animation-play-state:paused} @keyframes v67CertRibbon{from{transform:translateX(0)}to{transform:translateX(-36vw)}} @media(max-width:1180px){ .site-v67 .footer-info-grid{grid-template-columns:1fr 1fr!important} .site-v67.gallery-mosaic .gallery-track-v67{grid-auto-rows:100px!important} } @media(max-width:900px){ .site-v67 .floating-contact-hub{inset-inline-end:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:48px;height:48px}.site-v67 .floating-contact-toggle{width:48px;height:48px;border-radius:15px}.site-v67 .floating-contact-menu{bottom:58px}.site-v67 .hub-action{width:44px;height:44px;border-radius:13px}.site-v67.has-contact-hub .back-to-top{bottom:calc(140px + env(safe-area-inset-bottom))!important} .site-v67:is(.gallery-slider,.gallery-centered-slider,.gallery-coverflow,.gallery-cards-slider,.gallery-filmstrip,.gallery-cinema-strip) .gallery-track-v67{padding-inline:18px!important;margin-inline:-18px!important;gap:10px!important}.site-v67:is(.gallery-slider,.gallery-centered-slider,.gallery-coverflow,.gallery-cards-slider,.gallery-filmstrip,.gallery-cinema-strip) .gallery-track-v67 .gallery-item{flex:0 0 86%!important;height:clamp(330px,78vw,520px)!important;opacity:1;transform:none;filter:none}.site-v67.gallery-fade-slider .gallery-track-v67{min-height:clamp(360px,82vw,520px)} .site-v67.gallery-mosaic .gallery-track-v67,.site-v67.gallery-showcase .gallery-track-v67,.site-v67.gallery-polaroid .gallery-track-v67{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding-bottom:14px}.site-v67.gallery-mosaic .gallery-item,.site-v67.gallery-showcase .gallery-item,.site-v67.gallery-polaroid .gallery-item{flex:0 0 86%!important;height:clamp(340px,78vw,500px)!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;scroll-snap-align:center;padding:0!important}.site-v67.gallery-polaroid .gallery-item{padding:8px 8px 34px!important} .site-v67 .section-style-team-slider .team-card,.site-v67 .section-style-team-centered .team-card,.site-v67 .section-style-cert-slider .certificate-card{flex:0 0 min(82vw,360px)!important;opacity:1;transform:none}.site-v67 .section-style-team-centered .team-v3{padding-inline:18px;margin-inline:-18px} } @media(max-width:650px){ .site-v67 .footer-info-grid{grid-template-columns:1fr!important;gap:12px!important}.site-v67 .footer-info-grid>div{padding:20px!important;border-radius:20px}.site-v67 .hours-v3 p{grid-template-columns:minmax(68px,.72fr) minmax(142px,1.28fr);font-size:.76rem!important}.site-v67 .qr-mini{grid-template-columns:112px minmax(0,1fr);gap:14px!important}.site-v67 .qr-mini #qrCode{width:112px;height:112px}.site-v67 .qr-mini #qrCode canvas,.site-v67 .qr-mini #qrCode img{width:94px!important;height:94px!important} .site-v67 .hub-action>span{display:none} } @media(prefers-reduced-motion:reduce){.site-v67 .hub-action,.site-v67 .floating-contact-toggle,.site-v67 .gallery-item,.site-v67 .team-card,.site-v67 .certificate-card{transition:none!important;animation:none!important}.site-v67 .gallery-marquee .gallery-item,.site-v67 .section-style-cert-marquee .certificate-card{animation:none!important}} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v674.css */ /* Snap Profile v6.7.4 — Color Binding Hotfix User-selected brand colors always win. Custom site colors win over Background Art presets, while the art/pattern itself remains active. */ .site-v674{ --brand:var(--user-brand)!important; --brand-2:var(--user-brand-2)!important; --accent:var(--user-accent)!important; } .site-v674.custom-site-colors{ --site-bg:var(--user-site-bg)!important; --site-bg-alt:var(--user-site-bg-alt)!important; --card-bg:var(--user-card-bg)!important; --site-border:var(--user-site-border)!important; --dark-bg:var(--user-dark-bg)!important; --paper:var(--user-card-bg)!important; --soft:var(--user-site-bg-alt)!important; background:var(--user-site-bg)!important; } /* Keep the visual character of art presets without replacing the user's palette. */ .site-v674.custom-site-colors.art-warm-marble .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-soft):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:linear-gradient(125deg, var(--site-bg) 0 35%, color-mix(in srgb,var(--site-bg) 72%,var(--site-bg-alt) 28%) 36% 38%, color-mix(in srgb,var(--site-bg) 84%,white 16%) 39% 68%, color-mix(in srgb,var(--site-bg-alt) 82%,var(--site-bg) 18%) 69% 71%, var(--site-bg) 72%)!important; background-size:180% 180%!important; } .site-v674.custom-site-colors.art-premium-black-gold .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-soft):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:linear-gradient(145deg, var(--site-bg), color-mix(in srgb,var(--site-bg) 78%,var(--site-bg-alt) 22%) 68%, var(--site-bg-alt))!important; color:var(--muted)!important; } /* User section choices must always outrank global art-direction presets. */ .site-v674.custom-site-colors .section-v3.bg-soft{background:var(--site-bg-alt)!important} .site-v674.custom-site-colors .section-v3.bg-custom{background:var(--section-custom-bg,var(--site-bg))!important} .site-v674.custom-site-colors .section-v3.bg-gradient{background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from,var(--site-bg)),var(--section-gradient-to,var(--site-bg-alt)))!important} .site-v674.custom-site-colors :is(.product-card,.team-card,.certificate-card,.review-card,.form-v3,.booking-card,.faq-v3 details,.service-card,.conversion-card){ border-color:var(--site-border)!important; } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v675.css */ /* Snap Profile v6.7.5 — Design Application Hardening Final precedence contract: explicit section > active dark mode > custom site palette > art/theme defaults. This file is intentionally loaded last. */ .site-v675{ --brand:var(--user-brand)!important; --brand-2:var(--user-brand-2)!important; --accent:var(--user-accent)!important; } /* A custom LIGHT palette is authoritative unless a dark display mode is active. */ .site-v675.custom-site-colors.mode-light, .site-v675.custom-site-colors.mode-system, .site-v675.custom-site-colors:not(.mode-dark):not(.mode-system){ --site-bg:var(--user-site-bg)!important; --site-bg-alt:var(--user-site-bg-alt)!important; --card-bg:var(--user-card-bg)!important; --site-border:var(--user-site-border)!important; --dark-bg:var(--user-dark-bg)!important; --paper:var(--user-card-bg)!important; --soft:var(--user-site-bg-alt)!important; background:var(--user-site-bg)!important; } /* Dark mode must not be cancelled by Background Art or by the light custom palette. */ .site-v675.mode-dark:not(.custom-dark-palette){ --site-bg:var(--user-dark-bg,#0c0f14)!important; --site-bg-alt:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 84%,white 16%)!important; --card-bg:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 88%,white 12%)!important; --site-border:rgba(255,255,255,.13)!important; --paper:var(--user-dark-bg,#0c0f14)!important; --soft:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 84%,white 16%)!important; --dark-bg:var(--user-dark-bg,#0c0f14)!important; --custom-heading:#f4f6f8!important; --custom-body:#a7afbb!important; --card-heading:#f4f6f8!important; --card-body:#a7afbb!important; --ink:#f4f6f8!important; --muted:#a7afbb!important; background:var(--site-bg)!important; color:var(--custom-body)!important; } .site-v675.mode-dark.custom-dark-palette{ --site-bg:var(--dark-site-bg)!important; --site-bg-alt:color-mix(in srgb,var(--dark-site-bg) 84%,white 16%)!important; --card-bg:var(--dark-card-bg)!important; --site-border:color-mix(in srgb,var(--dark-body) 22%,transparent)!important; --paper:var(--dark-site-bg)!important; --soft:color-mix(in srgb,var(--dark-site-bg) 84%,white 16%)!important; --dark-bg:var(--dark-site-bg)!important; --custom-heading:var(--dark-heading)!important; --custom-body:var(--dark-body)!important; --card-heading:var(--dark-heading)!important; --card-body:var(--dark-body)!important; --ink:var(--dark-heading)!important; --muted:var(--dark-body)!important; background:var(--dark-site-bg)!important; color:var(--dark-body)!important; } .site-v675.mode-dark:not(.custom-header-colors){ --header-bg:var(--card-bg)!important; --header-text:var(--custom-heading)!important; --header-cta-bg:var(--brand)!important; --header-cta-text:#fff!important; } @media (prefers-color-scheme:dark){ .site-v675.mode-system:not(.custom-dark-palette){ --site-bg:var(--user-dark-bg,#0c0f14)!important; --site-bg-alt:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 84%,white 16%)!important; --card-bg:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 88%,white 12%)!important; --site-border:rgba(255,255,255,.13)!important; --paper:var(--user-dark-bg,#0c0f14)!important; --soft:color-mix(in srgb,var(--user-dark-bg,#0c0f14) 84%,white 16%)!important; --dark-bg:var(--user-dark-bg,#0c0f14)!important; --custom-heading:#f4f6f8!important; --custom-body:#a7afbb!important; --card-heading:#f4f6f8!important; --card-body:#a7afbb!important; --ink:#f4f6f8!important; --muted:#a7afbb!important; background:var(--site-bg)!important; color:var(--custom-body)!important; } .site-v675.mode-system.custom-dark-palette{ --site-bg:var(--dark-site-bg)!important; --site-bg-alt:color-mix(in srgb,var(--dark-site-bg) 84%,white 16%)!important; --card-bg:var(--dark-card-bg)!important; --site-border:color-mix(in srgb,var(--dark-body) 22%,transparent)!important; --paper:var(--dark-site-bg)!important; --soft:color-mix(in srgb,var(--dark-site-bg) 84%,white 16%)!important; --dark-bg:var(--dark-site-bg)!important; --custom-heading:var(--dark-heading)!important; --custom-body:var(--dark-body)!important; --card-heading:var(--dark-heading)!important; --card-body:var(--dark-body)!important; --ink:var(--dark-heading)!important; --muted:var(--dark-body)!important; background:var(--dark-site-bg)!important; color:var(--dark-body)!important; } .site-v675.mode-system:not(.custom-header-colors){ --header-bg:var(--card-bg)!important; --header-text:var(--custom-heading)!important; --header-cta-bg:var(--brand)!important; --header-cta-text:#fff!important; } } /* Global Background Art may contain a light gradient with !important. DisplayMode wins: non-explicit sections return to the active dark canvas instead of staying light. */ .site-v675.mode-dark .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image), .site-v675.mode-dark .section-v3.bg-default{ background:var(--site-bg)!important; background-image:none!important; background-attachment:scroll!important; } .site-v675.mode-dark .section-v3:nth-of-type(even):not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image), .site-v675.mode-dark .section-v3.bg-default:nth-of-type(even){background:var(--site-bg-alt)!important} @media (prefers-color-scheme:dark){ .site-v675.mode-system .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image), .site-v675.mode-system .section-v3.bg-default{ background:var(--site-bg)!important; background-image:none!important; background-attachment:scroll!important; } .site-v675.mode-system .section-v3:nth-of-type(even):not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image), .site-v675.mode-system .section-v3.bg-default:nth-of-type(even){background:var(--site-bg-alt)!important} } /* Dark-mode contrast variables for normal dark sections. Server section contrast is calculated from the light palette, so dark mode corrects default/soft sections here. */ .site-v675.mode-dark .section-v3:is(.bg-default,.bg-soft){ --section-heading:var(--custom-heading)!important; --section-body:var(--custom-body)!important; } @media (prefers-color-scheme:dark){ .site-v675.mode-system .section-v3:is(.bg-default,.bg-soft){ --section-heading:var(--custom-heading)!important; --section-body:var(--custom-body)!important; } } /* Per-section background selection ALWAYS outranks every global art preset. */ .site-v675 .section-v3.bg-soft{ background:var(--site-bg-alt)!important; background-image:none!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-brand{ background:var(--brand)!important; background-image:none!important; background-attachment:scroll!important; color:#fff!important; } .site-v675 .section-v3.bg-dark{ background:var(--dark-bg,var(--user-dark-bg,#101828))!important; background-image:none!important; background-attachment:scroll!important; color:#fff!important; } .site-v675 .section-v3.bg-custom{ background:var(--section-custom-bg,var(--site-bg))!important; background-image:none!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-gradient.gradient-type-radial.gradient-three{ background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-gradient.gradient-type-radial:not(.gradient-three){ background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to))!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-gradient.gradient-type-linear.gradient-three{ background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-gradient.gradient-type-linear:not(.gradient-three){ background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to))!important; background-attachment:scroll!important; } .site-v675 .section-v3.bg-image{ background-image:var(--section-bg-image)!important; background-color:transparent!important; background-size:cover!important; background-position:center!important; background-attachment:scroll!important; background-repeat:no-repeat!important; } /* Pattern art used ::after without excluding explicit section backgrounds. Remove only the pattern image; preserve divider pseudo-elements and their geometry. */ .site-v675:is(.art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave) .section-v3:is(.bg-soft,.bg-brand,.bg-dark,.bg-gradient,.bg-custom,.bg-image)::after{ background-image:none!important; } .site-v675 .section-v3:is(.divider-straight,.divider-wave,.divider-curve,.divider-diagonal)::after{opacity:1!important} /* Dark card surfaces must follow the active dark palette even when a light custom palette or a card-art preset was selected before switching display mode. */ .site-v675.mode-dark :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){ border-color:var(--site-border)!important; } @media (prefers-color-scheme:dark){ .site-v675.mode-system :is(.service-card,.product-card,.review-card,.team-card,.certificate-card,.conversion-card,.before-after-card,.form-v3,.booking-card,.faq-v3 details){ border-color:var(--site-border)!important; } } /* No horizontal decoration may widen the public profile at small widths. */ .site-v675{overflow-x:clip} @supports not (overflow:clip){.site-v675{overflow-x:hidden}} /* Embedded design sections (currently Stats and QR) are not full .section-v3 nodes, but they are still editable in the Studio. Make the same background/spacing contract real instead of exposing controls that only affect the form state. */ .site-v675 [data-studio-section]:not(.section-v3).bg-soft{background:var(--site-bg-alt)!important} .site-v675 [data-studio-section]:not(.section-v3).bg-brand{background:var(--brand)!important;color:#fff!important} .site-v675 [data-studio-section]:not(.section-v3).bg-dark{background:var(--dark-bg,var(--user-dark-bg,#101828))!important;color:#fff!important} .site-v675 [data-studio-section]:not(.section-v3).bg-custom{background:var(--section-custom-bg,var(--site-bg))!important} .site-v675 [data-studio-section]:not(.section-v3).bg-gradient.gradient-type-radial.gradient-three{background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important} .site-v675 [data-studio-section]:not(.section-v3).bg-gradient.gradient-type-radial:not(.gradient-three){background:radial-gradient(circle at 50% 35%,var(--section-gradient-from),var(--section-gradient-to))!important} .site-v675 [data-studio-section]:not(.section-v3).bg-gradient.gradient-type-linear.gradient-three{background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to),var(--section-gradient-third))!important} .site-v675 [data-studio-section]:not(.section-v3).bg-gradient.gradient-type-linear:not(.gradient-three){background:linear-gradient(var(--section-gradient-angle,135deg),var(--section-gradient-from),var(--section-gradient-to))!important} .site-v675 [data-studio-section]:not(.section-v3).bg-image{position:relative;isolation:isolate;background-image:var(--section-bg-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} .site-v675 [data-studio-section]:not(.section-v3).bg-image::before{content:"";position:absolute;inset:0;z-index:0;background:var(--section-overlay,#000);opacity:var(--section-overlay-opacity,.35);pointer-events:none} .site-v675 [data-studio-section]:not(.section-v3).bg-image>*{position:relative;z-index:1} .site-v675.auto-contrast [data-studio-section]:not(.section-v3) :is(h1,h2,h3,h4,strong){color:var(--section-heading,var(--custom-heading))!important} .site-v675.auto-contrast [data-studio-section]:not(.section-v3) :is(p,span){color:var(--section-body,var(--custom-body))} .site-v675 [data-studio-section]:not(.section-v3).spacing-compact{padding-block:20px!important} .site-v675 [data-studio-section]:not(.section-v3).spacing-comfortable{padding-block:30px!important} .site-v675 [data-studio-section]:not(.section-v3).spacing-airy{padding-block:44px!important} .site-v675 [data-studio-section]:not(.section-v3).width-contained{width:min(100%,1120px);margin-inline:auto} .site-v675 [data-studio-section]:not(.section-v3).width-full{width:100%;max-width:none} .site-v675 [data-studio-section]:not(.section-v3).accent-line{border-block-start:1px solid color-mix(in srgb,var(--brand) 28%,transparent)} .site-v675 [data-studio-section]:not(.section-v3).accent-glow{box-shadow:0 18px 60px color-mix(in srgb,var(--brand) 10%,transparent)} .site-v675 .stats-zone-v46.section-style-trust-strip{display:flex!important;justify-content:space-around;gap:0;border-block:1px solid var(--site-border);padding-block:24px} .site-v675 .stats-zone-v46.section-style-trust-strip>*{flex:1} @media(max-width:900px){ .site-v675 [data-studio-section]:not(.section-v3).mobile-spacing-compact{padding-block:14px!important} .site-v675 [data-studio-section]:not(.section-v3).mobile-spacing-comfortable{padding-block:22px!important} .site-v675 [data-studio-section]:not(.section-v3).mobile-spacing-airy{padding-block:32px!important} .site-v675 .stats-zone-v46.section-style-trust-strip{display:block!important} } /* Fixed backgrounds are expensive and inconsistent on mobile Safari/Chromium webviews. */ @media(max-width:900px), (prefers-reduced-motion:reduce){ .site-v675 .section-v3{background-attachment:scroll!important} } /* -------------------------------------------------------------------------- Background Art safety net -------------------------------------------------------------------------- Art is a visual layer, not a permission to make text unreadable or to ignore the user's palette. These families normalize the effective canvas so any Light/Dark theme can be paired with any art preset safely. */ .site-v675:not(.custom-site-colors).art-gradient-blue{--site-bg:#f6fbff;--site-bg-alt:#e6f2ff;--card-bg:#fff;--site-border:#d9e6f2} .site-v675:not(.custom-site-colors).art-gradient-lavender{--site-bg:#fbfaff;--site-bg-alt:#efedff;--card-bg:#fff;--site-border:#e1def2} .site-v675:not(.custom-site-colors).art-gradient-peach{--site-bg:#fffaf6;--site-bg-alt:#ffefe5;--card-bg:#fffdfb;--site-border:#eddcd0} .site-v675:not(.custom-site-colors).art-gradient-indigo{--site-bg:#f5f7ff;--site-bg-alt:#e3e9ff;--card-bg:#fff;--site-border:#d7def3} .site-v675:not(.custom-site-colors).art-gradient-teal{--site-bg:#f5fcfa;--site-bg-alt:#e3f5ef;--card-bg:#fff;--site-border:#d5e9e3} .site-v675:not(.custom-site-colors).art-mesh-blue{--site-bg:#f8fbff;--site-bg-alt:#eef5ff;--card-bg:#fff;--site-border:#dbe7f3} .site-v675:not(.custom-site-colors).art-mesh-purple{--site-bg:#fbfaff;--site-bg-alt:#f1efff;--card-bg:#fff;--site-border:#e3def4} .site-v675:not(.custom-site-colors).art-mesh-rose{--site-bg:#fffafa;--site-bg-alt:#fff0f3;--card-bg:#fff;--site-border:#f0dde1} .site-v675:not(.custom-site-colors).art-mesh-gold{--site-bg:#fffdf8;--site-bg-alt:#f8f1e4;--card-bg:#fffdf9;--site-border:#eadfcb} .site-v675:not(.custom-site-colors).art-mesh-emerald{--site-bg:#f8fcfa;--site-bg-alt:#eaf6f0;--card-bg:#fff;--site-border:#d9ebe2} /* Custom site colors remain authoritative while retaining the character of gradient/mesh/marble art. No literal preset color may leak over user colors. */ .site-v675.custom-site-colors:is(.art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal) .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:linear-gradient(135deg,var(--site-bg),var(--site-bg-alt) 58%,color-mix(in srgb,var(--site-bg) 92%,var(--brand) 8%))!important; } .site-v675.custom-site-colors:is(.art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald) .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 31%),radial-gradient(circle at 83% 74%,color-mix(in srgb,var(--brand-2) 11%,transparent),transparent 30%),var(--site-bg)!important; } .site-v675.custom-site-colors.art-warm-marble .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:linear-gradient(125deg,var(--site-bg) 0 35%,color-mix(in srgb,var(--site-bg-alt) 84%,var(--brand) 16%) 36% 38%,color-mix(in srgb,var(--site-bg) 94%,white 6%) 39% 68%,var(--site-bg-alt) 69% 71%,var(--site-bg) 72%)!important; } .site-v675.custom-site-colors.art-premium-black-gold .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image){ background:linear-gradient(145deg,var(--site-bg),color-mix(in srgb,var(--site-bg) 86%,var(--accent) 14%) 68%,var(--site-bg-alt))!important; } /* Preset-safe text defaults. Auto Contrast owns the result. With manual contrast, explicit custom heading/body colors are respected; otherwise art gets a readable default even when paired with a theme from the opposite tone family. */ .site-v675.auto-contrast:not(.custom-site-colors):is( .art-pure-white,.art-soft-gray,.art-warm-ivory,.art-ice-white,.art-beige-light, .art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal, .art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald, .art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave, .art-luxury-cream-gold,.art-stone-beige,.art-warm-marble,.art-soft-bronze ){--ink:#0b1020!important;--muted:#475467!important;--custom-heading:#0b1020!important;--custom-body:#475467!important;--card-heading:#0b1020!important;--card-body:#475467!important} .site-v675.manual-contrast:not(.custom-site-colors):is( .art-pure-white,.art-soft-gray,.art-warm-ivory,.art-ice-white,.art-beige-light, .art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal, .art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald, .art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave, .art-luxury-cream-gold,.art-stone-beige,.art-warm-marble,.art-soft-bronze ){--ink:#0b1020!important;--muted:#475467!important} .site-v675.manual-contrast:not(.custom-site-colors):not(.custom-heading-color):is( .art-pure-white,.art-soft-gray,.art-warm-ivory,.art-ice-white,.art-beige-light, .art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal, .art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald, .art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave, .art-luxury-cream-gold,.art-stone-beige,.art-warm-marble,.art-soft-bronze ){--custom-heading:#0b1020!important;--card-heading:#0b1020!important} .site-v675.manual-contrast:not(.custom-site-colors):not(.custom-body-color):is( .art-pure-white,.art-soft-gray,.art-warm-ivory,.art-ice-white,.art-beige-light, .art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal, .art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald, .art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave, .art-luxury-cream-gold,.art-stone-beige,.art-warm-marble,.art-soft-bronze ){--custom-body:#475467!important;--card-body:#475467!important} .site-v675.auto-contrast:not(.custom-site-colors):is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald){--ink:#f8fafc!important;--muted:#cbd5e1!important;--custom-heading:#f8fafc!important;--custom-body:#cbd5e1!important;--card-heading:#f8fafc!important;--card-body:#cbd5e1!important} .site-v675.auto-contrast:not(.custom-site-colors).art-premium-black-gold{--ink:#f8f1e6!important;--muted:#c9beae!important;--custom-heading:#f8f1e6!important;--custom-body:#c9beae!important;--card-heading:#f8f1e6!important;--card-body:#c9beae!important} .site-v675.manual-contrast:not(.custom-site-colors):is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald,.art-premium-black-gold){--ink:#f8fafc!important;--muted:#cbd5e1!important} .site-v675.manual-contrast:not(.custom-site-colors):not(.custom-heading-color):is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald,.art-premium-black-gold){--custom-heading:#f8fafc!important;--card-heading:#f8fafc!important} .site-v675.manual-contrast:not(.custom-site-colors):not(.custom-body-color):is(.art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald,.art-premium-black-gold){--custom-body:#cbd5e1!important;--card-body:#cbd5e1!important} /* Default sections inherit the corrected art palette. Explicit section backgrounds use their own contrast variables and must never be recolored by premium-black-gold's old global !important heading rule. */ .site-v675.auto-contrast:not(.custom-site-colors):is( .art-pure-white,.art-soft-gray,.art-warm-ivory,.art-ice-white,.art-beige-light, .art-gradient-blue,.art-gradient-lavender,.art-gradient-peach,.art-gradient-indigo,.art-gradient-teal, .art-mesh-blue,.art-mesh-purple,.art-mesh-rose,.art-mesh-gold,.art-mesh-emerald, .art-pattern-grid,.art-pattern-paper,.art-pattern-grain,.art-pattern-dots,.art-pattern-wave, .art-dark-navy,.art-charcoal,.art-soft-black,.art-deep-indigo,.art-dark-emerald, .art-luxury-cream-gold,.art-stone-beige,.art-warm-marble,.art-premium-black-gold,.art-soft-bronze ) .section-v3:not(.bg-soft):not(.bg-brand):not(.bg-dark):not(.bg-gradient):not(.bg-custom):not(.bg-image){--section-heading:var(--custom-heading)!important;--section-body:var(--custom-body)!important} .site-v675.auto-contrast .section-v3:is(.bg-soft,.bg-custom,.bg-gradient,.bg-image) :is(h1,h2,h3,h4,strong){color:var(--section-heading,var(--custom-heading))!important} .site-v675.auto-contrast .section-v3:is(.bg-soft,.bg-custom,.bg-gradient,.bg-image) :is(p,.section-kicker,.section-heading>div,.section-heading>div p){color:var(--section-body,var(--custom-body))!important} .site-v675.manual-contrast .section-v3:is(.bg-soft,.bg-custom,.bg-gradient) :is(h1,h2,h3,h4,strong){color:var(--custom-heading)!important} .site-v675.manual-contrast .section-v3:is(.bg-soft,.bg-custom,.bg-gradient) :is(p,.section-kicker,.section-heading>div,.section-heading>div p){color:var(--custom-body)!important} /* Legacy art aliases also use ::after. Explicit section backgrounds must opt out. */ .site-v675:is(.art-mesh,.art-grain,.art-grid,.art-paper) .section-v3:is(.bg-soft,.bg-brand,.bg-dark,.bg-gradient,.bg-custom,.bg-image)::after{background-image:none!important} /* Keep legacy --ink/--muted consumers aligned with the authoritative custom palette. In dark/system-dark, --custom-* already resolves to the active dark palette. */ .site-v675.custom-site-colors{--ink:var(--custom-heading)!important;--muted:var(--custom-body)!important} /* premium-black-gold used a global !important heading rule in v6.0. In manual mode, an explicitly selected heading color must still be the final user decision. */ .site-v675.manual-contrast.custom-heading-color.art-premium-black-gold .section-v3:not(.bg-brand):not(.bg-dark):not(.bg-image) :is(h1,h2,h3,h4,strong){color:var(--custom-heading)!important} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v676.css */ /* Snap Profile v6.7.6 — Public Design Sync + Mobile Section Layouts Public renderer is authoritative: the same persisted tokens used by Design Studio are re-asserted here after all legacy/theme CSS layers. */ .site-v676{ /* Experience/theme classes in older releases also assign --heading-font/--body-font. Keep the persisted Studio selection in separate user tokens, then rebind the public renderer here as the final layer so a theme can never silently replace the user font. */ --heading-font:var(--user-heading-font,"Cairo",sans-serif)!important; --body-font:var(--user-body-font,"Cairo",sans-serif)!important; font-family:var(--body-font)!important; } .site-v676 :where(input,select,textarea,button){font-family:var(--body-font)!important} .site-v676 :where(h1,h2,h3,h4,h5,h6,.faq-v3 summary,.brand-mark strong,.conversion-price){font-family:var(--heading-font)!important} /* Persisted custom text colors win over older theme-specific hard-coded text rules, while the per-section contrast tokens still win on brand/dark/image/gradient sections. */ .site-v676.custom-heading-color .section-v3 :where(h2,h3,h4,h5,h6){color:var(--section-heading,var(--custom-heading))!important} .site-v676.custom-body-color .section-v3 :where(p,li,blockquote){color:var(--section-body,var(--custom-body))!important} .site-v676.custom-heading-color .faq-v3 summary{color:var(--section-heading,var(--custom-heading))!important} .site-v676.custom-body-color .faq-v3 details p{color:var(--section-body,var(--custom-body))!important} /* Keep the final user brand tokens authoritative even when an older experience stylesheet declared its own palette. Component rules still decide where primary/secondary/accent are used. */ .site-v676{ --brand:var(--user-brand)!important; --brand-2:var(--user-brand-2)!important; --accent:var(--user-accent)!important; } .mobile-layout-nav-v676{display:none!important} @media(max-width:820px){ /* Shared mobile rail behavior. */ .site-v676 :is( .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54), .section-team .team-v3, .section-conversion .conversion-grid, .section-faq .faq-v3 ){ min-width:0; } /* SERVICES — one card / two cards. All desktop experience variants are normalized into touch-friendly cards only when the user explicitly chooses a mobile layout. */ .site-v676:is(.mobile-services-grid-1,.mobile-services-grid-2) .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54){ display:grid!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important; } .site-v676.mobile-services-grid-1 .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54){grid-template-columns:1fr!important;gap:14px!important} .site-v676.mobile-services-grid-2 .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .site-v676:is(.mobile-services-grid-1,.mobile-services-grid-2) .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card){ grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;padding:18px!important;margin:0!important;border:1px solid var(--site-border)!important;border-radius:calc(var(--radius,18px)*.82)!important;background:var(--card-bg)!important;color:var(--section-heading,var(--custom-heading,var(--ink)))!important;box-shadow:none!important;transform:none!important; } .site-v676.mobile-services-grid-2 .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card){padding:14px!important;gap:8px!important} .site-v676:is(.mobile-services-grid-1,.mobile-services-grid-2) .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card) h3{font-size:clamp(1rem,4.7vw,1.32rem)!important;margin:0!important;letter-spacing:normal!important} .site-v676:is(.mobile-services-grid-1,.mobile-services-grid-2) .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card) p{font-size:.82rem!important;line-height:1.65!important;margin:0!important;color:var(--section-body,var(--custom-body,var(--muted)))!important} .site-v676:is(.mobile-services-grid-1,.mobile-services-grid-2) .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>a{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:38px!important;margin-top:auto!important;padding:9px 10px!important;border-radius:10px!important;align-self:stretch!important;justify-self:stretch!important} /* SERVICES — compact list/table. */ .site-v676.mobile-services-list .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54){display:block!important;border-top:1px solid var(--site-border)!important;overflow:visible!important;padding:0!important} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card){ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;min-height:0!important;width:100%!important;padding:16px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--site-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important; } .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>:not(a){grid-column:1!important;position:static!important} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>a{grid-column:2!important;grid-row:1/5!important;align-self:center!important;justify-self:end!important;position:static!important;width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:0!important} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>a b{display:none!important} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>a::after{content:"↗";font-size:1rem!important;line-height:1} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card) h3{font-size:1.05rem!important;margin:0!important;letter-spacing:normal!important} .site-v676.mobile-services-list .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card) p{font-size:.78rem!important;line-height:1.6!important;margin:0!important;color:var(--section-body,var(--custom-body,var(--muted)))!important} /* SERVICES — swipe slider. */ .site-v676.mobile-services-slider .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54){ display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:12px!important;padding:4px 2px 16px!important;scrollbar-width:none!important; } .site-v676.mobile-services-slider .section-services :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54)::-webkit-scrollbar{display:none} .site-v676.mobile-services-slider .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card){ flex:0 0 min(84vw,350px)!important;grid-column:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:280px!important;height:auto!important;padding:20px!important;border:1px solid var(--site-border)!important;border-radius:calc(var(--radius,18px)*.9)!important;background:var(--card-bg)!important;color:var(--section-heading,var(--custom-heading,var(--ink)))!important;scroll-snap-align:center!important;box-shadow:none!important;transform:none!important; } .site-v676.mobile-services-slider .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card)>a{position:static!important;margin-top:auto!important;align-self:stretch!important;width:auto!important;height:auto!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important} .site-v676.mobile-services-slider .section-services+.mobile-layout-nav-v676, .site-v676.mobile-services-slider .section-services .mobile-layout-nav-v676{display:flex!important} .site-v676.mobile-services-slider .section-services .mobile-layout-nav-v676{align-items:center;justify-content:center;gap:13px;margin-top:16px} /* TEAM */ .site-v676:is(.mobile-team-grid-1,.mobile-team-grid-2) .section-team .team-v3{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important;gap:12px!important} .site-v676.mobile-team-grid-1 .section-team .team-v3{grid-template-columns:1fr!important} .site-v676.mobile-team-grid-2 .section-team .team-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .site-v676:is(.mobile-team-grid-1,.mobile-team-grid-2) .section-team .team-card{width:auto!important;min-width:0!important;flex:none!important;transform:none!important;opacity:1!important} .site-v676.mobile-team-grid-2 .section-team .team-card{padding:12px!important} .site-v676.mobile-team-grid-2 .section-team .team-media{min-height:0!important;aspect-ratio:1/1!important} .site-v676.mobile-team-grid-2 .section-team .team-card h3{font-size:1rem!important} .site-v676:is(.mobile-team-grid-1,.mobile-team-grid-2) .section-team .section-slider-nav-v67{display:none!important} .site-v676.mobile-team-slider .section-team .team-v3{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:12px!important;padding:4px 2px 16px!important;margin:0!important;scrollbar-width:none!important} .site-v676.mobile-team-slider .section-team .team-v3::-webkit-scrollbar{display:none} .site-v676.mobile-team-slider .section-team .team-card{flex:0 0 min(82vw,340px)!important;scroll-snap-align:center!important;transform:none!important;opacity:1!important} .site-v676.mobile-team-slider .section-team .section-slider-nav-v67{display:flex!important} /* OFFERS */ .site-v676:is(.mobile-offers-grid-1,.mobile-offers-grid-2) .section-conversion .conversion-grid{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px!important} .site-v676.mobile-offers-grid-1 .section-conversion .conversion-grid{grid-template-columns:1fr!important} .site-v676.mobile-offers-grid-2 .section-conversion .conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .site-v676:is(.mobile-offers-grid-1,.mobile-offers-grid-2) .section-conversion .conversion-card{grid-column:auto!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;transform:none!important} .site-v676.mobile-offers-grid-2 .section-conversion .conversion-card{padding:14px!important} .site-v676.mobile-offers-grid-2 .section-conversion .conversion-card img{max-height:120px!important;object-fit:cover!important} .site-v676.mobile-offers-list .section-conversion .conversion-grid{display:block!important;border-top:1px solid var(--site-border)!important} .site-v676.mobile-offers-list .section-conversion .conversion-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:0!important;width:100%!important;padding:16px 4px!important;border:0!important;border-bottom:1px solid var(--site-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important} .site-v676.mobile-offers-list .section-conversion .conversion-card>img{display:none!important} .site-v676.mobile-offers-list .section-conversion .conversion-card>div{grid-column:1/-1!important} .site-v676.mobile-offers-slider .section-conversion .conversion-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:12px!important;padding:4px 2px 16px!important;scrollbar-width:none!important} .site-v676.mobile-offers-slider .section-conversion .conversion-grid::-webkit-scrollbar{display:none} .site-v676.mobile-offers-slider .section-conversion .conversion-card{flex:0 0 min(84vw,350px)!important;min-width:0!important;width:auto!important;height:auto!important;scroll-snap-align:center!important;transform:none!important} .site-v676.mobile-offers-slider .section-conversion .mobile-layout-nav-v676{display:flex!important} /* FAQ */ .site-v676:is(.mobile-faq-accordion,.mobile-faq-cards,.mobile-faq-slider) .section-faq .faq-grid{grid-template-columns:1fr!important;gap:18px!important} .site-v676.mobile-faq-accordion .section-faq .faq-v3{display:block!important;overflow:visible!important} .site-v676.mobile-faq-cards .section-faq .faq-v3{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important} .site-v676.mobile-faq-cards .section-faq .faq-v3 details{margin:0!important;padding:0 16px!important;border:1px solid var(--site-border)!important;border-radius:calc(var(--radius,18px)*.75)!important;background:var(--card-bg)!important} .site-v676.mobile-faq-slider .section-faq .faq-v3{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:12px!important;padding:4px 2px 16px!important;scrollbar-width:none!important} .site-v676.mobile-faq-slider .section-faq .faq-v3::-webkit-scrollbar{display:none} .site-v676.mobile-faq-slider .section-faq .faq-v3 details{flex:0 0 min(84vw,350px)!important;min-width:0!important;margin:0!important;padding:0 16px 14px!important;border:1px solid var(--site-border)!important;border-radius:calc(var(--radius,18px)*.82)!important;background:var(--card-bg)!important;scroll-snap-align:center!important} .site-v676.mobile-faq-slider .section-faq .mobile-layout-nav-v676{display:flex!important} /* Shared nav only for the three newly introduced rails. */ .site-v676.mobile-services-slider .section-services .mobile-layout-nav-v676, .site-v676.mobile-offers-slider .section-conversion .mobile-layout-nav-v676, .site-v676.mobile-faq-slider .section-faq .mobile-layout-nav-v676{align-items:center!important;justify-content:center!important;gap:12px!important;margin-top:14px!important} } @media(max-width:420px){ .site-v676.mobile-services-grid-2 .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card), .site-v676.mobile-offers-grid-2 .section-conversion .conversion-card{padding:12px!important} .site-v676.mobile-services-grid-2 .section-services :is(.service-ledger-row,.service-atelier-card,.service-editorial-row,.service-conversion-card) p, .site-v676.mobile-offers-grid-2 .section-conversion .conversion-card p{font-size:.74rem!important} } @media(prefers-reduced-motion:reduce){ .site-v676 :is(.service-ledger-v54,.service-atelier-v54,.service-editorial-v54,.service-conversion-v54,.team-v3,.conversion-grid,.faq-v3){scroll-behavior:auto!important} } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v677.css */ /* Snap Profile v6.7.7 — Typography Authority + Mobile Navigation Control The v6.7.6 rule was loaded last, but older experience rules such as .site-v56.experience-* had higher selector specificity while also using !important. Match/exceed that specificity here so the persisted user choice is authoritative. */ .site-v677.site-v3{ --heading-font:var(--user-heading-font,"Cairo",sans-serif)!important; --body-font:var(--user-body-font,"Cairo",sans-serif)!important; font-family:var(--body-font)!important; } .site-v677.site-v3 :where(p,span,a,li,small,label,input,select,textarea,button,table,th,td,figcaption,address,.section-index,.site-footer,.footer-info-grid){ font-family:var(--body-font)!important; } .site-v677.site-v3 :where(h1,h2,h3,h4,h5,h6,.brand-mark strong,.faq-v3 summary,.conversion-price,.section-kicker strong,.section-heading strong){ font-family:var(--heading-font)!important; } /* A few legacy components use the font shorthand. Re-assert the family without replacing their weight/size/line-height choices. */ .site-v677.site-v3 :where(.hero-content h1,.carousel-copy h1,.contact-copy h2,.local-copy h1,.reviews-editorial-v54 blockquote,.reviews-local-v54 blockquote){ font-family:var(--heading-font)!important; } /* Logo-only is an explicit mobile option: keep the brand/header but remove all navigation UI. */ @media(max-width:900px){ .site-v677.mobile-header-logo-only .menu-toggle, .site-v677.mobile-header-logo-only .mobile-menu, .site-v677.mobile-header-logo-only .nav-actions{display:none!important} .site-v677.mobile-header-logo-only .nav-shell{justify-content:center!important} .site-v677.mobile-header-logo-only .brand-mark{margin-inline:auto!important} } /* Studio-only immediate state while the authoritative auto-save refresh is pending. */ .site-v677 .mobile-action-dock-v52.is-disabled, .site-v677 .sticky-cta-v58.is-disabled{display:none!important} /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v10.css */ /* SnapProfile v10 — multi-page/global public experience. */ .site-v10 .desktop-nav a.is-current, .site-v10 .mobile-menu a.is-current { color: var(--brand); font-weight: 800; } .site-v10 .desktop-nav a.is-current::after { transform: scaleX(1); } .locale-switch { display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid color-mix(in srgb, var(--header-text) 15%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--header-bg) 86%, transparent); } .locale-switch a, .mobile-locales a { display: grid; min-width: 32px; min-height: 30px; place-items: center; border-radius: 999px; color: var(--header-text); font: 700 .72rem/1 var(--body-font); letter-spacing: .05em; text-decoration: none; } .locale-switch a.active, .mobile-locales a.active { color: var(--header-cta-text); background: var(--header-cta-bg); } .mobile-locales { display: flex; gap: 8px; padding-top: 14px; border-top: 1px solid var(--site-border); } .site-subpage .hero-v3, .site-subpage .hero-carousel-v39 { display: none; } .page-masthead-v10 { position: relative; isolation: isolate; min-height: min(66vh, 680px); display: grid; align-items: end; overflow: hidden; padding: clamp(9rem, 18vw, 13rem) 0 clamp(4rem, 8vw, 7rem); color: var(--custom-heading); background: radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 38%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 34%), linear-gradient(145deg, var(--site-bg), var(--site-bg-alt)); } .page-masthead-art, .page-masthead-art span { position: absolute; inset: 0; pointer-events: none; } .page-masthead-art { z-index: -1; opacity: .75; background-image: linear-gradient(color-mix(in srgb, var(--site-border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--site-border) 55%, transparent) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 90%); } .page-masthead-art span:nth-child(1) { inset: auto -8vw -26vw auto; width: min(58vw, 720px); aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--brand) 35%, transparent); border-radius: 50%; } .page-masthead-art span:nth-child(2) { inset: auto -3vw -21vw auto; width: min(48vw, 590px); aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); border-radius: 50%; } .page-masthead-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .32fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; } .page-breadcrumb { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; color: var(--custom-body); font-size: .82rem; } .page-breadcrumb a { color: inherit; text-decoration: none; } .page-kicker { margin: 0 0 1rem; color: var(--brand); font-weight: 800; letter-spacing: .08em; } .page-masthead-v10 h1 { max-width: 920px; margin: 0; font: var(--heading-weight) var(--display)/1.08 var(--heading-font); letter-spacing: var(--heading-letter-spacing); text-wrap: balance; } .page-masthead-v10 h1 + p { max-width: 760px; margin: 1.5rem 0 0; color: var(--custom-body); font-size: clamp(1rem, 1.8vw, 1.24rem); line-height: 1.85; } .page-masthead-v10 aside { display: grid; gap: .7rem; padding: clamp(1.3rem, 2.8vw, 2rem); border: 1px solid color-mix(in srgb, var(--site-border) 78%, transparent); border-radius: calc(var(--radius) * 1.15); background: color-mix(in srgb, var(--card-bg) 74%, transparent); box-shadow: 0 30px 80px color-mix(in srgb, var(--dark-bg) 13%, transparent); backdrop-filter: blur(18px); } .page-masthead-v10 aside span { color: var(--custom-body); font-size: .75rem; } .page-masthead-v10 aside strong { font: 750 1.15rem/1.3 var(--heading-font); } .page-masthead-v10 aside a { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: .75rem; padding: .9rem 1rem; border-radius: calc(var(--radius) * .65); color: var(--header-cta-text); background: var(--brand); text-decoration: none; font-weight: 800; } .site-subpage .section-about:first-of-type { border-top: 0; } .site-v10 .section-hidden { display: none !important; } .tracking-consent-v10 { position: fixed; z-index: 1200; inset: auto clamp(12px, 3vw, 34px) clamp(12px, 3vw, 30px); display: none; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:22px; max-width: 920px; margin-inline:auto; padding:16px 18px; border:1px solid color-mix(in srgb, var(--site-border) 72%, transparent); border-radius:18px; color:var(--card-heading); background:color-mix(in srgb, var(--card-bg) 94%, transparent); box-shadow:0 24px 80px rgba(10,10,20,.22); backdrop-filter:blur(22px); } .tracking-consent-v10.visible{display:grid;animation:consent-in .28s ease both} @keyframes consent-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} .tracking-consent-v10>div{display:flex;align-items:center;gap:12px} .tracking-consent-v10>div:first-child>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,transparent)} .tracking-consent-v10 p{display:grid;gap:3px;margin:0} .tracking-consent-v10 small{color:var(--card-body);line-height:1.55} .tracking-consent-v10 small a{color:var(--brand)} .tracking-consent-v10 button{padding:9px 13px;border:1px solid var(--site-border);border-radius:10px;color:var(--card-heading);background:transparent;font:700 .78rem var(--body-font);cursor:pointer;white-space:nowrap} .tracking-consent-v10 button.accept{border-color:var(--brand);color:#fff;background:var(--brand)} @media (max-width: 920px) { .locale-switch { display: none; } .page-masthead-grid { grid-template-columns: 1fr; gap: 2rem; } .page-masthead-grid aside { max-width: 460px; } .page-masthead-v10 { min-height: 580px; padding-top: 8rem; } } @media (max-width: 620px) { .page-masthead-v10 { min-height: 520px; padding: 7rem 0 3.5rem; } .page-masthead-art { background-size: 34px 34px; } .page-masthead-grid { gap: 1.5rem; } .page-masthead-v10 h1 { font-size: var(--mobile-display); } .page-masthead-v10 aside { display: none; } .tracking-consent-v10{grid-template-columns:1fr;gap:12px;padding:14px} .tracking-consent-v10>div:last-child{justify-content:stretch} .tracking-consent-v10 button{flex:1} } @media (prefers-reduced-motion: reduce) { .page-masthead-art { transform: none !important; } } /* SOURCE: src/SnapProfile.Web/wwwroot/css/profile-v101.css */ .skip-link-v101 { position: fixed; z-index: 10000; inset-block-start: 10px; inset-inline-start: 10px; padding: 11px 16px; border-radius: 10px; color: #fff; background: #101828; font-weight: 800; text-decoration: none; transform: translateY(-160%); transition: transform .16s ease; } .skip-link-v101:focus-visible { outline: 3px solid #fff; outline-offset: 2px; transform: translateY(0); } #main-content-v101:focus { outline: none; } @media (prefers-reduced-motion: reduce) { .skip-link-v101 { transition: none; } }