/* Figma PAGE A PROPORS (571:2644): measured desktop geometry; responsive reflow. */
@font-face{font-family:"Inter Figma";src:url("../fonts/inter-figma.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.about-page{--about-unit:min(.05787037037vw,1px);width:100%;margin-inline:auto}
.about-section{position:relative;font-family:"Inter Figma",Inter,Arial,sans-serif}
.about-section h2{font-feature-settings:"liga" 1,"clig" 1,"calt" 1;font-weight:400}
.about-hero{height:calc(731 * var(--about-unit));overflow:hidden}
.about-hero__water,.about-hero__wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero__wash{background:rgba(255,255,255,.26)}
.about-hero__logo{position:absolute;left:calc(599 * var(--about-unit));top:calc(109 * var(--about-unit));width:calc(530 * var(--about-unit));height:calc(472 * var(--about-unit));object-fit:cover}
.about-signature{height:calc(625 * var(--about-unit));background:#fff}
.about-image-crop{position:absolute;overflow:hidden}
.about-image-crop>img{position:absolute;max-width:none;object-fit:fill}
.about-signature__image{left:calc(109 * var(--about-unit));top:calc(68 * var(--about-unit));width:calc(746 * var(--about-unit));height:calc(469 * var(--about-unit))}
.about-signature__image>img{width:100%;height:216.22%;left:-.06%;top:-52.23%}
.about-signature__eyebrow,.about-signature__title,.about-signature__copy,.about-elegance__title,.about-elegance__copy{position:absolute;margin:0}
.about-signature__eyebrow{left:calc(982 * var(--about-unit));top:calc(69 * var(--about-unit));width:calc(226 * var(--about-unit));height:calc(20 * var(--about-unit));font-size:calc(18 * var(--about-unit));line-height:calc(16.9 * var(--about-unit));letter-spacing:calc(4.32 * var(--about-unit));color:#524f4a}
.about-signature__title{left:calc(982 * var(--about-unit));top:calc(119 * var(--about-unit));width:calc(389 * var(--about-unit));height:calc(67 * var(--about-unit));font-size:calc(64 * var(--about-unit));line-height:calc(53.604 * var(--about-unit));color:#000}
.about-signature__copy{left:calc(982 * var(--about-unit));top:calc(216 * var(--about-unit));width:calc(644 * var(--about-unit));height:calc(315 * var(--about-unit));font-size:calc(18 * var(--about-unit));line-height:calc(28 * var(--about-unit));color:#404040}
.about-elegance{height:calc(486 * var(--about-unit));background:#fffbf3}
.about-elegance__title{left:calc(108 * var(--about-unit));top:calc(55 * var(--about-unit));width:calc(687 * var(--about-unit));height:calc(67 * var(--about-unit));font-size:calc(58 * var(--about-unit));line-height:calc(53.604 * var(--about-unit));color:#000}
.about-elegance__copy{left:calc(108 * var(--about-unit));top:calc(172 * var(--about-unit));width:calc(666 * var(--about-unit));height:calc(254 * var(--about-unit));font-size:calc(18 * var(--about-unit));line-height:calc(28 * var(--about-unit));text-align:justify;color:#404040}
.about-elegance__image{left:calc(873 * var(--about-unit));top:calc(55 * var(--about-unit));width:calc(746 * var(--about-unit));height:calc(372 * var(--about-unit))}
.about-elegance__image>img{width:99.95%;height:133.62%;left:.01%;top:-16.88%}
.about-scent{height:calc(524 * var(--about-unit));overflow:hidden;background:#fff}
.about-scent__underlay{position:absolute;left:0;top:calc(-224 * var(--about-unit));width:100%;height:calc(972 * var(--about-unit))}
.about-scent__underlay>img{width:100%;height:100%;object-fit:cover}
.about-scent__image{inset:0}
.about-scent__image>img{width:99.93%;height:138.69%;left:.02%;top:-22.6%}
.about-scent__copy{position:absolute;left:calc(108 * var(--about-unit));top:calc(50% - .5 * var(--about-unit));width:calc(519 * var(--about-unit));transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(56 * var(--about-unit))}
.about-scent h2{font-size:calc(50 * var(--about-unit));line-height:calc(72 * var(--about-unit));letter-spacing:calc(4.4 * var(--about-unit))}
.about-scent__brand{display:flex;flex-direction:column;gap:calc(32 * var(--about-unit))}
.about-scent__brand>span{width:calc(63 * var(--about-unit));height:1px;background:#171716}
.about-scent__brand>p{display:flex;align-items:center;min-height:calc(30 * var(--about-unit));font-size:calc(20 * var(--about-unit));line-height:calc(16 * var(--about-unit));font-weight:500;letter-spacing:calc(5 * var(--about-unit))}
/* Only page-to-section spacing changes; the shared component's internals do not. */
.about-page>.msm-commitments{margin-top:0}
.about-page + .msm-newsletter{margin-top:0}
/* Wide banners and alternating outside-edge photos, with readable copy widths. */
@media(min-width:1729px){
  .about-hero__logo{left:50%;transform:translateX(-50%)}
  .about-signature{--about-photo-height:clamp(469px,27.141203704vw,960px);height:calc(var(--about-photo-height) + 136px)}
  .about-signature__image{left:0;top:68px;width:calc(50% - 9px);height:var(--about-photo-height)}
  .about-signature__image>img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
  .about-signature__eyebrow,.about-signature__title,.about-signature__copy{left:calc(50% + 118px)}
  .about-signature__eyebrow{top:calc(50% - 243.5px)}
  .about-signature__title{top:calc(50% - 193.5px)}
  .about-signature__copy{top:calc(50% - 96.5px)}
  .about-elegance{--about-photo-height:clamp(372px,21.527777778vw,760px);height:calc(var(--about-photo-height) + 110px)}
  .about-elegance__image{left:calc(50% + 9px);top:55px;width:calc(50% - 9px);height:var(--about-photo-height)}
  .about-elegance__image>img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
  .about-elegance__title,.about-elegance__copy{left:calc(50% - 756px)}
  .about-elegance__title{top:calc(50% - 188px)}
  .about-elegance__copy{top:calc(50% - 71px)}
  .about-scent__image>img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .about-scent__copy{left:calc((100% - 1728px) / 2 + 108px)}
}
@media(max-width:1279px){
  .about-page{--about-unit:1px}
  .about-hero{height:clamp(360px,49vw,625px)}
  .about-hero__logo{left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(220px,31vw,400px);height:auto}
  .about-signature,.about-elegance{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;padding:64px var(--page-gutter);align-content:start}
  .about-signature__image,.about-elegance__image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:746/469;grid-column:1;grid-row:1/4;align-self:start}
  .about-signature__eyebrow,.about-signature__title,.about-signature__copy,.about-elegance__title,.about-elegance__copy{position:static;width:auto;height:auto;grid-column:2}
  .about-signature__eyebrow{font-size:14px;line-height:20px;letter-spacing:3px}
  .about-signature__title{font-size:clamp(42px,4.7vw,58px);line-height:1.05;margin-top:20px}
  .about-signature__copy,.about-elegance__copy{font-size:16px;line-height:26px;margin-top:26px}
  .about-elegance__title,.about-elegance__copy{grid-column:1}
  .about-elegance__title{font-size:clamp(38px,4.5vw,54px);line-height:1.08}
  .about-elegance__image{grid-column:2;grid-row:1/3;aspect-ratio:746/372}
  .about-scent{height:480px}
  .about-scent__underlay{inset:0;height:100%}
  .about-scent__image>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
  .about-scent__copy{left:var(--page-gutter);width:min(519px,50%)}
  .about-scent h2{font-size:42px;line-height:1.44;letter-spacing:3px}
}
@media(max-width:767px){
  .about-hero{height:360px}
  .about-hero__water{object-position:60% center}
  .about-hero__logo{width:240px}
  .about-signature,.about-elegance{display:flex;flex-direction:column;padding:48px 20px}
  .about-signature__image{width:100%;margin-bottom:32px}
  .about-signature__title{font-size:44px}
  .about-elegance__title{font-size:40px}
  .about-signature__copy,.about-elegance__copy{font-size:16px;line-height:26px}
  .about-elegance__copy{text-align:left}
  .about-elegance__image{width:100%;margin-top:32px}
  .about-scent{height:440px}
  .about-scent__copy{left:20px;width:calc(100% - 40px);gap:40px}
  .about-scent h2{font-size:clamp(32px,8vw,40px);line-height:1.44;letter-spacing:2.4px}
  .about-scent__brand{gap:24px}
  .about-scent__brand>p{font-size:16px;letter-spacing:4px}
}