:root {
  --paper: #f4eee5;
  --paper-deep: #e8dac8;
  --ink: #1a1714;
  --muted: #756c62;
  --line: rgba(54, 42, 31, 0.18);
  --brown: #765126;
  --brown-deep: #382416;
  --gold: #bb873e;
  --pink: #e8b4a6;
  --blue: #88acb4;
  --green: #9bad82;
  --cream: #fffaf1;
  --serif: Arial, "Helvetica Neue", sans-serif;
  --sans: Arial, "Helvetica Neue", sans-serif;
  --mono: Arial, "Helvetica Neue", sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 7% 15%, rgba(216, 171, 119, 0.16), transparent 19rem),
    radial-gradient(circle at 92% 58%, rgba(150, 189, 189, 0.12), transparent 22rem),
    var(--paper);
  font-family: var(--sans);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: 0.34;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.18'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-glow { position: fixed; z-index: -1; border-radius: 50%; pointer-events: none; filter: blur(3px); }
.page-glow-one { width: 25rem; height: 25rem; left: -14rem; top: 34rem; background: rgba(205, 158, 89, 0.09); }
.page-glow-two { width: 27rem; height: 27rem; right: -16rem; top: 115rem; background: rgba(117, 174, 181, 0.09); }

.section-shell { width: min(100% - 4rem, 1280px); margin-inline: auto; }

.site-header {
  width: min(100% - 4rem, 1280px);
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 20;
  margin-inline: auto;
  transition: height 300ms ease, background 300ms ease, box-shadow 300ms ease;
}

.site-header::before {
  content: "";
  position: absolute;
  inset: 0 -1.15rem;
  z-index: -1;
  opacity: 0;
  border-bottom: 1px solid transparent;
  background: rgba(244, 238, 229, 0.86);
  backdrop-filter: blur(16px);
  transition: opacity 300ms ease, border-color 300ms ease;
}

.site-header.is-compact { height: 4.55rem; }
.site-header.is-compact::before { opacity: 1; border-bottom-color: var(--line); }

.brand { display: inline-flex; gap: 0.55rem; align-items: center; font-family: var(--sans); font-size: 0.92rem; font-weight: 700; letter-spacing: 0.28em; }
.brand-mark { width: 1.7rem; height: 1.7rem; border: 2px solid currentColor; position: relative; border-radius: 50%; display: inline-block; }
.brand-mark i, .brand-mark b { position: absolute; display: block; background: currentColor; transform-origin: center; }
.brand-mark i { height: 2px; width: 112%; left: -6%; top: 47%; transform: rotate(-42deg); }
.brand-mark b { height: 64%; width: 2px; left: 47%; top: 18%; }

.main-nav { display: flex; align-items: center; gap: clamp(1rem, 2.7vw, 2.7rem); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.07em; }
.main-nav > a:not(.nav-contact) { position: relative; }
.main-nav > a:not(.nav-contact)::after { content: ""; height: 1px; position: absolute; bottom: -0.42rem; left: 0; width: 0; background: currentColor; transition: width 220ms ease; }
.main-nav > a:not(.nav-contact):hover::after { width: 100%; }
.nav-contact { padding: 0.72rem 1rem; border: 1px solid var(--ink); border-radius: 99px; transition: color 200ms ease, background 200ms ease; }
.nav-contact:hover { color: var(--cream); background: var(--ink); }
.nav-contact span { margin-left: 0.35rem; }
.menu-toggle { display: none; }

.hero { min-height: min(48rem, calc(100vh - 5.75rem)); display: grid; grid-template-columns: 1.06fr 0.94fr; align-items: center; gap: 2rem; padding: 3.2rem 0 4.2rem; }

.eyebrow { display: flex; align-items: center; gap: 0.6rem; margin: 0; color: var(--brown); font-family: var(--mono); font-size: 0.62rem; font-weight: 500; letter-spacing: 0.17em; line-height: 1.5; }
.eyebrow > span { width: 1.65rem; height: 1px; display: inline-block; background: currentColor; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-weight: 500; }
h1, h2 { font-family: var(--serif); letter-spacing: -0.055em; }
h1 em, h2 em { font-weight: 500; }

