/* ATELIER — a beauty journal: white space, marginalia and photographic cut-outs. */
.site-beauty{--paper:#fffaf5;--ink:#492e32;--line:#dbc9c7;--muted:#896b71;--accent:#a54960}.atelier-masthead{margin:0 5%;padding:27px 0;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.atelier-masthead>a{font:46px/.8 Georgia,serif;letter-spacing:-3px}.atelier-masthead>a span{font:10px Arial;letter-spacing:0;margin-left:18px}.atelier-masthead nav{display:flex;gap:35px;font:11px Arial}.atelier-cover{display:grid;grid-template-columns:15% 40% 45%;padding:70px 5% 90px;align-items:center;max-width:1800px;margin:auto}.atelier-cover-note{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:18px 15px 30px 0}.atelier-cover-note>span,.atelier-cover-note>a{font-size:8px;letter-spacing:.12em}.atelier-cover-note>p{font:italic 25px/1.1 Georgia}.atelier-cover-photo{position:relative;height:590px;overflow:hidden;border-radius:45% 45% 0 0}.atelier-cover-photo img{height:100%;object-position:65%}.atelier-cover-photo>span{position:absolute;bottom:24px;left:24px;color:white;font-size:8px;letter-spacing:.15em}.atelier-cover-title{position:relative;padding-left:45px}.atelier-cover-title>p:first-child{font:9px Arial;letter-spacing:.14em}.atelier-cover-title h1{font:clamp(58px,7.7vw,120px)/.92 Georgia;letter-spacing:-.07em;margin:28px 0;color:#492e32}.atelier-cover-title h1 em{color:#a54960}.atelier-cover-title>p:last-of-type{font:13px/1.8 Arial;margin-left:10px}.atelier-circle{display:flex;align-items:center;justify-content:center;text-align:center;width:110px;height:110px;border:1px solid #a54960;border-radius:50%;color:#a54960;font:italic 20px/1.1 Georgia;margin:30px 0 0 10px;transition:background .4s,color .4s,transform .4s}.atelier-circle:hover{background:#a54960;color:white;transform:rotate(-12deg)}.atelier-letter{margin:0 5%;padding:45px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr 1fr;gap:20px;align-items:center}.atelier-letter>span{font:8px/1.7 Arial;letter-spacing:.08em}.atelier-letter>span:last-child{text-align:right}.atelier-letter>p{font:clamp(25px,3vw,42px)/1.2 Georgia;text-align:center}.site-beauty .beauty-services{padding-block:100px;grid-template-columns:1.25fr .75fr;gap:70px}.site-beauty .beauty-services>div:last-child{grid-column:1;grid-row:1}.site-beauty .service-photo{grid-column:2;grid-row:1;transform:rotate(3deg);border:12px solid white;box-shadow:0 10px 30px #492e3214}.site-beauty .service-photo img{height:430px}.site-beauty .section-title h2{font-size:44px}.site-beauty .service-row{border-top:1px solid #dbc9c7;padding:24px 0}.site-beauty .service-row h3{font-size:27px}.site-beauty .booking-beauty{padding-top:75px;grid-template-columns:.65fr 1.35fr;gap:80px}.site-beauty .atelier-appointment-photo{height:420px;border-radius:0 0 45% 45%}.site-beauty .booking h2{font-size:55px}.site-beauty .footer .brand{font-family:Georgia,serif}
html.atelier-motion .atelier-cover-photo{animation:atelier-open 1.5s cubic-bezier(.2,.7,.1,1) both}html.atelier-motion .atelier-cover-title{animation:atelier-print 1.1s .3s both}@keyframes atelier-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes atelier-print{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.atelier-cover{grid-template-columns:40% 60%;padding-top:45px}.atelier-cover-note{display:none}.atelier-cover-photo{height:470px}.atelier-cover-title{padding-left:25px}.atelier-masthead>a span{display:none}.site-beauty .beauty-services{gap:35px}.site-beauty .booking-beauty{gap:40px}}
@media(max-width:700px){.atelier-masthead{padding:24px 0}.atelier-masthead>a{font-size:35px}.atelier-masthead nav{gap:16px;font-size:10px}.atelier-masthead nav a:first-child{display:none}.atelier-cover{padding:30px 5% 45px;grid-template-columns:45% 55%;align-items:start}.atelier-cover-photo{height:330px;border-radius:80px 80px 0 0;margin-top:60px}.atelier-cover-title{padding-left:17px}.atelier-cover-title h1{font-size:clamp(42px,11.8vw,80px);margin-top:20px;letter-spacing:-.065em}.atelier-cover-title>p:first-child{font-size:7px;line-height:1.6}.atelier-cover-title>p:last-of-type{font-size:10px;line-height:1.6;margin:0}.atelier-circle{width:78px;height:78px;font-size:17px;margin:22px 0 0}.atelier-letter{grid-template-columns:1fr;padding:25px 0;gap:15px}.atelier-letter>span:last-child{display:none}.atelier-letter>span,.atelier-letter>p{text-align:left}.atelier-letter>p{font-size:27px}.site-beauty .beauty-services{grid-template-columns:1fr;padding-block:45px}.site-beauty .beauty-services>div:last-child{grid-column:1;grid-row:1}.site-beauty .service-photo{grid-column:1;grid-row:2;width:75%;margin:15px 0 20px auto}.site-beauty .service-photo img{height:280px}.site-beauty .section-title h2{font-size:35px}.site-beauty .service-row{gap:12px}.site-beauty .service-row h3{font-size:24px}.site-beauty .booking-beauty{grid-template-columns:1fr;padding-top:40px;gap:30px}.site-beauty .atelier-appointment-photo{display:none}.site-beauty .booking h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html.atelier-motion .atelier-cover-photo,html.atelier-motion .atelier-cover-title{animation:none}}
.site-beauty .service-photo{height:auto;max-height:none}.site-beauty .service-photo>span{background:#492e32b8;padding:7px 9px;bottom:18px;left:18px;font-size:8px}