.page-main{padding-bottom:65px}.page-hero{padding:90px 8% 80px;background:linear-gradient(120deg,#fff8ef,#f8e8e8 60%,#eaf1f8)}.page-hero .eyebrow{color:#985b32;margin-bottom:25px}.page-hero h1{font-size:clamp(27px,3vw,43px);white-space:normal}.page-intro{max-width:660px;margin:26px 0 0;font-size:14px;line-height:2.2}.page-prose{max-width:980px;padding:40px 7%;margin:auto}.page-section{display:grid;grid-template-columns:40px 1fr;gap:28px;padding:48px 0;border-bottom:1px solid #e9d8c8}.page-number{font:italic 14px Georgia,serif;color:#985b32;padding-top:12px}.page-section h2{font-size:27px;margin-bottom:22px}.page-section p{font-size:14px;line-height:2.3;margin:0}.page-next{padding-top:35px}.journal-pages>a{display:block;padding:40px 0;border-bottom:1px solid #e9d8c8}.journal-pages h2{font-size:26px;margin:15px 0}.journal-pages p{font-size:13px}.journal-pages p span{float:right}.journal-pages .eyebrow{color:#985b32}@media(max-width:900px){.page-hero{padding:55px 8%}.page-prose{padding:20px 8%}.page-section{gap:15px;grid-template-columns:24px 1fr;padding:35px 0}.page-section h2,.journal-pages h2{font-size:23px}.page-section p{font-size:13px}.page-intro{font-size:13px}}

/* 2026-10-19: quiet conversational typography; no remote font requests. */
.voice-page{--voice-font:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}
.voice-page .page-prose{max-width:900px}
.voice-page .page-section p,.voice-page .page-intro{font-family:var(--voice-font);font-size:17px;font-weight:400;line-height:2.25;letter-spacing:.035em;overflow-wrap:anywhere;font-feature-settings:"palt" 0}
.voice-page .page-section p+p{margin-top:1.5em}
.voice-page .page-section h2{font-size:clamp(22px,2.3vw,29px);line-height:1.9;letter-spacing:.035em;overflow-wrap:anywhere}
.voice-page .page-hero h1{letter-spacing:.045em}
@media(max-width:900px){.voice-page .page-section{grid-template-columns:1fr;gap:12px}.voice-page .page-number{padding-top:0}.voice-page .page-section p,.voice-page .page-intro{font-size:16px;line-height:2.2;letter-spacing:.025em}.voice-page .page-section h2{font-size:23px}.voice-page .page-prose{padding-left:8%;padding-right:8%}}

/* Brand reference: dawn, water, lotus, champagne and rose, restrained gold. */
.brand-mood{background:linear-gradient(180deg,#fffaf5 0%,#faf7f2 65%)}
.brand-mood .page-hero{display:grid;grid-template-columns:1.15fr 1fr;column-gap:7%;row-gap:0;padding:65px 8% 60px;background:radial-gradient(ellipse at 95% 70%,#e8c0c440,transparent 65%),linear-gradient(125deg,#fffaf5,#f7e9db 65%,#ddeaf633)}
.brand-mood .page-hero>.eyebrow,.brand-mood .page-hero>h1{grid-column:1/-1}
.brand-mood .page-hero>.eyebrow{color:#8a582f}
.brand-mood .page-intro{grid-column:1;align-self:center;margin:28px 0;line-height:2.3}
.brand-mood-image{grid-column:2;margin:30px 0 0;position:relative}
.brand-mood-image img{width:100%;height:330px;object-fit:cover;object-position:50% 68%;border-radius:48% 48% 2px 2px}
.brand-mood-image figcaption{font-family:var(--voice-font);font-size:12px;letter-spacing:.09em;color:#70553f;margin-top:16px;text-align:center;line-height:1.9}
.brand-mood .page-section{border-bottom-color:#d4af7c55}
.brand-mood .page-number{color:#94643c}
.brand-mood .page-section h2{color:#514238}
.brand-mood.our-approach .page-hero h1{white-space:nowrap;font-size:clamp(17px,3.5vw,43px);letter-spacing:.025em}
@media(max-width:900px){.brand-mood .page-hero{padding:46px 8% 38px;grid-template-columns:1fr}.brand-mood .page-intro{grid-column:1;margin:24px 0 0}.brand-mood-image{grid-column:1;margin:30px 0 0}.brand-mood-image img{height:280px;object-position:50% 65%;border-radius:44% 44% 2px 2px}.brand-mood.our-approach .page-hero h1{font-size:clamp(15px,4vw,34px);letter-spacing:0}.brand-mood-image figcaption{font-size:11px}}

/* Keep the brand image beside the complete introductory copy. */
.brand-mood .page-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;column-gap:5%}
.brand-mood .page-hero>.eyebrow{grid-column:1;grid-row:1}
.brand-mood .page-hero>h1{grid-column:1;grid-row:2}
.brand-mood .page-intro{grid-column:1;grid-row:3;align-self:start;margin-top:24px}
.brand-mood .brand-mood-image{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.brand-mood.our-approach .page-hero h1{font-size:clamp(17px,2.1vw,34px);white-space:nowrap;letter-spacing:0}
@media(max-width:900px){.brand-mood .page-hero{padding:38px 5%;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:5%}.brand-mood .page-hero>h1{font-size:clamp(18px,3.1vw,29px);line-height:1.9;letter-spacing:0}.brand-mood.our-approach .page-hero h1{font-size:clamp(11px,2.85vw,25px)}.brand-mood .page-intro{font-size:15px;line-height:2;margin-top:20px}.brand-mood .brand-mood-image img{height:300px;border-radius:44% 44% 2px 2px}.brand-mood .brand-mood-image figcaption{font-size:10px;letter-spacing:0}}
@media(max-width:480px){.brand-mood .page-hero{padding:30px 4%;column-gap:4%;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.brand-mood .page-hero>.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:16px}.brand-mood .page-hero>h1{font-size:clamp(16px,4.2vw,20px)}.brand-mood.our-approach .page-hero h1{font-size:clamp(10px,2.9vw,14px)}.brand-mood .page-intro{font-size:14px;line-height:2;margin-top:16px}.brand-mood .brand-mood-image img{height:250px;object-position:65% 65%}.brand-mood .brand-mood-image figcaption{font-size:9px;line-height:1.8;margin-top:10px}}

/* Original Founder photographs, cropped only by the display frame. */
.founder-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.founder-photo{margin:30px 0;min-width:0}.founder-gallery .founder-photo{margin:0}
.photo-crop{overflow:hidden;background:#eee9e2;aspect-ratio:1.15;border-radius:2px}
.photo-crop img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:none}
.crop-oval img{transform:scale(1.25);object-position:50% 60%}
.crop-hearts img{transform:scale(1.4);object-position:52% 53%}
.crop-ring{max-width:620px;aspect-ratio:1.55}.crop-ring img{transform:scale(1.8);object-position:55% 62%}
.crop-pink img{transform:scale(1.4);object-position:55% 51%}
.crop-violet img{transform:scale(1.2);object-position:55% 55%}
.crop-star img{transform:scale(1.25);object-position:50% 45%}
.crop-pendant img{transform:scale(2.3);object-position:49% 49%}
.founder-photo figcaption{font-family:var(--serif);font-size:13px;line-height:1.9;margin-top:12px;color:#6c5846}
.founder-collection{margin-top:50px;padding-top:40px;border-top:1px solid #d4af7c55}.founder-collection h2{font-size:26px}.photo-context{display:block;font-size:12px;line-height:1.9;margin-top:22px;color:#696d64}
@media(max-width:600px){.founder-gallery{gap:20px;grid-template-columns:1fr}.photo-crop{aspect-ratio:1.2}.founder-photo figcaption{font-size:12px}.crop-ring{aspect-ratio:1.4}}

.design-drafts{margin-top:56px;padding-top:40px;border-top:0}.design-drafts h2{font-size:26px;margin-bottom:18px}.draft-crop{position:relative;overflow:hidden;aspect-ratio:1.6;background:#fff}.draft-crop img{position:absolute;width:100%;height:auto;left:0;max-width:none}.draft-rings img{top:-47%}.draft-pendants img{top:-29%}

/* Wide editorial layout, shared across the content pages. */
.page-prose,.voice-page .page-prose,.brand-mood .page-prose{width:92%;max-width:1480px;padding:44px 2%;margin:0 auto}
.page-hero{padding-left:6%;padding-right:6%}
.page-section{grid-template-columns:42px minmax(0,1fr);gap:32px}
.page-section>div{min-width:0}
.page-section p,.voice-page .page-section p{font-size:17px;line-height:2.2;max-width:none}
.page-section p+p{margin-top:1.3em}
.page-prose:not(.journal-pages) .page-section>div{max-width:1120px}
.page-hero:has(.editorial-intro){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7%;align-items:center}
.editorial-intro{min-width:0}.editorial-intro h1{white-space:normal}
.editorial-visual{margin:0;min-width:0}
.editorial-visual img{display:block;width:100%;height:340px;object-fit:cover;object-position:center;border-radius:2px 35% 2px 2px;filter:none}
.editorial-visual figcaption{font-family:var(--serif);font-size:12px;line-height:1.9;margin-top:14px;color:#70553f}
.editorial-photo-band{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:48px 0}
.editorial-photo-band .editorial-visual img{height:340px;border-radius:2px;object-fit:cover}
.founder-gallery{gap:32px}.photo-crop{aspect-ratio:1.4}
.reading-guide{font-size:14px;color:#696d64;margin-bottom:28px}
.prologue-entry{border-top:1px solid #d4af7c66;padding:0}.prologue-entry:last-of-type{border-bottom:1px solid #d4af7c66}
.prologue-entry summary{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:26px;padding:32px 0;cursor:pointer;list-style:none;align-items:start}
.prologue-entry summary::-webkit-details-marker{display:none}
.prologue-entry summary:focus-visible{outline:2px solid #906a42;outline-offset:6px}
.entry-title{display:block;font-family:var(--serif);font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.8;color:#514238}
.entry-overview{display:block;font-size:16px;line-height:2;margin-top:12px;color:#696357}
.entry-toggle{width:18px;height:18px;position:relative;margin-top:14px}.entry-toggle:before,.entry-toggle:after{content:"";position:absolute;background:#906a42;left:0;top:8px;width:18px;height:1px}.entry-toggle:after{transform:rotate(90deg)}
.prologue-entry[open] .entry-toggle:after{transform:rotate(0)}
.entry-content{padding:0 56px 44px 68px;font-family:var(--voice-font,var(--serif));font-size:17px;line-height:2.2;letter-spacing:.025em}
.entry-content p{font-size:17px;line-height:2.2;margin:0 0 1.4em}.entry-content .founder-photo{margin:30px 0}
@media(min-width:1400px){.page-prose,.voice-page .page-prose,.brand-mood .page-prose{width:90%}.page-prose:not(.journal-pages) .page-section>div{max-width:none}.editorial-photo-band .editorial-visual img{height:400px}}
@media(max-width:900px){.page-prose,.voice-page .page-prose,.brand-mood .page-prose{width:90%;padding:28px 0}.page-section{grid-template-columns:28px minmax(0,1fr);gap:18px}.page-section p,.voice-page .page-section p{font-size:16px}.page-hero:has(.editorial-intro){grid-template-columns:1.25fr 1fr;gap:5%}.editorial-visual img{height:270px}.editorial-photo-band{gap:22px}.editorial-photo-band .editorial-visual img{height:260px}.entry-content{padding:0 20px 32px 50px}.entry-content p{font-size:16px}.prologue-entry summary{grid-template-columns:28px minmax(0,1fr) 20px;gap:18px}.entry-overview{font-size:15px}}
@media(max-width:600px){.page-hero:has(.editorial-intro){grid-template-columns:1fr}.editorial-visual img{height:260px}.editorial-photo-band{grid-template-columns:1fr;padding:30px 0}.editorial-photo-band .editorial-visual img{height:280px}.entry-content{padding:0 0 28px}.entry-title{font-size:22px}.entry-overview{font-size:14px}.prologue-entry summary{padding:26px 0;gap:12px}.founder-gallery{gap:22px}}
@media print{.prologue-entry .entry-content{display:block!important}.prologue-entry{break-inside:avoid}}

.pdf-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-design{width:100%;height:280px;object-fit:contain;background:#fff}.pdf-design-grid .founder-photo{min-width:0}
.prologue-entry summary .entry-intro,.prologue-entry summary .page-number,.prologue-entry[open] summary .entry-intro,.prologue-entry[open] summary .page-number{transform:none}
.prologue-entry>.entry-content{max-width:none;width:100%;font-size:17px}.prologue-entry summary .entry-title{font-size:clamp(22px,2vw,30px);color:#514238}.prologue-entry summary .entry-overview{font-size:16px;color:#696357}
.reading-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.reading-actions button{border:1px solid #b59570;padding:10px 18px;border-radius:2px;font-size:14px}.reading-actions button:hover{background:#f7e9db}
.journal-draft-links{padding:32px 0}.journal-draft-links>a{display:block;padding:26px 0;border-top:1px solid #d4af7c66}.journal-draft-links h2{font-size:25px}.journal-draft-links p{margin:12px 0 0}
@media(max-width:900px){.pdf-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-design{height:240px}.prologue-entry>.entry-content,.prologue-entry>.entry-content p{font-size:16px}}
@media(max-width:600px){.pdf-design-grid{grid-template-columns:1fr}.pdf-design{height:auto;max-height:380px}.prologue-entry summary .entry-title{font-size:22px}.prologue-entry summary .entry-overview{font-size:14px}}

.crop-ring img,.crop-pendant img{transform:none;object-fit:contain;object-position:center;background:#f7efe4}.editorial-visual img[src$="ring-background-clean.svg"]{object-fit:contain;background:#f7efe4}

/* Readable page labels and section numbering, 2026-10-19 review. */
.page-hero .eyebrow,.brand-mood .page-hero>.eyebrow{font-size:17px;line-height:1.6;letter-spacing:.16em;font-weight:500}
.page-section>.page-number,.brand-mood .page-section>.page-number,.prologue-entry summary>.page-number{font-size:24px;line-height:1.6;padding-top:4px}
.our-approach .editorial-photo-band img[src$="ring-cream-background.png"]{object-fit:contain;background:#f7efe4;height:340px;border-radius:2px}
@media(max-width:900px){.page-hero .eyebrow,.brand-mood .page-hero>.eyebrow{font-size:15px}.page-section>.page-number,.brand-mood .page-section>.page-number,.prologue-entry summary>.page-number{font-size:21px}.our-approach .editorial-photo-band img[src$="ring-cream-background.png"]{height:280px}}
@media(max-width:480px){.page-hero .eyebrow,.brand-mood .page-hero>.eyebrow{font-size:14px;letter-spacing:.09em}}

/* Balance Approach opening copy with the right-hand visual. */
.our-approach .approach-opening{grid-column:1;grid-row:3;align-self:start;min-width:0;padding-top:22px}
.our-approach .approach-opening .page-intro{margin:0 0 20px}
.our-approach .approach-opening-copy{font-family:var(--voice-font);font-size:16px;line-height:2.15;letter-spacing:.025em;margin:0 0 18px;overflow-wrap:anywhere}
.our-approach .approach-opening-copy:last-child{margin-bottom:0}
.our-approach .brand-mood-image{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.our-approach .brand-mood-image img{height:clamp(310px,26vw,400px)}
@media(max-width:900px){.our-approach .approach-opening{padding-top:18px}.our-approach .approach-opening-copy{font-size:15px;line-height:2.1}.our-approach .approach-opening-copy br{display:none}.our-approach .brand-mood-image img{height:320px}}
@media(max-width:600px){.our-approach .page-hero{grid-template-columns:1fr}.our-approach .approach-opening{grid-column:1;grid-row:3}.our-approach .brand-mood-image{grid-column:1;grid-row:4;margin-top:28px}.our-approach .brand-mood-image img{height:260px}.our-approach .page-hero h1{font-size:clamp(16px,4vw,24px)}.our-approach .approach-opening-copy{font-size:16px}}

/* Approach photo pair: matching frames and readable captions. */
.our-approach .editorial-photo-band{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.our-approach .editorial-photo-band .editorial-visual{width:100%;min-width:0}
.our-approach .editorial-photo-band .editorial-visual img,.our-approach .editorial-photo-band img[src$="ring-cream-background.png"]{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;border-radius:2px}
.our-approach .editorial-photo-band .editorial-visual figcaption{font-size:17px;line-height:1.9;margin-top:16px;letter-spacing:.025em}
@media(max-width:900px){.our-approach .editorial-photo-band .editorial-visual figcaption{font-size:16px}}
@media(max-width:600px){.our-approach .editorial-photo-band{grid-template-columns:1fr}.our-approach .editorial-photo-band .editorial-visual img,.our-approach .editorial-photo-band img[src$="ring-cream-background.png"]{height:auto;aspect-ratio:1.5}.our-approach .editorial-photo-band .editorial-visual figcaption{font-size:16px}}

.our-approach .editorial-photo-band img[src$="ring-hand-retouched-v1.png"]{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;background:#f7efe4;border-radius:2px}

/* Restore the complete pendant from its original photograph; no silhouette mask. */
.crop-pendant{background:#373633;aspect-ratio:1.4;overflow:hidden}
.crop-pendant img{width:100%;height:100%;object-fit:cover;object-position:49% 48%;transform:scale(1.8);background:transparent}

.page-hero .editorial-visual img[src$="pink-macro-original.jpg"]{object-fit:cover;object-position:54% 52%;height:auto;aspect-ratio:1.5;image-rendering:auto}

/* Home introduction readability. */
#home .hero-copy .hero-intro{font-size:20px;line-height:2.1;letter-spacing:.055em;margin-top:28px;margin-bottom:30px}
@media(max-width:900px){#home .hero-copy .hero-intro{font-size:18px;line-height:2;letter-spacing:.035em}}
@media(max-width:480px){#home .hero-copy .hero-intro{font-size:17px}}

/* Home English introduction, 2026-10-20. */
#home .hero-copy>.eyebrow{font-size:16px;line-height:1.8;letter-spacing:.14em}
@media(max-width:900px){#home .hero-copy>.eyebrow{font-size:14px;letter-spacing:.11em}}

/* Unified readable type scale across all content pages, 2026-10-20. */
.section-label{font-size:16px;line-height:1.8;letter-spacing:.12em;gap:22px}
.section-label>span,.principles article>span,.journal-no{font-size:24px;line-height:1.6}
.eyebrow,.journal-entry .eyebrow,.journal-pages .eyebrow{font-size:16px;line-height:1.8;letter-spacing:.12em}
.prose,.approach-intro>p,.principles p,.jewelry-copy>p,.journal-header>p,.contact>p:not(.eyebrow),.page-intro,.page-section p,.journal-pages p,.entry-sub,#reader-body,.story-detail>div{font-size:17px;line-height:2.15}
.story-detail summary,.text-link,.preparing,.menu-button,.photo-context{font-size:16px;line-height:1.9}
.header nav a{font-size:16px}.principles h3{font-size:22px}.journal-entry h3{font-size:26px}
.founder-photo figcaption,.editorial-visual figcaption,.brand-mood-image figcaption,.hero-art figcaption,.gem-art figcaption{font-size:16px;line-height:1.9}
footer>p,.footer-bottom{font-size:14px;line-height:1.9}.dialog-close{font-size:15px}
@media(max-width:900px){.section-label,.eyebrow,.journal-entry .eyebrow,.journal-pages .eyebrow{font-size:14px}.section-label>span,.principles article>span,.journal-no{font-size:21px}.prose,.approach-intro>p,.principles p,.jewelry-copy>p,.journal-header>p,.contact>p:not(.eyebrow),.page-intro,.page-section p,.journal-pages p,.entry-sub,#reader-body,.story-detail>div{font-size:16px;line-height:2.1}.principles h3{font-size:21px}.journal-entry h3{font-size:23px}.founder-photo figcaption,.editorial-visual figcaption,.brand-mood-image figcaption,.hero-art figcaption,.gem-art figcaption{font-size:14px}.header nav a{font-size:18px}}