/*
Theme Name: SR Premium (Claude)
Author: SeoRun
Version: 1.0
*/

*,*::before,*::after{box-sizing:border-box} :root{--ink:#24272A;--ivory:#F6F2EA;--paper:#FFFDF9;--sand:#EDE5D5;--emerald:#10493C;--emerald-deep:#0B3229;--muted:#6B675E;--muted-strong:#4A473F;--line:#D9D1C0;--line-soft:#E7E0D2;--head:"Cormorant Garamond","Times New Roman",Georgia,serif;--body:"Proza Libre",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--s1:.5rem;--s2:1rem;--s3:1.6rem;--s4:2.4rem;--s5:3.6rem;--s6:5.6rem;--maxw:1180px;--narrow:760px} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.97rem + .16vw,1.06rem);line-height:1.76;overflow-x:hidden;font-kerning:normal} img{display:block;max-width:100%;height:auto} h1,h2,h3,h4{font-family:var(--head);font-weight:600;line-height:1.08;margin:0} p{margin:0} ul,ol{margin:0;padding:0;list-style:none} a{color:inherit;text-decoration:none} button{font:inherit} :focus-visible{outline:2px solid var(--emerald);outline-offset:3px} .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.15rem,4.6vw,3rem)} .narrow{max-width:var(--narrow)} .center{margin-left:auto;margin-right:auto;text-align:center} .section{padding:clamp(3.4rem,8vw,6.5rem) 0;border-top:1px solid var(--line)} .section-plain{padding:clamp(3.4rem,8vw,6.5rem) 0} .skip{position:absolute;left:-9999px;top:0;background:var(--emerald);color:var(--ivory);padding:.75rem 1.1rem;z-index:99} .skip:focus{left:0} .eyebrow{font-family:var(--body);font-size:.64rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0 0 var(--s2)} .sec-title{font-size:clamp(1.9rem,4.3vw,3.2rem)} .sec-head{max-width:44ch;margin-bottom:var(--s5)} .sec-head.wide{max-width:56ch} .lede{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.72;color:var(--muted)} .muted{color:var(--muted)} .strong-muted{color:var(--muted-strong)} .mt1{margin-top:var(--s1)} .mt2{margin-top:var(--s2)} .mt3{margin-top:var(--s3)} .mt4{margin-top:var(--s4)} .mt5{margin-top:var(--s5)} .stack p + p{margin-top:var(--s2)} .btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--emerald);color:#F6F2EA;border:1px solid var(--emerald);border-radius:2px;padding:.95rem 1.75rem;font-family:var(--body);font-weight:600;font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .45s cubic-bezier(.2,.7,.2,1),border-color .45s,transform .45s,color .45s} .btn:hover{background:var(--emerald-deep);border-color:var(--emerald-deep);transform:translateY(-2px)} .btn-sm{padding:.72rem 1.25rem} .btn-ghost{background:transparent;color:var(--emerald);border-color:var(--line)} .btn-ghost:hover{background:var(--emerald);color:#F6F2EA;border-color:var(--emerald)} .btn-light{background:#F6F2EA;color:var(--emerald-deep);border-color:#F6F2EA} .btn-light:hover{background:#FFFDF9;color:var(--emerald-deep);border-color:#FFFDF9} .link-arrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--emerald);border-bottom:1px solid var(--line);padding-bottom:.4rem;transition:border-color .4s,gap .4s} .link-arrow:hover{border-color:var(--emerald);gap:1rem} .link-arrow svg{width:18px;height:8px;flex:none} .site-head{position:sticky;top:0;z-index:60;background:rgba(246,242,234,.94);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(10px)} .head-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:74px} .brand{display:flex;align-items:center;gap:.75rem} .brand svg{width:32px;height:32px;flex:none;color:var(--emerald)} .brand-txt{display:flex;flex-direction:column;line-height:1.02} .brand-name{font-family:var(--head);font-size:1.42rem;font-weight:600;letter-spacing:.03em} .brand-sub{font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:.3rem} .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:none;border:1px solid var(--line);border-radius:2px;cursor:pointer;transition:border-color .35s} .burger:hover{border-color:var(--emerald)} .burger span{display:block;height:1px;background:var(--ink);transition:transform .4s,opacity .3s} .burger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)} .burger.on span:nth-child(2){opacity:0} .burger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} .nav{display:none} .nav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--ivory);border-bottom:1px solid var(--line);padding:var(--s2) clamp(1.15rem,4.6vw,3rem) var(--s3)} .nav a{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:.9rem 0;border-bottom:1px solid var(--line-soft);color:var(--ink);transition:color .35s} .nav a:hover{color:var(--emerald)} .nav a.is-active{color:var(--emerald)} .nav .btn{margin-top:var(--s3);justify-content:center;border-bottom-color:var(--emerald)} .hero{padding:clamp(3rem,9vw,6.5rem) 0 0;text-align:center} .hero-inner{max-width:960px;margin:0 auto} .hero-title{font-size:clamp(2.6rem,7.6vw,6rem);letter-spacing:-.012em;margin:0} .hero-title em{font-style:italic;font-weight:400;color:var(--emerald)} .hero .lede{max-width:54ch;margin:var(--s3) auto 0} .hero-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;margin-top:var(--s4)} .hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-weight:600} .hero-fig{margin-top:clamp(2.4rem,6vw,4.2rem)} .framed{margin:0;border:1px solid var(--line);background:var(--paper);padding:clamp(8px,1vw,13px)} .shot{display:block;overflow:hidden;background:var(--sand)} .shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.93);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .9s} .framed:hover .shot img{transform:scale(1.035);filter:saturate(1.02)} .ar-hero .shot{aspect-ratio:4/3} .ar-wide .shot{aspect-ratio:16/9} .ar-tall .shot{aspect-ratio:3/4} .ar-sq .shot{aspect-ratio:1/1} .cap{margin-top:.9rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:.65rem} .cap::before{content:"";width:22px;height:1px;background:var(--emerald);flex:none} .trust{display:grid;grid-template-columns:1fr;gap:var(--s4)} .trust-item{display:flex;flex-direction:column;gap:.75rem;padding-top:var(--s2);border-top:1px solid var(--line)} .trust-item svg{width:26px;height:26px;color:var(--emerald);flex:none} .trust-h{font-family:var(--head);font-size:1.4rem;font-weight:600} .trust-p{font-size:.93rem;color:var(--muted);line-height:1.7} .split{display:grid;gap:var(--s5);align-items:start} .hair-list{border-top:1px solid var(--line)} .hair-list li{padding:var(--s3) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s3)} .num{font-family:var(--head);font-size:1.02rem;font-weight:700;color:var(--emerald);letter-spacing:.12em;padding-top:.25rem;transition:letter-spacing .5s} .hair-list h3{font-size:1.35rem;margin-bottom:.4rem} .hair-list p{color:var(--muted);font-size:.95rem} .svc{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)} .svc-item{display:grid;grid-template-columns:auto 1fr;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--line)} .svc-item h3{font-size:clamp(1.45rem,2.4vw,1.85rem);margin-bottom:.5rem;transition:color .4s} .svc-item p{color:var(--muted);font-size:.96rem} .svc-item:hover h3{color:var(--emerald)} .svc-item:hover .num{letter-spacing:.3em} .band{background:var(--emerald);color:#F6F2EA;padding:clamp(3.4rem,8vw,6.5rem) 0} .band .eyebrow{color:#BFCEC8} .band .sec-title{color:#F6F2EA} .band .lede{color:#D7E0DB} .steps{display:grid;grid-template-columns:1fr;gap:var(--s4)} .step{border-top:1px solid rgba(246,242,234,.34);padding-top:var(--s2)} .step .num{color:#BFCEC8} .step h3{font-size:1.45rem;color:#F6F2EA;margin:.55rem 0} .step p{color:#D7E0DB;font-size:.93rem} .gallery{display:grid;grid-template-columns:1fr;gap:clamp(1.2rem,2.6vw,2rem)} .detail-list li{padding:var(--s3) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:var(--s3)} .detail-list li:first-child{border-top:1px solid var(--line)} .detail-list h3{font-size:1.2rem;margin-bottom:.3rem} .detail-list p{color:var(--muted);font-size:.94rem} .tick{width:18px;height:18px;color:var(--emerald);flex:none;margin-top:.45rem} .faq{border-top:1px solid var(--line);max-width:880px} .faq details{border-bottom:1px solid var(--line)} .faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s3) 0;font-family:var(--head);font-size:clamp(1.25rem,2.3vw,1.6rem);font-weight:600;transition:color .35s} .faq summary::-webkit-details-marker{display:none} .faq summary:hover{color:var(--emerald)} .pm{margin-left:auto;flex:none;width:22px;height:22px;position:relative;top:.35rem;transition:transform .45s cubic-bezier(.2,.7,.2,1)} .pm::before,.pm::after{content:"";position:absolute;background:var(--emerald);left:50%;top:50%} .pm::before{width:15px;height:1px;transform:translate(-50%,-50%)} .pm::after{width:1px;height:15px;transform:translate(-50%,-50%)} .faq details:open .pm{transform:rotate(135deg)} .faq-a{padding:0 0 var(--s3);color:var(--muted);max-width:66ch} .pull{font-family:var(--head);font-size:clamp(1.55rem,3.4vw,2.4rem);line-height:1.26;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s4) 0;margin:var(--s5) 0;max-width:24ch} .cta{background:var(--sand);border-top:1px solid var(--line);text-align:center;padding:clamp(3.4rem,8vw,6.5rem) 0} .cta-title{font-size:clamp(2rem,5vw,3.5rem);max-width:20ch;margin:0 auto} .cta p{color:var(--muted-strong);max-width:52ch;margin:var(--s3) auto 0} .cta .btn{margin-top:var(--s4)} .contact{display:grid;gap:var(--s5)} .c-block h3{font-size:1.5rem;margin-bottom:var(--s2)} .c-list li{padding:.4rem 0;color:var(--muted)} .c-list a{border-bottom:1px solid var(--line);transition:border-color .35s,color .35s} .c-list a:hover{color:var(--emerald);border-color:var(--emerald)} .chips{display:flex;flex-wrap:wrap;gap:.45rem} .chip{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:.45rem .72rem;color:var(--muted-strong);border-radius:2px;font-weight:600;transition:border-color .35s,color .35s} .chip:hover{border-color:var(--emerald);color:var(--emerald)} .form{display:grid;gap:var(--s3)} .form-2{display:grid;gap:var(--s3)} .fld{display:flex;flex-direction:column;gap:.5rem} .fld label{font-size:.63rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--muted-strong)} .fld input,.fld select,.fld textarea{font-family:var(--body);font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:.85rem .9rem;width:100%;transition:border-color .35s,box-shadow .35s} .fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 1px var(--emerald)} .fld textarea{min-height:150px;resize:vertical} .page-head{padding:clamp(2.8rem,7vw,5.5rem) 0 clamp(2rem,5vw,3.5rem);text-align:center} .page-title{font-size:clamp(2.3rem,6vw,4.6rem);letter-spacing:-.012em} .page-head .lede{max-width:52ch;margin:var(--s3) auto 0} .block{display:grid;gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--line)} .block:first-of-type{border-top:1px solid var(--line)} .block h2{font-size:clamp(1.7rem,3.4vw,2.5rem)} .block p{color:var(--muted)} .mini{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--emerald)} .foot{background:var(--ink);color:#E9E4D9;padding:clamp(3rem,7vw,5rem) 0 var(--s4)} .foot-grid{display:grid;gap:var(--s4)} .foot-brand{font-size:1.6rem;display:block;color:#F6F2EA} .foot h4{font-size:.63rem;letter-spacing:.28em;text-transform:uppercase;font-family:var(--body);font-weight:600;color:#A9A296;margin-bottom:var(--s2)} .foot li{padding:.3rem 0;color:#A9A296;font-size:.93rem} .foot a{color:#E9E4D9;transition:color .35s} .foot a:hover{color:#9FC7B6} .foot p{color:#A9A296;font-size:.93rem;max-width:38ch} .foot .link-arrow{color:#9FC7B6;border-color:rgba(233,228,217,.28);display:inline-flex;margin-top:var(--s3)} .foot .link-arrow:hover{border-color:#9FC7B6} .foot-bot{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(233,228,217,.18);display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:space-between;font-size:.76rem;color:#A9A296;letter-spacing:.06em} html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.22,.7,.2,1),transform 1s cubic-bezier(.22,.7,.2,1);transition-delay:var(--d,0ms)} html.js .reveal.is-in{opacity:1;transform:none} .d1{--d:90ms} .d2{--d:180ms} .d3{--d:270ms} .d4{--d:360ms} .d5{--d:450ms} .d6{--d:540ms} html.js .hero-title{animation:track 1.9s cubic-bezier(.2,.7,.2,1) .2s both} @keyframes track{from{letter-spacing:-.05em;opacity:0}to{letter-spacing:-.012em;opacity:1}} @media (min-width:600px){.trust{grid-template-columns:repeat(2,1fr)} .steps{grid-template-columns:repeat(2,1fr)} .form-2{grid-template-columns:repeat(2,1fr)}} @media (min-width:760px){.ar-hero .shot{aspect-ratio:21/9} .foot-grid{grid-template-columns:repeat(2,1fr)}} @media (min-width:880px){.split{grid-template-columns:1fr 1fr;gap:var(--s6)} .split-a{grid-template-columns:1.02fr .98fr} .split-b{grid-template-columns:.85fr 1.15fr} .svc{grid-template-columns:repeat(2,1fr);column-gap:var(--s6)} .contact{grid-template-columns:repeat(3,1fr)} .block{grid-template-columns:.75fr 1.25fr;gap:var(--s5)} .page-head{padding-top:clamp(3.5rem,8vw,6rem)}} @media (min-width:940px){.burger{display:none} .nav,.nav.open{display:flex;flex-direction:row;align-items:center;gap:clamp(1.2rem,2.4vw,2.2rem);position:static;padding:0;border:0;background:none} .nav a{border:0;padding:.4rem 0;position:relative} .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--emerald);transition:right .45s cubic-bezier(.2,.7,.2,1)} .nav a:hover::after{right:0} .nav a.is-active::after{right:0} .nav .btn{margin:0;padding:.72rem 1.3rem} .nav .btn::after{display:none}} @media (min-width:1000px){.trust{grid-template-columns:repeat(4,1fr)}} @media (min-width:1020px){.steps{grid-template-columns:repeat(4,1fr)} .foot-grid{grid-template-columns:1.35fr 1fr 1fr 1.15fr}} @media (min-width:860px){.gallery{grid-template-columns:repeat(12,1fr)} .g1{grid-column:span 7} .g2{grid-column:span 5} .g3{grid-column:span 5} .g4{grid-column:span 7}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} html.js .reveal{opacity:1;transform:none} html.js .hero-title{animation:none} .framed:hover .shot img{transform:none}}