:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif}body{min-width:320px}:root{--bg:#f6f0ea;--surface:#fffaf6eb;--surface-strong:#fffdfb;--ink:#20150f;--ink-soft:#665349;--line:#5e3d2d29;--accent:#835235;--accent-deep:#5d341f;--accent-soft:#d8b89c;--gold:#d7b06b;--shadow:0 24px 60px #2d19101f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at top left, #ddc0a452, transparent 35%), radial-gradient(circle at 85% 12%, #83523514, transparent 24%), linear-gradient(180deg, #fbf6f1 0%, var(--bg) 100%);margin:0}a{color:inherit;text-decoration:none}img{width:100%;display:block}iframe{border:0;width:100%;height:100%}.page-shell{padding-bottom:6.75rem;overflow-x:clip}.container{width:min(1160px,100vw - 2rem);margin-inline:auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf5f0d9;border-bottom:1px solid #704c3614;position:sticky;top:0;box-shadow:0 12px 32px #341f140d}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:78px;display:flex}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff4e8;letter-spacing:.08em;border-radius:50%;place-items:center;width:46px;height:46px;font-size:.86rem;font-weight:700;display:grid;box-shadow:0 14px 30px #5d341f38}.brand-copy{gap:.1rem;display:grid}.brand-copy strong,h1,h2,h3{font-family:Baskerville,Georgia,Times New Roman,serif}.brand-copy strong{font-size:1.18rem}.brand-copy span{color:var(--ink-soft);font-size:.82rem}.nav,.mobile-top-cta,.desktop-cta,.hero-actions,.hero-highlights,.section-head,.sticky-cta{align-items:center;display:flex}.nav{gap:1.4rem}.nav a{color:#5d493f;font-size:.95rem}.nav a:hover,.inline-link:hover{color:var(--accent-deep)}.mobile-top-cta{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fffaf4;border-radius:999px;min-height:42px;padding:.72rem 1rem;font-size:.88rem;font-weight:700;display:none;box-shadow:0 14px 30px #5d341f33}.desktop-cta,.hero-actions,.section-head,.sticky-cta{gap:.8rem}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.35rem;font-weight:700;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fffaf4;box-shadow:0 16px 32px #5d341f3d}.btn-secondary{color:var(--ink);background:#fffaf6b8;border-color:#5d341f2e}.btn-block{width:100%}.hero{isolation:isolate;align-items:center;min-height:min(92vh,880px);display:grid;position:relative}.hero:before{content:"";filter:none;z-index:-3;background-image:url(/yarros-braids/hero-salon.jpeg);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1)}.hero:after{content:"";z-index:-2;background:linear-gradient(90deg,#140c08a8 0%,#140c0861 48%,#140c0838 100%),linear-gradient(#140c0814 0%,#140c086b 100%);position:absolute;inset:0}.hero::selection{background:#d7b06b59}.section::selection{background:#d7b06b59}.hero-backdrop{aspect-ratio:1;filter:blur(10px);z-index:-1;background:radial-gradient(circle,#d7b06b33,#0000 68%);width:min(44vw,520px);position:absolute;inset:auto auto 4rem 50%;transform:translate(-10%)}.hero-content{grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);align-items:end;gap:2rem;padding:6.5rem 0 5rem;display:grid}.hero-copy{color:#fff9f3;max-width:700px}.hero-badge,.eyebrow,.service-heading span,.step-card span,.contact-item span{letter-spacing:.08em;text-transform:uppercase}.hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff5e924;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.76rem;font-weight:700;display:inline-flex}.eyebrow{color:#8a644d;margin:0 0 1rem;font-size:.76rem;font-weight:700}.hero .eyebrow{color:#ffe8d3d6;margin-top:1.3rem}h1,h2,h3,p{margin:0}h1{max-width:11ch;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.97}h2{font-size:clamp(1.9rem,3.1vw,3.4rem);line-height:1.04}h3{font-size:1.32rem}.hero-text,.section-text,.service-card p,.step-card p,.contact-card .section-text{line-height:1.75}.hero-text{color:#fff4e9e0;max-width:56ch;margin-top:1.25rem;font-size:1.04rem}.hero-actions{flex-wrap:wrap;margin-top:2rem}.hero-highlights{flex-wrap:wrap;gap:1rem;margin-top:2rem}.hero-highlights article,.hero-panel,.service-card,.why-card,.reason-item,.step-card,.gallery-card,.map-frame,.contact-card,.contact-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero-highlights article{background:#fff5e91a;border:1px solid #ffffff24;border-radius:20px;flex:180px;min-width:180px;padding:1rem 1.05rem}.hero-highlights strong{font-size:1rem;display:block}.hero-highlights span{color:#fff0e1cc;margin-top:.35rem;font-size:.9rem;display:block}.hero-panel{background:linear-gradient(#fffcf8f2,#f5e9e0e0);border:1px solid #67422f1f;border-radius:28px;justify-self:end;width:min(100%,340px);padding:1.4rem;position:relative;overflow:hidden}.hero-panel:before{content:"";background:linear-gradient(90deg, var(--gold), #8352354d);width:100%;height:3px;position:absolute;inset:0 auto auto 0}.hero-panel p,.inline-link{color:var(--ink-soft)}.hero-panel strong{margin:.35rem 0 .45rem;font-family:Baskerville,Georgia,Times New Roman,serif;font-size:1.7rem;display:block}.hero-panel span{line-height:1.7;display:block}.inline-link{margin-top:1rem;font-weight:700;display:inline-block}.section{padding:5.25rem 0}.intro{padding-top:4rem}.intro-grid,.why-grid,.location-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.section-text{color:var(--ink-soft)}.services-grid,.steps-grid,.gallery-grid{gap:1.1rem;margin-top:2rem;display:grid}.services-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.service-card{border:1px solid var(--line);background:#fffcf9db;border-radius:26px;flex-direction:column;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;overflow:hidden}.service-card:hover{border-color:#8352353d;transform:translateY(-6px);box-shadow:0 28px 60px #2d191024}.service-media{aspect-ratio:3/4;overflow:hidden}.service-media img,.gallery-card img{object-fit:cover;height:100%;transition:transform .38s}.service-card:hover .service-media img,.gallery-card:hover img{transform:scale(1.05)}.service-body{gap:.95rem;padding:1.15rem;display:grid}.service-heading{gap:.5rem;display:grid}.service-heading span,.step-card span,.contact-item span{color:var(--accent);font-size:.76rem;font-weight:700}.service-card p{color:var(--ink-soft);font-size:.94rem}.why-grid{align-items:stretch}.why-card,.contact-card{border:1px solid var(--line);background:linear-gradient(145deg,#fffaf6f5,#f4e7dce6);border-radius:30px;padding:2rem}.reasons-list{gap:.95rem;display:grid}.reason-item{border:1px solid var(--line);background:#fffcf9db;border-radius:22px;align-items:center;gap:.8rem;padding:1rem 1.1rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.reason-item:hover{border-color:#83523542;transform:translateY(-3px);box-shadow:0 20px 40px #2d19101a}.reason-item span{width:34px;height:34px;color:var(--accent-deep);background:#8352351f;border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{border:1px solid var(--line);background:#fffdfbe6;border-radius:28px;padding:1.5rem;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(180deg, var(--gold), #83523526);width:4px;position:absolute;inset:0 auto 0 0}.step-card h3{margin:.7rem 0}.step-card p{color:var(--ink-soft)}.section-head{justify-content:space-between;gap:1rem}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-card{aspect-ratio:4/5;border:1px solid var(--line);background:#fffcf9e6;border-radius:28px;margin:0;overflow:hidden}.location-grid{align-items:center}.map-frame{border:1px solid var(--line);border-radius:32px;min-height:420px;overflow:hidden}.contact-list{gap:1rem;display:grid}.contact-item{border:1px solid var(--line);background:#fffcf9e6;border-radius:24px;gap:.45rem;padding:1.2rem 1.25rem;transition:transform .22s,border-color .22s;display:grid}.contact-item:hover{border-color:#8352353d;transform:translateY(-2px)}.contact-item a,.contact-item strong{font-size:1.12rem;line-height:1.5}.floating-whatsapp{z-index:60;color:#fff;background:#25d366;border-radius:999px;align-items:center;gap:.55rem;padding:.9rem 1.15rem;font-weight:700;animation:2.4s infinite pulse;display:inline-flex;position:fixed;bottom:6.25rem;right:1rem;box-shadow:0 18px 42px #14583252}.floating-whatsapp span{font-size:1rem}.sticky-cta{z-index:55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9f2e6;border:1px solid #5d341f1f;border-radius:999px;justify-content:center;width:min(720px,100vw - 1rem);padding:.65rem;position:fixed;bottom:.9rem;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #28181024}.sticky-cta .btn{flex:1 1 0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (width<=1100px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-content{grid-template-columns:1fr;gap:1.4rem}.hero-panel{justify-self:start;width:min(100%,460px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.nav,.desktop-cta{display:none}.mobile-top-cta{display:inline-flex}.intro-grid,.why-grid,.location-grid,.contact-grid{grid-template-columns:1fr;gap:1.25rem}.services-grid,.steps-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto}.hero-content{padding:5.3rem 0 3.8rem}.hero-copy{max-width:100%}.hero:after{background:linear-gradient(#140c086b 0%,#140c088f 100%),linear-gradient(90deg,#140c0847 0%,#140c082e 100%)}.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-panel{width:100%;max-width:none}}@media (width<=760px){.intro-grid,.why-grid,.location-grid,.contact-grid,.steps-grid,.gallery-grid,.services-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.map-frame{min-height:340px}.hero{min-height:auto}.hero-content{padding:4.8rem 0 3.2rem}.hero-highlights{grid-template-columns:1fr}}@media (width<=640px){.page-shell{padding-bottom:7.5rem}.container{width:min(100vw - 1rem,100%)}.topbar-inner{min-height:70px}.brand-copy strong{font-size:.98rem}.brand-copy span{font-size:.74rem}.brand-badge{width:40px;height:40px}h1{max-width:100%;font-size:clamp(2.1rem,10vw,3rem);line-height:1.04}.hero-actions,.sticky-cta{flex-direction:column}.sticky-cta .btn,.hero-actions .btn{width:100%}.hero-highlights{flex-direction:column;align-items:stretch}.hero-panel,.why-card,.contact-card,.step-card{padding:1.3rem}.section{padding:4rem 0}.hero:before{background-position:60%}.hero:after{background:linear-gradient(#140c087a 0%,#140c089e 100%),linear-gradient(90deg,#140c082e 0%,#140c081f 100%)}.floating-whatsapp{display:none}.sticky-cta{border-radius:24px;width:calc(100vw - 1rem);padding:.55rem;bottom:.5rem}.sticky-cta .btn{min-height:46px}.mobile-top-cta{padding:.7rem .9rem;font-size:.82rem}.map-frame{min-height:300px}.gallery-card{aspect-ratio:1/1.1}}