/* Maison Peau & Sie — editorial draft. Intentionally scoped to two pages. */
@font-face{font-family:MPSJost;src:url('../../fonts/jost/Jost-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.mps-editorial-page{background:#faf7f2}
.mps-editorial-page .site-main{padding-top:0!important;max-width:none}
.mps-editorial{--ink:#1b2a35;--teal:#2c4046;--sand:#c2b89c;--sage:#81a4a2;--cream:#faf7f2;--line:rgba(27,42,53,.2);color:var(--ink);background:var(--cream);font:400 17px/1.65 MPSJost,'Jost',sans-serif;overflow:hidden}
.mps-editorial *{box-sizing:border-box}
.mps-editorial :where(h1,h2,h3,p,figure){margin:0}
.mps-editorial :where(h1,h2,h3){font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.04;color:inherit;text-transform:none}
.mps-editorial h1{font-size:clamp(54px,5.8vw,94px)}
.mps-editorial h2{font-size:clamp(40px,4.25vw,68px)}
.mps-editorial h3{font-size:clamp(30px,3vw,43px)}
.mps-editorial em{font-weight:400}
.mps-editorial p+p{margin-top:18px}
.mps-editorial a{color:inherit;text-decoration:none}
.mps-editorial a:focus-visible,.mps-editorial summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.mps-editorial img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.mps-editorial .me-eyebrow{font-size:11px;font-weight:500;line-height:1.5;text-transform:uppercase;letter-spacing:.19em;margin:0 0 26px}
.mps-editorial .me-lead{font-size:20px;line-height:1.55;max-width:460px;margin-top:28px}
.me-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}
.mps-editorial .me-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 25px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);font-size:13px;line-height:1.3;letter-spacing:.03em;transition:background .2s,color .2s;min-height:54px}
.mps-editorial .me-button:hover{background:var(--teal)}
.mps-editorial .me-text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:8px 0;font-size:13px;line-height:1.5;letter-spacing:.02em;transition:gap .2s;min-height:40px}
.mps-editorial .me-text-link:hover{gap:27px}
.me-hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px;max-width:1720px;margin:auto;padding:32px 5.5% 70px;gap:3.5%;align-items:center}
.me-hero-copy{padding:20px 0 15px}
.mps-editorial .me-hero-detail{font-size:16px;line-height:1.6;margin-top:20px;color:#49585e}
.mps-editorial .me-location{font-size:11px;letter-spacing:.07em;margin-top:55px}
.me-hero-visual{position:relative;height:620px;padding:0 23% 0 0;margin-left:8px}
.mps-editorial .me-hero-main{height:100%;object-position:center center}
.me-hero-inset{position:absolute;width:43%;height:51%;right:0;bottom:28px;border:9px solid var(--cream);border-right:0;background:var(--cream)}
.me-hero-inset img{object-position:center 48%}
.me-vertical{position:absolute;top:0;right:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.mps-editorial .me-image-note{position:absolute;left:20px;bottom:18px;color:#fff;font-size:11px;letter-spacing:.05em;background:rgba(27,42,53,.68);padding:6px 12px;margin:0}
.me-history{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:70px 9%;background:#eeeae1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.me-history>div{max-width:760px}
.me-history h2{margin-bottom:25px}
.me-history .me-text-link{margin-top:22px}
.me-care-section{padding:100px 9% 90px;scroll-margin-top:110px}
.me-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:55px}
.me-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.me-care-face{padding-top:90px}
.me-care-photo{display:block;position:relative;height:470px;overflow:hidden;background:#c2b89c}
.me-care-photo img{transition:transform .7s}
.me-care-photo:hover img{transform:scale(1.035)}
.me-photo-label{position:absolute;bottom:24px;left:27px;color:#fff;font:italic 48px/1.1 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 15px #1b2a35}
.me-care-copy{padding:25px 0 0}
.me-care-copy .me-eyebrow{margin-bottom:12px;font-size:10px}
.me-care-copy h3{margin-bottom:15px}
.me-care-copy>p:not(.me-eyebrow){font-size:16px;max-width:460px}
.me-care-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px;font-size:13px;line-height:1.6}
.me-technology{display:grid;grid-template-columns:220px 1fr;gap:55px;align-items:center;border-top:1px solid var(--line);padding-top:55px;margin-top:65px}
.me-technology-photo{height:245px}
.me-technology .me-eyebrow{margin-bottom:15px}
.me-technology h3{margin-bottom:15px}
.me-technology p{max-width:600px}
.me-technology .me-actions{margin-top:15px}
.me-four{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;min-height:650px;position:relative}
.me-four-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:600px}
.me-four-number{font:italic 520px/.9 'Cormorant Garamond',Georgia,serif;color:var(--sand);position:relative;z-index:1;letter-spacing:-.1em;margin-left:-35px}
.me-four-line{position:absolute;border:1px solid rgba(194,184,156,.3);border-radius:50%;width:410px;height:570px;transform:rotate(26deg)}
.me-four-line-two{transform:rotate(-26deg);width:380px;height:520px}
.me-four-art p{color:var(--cream);position:absolute;left:15%;bottom:55px;font-size:12px;letter-spacing:.07em;z-index:2}
.me-four-copy{padding:85px 12% 80px 6%;position:relative;z-index:2}
.me-four-copy h2{font-size:clamp(45px,4.5vw,70px);margin-bottom:28px}
.me-four-copy>p:not(.me-eyebrow):not(.me-small){color:#e2e4de;font-size:17px;max-width:590px}
.me-four-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #69736e;border-bottom:1px solid #69736e;margin:30px 0;font-size:12px;padding:17px 0}
.me-four-details strong{font-weight:400;font-size:23px;margin-left:auto;white-space:nowrap}
.mps-editorial .me-button-light{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.mps-editorial .me-button-light:hover{background:var(--sand);border-color:var(--sand)}
.mps-editorial .me-small{font-size:12px;line-height:1.5;color:#c7cdc9;margin-top:14px}
.me-maison{padding:110px 9%;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}
.me-maison-photo{height:720px;position:relative}
.me-maison-photo img{object-position:center 60%}
.me-maison-copy>p:not(.me-eyebrow){margin-top:25px}
.me-ritual{list-style:none;padding:0;margin:35px 0 25px}
.me-ritual li{display:flex;align-items:baseline;gap:22px;padding:20px 0;border-top:1px solid var(--line)}
.me-ritual li>span{font-size:11px;letter-spacing:.04em;color:#59615d}
.me-ritual h3{font-size:30px;margin-bottom:6px}
.me-ritual p{font-size:14px;line-height:1.55}
.me-faq{padding:80px 9%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:10%}
.me-faq>div>p:not(.me-eyebrow){margin-top:22px;font-size:16px}
.me-questions details{border-bottom:1px solid var(--line)}
.me-questions details:first-child{border-top:1px solid var(--line)}
.me-questions summary{cursor:pointer;list-style:none;padding:23px 32px 23px 0;position:relative;font-size:17px}
.me-questions summary::-webkit-details-marker{display:none}
.me-questions summary:after{content:'+';position:absolute;right:0;top:22px;font-size:23px;line-height:1}
.me-questions details[open] summary:after{content:'−'}
.me-questions details p{font-size:15px;padding:0 20px 24px 0;line-height:1.7}
.me-questions details p a{text-decoration:underline}
.me-closing{text-align:center;padding:80px 24px 100px;background:#eeeae1}
.me-closing .me-actions{justify-content:center}
.me-about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;padding:40px 9% 90px;align-items:center}
.me-about-hero-photo{position:relative;height:640px}
.me-about-hero .me-text-link{margin-top:28px}
.me-story{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:85px 12%;border-top:1px solid var(--line)}
.me-story h2{margin-bottom:32px}
.me-story p{max-width:700px}
.mps-editorial .me-story-lead{font-size:23px;line-height:1.5;margin-bottom:22px}
.mps-editorial .me-signature{font:italic 25px/1.4 'Cormorant Garamond',Georgia,serif;margin-top:32px}
.me-story .me-text-link{margin-top:25px}
.me-about-diptych{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:10px 12% 85px;align-items:start}
.me-about-diptych figure:nth-child(2){margin-top:80px}
.me-about-diptych img{height:550px}
.me-about-diptych figcaption{font:italic 27px/1.4 'Cormorant Garamond',Georgia,serif;margin-top:14px}
.me-invite-photo{height:590px;overflow:hidden}
.me-invite-photo img{object-position:center 45%}
.me-about-invite{min-height:590px}
.me-about-invite .me-four-copy{align-self:center;padding-top:65px;padding-bottom:65px}
@media(min-width:1600px){.me-hero{min-height:810px}.me-hero-visual{height:730px}}
@media(max-width:1100px){.me-hero{padding-left:5%;padding-right:5%;gap:4%;min-height:640px}.me-hero-visual{height:570px;padding-right:18%}.me-hero-inset{width:46%;height:44%}.mps-editorial h1{font-size:62px}.me-hero .me-actions{gap:12px}.me-history,.me-care-section,.me-maison,.me-faq{padding-left:6%;padding-right:6%}.me-care-photo{height:410px}.me-four-number{font-size:430px}.me-four-copy{padding-right:10%}.me-four-line{width:330px;height:460px}.me-four-line-two{width:300px;height:425px}.me-maison{gap:7%}.me-maison-photo{height:690px}.me-about-hero{padding-left:6%;padding-right:6%}.me-about-hero-photo{height:590px}}
@media(max-width:780px){.mps-editorial{font-size:16px}.mps-editorial h1{font-size:clamp(47px,8vw,64px)}.mps-editorial h2{font-size:44px}.mps-editorial .me-eyebrow{font-size:10px;margin-bottom:18px}.me-hero{padding:25px 6% 45px;grid-template-columns:1fr;gap:30px;min-height:0}.me-hero-copy{padding:0}.mps-editorial .me-lead{font-size:18px;margin-top:22px;max-width:470px}.mps-editorial .me-hero-detail{font-size:15px;margin-top:16px}.me-hero .me-actions{gap:20px;margin-top:23px}.mps-editorial .me-location{margin-top:24px;font-size:10px}.me-hero-visual{height:480px;width:100%;max-width:600px;margin-left:0;padding-right:22%}.me-hero-main{object-position:center 57%!important}.me-hero-inset{width:40%;height:55%;bottom:0}.me-vertical{right:13px}.me-history{grid-template-columns:1fr;gap:5px;padding-top:45px;padding-bottom:45px}.me-history h2{font-size:40px}.me-history p{font-size:16px}.me-care-section{padding-top:55px;padding-bottom:55px}.me-section-heading{display:block;margin-bottom:30px}.me-section-heading .me-text-link{margin-top:22px}.me-care-grid{gap:30px}.me-care-face{padding-top:45px}.me-care-photo{height:340px}.me-care-copy>p:not(.me-eyebrow){font-size:14px}.me-care-copy h3{font-size:34px}.me-care-bottom{font-size:12px;align-items:flex-end}.me-care-bottom .me-text-link{gap:10px;font-size:12px}.me-photo-label{left:16px;bottom:16px;font-size:38px}.me-technology{grid-template-columns:130px 1fr;gap:25px;margin-top:45px;padding-top:35px}.me-technology-photo{height:200px}.me-technology p{font-size:15px}.me-technology h3{font-size:33px}.me-technology .me-actions{gap:12px}.me-four{grid-template-columns:1fr}.me-four-art{min-height:300px;height:300px}.me-four-number{font-size:300px;line-height:1;margin-top:-40px}.me-four-line{height:290px;width:210px}.me-four-line-two{height:265px;width:195px}.me-four-art p{left:6%;bottom:25px;font-size:10px}.me-four-copy{padding:30px 6% 55px}.me-four-copy h2{font-size:48px}.me-four-copy>p:not(.me-eyebrow):not(.me-small){font-size:16px}.me-four-details{gap:16px}.me-maison{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:55px}.me-maison-photo{height:520px;max-width:600px}.me-maison-copy>p:not(.me-eyebrow){margin-top:20px}.me-ritual{margin-top:25px}.me-faq{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:55px}.me-closing{padding:55px 6% 60px}.me-about-hero{grid-template-columns:1fr;padding:25px 6% 50px;gap:40px}.me-about-hero-photo{height:500px}.me-story{grid-template-columns:1fr;gap:5px;padding:50px 6%}.mps-editorial .me-story-lead{font-size:21px}.me-about-diptych{padding:10px 6% 50px;gap:25px}.me-about-diptych img{height:360px}.me-about-diptych figure:nth-child(2){margin-top:45px}.me-about-diptych figcaption{font-size:22px}.me-invite-photo{height:350px}.me-about-invite .me-four-copy{padding:40px 6% 55px}}
@media(max-width:480px){.me-hero-visual{height:410px}.me-hero .me-actions{gap:12px 20px}.mps-editorial .me-button{padding:17px 20px;font-size:12px;gap:22px}.mps-editorial .me-text-link{font-size:12px;gap:15px}.me-care-grid{grid-template-columns:1fr;gap:40px}.me-care-face{padding-top:0}.me-care-photo{height:390px}.me-care-copy>p:not(.me-eyebrow){font-size:16px}.me-care-copy h3{font-size:40px}.me-care-bottom{font-size:13px}.me-care-copy .me-eyebrow{margin-bottom:10px}.me-technology{grid-template-columns:1fr;gap:25px}.me-technology-photo{height:250px}.me-technology-photo img{object-position:center 43%}.me-four-copy h2{font-size:43px}.me-four-details{font-size:11px;gap:10px}.me-four-details strong{font-size:21px}.me-maison-photo{height:470px}.me-questions summary{font-size:16px}.me-closing h2{font-size:39px}.me-closing .me-actions{gap:16px}.me-about-hero-photo{height:460px}.me-about-diptych{gap:18px}.me-about-diptych img{height:290px}.me-about-diptych figcaption{font-size:21px}}
@media(max-width:480px){.me-hero-visual{order:-1;height:230px}.me-hero-inset{height:88%;width:39%;border-width:6px}.me-hero{gap:24px;padding-top:18px}.me-hero .me-hero-detail{display:none}.me-hero .me-actions{gap:12px}.me-hero .me-button{padding:16px;gap:14px}.me-hero .me-text-link{font-size:11px;gap:8px}.me-hero .me-vertical{font-size:8px}.me-hero .me-image-note{font-size:9px;left:10px;bottom:10px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.mps-editorial *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}