/* Photographic collection salon: the original presentation remains the authority. */
.collection-salon{color:#f6eadd;background:#321522;padding:72px 0;overflow:clip;isolation:isolate}
.salon-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:38px}
.salon-heading .eyebrow{grid-column:1/-1;color:#d3ae78;margin:0}
.salon-heading h2{font-size:clamp(42px,5vw,70px);line-height:1.03;margin:0}
.salon-heading p:last-child{max-width:360px;font-size:14px;line-height:1.75;color:#dfccbd}
.salon-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:start}
.salon-scene{--salon-focus:50% 50%;--salon-zoom:1;position:relative;aspect-ratio:1;overflow:hidden;background:#42202a;perspective:1200px}
.salon-photograph,.salon-photograph picture{position:absolute;inset:0;display:block}
.salon-photograph[hidden]{display:none}
.salon-photograph img{width:100%;height:100%;object-fit:cover;object-position:var(--salon-focus);transform:scale(var(--salon-zoom));transform-origin:var(--salon-focus);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),object-position 1.1s}
.salon-light{position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 46%,#ffdfa50c 49%,#ffdfa51c 50%,transparent 55%);transform:translateX(calc(var(--salon-drift,0)*1px)) rotate(-8deg);mix-blend-mode:screen}
.salon-scene-caption{position:absolute;left:16px;bottom:12px;right:16px;text-align:center;color:#fff1d9;font-size:8px;letter-spacing:.09em;text-shadow:0 1px 5px #000;background:#2b111dba;padding:10px}
.salon-controls{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ceb58e44;padding:12px 0}
.salon-variants[hidden],.salon-controls[hidden],.salon-moments[hidden]{display:none}
.salon-controls button,.salon-moments button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-height:44px}
.salon-controls button{font-size:11px;text-align:left}
.salon-moments{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ceb58e44}
.salon-moments button{font-size:10px;padding:14px 4px;text-align:left;position:relative;line-height:1.5}
.salon-moments button span{display:block;color:#c7a371;font-size:9px}
.salon-moments button::after{content:'';position:absolute;left:4px;right:14px;bottom:0;height:2px;background:#ddbd85;transform:scaleX(0);transform-origin:left;transition:transform .5s}
.salon-moments button[aria-pressed=true]::after{transform:scaleX(1)}
.salon-selection>.eyebrow{color:#cba46d;font-size:9px;margin-top:0}
.salon-variants{display:grid;gap:12px}
.salon-variants button{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:12px;color:#efe3d4;background:transparent;border:1px solid #d6b88944;text-align:left;font:inherit;cursor:pointer;transition:border-color .3s,background .3s}
.salon-variants button[aria-pressed=true]{border-color:#dfbc80;background:#d9b47a0b}
.salon-variants picture{display:block;align-self:center;aspect-ratio:1;overflow:hidden}
.salon-variants img{width:100%;height:100%;object-fit:cover}
.salon-variants strong{display:block;font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.1}
.salon-variants small{display:block;font-size:10px;line-height:1.5;margin:8px 0;color:#deccbd}
.salon-variants b{font-size:10px;font-weight:500;color:#e1bd85}
.salon-character h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:28px 0 12px}
.salon-character p,.salon-notes p{font-size:13px;line-height:1.75;color:#e0ccbd}
.salon-full-name{font-size:10px;line-height:1.6;color:#cfbba8;margin:14px 0 28px}
.salon-notes article{border-top:1px solid #ceb58e44;padding-top:25px}
.salon-notes article[hidden]{display:none}
.salon-measure{display:flex;gap:18px;align-items:center}
.salon-measure strong{font-family:var(--serif);font-size:42px;line-height:1.05;font-weight:400;color:#dfbd85;white-space:nowrap}
.salon-measure span{font-size:9px;line-height:1.5;letter-spacing:.07em;color:#d1b79b;max-width:165px}
.salon-notes h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.2;margin:20px 0 10px}
.salon-notes .proof-read{color:#e4c896;font-size:11px;min-height:44px}
.texture-listen{display:inline-flex;align-items:center;gap:10px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:0;padding:12px 18px;font:inherit;font-size:12px;cursor:pointer;min-height:44px;position:relative;overflow:hidden}
.texture-listen::after{content:'';position:absolute;inset:0;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:left}
.texture-listen.is-tasting::after{animation:texture-pulse .55s ease-out}
.texture-status{display:block;font-size:10px;min-height:18px;margin-top:7px;color:inherit}
@keyframes texture-pulse{20%{opacity:.10;transform:scaleX(.3)}100%{opacity:0;transform:scaleX(1)}}
.salon-scene.is-composition .salon-photograph{opacity:.2}
.salon-scene.world-ready canvas{opacity:1}
.salon-scene canvas{position:absolute;inset:0;opacity:0;touch-action:pan-y}
.salon-selection button:focus-visible,.salon-theatre button:focus-visible,.texture-listen:focus-visible{outline:2px solid #d5ae70;outline-offset:4px}
@media(min-width:901px){.salon-theatre{position:sticky;top:110px}.salon-notes{min-height:270px}}
@media(max-width:900px){
 .collection-salon{padding:44px 0}.salon-heading{gap:12px}.salon-heading h2{font-size:44px}.salon-heading p:last-child{font-size:12px}
 .salon-layout{grid-template-columns:1fr;gap:30px}.salon-scene{aspect-ratio:1}.salon-variants{grid-template-columns:1fr 1fr;gap:10px}
 .salon-variants button{grid-template-columns:1fr;gap:12px;padding:12px}.salon-variants picture{width:100%;max-width:120px;margin:auto}
 .salon-variants strong{font-size:25px}.salon-variants small{font-size:10px}.salon-selection>.eyebrow{margin-bottom:14px}
 .salon-character h3{font-size:30px}.salon-measure strong{font-size:38px}.salon-notes{min-height:300px}
}
@media(max-width:380px){.salon-heading{grid-template-columns:1fr}.salon-heading h2{font-size:38px}.salon-variants button{padding:10px}.salon-variants strong{font-size:23px}.salon-variants small{font-size:9px}.salon-moments button{font-size:9px}}
/* Broader brand pages inherit quiet photographic depth and progressive reveals. */
.about-opener>figure,.gifting-service-hero>figure{overflow:hidden}
.about-opener>figure img,.gifting-service-hero>figure img{transform:translateY(calc(var(--page-drift,0)*1px)) scale(1.035);will-change:transform}
.contact-card{position:relative;isolation:isolate}
.contact-card::after{content:'';position:absolute;inset:6px;border:1px solid #c7a97955;pointer-events:none;z-index:-1}
.has-entry-motion.product-card{transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.provenance-ledger article,.history-facts>div{position:relative}
.provenance-ledger article::before{content:'';position:absolute;left:0;top:0;width:32px;height:1px;background:#cba46d;transform:scaleX(.2);transform-origin:left;transition:transform .8s}
.provenance-ledger article.is-in-view::before{transform:scaleX(1)}
.experience-paused .salon-photograph img,.experience-paused .salon-light,.experience-paused .about-opener>figure img,.experience-paused .gifting-service-hero>figure img{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.salon-photograph img,.salon-light,.about-opener>figure img,.gifting-service-hero>figure img{transform:none;transition:none}.salon-variants button,.salon-moments button::after{transition:none}.texture-listen.is-tasting::after{animation:none}.has-entry-motion.product-card{opacity:1;transform:none;transition:none}}
/* Standards are the visual signature: readable evidence, with its scope beside it. */
.atelier-evidence strong{font-size:clamp(18px,1.65vw,24px);line-height:1.5;color:#f4d7a2;font-weight:600}
.atelier-detail>p:not(.eyebrow),.atelier-heading>p{font-size:16px;line-height:1.7}
.atelier-passport,.proof-read{font-size:14px;line-height:1.5}
.proof-exhibition .proof-object p,.source-ledger p,.provenance-ledger article p{font-size:15px;line-height:1.7}
.proof-exhibition .proof-object h3{font-size:34px;line-height:1.13}
.proof-mark{color:#fff0cc;text-shadow:0 2px 14px #28121e}
.recipe-distinction small,.product-credential-line{font-size:13px;line-height:1.6;color:#65462b;font-weight:600}
.salon-character p,.salon-notes p,.salon-heading p:last-child{font-size:16px;line-height:1.65}
.salon-variants small,.salon-full-name{font-size:13px;line-height:1.55;color:#f1e1d4}
.salon-variants b,.salon-controls button,.salon-moments button{font-size:13px}
.salon-scene-caption,.salon-measure span{font-size:11px;line-height:1.5}
.salon-notes h3{font-size:32px;line-height:1.15}
.salon-notes .proof-read{font-size:14px;color:#f3d7a5}
.room-step p:not(.eyebrow),.sensory-heading>p{font-size:16px;line-height:1.7}
.room-step h3{font-size:clamp(32px,3.3vw,50px)}
.provenance-ledger article h3{font-size:30px;line-height:1.15}
@media(max-width:900px){
 .scroll-story .story-chapter{justify-content:flex-start!important;padding-top:8px!important}
 .scroll-story .story-chapter h3{font-size:30px!important;line-height:1.08!important}
 .scroll-story .story-chapter .eyebrow{font-size:9px!important}
 .scroll-story .story-sound{font-size:12px}
 .scroll-story .story-controls [data-story-count]{font-size:11px}
 .scroll-story .story-details-link{font-size:12px!important}
 .salon-variants small{font-size:12px}.salon-variants b{font-size:13px}
 .salon-character p,.salon-notes p{font-size:15px}
 .salon-measure span{font-size:11px}.salon-controls button{font-size:12px}
 .provenance-ledger{grid-template-columns:1fr}
}
@media(max-width:700px){
 .atelier-panel{grid-template-columns:1fr;gap:24px}
 .atelier-scene{max-width:420px;width:100%;margin-inline:auto}
 .atelier-scene .atelier-material-image{height:300px}
 .atelier-detail h3{font-size:36px;line-height:1.1}
 .atelier-detail>p:not(.eyebrow),.atelier-heading>p{font-size:15px;line-height:1.7}
 .atelier-detail .eyebrow,.atelier-evidence>span{font-size:10px}
 .atelier-evidence strong{font-size:20px;line-height:1.45}
 .atelier-passport,.atelier-actions a{font-size:13px}
 .proof-exhibition .proof-object{grid-template-columns:1fr}
 .proof-photograph{min-height:200px}
 .proof-mark{font-size:30px;left:20px;bottom:25px;line-height:1.12;max-width:85%}
 .proof-scope{font-size:10px;left:20px}
 .proof-object-copy{padding:24px}
 .proof-exhibition .proof-object h3{font-size:32px}
 .proof-exhibition .proof-object p{font-size:15px}
 .proof-object .proof-index{font-size:10px}
 .recipe-distinction small{font-size:12px}
 .room-step p:not(.eyebrow){font-size:15px}
}
@media(max-width:380px),(max-width:900px) and (max-height:620px){
 .scroll-story{--story-arch:26px}
 .scroll-story.is-scroll-story .story-stage{padding-top:2px!important;padding-bottom:2px!important}
 .scroll-story .story-chapter h3{font-size:25px!important}
 .scroll-story .story-chapter-body{font-size:12px!important;line-height:1.45!important}
 .scroll-story .story-quality-line{font-size:12px!important;line-height:1.4!important}
 .scroll-story .story-chapter .eyebrow{font-size:8px!important}
 .story-craft-note{font-size:12px;line-height:1.35}
 .salon-variants small{font-size:11px}.salon-variants strong{font-size:25px}
}

/* A book serif gives the gourmet narrative a warmer, more generous reading voice. */
@font-face{font-family:House Book;src:url('/assets/fonts/editorial.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:House Book;src:url('/assets/fonts/editorial-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
.home .story-chapter h1,.home .home-manifesto h2{font-weight:600}
.home .story-chapter h1 em,.home .home-manifesto h2 em{font-weight:500}
.home .story-chapter[data-story-chapter="0"] .story-chapter-body{font:400 clamp(18px,1.45vw,22px)/1.5 House Book,Georgia,serif!important;color:#f4eadc!important}
.home .home-manifesto .manifesto-prose>p:not(.eyebrow),.home .atelier-heading>p,.home .hero-lede,.home .bespoke-copy>p:not(.eyebrow){font:400 clamp(18px,1.6vw,22px)/1.55 House Book,Georgia,serif}
.home .story-chapter[data-story-chapter="0"] .story-quality-line{font-weight:650!important;color:#f1d399!important}
.home .home-manifesto .manifesto-prose>p.eyebrow{font-size:11px;letter-spacing:.13em}
@media(max-width:900px){
 .home .story-chapter[data-story-chapter="0"] .story-chapter-body{font-size:17px!important;line-height:1.36!important}
 .home .story-chapter[data-story-chapter="0"] .story-quality-line{font-size:13px!important;line-height:1.45!important}
 .home .home-manifesto .manifesto-prose>p:not(.eyebrow),.home .atelier-heading>p,.home .hero-lede,.home .bespoke-copy>p:not(.eyebrow){font-size:18px;line-height:1.5}
}
@media(max-width:380px),(max-width:900px) and (max-height:620px){
 .home .story-chapter[data-story-chapter="0"] .story-chapter-body{font-size:14px!important;line-height:1.3!important}
 .home .story-chapter[data-story-chapter="0"] .story-quality-line{font-size:12px!important;line-height:1.35!important}
}