.hero h1 { width: min(100%, 44rem); margin: 1.35rem 0 1.6rem; font-size: clamp(3.7rem, 6.65vw, 7.05rem); line-height: 0.9; }
.hero h1 em { display: block; color: var(--brown); }
.hero-intro { width: min(100%, 26rem); margin-bottom: 2.1rem; color: #554d45; font-size: 0.98rem; line-height: 1.8; }
.hero-actions { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }

.button { display: inline-flex; align-items: center; gap: 1.8rem; padding: 1rem 1.1rem 1rem 1.25rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; transition: transform 220ms ease, box-shadow 220ms ease, color 220ms ease, background 220ms ease; }
.button span { font-size: 1.1rem; font-weight: 400; }
.button-solid { color: var(--cream); background: var(--brown); box-shadow: 5px 6px 0 #d5b274; }
.button-solid:hover { box-shadow: 2px 3px 0 #d5b274; transform: translate(3px, 3px); }
.button-outline { border: 1px solid var(--brown); color: var(--brown); }
.button-outline:hover { color: var(--cream); background: var(--brown); }

.text-link { display: inline-flex; align-items: center; gap: 0.55rem; padding-bottom: 0.25rem; border-bottom: 1px solid currentColor; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; transition: gap 220ms ease; }
.text-link:hover { gap: 0.85rem; }

.hero-facts { display: flex; gap: 2.8rem; margin: 3.2rem 0 0; }
.hero-facts div { min-width: 7rem; }
.hero-facts dt { margin-bottom: 0.25rem; color: var(--brown); font-family: var(--serif); font-size: 2rem; line-height: 1; }
.hero-facts dd { margin: 0; color: var(--muted); font-size: 0.65rem; line-height: 1.5; }

.hero-art { --art-x: -15deg; --art-y: 7deg; position: relative; height: min(43vw, 37rem); min-height: 31rem; perspective: 1000px; isolation: isolate; }
.hero-art::before { content: ""; position: absolute; inset: 11% 4% 9% 7%; z-index: -2; border-radius: 48% 52% 44% 50%; background: linear-gradient(135deg, #ddc39a, #d5a79a 50%, #6f736c); transform: rotate(-9deg); filter: saturate(0.88); }
.hero-art::after { content: ""; position: absolute; inset: 2% 7% 4% 3%; z-index: -1; border: 1px solid rgba(116, 80, 36, 0.46); transform: rotate(7deg); }
.art-shadow { width: 64%; height: 9%; position: absolute; z-index: 1; left: 19%; bottom: 13%; border-radius: 50%; background: rgba(45, 28, 15, 0.42); filter: blur(22px); transform: rotate(-5deg); }
.art-orbit { position: absolute; border: 1px solid rgba(255, 250, 241, 0.68); border-radius: 50%; transform-style: preserve-3d; }
.orbit-one { width: 65%; height: 22%; left: 14%; bottom: 29%; transform: rotateX(69deg) rotateZ(-15deg); }
.orbit-two { width: 74%; height: 31%; left: 7%; bottom: 24%; border-color: rgba(255, 250, 241, 0.4); transform: rotateX(67deg) rotateZ(24deg); }
.art-sun { width: 6.6rem; height: 6.6rem; position: absolute; top: 9%; right: 5%; border-radius: 50%; background: #f0c76e; box-shadow: 0 0 0 10px rgba(255, 245, 218, 0.24), 0 0 48px rgba(254, 220, 136, 0.62); }

.perfume-bottle { width: 15rem; height: 22rem; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -43%) rotateX(var(--art-y)) rotateY(var(--art-x)); transform-style: preserve-3d; transition: transform 240ms ease-out; }
.bottle-cap { width: 5.6rem; height: 3.8rem; position: absolute; z-index: 3; left: 4.7rem; top: 0; border: 1px solid rgba(255, 246, 225, 0.72); border-radius: 0.8rem 0.8rem 0.25rem 0.25rem; background: linear-gradient(110deg, #946426, #e6be67 46%, #8d5c20); transform: translateZ(2.2rem); box-shadow: inset -12px -2px 18px rgba(70, 37, 11, 0.26); }
.bottle-cap::before, .bottle-cap::after { content: ""; position: absolute; left: 0.65rem; right: 0.65rem; height: 1px; background: rgba(255, 243, 204, 0.54); }
.bottle-cap::before { top: 0.74rem; }.bottle-cap::after { bottom: 0.74rem; }
.bottle-cap span { width: 1px; position: absolute; inset: 0 49%; background: rgba(255, 246, 223, 0.45); }

.bottle-body { width: 15rem; height: 18.8rem; position: absolute; top: 3.25rem; transform-style: preserve-3d; }
.bottle-face { width: 15rem; height: 18.8rem; position: absolute; backface-visibility: hidden; }
.bottle-front { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 0.75rem; color: #fffaf1; border: 1px solid rgba(255, 252, 244, 0.55); border-radius: 2.1rem 2.1rem 3.8rem 3.8rem; background: linear-gradient(120deg, rgba(255, 255, 255, 0.3), rgba(232, 196, 162, 0.09) 28%, rgba(131, 78, 39, 0.26) 76%), linear-gradient(166deg, rgba(170, 117, 63, 0.86), rgba(95, 55, 29, 0.78)); transform: translateZ(1.5rem); box-shadow: inset 1.6rem 0 2rem rgba(255, 255, 255, 0.1), inset -1.5rem -1rem 2rem rgba(56, 28, 8, 0.33); overflow: hidden; }
.bottle-front::before { content: ""; width: 85%; height: 48%; position: absolute; bottom: -12%; left: -4%; border-radius: 50% 55% 0 0; background: linear-gradient(90deg, rgba(245, 197, 111, 0.73), rgba(213, 129, 58, 0.27)); transform: rotate(-10deg); }
.bottle-front::after { content: ""; height: 82%; width: 1.5rem; position: absolute; top: 7%; left: 1.7rem; border-radius: 50%; background: rgba(255, 255, 255, 0.35); filter: blur(4px); transform: rotate(10deg); }
.bottle-right { width: 3rem; right: -1.5rem; border-radius: 0 2.2rem 3.8rem 0; background: linear-gradient(90deg, #72421c, #c58b43); transform: rotateY(90deg) translateZ(13.5rem); }
.bottle-left { width: 3rem; left: -1.5rem; border-radius: 2.2rem 0 0 3.8rem; background: #6d401e; transform: rotateY(-90deg) translateZ(1.5rem); }
.bottle-back { border-radius: 2.1rem 2.1rem 3.8rem 3.8rem; background: #6e3d1b; transform: translateZ(-1.5rem); }
.bottle-emblem { width: 2.2rem; height: 2.2rem; z-index: 1; position: relative; border: 1.6px solid currentColor; border-radius: 50%; }
.bottle-emblem i, .bottle-emblem b { position: absolute; display: block; background: currentColor; }
.bottle-emblem i { width: 112%; height: 1.5px; left: -6%; top: 48%; transform: rotate(-42deg); }.bottle-emblem b { width: 1.5px; height: 63%; left: 48%; top: 18%; }
.bottle-name { z-index: 1; font-family: var(--sans); font-size: 0.88rem; font-weight: 700; letter-spacing: 0.35em; margin-left: 0.35em; }.bottle-note { z-index: 1; font-family: var(--mono); font-size: 0.52rem; letter-spacing: 0.11em; opacity: 0.8; }

.art-chip { position: absolute; z-index: 4; color: #fffdf5; font-family: var(--mono); font-size: 0.55rem; letter-spacing: 0.11em; line-height: 1.45; background: rgba(83, 52, 26, 0.78); backdrop-filter: blur(8px); box-shadow: 9px 9px 24px rgba(68, 43, 20, 0.23); }
.chip-top { top: 14%; left: 3%; padding: 0.75rem 0.85rem; transform: rotate(-5deg); }.chip-bottom { display: flex; align-items: center; gap: 0.45rem; right: 1%; bottom: 9%; padding: 0.8rem 0.9rem; transform: rotate(3deg); }.chip-bottom span { display: inline-block; width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #edbf73; }

.about { padding: 7rem 0 8.5rem; border-top: 1px solid var(--line); }
.section-index { display: flex; align-items: center; gap: 0.9rem; margin: 0; color: var(--brown); font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.08em; }.section-index::after { content: ""; display: inline-block; height: 1px; width: 3rem; background: currentColor; }.section-index span { color: var(--muted); font-size: 0.56rem; letter-spacing: 0.16em; text-transform: uppercase; }
.about-grid { display: grid; grid-template-columns: 0.91fr 1.09fr; align-items: center; gap: 8%; margin-top: 3rem; }
.about-copy h2, .section-heading h2, .space-copy h2, .contact h2 { margin: 1.1rem 0 1.5rem; font-size: clamp(3rem, 5.25vw, 5.55rem); line-height: 0.93; }
.about-copy h2 em, .section-heading h2 em, .space-copy h2 em, .contact h2 em { color: var(--brown); }
.about-copy > p:last-child { max-width: 31rem; color: #544d45; font-size: 0.95rem; line-height: 1.88; }

.value-stack { height: 26rem; position: relative; perspective: 800px; }.value-card { width: min(100%, 22rem); min-height: 16.2rem; position: absolute; right: 9%; padding: 1.55rem; color: #fffaf1; transform-style: preserve-3d; transition: transform 300ms ease; }.value-card span { font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.1em; }.value-card h3 { margin: 2rem 0 1rem; font-family: var(--serif); font-size: 2.25rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.95; }.value-card p { max-width: 13rem; margin: 0; font-size: 0.7rem; line-height: 1.65; }.value-card-front { z-index: 2; top: 11%; background: linear-gradient(145deg, #b77c36, #805322 69%); box-shadow: 18px 21px 0 rgba(114, 76, 35, 0.2); transform: rotateY(-12deg) rotateX(4deg) rotateZ(2deg); }.value-card-back { right: 1%; top: 23%; color: var(--ink); border: 1px solid #c4934d; background: rgba(255, 250, 241, 0.68); box-shadow: 12px 17px 0 rgba(187, 135, 62, 0.24); transform: rotateY(-12deg) rotateX(4deg) rotateZ(-7deg); }.value-card-back h3 { color: var(--brown); }.value-spot { width: 9rem; height: 9rem; position: absolute; top: 0; left: 8%; border-radius: 50%; background: rgba(237, 197, 121, 0.72); box-shadow: 0 0 0 1.1rem rgba(237, 197, 121, 0.15); filter: blur(1px); }
.value-stack:hover .value-card-front { transform: rotateY(-6deg) rotateX(2deg) rotateZ(0deg) translateY(-7px); }.value-stack:hover .value-card-back { transform: rotateY(-6deg) rotateX(2deg) rotateZ(-10deg) translate(17px, 7px); }

.scents { padding: 1.5rem 0 8.5rem; }.section-heading { display: grid; grid-template-columns: 0.54fr 1.1fr 0.68fr; gap: 2rem; align-items: end; margin-bottom: 3rem; }.section-heading h2 { margin-bottom: 0; }.section-lede { max-width: 16rem; margin: 0 0 0.5rem auto; color: var(--muted); font-size: 0.76rem; line-height: 1.7; }
.scent-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }.scent-card { min-height: 23rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 1.2rem; overflow: hidden; color: var(--ink); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); isolation: isolate; transition: transform 280ms cubic-bezier(.2,.8,.2,1), box-shadow 280ms ease; }.scent-card::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(150deg, var(--surface-one), var(--surface-two)); }.scent-card::after { content: ""; position: absolute; z-index: -1; width: 14rem; height: 14rem; left: -4rem; top: 4.7rem; border-radius: 50%; background: var(--reflection); filter: blur(14px); opacity: 0.75; }.scent-card:hover { transform: translateY(-9px) rotate(-1deg); box-shadow: 10px 15px 26px rgba(78, 54, 32, 0.18); }.scent-card:nth-child(even):hover { transform: translateY(-9px) rotate(1deg); }.scent-card-candle { --surface-one: #edc8af; --surface-two: #9f5b3c; --reflection: #f6e7d5; }.scent-card-gift { --surface-one: #efa4a9; --surface-two: #bd7188; --reflection: #ffe7dd; }.scent-card-home { --surface-one: #e6d396; --surface-two: #9f9f6c; --reflection: #fff4c5; }.scent-card-rest { --surface-one: #c9d4ce; --surface-two: #7e9ca0; --reflection: #f5eece; }
.card-number { font-family: var(--mono); font-size: 0.63rem; letter-spacing: 0.12em; }.scent-orb { width: 10.3rem; height: 10.3rem; position: absolute; top: 4.4rem; left: 50%; border-radius: 48% 52% 51% 49%; transform: translateX(-50%) rotate(-12deg); background: radial-gradient(circle at 34% 25%, rgba(255,255,255,0.91), rgba(255,255,255,0.08) 23%, transparent 24%), radial-gradient(circle at 67% 72%, rgba(54,26,16,0.52), transparent 53%), var(--orb-color, #a9653f); box-shadow: inset -17px -14px 25px rgba(51, 26, 11, 0.27), inset 8px 9px 20px rgba(255, 255, 255, 0.45), 19px 21px 25px rgba(69, 46, 28, 0.21); animation: wobble 7s ease-in-out infinite; }.scent-card-candle .scent-orb { --orb-color: #a75c40; }.scent-card-gift .scent-orb { --orb-color: #b94e75; animation-delay: -2s; }.scent-card-home .scent-orb { --orb-color: #af9b50; animation-delay: -4s; }.scent-card-rest .scent-orb { --orb-color: #6d989b; animation-delay: -6s; }.scent-orb::after { content: ""; position: absolute; width: 1rem; height: 1rem; top: 1.9rem; left: 2.7rem; border-radius: 50%; background: rgba(255,255,255,0.68); filter: blur(2px); }.scent-card-copy { z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }.scent-card-copy small { margin-bottom: 0.85rem; font-family: var(--mono); font-size: 0.54rem; letter-spacing: 0.09em; }.scent-card-copy strong { font-family: var(--serif); font-size: 1.65rem; font-weight: 500; letter-spacing: -0.045em; line-height: 0.94; }.scent-card-copy em { margin-top: 0.85rem; font-size: 0.64rem; font-style: normal; line-height: 1.4; }.card-arrow { position: absolute; right: 1.15rem; bottom: 1.15rem; z-index: 2; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(26, 23, 20, 0.36); font-size: 0.95rem; transition: color 220ms ease, background 220ms ease, transform 220ms ease; }.scent-card:hover .card-arrow { color: var(--cream); background: var(--ink); transform: rotate(45deg); }

.catalog-strip { min-height: 28rem; display: grid; grid-template-columns: 0.75fr 1.25fr; margin-top: 6rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.catalog-intro { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 3.4rem 8% 3.4rem 0; }.catalog-intro h3 { margin: 1rem 0 1.2rem; font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4.4rem); letter-spacing: -0.065em; line-height: 0.88; }.catalog-intro > p:not(.eyebrow) { max-width: 17rem; margin-bottom: 1.7rem; color: var(--muted); font-size: 0.75rem; line-height: 1.75; }.catalog-pages { min-height: 27rem; position: relative; perspective: 1000px; }.catalog-page { width: min(46%, 17rem); position: absolute; margin: 0; overflow: hidden; box-shadow: 18px 22px 31px rgba(59, 40, 21, 0.2); transition: transform 350ms ease; }.catalog-page img { width: 100%; aspect-ratio: 0.94; object-fit: cover; object-position: 56% 44%; }.catalog-page-one { z-index: 2; left: 14%; top: 9%; transform: rotateY(-12deg) rotateZ(-6deg); }.catalog-page-one img { object-position: 57% 43%; }.catalog-page-two { right: 4%; bottom: 9%; transform: rotateY(-12deg) rotateZ(6deg); }.catalog-page-two img { object-position: 37% 48%; }.catalog-strip:hover .catalog-page-one { transform: rotateY(-3deg) rotateZ(-9deg) translate(-8px, -5px); }.catalog-strip:hover .catalog-page-two { transform: rotateY(-3deg) rotateZ(9deg) translate(10px, 7px); }

.space { display: grid; grid-template-columns: 0.95fr 0.9fr; gap: clamp(3rem, 9vw, 10rem); align-items: center; padding: 8rem 0; }.space-display { height: 36rem; position: relative; overflow: hidden; background: #e0d2bf; perspective: 1000px; }.space-display-glow { width: 19rem; height: 19rem; position: absolute; right: -6rem; top: -4rem; border-radius: 50%; background: #e7b464; filter: blur(1px); opacity: 0.85; }.space-floor { width: 140%; height: 44%; position: absolute; left: -20%; bottom: -27%; background: repeating-linear-gradient(90deg, rgba(106, 71, 32, 0.18) 0 1px, transparent 1px 60px), linear-gradient(#cca984, #ab7a4e); transform: rotateX(70deg); }.space-cube { width: 12.4rem; height: 12.4rem; position: absolute; z-index: 2; left: 12%; top: 17%; transform: rotateX(5deg) rotateY(-29deg) rotateZ(2deg); transform-style: preserve-3d; }.cube-face { position: absolute; display: grid; place-items: center; }.cube-front { width: 12.4rem; height: 12.4rem; color: #f9efdf; background: #74491f; font-family: var(--serif); font-size: 1.9rem; letter-spacing: -0.05em; line-height: 0.85; text-align: center; transform: translateZ(2.2rem); box-shadow: inset 17px 0 26px rgba(255,255,255,0.08); }.cube-side { width: 4.4rem; height: 12.4rem; left: 10.2rem; background: #472b17; transform: rotateY(90deg) translateZ(2.2rem); }.cube-top { width: 12.4rem; height: 4.4rem; top: -2.2rem; background: #bd8241; transform: rotateX(90deg) translateZ(2.2rem); }.space-image { width: 56%; height: 63%; position: absolute; z-index: 3; right: 5%; bottom: 8%; margin: 0; overflow: hidden; border: 7px solid #f7ede0; box-shadow: 16px 18px 0 rgba(100, 63, 29, 0.22); transform: rotate(5deg); }.space-image img { width: 173%; max-width: none; margin-left: -83%; margin-top: -5%; }.space-stamp { position: absolute; z-index: 4; left: 8%; bottom: 9%; margin: 0; color: #f9eedf; font-family: var(--mono); font-size: 0.6rem; line-height: 1.4; letter-spacing: 0.13em; }.space-copy > .section-index { margin-bottom: 2.6rem; }.space-copy h2 { font-size: clamp(3.1rem, 5vw, 5.2rem); }.space-copy > p:not(.section-index):not(.eyebrow) { max-width: 28rem; color: #544d45; font-size: 0.86rem; line-height: 1.82; }.service-list { display: grid; gap: 0.35rem; margin: 2.2rem 0; padding: 0; list-style: none; }.service-list li { display: grid; grid-template-columns: 2.4rem 1fr; gap: 0.65rem; padding: 0.75rem 0; border-top: 1px solid var(--line); }.service-list li:last-child { border-bottom: 1px solid var(--line); }.service-list b { color: var(--brown); font-family: var(--mono); font-size: 0.62rem; font-weight: 500; }.service-list span { color: var(--muted); font-size: 0.67rem; line-height: 1.5; }.service-list strong { display: block; margin-bottom: 0.15rem; color: var(--ink); font-size: 0.75rem; }

.contact { padding: 1rem 0 8rem; }.contact-card { min-height: 29rem; position: relative; display: grid; grid-template-columns: 1fr 0.88fr; gap: 2rem; padding: clamp(2rem, 5vw, 5rem); overflow: hidden; color: #fbf2e6; background: radial-gradient(circle at 72% 28%, rgba(208, 160, 91, 0.5), transparent 19rem), linear-gradient(125deg, #3d2417, #7c4b21 65%, #9f6b2d); }.contact-card::before { content: ""; position: absolute; inset: 1rem; border: 1px solid rgba(255, 241, 218, 0.27); pointer-events: none; }.contact-card .eyebrow { color: #edc378; }.contact h2 { position: relative; z-index: 1; margin-bottom: 1rem; color: #fff8ec; font-size: clamp(3.2rem, 5.8vw, 6.1rem); }.contact h2 em { color: #edc378; }.contact-card > div > p:not(.eyebrow) { position: relative; z-index: 1; max-width: 23rem; margin-bottom: 0; color: rgba(255, 248, 236, 0.78); font-size: 0.79rem; line-height: 1.75; }.contact-actions { position: relative; z-index: 2; display: flex; align-self: end; flex-direction: column; gap: 0.75rem; }.phone-link { display: flex; align-items: end; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; padding-bottom: 1.1rem; border-bottom: 1px solid rgba(255, 241, 218, 0.4); font-family: var(--serif); font-size: clamp(2.25rem, 4vw, 3.7rem); letter-spacing: -0.06em; }.phone-link small { flex-basis: 100%; color: #edc378; font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.13em; }.phone-link span { font-family: var(--sans); font-size: 1.1rem; letter-spacing: 0; }.contact-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid rgba(255, 241, 218, 0.22); font-size: 0.66rem; }.contact-row span { color: #edc378; }.contact-orb { width: 20rem; height: 20rem; position: absolute; right: -10rem; top: -10rem; border: 1px solid rgba(255, 238, 205, 0.35); border-radius: 50%; box-shadow: 0 0 0 3.5rem rgba(248, 211, 151, 0.06), 0 0 0 7rem rgba(248, 211, 151, 0.04); }

.site-footer { display: grid; grid-template-columns: 1fr auto auto; gap: 1.5rem; align-items: center; padding: 0 0 2.5rem; color: var(--muted); }.site-footer .brand { color: var(--ink); }.site-footer p { margin: 0; font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.05em; }

.reveal { opacity: 0; transform: translateY(1.1rem); transition: opacity 600ms ease, transform 650ms cubic-bezier(.16,.86,.35,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes wobble { 0%, 100% { border-radius: 48% 52% 51% 49%; transform: translateX(-50%) rotate(-12deg) scale(1); } 50% { border-radius: 56% 44% 47% 53%; transform: translateX(-50%) rotate(10deg) scale(1.06); } }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 0.95fr 0.85fr; }.hero h1 { font-size: clamp(3.5rem, 7vw, 5.7rem); }.hero-art { min-height: 28rem; }.perfume-bottle { transform: translate(-50%, -43%) scale(0.82) rotateX(var(--art-y)) rotateY(var(--art-x)); }.section-heading { grid-template-columns: 0.45fr 1fr; }.section-lede { grid-column: 2; margin-left: 0; }.scent-grid { grid-template-columns: repeat(2, 1fr); }.scent-card { min-height: 19rem; }.space { gap: 3rem; }.space-display { height: 31rem; }
}

@media (max-width: 720px) {
  .section-shell, .site-header { width: min(100% - 2rem, 1280px); }.site-header { height: 4.6rem; }.site-header::before { inset-inline: -1rem; }.main-nav { width: 100%; display: none; position: absolute; left: 0; top: 4rem; align-items: stretch; gap: 0; padding: 0.5rem; border: 1px solid var(--line); background: rgba(244, 238, 229, 0.98); box-shadow: 0 18px 30px rgba(66, 41, 19, 0.12); }.main-nav.is-open { display: flex; flex-direction: column; }.main-nav a { padding: 0.9rem; }.main-nav > a:not(.nav-contact)::after { display: none; }.nav-contact { border: 0; border-radius: 0; background: #e9dac5; }.menu-toggle { width: 2.5rem; height: 2.5rem; display: grid; place-content: center; gap: 0.35rem; padding: 0; border: 1px solid var(--line); background: transparent; }.menu-toggle span:not(.sr-only) { width: 1rem; height: 1px; background: var(--ink); transition: transform 220ms ease; }.menu-toggle.is-open span:nth-child(2) { transform: translateY(3px) rotate(45deg); }.menu-toggle.is-open span:nth-child(3) { transform: translateY(-3px) rotate(-45deg); }
  .hero { min-height: auto; grid-template-columns: 1fr; padding: 3rem 0 4.5rem; gap: 1.7rem; }.hero h1 { max-width: 23rem; font-size: clamp(3.8rem, 17.6vw, 5rem); }.hero-intro { font-size: 0.88rem; }.hero-facts { margin-top: 2.5rem; gap: 1.7rem; }.hero-art { height: 28rem; min-height: 0; margin-inline: -0.25rem; }.perfume-bottle { transform: translate(-50%, -43%) scale(0.73) rotateX(var(--art-y)) rotateY(var(--art-x)); }.art-chip { font-size: 0.49rem; }.chip-top { left: 1%; }.chip-bottom { right: 0; }
  .about { padding: 5.5rem 0; }.about-grid { grid-template-columns: 1fr; gap: 2rem; margin-top: 2.3rem; }.about-copy h2, .section-heading h2, .space-copy h2, .contact h2 { font-size: clamp(3rem, 15vw, 4.2rem); }.value-stack { height: 21rem; }.value-card { width: 18rem; min-height: 14rem; }.value-card h3 { font-size: 2rem; }.value-card-front { right: 7%; }.value-card-back { right: 0; }
  .scents { padding-bottom: 5.5rem; }.section-heading { display: block; margin-bottom: 2.2rem; }.section-heading .section-index { margin-bottom: 2rem; }.section-heading h2 { margin-bottom: 1.4rem; }.section-lede { margin: 0; }.scent-grid { grid-template-columns: 1fr; gap: 0.75rem; }.scent-card { min-height: 17rem; }.scent-orb { width: 8.7rem; height: 8.7rem; top: 3.2rem; left: 68%; }.catalog-strip { grid-template-columns: 1fr; margin-top: 4rem; }.catalog-intro { padding: 3rem 0 1.8rem; }.catalog-pages { min-height: 22rem; }.catalog-page { width: 46%; }.catalog-page-one { left: 7%; }.catalog-page-two { right: 6%; }
  .space { grid-template-columns: 1fr; gap: 3.3rem; padding: 5.5rem 0; }.space-display { height: 27rem; }.space-copy > .section-index { margin-bottom: 2rem; }.space-image { width: 58%; }.space-cube { transform: scale(0.8) rotateX(5deg) rotateY(-29deg) rotateZ(2deg); transform-origin: top left; }.contact { padding-bottom: 5.2rem; }.contact-card { min-height: 35rem; grid-template-columns: 1fr; padding: 2.1rem; }.contact-actions { align-self: end; }.site-footer { grid-template-columns: 1fr; gap: 1.2rem; }.site-footer p { font-size: 0.55rem; }
}

@media (max-width: 390px) { .hero-actions { gap: 1rem; }.button { gap: 0.8rem; }.hero-facts { gap: 1rem; }.contact-card { padding: 1.6rem; }.phone-link { font-size: 2.1rem; }.brand { font-size: 0.8rem; } }

.hero-photo { width: 46%; height: 67%; position: absolute; z-index: 0; top: 13%; right: 4%; margin: 0; overflow: hidden; border: 6px solid rgba(255, 250, 241, 0.88); background: #f7ecdc; box-shadow: 16px 20px 32px rgba(72, 47, 24, 0.22); transform: rotate(6deg); }
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(122, 78, 36, 0.04), rgba(81, 43, 20, 0.3)); }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 52%; transform: scale(1.03); }
.art-sun, .art-orbit { z-index: 1; }

.scent-card { color: #fffaf1; background: #69411f; }
.scent-card::before { z-index: 1; background: linear-gradient(180deg, rgba(34, 20, 11, 0.02) 12%, var(--photo-shade, rgba(37, 20, 11, 0.82)) 100%); }
.scent-card::after { display: none; }
.scent-card > .card-number, .scent-card > .scent-card-copy { position: relative; z-index: 3; }
.scent-card > .card-arrow { z-index: 3; }
.scent-photo { width: 100%; height: 100%; position: absolute; z-index: 0; inset: 0; object-fit: cover; transition: transform 500ms cubic-bezier(.2,.8,.2,1); }
.scent-card:hover .scent-photo { transform: scale(1.075); }
.scent-card-candle { --photo-shade: rgba(63, 28, 13, 0.85); }
.scent-card-gift { --photo-shade: rgba(95, 31, 51, 0.82); }
.scent-card-home { --photo-shade: rgba(59, 48, 25, 0.79); }
.scent-card-rest { --photo-shade: rgba(45, 26, 16, 0.81); }
.scent-card-copy strong, .scent-card-copy em, .scent-card-copy small { color: inherit; }
.card-number { text-shadow: 0 1px 6px rgba(24, 14, 8, 0.52); }
.card-arrow { border-color: rgba(255, 250, 241, 0.72); }

.space-image img { width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; }

@media (max-width: 720px) {
  .hero-photo { width: 55%; height: 58%; top: 15%; right: 2%; opacity: 0.9; }
}
.scent-card { width: 100%; border: 0; text-align: left; cursor: pointer; }
.scent-card:focus-visible { outline: 3px solid var(--brown); outline-offset: 5px; }
.card-action { margin-top: 1rem; padding-bottom: 0.15rem; border-bottom: 1px solid rgba(255, 250, 241, 0.6); font-size: 0.65rem; line-height: 1.5; }
html.has-product-dialog { overflow: hidden; }
.product-dialog { width: min(58rem, calc(100% - 2rem)); max-width: none; max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid var(--line); color: var(--ink); background: var(--paper); box-shadow: 0 24px 100px rgba(36, 21, 12, 0.3); }
.product-dialog::backdrop { background: rgba(32, 23, 16, 0.66); backdrop-filter: blur(5px); }
.product-dialog { overflow: hidden; }
.product-dialog > form { margin: 0; }
.product-dialog-close { position: absolute; z-index: 4; top: 0.8rem; right: 0.8rem; width: 2.75rem; height: 2.75rem; padding: 0; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: var(--cream); font-size: 1.8rem; line-height: 1; cursor: pointer; }
.product-dialog-close:hover { color: var(--cream); background: var(--brown); }
.product-dialog-close:focus-visible, .product-contact:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.product-dialog-layout { max-height: calc(100vh - 2rem - 2px); max-height: calc(100dvh - 2rem - 2px); display: grid; grid-template-columns: 0.9fr 1.1fr; overflow-y: auto; overscroll-behavior: contain; }
.product-dialog-media { min-height: 35rem; position: sticky; top: 0; align-self: start; background: var(--paper-deep); }
.product-dialog-media img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.product-dialog-brand { position: absolute; left: 1.5rem; bottom: 1.5rem; padding: 0.5rem 0.65rem; color: var(--cream); background: rgba(48, 29, 17, 0.7); font-size: 0.6rem; letter-spacing: 0.12em; }
.product-dialog-copy { padding: 3.6rem 2.1rem 2.4rem; }
.product-dialog-copy h2 { margin: 0.8rem 0 0.75rem; font-size: clamp(2rem, 3.5vw, 2.8rem); line-height: 1.05; letter-spacing: -0.05em; overflow-wrap: anywhere; }
.product-subtitle { margin-bottom: 1rem; color: var(--brown); font-size: 0.86rem; font-weight: 700; }
.product-description { margin-bottom: 1.6rem; color: #554d45; font-size: 0.88rem; line-height: 1.8; }
.product-specs { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0 0 1.8rem; padding: 1rem 0; border-block: 1px solid var(--line); }
.product-specs dt { margin-bottom: 0.45rem; color: var(--muted); font-size: 0.64rem; }
.product-specs dd { margin: 0; color: var(--brown-deep); font-size: 1.05rem; }
.product-scents-title { margin-bottom: 0.8rem; color: var(--brown); font-size: 0.7rem; letter-spacing: 0.08em; }
.product-scents { margin: 0 0 1.8rem; padding: 0; list-style: none; }
.product-scents li { padding: 0.7rem 0; border-bottom: 1px solid var(--line); }
.product-scents strong { font-size: 0.84rem; font-weight: 600; }
.product-scents p { margin: 0.35rem 0 0; color: var(--muted); font-size: 0.76rem; line-height: 1.65; }
.product-extra { margin-bottom: 1.7rem; color: #554d45; font-size: 0.78rem; line-height: 1.7; }
.product-contact { gap: 1rem; font-size: 0.71rem; }

@media (max-width: 720px) {
  .product-dialog { width: calc(100% - 1.25rem); }
  .product-dialog-layout { grid-template-columns: 1fr; }
  .product-dialog-media { position: relative; min-height: 0; height: 14rem; }
  .product-dialog-media img { object-position: center 45%; }
  .product-dialog-brand { left: 1.25rem; bottom: 1rem; }
  .product-dialog-copy { padding: 1.65rem 1.25rem 2rem; }
  .product-dialog-copy h2 { font-size: 2rem; }
}

.contact-actions { min-width: 0; }
.contact-row { flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; }
.contact-row span { min-width: 0; max-width: 100%; margin-left: auto; overflow-wrap: anywhere; text-align: right; }

.brand { flex-shrink: 0; }
.brand-logo { width: 11rem; height: auto; object-fit: contain; }
.bottle-logo { position: relative; z-index: 1; width: 10.5rem; height: auto; object-fit: contain; }
.contact-logo { position: relative; z-index: 1; width: 12rem; height: auto; margin-bottom: 1.8rem; object-fit: contain; }
.product-dialog-brand img { position: static; width: 7.5rem; max-width: 100%; height: auto; object-fit: contain; }

@media (max-width: 720px) {
  .brand-logo { width: 9.25rem; }
  .contact-logo { width: 10rem; margin-bottom: 1.4rem; }
}

.hero-carousel { position: relative; margin-top: 1rem; margin-bottom: 4rem; }
.carousel-track { display: flex; width: 100%; height: clamp(24rem, 52vw, 39rem); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; border: 1px solid var(--line); background: #f1e9de; }
.carousel-track::-webkit-scrollbar { display: none; }
.carousel-slide { flex: 0 0 100%; min-width: 0; height: 100%; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.carousel-slide img { width: 100%; height: 100%; object-fit: contain; user-select: none; }
.carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center; width: 3.1rem; height: 3.1rem; padding: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: rgba(255, 250, 241, 0.94); box-shadow: 0 4px 18px rgba(54, 35, 19, 0.1); font-size: 1.35rem; cursor: pointer; transition: color 180ms ease, background 180ms ease; }
.carousel-arrow:hover { color: var(--cream); background: var(--brown); }
.carousel-prev { left: 1rem; }
.carousel-next { right: 1rem; }
.carousel-dots { position: absolute; z-index: 2; bottom: 0.8rem; left: 50%; transform: translateX(-50%); display: flex; padding: 0 0.3rem; border: 1px solid var(--line); border-radius: 99px; background: rgba(255, 250, 241, 0.94); }
.carousel-dots button { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: var(--brown); background: transparent; cursor: pointer; }
.carousel-dots button::after { content: ""; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: currentColor; opacity: 0.35; transition: opacity 180ms ease, transform 180ms ease; }
.carousel-dots button[aria-current="true"]::after { opacity: 1; transform: scale(1.4); }
.carousel-arrow:focus-visible, .carousel-dots button:focus-visible, .carousel-track:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }

@media (max-width: 720px) {
  .hero-carousel { margin-top: 0.5rem; margin-bottom: 2rem; }
  .carousel-track { height: clamp(23rem, 115vw, 34rem); }
  .carousel-arrow { width: 2.75rem; height: 2.75rem; }
  .carousel-prev { left: 0.5rem; }
  .carousel-next { right: 0.5rem; }
  .carousel-dots { bottom: 0.65rem; }
}

.catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; padding-block: 1.5rem; border-block: 1px solid var(--line); }
.catalog-filters { display: flex; flex: 1 1 40rem; flex-wrap: wrap; gap: 0.5rem; }
.catalog-filter { min-height: 2.75rem; padding: 0.6rem 0.9rem; border: 1px solid var(--line); border-radius: 2rem; color: var(--ink); background: transparent; font: inherit; font-size: 0.75rem; cursor: pointer; transition: background 180ms, color 180ms; }
.catalog-filter span { margin-left: 0.3rem; opacity: 0.65; font-size: 0.65rem; }
.catalog-filter:hover { background: var(--paper-deep); }
.catalog-filter[aria-pressed="true"] { color: var(--cream); background: var(--brown-deep); border-color: var(--brown-deep); }
.catalog-search { flex: 0 1 15rem; }
.catalog-search input { width: 100%; min-height: 2.75rem; padding: 0.65rem 0.85rem; border: 1px solid var(--line); border-radius: 0; color: var(--ink); background: rgba(255, 250, 241, 0.6); font: inherit; font-size: 1rem; }
.catalog-filter:focus-visible, .catalog-search input:focus-visible, .catalog-open:focus-visible, .catalog-card-bottom a:focus-visible, .product-shop:focus-visible { outline: 2px solid var(--brown); outline-offset: 4px; }
.catalog-summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-block: 1.25rem; color: var(--muted); font-size: 0.75rem; }
.catalog-summary p { margin: 0; }
.catalog-summary a { color: var(--brown); text-underline-offset: 4px; }
.catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 1.15rem; }
.catalog-card { min-width: 0; padding-bottom: 1.1rem; border-bottom: 1px solid var(--line); }
.catalog-card[hidden], .catalog-empty[hidden] { display: none; }
.catalog-open { display: block; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.catalog-image { display: block; position: relative; aspect-ratio: 1; overflow: hidden; margin-bottom: 1rem; background: #fff; transition: box-shadow 220ms, transform 220ms; }
.catalog-image img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 300ms; }
.catalog-open:hover .catalog-image { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(78, 54, 32, 0.12); }
.catalog-open:hover img { transform: scale(1.035); }
.catalog-view { position: absolute; bottom: 0.65rem; right: 0.65rem; padding: 0.5rem 0.65rem; color: var(--cream); background: var(--brown-deep); font-size: 0.65rem; opacity: 0; transition: opacity 180ms; }
.catalog-open:hover .catalog-view, .catalog-open:focus-visible .catalog-view { opacity: 1; }
.catalog-category { display: block; margin-bottom: 0.55rem; color: var(--muted); font-size: 0.65rem; line-height: 1.4; }
.catalog-open h3 { min-height: 2.6em; margin: 0 0 0.35rem; font-size: 1.05rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; }
.catalog-variant { display: block; min-height: 2.8em; color: var(--brown); font-size: 0.8rem; line-height: 1.4; }
.catalog-card-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; }
.catalog-card-bottom strong { font-size: 1.05rem; font-weight: 500; white-space: nowrap; }
.catalog-card-bottom a { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.4rem; color: var(--brown-deep); font-size: 0.7rem; text-decoration: underline; text-underline-offset: 4px; }
.catalog-empty { padding: 3rem 1rem; text-align: center; color: var(--muted); line-height: 1.7; }
.catalog-note { margin: 2rem 0 0; max-width: 36rem; color: var(--muted); font-size: 0.7rem; line-height: 1.7; }
.product-dialog-media { background: #fff; }
.product-dialog-media > img { object-fit: contain; }
.product-price { margin: 0 0 1.25rem; font-size: 1.5rem; color: var(--brown-deep); }
.product-advice { display: block; width: fit-content; margin-top: 1.25rem; padding-block: 0.5rem; color: var(--brown); text-underline-offset: 4px; }
@media (max-width: 1050px) {
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-search { flex: 1 1 100%; }
}
@media (max-width: 760px) {
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 0.85rem; }
  .catalog-toolbar { padding-block: 1rem; }
  .catalog-filter { padding-inline: 0.7rem; font-size: 0.7rem; }
  .catalog-open h3 { min-height: 3.9em; font-size: 0.9rem; }
  .catalog-category { font-size: 0.6rem; }
  .catalog-variant { font-size: 0.72rem; }
  .catalog-card-bottom { display: block; }
  .catalog-card-bottom strong { display: block; font-size: 1rem; }
  .catalog-card-bottom a { font-size: 0.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-image, .catalog-image img, .catalog-view { transition: none; }
  .catalog-open:hover .catalog-image, .catalog-open:hover img { transform: none; }
}

#scents { scroll-margin-top: 7rem; }

.admin-footer-link { color: var(--muted); font-size: 0.7rem; text-underline-offset: 4px; }

.about-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:7.5rem 8rem;scroll-margin-top:7rem}
.about-feature-media{position:relative;min-width:0;padding:0 1.5rem 2.8rem 0}
.about-feature-photo{position:relative;margin:0;aspect-ratio:4/5;background:var(--paper-deep)}
.about-feature-photo::before{content:"";position:absolute;inset:1rem -1rem -1rem 1rem;border:1px solid rgba(169,126,68,.6);z-index:-1}
.about-feature-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% center}
.about-feature-quote{position:absolute;right:0;bottom:0;width:70%;margin:0;padding:1.8rem 2rem 1.35rem;background:var(--brown);color:var(--cream);border:1px solid #d2ab6b;box-shadow:6px 7px 0 rgba(199,164,107,.26),0 14px 32px rgba(69,46,28,.12)}
.about-feature-quote p{margin:0 0 1.1rem;font-size:clamp(1.5rem,2.55vw,2.6rem);font-weight:400;line-height:1.15;letter-spacing:-.04em}
.about-feature-quote>span{font-size:.52rem;letter-spacing:.18em;opacity:.8}
.about-feature-label{display:flex;align-items:center;gap:1rem;margin:0 0 1.35rem;font-size:.65rem;color:var(--brown);letter-spacing:.15em}
.about-feature-label>span{display:inline-flex;align-items:center;gap:.7rem;letter-spacing:0}
.about-feature-label>span::after{content:"";width:2rem;height:1px;background:var(--brown)}
.about-feature-copy h2{margin:0 0 1.7rem;font-size:clamp(2.8rem,4.7vw,4.8rem);font-weight:400;line-height:1.05;letter-spacing:-.06em}
.about-feature-intro{margin-bottom:2rem;max-width:31rem;color:#5b5147;font-size:.86rem;line-height:1.85}
.about-feature-intro p{margin:0 0 .95rem}
.about-feature-details{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.about-feature-details li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.about-detail-number{color:var(--brown);font-size:.85rem;line-height:1.4}
.about-feature-details h3{margin:0 0 .4rem;font-size:.82rem;font-weight:600;line-height:1.4;letter-spacing:.02em}
.about-feature-details p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.7}
@media(max-width:900px){.about-feature{gap:3rem}.about-feature-quote{padding:1.3rem 1.3rem 1rem}.about-feature-intro{font-size:.8rem}.about-feature-copy h2{font-size:clamp(2.5rem,5.8vw,3.5rem)}}
@media(max-width:680px){.about-feature{grid-template-columns:1fr;gap:2.5rem;padding-block:4rem 5rem}.about-feature-media{width:min(100%,28rem);padding:0 1.2rem 2.5rem 0;margin:auto}.about-feature-photo{aspect-ratio:1.05}.about-feature-quote{width:62%;padding:1.35rem 1.5rem 1rem}.about-feature-quote p{font-size:1.65rem}.about-feature-label{margin-bottom:1rem}.about-feature-copy h2{font-size:2.8rem}.about-feature-intro{font-size:.85rem;max-width:none}.about-feature-details h3{font-size:.86rem}.about-feature-details p{font-size:.76rem}}

.space-scent{padding-block:7rem 8rem;scroll-margin-top:7rem}.space-scent [hidden]{display:none!important}.space-scent-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,7vw,7rem);margin-bottom:5rem}.space-scent-copy .section-index{margin-bottom:2.5rem}.space-scent h2{margin:1.25rem 0 1.8rem;font-weight:400;font-size:clamp(3.2rem,5.5vw,5.5rem);letter-spacing:-.065em;line-height:.98}.space-scent h2 em,.space-panel-heading h3 em{color:var(--brown)}.space-scent-lede{max-width:29rem;font-size:1.1rem;line-height:1.65}.space-scent-description{max-width:29rem;color:var(--muted);font-size:.85rem;line-height:1.85;margin-bottom:2rem}.space-scent-hero{position:relative;margin:0;aspect-ratio:1/1.08;isolation:isolate}.space-scent-hero::before{content:"";position:absolute;inset:1rem -1rem -1rem 1rem;border:1px solid #b58a53;z-index:-1}.space-scent-hero>img{width:100%;height:100%;object-fit:cover}.space-scent-hero figcaption{position:absolute;left:-1.6rem;bottom:1.8rem;padding:1.3rem 1.7rem;background:var(--brown-deep);color:var(--cream);font-size:1.2rem;line-height:1.3;box-shadow:6px 6px 0 #b58a5340}.space-scent-hero figcaption span{display:block;font-size:.52rem;letter-spacing:.16em;color:#d8b278;margin-bottom:.6rem}.space-deck-jump{display:block;width:fit-content;margin-top:1.1rem;padding:.4rem 0;color:var(--brown);font-size:.75rem;text-decoration:underline;text-underline-offset:5px}.space-deck-jump span{margin-left:.8rem}.space-tabs{display:flex;gap:2rem;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line)}.space-tabs button{padding:1.1rem 0;border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:.85rem;color:var(--muted);white-space:nowrap;cursor:pointer}.space-tabs button[aria-selected=true]{border-color:var(--brown);color:var(--ink)}.space-tabs button:focus-visible,.space-deck-arrow:focus-visible{outline:2px solid var(--brown);outline-offset:-4px}.space-panel{padding-top:3rem}.space-panel:focus-visible{outline:1px solid var(--brown);outline-offset:8px}.space-panel-heading{max-width:42rem;margin-bottom:2rem}.space-panel-heading h3{margin:0 0 1.1rem;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.12;font-weight:400;letter-spacing:-.055em}.space-panel-heading>p:not(.eyebrow){max-width:37rem;font-size:.86rem;line-height:1.85;color:var(--muted)}.space-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 0 3rem;padding:0;list-style:none}.space-promises li{display:flex;gap:1rem;border-top:1px solid var(--line);padding-top:1.3rem}.space-promises li>span,.space-steps li>span{font-size:1.35rem;color:var(--brown);font-weight:400}.space-scent h4{margin:0 0 .65rem;font-size:.95rem;font-weight:500;line-height:1.45}.space-promises p,.space-venues p,.space-steps p{margin:0;font-size:.77rem;color:var(--muted);line-height:1.8}.space-venues{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.space-venues img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:1rem}.space-venues h4{font-size:.82rem}.space-venues p{font-size:.72rem}.space-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0;margin:0 0 3rem}.space-steps li{padding:1.1rem 0;border-top:1px solid var(--line)}.space-steps h4{margin-top:1.2rem;font-size:.86rem}.space-plans{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.space-plans img{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;margin-bottom:1.4rem}.space-plans h4{font-size:1.8rem;color:var(--brown);letter-spacing:-.04em}.space-plans article>p{font-size:.82rem;color:var(--muted);line-height:1.8;min-height:3.6em}.space-plans dl{margin:1.4rem 0 0}.space-plans dl>div{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;border-top:1px solid var(--line);padding:.9rem 0;font-size:.72rem;line-height:1.7}.space-plans dt{color:var(--brown)}.space-plans dd{margin:0;color:var(--muted)}.space-start{margin-top:3rem;padding:2rem;background:var(--paper-deep)}.space-start h4{font-size:1.2rem}.space-start ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:1.5rem 0;padding:0}.space-start li{font-size:.8rem;line-height:1.6}.space-start b{display:block;margin-bottom:.6rem;color:var(--brown);font-size:1.2rem;font-weight:400}.space-start p{max-width:55rem;color:var(--muted);font-size:.75rem;line-height:1.85;margin-bottom:0}.space-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.space-device-grid article{display:grid;grid-template-columns:45% 1fr;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--line)}.space-device-photo{background:#fff;height:16rem;display:flex;align-items:center;justify-content:center}.space-device-photo img{width:100%;height:100%;object-fit:contain}.space-device-grid h4{font-size:1.6rem;letter-spacing:-.04em}.space-device-grid article p:not(.eyebrow){color:var(--muted);font-size:.8rem;line-height:1.8}.space-device-grid article span{font-size:.7rem;line-height:1.7;color:var(--brown);display:block}.space-device-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2.5rem 0 0}.space-device-features>div{border-top:1px solid var(--line);padding-top:1rem}.space-device-features dt{font-size:.84rem;margin-bottom:.6rem}.space-device-features dd{font-size:.75rem;line-height:1.8;color:var(--muted);margin:0}.space-small-note{margin:1.5rem 0 0;max-width:54rem;font-size:.72rem;line-height:1.8;color:var(--muted)}.space-projects{display:grid;grid-template-columns:1fr 1fr 2.1fr;gap:1.2rem}.space-projects figure{margin:0;min-width:0}.space-projects img{display:block;width:100%;height:22rem;object-fit:cover}.space-projects figcaption{font-size:.75rem;margin-top:.85rem;color:var(--brown)}.space-b2b{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--line)}.space-b2b>img{width:100%;height:auto}.space-b2b h4{font-size:2.1rem;line-height:1.15;letter-spacing:-.045em}.space-b2b p:not(.eyebrow),.space-b2b li{font-size:.8rem;line-height:1.85;color:var(--muted)}.space-b2b ul{padding-left:1rem}.space-b2b div>span{font-size:.7rem;color:var(--brown)}.space-presentation{margin-top:3rem;border-block:1px solid var(--line);scroll-margin-top:7rem}.space-presentation>summary{display:flex;justify-content:space-between;align-items:center;gap:2rem;cursor:pointer;list-style:none;padding:1.6rem 0;font-size:1.05rem}.space-presentation>summary::-webkit-details-marker{display:none}.space-presentation summary small{display:block;margin-top:.5rem;color:var(--muted);font-size:.72rem}.space-summary-icon{font-size:1.8rem;font-weight:300;color:var(--brown)}.space-presentation[open] .space-summary-icon{transform:rotate(45deg)}.space-deck{padding-bottom:1.5rem}.space-deck-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0}.space-deck-toolbar>p{font-size:.85rem;margin:0}.space-deck-toolbar>div{display:flex;align-items:center;gap:1rem;white-space:nowrap}.space-deck-toolbar [role=status]{font-size:.75rem;color:var(--muted)}.space-deck-arrow{width:2.75rem;height:2.75rem;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:1.2rem;cursor:pointer}.space-deck-arrow:hover{background:var(--brown);color:var(--cream)}.space-deck-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid var(--line)}.space-deck-track::-webkit-scrollbar{display:none}.space-deck-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.space-deck-slide img{display:block;width:100%;height:auto;aspect-ratio:841.92/595.2;object-fit:contain;background:#f6f0e5}.space-deck-slide figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:var(--cream);font-size:.7rem;color:var(--muted)}.space-deck-slide figcaption a{white-space:nowrap;color:var(--brown);text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.space-device-grid article{grid-template-columns:1fr}.space-device-photo{height:13rem}.space-steps{grid-template-columns:1fr 1fr}.space-promises{gap:1.5rem}.space-scent-intro{gap:3rem}}@media(max-width:720px){.space-scent{padding-block:5rem}.space-scent-intro{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}.space-scent-copy .section-index{margin-bottom:1.8rem}.space-scent h2{font-size:clamp(3.2rem,13vw,4.2rem)}.space-scent-lede{font-size:1rem}.space-scent-hero{margin:0 1rem 0 0;aspect-ratio:1.15}.space-scent-hero figcaption{left:.9rem;bottom:1rem;font-size:1rem;padding:1rem 1.2rem}.space-tabs{gap:1.5rem}.space-tabs button{font-size:.77rem}.space-panel{padding-top:2rem}.space-panel-heading h3{font-size:2.1rem}.space-promises{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.space-promises li{padding-top:1rem}.space-promises p{font-size:.8rem}.space-venues{grid-template-columns:1fr 1fr;gap:1.8rem 1rem}.space-venues h4{font-size:.82rem}.space-venues p{font-size:.75rem}.space-plans{grid-template-columns:1fr;gap:2rem}.space-start{padding:1.5rem}.space-start ol{grid-template-columns:1fr 1fr;gap:1.5rem}.space-device-grid{gap:1rem}.space-device-grid article{padding:1rem;gap:1rem}.space-device-grid h4{font-size:1.3rem}.space-device-grid .eyebrow{font-size:.5rem;letter-spacing:.07em}.space-device-grid article p:not(.eyebrow){font-size:.75rem}.space-device-photo{height:10rem}.space-device-features{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.space-projects{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.space-projects figure:last-child{grid-column:1/-1}.space-projects img{height:17rem}.space-projects figure:last-child img{height:auto;aspect-ratio:1.45}.space-b2b{grid-template-columns:1fr;gap:1.5rem;padding-top:2rem;margin-top:2rem}.space-b2b>img{max-width:25rem}.space-b2b h4{font-size:2rem}.space-deck-toolbar{align-items:start}.space-deck-toolbar>p{font-size:.75rem;line-height:1.6}.space-deck-toolbar>div{gap:.6rem}.space-presentation>summary{font-size:.95rem}.space-deck-slide figcaption>span{display:none}.space-deck-slide figcaption{justify-content:flex-end}.space-presentation{margin-top:2rem}}

.space-deck-stage{position:relative}.space-deck-controls{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;aspect-ratio:841.92/595.2;padding:0 1rem;pointer-events:none}.space-deck-controls .space-deck-arrow{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border-radius:50%;background:rgba(255,250,241,.96);color:var(--brown-deep);box-shadow:0 4px 18px #38241624;pointer-events:auto}.space-deck-controls .space-deck-arrow:hover{background:var(--brown);color:var(--cream)}.space-deck-controls .space-deck-arrow:focus-visible{outline-offset:4px}@media(max-width:720px){.space-deck-controls{padding:0 .5rem}.space-deck-controls .space-deck-arrow{width:2.75rem;height:2.75rem}}

.space-presentation{border:0}.space-presentation>.space-presentation-trigger{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 24rem;align-items:center;gap:3rem;padding:2.6rem 3rem;overflow:hidden;color:var(--cream);background:radial-gradient(ellipse at 83% 28%,#a3753755,transparent 55%),linear-gradient(120deg,#2f2017,#5a3c22);box-shadow:0 14px 34px #38241612;transition:box-shadow 220ms}.space-presentation-trigger::before{content:"";position:absolute;inset:.65rem;border:1px solid #d9b67b40;pointer-events:none;z-index:-1}.space-presentation-trigger:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.space-summary-copy{display:block;position:relative;z-index:1}.space-summary-eyebrow{display:block;margin-bottom:1rem;color:#dfbc80;font-size:.56rem;letter-spacing:.2em;line-height:1.5}.space-summary-copy>strong{display:block;font-size:clamp(2rem,3.1vw,3rem);font-weight:400;letter-spacing:-.05em;line-height:1.06}.space-summary-description{display:block;max-width:28rem;margin-top:1rem;color:#e2d4c4;font-size:.8rem;line-height:1.8}.space-summary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:2.8rem;margin-top:1.3rem;padding:.75rem 1.1rem;color:#362313;background:#e3c38b;font-size:.77rem;line-height:1.2;transition:background 200ms,transform 200ms}.space-summary-cta>span:last-child{font-size:1.05rem}.space-summary-preview{position:relative;display:block;height:14rem;margin-right:1rem}.space-summary-preview>img{position:absolute;display:block;height:auto;border:5px solid #fff8ec;box-shadow:0 14px 28px #140e0b55;transition:transform 250ms}.space-preview-back{width:66%;top:.5rem;left:0;transform:rotate(-11deg);opacity:.75}.space-preview-middle{width:72%;top:.25rem;left:12%;transform:rotate(-2deg);opacity:.95}.space-preview-front{width:77%;top:2.5rem;left:23%;transform:rotate(8deg)}.space-preview-badge{position:absolute;right:-.2rem;bottom:-.1rem;display:flex;align-items:baseline;gap:.5rem;padding:.7rem 1rem;color:#f9e5bf;background:#3a281beF;border:1px solid #b58a5380;font-size:1.25rem;box-shadow:0 4px 16px #0002}.space-preview-badge>span{font-size:.5rem;letter-spacing:.18em}.space-presentation-trigger>.space-summary-icon{position:absolute;right:1.6rem;top:1.5rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid #d7b77b70;border-radius:50%;color:#e3c38b;font-size:1.5rem;line-height:1;transition:transform 200ms}.space-presentation-trigger:hover{box-shadow:0 18px 40px #38241624}.space-presentation-trigger:hover .space-summary-cta{background:#f3d9aa;transform:translateX(3px)}.space-presentation-trigger:hover .space-preview-front{transform:translateY(-4px) rotate(5deg)}.space-presentation[open]>.space-presentation-trigger{box-shadow:none}.space-presentation .space-deck{padding-top:1rem}@media(max-width:1050px){.space-presentation>.space-presentation-trigger{grid-template-columns:minmax(0,1fr) 19rem;gap:1.5rem;padding:2.2rem}.space-summary-preview{height:12rem}.space-preview-badge{bottom:0}}@media(max-width:720px){.space-presentation>.space-presentation-trigger{grid-template-columns:1fr;padding:2rem 1.7rem;gap:0}.space-summary-preview{display:none}.space-summary-copy>strong{font-size:2.25rem}.space-summary-description{max-width:24rem;font-size:.8rem;padding-right:.5rem}.space-summary-eyebrow{max-width:80%;font-size:.5rem;letter-spacing:.14em}.space-summary-cta{margin-top:1.25rem}.space-presentation-trigger>.space-summary-icon{top:1.1rem;right:1.1rem;width:2rem;height:2rem;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.space-presentation-trigger,.space-summary-cta,.space-summary-preview>img,.space-summary-icon{transition:none!important}.space-presentation-trigger:hover .space-summary-cta{transform:none}.space-presentation-trigger:hover .space-preview-front{transform:rotate(8deg)}}