/* A clear, photo-led homepage for SIRIN COSMETICS. */
.home{background:#fbf9f5;color:#332b24}.home header{background:#fbf9f5;border-bottom:1px solid #e3d9ca;box-shadow:none;min-height:106px;padding:8px 5%;gap:20px}.home header nav{background:none;border:0;padding:0;gap:22px;border-radius:0}.home header nav a{padding:12px 0;font-size:15px;font-weight:500;letter-spacing:.01em;border-radius:0}.home header nav a[aria-current]{background:none;color:#805a29;box-shadow:none}.home header nav a[aria-current]:after{display:block;content:'';height:2px;bottom:5px;left:0;right:0;background:#a57a37}.home header nav a:hover{background:none;color:#a57a37}.home header .booking{background:#493424;border-color:#493424;border-radius:3px;box-shadow:none;font-size:14px}.home .logo-image{width:98px}.home .button{background:#493424;border-color:#493424;padding:16px 24px;border-radius:3px;font-size:15px;letter-spacing:0}.home .button:hover{background:#745034;border-color:#745034}.home .eyebrow{font-size:12px;letter-spacing:.16em;color:#8b6a41}.home .text-link{border-color:#b99a70;color:#5d452c;font-size:14px}.modern-hero{display:grid;grid-template-columns:.86fr 1.14fr;max-width:1600px;margin:auto;padding:36px 5% 55px;gap:5%;align-items:center}.hero-text{padding:35px 0}.hero-text h1{font-family:Georgia,serif;font-size:clamp(3.2rem,5.4vw,5.9rem);line-height:1.1;letter-spacing:-.055em;margin-bottom:26px}.hero-text h1 em,.home-about em{color:#967447;font-weight:400}.hero-description{font-size:18px;max-width:340px;line-height:1.75;color:#6e6255}.hero-text .actions{gap:22px;margin-top:32px}.hero-address{margin-top:65px;font-size:13px;color:#817463;letter-spacing:.015em}.hero-frame{margin:0;min-width:0}.hero-frame>img{width:100%;height:535px;object-fit:cover;object-position:58% center;border-radius:3px}.hero-frame figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:13px;color:#6c5c49}.hero-frame figcaption>a{border-bottom:1px solid #c4ac88}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.home-section-heading h2{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.035em;margin:0}.home-section-heading .eyebrow{margin-bottom:15px}.home .service-section{padding-top:55px;padding-bottom:75px;border-top:1px solid #ded2c2}.home .service-section .service-grid{grid-template-columns:1fr 1fr;column-gap:55px;row-gap:0;background:none;border:0;overflow:visible}.home .service-section .service-card,.home .service-section .service-card:nth-child(n+5){grid-column:auto;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;grid-template-rows:auto auto;column-gap:21px;row-gap:5px;text-align:left;justify-items:start;align-items:center;padding:25px 5px;border:0;border-bottom:1px solid #dfd4c5;background:none;border-radius:0}.home .service-section .service-card:last-child{grid-column:1/-1}.home .service-section .service-card:hover{background:#f1e9dc}.home .service-symbol{width:44px;height:44px;grid-column:1;grid-row:1/3;margin:0}.home .service-symbol>img{width:42px;height:42px}.home .service-section .service-card h3{grid-column:2;grid-row:1;font:400 clamp(1.25rem,1.7vw,1.55rem)/1.3 Georgia,serif;letter-spacing:-.02em;min-height:0;margin:0;hyphens:auto}.home .service-section .service-card p{grid-column:2;grid-row:2;margin:0;font-size:14px;max-width:none;line-height:1.5}.home .service-section .card-link{grid-column:3;grid-row:1/3;font-size:0;padding:0;margin:0}.home .service-section .card-link>span{font-size:21px;color:#987540}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:20px 85px}.home-team{min-width:0}.home-team>img{height:500px;width:100%;object-fit:cover;object-position:50% 54%;border-radius:3px}.home-about h2{font-size:clamp(2.3rem,3.8vw,3.7rem);letter-spacing:-.04em}.home-about p:not(.eyebrow){max-width:420px;font-size:17px;line-height:1.85;margin-bottom:30px}.home .studio-section{background:#f0e9de;padding:65px 5% 35px}.home .studio-section .wrap{width:100%}.home .gallery{gap:16px}.home .gallery a{border-radius:3px}.home .gallery img{height:295px}.home .studio-notes{padding-top:25px;font-size:14px;justify-content:space-between}.studio-location{font-size:14px;white-space:nowrap;color:#826c4f}.home .contact{padding-block:75px}.home .contact .eyebrow,.home .contact>h2{text-align:left}.home .contact>h2{font-size:clamp(2.1rem,3.6vw,3.4rem);letter-spacing:-.035em}.home .contact-grid{margin-top:40px;gap:45px}.home .contact-grid>div{border-top:1px solid #dbceb9;padding-top:23px}.home .contact-label{color:#977341}.home .contact-value,.home .contact strong{font-size:17px}.home footer{background:#e7dbc9}.home .quick-contact{position:static;margin:0;background:#493424;border:0;border-radius:0;box-shadow:none;flex-direction:row;justify-content:center;gap:50px}.home .quick-contact a{color:#fff4e5;font-size:14px;padding:15px 20px}.home .quick-contact a+a{border:0}.home .quick-contact a:hover{background:#6a4b30}
@media(max-width:1200px){.home header{flex-wrap:wrap}.home header nav{order:2;width:100%;justify-content:center;gap:30px}.modern-hero{padding-top:25px}.hero-frame>img{height:480px}.hero-text .actions{align-items:start;flex-direction:column;gap:18px}.hero-address{margin-top:35px}}
@media(max-width:760px){.home header{padding:7px 5% 13px;gap:4px 15px}.home header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px}.home header nav a{font-size:14px;padding:9px 0}.home header .booking{padding:12px 17px;font-size:13px}.home .logo-image{width:83px}.modern-hero{grid-template-columns:1fr;padding:25px 5% 40px;gap:25px}.hero-text{padding:8px 0 0}.hero-text h1{font-size:clamp(3rem,12vw,4.4rem);margin-bottom:20px}.hero-description{font-size:16px;max-width:330px}.hero-text .actions{flex-direction:row;align-items:center;gap:15px 20px;margin-top:24px}.hero-address{margin-top:28px;font-size:12px}.hero-frame>img{height:340px}.hero-frame figcaption{font-size:12px;flex-wrap:wrap;gap:8px}.home-section-heading{display:block;margin-bottom:25px}.home-section-heading>.text-link{margin-top:20px}.home .service-section{padding-block:35px 45px}.home .service-section .service-grid{grid-template-columns:1fr;gap:0}.home .service-section .service-card,.home .service-section .service-card:nth-child(n+5){grid-template-columns:42px minmax(0,1fr) 20px;padding:22px 0;column-gap:16px}.home .service-section .service-card h3{font-size:1.4rem}.home .service-section .service-card p{font-size:14px}.home-about{grid-template-columns:1fr;gap:30px;padding-block:15px 45px}.home-team>img{height:430px}.home-about h2{font-size:2.7rem;margin-bottom:22px}.home-about p:not(.eyebrow){font-size:16px;line-height:1.8}.home .studio-section{padding:40px 5% 25px}.studio-location{display:block;margin-top:18px}.home .gallery{gap:8px}.home .gallery img{height:210px}.home .gallery a:first-child img{height:230px}.home .studio-notes{flex-wrap:wrap;gap:10px 20px;font-size:13px}.home .contact{padding-block:45px}.home .contact-grid{gap:24px;margin-top:28px}.home .quick-contact{display:flex;gap:30px}}
/* Arched team portrait and the studio's new photographs. */
.home .hero-frame{max-width:540px;width:100%;justify-self:center}
.home .hero-frame>img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 55%;border-radius:48% 48% 24px 24px / 36% 36% 24px 24px}
.home .home-team>img{border-radius:45% 45% 22px 22px / 28% 28% 22px 22px}
.home .gallery.new-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home .gallery.new-gallery a{border-radius:140px 140px 16px 16px;overflow:hidden}
.home .gallery.new-gallery img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 50%}
.home .gallery.new-gallery a:first-child img{height:auto;object-position:50% 50%}
.more-studio{margin:28px auto 0;max-width:1480px;border:0;border-top:1px solid #d8c8b1;border-bottom:1px solid #d8c8b1}
.more-studio summary{font:16px/1.6 Arial,sans-serif;padding:20px 0;color:#695036;display:flex;justify-content:space-between;gap:20px}
.more-studio summary:after{display:none}
.more-studio summary span{margin:0;font:24px/1 Arial,sans-serif}
.more-studio[open] summary span{transform:rotate(45deg)}
.home .extra-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:22px}
.home .extra-gallery a{border-radius:18px;grid-column:auto}
.home .extra-gallery img,.home .extra-gallery a:first-child img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center}
@media(max-width:760px){.home .hero-frame{max-width:440px}.home .hero-frame>img{height:auto;aspect-ratio:4/5}.home .gallery.new-gallery{grid-template-columns:1fr;max-width:440px;gap:22px}.home .gallery.new-gallery a:first-child{grid-column:auto}.home .gallery.new-gallery a{border-radius:130px 130px 18px 18px}.home .gallery.new-gallery img,.home .gallery.new-gallery a:first-child img{aspect-ratio:4/5;height:auto}.home .extra-gallery{grid-template-columns:1fr 1fr;gap:12px}.home .extra-gallery a:first-child{grid-column:auto}.home .extra-gallery img,.home .extra-gallery a:first-child img{height:auto;aspect-ratio:3/4}.home .home-team>img{height:auto;aspect-ratio:4/5;object-position:50% 55%}}
.home,.home header{background:#eee4d6}
.home .studio-section{background:#e4d6c1}
.home .service-section .service-card:hover{background:#e4d5be}
.home .service-symbol{width:48px;height:48px}
.home .service-symbol>img{width:46px;height:46px}
.home .service-section .service-card{column-gap:24px}
.home footer{background:#ddccb3}
.home header nav>a{font-size:18px;font-weight:600}
.home header nav .nav-services>summary{font-size:18px;padding:12px 5px}
.home header nav .nav-treatment-list>a{font-size:15px;font-weight:400;padding:12px 9px}
.home header nav .nav-all{font-size:15px;padding-top:14px}
.home header nav .nav-treatment-list>a:hover{background:#e9dcc7}
@media(max-width:760px){.home header nav>a,.home header nav .nav-services>summary{font-size:16px}.home header nav{gap:2px 18px}}
.home-people{padding-block:25px 65px}
.home-people>.eyebrow{margin-bottom:15px}
.home-people>h2{font-size:clamp(2.1rem,3.3vw,3.2rem);letter-spacing:-.035em;margin-bottom:35px}
.home-people .team-more{margin-top:35px}
@media(max-width:650px){.home-people{padding-block:15px 40px}.home-people .team-more{width:100%;margin-top:30px}}

/* Explicit foreground/background pairs keep the hero actions readable. */
.home .hero-booking-actions .button{background:#493424;color:#fff8ee;border-color:#493424}
.home .hero-booking-actions .secondary-button{background:#f7eedf;color:#493424;border-color:#80613d}
.home .hero-booking-actions .secondary-button:hover{background:#dfc9aa;color:#332316;border-color:#684927}
.home header .logo-image{width:115px}
@media(max-width:760px){.home header .logo-image{width:98px}}

@media(max-width:760px){
 .home header .logo-image{background:#eee4d6;mix-blend-mode:normal;isolation:isolate}
 .home footer .logo-image{background:#ddccb3;mix-blend-mode:normal;isolation:isolate}
 .home .logo-image img{mix-blend-mode:darken;filter:brightness(1.08)}
 .home header nav .nav-services[open]{flex-basis:100%;width:100%;order:10}
 .home header nav .nav-services .nav-panel{position:static;width:100%;max-width:100%;max-height:none;overflow:visible}
}
