.hp-about{--about-paper:#faf5f0;--about-dark:#1c1414;--about-rose:#dfb6b2;background:var(--about-paper);color:var(--ink);overflow:clip}
.hp-about figure{margin:0}.hp-about img{display:block;width:100%;height:100%;object-fit:cover}.hp-about h1,.hp-about h2,.hp-about h3{margin:0;text-wrap:balance}.hp-about .eyebrow{margin:0 0 25px}
.hp-about__hero{position:relative;min-height:640px;height:78vh;max-height:950px;background:var(--about-dark);color:#fff8f2;display:flex;align-items:center}
.hp-about__hero-image{position:absolute;inset:0}.hp-about__hero-image img{object-position:57% center}
.hp-about__hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#160e10d9 0%,#160e1090 28%,#160e1030 48%,transparent 68%);pointer-events:none}
.hp-about__hero-copy{position:relative;z-index:1;width:49%;padding:70px 0 70px 6vw;max-width:800px}
body .hp-about__hero h1{font-size:clamp(42px,4.5vw,78px);line-height:1.07;letter-spacing:.01em}
.hp-about__intro{font-size:clamp(15px,1.15vw,19px);line-height:1.7;max-width:340px;margin:28px 0 34px;color:#f5e5de}
.hp-about__read{display:inline-flex;gap:25px;align-items:center;padding:10px 0;border-bottom:1px solid #f9e9df66;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:inherit}
.hp-about__read span{font-size:20px;transition:transform .25s}.hp-about__read:hover span{transform:translateY(4px)}
.hp-about__hero-caption{position:absolute;z-index:1;bottom:34px;right:5vw;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hp-about__origin{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;padding:120px 9vw;max-width:1700px;margin:auto;scroll-margin-top:140px}
.hp-about__origin-photo{max-width:520px}.hp-about__origin-photo img{aspect-ratio:4/5;height:auto}.hp-about__origin-photo figcaption{font-size:11px;letter-spacing:.045em;margin-top:15px;color:#79625b}
.hp-about__origin-copy{max-width:550px}.hp-about__origin-copy .eyebrow{color:var(--garnet)}
body .hp-about__origin h2{font-size:clamp(30px,3.3vw,55px);line-height:1.16}
.hp-about__story{font-size:16px;line-height:1.85;margin-top:30px;color:#57443f}.hp-about__story p{margin:0 0 20px}
.hp-about__signature{font-family:var(--font-heading);font-size:19px;color:var(--garnet);margin:30px 0 0;padding-top:24px;border-top:1px solid #d8c5bb}
.hp-about__statement{text-align:center;padding:100px 24px 110px;background:var(--about-dark);color:#f4e7df;position:relative}
.hp-about__statement::before{content:'';display:block;width:1px;height:55px;background:#b0877f;margin:0 auto 38px}
.hp-about__statement .eyebrow{color:#d4aea6}body .hp-about__statement h2{font-size:clamp(39px,6.6vw,100px);line-height:1.1;letter-spacing:.015em}
.hp-about__statement h2 span{color:var(--about-rose)}.hp-about__statement-note{max-width:405px;margin:36px auto 0;font-size:15px;line-height:1.8;color:#d4c0b8}
.hp-about__moments{padding:105px 6vw 110px;max-width:1800px;margin:auto}.hp-about__section-heading{text-align:center;margin-bottom:60px}.hp-about__section-heading .eyebrow{color:var(--garnet)}body .hp-about__section-heading h2{font-size:clamp(32px,4vw,60px)}
.hp-about__triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hp-about__triptych>figure:nth-child(2){padding-top:75px}
.hp-about__frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e8d6cb}.hp-about__frame img{transition:transform 1.1s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hp-about__frame:hover img{transform:scale(1.035)}}
.hp-about__frame--gift>img{object-position:48% center}.hp-about__gift-note{position:absolute;bottom:10%;right:8%;padding:22px 14px;width:53%;transform:rotate(-7deg);background:#d4b181;color:#251a11;text-align:center;font:clamp(16px,1.65vw,27px)/1.4 Georgia,serif;box-shadow:0 7px 18px #27191224;outline:1px solid #6c4b2b66;outline-offset:-8px}.hp-about__gift-note>span{display:block;margin-top:18px;font:italic 11px Georgia,serif}
.hp-about__triptych figcaption{padding-top:23px}.hp-about__number{font-size:10px;letter-spacing:.12em;color:var(--garnet);display:block;margin-bottom:13px}body .hp-about__triptych h3{font-size:clamp(20px,1.8vw,28px);line-height:1.3}.hp-about__triptych p{font-size:14px;line-height:1.8;color:#705851;max-width:330px;margin:15px 0 0}
.hp-about__closing{text-align:center;background:#ecd5cd;padding:90px 24px 100px}.hp-about__closing .eyebrow{color:var(--garnet)}body .hp-about__closing h2{font-size:clamp(38px,5vw,76px);line-height:1.1}.hp-about__closing p:not(.eyebrow){font-size:15px;margin:25px 0 30px}.hp-about__closing .button{min-width:245px}
@media(prefers-reduced-motion:no-preference){.hp-about [data-about-reveal].about-will-reveal{opacity:0;transform:translateY(24px)}.hp-about [data-about-reveal]{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}}
@media(min-width:1800px){.hp-about__hero-copy{padding-left:max(6vw,calc((100vw - 1600px)/2))}}
@media(max-width:900px){.hp-about__hero{height:66vh;min-height:550px}.hp-about__hero-copy{width:53%;padding-left:5vw}body .hp-about__hero h1{font-size:clamp(38px,5vw,55px)}.hp-about__origin{padding:75px 6vw;gap:6vw}.hp-about__story{font-size:15px}.hp-about__triptych{gap:18px}.hp-about__moments{padding:75px 5vw}.hp-about__gift-note{width:65%;font-size:17px}}
@media(max-width:650px){.hp-about__hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.hp-about__hero-image{position:relative;width:100%}.hp-about__hero-image img{height:auto;object-fit:contain}.hp-about__hero::after,.hp-about__hero-caption{display:none}.hp-about__hero-copy{width:100%;max-width:none;padding:38px 26px 44px}.hp-about .eyebrow{font-size:10px;margin-bottom:20px}body .hp-about__hero h1{font-size:clamp(34px,9vw,52px);max-width:490px}.hp-about__intro{font-size:15px;margin:23px 0 21px;max-width:350px}.hp-about__read{font-size:10px;gap:20px}
.hp-about__origin{display:flex;flex-direction:column-reverse;padding:62px 26px;gap:38px;scroll-margin-top:105px}.hp-about__origin-copy,.hp-about__origin-photo{max-width:100%;width:100%}body .hp-about__origin h2{font-size:34px}.hp-about__story{font-size:15px;line-height:1.8;margin-top:23px}.hp-about__signature{font-size:17px}.hp-about__origin-photo img{max-height:480px;object-fit:cover;object-position:center}.hp-about__statement{padding:65px 22px}.hp-about__statement::before{height:38px;margin-bottom:28px}body .hp-about__statement h2{font-size:clamp(32px,8.5vw,52px)}.hp-about__statement-note{font-size:14px;max-width:315px}
.hp-about__moments{padding:65px 26px}.hp-about__section-heading{text-align:left;margin-bottom:32px}body .hp-about__section-heading h2{font-size:34px}.hp-about__triptych{grid-template-columns:1fr;gap:45px}.hp-about__triptych>figure:nth-child(2){padding-top:0}.hp-about__frame{aspect-ratio:4/5;max-height:540px}.hp-about__triptych h3{font-size:24px}.hp-about__triptych p{max-width:none}.hp-about__gift-note{width:55%;padding:30px 16px;font-size:25px}.hp-about__closing{padding:65px 24px}.hp-about__closing .button{width:100%;max-width:340px}}
@media(prefers-reduced-motion:reduce){.hp-about *, .hp-about *::before,.hp-about *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){body:has(.hp-about) .site-header{grid-template-columns:auto 1fr auto}body:has(.hp-about) .brand-logo{max-width:96px}}