/* Readability pass: normal web copy 16px; supporting copy 14px.
   Miniature catalogue artwork remains a labelled illustration. */
body{font-size:16px;line-height:1.6}
.site-header{height:112px;gap:25px}.brand{gap:14px;flex:none}.brand>img{width:66px;height:66px}.brand>span{font-size:34px}.brand small{font-size:13px;line-height:1.45;letter-spacing:.065em;margin-top:8px;color:#e1e3d7}.site-header nav{font-size:14px;gap:25px}.header-link{font-size:14px;line-height:1.4;gap:15px;white-space:nowrap}
.eyebrow{font-size:13px;letter-spacing:.12em;line-height:1.6}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.hero-description{font-size:17px;line-height:1.8}.button{font-size:15px;line-height:1.45;padding:16px 22px;min-height:52px}.text-link{font-size:15px;line-height:1.5}.hero-actions{gap:27px}.hero-note{font-size:14px;line-height:1.6}.platform-label{font-size:14px;line-height:1.6}.platform-label .story-icon{width:20px;height:20px}.private-label{font-size:14px;line-height:1.3}.private-label small{font-size:12px;line-height:1.4}.illustration-label{font-size:10px;letter-spacing:.08em}.art-caption{font-size:10px;letter-spacing:.15em}.promise-strip{font-size:14px;line-height:1.5}.promise-strip b{font-size:19px}.intro-row>p{font-size:16px;line-height:1.8;max-width:380px}.section-intro .eyebrow{font-size:13px}
.feature-tabs button>span:nth-child(2){font-size:17px}.feature-tabs small{font-size:14px;line-height:1.5}.tab-number{width:34px;height:34px;font-size:12px}.feature-tabs button{padding:21px 0}.feature-detail h3{font-size:29px}.feature-detail p{font-size:16px;line-height:1.8}.inline-link{font-size:14px;line-height:1.5}.product-panel{min-height:490px}.window-bar{height:45px;font-size:11px}.window-local{font-size:10px;letter-spacing:.06em}.demo-content{min-height:395px}.demo-heading h3{font-size:29px}.demo-tag{font-size:11px;line-height:1.5}.demo-table{font-size:14px}.demo-table th{font-size:11px;letter-spacing:.06em}.demo-table small{font-size:12px;line-height:1.5}.demo-table td{padding:15px 4px}.sample-photo{width:48px;height:48px}.demo-bottom{font-size:12px;line-height:1.6}.demo-caption{font-size:10px;letter-spacing:.07em;padding:10px}.legacy-demo h4{font-size:15px;line-height:1.4}.legacy-demo p{font-size:14px;line-height:1.6}.demo-book>span{font-size:9px}.demo-book p{font-size:11px}.demo-book footer{font-size:8px;line-height:1.5}
.legacy-story>div>p:not(.eyebrow){font-size:16px;line-height:1.85}.family-note .eyebrow{font-size:12px;letter-spacing:.08em}.family-note>p:not(.eyebrow){font-size:14px;line-height:1.6}.family-note a{font-size:14px;line-height:1.5}.privacy-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.privacy-copy .privacy-footnote{font-size:14px!important;line-height:1.8}.privacy-facts h3{font-size:16px}.privacy-facts p{font-size:14px;line-height:1.7}.privacy-facts span{font-size:11px;top:5px}.privacy-facts>div{padding-left:29px}.social-intro>p:not(.eyebrow){font-size:16px;line-height:1.8}.social-handle{font-size:15px;line-height:1.6}.social-links h3{font-size:30px}.social-links p{font-size:15px;line-height:1.6}.closing .eyebrow{font-size:14px;letter-spacing:.1em}.closing>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:620px;margin-left:auto;margin-right:auto;color:#dce0d2}
body>footer{padding:35px 5.3%;display:grid;grid-template-columns:auto 1fr auto auto;column-gap:28px;row-gap:20px;font-size:14px;line-height:1.7;color:#56624e}.footer-wordmark{font-size:20px;line-height:1.3;gap:12px}.footer-wordmark img{width:46px;height:46px;flex:none}body>footer p{font-size:14px}body>footer>a:nth-of-type(2),body>footer>a:nth-of-type(3){margin-left:0}body>footer>span{grid-column:1/-1;border:0;padding:16px 0 0;font-size:14px;border-top:1px solid #d8dfd4;color:#68735f}
.about-hero .eyebrow{font-size:13px}.about-hero>p:not(.eyebrow){font-size:17px;line-height:1.8}.author-line{font-size:14px;line-height:1.6;gap:15px}.author-line img{width:52px;height:52px}.author-line small{font-size:13px;line-height:1.5;color:#c6ccbc}.question-card h2{font-size:17px;line-height:1.4}.question-card p{font-size:15px;line-height:1.7}.story-index .eyebrow{font-size:12px;letter-spacing:.09em}.story-index a{font-size:14px;line-height:1.6}.founder-story article>p{font-size:17px;line-height:1.9}.founder-story article h2 small{font-size:12px;letter-spacing:.08em;line-height:1.5}.key-note h3{font-size:16px;line-height:1.4}.key-note p{font-size:15px;line-height:1.8}.founder-story article .security-boundary{font-size:14px;line-height:1.8}.founder-signature span{font-size:14px;line-height:1.7}.faq-intro>p:not(.eyebrow){font-size:16px;line-height:1.8}.faq-items summary{font-size:16px;line-height:1.5}.faq-items details>p{font-size:15px;line-height:1.85}.about-values h3{font-size:17px;line-height:1.4}.about-values p{font-size:15px;line-height:1.7}
@media(max-width:1150px){.site-header nav{gap:17px;font-size:13px}.header-link{display:none}.brand>img{width:60px;height:60px}.brand>span{font-size:31px}.brand small{font-size:12px}body>footer{grid-template-columns:1fr auto auto}body>footer p{grid-column:1;grid-row:2}body>footer>span{grid-row:3}.product-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.demo-table{font-size:13px}.demo-table small{font-size:11px}}
@media(max-width:720px){.site-header{height:100px;padding:0 5%;gap:14px}.brand{gap:11px}.brand>img{width:54px;height:54px}.brand>span{font-size:28px}.brand small{font-size:11px;line-height:1.5;letter-spacing:.035em;margin-top:7px}.site-header nav{font-size:14px;line-height:1.5;max-width:60px;flex:none}.hero .eyebrow{font-size:11px;letter-spacing:.075em}.hero-description{font-size:16px;line-height:1.8}.button{font-size:14px;padding:15px 17px;min-height:51px;gap:15px}.text-link{font-size:14px;line-height:1.5}.hero-actions{gap:20px;flex-wrap:wrap}.hero-note,.platform-label{font-size:13px}.private-label{font-size:13px;padding:13px 16px}.private-label small{font-size:11px}.illustration-label{font-size:9px}.promise-strip{gap:12px;padding:19px 6%}.promise-strip span{font-size:12px;line-height:1.5;align-items:flex-start;gap:7px;max-width:110px}.promise-strip b{font-size:16px;line-height:1.4}.eyebrow,.section-intro .eyebrow{font-size:12px}.intro-row>p{font-size:16px}.feature-tabs button{padding:16px 4px;gap:8px;align-items:center}.feature-tabs button>span:nth-child(2){font-size:13px;line-height:1.5}.tab-number{width:26px;height:26px;font-size:11px}.feature-detail p{font-size:16px}.feature-detail h3{font-size:28px}.inline-link{font-size:14px}.product-panel{min-height:450px}.demo-content{padding:22px 15px;min-height:355px}.window-bar{font-size:10px;padding:0 12px}.window-local{font-size:8px}.demo-heading{gap:12px}.demo-heading h3{font-size:26px}.demo-tag{font-size:10px}.demo-table{font-size:12px}.demo-table small{font-size:11px}.demo-table th{font-size:10px}.sample-photo{width:43px;height:43px}.demo-table td:first-child{gap:9px}.demo-bottom{font-size:12px}.demo-caption{font-size:9px;line-height:1.5}.legacy-story>div>p:not(.eyebrow){font-size:16px}.family-note .eyebrow{font-size:11px}.family-note>p:not(.eyebrow){font-size:14px}.family-note a{font-size:14px}.privacy-copy>p:not(.eyebrow){font-size:16px}.privacy-copy .privacy-footnote{font-size:14px!important}.privacy-facts h3{font-size:16px}.privacy-facts p{font-size:15px}.privacy-facts>div{padding-bottom:26px}.social-intro>p:not(.eyebrow){font-size:16px}.social-handle{font-size:15px}.social-links p{font-size:15px}.closing .eyebrow{font-size:13px;letter-spacing:.08em;max-width:290px;margin-left:auto;margin-right:auto}.closing>p:not(.eyebrow){font-size:16px;line-height:1.8}.closing .button{font-size:14px}
body>footer{padding:29px 6%;grid-template-columns:1fr 1fr;gap:18px 16px}.footer-wordmark{font-size:18px;grid-column:1/-1;width:auto;line-height:1.4}.footer-wordmark img{width:47px;height:47px}body>footer p{grid-column:1/-1;grid-row:2;font-size:14px}body>footer>a:nth-of-type(2){grid-column:1;grid-row:3}body>footer>a:nth-of-type(3){grid-column:2;grid-row:3;text-align:right;margin-left:0}body>footer>span{grid-row:4;font-size:13px;padding-top:17px}
.about-hero .eyebrow{font-size:12px}.about-hero>p:not(.eyebrow){font-size:16px}.author-line{font-size:13px}.author-line img{width:48px;height:48px}.author-line small{font-size:12px}.question-card{padding:21px 22px 21px 78px}.question-card h2{font-size:15px;line-height:1.4;padding-right:15px}.question-card p{font-size:14px;line-height:1.7}.question-arrow{right:12px}.story-index{gap:10px 17px}.story-index .eyebrow{font-size:12px}.story-index a{font-size:13px}.founder-story article>p{font-size:16px;line-height:1.9}.founder-story article h2 small{font-size:11px;line-height:1.5;letter-spacing:.065em}.key-note h3{font-size:15px}.key-note p{font-size:14px}.founder-story article .security-boundary{font-size:14px}.founder-signature span{font-size:14px}.faq-intro>p:not(.eyebrow){font-size:16px}.faq-items summary{font-size:15px;line-height:1.5}.faq-items details>p{font-size:14px;line-height:1.85}.about-values h3{font-size:16px}.about-values p{font-size:15px}}
@media(max-width:370px){.brand>img{width:46px;height:46px}.brand>span{font-size:25px}.brand small{font-size:10px}.brand{gap:9px}.site-header{gap:10px}.site-header nav{font-size:13px}.feature-tabs button>span:nth-child(2){font-size:12px}.tab-number{width:22px;height:22px}.feature-tabs button{gap:5px}}

/* Each product area is visible in the document; no tab or click is required. */
.experience>.section-intro{margin-bottom:0}.feature-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;padding:45px 0 65px;border-bottom:1px solid #d8dfd4}.feature-section:last-child{border-bottom:0;padding-bottom:0}.feature-description .eyebrow{color:#819075;font-size:13px;letter-spacing:.09em;margin-bottom:18px}.feature-description h2{font-size:45px;line-height:1.05;letter-spacing:-.025em;margin-bottom:24px}.feature-description>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#63715b;max-width:340px}.feature-section .product-panel{min-height:0}.feature-section .demo-content{min-height:0;padding:26px}.feature-catalogue{grid-template-columns:1.3fr .7fr}.feature-catalogue>.feature-description{order:2}.feature-catalogue>.product-panel{order:1}.catalogue-sheet{max-width:350px;margin:0 auto;background:#fbf7eb;border:1px solid #d9d2bf;padding:22px 26px;box-shadow:6px 6px 0 #eee9dd;color:#4b4c3c;text-align:left}.catalogue-sheet-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;border-bottom:1px solid #d8d1bf;padding-bottom:12px}.catalogue-sheet>img{width:170px;height:170px;display:block;object-fit:contain;margin:19px auto 15px;mix-blend-mode:multiply}.catalogue-overline{font-size:11px;letter-spacing:.09em;color:#9c8558;margin-bottom:8px}.catalogue-sheet h4{font:35px/1.1 EB Garamond,Georgia,serif;margin:0 0 10px}.catalogue-sheet .catalogue-spec{font-size:12px;color:#777a66;margin-bottom:16px}.catalogue-sheet>p:last-of-type{font-size:14px;line-height:1.75;color:#747762;margin-bottom:20px}.catalogue-sheet-foot{border-top:1px solid #d8d1bf;padding-top:11px;font-size:9px;letter-spacing:.06em}.legacy-letter{max-width:480px;margin:auto;border:1px solid #dfdfcf;background:#fffdf6;padding:29px 32px;box-shadow:5px 5px 0 #eeeee2}.letter-masthead{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfdfd0;padding-bottom:15px;margin-bottom:20px;font-size:10px;letter-spacing:.12em;color:#839177}.letter-masthead img{border-radius:50%}.legacy-letter h4{font:36px/1.1 EB Garamond,Georgia,serif;color:#4d5f46;margin:0 0 22px}.legacy-letter p{font:15px/1.8 EB Garamond,Georgia,serif;color:#626c57;margin-bottom:14px}.legacy-letter .letter-salutation{font-size:19px;color:#4b6043}.legacy-letter strong{font-weight:600;color:#4d6045}.legacy-letter .letter-signoff{font-size:24px;color:#677b56;margin:22px 0}.letter-caption{border-top:1px solid #dfdfd0;padding-top:12px;font-size:9px;line-height:1.5;letter-spacing:.07em;color:#89967b}.hero-seal{mix-blend-mode:multiply}.coin-rim:has(.hero-seal){box-shadow:none}.feature-section .demo-table td{padding:18px 4px}.feature-section .demo-table{font-size:14px}.feature-section .demo-table small{font-size:12px}.feature-section .sample-photo{width:52px;height:52px}.feature-legacy .demo-content{background:#f2f4eb}@media(max-width:1000px){.feature-section{gap:35px;grid-template-columns:.8fr 1.2fr}.feature-catalogue{grid-template-columns:1.2fr .8fr}.feature-description h2{font-size:39px}.feature-description>p:not(.eyebrow){font-size:16px}.legacy-letter{padding:25px}.catalogue-sheet{padding:20px}}@media(max-width:720px){.feature-section{display:flex;flex-direction:column;gap:22px;align-items:stretch;padding:35px 0 45px}.feature-catalogue>.feature-description,.feature-catalogue>.product-panel{order:initial}.feature-description h2{font-size:36px;margin-bottom:17px}.feature-description>p:not(.eyebrow){max-width:none;font-size:16px}.feature-description .eyebrow{font-size:12px;margin-bottom:14px}.feature-section .demo-content{padding:18px 13px}.feature-section .demo-table{font-size:12px}.feature-section .demo-table small{font-size:11px}.feature-section .sample-photo{width:44px;height:44px}.feature-section .demo-table td{padding:15px 4px}.catalogue-sheet{padding:20px;max-width:310px}.catalogue-sheet>img{width:145px;height:145px}.catalogue-sheet h4{font-size:31px}.catalogue-sheet>p:last-of-type{font-size:14px}.catalogue-sheet-foot{font-size:8px}.legacy-letter{padding:23px 20px}.legacy-letter h4{font-size:33px}.legacy-letter p{font-size:16px;line-height:1.75}.letter-masthead{font-size:10px;gap:10px}.letter-caption{font-size:9px}.feature-legacy .demo-heading h3{font-size:23px}.feature-legacy .demo-tag{font-size:10px}}

.privacy-facts>div{padding-left:0}.about-values h3{margin-top:0}.feature-section .eyebrow{font-size:13px}.story-index a{padding-left:0}
/* Keep supporting labels readable, including the sample documents. */
.demo-caption{font-size:12px;line-height:1.6;letter-spacing:.04em}.letter-caption{font-size:12px;line-height:1.6;letter-spacing:.035em}.letter-masthead{font-size:12px;letter-spacing:.06em}.catalogue-sheet-foot{font-size:11px;line-height:1.6}.catalogue-sheet-top{font-size:11px}.catalogue-overline{font-size:12px}.window-bar{font-size:12px}.window-local{font-size:11px}.demo-table th{font-size:12px}.demo-table small{font-size:12px}
@media(max-width:720px){.brand small{font-size:12px;letter-spacing:.02em}.demo-caption,.letter-caption{font-size:11px}.letter-masthead{font-size:11px}.catalogue-sheet-foot{font-size:10px}.window-local{font-size:9px}.window-bar{font-size:11px}.feature-section .demo-table small{font-size:12px}.feature-section .demo-table th{font-size:11px}}
@media(max-width:370px){.brand small{font-size:11px}}

/* Correct the source photograph’s tilt inside the rotated catalogue page. */
.book .hero-seal{transform:rotate(-7deg);transform-origin:50% 50%}
/* Override the earlier mobile brand rule with matching specificity. */
.site-header .brand small{font-size:13px;line-height:1.45;letter-spacing:.065em}
@media(max-width:720px){.site-header .brand small{font-size:12px;line-height:1.5;letter-spacing:.02em}}
@media(max-width:370px){.site-header .brand small{font-size:11px}}

.hero-description strong{font-weight:600;color:#fffdf1}.feature-description strong,.intro-row>p strong,.legacy-story strong,.privacy-copy strong,.privacy-facts strong,.founder-story article strong,.faq-items strong{font-weight:600;color:var(--ink)}.privacy-copy .privacy-footnote strong{color:#4b6043}

.example-purchase{padding:16px 0;margin:0 0 18px;border-top:1px solid #ded7c7;border-bottom:1px solid #ded7c7}.example-purchase>p{font:600 10px/1.6 -apple-system,sans-serif;color:#8b7d59;letter-spacing:.075em;margin:0 0 12px}.example-purchase dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px;margin:0}.example-purchase dt{font:12px/1.5 -apple-system,sans-serif;color:#7e806a;margin:0 0 5px}.example-purchase dd{font:600 15px/1.5 -apple-system,sans-serif;color:#4c5a40;margin:0}.example-purchase dd small{font-size:10px;font-weight:400}.example-current{grid-column:1/-1}.example-current dd{font:30px/1.2 EB Garamond,Georgia,serif}.example-purchase>span{display:block;font:11px/1.6 -apple-system,sans-serif;color:#888b77;margin-top:12px}.catalogue-sheet>p:last-of-type{font-size:14px}
/* A restrained wine accent complements the sage, gold and silver. */
:root{--wine:#6a3b55;--wine-wash:#f1e9ee;--wine-line:#d9c6d1}
.feature-catalogue>.feature-description .eyebrow,.catalogue-sheet .catalogue-overline,.catalogue-sheet h4{color:var(--wine)}
.feature-catalogue>.product-panel{border-color:var(--wine-line)}.feature-catalogue .window-bar{background:#eee8eb;border-bottom-color:var(--wine-line)}
.legacy-letter .letter-signoff{color:var(--wine)}.story-pullquote{color:var(--wine);border-left-color:#baa0af}
.question-card:nth-child(2) .question-badge,.founder-story article h2#the-key .story-heading-badge{background:var(--wine-wash);color:var(--wine);border-color:var(--wine-line)}
.key-note{border-color:var(--wine-line);background:#f3edf0}.key-note svg{stroke:var(--wine)}
body>footer>a:nth-of-type(2):hover,body>footer>a:nth-of-type(3):hover{color:var(--wine)}
/* The coin follows the sample page, rather than being counter-rotated toward the viewport. */
.book .hero-seal{transform:rotate(7deg);transform-origin:center}
#sample-catalogue [hidden]{display:none!important}
#sample-catalogue .catalogue-sheet{min-height:610px;box-sizing:border-box}
.catalogue-cover{text-align:center;display:flex;flex-direction:column;justify-content:center}
.catalogue-cover>img{mix-blend-mode:normal;width:130px;height:130px}
.catalogue-cover h4{font-size:42px;margin:24px 0}
.catalogue-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:350px;margin:24px auto 0}
.catalogue-navigation button{font:600 14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:var(--wine);border:1px solid var(--wine);border-radius:5px;padding:10px 15px;cursor:pointer}
.catalogue-navigation button:disabled{opacity:.4;cursor:default}
.catalogue-navigation button:focus-visible{outline:3px solid #b59251;outline-offset:3px}
.catalogue-navigation span{font-size:13px;white-space:nowrap;color:#485047}
@media(max-width:720px){#sample-catalogue .catalogue-sheet{min-height:610px}.catalogue-navigation{max-width:310px}}
/* Consistent paper dimensions for all five sample pages. */
#sample-catalogue .catalogue-sheet{width:350px;max-width:100%;height:690px;min-height:690px;padding:22px 26px;display:flex;flex-direction:column}
#sample-catalogue .catalogue-sheet[hidden]{display:none}
#sample-catalogue .catalogue-sheet>img{width:150px;height:150px;flex:none;margin:18px auto}
#sample-catalogue .catalogue-sheet h4{font-size:32px}
#sample-catalogue .catalogue-sheet-foot{margin-top:auto;font-size:10px}
#sample-catalogue .catalogue-cover{justify-content:center;text-align:center}
#sample-catalogue .catalogue-cover h4{font-size:42px}
#sample-catalogue .catalogue-cover .catalogue-sheet-foot{margin-top:55px}
#sample-catalogue .example-purchase{padding:13px 0;margin-bottom:13px}
#sample-catalogue .example-purchase dl{gap:12px}
#sample-catalogue .example-purchase dd{font-size:14px}
#sample-catalogue .example-current dd{font-size:27px}
#sample-catalogue .catalogue-entry-note{font:15px/1.65 EB Garamond,Georgia,serif;margin-bottom:16px;color:#62634f}
.feature-legacy .inline-link{display:inline-block;margin-top:8px}
@media(max-width:720px){#sample-catalogue .catalogue-sheet{width:310px;height:720px;min-height:720px;padding:20px}#sample-catalogue .catalogue-sheet h4{font-size:30px}}
/* The story reads as distinct chapters, without a side index. */
.founder-story{display:block;padding-top:65px;padding-bottom:65px}
.founder-story>article{width:100%;max-width:900px;margin:0 auto}
.story-block{padding:38px 42px;margin:0 0 28px;background:#fffdf6;border:1px solid #d8ddd1;border-radius:8px;scroll-margin-top:30px}
.story-block:last-child{margin-bottom:0}
.story-block>h2{margin-top:0}
.story-block>p{font-size:17px;line-height:1.9;color:#657267;margin-bottom:22px}
.story-block>p:last-child{margin-bottom:0}
.story-block .story-pullquote{margin-bottom:0}
@media(max-width:720px){.founder-story{padding-top:32px;padding-bottom:32px}.story-block{padding:25px 22px;margin-bottom:20px}.story-block>p{font-size:16px;line-height:1.8}}
/* Quiet header; the brand is the only header link. */
.site-header{justify-content:flex-start;height:104px}
/* The image shares its page's orientation, with no extra rotation. */
.book .hero-seal{transform:none}
/* Paper previews sit directly on the site, without simulated app windows. */
.feature-catalogue>.product-panel,.feature-legacy>.product-panel{background:transparent;border:0;box-shadow:none;border-radius:0;min-height:0;overflow:visible}
.feature-catalogue .demo-content,.feature-legacy .demo-content{padding:0;background:transparent;min-height:0}
.feature-catalogue .demo-caption,.feature-legacy .demo-caption{padding:14px 0;font-size:10px;letter-spacing:.02em;max-width:420px;margin:auto}
:root{--brown:#79563f}
#sample-catalogue .catalogue-sheet{height:720px;min-height:720px;color:var(--brown);border-color:#cdbca5}
#sample-catalogue .catalogue-sheet h4{font:400 31px/1.15 EB Garamond,Georgia,serif;color:var(--brown)}
#sample-catalogue .catalogue-overline{color:var(--wine)}
#sample-catalogue .catalogue-sheet>img{width:135px;height:135px;margin:14px auto}
.catalogue-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 17px;padding:16px 0;border-top:1px solid #d8cbb8;border-bottom:1px solid #d8cbb8;font:13px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.catalogue-facts dt{font-size:11px;color:#806e5b;margin-bottom:4px}
.catalogue-facts dd{font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;color:#594536;font-variant-numeric:tabular-nums}
.catalogue-facts>div:nth-child(2){grid-column:1/-1;grid-row:1}
#sample-catalogue .catalogue-sheet-foot{font:9px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;color:#8b7966}
#sample-catalogue .catalogue-entry-note{font:14px/1.6 EB Garamond,Georgia,serif;color:#795f48}
.socials.section{padding-top:42px;padding-bottom:42px;gap:35px;grid-template-columns:1fr 1.2fr}
.social-intro h2{font-size:34px;line-height:1.15;margin-bottom:12px}
.social-intro .eyebrow{margin-bottom:12px}
.social-handle{margin-top:12px}
.social-links{display:flex;gap:20px;justify-content:space-between}
.social-links>a,.social-links>a:first-child{border:0;padding:10px 0;gap:8px}
.social-links>a:hover{padding-left:0;color:var(--wine)}
.social-links h3{font-size:23px;margin:0}
.social-icon{width:25px;font-size:23px}
.social-links>a>span:last-child{font-size:17px;margin-left:0}
.privacy.section{padding-top:50px;padding-bottom:50px;align-items:center}
.privacy-copy h2{font-size:42px;margin-bottom:18px}
.privacy-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:360px}
.privacy-facts>div{padding-left:0}
.privacy-facts h3{font-size:16px;margin-bottom:7px}
.privacy-facts p{font-size:14px;line-height:1.65;margin-bottom:0}
@media(max-width:1000px){.socials.section{grid-template-columns:1fr}.social-links{justify-content:flex-start;gap:35px}}
@media(max-width:720px){.site-header{height:94px}.socials.section{padding-top:30px;padding-bottom:30px}.social-intro h2{font-size:30px}.social-links{flex-wrap:wrap;gap:16px 22px;margin-top:18px}.social-links h3{font-size:21px}.social-icon{font-size:20px}.privacy.section{padding-top:32px;padding-bottom:32px}.privacy-copy h2{font-size:36px}#sample-catalogue .catalogue-sheet{height:740px;min-height:740px}.catalogue-facts{gap:12px}.catalogue-facts dd{font-size:13px}}
/* One clear message per section; matching hero actions. */
.hero-actions{gap:16px;flex-wrap:wrap}
.hero-actions .button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-width:190px}
.hero-description{font-weight:400;max-width:480px}
.book h2{font-size:25px;line-height:1.07;margin-top:14px}
.experience.section{padding-top:45px}
.feature-section{padding-top:35px;padding-bottom:45px}
.feature-description h2{margin-bottom:20px}
.feature-collection>.product-panel{background:transparent;border:0;box-shadow:none;min-height:0}
.feature-collection .demo-content{padding:0;min-height:0}
.privacy.privacy-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px;padding-bottom:30px;align-items:start}
.privacy-mini{padding-right:24px;border-right:1px solid #cbd4c1}
.privacy-mini:last-child{border-right:0;padding-right:0}
.privacy-mini h3{font:600 17px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0 0 7px}
.privacy-mini p{font-size:15px;line-height:1.65;margin:0;color:#657267}
.socials.section{display:block;text-align:center;padding-top:30px;padding-bottom:30px}
.social-intro h2{font-size:30px;margin:0 0 8px}
.social-intro>p:not(.eyebrow){margin:0 auto;max-width:none;font-size:15px}
.social-links{justify-content:center;gap:38px;margin-top:17px}
.social-links>a{gap:10px}
.closing{padding-top:55px;padding-bottom:55px}
.closing h2{margin-bottom:0}
body>footer{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px 5.3%;font-size:14px;flex-wrap:wrap}
body>footer>span{padding:0;border:0;font-size:14px}
@media(max-width:720px){.hero-actions .button{min-width:180px}.book h2{font-size:23px}.privacy.privacy-compact{grid-template-columns:1fr;gap:18px;padding-top:25px;padding-bottom:25px}.privacy-mini{border-right:0;padding:0 0 17px;border-bottom:1px solid #cbd4c1}.privacy-mini:last-child{padding-bottom:0;border-bottom:0}.social-links{gap:24px}.closing{padding-top:40px;padding-bottom:40px}body>footer{gap:16px;font-size:14px}}
/* Landscape catalogue paper fits within a desktop viewport. */
#sample-catalogue .catalogue-sheet{width:560px;max-width:100%;height:500px;min-height:500px;padding:24px;display:grid;grid-template-columns:155px 1fr;column-gap:24px;grid-template-rows:auto auto auto auto 1fr auto auto}
#sample-catalogue .catalogue-sheet-top{grid-column:1/-1;margin-bottom:16px}
#sample-catalogue .catalogue-sheet>img{grid-column:1;grid-row:2/7;align-self:center;width:155px;height:155px;margin:auto}
#sample-catalogue .catalogue-overline,#sample-catalogue .catalogue-sheet h4,#sample-catalogue .catalogue-spec,#sample-catalogue .catalogue-facts,#sample-catalogue .catalogue-entry-note{grid-column:2}
#sample-catalogue .catalogue-sheet h4{font-size:28px;margin-bottom:8px}
#sample-catalogue .catalogue-spec{font-size:11px;margin-bottom:10px}
#sample-catalogue .catalogue-facts{gap:9px 14px;padding:10px 0;margin-bottom:10px;align-self:start}
#sample-catalogue .catalogue-entry-note{font-size:13px;line-height:1.5;margin-bottom:12px}
#sample-catalogue .catalogue-sheet-foot{grid-column:1/-1;margin-top:0;align-self:end}
#sample-catalogue .catalogue-cover{display:flex;align-items:center;justify-content:center}
#sample-catalogue .catalogue-cover>img{width:100px;height:100px;margin:10px auto}
#sample-catalogue .catalogue-cover h4{font-size:36px;margin:12px 0}
#sample-catalogue .catalogue-cover .catalogue-sheet-foot{margin-top:25px;align-self:center}
.catalogue-navigation{max-width:560px}
.letter-frame{max-width:480px;margin:auto;padding:16px;border:1px solid #d6c7b1;border-radius:5px;background:#ebe7db}
.letter-frame-title{font:600 11px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#79563f;letter-spacing:.04em;text-align:center;margin:0 0 14px}
.legacy-letter{box-shadow:none;border:1px solid #ded2bf;padding:28px;background:#fffdf6}
.legacy-letter h4{font:400 28px/1.3 Georgia,'Times New Roman',serif;color:#79563f}
.legacy-letter p{font:italic 16px/1.8 Georgia,'Times New Roman',serif;color:#79563f}
.legacy-letter .letter-salutation{font-size:17px}
.legacy-letter .letter-signoff{font-size:19px;color:#79563f}
.legacy-letter strong{font-weight:400;color:inherit}
.privacy.privacy-illustrated{display:block;padding-top:36px;padding-bottom:36px}
.privacy-heading{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:26px}
.privacy-heading .privacy-seal{width:65px;height:65px;flex:none;margin:0}
.privacy-heading .privacy-seal svg{width:38px;height:38px}
.privacy-heading h2{font:400 34px/1.2 EB Garamond,Georgia,serif;margin:0}
.privacy-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.privacy-points>div{border-right:1px solid #ccd5c0;padding-right:24px}
.privacy-points>div:last-child{border:0;padding-right:0}
.privacy-points h3{font:600 16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0 0 7px}
.privacy-points p{font-size:15px;line-height:1.7;color:#657267;margin:0}
.platform-icon{width:24px;height:24px;flex:none;color:#79563f}
@media(max-width:1000px) and (min-width:721px){.feature-catalogue{grid-template-columns:1.6fr 1fr;gap:25px}#sample-catalogue .catalogue-sheet{column-gap:16px;grid-template-columns:120px 1fr;padding:20px}#sample-catalogue .catalogue-sheet>img{width:120px;height:120px}#sample-catalogue .catalogue-sheet h4{font-size:25px}}
@media(max-width:720px){#sample-catalogue .catalogue-sheet{display:flex;flex-direction:column;width:360px;height:740px;min-height:740px;padding:22px}#sample-catalogue .catalogue-sheet[hidden]{display:none}#sample-catalogue .catalogue-sheet>img{width:135px;height:135px;margin:16px auto;align-self:center}#sample-catalogue .catalogue-sheet-foot{margin-top:auto;align-self:stretch}#sample-catalogue .catalogue-cover .catalogue-sheet-foot{margin-top:25px}.catalogue-navigation{max-width:360px}.letter-frame{padding:12px}.legacy-letter{padding:23px 20px}.privacy-points{grid-template-columns:1fr;gap:20px}.privacy-points>div{border-right:0;border-bottom:1px solid #ccd5c0;padding:0 0 18px}.privacy-points>div:last-child{padding:0}.privacy-heading{justify-content:flex-start}}
.legacy-letter strong{font-weight:700;color:#79563f}
.closing .social-links{margin:30px auto 0;justify-content:center;gap:38px}
.closing .social-links>a{color:#f5f6f0;border:0;padding:8px 0}
.closing .social-links h3{color:inherit;font:400 23px/1.4 EB Garamond,Georgia,serif;margin:0}
.closing .platform-icon{color:#d5b67b}
.closing .social-links>a:hover{color:#d5b67b}
.catalogue-facts>div:nth-child(2){grid-column:auto;grid-row:auto}
.catalogue-facts>div:has(dt:first-child):nth-child(3){grid-column:1/-1}
#sample-catalogue .catalogue-facts{gap:8px 14px}
@media(max-width:720px){.closing .social-links{gap:20px;flex-wrap:wrap}.closing .social-links h3{font-size:21px}.closing .platform-icon{width:21px;height:21px}}
/* Family letter: straightforward document typography and neutral ink. */
.letter-frame{background:#eeeee7;border-color:#d8d8cf}
.letter-frame-title{color:#515850;letter-spacing:.025em;font-size:12px}
.legacy-letter{background:#fffefa;border-color:#dcdcd3;padding:30px}
.legacy-letter h4{font:500 24px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#303830;margin:0 0 24px}
.legacy-letter p,.legacy-letter .letter-salutation,.legacy-letter .letter-signoff{font:400 16px/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#303830}
.legacy-letter strong{font-weight:700;color:#303830}
.legacy-letter .letter-masthead{color:#666e64;font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.04em}
@media(max-width:720px){.legacy-letter{padding:24px 20px}.legacy-letter h4{font-size:23px}}
.hero-art.hero-cover-art{display:flex;align-items:center;justify-content:center;min-height:470px;padding:0;background:none}
.hero-catalogue-cover{display:block;width:360px;max-width:85%;height:auto;max-height:490px;object-fit:contain;filter:drop-shadow(12px 18px 17px #20291f40)}
@media(max-width:1000px){.hero-catalogue-cover{width:330px;max-width:92%}}
@media(max-width:720px){.hero-art.hero-cover-art{min-height:0;margin:30px auto 0;padding:0;width:100%}.hero-catalogue-cover{width:280px;max-width:82%;max-height:385px}}
/* Approved book, shared by hero and first sample page. */
.hero-catalogue-cover{transform:rotate(-7deg);filter:drop-shadow(18px 25px 15px #1c231d70)}
#sample-catalogue .approved-catalogue-cover{background:transparent;border:0;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center}
#sample-catalogue .approved-catalogue-cover>img{width:auto;height:470px;max-width:100%;object-fit:contain;margin:0;mix-blend-mode:normal;filter:drop-shadow(9px 12px 8px #2e29252b)}
/* One document type style, with emphasis only through weight. */
.legacy-letter{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#79563f}
.legacy-letter h4,.legacy-letter p,.legacy-letter .letter-salutation,.legacy-letter .letter-signoff,.legacy-letter .letter-masthead{font-family:inherit;font-size:16px;line-height:1.75;font-style:normal;font-weight:400;color:#79563f;letter-spacing:0}
.legacy-letter strong{font:inherit;font-weight:700;color:#79563f}
@media(max-width:720px){.hero-catalogue-cover{transform:rotate(-5deg)}#sample-catalogue .approved-catalogue-cover>img{height:auto;max-height:560px;width:100%}}
/* Clockwise tilt matches the earlier Una and the Lion hero. */
.hero-catalogue-cover{transform:rotate(7deg)}
@media(max-width:720px){.hero-catalogue-cover{transform:rotate(5deg)}}
/* One fixed, front-facing page rectangle for the entire digital catalogue. */
.catalogue-stage{position:relative;width:min(440px,100%);aspect-ratio:5/7;margin:auto;perspective:1600px;container-type:inline-size;background:#6a3b55;box-shadow:5px 7px 15px #352a2526;border-radius:2px}
#sample-catalogue .catalogue-stage .catalogue-sheet{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:5cqw;box-sizing:border-box;box-shadow:none;border-radius:2px;display:grid;grid-template-columns:30% 1fr;column-gap:5cqw;grid-template-rows:auto auto auto auto 1fr auto auto;transform-origin:left center;backface-visibility:hidden;overflow:hidden}
#sample-catalogue .catalogue-stage .catalogue-sheet[hidden]{display:none!important}
#sample-catalogue .catalogue-stage .catalogue-sheet-top{font-size:2.4cqw;margin-bottom:4cqw;padding-bottom:2.5cqw}
#sample-catalogue .catalogue-stage .catalogue-sheet>img{width:100%;height:auto;max-height:32cqw;object-fit:contain;margin:auto;grid-column:1;grid-row:2/7}
#sample-catalogue .catalogue-stage .catalogue-overline{font-size:2.6cqw;margin-bottom:2cqw}
#sample-catalogue .catalogue-stage .catalogue-sheet h4{font-size:6.3cqw;line-height:1.12;margin-bottom:2cqw}
#sample-catalogue .catalogue-stage .catalogue-spec{font-size:2.6cqw;line-height:1.5;margin-bottom:3cqw}
#sample-catalogue .catalogue-stage .catalogue-facts{gap:2.5cqw 3cqw;padding:3cqw 0;margin-bottom:3cqw;grid-template-columns:1fr 1fr}
#sample-catalogue .catalogue-stage .catalogue-facts dt{font-size:2.5cqw;line-height:1.4;margin-bottom:1cqw}
#sample-catalogue .catalogue-stage .catalogue-facts dd{font-size:2.9cqw;line-height:1.5}
#sample-catalogue .catalogue-stage .catalogue-entry-note{font-size:3cqw;line-height:1.55;margin-bottom:3cqw}
#sample-catalogue .catalogue-stage .catalogue-sheet-foot{font-size:2cqw;margin-top:0;align-self:end}
#sample-catalogue .catalogue-stage .approved-catalogue-cover{padding:0;border:0;background:#6a3b55;display:block;overflow:hidden}
#sample-catalogue .catalogue-stage .approved-catalogue-cover>img{position:absolute;left:-15.5%;top:-4%;width:130%;height:110%;max-height:none;max-width:none;margin:0;object-fit:fill;filter:none;mix-blend-mode:normal}
.catalogue-navigation{max-width:440px}
@media(prefers-reduced-motion:reduce){.catalogue-stage{perspective:none}}
/* The collection illustration is explicitly an application window. */
.feature-collection>.collection-app-window{background:#fffefa;border:1px solid #cbd1c5;border-radius:10px;box-shadow:0 12px 30px #26362f14;overflow:hidden}
.collection-window-title{height:38px;background:#e9ece4;border-bottom:1px solid #d2d8cb;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;padding:0 14px;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#465346}
.collection-window-controls{display:flex;gap:7px}.collection-window-controls i{width:9px;height:9px;border-radius:50%;background:#aeb9a6}.collection-window-controls i:first-child{background:#bd8e80}.collection-window-controls i:nth-child(2){background:#c6b77e}
.collection-app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #e1e5dc;font-size:13px;color:#6b7667}.collection-app-toolbar strong{font-size:16px;color:#294b3f;font-weight:600}
.feature-collection .collection-app-window .demo-content{padding:8px 20px 17px}
/* Match the descriptive copy to the page, rather than the controls below it. */
.feature-catalogue{align-items:start}
.feature-catalogue>.feature-description{align-self:start;margin-top:calc((min(44vw,616px) - 390px)/2)}
@media(min-width:1001px){.feature-catalogue>.feature-description{margin-top:105px}}
.legacy-letter h4,.legacy-letter p,.legacy-letter .letter-salutation,.legacy-letter .letter-signoff,.legacy-letter .letter-masthead{font-style:italic}
.closing{padding:32px 5.3%}
.closing>.eyebrow{margin-bottom:17px;font-size:12px}
.closing h2{font-size:clamp(34px,4.3vw,54px);line-height:1.12}
.closing .social-links{margin-top:20px;gap:30px}
body>footer{padding-top:16px;padding-bottom:16px}
/* Byline stays inside the wordmark width, instead of extending past it. */
.site-header .brand>span{display:grid;width:215px;gap:7px;font-size:34px;letter-spacing:.12em}
.site-header .brand-title{display:block;width:100%;font-family:EB Garamond,Georgia,serif;font-size:34px;letter-spacing:.12em;line-height:1}
.site-header .brand small{display:block;width:100%;white-space:nowrap;text-align:left;margin:0;font-size:10px;letter-spacing:.035em;line-height:1.4}
@media(max-width:720px){.feature-catalogue>.feature-description{margin-top:0;align-self:stretch}.collection-app-toolbar{padding:14px;font-size:11px}.feature-collection .collection-app-window .demo-content{padding:6px 12px 14px}.site-header .brand>span{width:190px}.site-header .brand-title{font-size:30px}.site-header .brand small{font-size:9px}.closing{padding-top:28px;padding-bottom:28px}.closing>.eyebrow{font-size:11px}.closing .social-links{gap:20px;margin-top:18px}}
/* Shared content grid aligns both outer edges across the whole site. */
:root{--site-gutter:max(6%,calc((100% - 1400px)/2))}
.site-header,.hero,.section,.about-hero,.closing,body>footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.feature-catalogue>.feature-description{margin-top:var(--catalogue-copy-offset,0px)}
@media(max-width:720px){:root{--site-gutter:6%}.feature-catalogue>.feature-description{margin-top:0}}
/* Visible blank inside cover on the left; entries stay on the right. */
.catalogue-stage{width:min(880px,100%);aspect-ratio:10/7;container-type:normal;background:transparent;box-shadow:none;border-radius:0;perspective:1800px}
.catalogue-right-page{position:absolute;left:50%;top:0;width:50%;height:100%;container-type:inline-size;transform-style:preserve-3d}
.catalogue-blank-page{position:absolute;inset:0 50% 0 0;background:linear-gradient(90deg,#fbf7eb 92%,#e3dbca);border:1px solid #d7cbb7;box-shadow:-4px 6px 12px #352a251a;opacity:0;transition:opacity .2s ease;pointer-events:none}
.catalogue-stage.is-open .catalogue-blank-page{opacity:1}
.catalogue-stage.is-open .catalogue-right-page{box-shadow:5px 6px 12px #352a251a}
#sample-catalogue .catalogue-stage .catalogue-turning-leaf{z-index:3;transform-origin:left center;pointer-events:none}
#sample-catalogue .catalogue-stage .catalogue-sheet{overflow:hidden}
.catalogue-navigation{max-width:100%}
.privacy-points>div{text-align:center}
.privacy-points h3,.privacy-points p{text-align:center;margin-left:auto;margin-right:auto}
.collection-app-toolbar strong{font-size:13px;letter-spacing:.015em}
@media(max-width:1000px) and (min-width:721px){.feature-catalogue{grid-template-columns:1.8fr 1fr;gap:30px}}
@media(max-width:720px){.collection-app-toolbar{flex-wrap:wrap}.collection-app-toolbar strong{font-size:12px}.catalogue-stage{width:100%}.feature-catalogue>.product-panel{width:100%}.privacy-points>div{text-align:center}}
@media(prefers-reduced-motion:reduce){.catalogue-blank-page{transition:none}}
/* Centre the visible hero composition, not just the full-width section. */
.hero{display:block;min-height:0;padding-top:65px;padding-bottom:65px}
.hero-layout{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:center}
.hero-copy{padding-left:32px}
.hero-art.hero-cover-art{transform:none;min-height:470px;width:360px}
.hero-catalogue-cover{width:360px;max-width:100%}
body>footer{display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:15px;padding-bottom:15px}
body>footer>span{line-height:1.4}
@media(max-width:1000px) and (min-width:721px){.hero-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.hero-art.hero-cover-art{width:300px}.hero-catalogue-cover{width:300px}.hero-copy{padding-left:25px}.hero h1{font-size:58px}}
@media(max-width:720px){.hero{padding-top:38px;padding-bottom:35px}.hero-layout{display:flex;flex-direction:column;gap:20px}.hero-copy{padding-left:0;width:100%}.hero-art.hero-cover-art{width:100%;margin:0;min-height:0}.hero-catalogue-cover{width:280px;max-width:82%}}
/* Wordmark determines its own width; byline words span the full width. */
.site-header{justify-content:space-between;gap:30px}
.site-header .brand>span{width:max-content;display:block;position:relative;padding-bottom:22px}
.site-header .brand-title{width:auto;white-space:nowrap}
.site-header .brand small{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;gap:0;font-size:10px;letter-spacing:0;white-space:nowrap}
.header-platform{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.035em;color:#e0e2d5;text-align:right}
.platform-name{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.os-icon{width:19px;height:19px;flex:none}
.catalogue-navigation{justify-content:center;gap:17px}
.privacy-heading{flex-direction:column;gap:13px}
.privacy-heading h2{order:-1;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.12em}
.closing>.eyebrow{margin-top:17px;margin-bottom:0;font-size:12px;letter-spacing:.07em}
.closing .social-links{margin-top:23px}
.story-block>h2{display:flex;align-items:center;gap:14px;font:400 28px/1.25 EB Garamond,Georgia,serif;margin:0 0 23px}
.story-block>h2 .story-heading-badge{flex:none;width:40px;height:40px;margin:0;display:grid;place-items:center}
.story-block>h2 .story-icon{width:23px;height:23px}
.story-block{padding:30px 36px}
.story-block>p{font-size:16px;line-height:1.85;margin-bottom:18px}
.story-faq{display:block;padding-top:40px;padding-bottom:45px}
.faq-intro h2{font-size:32px;line-height:1.2;margin-bottom:25px}
.faq-items{max-width:900px;margin:0 auto}
.faq-intro{max-width:900px;margin:auto}
@media(max-width:1000px){.header-platform{max-width:360px;font-size:11px}}
@media(max-width:720px){.site-header{height:auto;min-height:94px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:18px}.site-header .brand>span{width:max-content}.site-header .brand small{font-size:9px}.header-platform{max-width:none;width:100%;justify-content:flex-start;text-align:left;font-size:11px}.privacy-heading{align-items:center}.story-block{padding:25px 22px}.story-block>h2{font-size:26px;gap:12px}.catalogue-navigation{gap:13px}.faq-intro h2{font-size:29px}.closing>.eyebrow{font-size:11px}}
.site-header .brand small{font-size:12px}
@media(max-width:720px){.site-header .brand small{font-size:10.5px}}
/* Privacy uses the same editorial face and hierarchy as other headings. */
.privacy-heading h2{font:400 36px/1.2 EB Garamond,Georgia,serif;letter-spacing:0}
/* A smaller, consistent printed-letter type treatment. */
.legacy-letter{padding:32px 34px;background:#fffdf6;border:1px solid #d8cbb7;box-shadow:0 3px 9px #493b2910}
.legacy-letter h4,.legacy-letter p,.legacy-letter .letter-salutation,.legacy-letter .letter-signoff,.legacy-letter .letter-masthead{font-family:Georgia,'Times New Roman',serif;font-size:14.5px;line-height:1.85;font-style:italic;color:#79563f;letter-spacing:0}
.legacy-letter h4{margin-bottom:22px}
.legacy-letter p{margin-bottom:16px}
.legacy-letter strong{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700}
.legacy-letter .letter-masthead{font-style:normal}
#sample-catalogue .catalogue-stage .catalogue-back-cover{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12cqw 5cqw;background-color:#6a3b55;background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#1d061b0d 0 1px,transparent 1px 4px);border:1px solid #553044;box-shadow:inset 8px 0 10px #35192b30}
.catalogue-back-cover::before{content:'';position:absolute;inset:4cqw;border:1px solid #d5c7b580;pointer-events:none}
.back-cover-imprint{font:400 3.1cqw/1.65 EB Garamond,Georgia,serif;color:#e4dacb;text-align:center;position:relative;z-index:1}
.back-cover-imprint span{font-style:italic}
.collector-thought{background:#eeeee4;border:1px solid #dddfd0;border-left:3px solid #a28b62;border-radius:5px;padding:22px 24px;margin:0 0 25px;display:flex;gap:15px;align-items:flex-start}
.collector-thought>svg{width:24px;height:24px;flex:none;stroke:#8c7955;margin-top:5px}
.collector-thought blockquote{margin:0;font:400 22px/1.5 EB Garamond,Georgia,serif;color:#485047}
.collector-thought blockquote p{margin:0 0 13px}
.collector-thought blockquote p:last-child{margin-bottom:0}
.faq-items details>p{font-size:15px;line-height:1.8}
@media(max-width:720px){.privacy-heading h2{font-size:32px}.legacy-letter{padding:26px 23px}.collector-thought{padding:19px;gap:12px}.collector-thought blockquote{font-size:21px}}
.header-platform{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.platform-tagline{display:block}
.platform-systems{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
@media(max-width:720px){.header-platform{align-items:flex-start}.platform-systems{justify-content:flex-start}}
/* Flat PDF artwork for the sample cover; the hero keeps its own mockup. */
#sample-catalogue .catalogue-stage .approved-catalogue-cover>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;transform:none;filter:none}
.catalogue-stage.is-back-cover .catalogue-right-page{left:0;box-shadow:none}
.catalogue-stage.is-back-cover .catalogue-blank-page{opacity:0}
/* Optical letter spacing, rather than stretched word gaps. */
.site-header .brand small{display:block;line-height:1;width:100%;height:18px}
.brand-byline{display:block;width:100%;height:18px;overflow:visible}
.brand-byline text{font:11.8px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#e1e3d7}
.header-platform{align-items:center;text-align:center}
.platform-tagline{width:100%;text-align:center;line-height:20px}
.platform-systems{justify-content:center;align-items:center;gap:8px;min-height:20px;line-height:20px;letter-spacing:.035em}
.platform-systems>span,.platform-name{line-height:20px;align-items:center}
.platform-systems .os-icon{width:18px;height:18px;display:block}
.closing .social-links h3{font-size:18px;letter-spacing:.055em;text-transform:uppercase}
.closing .social-links .platform-icon{width:20px;height:20px}
.closing .social-links>a>span:last-child{font-size:16px}
@media(max-width:720px){.header-platform{align-items:center;text-align:center}.platform-systems{justify-content:center}.closing .social-links h3{font-size:16px}.closing .social-links{gap:17px}.brand-byline text{font-size:11.8px}}
.social-bar{padding:25px var(--site-gutter) 27px;background:#6a3b55;color:#f5f6f0;text-align:center}
.social-bar>p{margin:0 0 14px;font:500 12px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.1em}
.social-bar .social-links{display:flex;align-items:center;justify-content:center;gap:35px;margin:0}
.social-bar .social-links>a{display:flex;align-items:center;gap:9px;border:0;padding:5px 0;color:#f5f6f0}
.social-bar .social-links>a:hover{padding-left:0;color:#d5b67b}
.social-bar .social-links h3{font:400 18px/1.5 EB Garamond,Georgia,serif;letter-spacing:.055em;margin:0}
.social-bar .platform-icon{width:20px;height:20px;color:#d5b67b}
.social-bar .social-links>a>span:last-child{font-size:16px;margin:0}
@media(max-width:720px){.social-bar{padding-top:22px;padding-bottom:24px}.social-bar>p{font-size:11px}.social-bar .social-links{flex-wrap:wrap;gap:15px 20px}.social-bar .social-links h3{font-size:16px}.social-bar .platform-icon{width:18px;height:18px}}
.social-bar>p{font-family:EB Garamond,Georgia,serif;font-weight:400;font-size:24px;line-height:1.3;letter-spacing:.025em}
@media(max-width:720px){.social-bar>p{font-size:21px}}
/* Cream social footer, with readable ink and warm brown platform icons. */
.social-bar{background:#f5f6f0;color:#26362f;border-bottom:1px solid #d8ddd1}
.social-bar .social-links>a{color:#26362f}
.social-bar .platform-icon{color:#79563f}
.social-bar .social-links>a:hover{color:#6a3b55}
/* Compact social footer typography. */
.social-bar>p{font-size:18px;margin-bottom:11px}
.social-bar .social-links h3{font-size:14px}
.social-bar .platform-icon{width:16px;height:16px}
.social-bar .social-links>a>span:last-child{font-size:13px}
.social-bar .social-links{gap:27px}
.social-bar{padding-top:20px;padding-bottom:21px}
@media(max-width:720px){.social-bar>p{font-size:17px}.social-bar .social-links h3{font-size:13px}.social-bar .social-links{gap:16px}.social-bar .platform-icon{width:15px;height:15px}}

/* Trusted-contact question uses the warm brown accent. */
.story-questions .question-card:nth-child(3) .question-badge{color:#79563f;background:#eee5d9;border-color:#ddcdbb}
/* A concise About introduction, with its context beside the questions. */
.about-hero{padding-top:32px;padding-bottom:35px}
.about-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;font:500 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f5f6f0;border-bottom:1px solid #d5b67b80;padding-bottom:3px}
.about-back:hover{color:#d5b67b}
.about-hero>.eyebrow{margin-bottom:15px;font-size:11px}
.about-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.08;margin-bottom:0}
.story-questions{padding-top:27px;padding-bottom:30px;gap:20px}
.concerns-intro{grid-column:1/-1;margin:0 0 2px;text-align:center;font-size:16px;line-height:1.7;color:#657267}
.concerns-intro strong{font-weight:600;color:#26362f}
.question-card{padding:23px 24px}
.question-card h2{font-size:16px;margin-top:18px;margin-bottom:10px}
.question-card p{font-size:14px;line-height:1.7;margin-bottom:0}
.founder-story{padding-top:32px;padding-bottom:32px}
.story-block{padding:24px 30px;margin-bottom:20px}
.story-block>h2{font-size:26px;margin-bottom:18px}
.story-block>p{font-size:16px;line-height:1.75;margin-bottom:13px}
.story-block>p strong,.faq-items p strong{font-weight:600;color:#26362f}
.collector-thought{padding:18px 21px;margin-bottom:19px}
.collector-thought blockquote{font-size:21px;line-height:1.45}
.story-faq{padding-top:28px;padding-bottom:32px}
.faq-items details{margin-bottom:10px}
.faq-items details>p{line-height:1.7}
.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font:400 14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#657267;max-width:100%}
.contact-link svg{width:19px;height:19px;flex:none;color:#79563f}
.contact-link>span{overflow-wrap:anywhere}
.contact-link:hover{color:#6a3b55}
body>footer{padding-top:13px;padding-bottom:13px}
@media(max-width:720px){.about-hero{padding-top:27px;padding-bottom:29px}.about-back{margin-bottom:20px}.story-questions{padding-top:23px;padding-bottom:25px}.concerns-intro{margin-bottom:7px;font-size:15px}.question-card{padding:21px}.story-block{padding:22px}.story-block>h2{font-size:25px}.founder-story{padding-top:25px;padding-bottom:25px}.contact-link{font-size:13px;margin-top:15px}.contact-link>span>span{white-space:normal}}
/* Balanced, restrained closing statement. */
.closing{padding-top:36px;padding-bottom:36px}
.closing h2{font-size:40px;line-height:1.12;margin:0}
.closing>.eyebrow{margin:13px 0 0;font-size:11px;line-height:1.6}
@media(max-width:720px){.closing{padding-top:30px;padding-bottom:30px}.closing h2{font-size:32px}.closing>.eyebrow{font-size:10px;margin-top:12px}}
/* Card accents remain stable when the introduction precedes the cards. */
.story-questions .question-card:nth-last-child(3) .question-badge{color:#4d6650;background:#e8eee3;border-color:#d8e1d1}
.story-questions .question-card:nth-last-child(2) .question-badge{color:#6a3b55;background:#f1e9ee;border-color:#d9c6d1}
.story-questions .question-card:nth-last-child(1) .question-badge{color:#79563f;background:#eee5d9;border-color:#ddcdbb}

.social-bar{padding-top:36px;padding-bottom:36px}
@media(max-width:720px){.social-bar{padding-top:30px;padding-bottom:30px}}
/* The animation has an independent hinge and stable compositing layer. */
.catalogue-turn-layer{position:absolute;top:0;width:50%;height:100%;z-index:5;container-type:inline-size;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;pointer-events:none}
#sample-catalogue .catalogue-turn-layer .catalogue-sheet{backface-visibility:hidden;transform:none}

/* About hierarchy: restrained chapters and the same hero scale as home. */
.about-hero{padding-top:65px;padding-bottom:65px}
.about-hero h1{max-width:1120px}
.story-questions>.about-back{grid-column:1/-1;justify-self:start;margin:0 0 4px;color:#294b3f;border-color:#79563f66}
.story-questions>.about-back:hover{color:#6a3b55}
.story-questions>.concerns-intro{font:400 clamp(24px,2.4vw,32px)/1.35 'EB Garamond',Georgia,serif;color:#26362f;max-width:850px;margin:0 auto 12px}
.founder-story .story-block>h2{font-size:22px;line-height:1.3;margin-bottom:16px;gap:12px}
.founder-story .story-heading-badge{width:32px;height:32px}
.founder-story .story-block>h2 .story-icon{width:20px;height:20px}
.story-faq .faq-intro h2{font-size:26px}
@media(max-width:720px){.about-hero{padding-top:38px;padding-bottom:35px}.story-questions>.concerns-intro{font-size:24px}.founder-story .story-block>h2{font-size:21px}.story-faq .faq-intro h2{font-size:24px}}

/* Shared vertical rhythm; feature wrappers never add a second outer gap. */
:root{--section-space:44px}
.experience.section{padding-top:0;padding-bottom:0}
.experience>.feature-section,.experience>.feature-section:last-child{padding-top:var(--section-space);padding-bottom:var(--section-space);margin-top:0;margin-bottom:0}
.privacy.privacy-illustrated,.closing,.social-bar,.story-questions,.founder-story,.story-faq{padding-top:var(--section-space);padding-bottom:var(--section-space)}
@media(max-width:720px){:root{--section-space:32px}}

.founder-story .story-block>.founder-signature{font:400 19px/1.4 'EB Garamond',Georgia,serif;margin-top:22px}
.founder-story .founder-signature span{font-size:13px;margin-top:4px}
.copy-email{display:block;margin:8px auto 0;padding:3px 7px;border:0;background:transparent;color:#79563f;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-decoration:underline;cursor:pointer}
.copy-email:focus-visible{outline:2px solid #79563f;outline-offset:3px}
.email-status{display:block;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#657267}
.email-status:empty{display:none}

.download-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:24px}
.download-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;padding:13px 20px}
.download-actions .button:disabled{opacity:.8;cursor:default}
.download-actions .os-icon{width:18px;height:18px;flex:none}

/* Flat catalogue-wine download actions; no bevel, gradient or shadow. */
.download-actions .button.gold,.download-actions .button.gold:disabled{background:#6a3b55;background-image:none;color:#fffdf6;border:1px solid #6a3b55;border-radius:4px;box-shadow:none;text-shadow:none;opacity:1;transform:none}
.download-actions .button.gold::before,.download-actions .button.gold::after{display:none}

.social-bar>.download-actions{margin:0 0 30px}

.header-platform{align-items:center;text-align:center}.header-platform .platform-systems{justify-content:center}

.collector-thought blockquote{font-style:italic}
/* Phone typography and flow must override the legacy absolute card layout. */
@media(max-width:720px){
 .site-header .brand{max-width:100%}
 .hero-layout>* ,.feature-section>*,.founder-story article,.story-block,.faq-items{min-width:0;max-width:100%}
 .hero .approved-headline>span,.about-hero .approved-headline>span{font-size:clamp(34px,9vw,46px);line-height:1.08}
 .hero .approved-headline>em,.about-hero .approved-headline>em{font-size:clamp(27px,7vw,35px);line-height:1.15}
 .feature-description h2{font-size:clamp(29px,8vw,36px)}
 .feature-description>p:not(.eyebrow),.founder-story .story-block>p{font-size:16px;line-height:1.7;overflow-wrap:break-word}
 .story-questions .question-card{padding:20px;min-height:0}
 .story-questions .question-badge{position:static;width:36px;height:36px;margin:0 0 14px}
 .story-questions .question-card h2{font-size:16px;line-height:1.35;margin:0 0 10px;padding:0}
 .story-questions .question-card p{max-width:none;font-size:15px;line-height:1.65}
 .story-questions>.concerns-intro{font-size:clamp(22px,6vw,26px);line-height:1.4}
 .founder-story .story-block{padding:20px}
 .founder-story .story-block>h2{align-items:flex-start;font-size:21px;line-height:1.25;gap:10px}
 .founder-story .story-block>h2>span:last-child{min-width:0}
 .founder-story .story-block>h2 .story-heading-badge{width:30px;height:30px}
 .collector-thought{padding:16px;display:block}
 .collector-thought>svg{margin:0 0 10px}
 .collector-thought blockquote{font-size:20px;line-height:1.45}
 .story-faq .faq-intro h2{font-size:clamp(23px,6vw,28px);line-height:1.2}
 .faq-items summary{align-items:flex-start;font-size:15px;line-height:1.45;gap:10px}
 .faq-items summary>.story-icon{flex:none}
 .faq-items details>p{font-size:15px;line-height:1.7;margin-left:0;padding-left:0}
 .closing h2{font-size:clamp(28px,8vw,34px)}
 .download-actions{flex-direction:column;align-items:center}
 .download-actions .button{width:100%;max-width:300px;min-width:0}
 .contact-link{overflow-wrap:anywhere}
}

@media(max-width:720px){.site-header{justify-content:center}.site-header .brand{margin-left:auto;margin-right:auto}.header-platform{width:100%;align-items:center;text-align:center}}

@media(max-width:720px){.site-header .brand{flex-direction:column;gap:12px;text-align:center}.site-header .brand>span{order:0}.site-header .brand>img{order:1;width:54px;height:54px}.site-header .brand small{text-align:center}}

/* Subtle tonal separation between masthead and hero. */
.site-header{background:#3e463e;border-bottom-color:#d5b67b26}

.site-header{padding-top:var(--section-space);padding-bottom:var(--section-space);height:auto}
.catalogue-right-page,.catalogue-stage.is-open .catalogue-blank-page{cursor:pointer}

.catalogue-stage.is-open .catalogue-blank-page{pointer-events:auto}

/* Mobile header: larger Coinish wordmark, byline, seal and platform text so the header holds its own against the hero */
@media(max-width:720px){.site-header .brand-title{font-size:clamp(38px,12vw,48px)}.site-header .brand small{height:auto}.site-header .brand-byline{height:auto;width:100%}.site-header .brand>img{width:68px;height:68px}.header-platform{font-size:13px;gap:8px}.platform-systems .os-icon{width:20px;height:20px}}