@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#183547;--blue:#719bb5;--soft:#edf4f7;--line:#dce8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fafcfc;font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}nav{position:absolute;z-index:4;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,6vw,100px);color:white}.logo{font-family:Georgia,serif;font-size:27px;letter-spacing:3px}.logo small{display:block;text-align:center;font:9px 'DM Sans';letter-spacing:5px;margin-top:2px}.navlinks{display:flex;gap:32px;align-items:center}.navlinks a{color:inherit;text-decoration:none;font-size:13px}.pill{border:1px solid rgba(255,255,255,.6);border-radius:50px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);color:white;padding:13px 22px;transition:.3s}.pill:hover{background:white;color:var(--ink);transform:translateY(-3px)}.hero{height:min(850px,100svh);min-height:640px;position:relative;overflow:hidden;background:#8ba8b1}.hero video,.hero .fallback{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero .fallback{background:url('https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=2000') center/cover} .hero .fallback{animation:heroDrift 13s ease-in-out infinite alternate;transform-origin:center} .hero video{z-index:1;opacity:0;transition:opacity .8s ease} .hero video.is-playing{opacity:1} .hero:before{content:"";position:absolute;z-index:1;inset:-30%;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,rgba(221,242,255,.24),transparent 48%);animation:lightSweep 7s ease-in-out infinite alternate} .hero-content>*{animation:heroRise .65s both} .hero-content h1{animation-delay:.15s}.hero-content p{animation-delay:.3s}.hero-content .cta{animation-delay:.45s} .hero .cta .arrow{display:inline-block;transition:transform .3s}.hero .cta:hover .arrow{transform:translate(4px,-4px)} .scroll:after{content:"";display:block;width:1px;height:38px;margin:12px auto 0;background:rgba(255,255,255,.8);animation:scrollPulse 2s ease-in-out infinite} @keyframes heroDrift{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.16) translateX(2%)}}@keyframes lightSweep{from{transform:translateX(-14%)}to{transform:translateX(14%)}}@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{50%{opacity:.25;transform:translateY(8px)}}.shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(17,42,54,.74),rgba(17,42,54,.23) 70%),linear-gradient(0deg,rgba(17,42,54,.3),transparent 45%)}.hero-content{position:absolute;z-index:3;top:50%;transform:translateY(-43%);left:clamp(24px,9vw,150px);color:white;max-width:750px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:700}.hero h1{font:clamp(52px,7.8vw,116px)/1.02 Georgia,serif;letter-spacing:-3px;font-weight:400;margin:26px 0}.hero h1 em{font-style:italic;color:#d5e9f1}.hero p{font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:460px;color:#e9f1f3}.cta{display:inline-flex;gap:24px;align-items:center;border:0;border-radius:50px;padding:18px 25px;background:#eaf5f8;color:#19384a;font-weight:700;margin-top:24px;transition:.35s;box-shadow:0 10px 35px #0d28302b}.cta:hover{transform:translateY(-4px) scale(1.025);background:white;box-shadow:0 16px 35px #0d28304d}.arrow{font-size:22px}.scroll{position:absolute;z-index:3;bottom:32px;left:clamp(24px,9vw,150px);color:#fff9;font-size:11px;letter-spacing:2px}.section{padding:110px clamp(24px,9vw,150px)}.center{text-align:center}.kicker{color:#719bb5;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800}.section h2{font:clamp(38px,4.7vw,72px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-1.5px;margin:18px 0}.muted{color:#71838e;line-height:1.8}.intro{max-width:720px;margin:auto}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.service{position:relative;min-height:365px;border-radius:18px;overflow:hidden;background:#dbe8ec;isolation:isolate;cursor:pointer}.service img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .7s}.service:hover img{transform:scale(1.07)}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092c42a8,transparent 75%)}.service div{position:absolute;z-index:1;bottom:28px;left:28px;color:white}.service h3{font:32px Georgia;margin:0 0 8px}.service span{font-size:13px}.inquiry{background:linear-gradient(135deg,#e6f1f5,#f8fbfc);border-radius:30px;padding:clamp(25px,5vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.formcard{background:white;border:1px solid #e4edf1;box-shadow:0 25px 65px #2e5a7112;border-radius:22px;padding:28px}.formcard label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px}.formcard select,.formcard input{width:100%;border:1px solid #dbe6eb;border-radius:12px;padding:15px;color:#244357;background:white;outline:none}.formcard input:focus,.formcard select:focus{border-color:#7aa7be}.price{margin-top:24px;border-top:1px solid #e4edf1;padding-top:22px;display:flex;justify-content:space-between;align-items:center}.price strong{font-size:28px}.note{font-size:11px;color:#81949e;line-height:1.6}.darkbtn{background:#224b63;color:white;border:0;border-radius:12px;padding:17px 24px;width:100%;margin-top:18px;transition:.25s}.darkbtn:hover{background:#386f8b;transform:translateY(-2px)}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story img{width:100%;border-radius:20px;max-height:570px;object-fit:cover}.steps{display:flex;gap:20px;margin-top:55px}.step{flex:1;padding:28px;border-top:1px solid #bed3df}.step b{font:34px Georgia;color:#8bb0c4}.step h3{font-size:18px}.footer{background:#19394b;color:white;padding:70px clamp(24px,9vw,150px)}.footer a{color:#c5e1ec}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.ai{position:fixed;right:23px;bottom:23px;z-index:10;background:#224c64;color:white;border:0;border-radius:50px;padding:15px 19px;box-shadow:0 10px 30px #153a5260}.ai-panel{display:none;position:fixed;right:20px;bottom:88px;z-index:11;width:min(360px,calc(100vw - 40px));background:white;border:1px solid #dce8ed;border-radius:20px;padding:22px;box-shadow:0 18px 60px #153a5235}.ai-panel.open{display:block}.ai-panel button{border:1px solid #c9dce5;background:#edf5f8;border-radius:10px;padding:10px;margin:5px 4px 0 0;color:#21465b}@media(max-width:800px){.navlinks a{display:none}.hero{height:780px;min-height:650px}.hero-content{top:52%;transform:translateY(-35%)}.hero h1{letter-spacing:-2px}.section{padding:75px 22px}.services{grid-template-columns:1fr;gap:14px;margin-top:30px}.service{min-height:280px}.inquiry,.story{grid-template-columns:1fr;gap:30px}.steps{flex-direction:column;gap:5px}.footer{padding:60px 25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Pearl Motion – refined interactive layer */
:root{--ease:cubic-bezier(.2,.75,.2,1)}a,button,.service,.portal{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8bc8e7;outline-offset:4px}.cta,.pill,.darkbtn,.ai,.ai-panel button{position:relative;overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s,background .32s}.cta:before,.pill:before,.darkbtn:before,.ai:before{content:"";position:absolute;inset:-70% auto -70% -70%;width:35%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff70,transparent);transition:left .7s var(--ease);pointer-events:none}.cta:hover:before,.pill:hover:before,.darkbtn:hover:before,.ai:hover:before{left:130%}.cta:hover,.pill:hover,.darkbtn:hover,.ai:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 18px 40px #123c4e38}.cta:active,.pill:active,.darkbtn:active,.ai:active{transform:scale(.97)}.service{transition:transform .5s var(--ease),box-shadow .5s}.service:hover{transform:translateY(-7px);box-shadow:0 24px 50px #163e542b}.service:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid #ffffff30;border-radius:inherit;pointer-events:none}.service div{transition:transform .4s var(--ease)}.service:hover div{transform:translateY(-7px)}.formcard{transition:box-shadow .35s,transform .35s}.formcard:focus-within{box-shadow:0 28px 70px #2e5a712b;transform:translateY(-3px)}.price strong{transition:transform .25s,color .25s}.price strong.bump{animation:priceBump .35s var(--ease)}@keyframes priceBump{50%{transform:translateY(-4px);color:#6399b8}}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.portal{display:block;text-decoration:none;color:var(--ink);border:1px solid #dfebef;border-radius:23px;padding:35px;background:linear-gradient(155deg,#fff,#edf6fa);box-shadow:0 10px 30px #244f6010;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}.portal:hover{transform:translateY(-9px);box-shadow:0 25px 55px #244f6026;border-color:#a9c8d9}.portal-icon{display:grid;place-items:center;width:55px;height:55px;background:#dceef5;border-radius:16px;font-size:30px;transition:transform .5s}.portal:hover .portal-icon{transform:rotate(-8deg) scale(1.12)}.portal h3{font:28px Georgia,serif;margin:25px 0 12px}.portal p{color:#70848d;line-height:1.7;min-height:75px}.portal>span:last-child{font-weight:700;color:#396d87}.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.socials a{padding:13px 17px;border:1px solid #ffffff50;border-radius:50px;text-decoration:none;transition:background .3s,transform .3s}.socials a:hover{background:#ffffff25;transform:translateY(-3px)}.socialnote{opacity:.65;font-size:11px;margin-top:20px}@media(max-width:800px){.portal-grid{grid-template-columns:1fr}.portal p{min-height:0}.socials a{font-size:12px}.hero{min-height:640px}}@media(prefers-reduced-motion:reduce){.portal,.service,.cta,.pill,.darkbtn{transition:none!important}}


