.perfume-builder-section { position: relative; padding: 86px 0 80px; background: #0b0a08; color: #f4eee0; }
.perfume-legacy-anchor { position: absolute; top: 0; }
.perfume-builder-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 38px; }
.perfume-builder-intro h2 { font-size: clamp(56px, 5.5vw, 78px); margin: 0; line-height: .98; }
.perfume-builder-intro h2 em { color: #d7bd85; }
.perfume-builder-intro > p { max-width: 345px; font-size: 12px; line-height: 1.9; color: #d6d2c5; margin: 0 0 6px; }
.perfume-studio { display: grid; grid-template-columns: .82fr 1.18fr; align-items: start; border: 1px solid #aa936a55; background: #eee7d8; }
.perfume-preview { --perfume-liquid: #c39443; --bottle-scale: .93; background: radial-gradient(ellipse at 50% 42%, #57432b 0%, #272016 48%, #100e0b 100%); padding: 28px 28px 36px; min-height: 650px; position: sticky; top: 143px; overflow: hidden; }
.perfume-preview[data-direction="fresh"] { --perfume-liquid: #c7b860; }
.perfume-preview[data-direction="floral"] { --perfume-liquid: #ca9994; }
.perfume-preview[data-direction="woody"] { --perfume-liquid: #946837; }
.perfume-preview[data-direction="amber"] { --perfume-liquid: #c1812b; }
.perfume-preview[data-size="small"] { --bottle-scale: .79; }
.perfume-preview[data-size="large"] { --bottle-scale: 1; }
.perfume-preview-top { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 8px; letter-spacing: 1.7px; color: #d7c092; border-bottom: 1px solid #d4b8783b; padding-bottom: 18px; }
.perfume-preview-top .icon { width: 21px; height: 21px; }
.perfume-bottle-stage { height: 405px; display: flex; align-items: center; justify-content: center; position: relative; }
.perfume-bottle-stage::after { content: ''; position: absolute; bottom: 36px; left: 13%; right: 13%; height: 19px; background: #050a05a6; filter: blur(12px); border-radius: 50%; }
.perfume-bottle { position: relative; width: 220px; height: 326px; transform: scale(var(--bottle-scale)); transform-origin: center bottom; z-index: 1; transition: transform .35s ease; }
.perfume-cap { position: relative; width: 94px; height: 59px; margin: 0 auto; border: 1px solid #d6b97d; border-radius: 5px 5px 2px 2px; background: linear-gradient(90deg, #684815, #a07b39 15%, #eddaa5 33%, #b29152 57%, #765725 79%, #c3a468); box-shadow: inset 0 3px 3px #fff9dd7d, 4px 6px 12px #0005; }
.perfume-cap::after { content: ''; position: absolute; inset: 9px; border: 1px solid #3c2d116b; }
.perfume-neck { width: 60px; height: 19px; margin: 0 auto; border-left: 3px solid #e7d8ba7a; border-right: 3px solid #efd6a288; background: linear-gradient(90deg,#ab8a50,#dfc997,#8e733d); }
.perfume-glass { height: 248px; position: relative; overflow: hidden; border: 2px solid #f3e8c97a; border-top: 3px solid #f0e7ceab; border-bottom: 9px solid #eee1b8a6; border-radius: 22px 22px 12px 12px; background: linear-gradient(105deg,#fcf1c252, #e9d2a40a 27%, #dfc18c2e 76%, #fff4cf8c); box-shadow: inset 8px 0 7px #fff2c540, inset -7px 0 5px #ffffed3d, 14px 17px 28px #060c074d; }
.perfume-glass::after { content: ''; position: absolute; top: 17px; bottom: 9px; left: 8px; width: 3px; background: #fff3c585; border-radius: 100%; }
.perfume-liquid { position: absolute; inset: 18px 7px 5px; background: linear-gradient(90deg,#fff2c842,transparent 17%,transparent 75%,#654b1459),var(--perfume-liquid); opacity: .72; border-top: 2px solid #ffefc479; border-radius: 7px; transition: background-color .3s; }
.perfume-label { position: absolute; left: 25px; right: 25px; top: 41px; height: 150px; padding: 15px 9px 11px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; color: #343326; background: linear-gradient(115deg,#f9f1de,#e4d6b5); box-shadow: 0 1px 5px #4b38162d; border: 1px solid #b5995b; outline: 1px solid #c8b17f; outline-offset: -5px; }
.perfume-label-brand { font-size: 6px; line-height: 1.4; letter-spacing: 1.4px; }
.perfume-label-brand strong { display: block; font: 500 23px/1.1 var(--serif); letter-spacing: 5px; padding-left: 5px; }
#perfume-label-name { font: 500 23px/.98 var(--serif); max-width: 100%; overflow-wrap: anywhere; padding: 3px 0; }
#perfume-label-name.long-name { font-size: 18px; }
.perfume-label-line { display: block; width: 29px; height: 1px; background: #ad945c; margin: 2px; }
#perfume-label-size { font-size: 5px; letter-spacing: .7px; }
.perfume-preview-copy { text-align: center; max-width: 310px; margin: 0 auto; }
.perfume-preview-copy h3 { color: #ede1c9; font-size: 31px; line-height: 1.1; margin: 0 0 13px; }
.perfume-preview-copy p { font-size: 11px; line-height: 1.85; color: #d5cfbd; min-height: 39px; margin: 0 0 23px; }
.perfume-preview-caption { display: block; font-size: 8px; line-height: 1.8; color: #bdb8a7; }
.perfume-workspace { padding: 29px 37px 30px; min-width: 0; color: var(--ink); background: #f7f3e9; }
.perfume-step-list { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin: 0 0 32px; padding: 0; }
.perfume-step-list button { width: 100%; padding: 9px 0 13px; text-align: left; display: flex; align-items: center; gap: 8px; background: none; border: 0; border-bottom: 1px solid #c8c2b3; font-size: 9px; color: #727666; min-height: 44px; }
.perfume-step-list button span { color: #9b8b64; font: 400 17px var(--serif); }
.perfume-step-list button[aria-current="step"] { color: var(--teal); border-bottom: 2px solid var(--teal); font-weight: 500; }
.perfume-step-list button[aria-current="step"] span { color: var(--teal); }
.perfume-step-list button:disabled { opacity: .55; }
.perfume-step-count { display: block; color: #776c50; font-size: 8px; letter-spacing: 1.7px; margin-bottom: 12px; }
.perfume-panel { min-height: 417px; }
.perfume-panel h3 { font: 400 41px/1.03 var(--serif); letter-spacing: -.5px; margin: 0 0 12px; }
.perfume-panel-intro { font-size: 11px; line-height: 1.85; color: var(--muted); margin: 0 0 24px; }
.perfume-routes { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 25px; border: 1px solid #c8c2b3; padding: 4px; }
.perfume-routes button { min-height: 42px; font-size: 10px; padding: 8px; border: 0; background: transparent; color: var(--muted); }
.perfume-routes button[aria-pressed="true"] { background: var(--teal); color: #f7f3e9; }
.perfume-choice-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.perfume-choice-fieldset legend { font-size: 10px; margin-bottom: 13px; }
.perfume-direction-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.perfume-direction-choice, .perfume-note-choice { display: block; position: relative; cursor: pointer; min-width: 0; }
.perfume-builder-section .perfume-direction-choice input, .perfume-builder-section .perfume-note-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; min-height: 0; padding: 0; margin: 0; border: 0; left: 10px; top: 10px; }
.perfume-direction-choice > span { display: block; border: 1px solid #d2cab9; background: #eee9dd; min-height: 109px; padding: 14px 15px; color: var(--ink); }
.perfume-direction-choice strong { display: block; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.perfume-direction-choice small { font-size: 9px; line-height: 1.5; display: block; color: var(--muted); }
.perfume-swatch { width: 22px; height: 22px; border-radius: 50%; display: block; margin-bottom: 9px; box-shadow: inset 1px 1px 3px #fff8,0 1px 4px #0001; }
.perfume-swatch.fresh { background: linear-gradient(130deg,#e2ddab,#85885b); }
.perfume-swatch.floral { background: linear-gradient(130deg,#edd5cb,#b98689); }
.perfume-swatch.woody { background: linear-gradient(130deg,#c9ad7f,#645837); }
.perfume-swatch.amber { background: linear-gradient(130deg,#dfbf76,#a16e29); }
.perfume-guidance-choice { grid-column: 1/-1; }
.perfume-guidance-choice > span { min-height: 61px; padding: 12px 15px; }
.perfume-direction-choice input:checked + span, .perfume-note-choice input:checked + span { border-color: #846528; background: #efe1c3; box-shadow: inset 0 0 0 1px #846528; }
.perfume-direction-choice input:checked + span::after { content: '✓'; position: absolute; top: 13px; right: 13px; font-size: 12px; color: var(--teal); }
.perfume-direction-choice input:focus-visible + span, .perfume-note-choice input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 3px; }
.perfume-text-button { background: none; border: 0; border-bottom: 1px solid #9c9c8c; padding: 6px 0; display: inline-flex; align-items: center; gap: 12px; font-size: 10px; line-height: 1.7; color: var(--teal); }
#perfume-skip-direction { margin-top: 16px; }
.perfume-quiz-fields { display: grid; gap: 17px; }
.perfume-quiz-fields label { font-size: 11px; }
.perfume-small-note { font-size: 9px; line-height: 1.8; color: var(--muted); margin: 18px 0 0; }
.perfume-note-search { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #b5b6a6; padding: 0 0 8px; margin-bottom: 22px; }
.perfume-note-search .icon { width: 18px; height: 18px; color: #767d6d; }
.perfume-note-search input { border: 0; background: transparent; width: 100%; min-width: 0; padding: 7px 0; font-size: 12px; }
.perfume-notes-legend { width: 100%; }
.perfume-notes-legend > span { font-size: 9px; margin-top: 5px; }
.perfume-note-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.perfume-note-choice > span { position: relative; display: block; min-height: 69px; padding: 13px 32px 13px 14px; border: 1px solid #d0cbbb; background: #eeeadf; color: var(--ink); }
.perfume-note-choice strong { display: block; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.perfume-note-choice small { display: block; font-size: 9px; color: var(--muted); }
.perfume-note-choice i { font: 400 19px var(--serif); position: absolute; right: 13px; top: 20px; }
.perfume-note-choice input:checked + span i { font-size: 0; }
.perfume-note-choice input:checked + span i::after { content: '✓'; font-size: 12px; }
.perfume-note-choice input:disabled + span { opacity: .45; }
.perfume-note-choice:has(input:disabled) { cursor: not-allowed; }
.perfume-empty-notes { font-size: 11px; color: var(--muted); padding: 17px 0; }
.perfume-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.perfume-name-field { display: block; margin-bottom: 20px; }
.perfume-full-field { display: block; margin-top: 18px; }
.perfume-reference { border: 1px solid #c9ba99; background: #eee7d8; padding: 20px; margin: 28px 0 6px; min-width: 0; }
.perfume-reference > legend { font: 400 25px/1.2 var(--serif); padding: 0 8px; }
.perfume-reference > label { display: block; line-height: 1.7; }
.perfume-reference .perfume-small-note { margin-bottom: 0; }
.perfume-reference select { width: 100%; max-width: 100%; }
.perfume-workspace label > input:not([type=radio]):not([type=checkbox]):not([type=search]), .perfume-workspace select, .perfume-workspace textarea { background: #fdfaf2; border-color: #c9c5b7; font-size: 12px; }
.perfume-name-field input { font-family: var(--serif); font-size: 23px !important; }
.perfume-review-card { padding: 23px; border: 1px solid #c9ba99; background: #eee7d8; }
.perfume-review-card .eyebrow { display: block; font-size: 7px; letter-spacing: 1.6px; margin-bottom: 10px; }
.perfume-review-card h4 { font: 400 34px/1.05 var(--serif); overflow-wrap: anywhere; margin: 0 0 20px; }
.perfume-review-card dl { margin: 0 0 12px; }
.perfume-review-card dl > div { display: grid; grid-template-columns: 94px 1fr; gap: 14px; border-top: 1px solid #d3cbb8; padding: 11px 0; font-size: 10px; line-height: 1.7; }
.perfume-review-card dt { color: var(--muted); }
.perfume-review-card dd { margin: 0; overflow-wrap: anywhere; }
.perfume-quote-note { font-size: 10px; line-height: 1.8; color: var(--muted); margin: 20px 0; }
.perfume-send-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.perfume-send-actions .button { font-size: 10px; padding: 13px 16px; gap: 16px; flex: 1 1 auto; }
.perfume-review-tools { display: flex; justify-content: space-between; gap: 16px; margin-top: 19px; }
#perfume-copy-status:empty { display: none; }
.perfume-full-brief { margin-top: 19px; border-top: 1px solid var(--line); padding-top: 13px; }
.perfume-full-brief summary { font-size: 10px; }
.perfume-full-brief textarea { width: 100%; font-size: 11px; line-height: 1.8; background: #fffaf0; margin-top: 14px; }
.perfume-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.perfume-status { font-size: 10px; line-height: 1.7; color: #89481d; }
.perfume-status:empty { display: none; }
.perfume-step-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid #d4cdba; padding-top: 23px; margin-top: 26px; }
#perfume-next { margin-left: auto; min-width: 195px; font-size: 10px; }
.perfume-ideas { margin-top: 41px; }
.perfume-ideas-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 22px; }
.perfume-ideas-heading .eyebrow { display: block; font-size: 8px; margin-bottom: 10px; }
.perfume-ideas-heading h3 { font: 400 36px/1.1 var(--serif); margin: 0; }
.perfume-ideas-heading > p { color: #c3c5b7; font-size: 10px; line-height: 1.8; margin: 0; }
.perfume-idea-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px; }
.perfume-idea-grid button { text-align: left; display: flex; flex-direction: column; padding: 24px; background: #211b12; border: 1px solid #a9986a49; color: #eee6d4; transition: background .2s; }
.perfume-idea-grid button:hover { background: #352a18; }
.perfume-idea-number { font-size: 9px; color: #cbb37e; letter-spacing: 1.4px; margin-bottom: 20px; }
.perfume-idea-grid strong { font: 400 32px/1.1 var(--serif); margin-bottom: 12px; }
.perfume-idea-grid button > span:not(.perfume-idea-number) { font-size: 9px; line-height: 1.7; color: #c8cbbd; }
.perfume-idea-grid small { color: #d5c295; font-size: 9px; margin-top: 23px; }
.builder-nav-link { color: #ddc486; }
.perfume-noscript { font-size: 12px; line-height: 1.8; }
.perfume-noscript a { display: inline-block; border-bottom: 1px solid #cbb37e; margin-left: 10px; }
@media (min-width: 1401px) { .desktop-nav { gap: 20px; } }
@media (max-width: 1400px) { .desktop-nav { display: none; } .menu-button { display: inline-flex; } }
@media (max-width: 1100px) {
  .perfume-studio { grid-template-columns: .75fr 1.25fr; }
  .perfume-preview { padding: 25px 20px; top: 126px; }
  .perfume-workspace { padding: 26px; }
  .perfume-panel h3 { font-size: 38px; }
  .perfume-step-list { gap: 8px; }
  .perfume-step-list button { font-size: 8px; gap: 5px; }
}
@media (max-width: 850px) {
  .perfume-builder-section { padding: 58px 0; }
  .perfume-builder-intro { gap: 25px; }
  .perfume-builder-intro > p { max-width: 260px; font-size: 11px; }
  .perfume-studio { grid-template-columns: 1fr; }
  .perfume-preview { position: relative; top: auto; min-height: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0 22px; padding: 23px 35px; }
  .perfume-preview-top { grid-column: 1/-1; }
  .perfume-bottle-stage { height: 320px; }
  .perfume-bottle { transform: scale(calc(var(--bottle-scale) * .81)); transform-origin: center; }
  .perfume-bottle-stage::after { bottom: 31px; }
  .perfume-preview-copy { text-align: left; max-width: 255px; }
  .perfume-panel { min-height: 400px; }
  .perfume-workspace { padding: 31px; }
  .perfume-step-list { gap: 18px; }
  .perfume-step-list button { font-size: 10px; gap: 9px; }
  .perfume-idea-grid { gap: 13px; }
  .perfume-idea-grid button { padding: 20px; }
  .perfume-idea-grid strong { font-size: 27px; }
}
@media (max-width: 600px) {
  .perfume-builder-section { padding: 49px 0 48px; }
  .perfume-builder-intro { display: block; margin-bottom: 28px; }
  .perfume-builder-intro h2 { font-size: 60px; }
  .perfume-builder-intro .eyebrow { font-size: 7px; letter-spacing: 1.5px; }
  .perfume-builder-intro > p { max-width: 100%; font-size: 11px; margin: 22px 0 0; }
  .perfume-preview { grid-template-columns: 140px 1fr; padding: 18px 17px 19px; gap: 0 12px; }
  .perfume-preview-top { font-size: 6px; letter-spacing: 1.2px; padding-bottom: 13px; }
  .perfume-bottle-stage { height: 227px; }
  .perfume-bottle { width: 220px; flex-shrink: 0; transform: scale(calc(var(--bottle-scale) * .59)); }
  .perfume-bottle-stage::after { left: 0; right: 0; bottom: 20px; }
  .perfume-preview-copy h3 { font-size: 26px; margin-bottom: 12px; }
  .perfume-preview-copy p { font-size: 9px; margin-bottom: 14px; min-height: 0; }
  .perfume-preview-caption { font-size: 7px; }
  .perfume-workspace { padding: 24px 20px; }
  .perfume-step-list { gap: 9px; margin-bottom: 24px; }
  .perfume-step-list button { flex-direction: column; align-items: flex-start; font-size: 8px; gap: 6px; min-height: 58px; padding-top: 0; }
  .perfume-step-list button span { font-size: 16px; }
  .perfume-panel { min-height: 0; }
  .perfume-panel h3 { font-size: 36px; }
  .perfume-panel-intro { font-size: 10px; margin-bottom: 20px; }
  .perfume-routes { margin-bottom: 23px; }
  .perfume-routes button { font-size: 9px; min-height: 45px; }
  .perfume-direction-grid, .perfume-note-grid { gap: 9px; }
  .perfume-direction-choice > span { padding: 12px; min-height: 111px; }
  .perfume-direction-choice strong { font-size: 11px; }
  .perfume-direction-choice small { font-size: 8px; }
  .perfume-guidance-choice > span { min-height: 64px; }
  .perfume-note-choice > span { min-height: 70px; padding: 12px 25px 12px 10px; }
  .perfume-note-choice strong { font-size: 11px; }
  .perfume-note-choice small { font-size: 8px; }
  .perfume-note-choice i { right: 9px; }
  .perfume-small-note { font-size: 9px; }
  .perfume-form-grid { grid-template-columns: 1fr; gap: 17px; }
  .perfume-name-field input { font-size: 23px !important; }
  .perfume-workspace label > input:not([type=radio]):not([type=checkbox]), .perfume-workspace select, .perfume-workspace textarea { font-size: 16px; }
  .perfume-quiz-fields { gap: 17px; }
  .perfume-text-button { min-height: 38px; }
  .perfume-step-actions { gap: 12px; padding-top: 21px; margin-top: 23px; }
  #perfume-next { min-width: 0; padding: 14px; font-size: 10px; }
  .perfume-review-card { padding: 19px 16px; }
  .perfume-review-card h4 { font-size: 32px; }
  .perfume-review-card dl > div { grid-template-columns: 76px 1fr; gap: 12px; font-size: 9px; }
  .perfume-send-actions { flex-direction: column; }
  .perfume-full-brief textarea { font-size: 13px; }
  .perfume-ideas { margin-top: 31px; }
  .perfume-ideas-heading { display: block; margin-bottom: 21px; }
  .perfume-ideas-heading h3 { font-size: 34px; }
  .perfume-ideas-heading > p { margin-top: 13px; font-size: 10px; }
  .perfume-ideas-heading > p br { display: none; }
  .perfume-idea-grid { grid-template-columns: 1fr; gap: 12px; }
  .perfume-idea-grid button { position: relative; padding: 22px 23px 22px 53px; }
  .perfume-idea-number { position: absolute; left: 20px; top: 29px; }
  .perfume-idea-grid strong { font-size: 30px; margin-bottom: 9px; }
  .perfume-idea-grid small { margin-top: 13px; }
}
@media (max-width: 360px) { .perfume-preview { grid-template-columns: 120px 1fr; gap: 9px; } .perfume-preview-copy h3 { font-size: 23px; } .perfume-workspace { padding: 22px 16px; } }
@media (prefers-reduced-motion: reduce) { .perfume-bottle, .perfume-liquid, .perfume-idea-grid button { transition: none; } }