/* Each section has its own photographic scene. No gradient or shared fixed backdrop. */
body{background:#10110f;}
html[lang] main>[data-scene]{position:relative;width:100%;max-width:none;margin-inline:0;background-color:#eee7dc;background-image:var(--scene);background-position:center;background-size:cover;background-repeat:no-repeat;}
html[lang] main>.content-width{padding-inline:max(7%,calc((100% - 1120px)/2));}
html[lang] main>.introduction{padding-inline:7%;padding-block:100px;}
html[lang] [data-tone=light]{color:#24231f;}
html[lang] [data-tone=light] :is(p,blockquote,figcaption){color:#5c5b55;}
html[lang] [data-tone=light] .eyebrow{color:#82755e;}
html[lang] [data-tone=dark],html[lang] [data-tone=black]{background-color:#000;color:#f5eee0;}
html[lang] :is([data-tone=dark],[data-tone=black]) :is(p,blockquote,figcaption){color:#e6dfd0;}
html[lang] :is([data-tone=dark],[data-tone=black]) :is(h1,h2,h3,a){color:#f5eee0;}
html[lang] :is([data-tone=dark],[data-tone=black]) :is(.eyebrow,.bespoke-number,.process-number){color:#cbb788;}
html[lang] :is([data-tone=dark],[data-tone=black]) :is(em,.coming){color:#c5b697;}
html[lang] :is([data-tone=dark],[data-tone=black]) :is(.text-link,.case-link){border-color:#bdb49d;}
.profile-heading,.story-copy,.featured-quote,.bespoke-cover,.case-visual{background-color:transparent;}
.header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;height:auto;min-height:150px;padding:18px 5% 0;gap:16px;background:#151611;color:#f5eee0;border-color:#ffffff30;}
.header .wordmark{grid-column:2;grid-row:1;width:205px;justify-self:center;}
.header .language{grid-column:3;grid-row:1;justify-self:end;align-self:start;margin:8px 0 0;color:inherit;}
.header .nav{grid-column:1/-1;grid-row:2;justify-content:space-evenly;gap:12px 24px;width:100%;padding:13px 0 18px;margin:0;border-top:1px solid #ffffff20;}
.header .nav a{color:#eee7d8;}.header .nav a:hover,.header .nav a[aria-current=page]{color:#d0b47d;}
body:has(.hero) .header{position:absolute;inset:0 0 auto;background:transparent;}
.hero{display:flex;align-items:center;min-height:920px;padding:205px 5% 100px;}
.hero .hero-copy{width:47%;padding:30px 2%;background:transparent;}
.hero h1{font-size:clamp(58px,6.4vw,94px);}.hero .hero-note{margin-top:44px;}
.product-showcase,.bespoke.section,.case-collection{padding-block:85px;}
.product-showcase .product-image{background:transparent;overflow:visible;}
.product-showcase .product-reflection{display:none;}
.product-showcase .product-main{filter:none;}
.product-showcase .product-image::before,.product-showcase .product-image::after{display:none;}
.bespoke-cover,.case-visual{background:transparent;}
.portrait-interlude{display:flex;justify-content:center;padding:80px 6%;}
.portrait-interlude .hero-image{position:relative;width:440px;max-width:100%;height:auto;aspect-ratio:2/3;min-height:0;margin:0;}
.portrait-interlude .hero-image>img:first-child{position:relative;display:block;width:100%;height:auto;object-fit:contain;object-position:center top;}
.portrait-interlude .hero-image img.hero-signature{width:145px;bottom:66px;right:5%;}
.portrait-interlude .hero-image figcaption{position:absolute;left:4%;right:4%;text-align:center;font-size:10px;bottom:22px;}
.profile-portrait img{object-fit:contain;object-position:center top;}.profile-portrait{background:transparent;}
.story-visual img{object-fit:contain;height:auto;}.story-visual{align-self:center;background:transparent;}
.bespoke-opening,.history-opening,.stories-heading{padding-block:100px;}
.uk,.history-next,.new-chapter-band,.bespoke-contact,.story-ending{padding-block:100px;}
footer[data-scene]{background:var(--scene) center/cover no-repeat #10110f;}
.footer-manifesto{text-align:center;}.footer-manifesto>p{margin-inline:auto;}.footer-signature{display:block;width:190px;max-width:55%;height:auto;margin:24px auto 0;opacity:.92;}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:840px;}.hero .hero-copy{width:54%;}.header .nav{gap:12px;font-size:13px;}}
@media(max-width:700px){
 .header,body:has(.hero) .header{position:relative;inset:auto;min-height:92px;padding:14px 6%;gap:12px;background:#151611;grid-template-columns:44px minmax(0,1fr) 44px;}
 .header .wordmark{grid-column:2;grid-row:1;width:164px;max-width:100%;}
 .header .language{grid-column:1;grid-row:1;align-self:center;justify-self:start;margin:0;font-size:12px;}
 .header .menu-toggle{grid-column:3;grid-row:1;justify-self:end;border-color:#ffffff40;color:#eee7d8;}.header .menu-toggle span{background:currentColor;}
 .header .nav{grid-column:1/-1;grid-row:2;padding:18px 0 4px;text-align:center;justify-content:center;}.header .nav a{justify-content:center;}
 .hero{min-height:720px;padding:240px 7% 55px;align-items:flex-end;}.hero .hero-copy{width:100%;padding:0;}.hero h1{font-size:58px;}.hero .hero-note{margin-top:30px;}.hero .eyebrow{font-size:11px;}
 html[lang] main>.hero{background-position:65% center;}
 html[lang] main>.content-width{padding-inline:7%;}
 html[lang] main>.introduction{padding-block:70px;}
 .bespoke-opening,.history-opening,.stories-heading,.uk,.history-next,.new-chapter-band,.bespoke-contact,.story-ending{padding-block:65px;}
 .portrait-interlude{padding:60px 7%;}.portrait-interlude .hero-image{height:auto;min-height:0;aspect-ratio:2/3;}.portrait-interlude .hero-image img.hero-signature{width:125px;bottom:48px;}
 .profile-portrait{min-height:0;aspect-ratio:auto;}.profile-portrait img{position:relative;height:auto;width:100%;}
}

[data-scene="home-collections"]{--scene:url("/assets/eastern-v3/home-collections-v2.jpg");}
[data-scene="home-bespoke"]{--scene:url("/assets/eastern-v3/home-bespoke-v2.jpg");}
[data-scene="home-clients"]{--scene:url("/assets/eastern-v3/home-clients.jpg");}
[data-scene="home-portrait"]{--scene:url("/assets/eastern-v3/home-portrait.jpg");}
[data-scene="home-uk"]{--scene:url("/assets/eastern-v3/home-uk.jpg");}
[data-scene="home-story"]{--scene:url("/assets/eastern-v3/home-story.jpg");}
[data-scene="founder-hero"]{--scene:url("/assets/eastern-v3/founder-hero.jpg");}
[data-scene="founder-letter"]{--scene:url("/assets/eastern-v3/founder-letter.jpg");}
[data-scene="founder-memory"]{--scene:url("/assets/eastern-v3/founder-memory.jpg");}
[data-scene="founder-next"]{--scene:url("/assets/eastern-v3/founder-next.jpg");}
[data-scene="history-opening"]{--scene:url("/assets/eastern-v3/history-opening.jpg");}
[data-scene="history-work"]{--scene:url("/assets/eastern-v3/history-work.jpg");}
[data-scene="history-name"]{--scene:url("/assets/eastern-v3/history-name.jpg");}
[data-scene="history-growth"]{--scene:url("/assets/eastern-v3/history-growth.jpg");}
[data-scene="history-next"]{--scene:url("/assets/eastern-v3/history-next.jpg");}
[data-scene="history-chapter"]{--scene:url("/assets/eastern-v3/history-chapter.jpg");}
[data-scene="history-trust"]{--scene:url("/assets/eastern-v3/history-trust.jpg");}
[data-scene="stories-quote"]{--scene:url("/assets/eastern-v3/stories-quote.jpg");}
[data-scene="stories-opening"]{--scene:url("/assets/eastern-v3/stories-opening.jpg");}
[data-scene="stories-journal"]{--scene:url("/assets/eastern-v3/stories-journal.jpg");}
[data-scene="stories-ending"]{--scene:url("/assets/eastern-v3/stories-ending.jpg");}
[data-scene="bespoke-opening"]{--scene:url("/assets/eastern-v3/bespoke-opening.jpg");}
[data-scene="bespoke-contact"]{--scene:url("/assets/eastern-v3/bespoke-contact.jpg");}
[data-scene="bespoke-process"]{--scene:url("/assets/eastern-v3/bespoke-process.jpg");}
[data-scene="footer-founder"]{--scene:url("/assets/eastern-v3/footer-founder.jpg");}
[data-scene="bespoke-cases"]{--scene:url("/assets/eastern-v3/bespoke-cases.jpg");}
[data-scene="footer-stories"]{--scene:url("/assets/eastern-v3/footer-stories.jpg");}
[data-scene="footer-history"]{--scene:url("/assets/eastern-v3/footer-history.jpg");}
[data-scene="footer-bespoke"]{--scene:url("/assets/eastern-v3/footer-bespoke.jpg");}
[data-scene="home-hero"]{--scene:url("/assets/eastern-20261011/courtyard-necklace-v2.jpg");}
[data-scene="home-intro"]{--scene:url("/assets/eastern-20261011/silk.jpg");}
[data-scene="footer-home"]{--scene:url("/assets/eastern-20261011/water.jpg");}
html[lang] main>[data-tone="black"]{background-color:#000;background-size:100% auto;background-position:top center;}
/* Quiet the photograph itself; preserve distinct scenes and avoid gradient transitions. */
html[lang] main>[data-tone="light"]{background-color:#e3dccf;background-blend-mode:screen;}
html[lang] main>[data-tone="dark"],html[lang] footer[data-tone="dark"]{background-color:#686868;background-blend-mode:multiply;}
html[lang] [data-tone="light"] :is(p,blockquote,figcaption){color:#414039;}
html[lang] [data-tone="light"] .eyebrow{color:#756347;}
html[lang] :is([data-tone="dark"],[data-tone="black"]) :is(p,blockquote,figcaption){color:#f0eadf;}
html[lang] :is([data-tone="dark"],[data-tone="black"]) :is(.eyebrow,.coming,em,.bespoke-number,.process-number){color:#d7c69f;}
/* A photograph's entire column, rather than only its frame, is black. */
html[lang] main>.portrait-interlude{background:#000;}
html[lang] .profile-hero .profile-portrait{align-self:stretch;background:#000;}
.profile-portrait img{background:#000;object-fit:contain;object-position:center top;}
.portrait-interlude .hero-image{background:#000;}
/* Requested local fade at the portrait/scene seam only. */
.profile-heading{position:relative;isolation:isolate;}
.profile-heading::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:110px;background:linear-gradient(90deg,#000,transparent);pointer-events:none;}
@media(min-width:701px){.profile-heading{align-self:stretch;display:flex;flex-direction:column;justify-content:center;}}
@media(max-width:700px){.profile-heading::before{inset:0 0 auto;width:auto;height:85px;background:linear-gradient(180deg,#000,transparent);}}
/* Archival photograph: champagne frame and warm ivory mount, original image intact. */
html[lang] .story>.story-visual{margin:54px 0 54px 9%;padding:17px;background:#eee5d4;border:1px solid #a48b61;box-shadow:0 8px 24px #3e301b20;align-self:center;}
html[lang] .story>.story-visual>img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c5b590;}
html[lang] .story>.story-visual>figcaption{position:static;padding:18px 4px 3px;margin:0;background:transparent;color:#65573f;font-size:12px;line-height:1.8;text-align:center;}
@media(max-width:700px){
 html[lang] .story>.story-visual{margin:40px 7% 0;padding:12px;}
 html[lang] main>[data-tone="light"]{background-color:#ede6dc;}
 html[lang] main>[data-tone="dark"],html[lang] footer[data-tone="dark"]{background-color:#505050;}
 html[lang] main>.portrait-interlude{background:#000;}
}

/* Founder introduction follows the brand philosophy. */
html[lang] main>.portrait-interlude{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:70px 8%;}
.portrait-interlude .hero-image{justify-self:center;width:420px;}
.founder-intro-copy{text-align:center;max-width:540px;justify-self:center;}
.founder-intro-copy .eyebrow{margin-bottom:24px;}
.founder-intro-copy h2{font-size:clamp(32px,3.5vw,52px);line-height:1.4;white-space:pre-line;margin-bottom:30px;}
.founder-intro-copy>p:not(.eyebrow){font-size:16px;line-height:2;margin:20px auto;}
.founder-intro-copy .text-link{margin-top:18px;}
html[lang] .showcase-contact>p{font-size:13px;line-height:1.9;max-width:640px;margin-inline:auto;font-weight:400;}
@media(max-width:700px){html[lang] main>.portrait-interlude{grid-template-columns:1fr;gap:38px;padding:48px 7%;}.founder-intro-copy>p:not(.eyebrow){font-size:15px;}.founder-intro-copy h2{font-size:34px;}html[lang] .showcase-contact>p{font-size:12px;}}
html[lang] main>.portrait-interlude{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.portrait-interlude .hero-image{width:min(420px,100%);min-width:0;}
.founder-intro-copy{min-width:0;width:100%;}
@media(max-width:700px){html[lang] main>.portrait-interlude{grid-template-columns:minmax(0,1fr);}}

/* Complete heading ornaments stay outside the product grids. */
html[lang] main>:is([data-scene="home-collections"],[data-scene="home-bespoke"]){background-image:none;background-color:#000;}
html[lang] :is([data-scene="home-collections"],[data-scene="home-bespoke"])>.section-heading{position:relative;padding-top:195px;}
html[lang] :is([data-scene="home-collections"],[data-scene="home-bespoke"])>.section-heading::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:190px;height:170px;background:url("/assets/eastern-v3/complete-jade-vignette.jpg") center/contain no-repeat;pointer-events:none;}
html[lang] .story>.story-visual>figcaption{width:100%;max-width:none;align-self:stretch;margin-inline:0;}
@media(max-width:700px){
 html[lang] :is([data-scene="home-collections"],[data-scene="home-bespoke"])>.section-heading{padding-top:155px;}
 html[lang] :is([data-scene="home-collections"],[data-scene="home-bespoke"])>.section-heading::before{width:150px;height:135px;top:12px;}
}

/* Keep case links aligned when descriptions wrap, in both languages. */
html[lang] #bespoke .bespoke-case{display:flex;flex-direction:column;}
html[lang] #bespoke .bespoke-copy{display:flex;flex-direction:column;flex:1;}
html[lang] #bespoke .bespoke-description{flex:1;margin:0 auto;}
html[lang] #bespoke .case-link{align-self:center;}
html[lang] .history-growth .growth-intro>.history-copy{align-self:center;}

html[lang] .shop-purchase{width:100%;max-width:640px;margin:28px auto 0;text-align:center;}
html[lang] .shop-purchase>p{font-size:14px;line-height:1.9;text-align:center;margin:0 auto;}
html[lang] .shop-purchase>.text-link{margin:14px auto 0;}
@media(max-width:700px){html[lang] .shop-purchase>p{font-size:13px;}}
