@font-face{font-family:Cormorant;src:url('/assets/cormorant-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/cormorant-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Playfair;src:url('/assets/playfair-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;background:#faf7f2;color:#24211e}body{font-family:Cormorant,Georgia,serif}.page{position:relative;isolation:isolate;min-height:100svh;height:max(760px,100svh);overflow:hidden}.brand{position:absolute;top:8.5%;left:7.64%;width:295px;z-index:1;text-align:center}h1{margin:0;line-height:0}.brand img{width:100%;height:auto}.brand-caption{margin:0 18px 0 0;font-size:22px;line-height:1.4;letter-spacing:1.2px;font-weight:600;color:#9b8857}.message{position:absolute;left:7.64%;top:36.5%;z-index:1}h2{font-family:Playfair,Georgia,serif;font-size:54px;line-height:1.26;letter-spacing:-.5px;margin:0;font-weight:400}.message p{font-size:24px;letter-spacing:.3px;color:#58524b;margin:46px 0 0}.illustration{position:absolute;left:36.1%;top:2%;height:96%;width:auto;z-index:-1;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 18%),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}.illustration img{height:100%;width:auto;max-width:none;display:block}footer{position:absolute;bottom:7.6%;left:7.64%;font:12.5px/1.5 Arial,sans-serif;letter-spacing:2px;color:#716a62}
@media(min-width:1700px){.page{max-width:1800px;margin:auto}}
@media(min-width:701px) and (max-width:1100px){.brand{width:235px;left:5%}.message{left:5%;top:40%}h2{font-size:42px}.message p{font-size:21px;max-width:300px}.illustration{left:40%;opacity:.9}footer{left:5%}}
@media(max-width:700px){.page{height:auto;min-height:100svh;padding-top:46px;display:flex;flex-direction:column;align-items:center}.brand{position:static;width:204px;flex:none;transform:translateX(-8px)}.brand-caption{font-size:20px;letter-spacing:1px;line-height:1.4;margin:0;transform:translateX(8px)}.message{position:static;text-align:center;margin-top:47px;padding:0 15px}h2{font-size:31px;line-height:40px;letter-spacing:-.3px}.message p{font-size:19px;line-height:1.5;letter-spacing:.2px;margin:25px 0 0}.illustration{position:relative;left:auto;top:auto;width:100%;height:380px;margin-top:39px;flex:none;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 90%,transparent)}.illustration img{height:380px;position:relative;left:50%;transform:translateX(calc(-50% - 15px))}footer{position:static;font-size:11px;letter-spacing:1.8px;text-align:center;margin:16px 0 30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Align with the logo; cap proportional artwork at 800px high. */
@media(min-width:701px){.illustration{left:auto;right:2%;top:8.5%;width:min(64%,1071.1297px,calc((100svh - 130px) * 1.3389121339));height:auto;transform:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}.illustration img{width:100%;height:auto;max-width:100%}}
@media(min-width:701px) and (max-width:1100px){.illustration{width:50%;right:1%;top:8.5%}}
@media(max-width:700px){.illustration{width:calc(100% - 32px);max-width:480px;height:auto;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 94%,transparent)}.illustration img{position:static;width:100%;height:auto;max-width:100%;transform:none}}
