@import url('landing-assets.css');
@font-face{font-family:Codec;src:url('assets/fonts/codec-pro-regular.woff2') format('woff2');font-display:swap}
/* Position the signature against the source photo, not its bottom edge. */
.hero-photo figcaption{bottom:8%;right:40%;font-size:clamp(28px,3.55vw,51px);transform:none}
/* Original Canva contact page: full photo, hours at left, icons at right. */
.site-footer.original-footer{position:relative;isolation:isolate;height:calc(100vw * 768 / 1366);min-height:630px;padding:0;background-color:#24241e;background-image:var(--footer-photo);background-position:center;background-size:cover;color:#fff;font-family:Caladea,Georgia,serif}
.original-footer:before{content:'';position:absolute;inset:0;background:#000;opacity:.65;z-index:-1;pointer-events:none}
.original-footer-content{position:relative;height:100%;width:min(100%,1600px);margin:auto}
.original-hours{position:absolute;left:18.5%;top:16%;width:21%}.original-hours h2{font-family:Caladea,Georgia,serif;font-size:clamp(18px,1.66vw,26px);font-weight:400;line-height:1.2;font-style:normal;text-transform:none;white-space:nowrap}.original-hours .hours{font-family:Caladea,Georgia,serif;font-size:clamp(18px,1.66vw,26px);line-height:1.25;margin:44px 0 0;max-width:none}.original-hours .hours div{margin-bottom:16px;gap:15px}.original-contact{position:absolute;left:52.3%;top:17%;width:43%;display:grid;gap:29px;font-size:clamp(17px,1.65vw,25px);letter-spacing:.09em;line-height:1.3}.original-contact>a,.original-contact>div{display:grid;grid-template-columns:39px minmax(0,1fr);gap:29px;align-items:center;min-height:45px;text-decoration:none}.original-contact a:hover span{text-decoration:underline;text-underline-offset:5px}.original-contact .contact-icon{width:38px;height:43px;object-fit:contain}.original-contact .email-row{font-size:clamp(16px,1.41vw,22px)}.original-contact .address-row{font-size:clamp(15px,1.55vw,24px);text-transform:uppercase;letter-spacing:.065em}.original-booking{position:absolute;left:33.5%;top:71%;width:33%}.original-booking .button{width:100%;min-height:58px;font-size:clamp(18px,1.66vw,25px);text-decoration:underline;text-underline-offset:2px}.original-service-names{position:absolute;left:34%;top:84%;width:33%;display:flex;justify-content:space-between;gap:20px;font-family:Caladea,Georgia,serif;font-size:clamp(18px,1.66vw,25px);font-style:italic;letter-spacing:.07em;white-space:nowrap}
/* Service landing pages retain the supplied Canva composition. */
.landing-header{position:absolute;z-index:4;top:35px;right:max(7%,calc((100% - 1250px)/2));font-family:var(--sans);font-size:clamp(16px,1.75vw,24px)}.landing-header a{text-decoration:none}.landing-header a:hover{text-decoration:underline;text-underline-offset:5px}.landing-hero{position:relative;min-height:610px;height:calc(100vw * 768 / 1366);max-height:810px;background-image:var(--lash-satin);background-position:center;background-size:cover;padding:135px max(8%,calc((100% - 1150px)/2)) 100px}.semi-permanent-makeup .landing-hero{background-image:var(--semi-satin)}.landing-intro{max-width:700px}.landing-intro h1{font-family:Seasons,Georgia,serif;font-size:clamp(54px,5.4vw,82px);line-height:1.15;letter-spacing:-.01em}.landing-intro>p{font-family:var(--sans);font-size:clamp(15px,1.37vw,20px);line-height:1.45;margin-top:30px;max-width:650px}.landing-hero-action{margin-top:60px;border-top:1px solid var(--ink);padding-top:45px}.landing-hero-action .button{width:490px;max-width:100%;font-size:clamp(17px,1.66vw,24px);text-decoration:underline;min-height:54px}.landing-inspiration-title{position:absolute;bottom:10%;left:8%;right:8%;text-align:center;font-family:var(--sans);font-size:clamp(25px,2.67vw,38px);text-transform:uppercase;line-height:1.4;text-decoration:none}.semi-permanent-makeup .landing-inspiration-title{font-size:clamp(24px,2.38vw,35px)}.landing-inspiration-title:hover{text-decoration:underline;text-underline-offset:8px}
.inspiration-section{padding:85px max(8%,calc((100% - 1180px)/2)) 70px}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:70px 50px;max-width:1180px;margin:auto}.style-card{margin:0;min-width:0;padding:0 7px}.polaroid{position:relative;isolation:isolate;background:#f4f2e9;padding:10px 10px 17px;box-shadow:0 1px 3px #0002}.polaroid:before{content:'';position:absolute;z-index:-1;inset:-21px -8px 31px 17px;border:10px solid #f4f2e9;background-image:var(--polaroid-back);background-position:center;background-size:cover;transform:rotate(6deg);box-shadow:0 1px 3px #0002}.style-photo{display:block;aspect-ratio:1/1;overflow:hidden;cursor:zoom-in}.style-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.style-photo:hover img{transform:scale(1.025)}.polaroid figcaption{position:relative;text-align:center;padding-top:15px;min-height:66px;font-family:Codec,Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.38;letter-spacing:.075em}.polaroid h3{font:inherit;font-weight:400;overflow-wrap:anywhere}.polaroid figcaption p{font:inherit;margin-top:2px}.brow-inspiration{padding-bottom:35px}.brow-inspiration .inspiration-grid{gap:45px}.gallery-decor{position:relative;height:230px;max-width:1180px;margin:25px auto 0}.decor-tray{position:absolute;right:0;bottom:0;width:300px;height:200px;object-fit:contain}.decor-coffee{position:absolute;right:40px;bottom:-2px;width:108px;height:68px;object-fit:contain}.aftercare-section{padding:60px 0 75px}.aftercare-section h2{font-family:Codec,Arial,sans-serif;font-size:clamp(22px,2vw,29px);font-style:normal;text-transform:none;font-weight:700;text-align:center;margin:0 auto 45px;max-width:1000px;line-height:1.35}.aftercare-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.aftercare-grid article{min-width:0;font-family:Codec,Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.65}.aftercare-grid h3{font:inherit;font-weight:700;font-size:18px;margin-bottom:18px}.aftercare-grid ul{margin:0;padding-left:20px}.aftercare-grid li+li{margin-top:18px}.aftercare-grid ul+h3{margin-top:34px}.landing-related{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:28px var(--margin);font-family:var(--sans);font-size:15px;background:var(--stone)}.landing-related a{padding-block:6px;text-underline-offset:4px}
.polaroid:before{z-index:-2}.polaroid:after{content:'';position:absolute;inset:0;z-index:-1;background:#f4f2e9;pointer-events:none}
@media(min-width:701px) and (max-width:1000px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.polaroid figcaption{font-size:16px}}
/* Subtle entrances, only enabled when JavaScript and motion preferences allow. */
.motion-pending{opacity:0;transform:translate3d(0,22px,0)}.motion-visible{animation:foxie-enter .8s cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--reveal-delay,0ms)}.original-footer .motion-pending{transform:none}.original-footer .motion-visible{animation-name:foxie-fade}@keyframes foxie-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes foxie-fade{from{opacity:0}to{opacity:1}}
@media(max-width:1000px) and (min-width:701px){.inspiration-grid{gap:55px 24px}.inspiration-section{padding-inline:5%}.polaroid figcaption{font-size:13px}.landing-hero{padding-top:120px;min-height:580px}.landing-intro{max-width:550px}.landing-hero-action{margin-top:45px;padding-top:30px}.original-hours{left:12%;width:29%}.original-contact{left:48%;width:48%;font-size:16px;gap:28px}.original-contact>a,.original-contact>div{grid-template-columns:31px minmax(0,1fr);gap:15px}.original-contact .contact-icon{width:29px;height:34px}.original-contact .email-row{font-size:14px}.original-contact .address-row{font-size:14px}.original-service-names{font-size:17px;left:30%;width:40%;gap:15px}.original-booking{left:30%;width:40%}.original-hours .hours{font-size:18px}.original-booking .button{font-size:17px}}
@media(max-width:700px){.hero-photo figcaption{bottom:8%;right:10%;font-size:31px;transform:none}.landing-header{top:25px;right:24px;font-size:14px}.landing-header a{display:inline-block;padding:10px 0}.landing-hero{height:600px;min-height:600px;max-height:none;padding:115px 24px 110px;background-position:center}.landing-intro h1{font-size:clamp(43px,11vw,70px)}.landing-intro>p{font-size:15px;margin-top:25px}.landing-hero-action{margin-top:40px;padding-top:30px}.landing-hero-action .button{width:100%;font-size:16px;min-height:50px}.landing-inspiration-title{left:24px;right:24px;bottom:55px;font-size:23px;text-align:left;line-height:1.4}.semi-permanent-makeup .landing-inspiration-title{font-size:23px}.inspiration-section{padding:65px 24px 45px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 21px}.style-card{padding:0 2px}.polaroid{padding:7px 7px 12px}.polaroid:before{inset:-14px -4px 24px 10px;border-width:7px;transform:rotate(5deg)}.polaroid figcaption{font-size:13px;letter-spacing:.025em;padding-top:12px;min-height:75px}.polaroid figcaption p{font-size:13px}.brow-inspiration .inspiration-grid{gap:48px 21px}.gallery-decor{height:170px;margin-top:20px}.decor-tray{width:230px;height:155px}.decor-coffee{width:90px;height:55px;right:28px}.aftercare-section{padding-block:35px 45px}.aftercare-section h2{font-size:23px;text-align:left;margin-bottom:30px}.aftercare-grid{grid-template-columns:1fr;gap:40px}.aftercare-grid article{font-size:16px;line-height:1.7}.landing-related{padding:22px 24px;font-size:14px;gap:15px}.site-footer.original-footer{height:auto;min-height:0;padding:50px 24px 110px;background-position:61% center}.original-footer-content{height:auto;display:flex;flex-direction:column;gap:44px}.original-hours,.original-contact,.original-booking,.original-service-names{position:static;width:100%}.original-hours h2{font-size:23px;white-space:normal}.original-hours .hours{font-size:18px;margin:28px 0 0;max-width:none}.original-hours .hours div{margin-bottom:13px;line-height:1.5}.original-contact{font-size:17px;gap:20px;letter-spacing:.045em}.original-contact>a,.original-contact>div{grid-template-columns:32px minmax(0,1fr);gap:16px;min-height:40px}.original-contact .contact-icon{width:30px;height:38px}.original-contact .email-row{font-size:15px;overflow-wrap:anywhere}.original-contact .address-row{font-size:16px;letter-spacing:.025em;line-height:1.5}.original-booking .button{font-size:16px;min-height:50px}.original-service-names{justify-content:space-between;font-size:16px;letter-spacing:.03em;gap:12px;margin-top:-18px}.motion-pending{transform:translate3d(0,14px,0)}}
@media(prefers-reduced-motion:reduce){.motion-pending,.motion-visible{opacity:1!important;transform:none!important;animation:none!important}.style-photo:hover img{transform:none}}
