/* A fashion cover opens into the landscape on the first scroll. */
.campaign-scroll{position:relative;height:158svh;min-height:950px;background:var(--paper)}
.campaign-stage{--reveal:0;--depart:0;--arrival:0;position:sticky;top:var(--header-height,98px);height:calc(100svh - var(--header-height,98px));min-height:600px;max-height:1100px;overflow:hidden;isolation:isolate;contain:layout paint;background:var(--paper)}
.campaign-frame{position:absolute;inset:calc(7% * (1 - var(--reveal))) calc(4% * (1 - var(--reveal))) calc(8% * (1 - var(--reveal))) calc(49% * (1 - var(--reveal)));overflow:hidden;background:#c4b2a0;z-index:1}
.campaign-image{display:block;width:100%;height:100%;object-fit:cover;object-position:67% calc(50% - var(--reveal)*30%);transform:scale(calc(1.04 - var(--reveal)*.04));will-change:transform}
.campaign-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#241c19a1 0%,#241c191c 45%,transparent 70%);opacity:var(--arrival)}
.campaign-meta{position:absolute;top:30px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.7px;opacity:calc(1 - var(--depart));pointer-events:none}.campaign-meta>span:last-child{font-size:11px}
.campaign-cover{position:absolute;top:23%;left:7%;width:40%;z-index:2;opacity:calc(1 - var(--depart));transform:translate3d(calc(var(--depart)*-50px),0,0)}
.campaign-cover>.eyebrow{font-size:11px;letter-spacing:1.7px;margin:0 0 35px;max-width:300px}
.campaign-cover h1{font-family:var(--display);font-weight:300;font-size:clamp(86px,9.2vw,156px);line-height:.82;letter-spacing:-.055em;margin:0;color:var(--ink)}
.campaign-cover h1 em{font-family:'Italiana',Georgia,serif;font-size:.88em;font-style:normal;color:var(--clay);display:inline-block;margin-top:.11em;letter-spacing:-.06em;white-space:nowrap}
.campaign-description{font-size:15px;line-height:1.7;margin:35px 0 30px;max-width:280px}
.campaign-shop{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:46px;padding:0 0 7px;border-bottom:1px solid var(--ink);font-size:14px;transition:color .2s;position:relative}
.campaign-shop>span{font-size:22px;transition:transform .3s}.campaign-shop:hover{color:var(--accent)}.campaign-shop:hover>span{transform:translate(4px,-4px)}
.campaign-cover.is-departed{visibility:hidden;pointer-events:none}
.campaign-reveal{position:absolute;left:7%;right:7%;bottom:16%;z-index:3;color:var(--paper);opacity:var(--arrival);transform:translate3d(0,calc((1 - var(--arrival))*35px),0);pointer-events:none}
.campaign-reveal>span{font-size:12px;letter-spacing:2px}
.campaign-reveal>p{font:300 clamp(52px,5.8vw,92px)/1.04 var(--display);letter-spacing:-.04em;margin:25px 0 0;max-width:900px}
.campaign-reveal em{font-family:'Italiana',Georgia,serif;font-style:normal;font-size:.86em}
.campaign-bottom{position:absolute;bottom:24px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--ink);transition:color .18s}
.campaign-stage.is-open .campaign-bottom{color:var(--paper)}
.campaign-scroll-cue{font-size:12px;display:flex;align-items:center;gap:15px;min-height:35px}.campaign-scroll-cue>span{font-size:20px}
.campaign-caption{font-size:12px;letter-spacing:.2px}.campaign-progress{height:1px;width:70px;background:currentColor;opacity:.5;position:relative;overflow:hidden}.campaign-progress>span{position:absolute;inset:0;background:currentColor;transform:scaleX(var(--reveal));transform-origin:left;height:3px;top:-1px}
@media(min-width:1600px){.campaign-cover{top:25%}.campaign-cover h1{font-size:158px}}
@media(max-width:1100px){.campaign-cover{left:5%;width:42%;top:25%}.campaign-cover h1{font-size:10vw}.campaign-cover>.eyebrow{max-width:250px;font-size:10px}.campaign-description{max-width:250px}.campaign-frame{inset:calc(8% * (1 - var(--reveal))) calc(4% * (1 - var(--reveal))) calc(9% * (1 - var(--reveal))) calc(50% * (1 - var(--reveal)))}.campaign-meta{font-size:10px}.campaign-reveal{left:6%;bottom:18%}.campaign-reveal>p{font-size:6.6vw}}
@media(max-width:700px){
 .campaign-scroll{height:160svh;min-height:1030px}.campaign-stage{min-height:610px;max-height:none}
 .campaign-meta{top:23px;left:6%;right:6%;font-size:10px;letter-spacing:1px}.campaign-meta>span:last-child{font-size:10px}
 .campaign-cover{top:11%;left:6%;width:88%;transform:translate3d(0,calc(var(--depart)*-35px),0)}
 .campaign-cover>.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:19px;max-width:none}
 .campaign-cover h1{font-size:clamp(67px,15.5vw,110px);line-height:.9;letter-spacing:-.045em}
 .campaign-cover h1 br{display:none}.campaign-cover h1 em{margin-left:10px;margin-top:0;font-size:.81em;letter-spacing:-.055em}
 .campaign-description{font-size:13px;margin:17px 0 8px;max-width:none}.campaign-shop{font-size:13px;min-height:37px;gap:35px;padding-bottom:4px}
 .campaign-frame{inset:calc(43% * (1 - var(--reveal))) calc(6% * (1 - var(--reveal))) calc(10% * (1 - var(--reveal))) calc(6% * (1 - var(--reveal)))}
 .campaign-image{object-position:66% center}
 .campaign-reveal{left:7%;right:7%;bottom:17%}.campaign-reveal>span{font-size:10px;letter-spacing:1.5px}.campaign-reveal>p{font-size:clamp(43px,10vw,67px);line-height:1.08;margin-top:20px}.campaign-reveal em{font-size:.92em}
 .campaign-bottom{left:6%;right:6%;bottom:20px;gap:15px}.campaign-scroll-cue{font-size:11px;gap:10px}.campaign-caption{display:none}.campaign-progress{width:48px}
 html[lang=de] .campaign-cover h1{font-size:clamp(58px,14vw,98px)}
 html[lang=de] .campaign-frame{inset:calc(51% * (1 - var(--reveal))) calc(6% * (1 - var(--reveal))) calc(10% * (1 - var(--reveal))) calc(6% * (1 - var(--reveal)))}
}
@media(max-width:370px){.campaign-cover h1{font-size:15.1vw}.campaign-cover h1 em{margin-left:6px}.campaign-cover>.eyebrow{font-size:8px}.campaign-description{font-size:12px}.campaign-reveal>p{font-size:40px}}
@media(prefers-reduced-motion:reduce){
 .campaign-scroll{height:auto;min-height:0}.campaign-stage{position:relative;top:0;--reveal:0!important;--depart:0!important;--arrival:0!important}
 .campaign-image,.campaign-cover{transform:none}.campaign-reveal,.campaign-progress{display:none}.campaign-bottom{color:var(--ink)!important}.campaign-cover.is-departed{visibility:visible;pointer-events:auto}
}