/* A fashion cover for recruitment, with its own unpinned camera movement. */
.recruit-hero{--recruit-p:0;--recruit-x:0px;--recruit-y:0px;position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - var(--header-height));min-height:650px;max-height:1050px;background:radial-gradient(ellipse at 55% 70%,#33202d55,transparent 55%),#101014;color:#f9f4f5}
.recruit-layout{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;position:relative;z-index:1;padding-bottom:50px}
.recruit-copy{position:relative;z-index:3;padding-bottom:10px}
.recruit-eyebrow{display:flex;align-items:center;gap:15px;color:#e5a8bf;font:600 10px/1.5 Arial,sans-serif;letter-spacing:3px;margin-bottom:38px}
.recruit-eyebrow>span{width:36px;height:1px;background:#d97d9f}
.recruit-copy h1{font:850 italic clamp(52px,5.4vw,92px)/1.16 var(--display);letter-spacing:-.045em;margin:0}
.recruit-copy h1>span,.recruit-copy h1>em{display:block;font-style:inherit}
.recruit-copy h1>em{color:#eaa4bd;margin-top:12px}
.recruit-invitation{font-size:clamp(16px,1.4vw,22px);line-height:1.7;letter-spacing:.08em;margin:32px 0 15px;color:#f0e5eb}
.recruit-description{max-width:360px;color:#a49aa6;font-size:12px;line-height:2.1;letter-spacing:.025em}
.recruit-link{display:inline-flex;align-items:center;gap:38px;margin-top:32px;border-bottom:1px solid #f0b4ce66;padding:0 0 10px;font-size:13px;color:#f3e6ef;letter-spacing:.07em}
.recruit-link>span{font:25px/1 Arial;transition:transform .35s}.recruit-link:hover>span{transform:translate(4px,-4px)}
.recruit-visual{position:relative;height:86%;max-height:800px;min-height:480px;perspective:1200px}
.recruit-frame{position:absolute;inset:3% 11% 1% 1%;z-index:2;transform:translate3d(var(--recruit-x),calc(var(--recruit-y) - var(--recruit-p)*32px),0);transition:transform .25s ease-out}
.recruit-frame:before{content:"";position:absolute;inset:-15px 16px 15px -16px;border:1px solid #bc8b9b4d;z-index:-1}
.recruit-photo{position:absolute;inset:0;margin:0;overflow:hidden;background:#b0a99e;animation:recruit-aperture 1.5s cubic-bezier(.22,1,.36,1) both}
.recruit-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(calc(1 + var(--recruit-p)*.12));transform-origin:50% 0%;filter:saturate(.65);transition:transform .25s ease-out}
.recruit-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#20111e5c);pointer-events:none}
.recruit-edge{position:absolute;right:-28px;top:0;writing-mode:vertical-rl;font:500 9px/1 Arial;letter-spacing:3px;color:#b59da9}
.recruit-outline{position:absolute;right:-9%;bottom:-1%;z-index:3;font:italic 400 clamp(95px,12vw,210px)/.75 Georgia,serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #f3d2dfb0;pointer-events:none;translate:0 calc(var(--recruit-p)*-45px);transition:translate .25s ease-out}
.recruit-watermark{position:absolute;left:-1%;bottom:6%;font:500 clamp(110px,18vw,300px)/.85 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #a284941f;white-space:nowrap;pointer-events:none;translate:calc(var(--recruit-p)*-110px) 0;transition:translate .25s ease-out}
.recruit-bottom{position:absolute;z-index:4;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#9a8a96;font-size:10px;letter-spacing:.1em}
.recruit-bottom>a{display:flex;align-items:center;gap:12px;color:#cbb4c1;font-size:10px;min-height:32px}
.recruit-bottom>a>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #9a72864d;border-radius:50%;font-size:16px;animation:recruit-cue 2.6s ease-in-out infinite;animation-play-state:paused}
.recruit-in-view .recruit-bottom>a>span{animation-play-state:running}
.recruit-copy>*{animation:recruit-type 1s cubic-bezier(.22,1,.36,1) both}.recruit-copy h1{animation-delay:.12s}.recruit-copy .recruit-invitation{animation-delay:.25s}.recruit-copy .recruit-description{animation-delay:.34s}.recruit-copy .recruit-link{animation-delay:.43s}
.recruit-link:focus-visible,.recruit-bottom a:focus-visible{outline:2px solid #efaac5;outline-offset:7px}
@keyframes recruit-aperture{from{clip-path:inset(0 50% 0 50%);filter:brightness(.5)}to{clip-path:inset(0);filter:brightness(1)}}
@keyframes recruit-type{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes recruit-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1000px) and (min-width:761px){.recruit-layout{gap:2%;grid-template-columns:1.1fr 1fr}.recruit-copy h1{font-size:54px}.recruit-invitation{font-size:17px}.recruit-visual{height:76%}.recruit-outline{right:-5%}}
@media(max-width:760px){
 .recruit-hero{min-height:820px;height:calc(100svh - var(--header-height));max-height:900px}
 .recruit-layout{display:block;padding:0}.recruit-copy{position:absolute;left:0;top:48px;right:0;padding:0}
 .recruit-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px;gap:10px}.recruit-eyebrow>span{width:24px}
 .recruit-copy h1{font-size:clamp(43px,12vw,62px);line-height:1.13}.recruit-copy h1>em{margin-top:6px}
 .recruit-invitation{font-size:14px;letter-spacing:.025em;margin-top:20px;max-width:none}.recruit-description{font-size:11px;max-width:280px;line-height:1.95}
 .recruit-link{font-size:11px;gap:24px;margin-top:24px}
 .recruit-visual{position:absolute;inset:350px -8% 87px 18%;height:auto;max-height:none;min-height:0;z-index:0}
 .recruit-frame{inset:0 12% 0 0}.recruit-frame:before{inset:-10px 10px 10px -10px}.recruit-photo img{object-position:54% 0%}
 .recruit-visual:after{content:"";position:absolute;z-index:2;inset:-2px 45% -2px -2px;background:linear-gradient(90deg,#101014e6,transparent);pointer-events:none}
 .recruit-edge{right:-19px;font-size:7px;letter-spacing:2px}.recruit-outline{font-size:104px;right:4%;bottom:-4%;z-index:3}
 .recruit-bottom{bottom:22px;font-size:8px;letter-spacing:0}.recruit-bottom>a{font-size:9px;gap:7px}.recruit-watermark{font-size:110px;bottom:10%}
}
@media(prefers-reduced-motion:reduce){.recruit-copy>*,.recruit-photo,.recruit-bottom>a>span{animation:none}.recruit-frame,.recruit-photo img{transform:none;transition:none}.recruit-outline,.recruit-watermark{translate:none;transition:none}}
