:root{color-scheme:light dark;--navy:#222d43;--ink:#293246;--cream:#f7f3ec;--gold:#d1b579;--muted:#60636a;--line:#dcd4c7;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.75}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15}h1{font-size:clamp(48px,5.6vw,88px);letter-spacing:-2px;margin-bottom:30px}h1 em{font-weight:400;color:var(--gold)}h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1px;margin-bottom:28px}h3{font-size:29px;margin-bottom:18px}p{margin-bottom:24px}strong{font-weight:600}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2px;line-height:1.7;margin-bottom:24px}.small{font-size:14px;line-height:1.6}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}:focus-visible{outline:3px solid #b98c35;outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:#f9f5ed;border-bottom:1px solid #ffffff20}.brand{font-family:var(--serif);font-size:28px;line-height:1.1;text-decoration:none;letter-spacing:3px}.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:35px;font-size:15px}nav a,.header-cta{text-decoration:none}nav a:hover{text-decoration:underline}.header-cta{font-size:15px;border-bottom:1px solid var(--gold);padding:6px 0;color:var(--gold)}.hero{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:1.15fr 1fr;position:relative;max-width:1800px;margin:auto}.hero-copy{padding:80px 8% 100px 10%;align-self:center}.hero-copy .eyebrow{color:var(--gold)}.intro{max-width:540px;font-size:19px;line-height:1.85;color:#e2e0dc;margin-bottom:36px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 27px;text-decoration:none;font-size:16px;font-weight:600;border:1px solid transparent;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#202838}.gold:hover{background:#e1c78f}.navy{background:var(--navy);color:white}.hero-meta{margin:17px 0 30px;color:#ddd9d1}.quiet-link{font-size:15px;color:#ede5d6;text-decoration:none;border-bottom:1px solid #b6a789;padding-bottom:5px}.quiet-link span{padding-left:16px}.hero-photo{position:relative;overflow:hidden;min-height:690px}.hero-photo img{width:225%;height:100%;max-width:none;object-fit:fill;position:absolute;left:0;top:0}.photo-note{position:absolute;bottom:26px;left:30px;background:#f7f3eced;color:var(--navy);padding:15px 20px;font-size:11px;letter-spacing:2px;line-height:1.7}.hero-bottom{position:absolute;bottom:24px;left:5.35%;font-size:11px;letter-spacing:2px;color:#c9c5bf}.facts{display:flex;justify-content:center;gap:7%;padding:24px 5%;border-bottom:1px solid var(--line);font-size:15px}.section{padding:105px max(6%,calc((100% - 1220px)/2))}.recognition,.explanation,.about,.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:8%}.prose p:last-child{margin-bottom:0}.recognition .eyebrow,.section .eyebrow{color:#7d6946}.quote{padding:20px 6% 80px;display:flex;align-items:center;justify-content:center;gap:45px;text-align:center}.quote p{font-family:var(--serif);font-size:clamp(26px,3vw,42px);line-height:1.4;margin:0;font-style:italic}.fine-line{width:80px;height:1px;background:#b79a64}.explanation{background:#efe9df;border-top:1px solid var(--line)}.inside{background:var(--navy);padding:90px 6% 60px;color:var(--cream)}.section-heading{text-align:center;max-width:800px;margin:0 auto 55px}.section-heading p:last-child{margin-bottom:0}.inside .eyebrow{color:var(--gold)}.image-button{display:block;border:0;padding:0;position:relative;background:#e6dfd4;overflow:hidden;color:var(--navy)}.image-button img{width:100%;transition:transform .4s}.image-button:hover img{transform:scale(1.018)}.image-button span{position:absolute;right:20px;bottom:20px;background:#faf7f0f2;padding:9px 17px;font-size:14px}.wide-image{max-width:1100px;margin:auto;width:100%}.inside-foot{max-width:1100px;margin:25px auto 0;display:grid;grid-template-columns:1.5fr 1fr;gap:12%;font-size:14px;color:#dbd8d3}.inside-foot p{margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:55px;row-gap:50px}.topic-grid article{border-top:1px solid var(--line);padding-top:24px}.number{display:block;color:#8a7148;font-family:var(--serif);font-size:22px;margin-bottom:24px}.topic-grid p,.steps p{font-size:17px;line-height:1.85;margin:0}.companion{display:grid;grid-template-columns:1.1fr 1fr;background:#ebe4d9;align-items:center}.companion .image-button{height:100%;min-height:560px}.companion img{height:100%;object-fit:cover;object-position:65% center}.companion-copy{padding:65px 10%}.companion-copy p{font-size:17px}.companion-copy .eyebrow{font-size:13px;color:#7d6946}.about{background:#fcfaf6}.signature{font-family:var(--serif);font-size:70px;font-style:italic;color:#8e7449;line-height:1.4;margin-top:55px}.about-aside{font-size:14px;line-height:1.8;color:var(--muted)}details summary{cursor:pointer}details p{margin-top:20px}.about-more summary{font-size:16px;text-decoration:underline;text-underline-offset:5px}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.steps article{border-top:1px solid var(--line);padding-top:24px}.order{background:var(--navy);color:var(--cream);text-align:center;padding:100px 6%}.order .eyebrow{color:var(--gold)}.order h2{font-size:clamp(40px,4.4vw,66px)}.order>p:not(.eyebrow):not(.small){max-width:690px;margin:0 auto 25px;color:#e3e0da}.order-specs{display:flex;justify-content:center;gap:30px;margin:36px 0;font-size:15px}.order-specs span+span{border-left:1px solid #697080;padding-left:30px}.order-footnote{margin:22px auto 0;color:#c7c7c7}.faq{gap:7%;grid-template-columns:1fr 1.2fr}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;position:relative;padding-right:36px;font-size:18px;font-weight:600;line-height:1.6}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;top:0;font-size:24px;font-weight:400;color:#89734f}.questions details[open] summary:after{content:'−'}.questions p{font-size:17px;margin-bottom:0;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px 6%;font-size:15px}footer p{margin:0;font-family:var(--serif);font-size:22px}footer>a:last-child{text-decoration:none}dialog{border:0;background:var(--cream);color:var(--ink);padding:55px;max-width:600px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#111b2ddd;backdrop-filter:blur(5px)}dialog h2{font-size:36px}.close{position:absolute;top:10px;right:15px;border:0;background:var(--cream);color:var(--navy);font-size:30px;width:44px;height:44px;line-height:1}.lightbox{max-width:1300px;padding:55px 20px 20px;background:#f3eee5}.lightbox img{max-height:74vh;object-fit:contain;margin:auto}.lightbox p{text-align:center;font-size:14px;margin:15px 0 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero-photo{min-height:790px}.hero-copy{padding-left:12%}}
@media(max-width:1000px){header{padding:0 4%;height:85px}nav{gap:18px;font-size:14px}.hero-copy{padding:60px 7% 85px 8%}.hero-photo{min-height:650px}.button{font-size:15px;padding:16px 20px;gap:15px}.hero-meta{font-size:13px}.hero-bottom{font-size:10px}.section{padding:75px 6%}.topic-grid{gap:35px}.companion{grid-template-columns:1fr}.companion .image-button{min-height:0;max-height:650px}.companion img{height:auto;object-fit:contain}.companion-copy{padding:60px 8%}.steps{gap:35px}.facts{gap:4%;font-size:13px}}
@media(max-width:700px){body{font-size:18px}header{height:82px;padding:0 6%}.brand{font-size:25px}nav{display:none}.header-cta{font-size:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 45px}.hero-copy .eyebrow{font-size:11px;letter-spacing:1.6px;max-width:300px}h1{font-size:57px;letter-spacing:-1.8px}.intro{font-size:18px}.hero-photo{min-height:0;height:480px}.hero-photo img{width:225%;height:auto;min-height:100%;object-fit:fill;top:-70px}.hero-bottom{display:none}.hero-meta{font-size:14px}.photo-note{font-size:10px;bottom:22px;left:7%}.facts{flex-wrap:wrap;gap:8px 24px;padding:22px 6%;font-size:14px;text-align:center}.section{padding:65px 7%}.recognition,.explanation,.about,.faq{grid-template-columns:1fr;gap:15px}.eyebrow{font-size:12px}h2{font-size:37px}h3{font-size:28px}.quote{padding:0 7% 60px;gap:18px}.fine-line{width:25px;flex-shrink:0}.quote p{font-size:28px}.inside{padding:60px 5% 40px}.section-heading{margin-bottom:35px}.inside-foot{grid-template-columns:1fr;gap:18px;padding:0 3%}.image-button span{right:10px;bottom:10px;font-size:12px;padding:7px 12px}.topic-grid{grid-template-columns:1fr;gap:30px}.topic-grid article{padding-top:15px}.number{margin-bottom:12px}.topic-grid h3 br{display:none}.companion-copy{padding:50px 7%}.signature{margin-top:0;font-size:55px}.about-aside{margin-bottom:28px}.steps{grid-template-columns:1fr;gap:30px}.order{padding:65px 7%}.order h2{font-size:43px}.order-specs{flex-wrap:wrap;gap:10px 15px;font-size:14px}.order-specs span+span{padding-left:15px}.order .button{width:100%;max-width:370px}.order-footnote{max-width:330px}.faq{gap:20px}footer{flex-direction:column;text-align:center;padding:35px 7%;gap:25px}dialog{padding:55px 25px 30px}.lightbox{padding:55px 10px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Reading between the Gates: wordmark, contributor, and offer */
.brand{font-size:30px;letter-spacing:1px;flex-shrink:0}.brand span{font-family:var(--serif);font-size:17px;letter-spacing:1px;margin-top:5px}.signature{font-size:clamp(38px,4vw,62px)}.jannah-note{border-left:2px solid #c5ab78;padding:5px 0 5px 26px;margin:32px 0}.jannah-note h3{font-size:26px}.jannah-note p:last-child{margin-bottom:0}.offer-price{margin:40px auto 25px;display:flex;flex-direction:column;align-items:center;gap:5px}.offer-price span{font-size:15px;color:#e3e0da}.offer-price strong{font-family:var(--serif);font-size:70px;line-height:1.3;font-weight:400;color:var(--gold)}.couple-preview{margin:0 6% 65px;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px;justify-content:space-between}.couple-preview>div{max-width:770px}.couple-preview .eyebrow{font-size:11px;color:#7d6946;margin-bottom:12px}.couple-preview h3{font-size:28px;margin-bottom:15px}.couple-preview p:last-child{font-size:16px;margin:0;color:var(--muted)}.coming-label{font-size:14px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);padding:8px 14px}@media(max-width:700px){.brand{font-size:26px}.brand span{font-size:15px}.couple-preview{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:35px}.signature{font-size:42px}}

/* Legal information: readable pages and a discreet footer on every screen. */
footer.site-footer{display:block}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main>a:last-child{text-decoration:none}.legal-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font-size:14px;line-height:1.5}.legal-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}.legal-page{max-width:880px;margin:0 auto;padding:70px 28px 85px;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(36px,5vw,60px);letter-spacing:-1px}.legal-page h2{font-size:clamp(26px,3vw,34px);letter-spacing:0;margin-bottom:20px}.legal-page h3{font-size:25px;margin-top:30px}.legal-page section{margin-top:42px}.legal-page p{font-size:17px;line-height:1.8}.legal-draft{background:#eee3cf;border-left:3px solid #8a7148;padding:20px 24px;margin:28px 0 40px}.legal-draft p{margin:8px 0 0}.legal-missing{background:#eee3cf;color:#534325;box-decoration-break:clone;-webkit-box-decoration-break:clone}.legal-page .legal-date{font-size:14px;margin-top:45px;color:var(--muted)}.withdrawal-form{padding:24px;border:1px solid var(--line)}.withdrawal-form p:last-child{margin-bottom:0}
@media(max-width:700px){.footer-main{flex-direction:column;text-align:center;gap:22px}.legal-nav{display:flex;gap:4px 20px}.legal-page{padding:45px 22px 60px}.legal-draft{padding:18px}.legal-page section{margin-top:34px}}
@media print{.legal-page{max-width:none;padding:0;color:#000}body{background:#fff}header,footer,.skip{display:none}.legal-page h1{font-size:28pt}.legal-page h2{break-after:avoid;font-size:18pt}.legal-page p{font-size:11pt}.legal-draft,.legal-missing{border:1px solid #777}.withdrawal-form{break-inside:avoid}}

/* Electronic withdrawal: accessible controls within the existing theme. */
#elektronisch{margin:2rem 0 3rem;padding:1.5rem;border:1px solid #bcc0c8;border-radius:8px}
#elektronisch [hidden]{display:none!important}
#elektronisch input{box-sizing:border-box;width:100%;max-width:100%;padding:.85rem;border:1px solid #657088;border-radius:4px;font:inherit;font-size:1rem;background:#fff;color:#222d43}
#elektronisch label{font-weight:600}
#elektronisch small{display:block;font-size:.9rem;line-height:1.6;margin-top:.4rem}
#elektronisch button{font:inherit;font-size:1rem;cursor:pointer;white-space:normal;margin:.5rem .5rem .5rem 0}
#elektronisch button:disabled{cursor:wait;opacity:.6}
#withdrawal-edit{background:transparent;border:1px solid currentColor;border-radius:4px;padding:.85rem 1.2rem}
#elektronisch dd{margin:0 0 1rem;overflow-wrap:anywhere}
#elektronisch dt{font-weight:600}
#elektronisch :focus-visible{outline:3px solid #ad7830;outline-offset:4px}
@media(max-width:600px){#elektronisch{padding:1rem}#elektronisch button{width:100%;margin:.4rem 0}}

/* Space between checkout action and its explanatory text. */
#order-button + p.small{margin-top:1.5rem}

/* Editorial typography: locally hosted serif with selected italic accents. */
@font-face{font-family:'Cormorant Reading';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-medium.woff') format('woff')}
@font-face{font-family:'Cormorant Reading';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-medium-italic.woff') format('woff')}
.editorial-home{--serif:'Cormorant Reading',Georgia,'Times New Roman',serif}
.editorial-home h1,.editorial-home h2,.editorial-home h3{font-weight:500;font-kerning:normal;text-wrap:balance}
.editorial-home h1{font-size:clamp(3.5rem,6.2vw,6rem);line-height:1.06;letter-spacing:-.025em}
.editorial-home h2{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.12;letter-spacing:-.018em}
.editorial-home h3{font-size:2rem;line-height:1.2;letter-spacing:-.01em}
.editorial-home h1 em,.editorial-home h2 em{font-weight:500;letter-spacing:-.02em}
.editorial-home .inside h2 em,.editorial-home .order h2 em{color:var(--gold)}
.editorial-home .about h2 em{color:#80633e}
.editorial-home .order h2{font-size:clamp(2.75rem,4.8vw,4.5rem)}
.editorial-home .brand{font-weight:500;letter-spacing:.025em}
.editorial-home .brand span{font-style:italic;font-weight:500;font-size:1.25rem;letter-spacing:.02em}
.editorial-home .quote p{font-weight:500;font-size:clamp(1.875rem,3.2vw,2.875rem);line-height:1.35}
.editorial-home .signature{font-weight:500;letter-spacing:-.02em}
.editorial-home .topic-grid h3,.editorial-home .steps h3{font-size:1.875rem}
.editorial-home .offer-price strong{font-weight:500;font-variant-numeric:lining-nums}
@media(max-width:700px){.editorial-home h1{font-size:clamp(2.875rem,12vw,4rem)}.editorial-home h2{font-size:clamp(2.375rem,9vw,3rem)}.editorial-home .order h2{font-size:clamp(2.5rem,9.5vw,3.25rem)}.editorial-home .brand span{font-size:1.0625rem}.editorial-home .quote p{font-size:1.875rem}}

/* Footer: social links and copyright alongside legal navigation. */
.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;margin:0 0 2.5rem;font-size:.875rem;line-height:1.5}
.footer-socials a{display:inline-flex;align-items:center;gap:.7rem;max-width:100%;min-height:44px;text-decoration:underline;text-decoration-color:#b5a58a;text-underline-offset:5px}
.footer-socials a:hover{text-decoration-color:currentColor}
.footer-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}
.site-footer .footer-copyright{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;line-height:1.5;margin:0;color:var(--muted)}
.footer-bottom .legal-nav{margin:0;padding:0;border:0}
@media(max-width:700px){.footer-socials{flex-direction:column;align-items:center;gap:.6rem;margin:0 0 2rem}.footer-bottom{flex-direction:column;gap:.75rem}.site-footer .footer-copyright{text-align:center}}

.footer-socials .social-icon{width:26px;height:26px;flex:0 0 26px}.footer-socials a span{min-width:0;overflow-wrap:anywhere;text-align:left}


/* Own the palette in both OS modes. Samsung Internet uses the declared
   dark support to prefer authored colors over automatic page recoloring.
   The brand deliberately keeps the same light surfaces in both modes. */
html{background-color:var(--cream)}
.facts,.recognition,.quote,.contents,.process,.faq,.couple-preview,.site-footer,.legal-page{
  background-color:var(--cream);color:var(--ink)
}
input,textarea,select,button{color-scheme:light}
@media(prefers-color-scheme:dark){
  :root{
    color-scheme:light dark;
    --navy:#222d43;--ink:#293246;--cream:#f7f3ec;
    --gold:#d1b579;--muted:#60636a;--line:#dcd4c7
  }
  html,body{background-color:var(--cream);color:var(--ink)}
  .explanation{background-color:#efe9df;color:var(--ink)}
  .companion{background-color:#ebe4d9;color:var(--ink)}
  .about{background-color:#fcfaf6;color:var(--ink)}
  header{background-color:var(--navy);color:#f9f5ed}
  .hero,.inside,.order{background-color:var(--navy);color:var(--cream)}
  .photo-note{background-color:#f7f3eced;color:var(--navy)}
  .image-button{background-color:#e6dfd4;color:var(--navy)}
  .image-button span{background-color:#faf7f0f2;color:var(--navy)}
}