/* Refined photographic sections; other design unchanged */
.story-photo{aspect-ratio:4/5;object-fit:cover;object-position:center;filter:saturate(.82);transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .9s;box-shadow:0 24px 60px #1b42551a}
.story-photo:hover{transform:scale(1.018);filter:saturate(1)}
.portal-grid{align-items:stretch}.portal{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:22px;isolation:isolate}
.portal-media{height:205px;position:relative;overflow:hidden;background:#e7f0f3}
.portal-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#153a4b55,transparent 65%);pointer-events:none}
.portal-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78);transition:transform 1s cubic-bezier(.2,.75,.2,1),filter .7s}
.portal:hover .portal-media img,.portal:focus-visible .portal-media img{transform:scale(1.095);filter:saturate(1)}
.portal h3{font-size:clamp(23px,2vw,29px);margin:25px 25px 10px}.portal p{margin:0 25px 18px;min-height:0;flex:1}.portal>span:last-child{margin:0 25px 27px;display:inline-flex;align-items:center;transition:transform .35s}.portal:hover>span:last-child{transform:translateX(5px)}
@media(max-width:800px){.portal-media{height:210px}.portal h3{margin-top:23px}.story-photo{aspect-ratio:5/4;max-height:440px}.portal-grid{gap:19px}}
@media(prefers-reduced-motion:reduce){.portal-media img,.story-photo{transition:none!important}}

