/*
  PARFUMS D’JARDESTÅL — WEBSITE V2
  Editorial premium system / 2026-09-20
*/
:root{
  --v2-paper:#f2eee5;
  --v2-paper-2:#e9e3d8;
  --v2-ink:#171411;
  --v2-muted:#6d665d;
  --v2-line:rgba(23,20,17,.14);
  --v2-line-strong:rgba(23,20,17,.26);
  --v2-ox:#501b1d;
  --v2-moss:#6c7468;
  --v2-dark:#211d18;
  --v2-dark-2:#2b251f;
  --v2-cream:#f7f3ea;
  --v2-gutter:clamp(20px,3.2vw,58px);
  --v2-max:1540px;
  --v2-ease:cubic-bezier(.2,.7,.2,1);
  --v2-section:clamp(96px,10vw,170px);
}

html{scroll-behavior:smooth;background:var(--v2-paper)}
body{
  background:var(--v2-paper);
  color:var(--v2-ink);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  /* Layout overflow must remain visible to be corrected at its source. */
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9997;
  pointer-events:none;
  opacity:.15;
  background:
    radial-gradient(circle at 14% 18%,rgba(81,63,45,.10),transparent 28%),
    radial-gradient(circle at 83% 74%,rgba(100,84,66,.07),transparent 30%);
  mix-blend-mode:multiply;
}
::selection{background:var(--v2-ox);color:var(--v2-cream)}
img,video{background:#d8d1c4}

/* Global container logic */
.container,.fc-shell,.house-shell,.footer-inner{
  width:min(var(--v2-max),calc(100% - var(--v2-gutter)*2))!important;
  margin-inline:auto!important;
}

/* Header + progress */
.site-header{
  height:78px!important;
  padding:0 var(--v2-gutter)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  border-bottom:1px solid transparent!important;
  background:transparent!important;
  transition:background .32s ease,border-color .32s ease,color .32s ease!important;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;bottom:-1px;
  width:calc(var(--v2-scroll,0) * 100%);
  height:1px;
  background:var(--v2-ox);
  transform-origin:left center;
  pointer-events:none;
}
.site-header.is-solid{
  background:var(--v2-paper)!important;
  border-color:var(--v2-line)!important;
  color:var(--v2-ink)!important;
}
.brand{
  justify-self:start;
  font-size:11px!important;
  letter-spacing:.055em!important;
  font-weight:500!important;
}
.nav{justify-self:center;gap:34px!important}
.nav a,.menu-toggle{
  font-size:9px!important;
  letter-spacing:.19em!important;
  text-transform:uppercase;
  font-weight:500!important;
}
.nav a{position:relative;padding:6px 0!important}
.nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;
  transition:right .38s var(--v2-ease);
}
.nav a:hover::after,.nav a[aria-current="page"]::after{right:0}
.menu-toggle{justify-self:end!important;min-width:auto!important}
.home-page .site-header:not(.is-solid):not(.is-menu),
.perfume-page .site-header:not(.is-solid):not(.is-menu){color:var(--v2-cream)!important}
.home-page .site-header:not(.is-solid):not(.is-menu) .brand,
.home-page .site-header:not(.is-solid):not(.is-menu) .nav a,
.home-page .site-header:not(.is-solid):not(.is-menu) .menu-toggle,
.perfume-page .site-header:not(.is-solid):not(.is-menu) .brand,
.perfume-page .site-header:not(.is-solid):not(.is-menu) .nav a,
.perfume-page .site-header:not(.is-solid):not(.is-menu) .menu-toggle{color:inherit!important}

/* Full-screen menu: editorial, not app-like */
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto!important;height:70px!important}
  .nav.is-open{
    position:fixed!important;inset:0!important;z-index:-1!important;
    padding:calc(70px + 6rem) var(--v2-gutter) 58px!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;
    background:var(--v2-dark)!important;color:var(--v2-cream)!important;
    counter-reset:v2nav;
  }
  .nav.is-open::before{
    content:"PARFUMS D’JARDESTÅL\A SIGTUNA, SVERIGE";
    white-space:pre;position:absolute;left:var(--v2-gutter);top:110px;
    font-size:9px;line-height:1.7;letter-spacing:.18em;color:#aaa196;
  }
  .nav.is-open a{
    width:100%;border-bottom:1px solid rgba(244,241,232,.15);padding:16px 0!important;
    font-family:var(--serif)!important;font-size:clamp(39px,9vw,72px)!important;line-height:.95!important;letter-spacing:-.035em!important;text-transform:none!important;font-weight:400!important;
  }
  .nav.is-open a::before{
    counter-increment:v2nav;content:"0" counter(v2nav);
    display:inline-block;width:42px;margin-right:12px;vertical-align:middle;
    font-family:var(--sans)!important;font-size:8px!important;letter-spacing:.16em!important;color:#a99c8f;
  }
  .nav.is-open a::after{display:none}
  .nav.is-open::after{position:static;margin-top:32px;flex-shrink:0;color:#d0c5b8}
  .site-header.is-menu{color:var(--v2-cream)!important;background:transparent!important;border-color:transparent!important}
  .site-header.is-menu .brand,.site-header.is-menu .menu-toggle{color:var(--v2-cream)!important}
}

/* Shared editorial type */
.eyebrow,.small-meta,.fc-kicker,.fc-axis,.fc-number,.image-folio,.journal-feature-copy>span,.journal-minor>span{
  font-size:9px!important;letter-spacing:.19em!important;text-transform:uppercase!important;font-weight:500!important;
}
.section-title{
  font-size:clamp(48px,6.4vw,104px)!important;
  line-height:1.02!important;letter-spacing:-.04em!important;font-weight:400!important;text-wrap:balance!important;
}
.text-link,.fc-link,.hp-link{
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  padding-bottom:7px!important;border-bottom:1px solid currentColor!important;
}
.text-link::after,.fc-link::after,.hp-link::after{content:"↗";font-size:10px;transition:transform .28s var(--v2-ease)}
.text-link:hover::after,.fc-link:hover::after,.hp-link:hover::after{transform:translate(3px,-3px)}

/* Homepage hero */
.home-page .hero{min-height:100svh!important;background:var(--v2-dark)!important}
.home-page .hero-media{
  transform:scale(1.025)!important;
  filter:saturate(.68) contrast(1.02) brightness(.70) sepia(.04)!important;
  transition:transform 12s linear!important;
}
.home-page .hero::before{
  background:linear-gradient(90deg,rgba(12,10,8,.64) 0%,rgba(12,10,8,.24) 52%,rgba(12,10,8,.08) 75%,rgba(12,10,8,.2) 100%)!important;
}
.home-page .hero::after{
  background:linear-gradient(180deg,rgba(12,10,8,.12),transparent 35%,rgba(12,10,8,.52) 100%)!important;
}
.home-page .heritage-hero-content{
  position:relative!important;
  width:min(var(--v2-max),calc(100% - var(--v2-gutter)*2))!important;
  margin:0 auto!important;padding:150px 0 58px!important;min-height:100svh!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:1fr auto!important;
  align-items:end!important;justify-items:start!important;text-align:left!important;gap:30px!important;
}
.home-page .heritage-hero-content .hero-title{
  grid-column:1;grid-row:2;
  max-width:1120px!important;margin:0!important;
  font-size:clamp(74px,9.4vw,158px)!important;line-height:.77!important;letter-spacing:-.065em!important;
  text-shadow:0 6px 42px rgba(0,0,0,.30)!important;
}
.home-page .hero-title span{display:block!important}
.home-page .hero-title span:last-child{margin-left:0!important}
.home-page .hero-crest-wrap{
  position:absolute!important;right:0!important;top:128px!important;margin:0!important;
}
.home-page .hero-crest{width:74px!important;opacity:.82!important}
.home-page .heritage-hero-meta{
  grid-column:2;grid-row:2;align-self:end!important;align-items:flex-end!important;text-align:right!important;margin:0 0 8px!important;
}
.home-page .heritage-hero-meta .atelier-line{font-size:8px!important;letter-spacing:.22em!important;color:rgba(255,255,255,.68)!important}
.home-page .heritage-hero-links{justify-content:flex-end!important;gap:22px!important;margin-top:18px!important}
.home-page .heritage-hero-links .scroll-mark{
  font-size:8px!important;letter-spacing:.18em!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:6px;
}

