*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{background:var(--blush-wash);color:var(--ink);font-family:var(--sans);font-size:var(--body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.is-locked{overflow:hidden}
img{display:block;width:100%;height:auto}
button,input{font:inherit}
button{color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
::selection{background:var(--blush);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{width:var(--container);margin-inline:auto}
.section-cream{background:var(--blush-pale)}
.section-warm{background:var(--blush-wash)}
.section-rose{background:var(--blush);color:var(--ink)}
.section-dark{background:var(--dust-deep);color:var(--white)}
.section-botanical{background:var(--ink);color:var(--white)}
.section-deep{background:linear-gradient(135deg,var(--dust-deep),var(--ink));color:var(--white)}
.eyebrow{font-size:var(--small);text-transform:uppercase;letter-spacing:.14em;margin:0;display:block}
.display{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:var(--lh-tight);margin:0}
.display em{font-style:italic;color:var(--dust)}
.display--hero{font-size:var(--display-xl);max-width:14ch}
.display--large{font-size:var(--display-lg)}
.display--medium{font-size:var(--display-md)}
.display--statement{font-size:clamp(2.8rem,6.5vw,8rem);max-width:14ch}
.body-copy{max-width:34rem;color:var(--muted);line-height:1.7}
.underlink{display:inline-flex;gap:1.5rem;border-bottom:1px solid currentColor;padding-bottom:.5rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;transition:gap .4s var(--ease)}
.underlink:hover{gap:2.5rem}
.magnetic-link{display:inline-flex;align-items:center;gap:2.5rem;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;transition:gap .4s var(--ease)}
.magnetic-link:hover{gap:3.5rem}
.magnetic-link i{font-style:normal;font-size:1rem}
.magnetic-link--dark{color:var(--ink)}
.text-button{border:0;background:none;padding:0;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:opacity .3s}
.text-button:hover{opacity:.6}
.text-button span{opacity:.5}