/* Production accessibility and real navigation. */
.logo img{display:block;width:184px;height:72px;object-fit:contain}.logo a{display:block}.navlinks .pill{text-decoration:none;color:white;white-space:nowrap}.navlinks{gap:20px}nav{gap:24px}.mobile-navigation{display:none}.service{display:block;text-align:left;color:white;text-decoration:none}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px)}.motion-ready .reveal.visible{opacity:1;transform:none}.service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left;margin-top:28px}.service-directory details{border:1px solid #dce8ed;border-radius:14px;background:#fff;padding:20px}.service-directory summary{cursor:pointer;font-weight:650;color:#244357}.service-directory a{display:block;padding:10px 0;line-height:1.5;color:#315f80;text-decoration:none}.service-directory a:hover{text-decoration:underline}.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;font-size:13px}.footer-identity,.copyright{font-size:12px;opacity:.75;margin-top:30px}.review-card{background:white;border:1px solid #dce8ed;border-radius:18px;padding:24px;text-align:left}.review-stars{color:#315f80}#reviewsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.hero .scroll{pointer-events:none}.section{scroll-margin-top:24px}.formcard select{font-size:16px}.hero-content{max-width:760px}.hero h1{font-size:clamp(52px,7.4vw,110px)}
@media(max-width:1150px){.navlinks>a:not(.pill){display:none}.mobile-navigation{display:block;position:relative;color:white}.mobile-navigation summary{cursor:pointer;padding:12px;border:1px solid #ffffff70;border-radius:8px;list-style:none}.mobile-navigation>div{position:absolute;right:0;top:54px;width:min(300px,85vw);padding:12px;background:#193c58;border:1px solid #688a9f;border-radius:14px;box-shadow:0 18px 45px #092c4240}.mobile-navigation a{display:block;padding:12px;color:white;text-decoration:none}.service-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){nav{padding:15px 20px;gap:12px}.logo img{width:140px;height:58px}.navlinks{margin-left:auto}.navlinks .pill{font-size:11px;padding:11px 12px}.mobile-navigation summary{font-size:12px;padding:11px}.hero{height:min(790px,100svh);min-height:630px}.hero-content{top:50%;left:24px;right:24px;transform:translateY(-35%)}.hero h1{font-size:clamp(52px,12vw,80px)}.service-directory,#reviewsGrid{grid-template-columns:1fr}.inquiry{border-radius:22px}.section h2{overflow-wrap:break-word}.formcard{padding:20px}.service-directory details{padding:16px}}
@media(max-width:370px){.navlinks .pill{display:none}.mobile-navigation{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.hero video{display:none}}


/* VICKYS_ORIGINAL_LOGO_VISIBILITY_OCT2026
   Keep the approved brand-logo.svg unchanged; ensure its original mark is
   legible on the photo/video hero and the dark footer. */
.atelier-home .hero nav .logo img,
.atelier-home .footer .logo img {
  display: block;
  width: clamp(218px, 21vw, 280px);
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 2px 7px rgba(4, 25, 44, .8));
}
.atelier-home .hero nav .logo a,
.atelier-home .footer .logo a {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 800px) {
  .atelier-home .hero nav .logo img { width: 160px; }
  .atelier-home .footer .logo img { width: 220px; }
}
@media (max-width: 390px) {
  .atelier-home .hero nav .logo img { width: 145px; }
}