:root{--ink:#171717;--paper:#f5f5f2;--grey:#a7a7a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.7}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #8a8a8a;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}header{height:100px;position:fixed;inset:0 0 auto;z-index:20;background:#f5f5f2f7;backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5%;border-bottom:1px solid #1717171a}header nav{display:flex;gap:25px;font-size:13px}header nav a{padding:12px 0}header .logo{grid-column:2;grid-row:1;width:80px;height:80px}header .logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.header-cta{justify-self:end;grid-column:3}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 26px;background:#202020;color:#fff;border:1px solid #202020;border-radius:3px;font-size:13px;font-weight:600;transition:background .2s}.button:hover{background:#454545}.button.white{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.white:hover{background:#deded9}.hero{margin-top:100px;background:#181818;min-height:720px;height:calc(100svh - 100px);max-height:1000px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;color:white}.hero-image{position:absolute;inset:0 0 0 28%;z-index:-3;background-size:cover;background-position:center;filter:grayscale(1)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#121212 0%,#121212e8 20%,#12121265 58%,#12121220),linear-gradient(0deg,#121212c9,transparent 30%);z-index:-2}.hero-copy{padding:65px 7% 100px;width:100%}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;line-height:1.6}.hero .eyebrow{color:#c6c6c2;margin-bottom:28px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;line-height:.97;letter-spacing:-.015em}h1{font-size:clamp(70px,8.4vw,130px)}h1 span{color:#bdbdb8}.hero-intro{margin:32px 0;color:#e1e1dd;font-size:16px}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;letter-spacing:.13em;font-size:10px;color:#ddd}.statement{display:flex;justify-content:space-between;gap:25px;background:#dfdfdb;padding:25px 7%;font:500 23px 'Barlow Condensed',sans-serif;letter-spacing:.06em}.section{padding:105px 7%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-top>p{max-width:370px;color:#666;font-size:15px}.section .eyebrow{color:#777;margin-bottom:22px}h2{font-size:clamp(48px,5.4vw,80px)}h2 span{color:#888}.service-list{border-top:1px solid #aaa}.service-list article{display:grid;grid-template-columns:55px 1.05fr 1.4fr .8fr;gap:25px;align-items:center;padding:33px 0;border-bottom:1px solid #ccc}.num{font-size:12px;color:#888}.service-list h3{font-size:35px}.service-list p{font-size:14px;color:#656565;max-width:340px}.service-list a{justify-self:end;font-size:13px;border-bottom:1px solid #888;padding-bottom:5px}.note{font-size:12px;color:#777;margin-top:25px}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid #888;padding:6px 0}.work{background:#e8e8e4}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery figure{margin:0}.gallery img{aspect-ratio:3/4;object-fit:cover}.gallery figcaption{font-size:12px;color:#656565;padding-top:13px}.gallery figure:nth-child(2){padding-top:45px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:14%;align-items:center}.about-label{display:flex;flex-direction:column;align-items:center}.about-label img{max-width:270px;mix-blend-mode:multiply}.about>div>p:not(.eyebrow){margin-top:25px;max-width:490px;color:#626262}.about .text-link{margin-top:30px}.visit{background:#171717;color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:14%}.visit .eyebrow{color:#a6a6a0}.visit h2{font-size:clamp(60px,6.6vw,98px)}.visit .button{margin-top:35px}.visit-details{padding-top:10px}.visit-details>div{border-top:1px solid #ffffff26;padding:25px 0}.visit-details .eyebrow{font-size:11px;margin-bottom:15px}address{font-style:normal;font-size:18px}.visit-details .text-link{margin-top:12px}.phone{font-family:'Barlow Condensed',sans-serif;font-size:38px}.visit-details p:not(.eyebrow){font-size:14px;color:#aaa;margin-top:8px;max-width:300px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 7%;background:#101010;color:#a7a7a4;font-size:12px}footer>span{font-family:'Barlow Condensed',sans-serif;font-size:22px;color:#ddd}footer small{font-size:11px}@media(max-width:1000px){header nav{gap:14px;font-size:12px}.hero{min-height:650px}.hero-image{left:15%}.service-list article{grid-template-columns:30px 1fr 1.3fr;gap:20px}.service-list article a{grid-column:3;justify-self:start}.about{gap:8%}.gallery{gap:16px}.section{padding:80px 6%}}@media(max-width:700px){html{scroll-padding-top:124px}header{height:112px;padding:7px 6%;grid-template-columns:1fr auto;grid-template-rows:64px 28px;gap:5px 10px}header .logo{grid-column:1;grid-row:1;width:62px;height:62px}.header-cta{grid-column:2;grid-row:1;font-size:12px;min-height:42px;padding:10px 19px}header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;font-size:12px}header nav a{padding:3px 0}.hero{margin-top:112px;min-height:650px;height:calc(100svh - 112px);align-items:flex-end}.hero-image{left:0;background-position:center}.hero-wash{background:linear-gradient(0deg,#111 0%,#111c9 35%,#11125 90%)}.hero-copy{padding:170px 7% 85px}.hero .eyebrow{font-size:10px;margin-bottom:23px}h1{font-size:clamp(58px,13vw,87px)}.hero-intro{font-size:14px;margin:25px 0}.hero-bottom{font-size:9px;bottom:22px;flex-wrap:wrap;gap:6px}.hero-bottom a{display:none}.statement{gap:12px;padding:20px 7%;font-size:14px;line-height:1.3}.section{padding:65px 7%}.section-top{display:block;margin-bottom:36px}.section-top>p,.section-top>.text-link{margin-top:25px}.section .eyebrow{font-size:10px;margin-bottom:18px}h2{font-size:49px}.service-list article{grid-template-columns:28px 1fr;gap:14px;padding:27px 0}.service-list h3{font-size:32px}.service-list p,.service-list article a{grid-column:2}.service-list p{max-width:none}.service-list a{margin-top:5px}.gallery{gap:14px;grid-template-columns:1fr 1fr}.gallery figure:nth-child(2){padding-top:32px}.gallery figure:last-child{grid-column:1/-1;width:75%;justify-self:center;padding-top:15px}.gallery figcaption{font-size:11px}.about{grid-template-columns:1fr;gap:35px}.about-label{align-items:flex-start;flex-direction:row;justify-content:space-between;align-items:center}.about-label img{width:110px}.about-label .eyebrow{max-width:150px;margin:0}.about>div>p:not(.eyebrow){font-size:15px}.visit{grid-template-columns:1fr;gap:45px}.visit h2{font-size:68px}.visit-details{padding:0}.visit-details>div:last-child{padding-bottom:0}footer{flex-wrap:wrap;padding:25px 7%}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-image{background-image:url("assets/salao.webp");background-position:center 62%}.about{background:#e5e5e1}.instagram-link{margin-left:24px}@media(max-width:700px){.hero-image{background-position:center 60%}.instagram-link{display:table;margin-left:0}}

/* Actual work: large portrait cover and a clean four-photo portfolio. */
.hero-image{background-image:url("assets/corte-1.jpg");background-position:center 36%;inset:0 0 0 40%;filter:grayscale(.35)}
.cuts-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.cuts-gallery figure{margin:0}.photo-window{position:relative;overflow:hidden;aspect-ratio:var(--ratio);background:#d5d5d1}.photo-window img{position:absolute;width:var(--iw);height:var(--ih);max-width:none;left:var(--ix);top:var(--iy);object-fit:fill}.cuts-gallery figcaption{padding-top:18px}.cuts-gallery strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:500;line-height:1.1}.cuts-gallery figcaption span{display:block;font-size:12px;color:#666;margin-top:7px}.cuts-gallery figure:nth-child(even){padding-top:40px}.about-label{align-items:flex-start}.about-label .salon-photo{max-width:100%;width:100%;max-height:530px;object-fit:cover;object-position:center 65%;mix-blend-mode:normal}.about{gap:8%;background:var(--paper)}
@media(max-width:1000px){.cuts-gallery{gap:17px}.cuts-gallery strong{font-size:21px}}
@media(max-width:700px){.hero-image{inset:0;background-position:center 26%}.hero-wash{background:linear-gradient(0deg,#111 0%,#111d4 25%,#11140 65%,#11120)}.cuts-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.cuts-gallery figure:nth-child(even){padding-top:24px}.cuts-gallery strong{font-size:21px}.cuts-gallery figcaption span{font-size:11px}.about-label{display:block}.about-label .eyebrow{max-width:none;margin-bottom:20px}.about-label .salon-photo{width:100%;max-height:430px;aspect-ratio:4/3;object-position:center 65%}}