/* Local SPREEAI editorial concept. All typography inherits the established Afacad system. */
#experiences.experience-redesign{
  --ex-accent:#756b5e;--ex-ink:var(--ink,#24221f);
  scroll-margin-top:84px;padding:64px var(--pad) 56px;
  background:var(--paper);color:var(--ex-ink)
}
:root[data-theme=dark] #experiences.experience-redesign{--ex-accent:#d5cbc1}
#experiences.experience-redesign .section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:64px;margin:0 0 36px}
#experiences.experience-redesign .section-heading .eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.4;color:var(--muted)}
#experiences.experience-redesign .section-heading h2{font-size:clamp(44px,4.3vw,64px);line-height:1.01;font-weight:400;letter-spacing:-.045em;margin:18px 0 0;max-width:800px}
#experiences.experience-redesign .section-heading>p{justify-self:end;max-width:300px;padding:0;margin:0 0 4px;font-size:20px;line-height:1.4;color:var(--muted)}
#experiences.experience-redesign .experience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:28px;margin:0;padding:0;background:none!important;border-radius:0;border-block:1px solid var(--line)}
#experiences.experience-redesign .experience-tabs button{display:grid;grid-template-columns:30px 1fr;column-gap:12px;min-height:88px;padding:20px 0 18px;text-align:left;position:relative;border:0;border-radius:0;background:none!important;box-shadow:none;color:var(--muted);transition:color .2s ease}
#experiences.experience-redesign .experience-tabs button>span{grid-row:1/3;align-self:center;font-size:12px;letter-spacing:.1em;font-weight:400;opacity:.8}
#experiences.experience-redesign .experience-tabs strong{font-size:26px;line-height:1.05;font-weight:400;letter-spacing:-.025em}
#experiences.experience-redesign .experience-tabs small{margin-top:6px;font-size:14px;line-height:1.3;font-weight:400;color:var(--muted)}
#experiences.experience-redesign .experience-tabs [aria-selected=true]{color:var(--ex-ink)}
#experiences.experience-redesign .experience-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ex-accent);animation:ex-rule .35s ease both;transform-origin:left}
#experiences.experience-redesign .experience-tabs button:hover{color:#81705b}
:root[data-theme=dark] #experiences.experience-redesign .experience-tabs button:hover{color:#d5cbc1}
#experiences.experience-redesign .experience-tabs button:focus-visible{outline:2px solid var(--ex-accent);outline-offset:5px}
#experiences.experience-redesign .experience-panel{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);align-items:center;gap:clamp(42px,5.5vw,88px);min-height:0;padding:32px 0 36px;border:0!important;border-radius:0;background:transparent!important;overflow:visible}
#experiences.experience-redesign .experience-art{min-width:0;aspect-ratio:auto;background:none;overflow:visible}
#experiences.experience-redesign .editorial-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;line-height:1.3}
#experiences.experience-redesign .editorial-caption strong{font-size:17px;font-weight:400;color:var(--ex-ink);letter-spacing:-.01em}
#experiences.experience-redesign .editorial-caption>span{font-size:10px;letter-spacing:.13em;color:var(--muted);white-space:nowrap}
#experiences.experience-redesign .editorial-film{margin:0;position:relative;height:clamp(430px,37vw,550px);overflow:hidden;background:var(--line);border-radius:3px}
#experiences.experience-redesign .editorial-film video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
#experiences.experience-redesign .editorial-caption,#experiences.experience-redesign .editorial-film{animation:ex-arrive .5s cubic-bezier(.2,.65,.3,1) both}
#experiences.experience-redesign .editorial-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
#experiences.experience-redesign .editorial-product{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:12px 0 0;border-top:1px solid var(--line);animation:ex-arrive .5s .06s both}
#experiences.experience-redesign .editorial-product img{display:block;width:58px;height:72px;object-fit:contain;border-radius:2px;background:#f7f6f3}
#experiences.experience-redesign .editorial-product span{font-size:14px;line-height:1.22;color:var(--muted)}
#experiences.experience-redesign .interface-preview-footer{display:block;padding:0;margin-top:12px;border:0;background:none}
#experiences.experience-redesign .interface-caption{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
#experiences.experience-redesign .experience-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0!important;max-width:440px;background:none!important}
#experiences.experience-redesign .experience-copy>.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.15em;color:var(--muted)}
#experiences.experience-redesign .experience-copy h3{font-size:clamp(38px,3.55vw,54px);font-weight:400;line-height:1.03;letter-spacing:-.04em;max-width:440px;margin:20px 0 22px}
#experiences.experience-redesign .experience-copy>p{max-width:410px;font-size:20px;line-height:1.45;margin:0;color:var(--muted)}
#experiences.experience-redesign .journey{display:grid;grid-template-columns:1fr;gap:0;width:100%;margin:26px 0}
#experiences.experience-redesign .journey>span{display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:17px;line-height:1.3;color:var(--ex-ink)}
#experiences.experience-redesign .journey>span:last-child{border-bottom:1px solid var(--line)}
#experiences.experience-redesign .journey b{flex-shrink:0;min-width:20px;margin:0;font-size:11px;letter-spacing:.1em;font-weight:400;color:var(--muted)}
#experiences.experience-redesign .primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:172px;padding:14px 26px;border:1px solid #24221f;border-radius:2px;background:#24221f;color:#fff;font-size:19px;font-weight:400;line-height:1.2;transition:background .2s,border-color .2s}
:root[data-theme=dark] #experiences.experience-redesign .primary-button{background:#f4f0eb;border-color:#f4f0eb;color:#24221f}
#experiences.experience-redesign .primary-button:hover{background:#534a40;border-color:#534a40;color:#fff}
#experiences.experience-redesign .primary-button:focus-visible{outline:2px solid var(--ex-accent);outline-offset:5px}
#experiences.experience-redesign .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:26px;border-top:1px solid var(--line)}
#experiences.experience-redesign .benefits>div{display:block;padding:0;border:0}
#experiences.experience-redesign .benefits h3{margin:0;font-size:21px;line-height:1.1;font-weight:400;letter-spacing:-.015em}
#experiences.experience-redesign .benefits p{margin:8px 0 0;font-size:16px;line-height:1.4;color:var(--muted)}
body[data-clean-film-preview] .home-film-controls{display:none!important}
body[data-clean-film-preview] video[data-home-film]{pointer-events:none!important;cursor:default}
body[data-clean-film-preview] video[data-home-film]:focus-visible{outline:2px solid #b1a08a;outline-offset:5px}
@keyframes ex-arrive{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes ex-rule{from{transform:scaleX(.25)}to{transform:scaleX(1)}}
@media(max-width:1100px){
 #experiences.experience-redesign .section-heading{gap:32px}
 #experiences.experience-redesign .section-heading>p{font-size:19px}
 #experiences.experience-redesign .experience-panel{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px}
 #experiences.experience-redesign .editorial-product{grid-template-columns:46px minmax(0,1fr);gap:8px}
 #experiences.experience-redesign .editorial-product img{width:46px;height:64px}
 #experiences.experience-redesign .editorial-product span{font-size:13px}
 #experiences.experience-redesign .experience-copy>p{font-size:19px}
 #experiences.experience-redesign .journey>span{font-size:16px}
}
@media(max-width:760px){
 #experiences.experience-redesign{scroll-margin-top:72px;padding:36px 24px 40px}
 #experiences.experience-redesign .section-heading{display:block;margin-bottom:24px}
 #experiences.experience-redesign .section-heading .eyebrow{font-size:10px;letter-spacing:.14em}
 #experiences.experience-redesign .section-heading h2{font-size:clamp(35px,9.6vw,46px);line-height:1.01;letter-spacing:-.04em;margin-top:14px}
 #experiences.experience-redesign .section-heading>p{font-size:18px;line-height:1.35;max-width:340px;margin:18px 0 0}
 #experiences.experience-redesign .experience-tabs{gap:16px}
 #experiences.experience-redesign .experience-tabs button{display:flex;flex-direction:column;gap:0;min-height:70px;padding:16px 0 14px}
 #experiences.experience-redesign .experience-tabs button>span{display:none}
 #experiences.experience-redesign .experience-tabs strong{font-size:21px;letter-spacing:-.025em}
 #experiences.experience-redesign .experience-tabs small{display:none}
 #experiences.experience-redesign .experience-panel{display:flex;flex-direction:column;align-items:stretch;padding:24px 0 30px;gap:34px}
 #experiences.experience-redesign .experience-art{order:0}
 #experiences.experience-redesign .editorial-caption{margin-bottom:12px;gap:12px}
 #experiences.experience-redesign .editorial-caption strong{font-size:15px}
 #experiences.experience-redesign .editorial-caption>span{font-size:11px;letter-spacing:.06em}
 #experiences.experience-redesign .editorial-film{height:auto;aspect-ratio:4/5;max-height:540px;border-radius:2px}
 #experiences.experience-redesign .editorial-film video{object-position:center 20%}
 #experiences.experience-redesign .editorial-products{gap:12px;margin-top:12px}
 #experiences.experience-redesign .editorial-product{grid-template-columns:1fr;gap:8px;padding-top:12px;align-content:start}
 #experiences.experience-redesign .editorial-product img{width:100%;height:88px}
 #experiences.experience-redesign .editorial-product span{font-size:13px;line-height:1.25;min-height:33px}
 #experiences.experience-redesign .interface-caption{font-size:11px;margin-top:12px}
 #experiences.experience-redesign .experience-copy{order:1;max-width:none}
 #experiences.experience-redesign .experience-copy>.eyebrow{font-size:11px;letter-spacing:.13em}
 #experiences.experience-redesign .experience-copy h3{font-size:42px;line-height:1.01;margin:16px 0 20px}
 #experiences.experience-redesign .experience-copy>p{font-size:19px;line-height:1.42;max-width:420px}
 #experiences.experience-redesign .journey{margin:24px 0}
 #experiences.experience-redesign .journey>span{font-size:17px;gap:18px;padding:13px 0}
 #experiences.experience-redesign .primary-button{width:100%;min-height:54px;font-size:19px}
 #experiences.experience-redesign .benefits{display:flex;flex-direction:column;gap:0;padding:0}
 #experiences.experience-redesign .benefits>div{display:grid;grid-template-columns:125px 1fr;gap:24px;padding:19px 0;border-top:1px solid var(--line)}
 #experiences.experience-redesign .benefits>div:first-child{border-top:0}
 #experiences.experience-redesign .benefits h3{font-size:19px;line-height:1.2}
 #experiences.experience-redesign .benefits p{margin:0;font-size:16px;line-height:1.35}
}
@media(max-width:360px){
 #experiences.experience-redesign{padding-inline:20px}
 #experiences.experience-redesign .section-heading h2{font-size:34px}
 #experiences.experience-redesign .editorial-caption>span{display:none}
 #experiences.experience-redesign .experience-copy h3{font-size:38px}
 #experiences.experience-redesign .benefits>div{grid-template-columns:110px 1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){#experiences.experience-redesign *{animation:none!important;transition:none!important}}

#experiences.experience-redesign .editorial-film video[data-film-name="In-Store preview"],#experiences.experience-redesign .editorial-film video[data-film-name="VIC preview"]{object-position:center top}

#experiences.experience-redesign .section-heading>p{text-wrap:balance}

#experiences.experience-redesign .section-heading>p>span{display:block}

@media(max-width:760px){#experiences.experience-redesign .section-heading>p{justify-self:start;width:100%}}

#experiences.experience-redesign #experience-title br,#experiences.experience-redesign .experience-copy h3 br{display:initial!important}

/* Approved text-only presentation. */
#experiences.text-only-experience{--text-tab-bg:rgba(36,34,31,.035);padding-top:56px;padding-bottom:48px}
:root[data-theme=dark] #experiences.text-only-experience{--text-tab-bg:rgba(244,240,235,.05)}
#experiences.text-only-experience .section-heading{gap:56px;margin-bottom:34px}
#experiences.text-only-experience .section-heading h2{font-size:clamp(42px,4vw,58px);line-height:1.04;letter-spacing:-.04em}
#experiences.text-only-experience .section-heading>p{font-size:20px;line-height:1.45;max-width:300px}
#experiences.text-only-experience .experience-tabs{gap:20px;padding:8px 0;border-block:1px solid var(--line)}
#experiences.text-only-experience .experience-tabs button{min-height:82px;padding:19px 20px 17px;grid-template-columns:26px 1fr;column-gap:14px;transition:background .2s,color .2s}
#experiences.text-only-experience .experience-tabs strong{font-size:27px;line-height:1.05}
#experiences.text-only-experience .experience-tabs small{font-size:14px;margin-top:7px}
#experiences.text-only-experience .experience-tabs [aria-selected=true]{background:var(--text-tab-bg)!important}
#experiences.text-only-experience .experience-tabs [aria-selected=true]:after{bottom:0;left:20px;right:20px;height:2px}
#experiences.text-only-experience .experience-tabs button:focus-visible{outline-offset:2px}
#experiences.text-only-experience .experience-panel{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:clamp(48px,5vw,80px);padding:44px 0 48px;min-height:0}
#experiences.text-only-experience .text-title-block{padding-top:6px;min-width:0}
#experiences.text-only-experience .text-title-block>.eyebrow{display:block;font-size:12px;letter-spacing:.16em;line-height:1.4;color:var(--muted)}
#experiences.text-only-experience .text-title-block h3{font-size:clamp(44px,4.5vw,64px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:24px 0 0;max-width:660px}
#experiences.text-only-experience .headline-tail{color:var(--muted)}
#experiences.text-only-experience .text-details-block{padding:3px 0 2px 40px;border-left:1px solid var(--line);min-width:0;max-width:530px}
#experiences.text-only-experience .text-details-block>p{font-size:21px;line-height:1.48;max-width:460px;margin:0;color:var(--muted)}
#experiences.text-only-experience .journey{margin:26px 0 28px}
#experiences.text-only-experience .journey>span{font-size:17px;padding:15px 0;gap:20px;line-height:1.3}
#experiences.text-only-experience .journey b{font-size:11px;letter-spacing:.12em;min-width:20px}
#experiences.text-only-experience .primary-button{min-width:180px;min-height:54px;font-size:19px}
#experiences.text-only-experience .benefits{padding-top:26px;gap:0}
#experiences.text-only-experience .benefits>div{padding:0 30px;border-left:1px solid var(--line)}
#experiences.text-only-experience .benefits>div:first-child{padding-left:0;border-left:0}
#experiences.text-only-experience .benefits h3{font-size:20px;line-height:1.2}
#experiences.text-only-experience .benefits p{max-width:290px;font-size:16px;line-height:1.4;margin-top:8px}
@media(max-width:1000px){#experiences.text-only-experience .experience-panel{gap:36px}#experiences.text-only-experience .text-title-block h3{font-size:48px}#experiences.text-only-experience .text-details-block{padding-left:28px}#experiences.text-only-experience .text-details-block>p{font-size:20px}#experiences.text-only-experience .experience-tabs button{padding-inline:14px}}
@media(max-width:760px){
 #experiences.text-only-experience{padding-top:34px;padding-bottom:32px}
 #experiences.text-only-experience .section-heading{margin-bottom:25px}
 #experiences.text-only-experience .section-heading h2{font-size:clamp(34px,9.4vw,44px);line-height:1.04}
 #experiences.text-only-experience .section-heading>p{font-size:18px;line-height:1.4;margin-top:18px}
 #experiences.text-only-experience .experience-tabs{gap:8px;padding:6px 0}
 #experiences.text-only-experience .experience-tabs button{min-height:58px;justify-content:center;padding:15px 12px}
 #experiences.text-only-experience .experience-tabs strong{font-size:21px}
 #experiences.text-only-experience .experience-tabs [aria-selected=true]:after{left:12px;right:12px}
 #experiences.text-only-experience .experience-panel{display:block;min-height:0;padding:30px 0 34px}
 #experiences.text-only-experience .text-title-block{padding:0}
 #experiences.text-only-experience .text-title-block>.eyebrow{font-size:11px;letter-spacing:.13em}
 #experiences.text-only-experience .text-title-block h3{font-size:43px;line-height:1.07;margin-top:18px;max-width:500px}
 #experiences.text-only-experience .text-details-block{padding:24px 0 0;max-width:none;border-left:0}
 #experiences.text-only-experience .text-details-block>p{font-size:19px;line-height:1.48}
 #experiences.text-only-experience .journey{margin:24px 0}
 #experiences.text-only-experience .journey>span{font-size:17px;padding:14px 0;gap:18px}
 #experiences.text-only-experience .primary-button{width:100%;min-height:54px}
 #experiences.text-only-experience .benefits{padding:0}
 #experiences.text-only-experience .benefits>div,#experiences.text-only-experience .benefits>div:first-child{padding:19px 0;border-left:0}
 #experiences.text-only-experience .benefits h3{font-size:19px}
 #experiences.text-only-experience .benefits p{margin:0;font-size:16px}
}
@media(max-width:360px){#experiences.text-only-experience .text-title-block h3{font-size:37px}#experiences.text-only-experience .experience-tabs button{padding-inline:9px}#experiences.text-only-experience .experience-tabs strong{font-size:20px}}
#experiences.text-only-experience .text-title-block h3 br{display:initial!important}