/* Homepage statement */
.home-page .statement{padding:var(--v2-section) 0!important;background:var(--v2-paper)!important}
.home-page .statement .container{
  grid-template-columns:170px minmax(0,1fr)!important;gap:clamp(36px,7vw,120px)!important;
}
.home-page .origin-teaser-copy{max-width:1100px!important}
.home-page .origin-teaser-copy .lede{
  font-family:var(--serif);font-size:clamp(48px,6.1vw,96px)!important;line-height:.96!important;letter-spacing:-.048em!important;color:var(--v2-ink)!important;
}
.home-page .origin-teaser-note{max-width:720px!important;margin-top:42px!important;font-size:16px!important;line-height:1.9!important;color:var(--v2-muted)!important}

/* Work method as a cinematic dark chapter */
.home-page .story-section{
  background:var(--v2-dark)!important;color:var(--v2-cream)!important;padding:var(--v2-section) 0!important;
}
.home-page .story-shell{gap:clamp(54px,7vw,120px)!important}
.home-page .story-visual{
  top:120px!important;height:min(72svh,820px)!important;min-height:560px!important;
  border:1px solid rgba(247,243,234,.12)!important;background:#1b1815!important;
}
.home-page .story-visual img{filter:grayscale(.18) saturate(.55) contrast(.98) brightness(.72) sepia(.06)!important}
.home-page .story-counter{color:#d5ccc0!important;font-size:9px!important;letter-spacing:.16em!important}
.home-page .story-intro{padding:0 0 80px!important}
.home-page .story-intro .eyebrow{color:#d2a5a7!important}
.home-page .story-intro h2{
  color:var(--v2-cream)!important;font-size:clamp(54px,6vw,96px)!important;line-height:.92!important;letter-spacing:-.05em!important;max-width:760px!important;
}
.home-page .story-intro p{color:#bcb3a7!important;max-width:630px!important;font-size:15px!important;line-height:1.85!important}
.home-page .story-step{border-top:1px solid rgba(247,243,234,.15)!important;padding:70px 0!important;min-height:0!important}
.home-page .story-step span{color:#a99b8c!important}
.home-page .story-step h3{color:var(--v2-cream)!important;font-size:clamp(42px,4.2vw,68px)!important;letter-spacing:-.04em!important}
.home-page .story-step p{color:#aaa197!important;font-size:15px!important;line-height:1.85!important;max-width:580px!important}

/* Founding Collection on home: asymmetric editorial rhythm */
.home-page .fc-home{padding:var(--v2-section) 0!important;background:var(--v2-paper)!important}
.home-page .fc-home .section-head{align-items:end!important;margin-bottom:80px!important;border-top:1px solid var(--v2-line-strong);padding-top:24px!important}
.home-page .fc-home-grid{
  display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:28px!important;row-gap:clamp(90px,10vw,165px)!important;
}
.home-page .fc-home-card{position:relative!important}
.home-page .fc-home-card:nth-child(1){grid-column:1/8}
.home-page .fc-home-card:nth-child(2){grid-column:9/13;margin-top:clamp(110px,12vw,190px)}
.home-page .fc-home-card:nth-child(3){grid-column:2/9}
.home-page .fc-home-card:nth-child(4){grid-column:8/13;margin-top:clamp(70px,8vw,130px)}
.home-page .fc-home-image{border:0!important;background:#d3ccc0!important;box-shadow:none!important}
.home-page .fc-home-card:nth-child(1) .fc-home-image{aspect-ratio:1.22/1!important}
.home-page .fc-home-card:nth-child(2) .fc-home-image{aspect-ratio:.82/1!important}
.home-page .fc-home-card:nth-child(3) .fc-home-image{aspect-ratio:1.18/1!important}
.home-page .fc-home-card:nth-child(4) .fc-home-image{aspect-ratio:.84/1!important}
.home-page .fc-home-image img{filter:grayscale(.12) saturate(.58) contrast(.96) brightness(.91) sepia(.04)!important;transition:transform 1.1s var(--v2-ease),filter .55s ease!important}
.home-page .fc-home-card:hover .fc-home-image img{transform:scale(1.018)!important;filter:grayscale(.05) saturate(.72) contrast(.98) brightness(.94)!important}
.home-page .fc-home-copy{grid-template-columns:52px minmax(0,1fr)!important;padding-top:22px!important}
.home-page .fc-home-copy h3{font-size:clamp(38px,4.2vw,70px)!important;line-height:.92!important;letter-spacing:-.048em!important}
.home-page .fc-home-copy p{font-size:14px!important;line-height:1.75!important;max-width:620px!important;color:var(--v2-muted)!important}
.home-page .fc-home-index{font-size:9px!important;color:var(--v2-ox)!important;padding-top:7px!important}

/* Atelier strip */
.home-page .maison-strip{padding:var(--v2-section) 0!important;background:var(--v2-paper-2)!important;border-top:1px solid var(--v2-line)!important;border-bottom:1px solid var(--v2-line)!important}
.home-page .maison-strip .split{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:clamp(50px,7vw,110px)!important;align-items:center!important}
.home-page .maison-strip .editorial-image{min-height:min(72svh,780px)!important}
.home-page .maison-strip .copy h2{font-size:clamp(50px,5.4vw,86px)!important;line-height:.94!important;letter-spacing:-.05em!important}
.home-page .maison-strip .copy p{font-size:15px!important;line-height:1.85!important;color:var(--v2-muted)!important}

/* Journal preview */
.home-page .journal-preview{padding:var(--v2-section) 0!important;background:var(--v2-paper)!important}
.home-page .journal-preview .section-head{border-top:1px solid var(--v2-line-strong);padding-top:24px!important;margin-bottom:62px!important}
.home-page .journal-preview-grid{border-top:1px solid var(--v2-line)!important}
.home-page .journal-teaser{padding:36px 28px 42px!important;min-height:370px!important;border-color:var(--v2-line)!important;transition:background .3s ease!important}
.home-page .journal-teaser:hover{background:#ebe5da!important}
.home-page .journal-teaser h3{font-size:clamp(32px,3vw,48px)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin-top:62px!important}
.home-page .journal-teaser p{font-size:13px!important;line-height:1.75!important;color:var(--v2-muted)!important}

/* Collection page */
.collection-page .fc-hero{padding:180px 0 130px!important;background:var(--v2-paper)!important;border-bottom:1px solid var(--v2-line)!important}
.collection-page .fc-hero h1{font-size:clamp(76px,10vw,166px)!important;line-height:.9!important;letter-spacing:-.05em!important;max-width:1300px!important;margin:32px 0 72px!important;text-wrap:balance!important}
.collection-page .fc-intro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:84px!important;max-width:1040px!important;margin-left:auto!important}
.collection-page .fc-intro p{font-size:16px!important;line-height:1.95!important;color:var(--v2-muted)!important;max-width:34ch!important}
.collection-page .fc-catalogue{background:var(--v2-paper)!important;padding-bottom:var(--v2-section)!important}
.collection-page .fc-entry{
  min-height:0!important;padding:var(--v2-section) 0!important;border-bottom:1px solid var(--v2-line)!important;
  display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:40px!important;align-items:start!important;
}
.collection-page .fc-entry:nth-child(odd) .fc-number{grid-column:1}
.collection-page .fc-entry:nth-child(odd) .fc-copy{grid-column:2/6}
.collection-page .fc-entry:nth-child(odd) .fc-media{grid-column:7/13}
.collection-page .fc-entry:nth-child(even) .fc-number{grid-column:12;grid-row:1;text-align:right}
.collection-page .fc-entry:nth-child(even) .fc-copy{grid-column:8/12;grid-row:1}
.collection-page .fc-entry:nth-child(even) .fc-media{grid-column:1/7;grid-row:1}
.collection-page .fc-copy h2{font-size:clamp(52px,5.5vw,90px)!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:18px 0 34px!important;text-wrap:balance!important}
.collection-page .fc-description{font-size:16px!important;line-height:1.98!important;color:var(--v2-muted)!important;max-width:34ch!important;margin-bottom:26px!important}
.collection-page .fc-media{aspect-ratio:1.18/1!important;border:0!important;overflow:hidden!important;background:#d3ccc0!important}
.collection-page .fc-media img{transition:transform 1.2s var(--v2-ease),filter .5s ease!important;filter:grayscale(.11) saturate(.62) contrast(.97) brightness(.92) sepia(.04)!important}
.collection-page .fc-media:hover img{transform:scale(1.025)!important;filter:grayscale(.03) saturate(.76) contrast(.98) brightness(.94)!important}
.collection-page .fc-number{font-size:11px!important;color:var(--v2-ox)!important;align-self:start!important;padding-top:10px!important}
.collection-page .fc-notes{font-size:10px!important;line-height:1.95!important;letter-spacing:.06em!important;color:#4f4942!important;text-transform:none!important;display:block!important;max-width:34ch!important}

/* Perfume pages */
.perfume-page{--scent-bg:var(--v2-paper);--scent-soft:var(--v2-paper-2);background:var(--scent-bg)!important}
.scent-london{--scent-bg:#eeeae1;--scent-soft:#dedfd9}
.scent-faculty{--scent-bg:#ebe9df;--scent-soft:#daddd2}
.scent-sunday{--scent-bg:#f4f0e7;--scent-soft:#ece6dc}
.scent-polite{--scent-bg:#eee7dc;--scent-soft:#dfd2c5}
.perfume-page .perfume-hero{min-height:100svh!important;display:grid!important;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr)!important;background:var(--v2-dark)!important;color:var(--v2-cream)!important}
.perfume-page .perfume-hero-copy{min-height:100svh!important;padding:150px var(--v2-gutter) 62px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:var(--v2-dark)!important;color:var(--v2-cream)!important;border:0!important}
.perfume-page .perfume-hero-copy::before{font-size:clamp(78px,9vw,156px)!important;color:rgba(255,255,255,.035)!important;right:28px!important;top:105px!important}
.perfume-page .perfume-hero h1{font-size:clamp(62px,7.1vw,118px)!important;line-height:.9!important;letter-spacing:-.045em!important;color:var(--v2-cream)!important;margin:22px 0 40px!important;text-wrap:balance!important}
.perfume-page .perfume-hero .eyebrow{color:#c9a0a2!important}
.perfume-page .perfume-hero .notes{font-size:10px!important;line-height:1.75!important;letter-spacing:.09em!important;color:#c6beb3!important;max-width:620px!important}
.perfume-page .scent-axis{margin-top:38px!important;border-top:1px solid rgba(255,255,255,.14)!important;padding-top:18px!important;display:flex!important;gap:24px!important}
.perfume-page .scent-axis span{font-size:8px!important;letter-spacing:.18em!important;color:#9e958a!important}
.perfume-page .perfume-hero-media{min-height:100svh!important;overflow:hidden!important;background:#918a7e!important}
.perfume-page .perfume-hero-media img{filter:grayscale(.12) saturate(.60) contrast(.98) brightness(.82) sepia(.04)!important;transform:scale(1.035)!important}
.scent-sunday .perfume-hero-media img{filter:grayscale(.08) saturate(.62) contrast(.95) brightness(.92) sepia(.025)!important}
.scent-polite .perfume-hero-media img{filter:grayscale(.08) saturate(.52) contrast(.98) brightness(.83) sepia(.09)!important}
.perfume-page .scent-section{padding:var(--v2-section) 0!important;background:var(--scent-bg)!important}
.perfume-page .scent-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:42px!important;align-items:start!important}
.perfume-page .scent-grid>div:first-child{grid-column:2/8!important}
.perfume-page .scent-grid>div:last-child{grid-column:9/13!important;padding-top:40px!important}
.perfume-page .scent-copy-prose{max-width:700px!important}
.perfume-page .scent-copy-prose p{font-size:18px!important;line-height:2.02!important;color:#4f4942!important;margin:0 0 28px!important;max-width:38ch!important;text-wrap:pretty!important}
.perfume-page .scent-copy-prose p:first-child{font-family:var(--serif)!important;font-size:clamp(32px,3.1vw,48px)!important;line-height:1.22!important;letter-spacing:-.022em!important;color:var(--v2-ink)!important;margin-bottom:40px!important;max-width:16ch!important;text-wrap:balance!important}
.perfume-page .facet{padding:22px 0!important;border-top:1px solid var(--v2-line)!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.perfume-page .facet:last-child{border-bottom:1px solid var(--v2-line)!important}
.perfume-page .facet strong{font-family:var(--serif)!important;font-size:24px!important;font-weight:400!important;letter-spacing:-.015em!important;line-height:1.16!important}
.perfume-page .facet span{font-size:9px!important;letter-spacing:.13em!important;color:var(--v2-muted)!important;text-transform:uppercase!important}

/* Material studies become a gallery, not cards */
.perfume-page .material-study{padding:var(--v2-section) 0!important;background:var(--scent-soft)!important;border-top:1px solid var(--v2-line)!important;border-bottom:1px solid var(--v2-line)!important}
.perfume-page .material-study .container>.reveal:first-child{display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:30px!important;align-items:start!important;margin-bottom:80px!important}
.perfume-page .material-study .section-title{max-width:980px!important;font-size:clamp(50px,6vw,98px)!important;line-height:1.02!important}
.perfume-page .material-card p{margin:17px 0 0!important;font-size:9px!important;letter-spacing:.19em!important;text-transform:uppercase!important;color:#504a42!important}
.material-loop-poster,.material-loop-video{transform:scale(1.015)!important;filter:grayscale(.09) saturate(.58) contrast(.97) brightness(.90) sepia(.04)!important}
.scent-sunday .material-loop-poster,.scent-sunday .material-loop-video{filter:grayscale(.07) saturate(.55) contrast(.95) brightness(.98) sepia(.025)!important}
.scent-faculty .material-loop-poster,.scent-faculty .material-loop-video{filter:grayscale(.16) saturate(.46) contrast(.98) brightness(.80) sepia(.05)!important}
.scent-london .material-loop-poster,.scent-london .material-loop-video{filter:grayscale(.15) saturate(.50) contrast(.98) brightness(.83) sepia(.035)!important}
.scent-polite .material-loop-poster,.scent-polite .material-loop-video{filter:grayscale(.10) saturate(.42) contrast(.98) brightness(.86) sepia(.10)!important}

/* Large sensory chapter */
.perfume-page .motion-study{min-height:min(88svh,960px)!important;position:relative!important;overflow:hidden!important;background:var(--v2-dark)!important}
.perfume-page .motion-study>picture,.perfume-page .motion-study>.cinematic-media{position:absolute!important;inset:0!important}
.perfume-page .motion-study img,.perfume-page .motion-study video{width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(.16) saturate(.52) contrast(.98) brightness(.62) sepia(.05)!important}
.perfume-page .motion-study::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(18,15,12,.72),rgba(18,15,12,.18) 62%,rgba(18,15,12,.10))!important;pointer-events:none!important}
.perfume-page .motion-caption{position:relative!important;z-index:3!important;left:auto!important;bottom:auto!important;margin:clamp(44px,6vw,88px) var(--v2-gutter)!important;max-width:min(760px,calc(100% - var(--v2-gutter)*2))!important;min-width:0;color:var(--v2-cream)!important;padding:0!important}
.perfume-page .motion-caption h2{font-size:clamp(52px,6vw,98px)!important;line-height:1.0!important;letter-spacing:-.04em!important;color:var(--v2-cream)!important;max-width:10ch!important;text-wrap:balance!important}
.perfume-page .motion-caption p:not(.eyebrow){font-size:14px!important;line-height:1.8!important;color:#d1c8bc!important;max-width:580px!important}
.perfume-page .motion-caption .eyebrow{color:#d6a5a7!important}
.perfume-page .next-perfume a{padding:88px var(--v2-gutter)!important;background:var(--scent-bg)!important;border-top:1px solid var(--v2-line)!important}
.perfume-page .next-perfume strong{font-size:clamp(44px,6vw,96px)!important;letter-spacing:-.04em!important;line-height:1.02!important;text-wrap:balance!important}

/* Huset: warmer, more authored */
.house-premium .hp-hero{padding-top:170px!important;padding-bottom:120px!important;background:var(--v2-paper)!important}
.house-premium .hp-title{font-size:clamp(78px,10vw,158px)!important;line-height:.79!important;letter-spacing:-.066em!important}
.house-premium .hp-lead{font-size:clamp(27px,2.8vw,42px)!important;line-height:1.2!important;letter-spacing:-.025em!important}
.house-premium .hp-origin-story,.house-premium .hp-now,.house-premium .hp-methods,.house-premium .hp-workbench,.house-premium .hp-closing{padding-top:var(--v2-section)!important;padding-bottom:var(--v2-section)!important}
.house-premium .hp-origin-grid,.house-premium .hp-now-grid,.house-premium .hp-workbench-grid{gap:clamp(60px,8vw,130px)!important}
.house-premium .hp-origin-copy p,.house-premium .hp-body,.house-premium .hp-dark-copy{font-size:16px!important;line-height:1.92!important}
.house-premium .hp-h2{font-size:clamp(58px,6.5vw,106px)!important;line-height:.91!important;letter-spacing:-.055em!important}
.house-premium .hp-methods{background:#e7e0d5!important}
.house-premium .hp-dark{background:var(--v2-dark)!important}
.house-premium .hp-atelier-plate{background:#d8d0c4!important}
.house-premium .hp-atelier-image{box-shadow:none!important;border:0!important}

/* Journal */
.journal-page .journal-hero{padding:175px 0 120px!important;background:var(--v2-paper)!important}
.journal-page .journal-hero h1{font-size:clamp(76px,9.2vw,150px)!important;line-height:.8!important;letter-spacing:-.066em!important;max-width:1150px!important}
.journal-page .journal-edition{border-top:1px solid var(--v2-line-strong)!important;padding-top:18px!important}
.journal-page .journal-index{padding:var(--v2-section) 0!important;background:var(--v2-paper)!important}
.journal-page .journal-feature{grid-template-columns:1.35fr .65fr!important;gap:clamp(50px,7vw,110px)!important;align-items:center!important;margin-bottom:var(--v2-section)!important}
.journal-page .journal-media{min-height:620px!important;border:0!important}
.journal-page .journal-feature-copy h2{font-size:clamp(48px,5.6vw,88px)!important;line-height:.92!important;letter-spacing:-.05em!important}
.journal-page .journal-minor-grid{border-top:1px solid var(--v2-line)!important}
.journal-page .journal-minor{min-height:390px!important;padding:38px 30px!important;transition:background .3s ease!important}
.journal-page .journal-minor:hover{background:#e9e3d8!important}
.journal-page .journal-minor h3{font-size:clamp(34px,3.5vw,54px)!important;line-height:1!important;letter-spacing:-.04em!important}

/* Journal articles */
.journal-article-page .article-header{padding:175px 0 95px!important;background:var(--v2-paper)!important}
.journal-article-page .article-header h1{font-size:clamp(66px,8.3vw,132px)!important;line-height:.83!important;letter-spacing:-.06em!important;max-width:1200px!important}
.journal-article-page .article-lead{font-size:clamp(25px,2.5vw,38px)!important;line-height:1.28!important;max-width:820px!important}
.journal-article-page .article-hero-media{height:min(78svh,860px)!important;border:0!important}
.journal-article-page .article-body{max-width:760px!important}
.journal-article-page .article-body p{font-size:17px!important;line-height:1.95!important;color:#4f4942!important}
.journal-article-page .article-next strong{font-size:clamp(42px,5.4vw,82px)!important;line-height:.95!important}

/* Contact / legal / 404 */
.contact-page-shell .contact-editorial{padding:178px 0 var(--v2-section)!important}
.contact-page-shell .contact-grid{grid-template-columns:.78fr 1.22fr!important;gap:clamp(70px,10vw,155px)!important}
.contact-page-shell .contact-intro h1{font-size:clamp(72px,8vw,126px)!important;line-height:.83!important;letter-spacing:-.06em!important}
.contact-page-shell .contact-form{padding:42px 44px!important;background:#eae4d9!important;border:1px solid var(--v2-line)!important;gap:34px 28px!important}
.contact-page-shell .field input,.contact-page-shell .field select,.contact-page-shell .field textarea{padding:14px 0 16px!important;background:transparent!important}
.contact-page-shell .contact-submit{padding:17px 23px!important;background:var(--v2-dark)!important;color:var(--v2-cream)!important;border-color:var(--v2-dark)!important}
.legal-page .legal-article{padding-top:180px!important;padding-bottom:var(--v2-section)!important}
.legal-page .legal-article h1,.not-found-page .error-page h1{font-size:clamp(68px,8.2vw,132px)!important;line-height:.84!important;letter-spacing:-.06em!important}

/* Footer */
.site-footer{background:var(--v2-dark)!important;color:#d9d0c4!important;border-top:0!important;padding:60px 0 52px!important}
.footer-inner{grid-template-columns:1fr auto auto!important;gap:30px!important;align-items:end!important}
.footer-brand,.footer-brand-lockup{font-family:var(--serif)!important;font-size:clamp(24px,2.2vw,36px)!important;letter-spacing:-.02em!important;color:var(--v2-cream)!important}
.footer-links,.footer-folio{font-size:8px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#9f968a!important}
.footer-links a{color:#c9c0b5!important}

/* Responsive refinement */
@media(max-width:1080px){
  .home-page .heritage-hero-content{grid-template-columns:1fr!important;grid-template-rows:1fr auto auto!important}
  .home-page .heritage-hero-meta{grid-column:1!important;grid-row:3!important;align-items:flex-start!important;text-align:left!important}
  .home-page .heritage-hero-links{justify-content:flex-start!important}
  .home-page .hero-crest-wrap{right:0!important;top:112px!important}
  .home-page .fc-home-card:nth-child(1){grid-column:1/9}.home-page .fc-home-card:nth-child(2){grid-column:9/13}.home-page .fc-home-card:nth-child(3){grid-column:1/9}.home-page .fc-home-card:nth-child(4){grid-column:8/13}
  .collection-page .fc-entry:nth-child(odd) .fc-copy{grid-column:1/6}.collection-page .fc-entry:nth-child(odd) .fc-media{grid-column:6/13}
  .collection-page .fc-entry:nth-child(even) .fc-copy{grid-column:8/13}.collection-page .fc-entry:nth-child(even) .fc-media{grid-column:1/8}
  .perfume-page .perfume-hero{grid-template-columns:.9fr 1.1fr!important}
}

@media(max-width:900px){
  .container,.fc-shell,.house-shell,.footer-inner{width:calc(100% - 40px)!important}
  .home-page .heritage-hero-content{width:calc(100% - 40px)!important;padding:118px 0 42px!important}
  .home-page .heritage-hero-content .hero-title{font-size:clamp(58px,13.5vw,94px)!important;line-height:.80!important}
  .home-page .hero-crest{width:58px!important}
  .home-page .statement .container{grid-template-columns:1fr!important;gap:28px!important}
  .home-page .story-shell{grid-template-columns:1fr!important}
  .home-page .story-visual{position:relative!important;top:auto!important;height:58svh!important;min-height:420px!important}
  .home-page .story-step{padding:50px 0!important}
  .home-page .fc-home-grid{grid-template-columns:1fr!important;row-gap:74px!important}
  .home-page .fc-home-card:nth-child(n){grid-column:1!important;margin-top:0!important}
  .home-page .fc-home-image,.home-page .fc-home-card:nth-child(n) .fc-home-image{aspect-ratio:1.08/1!important}
  .home-page .maison-strip .split{grid-template-columns:1fr!important}
  .home-page .maison-strip .editorial-image{min-height:55svh!important}
  .collection-page .fc-intro{grid-template-columns:1fr!important;gap:18px!important;margin-left:0!important}
  .collection-page .fc-entry{grid-template-columns:1fr!important;gap:26px!important}
  .collection-page .fc-entry:nth-child(n) .fc-number,.collection-page .fc-entry:nth-child(n) .fc-copy,.collection-page .fc-entry:nth-child(n) .fc-media{grid-column:1!important;grid-row:auto!important;text-align:left!important}
  .collection-page .fc-media{aspect-ratio:1.12/1!important;margin-top:20px!important}
  .perfume-page .perfume-hero{grid-template-columns:1fr!important}
  .perfume-page .perfume-hero-copy{min-height:62svh!important;padding:128px 20px 46px!important}
  .perfume-page .perfume-hero-media{min-height:58svh!important}
  .perfume-page .scent-grid{grid-template-columns:1fr!important;gap:60px!important}
  .perfume-page .scent-grid>div:first-child,.perfume-page .scent-grid>div:last-child{grid-column:1!important;padding-top:0!important}
  .perfume-page .material-study .container>.reveal:first-child{grid-template-columns:1fr!important;gap:22px!important;margin-bottom:58px!important}
  .perfume-page .motion-study{min-height:72svh!important}
  .perfume-page .motion-caption{left:20px!important;right:20px!important;bottom:42px!important}
  .journal-page .journal-feature{grid-template-columns:1fr!important}
  .contact-page-shell .contact-grid{grid-template-columns:1fr!important;gap:60px!important}
  .contact-page-shell .contact-form{padding:32px 24px!important}
}


@media(max-width:900px){
  .collection-page .fc-intro{grid-template-columns:1fr!important;gap:28px!important;max-width:720px!important;margin-left:0!important}
  .collection-page .fc-intro p,.collection-page .fc-description,.collection-page .fc-notes{max-width:42ch!important}
  .collection-page .fc-copy h2{max-width:12ch!important}
  .perfume-page .scent-copy-prose p{max-width:44ch!important}
}

@media(max-width:560px){
  :root{--v2-section:88px;--v2-gutter:18px}
  .container,.fc-shell,.house-shell,.footer-inner{width:calc(100% - 36px)!important}
  .home-page .heritage-hero-content{width:calc(100% - 36px)!important}
  .home-page .hero-crest-wrap{top:96px!important}
  .home-page .heritage-hero-content .hero-title{font-size:14vw!important}
  .home-page .heritage-hero-meta .atelier-line{font-size:7px!important}
  .home-page .heritage-hero-links{gap:16px!important}
  .home-page .origin-teaser-copy .lede{font-size:13vw!important}
  .home-page .fc-home-copy{grid-template-columns:34px minmax(0,1fr)!important}
  .home-page .fc-home-copy h3{font-size:11vw!important}
  .home-page .journal-teaser{min-height:310px!important;padding:28px 0!important}
  .collection-page .fc-hero{padding:130px 0 88px!important}
  .collection-page .fc-hero h1{font-size:15vw!important;margin:24px 0 44px!important;line-height:.98!important}
  .collection-page .fc-entry{padding:82px 0!important}
  .collection-page .fc-copy h2{font-size:13vw!important;line-height:1.02!important}
  .perfume-page .perfume-hero-copy{min-height:58svh!important;padding:116px 18px 38px!important}
  .perfume-page .perfume-hero h1{font-size:14vw!important;line-height:.98!important}
  .perfume-page .perfume-hero-media{min-height:52svh!important}
  .perfume-page .scent-copy-prose p{font-size:16px!important;line-height:1.95!important}
  .perfume-page .material-card p{font-size:8px!important}
  .perfume-page .motion-caption h2{font-size:12vw!important}
  .journal-page .journal-hero{padding:130px 0 88px!important}
  .journal-page .journal-hero h1{font-size:15vw!important}
  .journal-page .journal-media{min-height:48svh!important}
  .contact-page-shell .contact-editorial{padding:128px 0 88px!important}
  .contact-page-shell .contact-intro h1{font-size:15vw!important}
  .footer-inner{grid-template-columns:1fr!important;align-items:start!important;gap:24px!important}
  .footer-links{justify-content:flex-start!important;flex-wrap:wrap!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .site-header::after{display:none}
}

/* Core behavior for the self-hosted material loops */
.material-loop-media{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.material-loop-poster,.material-loop-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  transition:opacity .5s var(--v2-ease),transform 1.2s var(--v2-ease),filter .55s ease!important;
}
.material-loop-poster{opacity:1!important;z-index:1!important}
.material-loop-video{opacity:0!important;z-index:2!important}
.material-loop-media.is-playing .material-loop-poster{opacity:0!important}
.material-loop-media.is-playing .material-loop-video{opacity:1!important}
@media(prefers-reduced-motion:reduce){.material-loop-video{opacity:0!important;animation:none!important;transition:none!important;pointer-events:none!important}.material-loop-poster{opacity:1!important;animation:none!important;transition:none!important}}


/* =========================================================
   V2 TYPOGRAPHY + VERTICAL RHYTHM COHERENCE PASS
   2026-09-20 / v2-typography-2
   Purpose: remove compressed display leading, establish one
   vertical rhythm and stop headings/body copy colliding.
   ========================================================= */

:root{
  --v2-rhythm-1:clamp(10px,1vw,14px);
  --v2-rhythm-2:clamp(16px,1.5vw,22px);
  --v2-rhythm-3:clamp(24px,2.2vw,34px);
  --v2-rhythm-4:clamp(34px,3vw,50px);
  --v2-reading:720px;
}

/* One predictable text model everywhere. */
h1,h2,h3,h4,p,blockquote,figcaption{margin-block-start:0}
h1,h2,h3,h4{
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
p,li,blockquote{
  text-wrap:pretty;
  overflow-wrap:break-word;
}

/* Display typography: premium, but never compressed enough to collide. */
.section-title{line-height:1.01!important;letter-spacing:-.036em!important}
.home-page .heritage-hero-content .hero-title{line-height:.91!important;letter-spacing:-.048em!important}
.home-page .origin-teaser-copy .lede{line-height:1.04!important;letter-spacing:-.034em!important}
.home-page .story-intro h2{line-height:1.01!important;letter-spacing:-.036em!important}
.home-page .story-step h3{line-height:1.05!important;letter-spacing:-.028em!important;margin-bottom:var(--v2-rhythm-2)!important}
.home-page .fc-home-copy h3{line-height:1.02!important;letter-spacing:-.032em!important;margin-bottom:var(--v2-rhythm-2)!important}
.home-page .maison-strip .copy h2{line-height:1.02!important;letter-spacing:-.034em!important;margin-bottom:var(--v2-rhythm-3)!important}
.home-page .journal-teaser h3{line-height:1.08!important;letter-spacing:-.026em!important}

.collection-page .fc-hero h1{line-height:.93!important;letter-spacing:-.045em!important;margin-bottom:var(--v2-rhythm-4)!important}
.collection-page .fc-copy h2{line-height:1.01!important;letter-spacing:-.036em!important;margin:var(--v2-rhythm-2) 0 var(--v2-rhythm-3)!important}

.perfume-page .perfume-hero h1{line-height:.94!important;letter-spacing:-.042em!important;margin:var(--v2-rhythm-2) 0 var(--v2-rhythm-3)!important}
.perfume-page .material-study .section-title{line-height:1.02!important;letter-spacing:-.035em!important}
.perfume-page .motion-caption h2{line-height:.99!important;letter-spacing:-.038em!important}
.perfume-page .next-perfume strong{line-height:1.01!important;letter-spacing:-.034em!important;display:block}

.house-premium .hp-title{line-height:.94!important;letter-spacing:-.044em!important}
.house-premium .hp-h2{line-height:1.01!important;letter-spacing:-.036em!important}

.journal-page .journal-hero h1{line-height:.94!important;letter-spacing:-.044em!important}
.journal-page .journal-feature-copy h2{line-height:1.02!important;letter-spacing:-.034em!important}
.journal-page .journal-minor h3{line-height:1.08!important;letter-spacing:-.028em!important}
.journal-article-page .article-header h1{line-height:.95!important;letter-spacing:-.042em!important}
.journal-article-page .article-next strong{line-height:1.02!important}

.contact-page-shell .contact-intro h1,
.legal-page .legal-article h1,
.not-found-page .error-page h1{line-height:.95!important;letter-spacing:-.042em!important}

/* Consistent separation between labels, headings, notes and prose. */
.eyebrow,.small-meta,.fc-kicker,.journal-feature-copy>span,.journal-minor>span{display:block;margin-bottom:var(--v2-rhythm-2)!important}
.section-head .eyebrow{margin-bottom:0!important}

.home-page .story-intro h2,
.home-page .origin-teaser-copy .lede,
.collection-page .fc-hero h1,
.house-premium .hp-title,
.house-premium .hp-h2,
.journal-page .journal-hero h1,
.journal-page .journal-feature-copy h2,
.journal-article-page .article-header h1,
.contact-page-shell .contact-intro h1{margin-top:0!important}

/* Reading copy uses one calm rhythm instead of page-specific collisions. */
.home-page .origin-teaser-note,
.home-page .story-intro p,
.home-page .story-step p,
.home-page .fc-home-copy p,
.home-page .maison-strip .copy p,
.home-page .journal-teaser p,
.collection-page .fc-intro p,
.collection-page .fc-description,
.perfume-page .scent-copy-prose p,
.perfume-page .motion-caption p,
.house-premium .hp-origin-copy p,
.house-premium .hp-body,
.house-premium .hp-dark-copy,
.journal-page .journal-feature-copy p,
.journal-page .journal-minor p,
.journal-article-page .article-body p,
.contact-page-shell .contact-intro p,
.legal-page .legal-article p{
  line-height:1.78!important;
}

.scent-copy-prose,
.article-body,
.house-premium .hp-origin-copy,
.contact-page-shell .contact-intro{max-width:var(--v2-reading)}

.scent-copy-prose p,
.house-premium .hp-origin-copy p,
.journal-article-page .article-body p,
.legal-page .legal-article p{margin:0 0 1.25em!important}
.scent-copy-prose p:last-child,
.house-premium .hp-origin-copy p:last-child,
.journal-article-page .article-body p:last-child,
.legal-page .legal-article p:last-child{margin-bottom:0!important}

/* Specific page rhythm. */
.perfume-page .perfume-hero .notes{line-height:1.72!important;margin-top:0!important}
.perfume-page .scent-axis{margin-top:var(--v2-rhythm-3)!important;padding-top:var(--v2-rhythm-2)!important}
.perfume-page .scent-grid{row-gap:var(--v2-rhythm-4)!important}
.perfume-page .material-study .container>.reveal:first-child{margin-bottom:clamp(48px,5vw,76px)!important}
.perfume-page .material-card p{margin-top:16px!important;line-height:1.55!important}
.perfume-page .motion-caption .eyebrow{margin-bottom:var(--v2-rhythm-2)!important}
.perfume-page .motion-caption h2{margin-bottom:var(--v2-rhythm-3)!important}

.collection-page .fc-notes{line-height:1.72!important;margin-bottom:var(--v2-rhythm-2)!important}
.collection-page .fc-description{margin-bottom:var(--v2-rhythm-3)!important}
.home-page .fc-home-copy{row-gap:0!important}
.home-page .fc-home-index{margin-bottom:var(--v2-rhythm-1)!important}

.house-premium .hp-lead{line-height:1.34!important;margin-top:var(--v2-rhythm-3)!important}
.house-premium .hp-h2{margin-bottom:var(--v2-rhythm-3)!important}

.journal-page .journal-feature-copy h2{margin-bottom:var(--v2-rhythm-3)!important}
.journal-page .journal-feature-copy p{margin-bottom:var(--v2-rhythm-3)!important}
.journal-page .journal-minor h3{margin:var(--v2-rhythm-3) 0 var(--v2-rhythm-2)!important}
.journal-article-page .article-lead{line-height:1.38!important;margin-top:var(--v2-rhythm-3)!important}

.contact-page-shell .contact-intro h1{margin-bottom:var(--v2-rhythm-3)!important}
.contact-page-shell .contact-intro p{margin-bottom:var(--v2-rhythm-2)!important}
.contact-page-shell .contact-form{row-gap:30px!important}

/* Mobile: preserve hierarchy without giant multiline collisions. */
@media(max-width:900px){
  .section-title{line-height:1.04!important;letter-spacing:-.03em!important}
  .home-page .heritage-hero-content .hero-title{line-height:.96!important;letter-spacing:-.038em!important}
  .home-page .origin-teaser-copy .lede{line-height:1.08!important}
  .home-page .story-intro h2,
  .collection-page .fc-copy h2,
  .perfume-page .material-study .section-title,
  .perfume-page .motion-caption h2,
  .house-premium .hp-h2,
  .journal-page .journal-feature-copy h2{line-height:1.05!important;letter-spacing:-.03em!important}
  .collection-page .fc-hero h1,
  .perfume-page .perfume-hero h1,
  .house-premium .hp-title,
  .journal-page .journal-hero h1,
  .journal-article-page .article-header h1,
  .contact-page-shell .contact-intro h1,
  .legal-page .legal-article h1,
  .not-found-page .error-page h1{line-height:.99!important;letter-spacing:-.036em!important}
  .perfume-page .scent-grid{gap:48px!important}
}


@media(max-width:900px){
  .collection-page .fc-intro{grid-template-columns:1fr!important;gap:28px!important;max-width:720px!important;margin-left:0!important}
  .collection-page .fc-intro p,.collection-page .fc-description,.collection-page .fc-notes{max-width:42ch!important}
  .collection-page .fc-copy h2{max-width:12ch!important}
  .perfume-page .scent-copy-prose p{max-width:44ch!important}
}

@media(max-width:560px){
  :root{--v2-rhythm-4:36px}
  .section-title{font-size:clamp(38px,11vw,58px)!important;line-height:1.06!important}
  .home-page .heritage-hero-content .hero-title{font-size:13vw!important;line-height:.98!important}
  .home-page .origin-teaser-copy .lede{font-size:11.5vw!important;line-height:1.08!important}
  .home-page .story-intro h2{font-size:clamp(42px,12vw,64px)!important;line-height:1.06!important}
  .home-page .fc-home-copy h3{font-size:10.5vw!important;line-height:1.06!important}
  .collection-page .fc-hero h1{font-size:clamp(58px,16vw,92px)!important;line-height:.99!important}
  .collection-page .fc-copy h2{font-size:clamp(42px,12vw,64px)!important;line-height:1.05!important}
  .perfume-page .perfume-hero h1{font-size:clamp(52px,14.5vw,82px)!important;line-height:.98!important}
  .perfume-page .motion-caption h2{font-size:clamp(42px,11.5vw,62px)!important;line-height:1.04!important;max-width:13ch!important}
  .house-premium .hp-title,.journal-page .journal-hero h1,.journal-article-page .article-header h1,.contact-page-shell .contact-intro h1{font-size:clamp(52px,14vw,82px)!important;line-height:1!important}
  .house-premium .hp-h2,.journal-page .journal-feature-copy h2{font-size:clamp(42px,11.5vw,64px)!important;line-height:1.05!important}
  .journal-page .journal-minor h3{line-height:1.1!important}
  .journal-article-page .article-body p{font-size:16px!important;line-height:1.78!important}
}


/* ============================================================
   V2 READABILITY + CENTERING FIX 2026-09-20
   Final override layer. Keep this at the end of v2.css.
   ============================================================ */

/* Homepage: restore the centred brand composition. */
.home-page .heritage-hero-content{
  width:min(1180px,calc(100% - var(--v2-gutter)*2))!important;
  margin:0 auto!important;
  padding:132px 0 58px!important;
  min-height:100svh!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:20px!important;
  text-align:center!important;
}
.home-page .heritage-hero-content>.reveal{width:100%!important;text-align:center!important}
.home-page .heritage-hero-content .hero-title{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:clamp(68px,8.8vw,142px)!important;
  line-height:.91!important;
  letter-spacing:-.047em!important;
}
.home-page .hero-title span{display:block!important;margin-left:0!important;text-align:center!important}
.home-page .hero-crest-wrap{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  margin:2px auto 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.home-page .hero-crest{width:78px!important;margin:0 auto!important}
.home-page .heritage-hero-meta{
  width:100%!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.home-page .heritage-hero-links{justify-content:center!important;align-items:center!important;margin-top:16px!important}

/* Perfume pages: readable editorial rhythm rather than compressed catalogue copy. */
.perfume-page .scent-section{padding:clamp(116px,9vw,168px) 0!important}
.perfume-page .scent-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:clamp(38px,4vw,72px)!important;
  row-gap:64px!important;
  align-items:start!important;
}
.perfume-page .scent-grid>div:first-child{grid-column:2/8!important}
.perfume-page .scent-grid>div:last-child{grid-column:9/13!important;padding-top:34px!important}
.perfume-page .scent-copy-prose{max-width:680px!important}
.perfume-page .scent-copy-prose p{
  max-width:36ch!important;
  margin:0 0 36px!important;
  font-size:19px!important;
  line-height:2.05!important;
  letter-spacing:.002em!important;
  color:#4f4942!important;
  text-wrap:pretty!important;
}
.perfume-page .scent-copy-prose p:first-child{
  max-width:17ch!important;
  margin:22px 0 48px!important;
  font-family:var(--serif)!important;
  font-size:clamp(38px,3.3vw,54px)!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  color:var(--v2-ink)!important;
  text-wrap:balance!important;
}
.perfume-page .scent-copy-prose p:last-child{margin-bottom:0!important}
.perfume-page .small-meta{line-height:1.65!important}
.perfume-page .facet{padding:24px 0!important;gap:11px!important}
.perfume-page .facet strong{font-size:25px!important;line-height:1.22!important}
.perfume-page .facet span{font-size:9.5px!important;line-height:1.8!important;letter-spacing:.115em!important}

/* Collection catalogue copy gets the same air and baseline rhythm. */
.collection-page .fc-copy h2{line-height:1.08!important;letter-spacing:-.036em!important;margin-bottom:36px!important}
.collection-page .fc-description{font-size:17px!important;line-height:2.0!important;max-width:35ch!important;margin:0 0 30px!important}
.collection-page .fc-notes{line-height:2.0!important;max-width:35ch!important;margin-top:20px!important}
.collection-page .fc-link{margin-top:28px!important}

/* Large headings should never visually collide when they wrap. */
.perfume-page .material-study .section-title,
.perfume-page .motion-caption h2,
.perfume-page .next-perfume strong,
.collection-page .fc-hero h1{
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}

@media(max-width:980px){
  .home-page .heritage-hero-content{padding:118px 20px 48px!important;gap:18px!important}
  .home-page .heritage-hero-content .hero-title{font-size:clamp(58px,12vw,92px)!important;line-height:.94!important}
  .home-page .hero-crest{width:72px!important}
  .perfume-page .scent-grid{grid-template-columns:1fr!important;row-gap:66px!important}
  .perfume-page .scent-grid>div:first-child,
  .perfume-page .scent-grid>div:last-child{grid-column:1!important;padding-top:0!important}
  .perfume-page .scent-copy-prose{max-width:760px!important}
  .perfume-page .scent-copy-prose p{max-width:42ch!important}
  .perfume-page .scent-copy-prose p:first-child{max-width:20ch!important}
}

@media(max-width:560px){
  .home-page .heritage-hero-content{padding:104px 18px 42px!important;justify-content:center!important}
  .home-page .heritage-hero-content .hero-title{font-size:13vw!important;line-height:.98!important;letter-spacing:-.038em!important}
  .home-page .hero-crest{width:64px!important}
  .perfume-page .scent-section{padding:94px 0!important}
  .perfume-page .scent-copy-prose p{font-size:17px!important;line-height:1.95!important;margin-bottom:30px!important;max-width:none!important}
  .perfume-page .scent-copy-prose p:first-child{font-size:clamp(34px,10vw,46px)!important;line-height:1.25!important;margin:18px 0 38px!important;max-width:18ch!important}
  .perfume-page .facet{padding:21px 0!important}
  .collection-page .fc-description{font-size:16px!important;line-height:1.92!important}
}


/* --- Kontakt: personlig dialog --- */
.contact-page-shell .contact-editorial{
  padding:clamp(150px,11vw,190px) 0 clamp(96px,9vw,150px)!important;
  background:var(--v2-paper)!important;
}
.contact-page-shell .contact-grid-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr)!important;
  gap:clamp(44px,5.5vw,88px)!important;
  align-items:stretch!important;
}
.contact-page-shell .contact-workspace{
  display:grid!important;
  grid-template-columns:minmax(245px,.78fr) minmax(360px,1.22fr)!important;
  column-gap:clamp(36px,4vw,70px)!important;
  row-gap:30px!important;
  align-items:start!important;
  min-width:0!important;
}
.contact-page-shell .contact-kicker{
  grid-column:1 / -1!important;
  margin:0!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--v2-line)!important;
}
.contact-page-shell .contact-intro{
  grid-column:1!important;
  align-self:start!important;
  max-width:none!important;
  padding:0!important;
}
.contact-page-shell .contact-intro h1{
  margin:0 0 34px!important;
  font-size:clamp(54px,5.3vw,88px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
  max-width:7ch!important;
}
.contact-page-shell .contact-lead{
  margin:0 0 34px!important;
  font-size:clamp(17px,1.2vw,19px)!important;
  line-height:1.78!important;
  color:#514b43!important;
  max-width:30ch!important;
}
.contact-page-shell .contact-address{
  display:grid!important;
  gap:7px!important;
  margin-top:42px!important;
  padding-top:18px!important;
  border-top:1px solid var(--v2-line)!important;
  font-size:10px!important;
  line-height:1.65!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--v2-muted)!important;
}
.contact-page-shell .contact-address [data-contact-email-text]{
  font-size:13px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--v2-ink)!important;
}
.contact-page-shell .contact-form{
  grid-column:2!important;
  align-self:start!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:28px 24px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
.contact-page-shell .contact-form .field{
  min-width:0!important;
}
.contact-page-shell .contact-form .field:nth-child(1),
.contact-page-shell .contact-form .field:nth-child(2),
.contact-page-shell .contact-form .field:nth-child(3),
.contact-page-shell .contact-form .field-message,
.contact-page-shell .contact-submit,
.contact-page-shell .form-note{
  grid-column:1 / -1!important;
}
.contact-page-shell .contact-form label{
  display:block!important;
  margin:0 0 9px!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#4f4942!important;
}
.contact-page-shell .field input,
.contact-page-shell .field select,
.contact-page-shell .field textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:50px!important;
  padding:13px 14px!important;
  border:1px solid #bcb3a6!important;
  border-radius:0!important;
  background:rgba(255,255,255,.26)!important;
  color:var(--v2-ink)!important;
  font-family:var(--sans)!important;
  font-size:16px!important;
  line-height:1.5!important;
  outline:none!important;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.contact-page-shell .field textarea{
  min-height:190px!important;
  resize:vertical!important;
}
.contact-page-shell .field input:focus,
.contact-page-shell .field select:focus,
.contact-page-shell .field textarea:focus{
  border-color:#5d554c!important;
  background:rgba(255,255,255,.44)!important;
  box-shadow:0 0 0 2px rgba(74,19,19,.08)!important;
}
.contact-page-shell .contact-submit{
  justify-self:start!important;
  min-width:160px!important;
  padding:16px 28px!important;
  border:1px solid var(--v2-dark)!important;
  border-radius:0!important;
  background:var(--v2-dark)!important;
  color:var(--v2-cream)!important;
  font-family:var(--sans)!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease!important;
}
.contact-page-shell .contact-submit:hover{
  background:var(--v2-ox)!important;
  border-color:var(--v2-ox)!important;
  transform:translateY(-1px)!important;
}
.contact-page-shell .contact-submit:focus-visible{
  outline:2px solid var(--v2-ox)!important;
  outline-offset:4px!important;
}
.contact-page-shell .form-note{
  margin:2px 0 0!important;
  max-width:48ch!important;
  font-size:12px!important;
  line-height:1.7!important;
  color:var(--v2-muted)!important;
}
.contact-page-shell .contact-visual{
  margin:0!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
}
.contact-page-shell .contact-visual picture{
  display:block!important;
  flex:1 1 auto!important;
  min-height:680px!important;
  overflow:hidden!important;
  background:#a4937f!important;
}
.contact-page-shell .contact-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:680px!important;
  object-fit:cover!important;
  object-position:54% 50%!important;
  filter:grayscale(.08) saturate(.68) contrast(.98) brightness(.88) sepia(.05)!important;
  transition:transform 1.1s var(--v2-ease),filter .45s ease!important;
}
.contact-page-shell .contact-visual:hover img{
  transform:scale(1.018)!important;
  filter:grayscale(.03) saturate(.76) contrast(.99) brightness(.9) sepia(.04)!important;
}
.contact-page-shell .contact-visual figcaption{
  margin-top:11px!important;
  font-size:9px!important;
  line-height:1.5!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:var(--v2-muted)!important;
}

@media (max-width:1180px){
  .contact-page-shell .contact-grid-v2{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
    gap:38px!important;
  }
  .contact-page-shell .contact-workspace{
    grid-template-columns:1fr!important;
    row-gap:34px!important;
  }
  .contact-page-shell .contact-kicker,
  .contact-page-shell .contact-intro,
  .contact-page-shell .contact-form{grid-column:1!important}
  .contact-page-shell .contact-intro h1{max-width:11ch!important}
  .contact-page-shell .contact-visual picture,
  .contact-page-shell .contact-visual img{min-height:720px!important}
}

@media (max-width:820px){
  .contact-page-shell .contact-editorial{padding:124px 0 88px!important}
  .contact-page-shell .contact-grid-v2{grid-template-columns:1fr!important;gap:54px!important}
  .contact-page-shell .contact-workspace{grid-template-columns:1fr!important}
  .contact-page-shell .contact-intro h1{font-size:clamp(48px,11vw,72px)!important;line-height:1!important;max-width:10ch!important}
  .contact-page-shell .contact-lead{max-width:36ch!important}
  .contact-page-shell .contact-form{grid-column:1!important}
  .contact-page-shell .contact-visual picture,
  .contact-page-shell .contact-visual img{min-height:58svh!important;max-height:760px!important}
}

@media (max-width:560px){
  .contact-page-shell .contact-editorial{padding:112px 0 72px!important}
  .contact-page-shell .contact-workspace{row-gap:30px!important}
  .contact-page-shell .contact-intro h1{font-size:13vw!important;margin-bottom:26px!important}
  .contact-page-shell .contact-lead{font-size:17px!important;line-height:1.72!important}
  .contact-page-shell .contact-form{gap:24px!important}
  .contact-page-shell .field input,
  .contact-page-shell .field select,
  .contact-page-shell .field textarea{font-size:16px!important}
  .contact-page-shell .contact-submit{width:100%!important;justify-self:stretch!important;text-align:center!important}
  .contact-page-shell .contact-visual picture,
  .contact-page-shell .contact-visual img{min-height:62svh!important}
}

@media (prefers-reduced-motion:reduce){
  .contact-page-shell .contact-submit,
  .contact-page-shell .contact-visual img{transition:none!important}
  .contact-page-shell .contact-submit:hover{transform:none!important}
  .contact-page-shell .contact-visual:hover img{transform:none!important}
}

/* =========================================================
   DETERMINISTIC RESPONSIVE LAYOUT · 2026-09-24
   DOM order is authoritative.
   ========================================================= */
.collection-experience{
  grid-auto-flow:row!important;
}
.collection-experience > *{
  min-width:0!important;
  order:initial!important;
}

/* Authoritative material grid: DOM order, 3 -> 2 -> 1 columns */
.perfume-page .material-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: clamp(22px, 2.6vw, 36px) !important;
  align-items: start !important;
}

.perfume-page .material-card,
.perfume-page .material-card:nth-child(n) {
  grid-column: auto !important;
  grid-row: auto !important;
  order: initial !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  width: auto !important;
  justify-self: stretch !important;
  align-self: start !important;
}

.perfume-page .material-card .media,
.perfume-page .material-card:nth-child(n) .media {
  aspect-ratio: 1 / 1 !important;
  border: 0 !important;
  background: #d5d0c4 !important;
  overflow: hidden !important;
}

.perfume-page .material-loop-media,
.perfume-page .material-loop-media video,
.perfume-page .material-loop-media img {
  width: 100% !important;
  height: 100% !important;
}

.perfume-page .material-loop-media video,
.perfume-page .material-loop-media img {
  display: block !important;
  object-fit: cover !important;
}

@media (max-width: 1024px) {
  .perfume-page .material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .perfume-page .material-grid {
    grid-template-columns: 1fr !important;
  }
}