:root{--paper:#faf6f0;--cream:#fffaf4;--shell:#f2e9df;--lightpink:#eee0da;--ink:#4b3338;--burgundy:#633c47;--wine:#4f2d39;--rose:#a97678;--pale:#d9b4a9;--gold:#aa9475;--muted:#7d6e6c;--line:#d8c8bf;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--script:'Parisienne',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#dbb7b3;color:#3f2930}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}img{max-width:100%}h1,h2,h3,p,blockquote{margin-top:0}.container{max-width:1240px;padding:0 45px;margin:0 auto}.skip-link{position:absolute;left:15px;top:-80px;z-index:101;background:#fff;padding:14px}.skip-link:focus{top:15px}.announcement{height:30px;background:var(--burgundy);color:#f6ede6;display:flex;align-items:center;justify-content:center;gap:22px;letter-spacing:.24em;font-size:9px;font-weight:600;text-transform:uppercase}.sparkle{font-size:12px;color:#e9b9b0}.site-header{position:relative;background:rgba(250,246,240,.95);z-index:30;border-bottom:1px solid rgba(160,134,121,.22)}.nav-wrap{height:91px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:.73;display:block;white-space:nowrap}.brand span{font-weight:400;font-style:italic}.brand small{font-family:var(--sans);display:block;font-size:8px;letter-spacing:.33em;margin:13px 0 0 3px;font-weight:600;color:var(--rose)}.primary-nav{display:flex;align-items:center;gap:36px;font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:700}.primary-nav a:not(.nav-contact){transition:color .2s}.primary-nav a:hover{color:var(--rose)}.nav-contact{padding:14px 20px;border:1px solid #a9908a}.nav-contact span{font-size:15px;margin-left:8px;font-weight:400}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;min-height:680px;background:radial-gradient(ellipse at 95% 18%,#ead9d0 0,transparent 47%),linear-gradient(115deg,#faf6f0 45%,#eee2d8 100%)}.hero:before{content:'';position:absolute;left:-200px;top:-170px;width:600px;height:600px;border:1px solid rgba(190,160,146,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(238,224,216,.15),0 0 0 160px rgba(238,224,216,.09)}.hero-layout{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:20px;position:relative;z-index:2}.hero-copy{padding:60px 0 115px;z-index:3}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:.205em;color:var(--rose);font-weight:700;display:flex;align-items:center;gap:15px;text-transform:uppercase}.eyebrow-line{width:33px;height:1px;background:var(--rose);flex:0 0 auto}.hero h1{font-family:var(--serif);font-size:clamp(74px,7.7vw,115px);font-weight:500;line-height:.87;letter-spacing:-.065em;margin:40px 0 29px}.hero h1 span{display:block;white-space:nowrap}.hero h1 em{display:block;color:#a66f78;font-size:.95em;font-weight:400;padding-left:30px;white-space:nowrap}.hero-description{max-width:430px;line-height:2;font-size:14px;color:#665457;letter-spacing:.02em}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;cursor:pointer;text-align:center;padding:16px 24px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;min-height:53px;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--burgundy);color:#fff9f3}.button-primary:hover{background:#804d59}.text-link{font-size:11px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #b5a097;padding-bottom:6px}.text-link span:last-child{margin-left:8px}.hero-bottom{font-family:var(--script);font-size:25px;color:#9e7b7b;margin:62px 0 0}.hero-bottom .heart-mark{font-family:var(--serif);margin-left:13px}.hero-art{position:relative;height:575px;min-width:0;margin-top:2px}.art-matte{position:absolute;top:25px;left:38px;right:35px;bottom:52px;background:#e3cbc2;transform:rotate(-4deg);box-shadow:10px 15px 45px rgba(80,48,52,.11)}.art-matte:before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.59)}.art-glow{position:absolute;inset:0;background:radial-gradient(circle at 45% 26%,#faf0e3,transparent 45%),linear-gradient(145deg,#e3c3bc,#cda59e 55%,#8f7179)}.art-frame{position:absolute;inset:38px 44px;background:linear-gradient(160deg,rgba(255,247,236,.86),rgba(244,224,213,.7));box-shadow:0 5px 30px rgba(82,58,58,.12);border:1px solid #fff2e2;text-align:center;display:flex;align-items:center;justify-content:center}.frame-inner{border:1px solid rgba(150,108,106,.5);position:absolute;inset:22px;display:flex;align-items:center;flex-direction:column;justify-content:center}.frame-script{font-family:var(--script);font-size:47px;color:#aa7374;line-height:1;margin-bottom:9px}.frame-inner .little-star{font-size:15px;color:#ab7879}.frame-inner p{font-family:var(--serif);font-size:39px;font-weight:500;line-height:1.08;margin:20px 0;color:var(--ink)}.frame-inner i{font-weight:500;color:#a97678}.frame-flourish{font-size:39px;color:#af7c7c;line-height:1}.letter-paper{position:absolute;bottom:12px;left:-10px;width:240px;height:258px;padding:25px 21px 20px 28px;background:#fbf4e9;transform:rotate(7deg);box-shadow:5px 8px 22px rgba(74,50,51,.18);border:1px solid #f5e7d8}.letter-date{font-size:7px;letter-spacing:.24em;color:#8d7d79;font-weight:600}.letter-line{width:100%;height:1px;background:#ddd0c0;margin:17px 0 11px}.letter-phrase{font-family:var(--script);color:#b1797c;font-size:31px}.letter-paper p{font:italic 24px/1.13 var(--serif);margin:14px 0 10px}.letter-paper>span{font-family:var(--script);font-size:20px;line-height:.9;color:#af7f7c}.letter-paper b{font-weight:400;font-size:28px}.botanical{pointer-events:none}.hero-botanical{width:265px;height:335px;position:absolute;right:-80px;bottom:-39px;opacity:.65;transform:rotate(27deg)}.hero-seal{position:absolute;right:11px;top:25px;background:#7d4853;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:1px 6px 16px #795f5f55;transform:rotate(10deg);color:#f4e4dc;flex-direction:column;border:1px solid #b98d89;outline:4px solid #7d4853}.hero-seal span{font:italic 24px var(--serif)}.hero-seal small{font-size:13px;margin-top:-7px}.hero-vertical{position:absolute;right:10px;top:245px;writing-mode:vertical-rl;letter-spacing:.29em;font-size:9px;color:#aa9291}.section-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.22em;color:#806b68;display:flex;align-items:center;gap:12px}.section-scroll span{width:37px;height:1px;background:#a88c85}.intro-line{background:#fffaf5;border-block:1px solid #eee3dc;text-align:center;padding:73px 0 67px}.little-kicker{font-size:10px;letter-spacing:.29em;color:#a67973;font-weight:700}.intro-line p{font:400 clamp(30px,4vw,52px)/1.12 var(--serif);margin:20px 0 17px}.intro-line em{color:#a37275}.three-stars{color:#b49a91;font-size:13px}.section-pad{padding:130px 0}.book-section{background:#f5eee7}.book-layout{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:130px}.book-visual{height:635px;position:relative;display:flex;align-items:center;justify-content:center}.book-arch{position:absolute;inset:35px 32px 10px 50px;background:#e5d3ca;border-radius:250px 250px 0 0;box-shadow:inset 0 0 0 1px #e1c8bd}.book-arch:before{content:'';position:absolute;inset:25px 25px 0;border:1px solid #f7eeea;border-bottom:0;border-radius:240px 240px 0 0}.book-shadow{position:relative;width:min(350px,73%);height:auto;transform:rotate(-5deg);box-shadow:20px 22px 27px rgba(65,39,43,.2),6px 7px 0 #d3c3b8;transition:transform .3s}.book-shadow:hover{transform:rotate(-1deg) translateY(-5px)}.book-cover{width:100%;height:auto;display:block;aspect-ratio:680/980;object-fit:cover}.cover-side-note{position:absolute;right:-15px;bottom:15px;color:#956f70;font:26px var(--script);transform:rotate(-9deg)}.cover-side-note span{font-family:var(--serif)}.book-copy{max-width:550px}.book-copy h2,.about-copy h2,.letters-copy h2,.contact-copy h2{font:500 clamp(58px,6vw,85px)/.97 var(--serif);letter-spacing:-.047em;color:#533640}.book-copy h2{margin:34px 0 25px}.title-rule{display:flex;gap:14px;align-items:center;max-width:193px;color:#b99b94}.title-rule span{height:1px;background:#d8bcb2;flex:1}.title-rule b{font:25px var(--serif)}.book-copy h3{font:italic 36px/1.12 var(--serif);font-weight:500;color:#af7378;margin:23px 0}.book-genre{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#816c6c;font-weight:600;line-height:1.8;margin-bottom:22px}.body-copy,.about-copy>p:not(.eyebrow){font:16px/1.95 var(--sans);color:#61545a}.book-note{font:italic 23px var(--serif);color:#987a7a;margin:22px 0 27px}.book-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button-outline{background:transparent;color:var(--burgundy);border-color:#9f8080}.button-outline:hover{background:#e8d8d0}.status{font-size:9px;font-weight:700;letter-spacing:.18em;color:#ac7c7b}.quote-section{padding:105px 0;background:var(--wine);color:#f5e8df;text-align:center;position:relative;overflow:hidden}.quote-section .container{position:relative;z-index:2}.quote-ornament{font:110px var(--serif);line-height:.5;color:#be9892}.quote-section blockquote{max-width:900px;margin:25px auto 26px;font:italic 500 clamp(36px,4.5vw,63px)/1.18 var(--serif)}.quote-attribution{font-size:10px;letter-spacing:.4em;color:#d4bdb2}.quote-outline{position:absolute;right:-48px;bottom:-150px;color:transparent;-webkit-text-stroke:1px #fff2;line-height:1;font:300px var(--script)}.about-section{background:#fbf7f2}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:130px;align-items:center}.about-visual{position:relative;padding:0 30px 42px 0}.portrait-frame{height:555px;position:relative;background:#e5d0c5;border:12px solid #f6eee7;outline:1px solid #d9c9bd;box-shadow:20px 22px 0 #f1e3dd;overflow:hidden}.portrait-illustration{position:absolute;inset:0;background:radial-gradient(circle at 45% 40%,#f7e9db,#e7cfc4 67%,#b68f90);display:flex;align-items:center;justify-content:center}.portrait-circle{width:70%;aspect-ratio:1;border:1px solid #fff7ee;box-shadow:0 0 0 22px #fff7ee20;border-radius:50%;position:absolute}.portrait-note{z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;color:#7b4f54}.portrait-note span:first-child{font:35px var(--script)}.portrait-note strong{font:italic 47px/1.04 var(--serif);font-weight:500}.portrait-note span:last-child{font:29px var(--serif)}.portrait-floral{position:absolute;width:310px;right:-110px;bottom:-70px;opacity:.7;transform:rotate(10deg)}.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-caption{display:block;position:absolute;bottom:0;left:56px;font:23px var(--script);color:#a67776}.about-copy h2{margin:25px 0 22px}.about-copy .small-heart{font:34px var(--serif);color:#bb8c86;margin:0 0 10px}.about-copy>p:not(.eyebrow){margin:20px 0}.signature{font:37px var(--script);color:#9c6670;margin-top:29px}.letters-section{background:linear-gradient(90deg,#efe0da,#f4e9e1);padding:93px 0;overflow:hidden}.letters-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.letters-copy h2{font-size:clamp(55px,5.5vw,76px);margin:25px 0 21px}.letters-copy>p:not(.eyebrow){max-width:530px;line-height:1.9;color:#635054;font-size:15px}.letters-form{margin-top:28px;max-width:565px}.signup-input{display:flex;min-height:57px}.signup-input input{flex:1;min-width:0;background:#fffbf6;border:1px solid #d2bdb5;border-right:0;padding:15px 19px;color:var(--ink);font-size:13px}.signup-input .button{white-space:nowrap}.consent{display:flex;gap:11px;margin:16px 0 9px;align-items:flex-start;font-size:11px;line-height:1.65;color:#65565a;cursor:pointer}.consent input{margin-top:4px;accent-color:#6d404b}.form-note{font-size:10px!important;line-height:1.7!important;color:#8e7976!important}.bot-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.envelope-scene{height:415px;position:relative;transform:rotate(6deg)}.envelope{position:absolute;bottom:25px;left:20px;width:405px;max-width:100%;height:245px;filter:drop-shadow(9px 17px 13px #74535c30)}.envelope-base{position:absolute;inset:0;background:linear-gradient(145deg,#dbc0b6,#bc9995);clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);border:1px solid #b68e8a}.envelope-flap{position:absolute;inset:0;background:#e9d2c4;clip-path:polygon(0 0,100% 0,50% 54%)}.envelope-seal{position:absolute;top:111px;left:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:#784650;color:#f5e8df;display:flex;align-items:center;justify-content:center;font:italic 18px var(--serif);z-index:4;box-shadow:0 3px 6px #6247504d}.envelope-letter{position:absolute;left:63px;bottom:190px;width:340px;height:220px;background:#fdf9ef;box-shadow:2px 4px 12px #82626033;transform:rotate(-3deg);z-index:1;padding:37px 25px;text-align:center;border:1px solid #efded6}.envelope-script{display:block;font:39px var(--script);color:#af7977}.envelope-text{display:block;font:italic 29px var(--serif);line-height:1.1;color:#65464c;margin-top:7px}.envelope-heart{font:25px var(--serif);color:#b78382}.small-flower{position:absolute;top:18px;right:0;font-size:83px;color:#b88987;opacity:.65}.contact-section{background:#fffaf5}.contact-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:120px;align-items:start}.contact-copy h2{margin:28px 0 18px;font-size:clamp(54px,5.1vw,71px)}.contact-copy>p:not(.eyebrow){line-height:1.9;color:#6d5a5d;font-size:15px}.contact-decoration{font:29px var(--script);color:#a67575;margin-top:35px}.contact-decoration span{color:#8e545d}.contact-form{display:flex;flex-direction:column;gap:22px;border:1px solid #e3d6cb;padding:37px;background:#f9f3ed}.contact-form label{display:flex;flex-direction:column;gap:10px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.18em;color:#6f5a5c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form textarea{background:#fffaf4;border:1px solid #dfcfc5;padding:15px;color:#4b3338;font-size:13px;letter-spacing:normal;font-weight:400;text-transform:none;min-width:0}.contact-form textarea{resize:vertical}.contact-form .button{align-self:flex-start;margin-top:4px}.contact-privacy{font-size:10px;color:#89777b;line-height:1.6;margin:0}.contact-privacy a{text-decoration:underline}.footer{background:#472c37;color:#f4e4df;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-brand{font:italic 46px var(--serif)}.footer-top p{font:italic 22px var(--serif);color:#d1aba8;margin:5px 0 0}.footer-nav{display:flex;gap:30px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-top:20px}.footer-nav a:hover,.social-links a:hover{color:#f6bdb7}.social-links{display:flex;gap:20px;justify-content:end;margin:15px 0 34px;font-size:12px}.social-links a[hidden]{display:none}.footer-bottom{border-top:1px solid #8d666b70;padding-top:23px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#d6bcb6;letter-spacing:.05em}.reveal{opacity:1;transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero h1{font-size:113px}}@media(max-width:1100px){.container{padding:0 34px}.hero h1{font-size:clamp(66px,7.5vw,88px)}.hero h1 em{padding-left:0}.hero-art{height:490px}.art-matte{right:10px;left:35px}.frame-inner p{font-size:29px}.letter-paper{width:208px;height:224px}.letter-paper p{font-size:21px}.hero-botanical{width:220px;right:-54px}.book-layout,.about-layout{gap:55px}.contact-layout{gap:60px}.book-visual{height:550px}.book-arch{inset:20px 0}.book-shadow{width:74%}.footer-nav{gap:17px}}@media(max-width:760px){html{scroll-padding-top:70px}.container{padding:0 23px}.announcement{font-size:8px;letter-spacing:.13em;gap:10px}.nav-wrap{height:75px}.brand{font-size:27px}.menu-toggle{display:flex;width:40px;height:40px;background:none;border:0;flex-direction:column;justify-content:center;gap:5px;align-items:flex-end;cursor:pointer}.menu-toggle span{display:block;height:1.5px;width:25px;background:#54373d}.menu-toggle span:nth-child(2){width:18px}.primary-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fcf7f1;border-bottom:1px solid #dfcfc5;padding:25px;flex-direction:column;align-items:start;gap:25px;box-shadow:0 18px 24px #50333918}.primary-nav.is-open{display:flex}.nav-contact{margin-bottom:8px}.hero{min-height:0}.hero-layout{display:flex;flex-direction:column;min-height:0;gap:0}.hero-copy{padding:75px 0 20px;text-align:left;width:100%}.hero h1{font-size:clamp(65px,11vw,88px);margin:28px 0}.hero h1 span{white-space:normal}.hero h1 em{padding-left:4px}.hero-description{font-size:13px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-bottom{margin-top:28px}.hero-art{height:465px;width:min(440px,100%);margin:0 auto 45px}.art-matte{top:20px;left:40px;right:35px;bottom:40px}.hero-botanical{right:-28px;bottom:-14px}.letter-paper{left:0;bottom:6px}.hero-seal{right:8px}.hero-vertical{display:none}.section-scroll{display:none}.intro-line{padding:55px 0}.section-pad{padding:75px 0}.book-layout,.about-layout,.contact-layout,.letters-layout{grid-template-columns:1fr;gap:50px}.book-visual{order:2;height:525px;max-width:480px;width:100%;margin:0 auto}.book-copy{order:1}.book-copy h2,.about-copy h2,.letters-copy h2,.contact-copy h2{font-size:clamp(54px,9vw,74px)}.cover-side-note{right:0}.about-visual{max-width:510px;width:100%;margin:0 auto}.letters-section{padding:75px 0}.envelope-scene{height:330px;max-width:390px;width:100%;margin:auto}.envelope{width:100%;height:225px}.envelope-letter{width:83%;left:10%;height:210px}.contact-section .contact-layout{gap:30px}.footer-top{flex-direction:column}.footer-nav{flex-wrap:wrap}.social-links{justify-content:flex-start}.footer-bottom{flex-direction:column}.quote-section{padding:80px 0}}@media(max-width:440px){.brand{font-size:23px}.hero h1{font-size:60px}.hero-actions .button{width:100%}.hero-actions{align-items:stretch;flex-direction:column}.text-link{align-self:start}.hero-art{height:390px}.art-matte{left:28px;right:18px;bottom:42px}.art-frame{inset:28px}.frame-inner{inset:16px}.frame-inner p{font-size:26px}.frame-script{font-size:38px}.letter-paper{height:183px;width:174px;padding:18px}.letter-paper p{font-size:17px;margin:8px 0}.letter-phrase{font-size:24px}.letter-paper b{font-size:22px}.letter-paper>span{font-size:15px}.hero-seal{right:6px;top:16px;width:55px;height:55px}.book-visual{height:440px}.book-copy h2,.about-copy h2,.letters-copy h2,.contact-copy h2{font-size:56px}.book-shadow{width:70%}.book-arch{left:18px;right:18px}.cover-side-note{font-size:20px}.portrait-frame{height:395px}.portrait-note strong{font-size:37px}.signup-input{flex-direction:column;gap:10px}.signup-input input{min-height:53px;border-right:1px solid #d2bdb5}.signup-input .button{width:100%}.form-row{grid-template-columns:1fr}.contact-form{padding:23px}.envelope-scene{transform:rotate(3deg) scale(.85);transform-origin:top left;height:300px}.envelope{width:100%}.footer-brand{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}

/* ============================================
   The Love Letter edition — vintage writing desk
   design, with newly generated original artwork.
   ============================================ */
:root {
  --paper:#f5ecdc;
  --cream:#fcf6e9;
  --shell:#e8dcc8;
  --lightpink:#ead7cd;
  --ink:#392d29;
  --burgundy:#673c37;
  --wine:#3e2926;
  --rose:#a57b70;
  --pale:#ccb09a;
  --gold:#a48356;
  --muted:#73645a;
  --line:#cdbc9f;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --script:'Parisienne',cursive;
}
body{background:var(--paper);color:var(--ink)}
::selection{background:#b69a77;color:#fffaf0}
.announcement{background:#372620;color:#ead9bf;height:34px;letter-spacing:.22em;font-size:9px}
.site-header{background:#f7efdf;border-bottom:1px solid #cebea5}
.nav-wrap{height:92px}
.brand{color:#50372e;font-size:34px;letter-spacing:-.045em}
.brand small{color:#977c61;letter-spacing:.37em;font-size:8px;margin-top:13px}
.primary-nav{color:#655248}
.primary-nav a:hover{color:#915343}
.nav-contact{border-color:#b39c7c}
.nav-contact:hover{background:#e9dac4}

/* Original custom artwork is the centerpiece. */
.hero{background:#f5ecdc;min-height:0;overflow:visible}
.hero-photo-wrap{position:relative;height:clamp(390px,44vw,625px);overflow:hidden;background:#332720}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%}
.hero-photo-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(35,22,16,.11),transparent 18%,transparent 75%,rgba(35,22,16,.21))}
.hero-image-caption{position:absolute;z-index:2;bottom:22px;right:39px;color:#fff1da;font-size:9px;letter-spacing:.27em;font-weight:600;text-shadow:0 2px 8px #000b;background:#2e2019a6;padding:11px 18px}
.hero-message{min-height:286px;display:grid;grid-template-columns:1.23fr .77fr;gap:80px;align-items:center;position:relative;padding-top:56px;padding-bottom:62px}
.hero-message:before{content:"";position:absolute;top:27px;bottom:27px;left:50%;width:1px;background:linear-gradient(transparent,#d7c4a7,transparent);opacity:.5}
.hero-signet{position:absolute;top:-26px;left:50%;transform:translateX(-50%);border:1px solid #a7855c;background:#f2e4cf;border-radius:50%;width:54px;height:54px;z-index:5;display:flex;align-items:center;justify-content:center;gap:0;font:italic 15px var(--serif);color:#78553e;box-shadow:0 4px 15px #21150925}
.hero-signet-flower{font-size:13px;color:#ad8058;margin:0 3px}
.hero-copy{padding:0;width:auto}
.hero h1{font-size:clamp(60px,6.3vw,94px);font-weight:500;line-height:.89;letter-spacing:-.055em;margin:18px 0 0;color:#4d332c}
.hero h1 span{display:block;white-space:normal}
.hero h1 em{font-weight:400;display:block;font-size:.92em;padding:0;color:#986e5e}
.hero-description{font:italic 27px/1.45 var(--serif);color:#655044;max-width:390px;margin:10px 0 25px}
.hero-actions{margin-top:28px;gap:26px;display:flex;align-items:center;flex-wrap:wrap}
.button{font-size:10px;font-weight:700;letter-spacing:.16em}
.button-primary{background:#674438;color:#fff7e8;border:1px solid #674438}
.button-primary:hover{background:#432b22;color:white}
.button-outline{color:#634334;border-color:#a38b6a}
.button-outline:hover{background:#674438;border-color:#674438;color:#fff}
.text-link{color:#62493d;font-size:10px}
.eyebrow{color:#8d604d;letter-spacing:.18em}
.eyebrow-line{background:#a98b69}
.intro-line{background:#3d2b26;padding:53px 0 47px;border:0;color:#f7e8cf}
.intro-line .little-kicker{color:#c7a17b}
.intro-line p{color:#efe1ce;font-size:clamp(31px,3.5vw,50px);margin:10px 0 8px}
.intro-line p em{color:#d6ae90}
.intro-line .three-stars{color:#c89f7a}

/* Well-loved pages, old leather and faded roses */
.section-pad{padding:110px 0}
.book-section{background:radial-gradient(ellipse at 17% 38%,#fff8eb 0%,transparent 47%),linear-gradient(108deg,#ece0ca,#f5ead7 60%,#eee0c9)}
.book-layout{gap:100px}
.book-visual{height:640px}
.book-arch{background:#d7c1a5;border-radius:190px 190px 5px 5px;box-shadow:inset 0 0 0 1px #ad9270, inset 0 0 0 11px #e8d8bf,0 14px 25px #38221612}
.book-shadow{filter:drop-shadow(15px 19px 9px #2c1e1980)}
.book-cover{border:1px solid #baa17b}
.cover-side-note{color:#856148}
.book-copy h2{color:#3b2923;font-weight:500;font-size:clamp(60px,6vw,90px);line-height:.88}
.book-copy h3{color:#8a5948;font:italic 32px/1.1 var(--serif)}
.book-genre{color:#927359}
.book-copy .body-copy{color:#534439;font-size:15px;line-height:1.95}
.book-note{color:#846c57}
.title-rule{color:#a48765}
.status{color:#856850}
.quote-section{background:radial-gradient(ellipse at 50% 0%,#735043 0,transparent 60%),#392723;color:#f9eee0;padding:92px 0}
.quote-section blockquote{font-size:clamp(43px,4.5vw,66px);line-height:1.05;max-width:970px}
.quote-attribution{color:#cfb091}
.quote-ornament{color:#c19b7b}
.about-section{background:#f8f0e2}
.about-layout{gap:120px}
.portrait-frame{background:#e3d0b6;border:11px solid #fff8e9;outline:1px solid #bfa584;box-shadow:20px 22px 0 #eaddc7}
.portrait-illustration{background:linear-gradient(145deg,#c9ad8b,#eddec4 51%,#dbc5a2)}
.portrait-circle{border-color:#fff4da;box-shadow:0 0 0 22px #fff6dc24}
.portrait-note{color:#754e3d}
.photo-caption,.signature{color:#895e4c}
.about-copy h2{color:#3c2e28;font-weight:500}
.about-copy>p:not(.eyebrow){color:#685548}
.about-copy .small-heart{color:#9c6c5d}
.letters-section{background:linear-gradient(105deg,#e4d1bc,#f0e4d1 60%,#dfcbb3);border-top:1px solid #d9c4aa;border-bottom:1px solid #d9c4aa}
.letters-copy h2{color:#443027}
.letters-copy>p:not(.eyebrow){color:#635046}
.signup-input input{background:#fff8ee;border-color:#bda486}
.consent,.form-note{color:#66574b}
.envelope-base{background:linear-gradient(145deg,#ceb79b,#aa8971);border-color:#9e8062}
.envelope-flap{background:#ddc7ad}
.envelope-letter{background:#fcf2db;border-color:#cdb99c}
.envelope-seal{background:#6c4538;color:#f8e6d1}
.envelope-script,.small-flower{color:#a46e59}
.envelope-text{color:#65493d}
.contact-section{background:#fbf4e8}
.contact-copy h2{color:#463029}
.contact-copy>p:not(.eyebrow){color:#6e574a}
.contact-decoration,.contact-decoration span{color:#a47155}
.contact-form{background:#f1e7d6;border-color:#d1bda0;box-shadow:7px 8px 0 #e5d4bb}
.contact-form label{color:#725b49}
.contact-form input,.contact-form textarea{background:#fff9ee;border-color:#d6c2a8;color:#50392f}
.footer{background:#30221e;color:#f8ebd9}
.footer-top p{color:#c8a890}
.footer-bottom{border-color:#92776055;color:#d9c4b0}
.footer-nav a:hover,.social-links a:hover{color:#ebc1a0}

@media(min-width:1450px){.hero h1{font-size:94px}}
@media(max-width:1100px){
  .hero-message{gap:45px;grid-template-columns:1.1fr .9fr}
  .hero h1{font-size:clamp(58px,7vw,82px)}
  .hero-description{font-size:23px}
  .book-layout,.about-layout{gap:58px}
}
@media(max-width:760px){
  .announcement{font-size:8px;letter-spacing:.06em}
  .nav-wrap{height:75px}
  .primary-nav{background:#f7efdf;border-color:#d3bf9e}
  .hero-photo-wrap{height:360px}
  .hero-photo{object-position:50% center}
  .hero-image-caption{font-size:7px;bottom:12px;right:12px;padding:9px 11px;letter-spacing:.16em}
  .hero-message{padding-top:65px;padding-bottom:66px;min-height:0;display:flex;flex-direction:column;gap:20px;text-align:center;align-items:stretch}
  .hero-message:before{display:none}
  .hero-signet{width:47px;height:47px;top:-23px}
  .hero-message-main .eyebrow{justify-content:center;font-size:9px;gap:8px}
  .hero h1{font-size:clamp(64px,11vw,87px);margin:15px 0 0;line-height:.92}
  .hero h1 em{padding:0}
  .hero-description{font-size:25px;margin:0 auto;max-width:400px}
  .hero-actions{justify-content:center;margin-top:22px}
  .hero-actions .button{width:auto}
  .text-link{align-self:center}
  .intro-line{padding:47px 0 42px}
  .section-pad{padding:78px 0}
  .book-visual{order:2;height:510px}
  .book-copy{order:1}
  .book-copy h2,.about-copy h2,.letters-copy h2,.contact-copy h2{font-size:clamp(59px,9vw,78px)}
  .quote-section blockquote{font-size:clamp(41px,7vw,60px)}
}
@media(max-width:440px){
  .hero-photo-wrap{height:290px}
  .hero-photo{object-position:54% center}
  .hero-message{padding-top:55px;padding-bottom:54px}
  .hero h1{font-size:clamp(46px,13vw,60px)}
  .hero-description{font-size:22px}
  .hero-actions{flex-direction:column;gap:16px;align-items:center}
  .hero-actions .button{width:100%}
  .book-visual{height:440px}
  .book-copy h2,.about-copy h2,.letters-copy h2,.contact-copy h2{font-size:55px}
}

/* Keep decorative flourishes from widening narrow phone layouts. */
.about-section{overflow:clip}
body{overflow-x:clip}
html,body{max-width:100%;overflow-x:hidden}
