.hns-about-shell{margin:0;background:#fbf7f1;font-family:Arial,Helvetica,sans-serif;color:#793c52}.hns-about-shell *{box-sizing:border-box}.hns-about-shell a{color:inherit;text-decoration:none}.hns-about-shell button{font:inherit;cursor:pointer}.hns-about-shell a:focus-visible,.hns-about-shell button:focus-visible{outline:2px solid #9e4967;outline-offset:5px}.hns-skip{position:fixed;left:20px;top:-80px;background:#fff;padding:12px;z-index:99}.hns-skip:focus{top:10px}.hns-site-header{max-width:1500px;margin:auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:106px}.hns-site-logo img{display:block;object-fit:contain}.hns-site-header nav{display:flex;align-items:center;gap:32px;padding:17px 30px;background:#f3e5e8;border-radius:50px;font-size:13px}.hns-site-header nav a[aria-current]{color:#9e4967;text-decoration:underline;text-underline-offset:6px}.hns-header-actions{display:flex;gap:14px;align-items:center;font-size:11px}.hns-header-actions button,.hns-header-actions a{width:36px;height:36px;padding:9px;border:0;background:#f3e5e8;border-radius:50%;color:#793c52}.hns-header-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.hns-site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:64px max(40px,6vw);gap:40px;border-top:1px solid #e6ccd5;background:#f3e5e8}.hns-site-footer>div>p{font-size:13px;line-height:1.8;color:#8b6975}.hns-site-footer nav{display:flex;flex-direction:column;gap:18px;font-size:14px;padding-top:16px}.hns-footer-signature{font-size:34px;letter-spacing:-1px;line-height:1.2}.hns-footer-signature em{font-family:Georgia,serif;color:#9e4967}.hns-footer-signature p{font-size:11px!important;letter-spacing:0;margin-top:30px}
@media(max-width:700px){.hns-site-header{padding:12px 20px;gap:12px;flex-wrap:wrap}.hns-site-logo img{width:43px;height:48px}.hns-site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;padding:14px 18px;font-size:11px}.hns-header-actions{margin-left:auto}.hns-site-footer{grid-template-columns:1fr 1fr;padding:36px 24px;gap:26px}.hns-footer-signature{grid-column:1/-1;font-size:30px}}
.hns-about{--rose:#9e4967;--rose-dark:#793c52;--muted:#8b6975;--cream:#fbf7f1;color:var(--rose-dark)!important}
.hns-about p{line-height:1.75}.hns-about .hns-eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--rose);line-height:1.7}.hns-about em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hns-about figure{margin:0}.hns-about img{width:100%;height:100%;object-fit:cover;display:block}
#hair-store.hns-about h2{font-size:clamp(38px,4.2vw,66px);line-height:1.12;letter-spacing:-2px;font-weight:400;color:var(--rose-dark)}
.hns-about-hero{position:relative;isolation:isolate;min-height:800px;height:calc(100svh - 100px);max-height:1050px;display:grid;place-items:center;overflow:hidden;background:#fbf5f3;margin:0 32px;border-radius:28px}
.hns-light-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hns-rose-glow{position:absolute;inset:-30%;background:radial-gradient(ellipse at 33% 38%,#f3d5e17a,transparent 45%),radial-gradient(ellipse at 78% 60%,#eebcc951,transparent 44%);animation:hns-glow 9.5s ease-in-out infinite alternate}.hns-satin{position:absolute;width:125%;height:125%;left:-12%;top:-12%;animation:hns-satin 11.5s ease-in-out infinite alternate}.hns-glint{position:absolute;font-size:34px;color:#be6b88;font-style:normal;animation:hns-glint 3.5s ease-in-out infinite}.hns-glint-one{top:15%;left:40%}.hns-glint-two{top:66%;left:66%;font-size:20px;animation-delay:-1.5s}.hns-glint-three{top:77%;left:30%;font-size:26px;animation-delay:-2.5s}
.hns-about-intro{position:relative;text-align:center;z-index:2;padding:70px 0;max-width:600px;pointer-events:none}.hns-about-intro a{pointer-events:auto}.hns-about-intro .hns-eyebrow{margin-bottom:28px!important}
#hair-store .hns-about-intro h1{position:relative;color:var(--rose-dark);font-size:clamp(70px,7.6vw,116px);font-weight:400;letter-spacing:-5px;line-height:.97}#hair-store .hns-about-intro h1 em{color:var(--rose);font-size:1.15em}#hair-store .hns-about-intro h1>span{position:absolute;font-size:32px;right:1%;bottom:8%;color:#be8196}
.hns-about-intro>p:not(.hns-eyebrow){font-size:20px;line-height:1.5;margin:28px 0!important;color:var(--muted)}
#hair-store .hns-pink-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid var(--rose);border-radius:40px;background:var(--rose);color:#fff8fb;padding:16px 26px;font-size:14px;min-height:52px;transition:background .2s,transform .2s}.hns-about .hns-pink-button:hover{background:var(--rose-dark);transform:translateY(-2px)}
.hns-portrait{position:absolute;width:clamp(175px,20vw,290px);z-index:1}.hns-portrait img{aspect-ratio:4/5;object-position:center;border-radius:130px 130px 16px 16px;box-shadow:0 18px 45px #83405814}.hns-portrait figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:14px;letter-spacing:.3px}.hns-portrait-left{left:4%;top:13%;transform:rotate(-7deg)}.hns-portrait-right{right:4%;bottom:13%;transform:rotate(7deg)}.hns-portrait-right img{border-radius:18px 18px 130px 130px}
.hns-hero-footnote{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.7px;color:var(--muted);white-space:nowrap}.hns-motion-toggle{position:absolute;bottom:24px;right:24px;color:var(--rose);border:0;background:#fff9f7c9;border-radius:30px;padding:8px 12px;font-size:10px!important;display:flex;align-items:center;gap:8px}.hns-motion-paused .hns-light-scene *{animation-play-state:paused!important}
.hns-story{max-width:1260px;margin:auto;padding:120px 40px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;scroll-margin-top:120px}.hns-story-photo{position:relative;aspect-ratio:4/5}.hns-story-photo img{border-radius:180px 180px 16px 16px}.hns-photo-note{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;background:#fff8f0e8;color:var(--rose-dark);border-radius:30px;padding:12px;font-size:12px}.hns-story-copy h2{margin:22px 0 30px!important}.hns-story-copy>p:not(.hns-eyebrow){font-size:16px;color:var(--muted);margin:18px 0!important}.hns-text-link{display:inline-flex;gap:24px;padding-bottom:8px;border-bottom:1px solid #c995a9;margin-top:16px;color:var(--rose)!important;font-size:14px}
.hns-details{padding:80px 6% 90px;margin:0 32px;border-radius:26px;background:#f5e8ed;text-align:center}.hns-details h2{margin:18px 0 60px!important}.hns-values{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1150px;margin:auto;text-align:left}.hns-values article{border-top:1px solid #cda3b1;padding-top:25px}.hns-values article>span{font-size:10px;letter-spacing:1.7px;color:var(--rose)}#hair-store .hns-values h3{font-size:23px;font-weight:400;margin:22px 0 14px}.hns-values p{font-size:14px;color:var(--muted)}
.hns-life{max-width:1360px;margin:auto;padding:110px 40px 80px}.hns-life-heading{text-align:center}.hns-life-heading h2{margin:20px 0!important}.hns-life-heading>p:last-child{color:var(--muted);font-size:15px}.hns-life-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:28px;margin-top:60px}.hns-life-grid figure{min-width:0}.hns-life-grid img{aspect-ratio:4/5;border-radius:16px}.hns-life-grid figure:nth-child(2) img{aspect-ratio:4/4.8;border-radius:180px 180px 16px 16px}.hns-life-grid figcaption{padding-top:18px;font-family:Georgia,serif;font-style:italic;font-size:20px;text-align:center;color:var(--rose)}
.hns-about-cta{text-align:center;padding:65px 20px 100px;background:radial-gradient(ellipse at 50% 70%,#f3dce7,transparent 65%)}.hns-about-cta>span{font-size:44px;color:#bd7c95;display:block;margin-bottom:26px}.hns-about-cta h2{margin:22px 0 32px!important;font-size:clamp(54px,6vw,90px)!important}.hns-about-cta>p:last-child{font-size:13px;color:var(--muted);margin-top:30px!important;letter-spacing:2px}
@keyframes hns-satin{from{transform:translate(-3%,-2%) rotate(-8deg) scale(1)}to{transform:translate(4%,4%) rotate(9deg) scale(1.08)}}@keyframes hns-glow{from{transform:translate(-3%,-2%)}to{transform:translate(8%,5%)}}@keyframes hns-glint{0%,100%{opacity:.18;transform:scale(.8) rotate(0deg)}50%{opacity:.65;transform:scale(1.1) rotate(35deg)}}
@media(max-width:1100px){.hns-portrait{width:19vw}.hns-portrait-left{left:2%;top:18%}.hns-portrait-right{right:2%;bottom:18%}.hns-story{gap:50px}.hns-about-hero{min-height:720px}.hns-hero-footnote{left:28px;transform:none;font-size:8px}}
@media(max-width:700px){.hns-about-hero{margin:0 12px;min-height:0;height:auto;max-height:none;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:52px 20px 76px;border-radius:22px}.hns-about-intro{order:0;width:100%;padding:0 0 28px}.hns-about-intro .hns-eyebrow{font-size:8px;margin-bottom:25px!important}#hair-store .hns-about-intro h1{font-size:76px;letter-spacing:-4px}.hns-about-intro>p:not(.hns-eyebrow){font-size:17px;margin:24px 0!important}.hns-about-intro h1>span{right:8%!important}.hns-portrait{position:relative;inset:auto!important;width:calc(50% - 12px);order:1}.hns-portrait-left{transform:rotate(-5deg)}.hns-portrait-right{transform:rotate(5deg) translateY(16px)}.hns-portrait figcaption{font-size:9px;line-height:1.5}.hns-hero-footnote{display:none}.hns-motion-toggle{bottom:15px;right:15px}.hns-story{padding:65px 24px;grid-template-columns:1fr;gap:36px}.hns-story-photo{aspect-ratio:5/4}.hns-story-photo img{border-radius:100px 100px 14px 14px}.hns-story-copy h2{font-size:40px!important}.hns-story-copy>p:not(.hns-eyebrow){font-size:15px}.hns-details{margin:0 12px;padding:50px 24px}.hns-details h2{font-size:36px!important;margin-bottom:36px!important}.hns-values{grid-template-columns:1fr;gap:32px}.hns-life{padding:65px 24px 40px}.hns-life-grid{gap:24px;grid-template-columns:1fr 1fr;margin-top:36px}.hns-life-grid figure:nth-child(2){grid-column:1/-1;grid-row:2}.hns-life-grid figure:nth-child(2) img{aspect-ratio:4/3;border-radius:100px 100px 16px 16px}.hns-life-grid figcaption{font-size:17px}.hns-about-cta{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.hns-light-scene *{animation:none!important}.hns-about *{scroll-behavior:auto!important}}

#hair-store .hns-about-intro .hns-hero-logo{width:clamp(210px,23vw,320px);height:auto;object-fit:contain;margin:0 auto}
@media(max-width:700px){#hair-store .hns-about-intro .hns-hero-logo{width:210px}}
/* Floating photographic backdrop, shared motion handled entirely by the compositor. */
.hns-about-hero{background:#fbf5f3}.hns-photo-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hns-photo-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 31% 52% at 50% 48%,#fbf5f3 52%,#fbf5f3ed 69%,#fbf5f300 100%),linear-gradient(0deg,#fbf5f3b3,transparent 17%,transparent 88%,#fbf5f355);z-index:1}.hns-floating-photo{position:absolute;left:var(--x);top:var(--y);width:clamp(130px,14vw,200px);aspect-ratio:3/4;border:5px solid #fffaf7;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #793c521c;opacity:.86;transform:translate(-50%,-50%) rotate(var(--angle));animation:hns-photo-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}.hns-about .hns-floating-photo img{width:100%;height:100%;object-fit:cover}.hns-about-hero .hns-motion-toggle{z-index:3}.hns-motion-paused .hns-floating-photo,.hns-photos-offscreen .hns-floating-photo,.hns-photos-hidden .hns-floating-photo{animation-play-state:paused!important}@keyframes hns-photo-drift{0%{transform:translate(calc(-50% - 10px),calc(-50% + 18px)) rotate(calc(var(--angle) - 4deg))}50%{transform:translate(calc(-50% + 8px),calc(-50% - 8px)) rotate(var(--angle))}100%{transform:translate(calc(-50% + 17px),calc(-50% - 26px)) rotate(calc(var(--angle) + 5deg))}}@media(max-width:700px){.hns-about-hero{height:730px;min-height:730px;padding:70px 20px;display:grid;place-items:center}.hns-about-intro{padding:0;position:relative}.hns-floating-photo{width:112px;border-width:3px;border-radius:18px}.hns-photo-scene:after{background:radial-gradient(ellipse 46% 41% at 50% 48%,#fbf5f3 42%,#fbf5f3ed 70%,#fbf5f300 100%),linear-gradient(0deg,#fbf5f3b3,transparent 15%,transparent 88%,#fbf5f355)}.hns-floating-photo:nth-child(3){--y:2%!important}.hns-floating-photo:nth-child(8),.hns-floating-photo:nth-child(9){--y:93%!important}}@media(prefers-reduced-motion:reduce){.hns-floating-photo{animation:none;will-change:auto}}
/* A slow orbit carries each card; the inner card keeps its own gentle sway. */
.hns-photo-orbit{position:absolute;left:var(--x);top:var(--y);width:0;height:0}.hns-photo-orbit .hns-floating-photo{left:0;top:0}@supports(offset-path:ellipse(46% 46% at 50% 50%)){.hns-photo-orbit{left:0;top:0;offset-path:ellipse(46% 46% at 50% 50%);offset-rotate:0deg;offset-distance:var(--phase);animation:hns-photo-orbit 180s linear infinite}@keyframes hns-photo-orbit{from{offset-distance:var(--phase)}to{offset-distance:calc(var(--phase) + 100%)}}}.hns-motion-paused .hns-photo-orbit,.hns-photos-offscreen .hns-photo-orbit,.hns-photos-hidden .hns-photo-orbit{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.hns-photo-orbit{animation:none}}

html{scroll-behavior:smooth}#our-story{scroll-margin-top:24px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
