.vintage-site[data-page=about]{.about-letter-page{position:relative;isolation:isolate;background:#3d3929;padding-bottom:clamp(32px,4vw,56px)}.about-letter-page:before{content:"";position:absolute;z-index:-1;inset:300px 0 0;background:linear-gradient(#3d3929,#3d3929bb 22%,#3d392938 70%,#211a1326),url(/vintage/books-forest.webp) center bottom / cover no-repeat}.reading-opening{position:relative;isolation:isolate;overflow:hidden;height:clamp(360px,34vw,520px)}.reading-opening:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#211a1340,transparent 65%),url(/vintage/fontainebleau.webp) left bottom / cover no-repeat}.opening-title{padding:clamp(38px,4vw,64px) 24px 0;text-align:center;color:#fff3da;text-shadow:0 2px 20px #16170fe6}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase}h1{color:#fff3da;font:400 clamp(42px,6vw,82px)/1.15 var(--display);margin:18px 0 0;letter-spacing:-.035em}.letter-wrap{position:relative;z-index:1;max-width:950px;margin:0 auto;padding:0 20px}.personal-letter{position:relative;isolation:isolate}.letter-paper{position:absolute;inset:0;z-index:-1;filter:drop-shadow(0 8px 5px #17140d55) drop-shadow(0 24px 32px #17140d55)}.letter-paper:before{content:"";position:absolute;inset:0;mask:url(/vintage/letter-torn.svg) center / 100% 100% no-repeat;background-color:#eddfbf;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.52' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h220v220H0z' opacity='.2' filter='url(%23grain)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 0 6%,#86502780,transparent 24%),radial-gradient(ellipse at 100% 28%,#9b612c66,transparent 19%),radial-gradient(ellipse at 0 62%,#96643c66,transparent 17%),radial-gradient(ellipse at 100% 94%,#85502d80,transparent 22%),repeating-linear-gradient(178deg,transparent 0 690px,#8a633617 694px,#fff9df55 697px,transparent 701px 1100px),linear-gradient(90deg,#86532966,transparent 7%,#fff8e133 47%,#95744320 49.8%,#fff8e166 50.1%,transparent 53%,transparent 92%,#82502a70);box-shadow:inset 0 0 45px 8px #78451e66}.letter-content{padding:clamp(55px,7vw,90px) clamp(34px,6vw,84px) 80px}h2{font:400 clamp(32px,4vw,48px)/1.2 var(--display);letter-spacing:-.025em;margin:0 0 24px}p{font-size:16px;line-height:1.95;margin:0;text-wrap:pretty}.letter-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:36px;align-items:center}.letter-intro p:first-of-type:first-line{font-size:18px}.letter-intro p+p{margin-top:24px}.letter-content .portrait{margin:0;min-width:0;transform:none}.letter-content .portrait:before{display:none}.letter-content .portrait:after{box-shadow:1px 3px 5px #49362a25,5px 10px 18px #49362a25}.letter-intro .intro-portrait{width:clamp(210px,calc(50vw - 200px),340px);max-width:none;transform:rotate(3deg)}.letter-intro img{aspect-ratio:4 / 5;object-fit:cover}.letter-divider{display:flex;align-items:center;gap:22px;color:#937b55;margin:54px 0 38px}.letter-divider:before,.letter-divider:after{content:"";flex:1;height:1px;background:#92745245}.facts-heading{font-size:clamp(26px,3vw,34px);margin-bottom:40px}.letter-facts{list-style:none;padding:0;margin:0}.letter-facts>li+li{margin-top:36px}.fact-passage{position:relative;padding-left:44px}.fact-number{position:absolute;left:0;top:1px;font:400 24px/1.4 var(--display);color:#8c674b}.letter-gallery{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:22px;align-items:center;margin:38px 0 44px}.letter-gallery .portrait:nth-child(2){transform:rotate(3deg)}.first-fact-photo{width:calc(100% - 32px);max-width:500px;margin:38px auto 44px;transform:rotate(-2deg)}.snowy-wedding-photo{max-width:440px;margin:38px auto 0}.coffee-photo{max-width:380px;width:80%;margin:38px auto 0;transform:rotate(-2deg)}.closing-flourish{display:block;text-align:center;color:#937b55;margin-top:48px;font-size:28px}@media(max-width:767px){.reading-opening{height:340px}.reading-opening:before{background-image:linear-gradient(180deg,#211a1340,transparent 65%),url(/vintage/fontainebleau-mobile.webp);background-position:20% bottom}.opening-title{padding-top:36px}.about-letter-page:before{background-image:linear-gradient(#3d3929,#3d3929bb 22%,#3d392938 70%,#211a1326),url(/vintage/books-forest-mobile.webp)}.letter-wrap{padding-inline:8px}.letter-paper:before{mask-image:url(/vintage/letter-torn-mobile.svg)}.letter-content{padding:56px 30px 65px}.letter-intro{grid-template-columns:1fr;gap:32px}.letter-intro .intro-portrait{width:calc(100% - 16px);max-width:320px;justify-self:center}p{font-size:16px;line-height:1.9}.fact-passage{padding-left:34px}.fact-number{font-size:20px;top:1px}.letter-gallery{grid-template-columns:1fr;gap:24px}.letter-gallery .portrait:nth-child(2){width:65%;justify-self:center}}}