temperd-refined-hero{--cream: #ffedd7;--ink: #13120d;--olive: #293326;--progress: 0;--intro: 1;--opening: 0;--detail: 0;--signature: 0;color-scheme:dark}temperd-refined-hero *{box-sizing:border-box}temperd-refined-hero{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased}temperd-refined-hero p,temperd-refined-hero h1,temperd-refined-hero h2{margin:0}temperd-refined-hero button,temperd-refined-hero a{-webkit-tap-highlight-color:transparent}temperd-refined-hero a{color:inherit;text-decoration:none}temperd-refined-hero button{font:inherit;color:inherit;cursor:pointer}temperd-refined-hero a:focus-visible,temperd-refined-hero button:focus-visible{outline:2px solid var(--cream);outline-offset:7px}temperd-refined-hero{position:relative;height:440svh;--progress: 0;--intro: 1;--opening: 0;--detail: 0;--signature: 0}temperd-refined-hero .trh-sticky-stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden;background:#4b4b3d}temperd-refined-hero .trh-scene,temperd-refined-hero .trh-scene-poster,temperd-refined-hero .trh-scene-film,temperd-refined-hero .trh-scene-sequence,temperd-refined-hero .trh-scene-canvas,temperd-refined-hero .trh-scene-shade,temperd-refined-hero .trh-signature-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}temperd-refined-hero .trh-scene{z-index:0;overflow:hidden;filter:contrast(1.28) saturate(1.23) brightness(1.02)}temperd-refined-hero .trh-scene-poster img{display:block;width:100%;height:100%;object-fit:cover}temperd-refined-hero .trh-scene-film{object-fit:cover;opacity:0}temperd-refined-hero .trh-scene-film.trh-is-ready{opacity:1}temperd-refined-hero .trh-scene-sequence{opacity:0;object-fit:cover;transition:opacity .18s ease-out}temperd-refined-hero .trh-scene-canvas{object-fit:cover;opacity:0;pointer-events:none}temperd-refined-hero .trh-scene-canvas[hidden],temperd-refined-hero [data-toggle][hidden]{display:none}temperd-refined-hero[data-player=canvas-video] .trh-scene-film,temperd-refined-hero[data-player=canvas-video] .trh-scene-sequence{opacity:0!important;pointer-events:none}temperd-refined-hero .trh-scene-shade{z-index:1;pointer-events:none;opacity:calc(1 - var(--signature));background:radial-gradient(ellipse at 58% 58%,transparent 35%,rgba(5,12,19,.2) 100%),linear-gradient(180deg,rgba(8,12,18,.26) 0%,transparent 32%,transparent 70%,rgba(8,12,18,.24) 100%)}temperd-refined-hero .trh-signature-shade{z-index:1;pointer-events:none;opacity:var(--signature);background:linear-gradient(180deg,#0003,transparent 34%,transparent 65%,#0006)}temperd-refined-hero .trh-site-header{position:absolute;z-index:8;top:24px;left:48px;right:86px;display:flex;align-items:center;justify-content:space-between}temperd-refined-hero .trh-small-wordmark{width:95px;opacity:calc(1 - var(--intro));display:block}temperd-refined-hero .trh-small-wordmark img{display:block;width:100%}temperd-refined-hero[data-chapter=intro] .trh-small-wordmark,temperd-refined-hero[data-chapter=intro] .trh-replay{visibility:hidden}temperd-refined-hero nav{display:flex;align-items:center;gap:26px;font-size:11px;font-weight:700!important;text-transform:uppercase}temperd-refined-hero nav button,temperd-refined-hero nav a{display:flex;align-items:center;gap:4px;background:none;border:0;padding:8px 0;font:inherit;text-transform:inherit}temperd-refined-hero nav button:hover,temperd-refined-hero nav a:hover{opacity:.65}temperd-refined-hero .trh-intro-composition,temperd-refined-hero .trh-opening-composition,temperd-refined-hero .trh-detail-composition,temperd-refined-hero .trh-signature-composition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}temperd-refined-hero .trh-intro-composition{opacity:var(--intro);transform:translateY(calc(var(--progress) * -100px))}temperd-refined-hero .trh-hero-lockup{position:absolute;left:46px;top:48px;width:16.5vw;max-width:310px}temperd-refined-hero .trh-hero-lockup>p{font-family:TemperdHeroArchivo,Arial,sans-serif!important;font-size:15px;text-transform:uppercase;text-align:right;line-height:1.1;margin-bottom:14px}temperd-refined-hero .trh-hero-lockup :is(h1,h2){line-height:0}temperd-refined-hero .trh-hero-lockup img{display:block;width:100%;height:auto}temperd-refined-hero .trh-hero-copy{position:absolute;left:80%;right:4%;top:39%;font-size:clamp(22px,1.8vw,30px);font-weight:600!important;line-height:1.17;letter-spacing:-.035em;text-shadow:0 2px 20px #19201455}temperd-refined-hero .trh-hero-copy span{display:block;font-size:10px;letter-spacing:.025em;text-transform:uppercase;line-height:1.5;margin-top:20px}temperd-refined-hero .trh-editorial-card{position:absolute;left:46px;bottom:40px;width:258px;min-height:282px;padding:24px 18px 21px;border:1px solid #ffedd728;background:#09131d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:space-between}temperd-refined-hero .trh-card-heading{font-family:TemperdHeroArchivo,Arial,sans-serif!important;font-size:23px;line-height:1.16;letter-spacing:-.035em;text-transform:uppercase}temperd-refined-hero .trh-card-bottom{font-size:14px;line-height:1.45;letter-spacing:-.02em;text-align:right;border-top:1px dotted #ffedd7b0;padding-top:20px;margin-top:55px;font-weight:600!important}temperd-refined-hero .trh-opening-composition{opacity:var(--opening);transform:translateY(calc((1 - var(--opening)) * 30px))}temperd-refined-hero .trh-eyebrow{position:absolute;left:50%;top:12%;transform:translate(-50%);font-size:12px;line-height:1.4;font-weight:700!important;text-transform:uppercase;text-align:center;white-space:nowrap}temperd-refined-hero .trh-opening-composition h2{position:absolute;left:6%;top:33%;font-family:TemperdHeroArchivo,Arial,sans-serif!important;font-size:clamp(45px,5.5vw,90px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase;max-width:30%}temperd-refined-hero .trh-opening-copy{position:absolute;right:7%;top:33%;font-size:clamp(22px,2.2vw,36px);font-weight:600!important;line-height:1.12;letter-spacing:-.035em}temperd-refined-hero .trh-detail-composition{opacity:var(--detail);transform:translateY(calc((1 - var(--detail)) * 28px))}temperd-refined-hero .trh-detail-composition h2{position:absolute;left:6%;top:20%;font-family:TemperdHeroArchivo,Arial,sans-serif!important;font-size:clamp(39px,4.7vw,76px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}temperd-refined-hero .trh-detail-statement{position:absolute;right:7%;top:20%;font-family:TemperdHeroArchivo,Arial,sans-serif!important;font-size:clamp(39px,4.7vw,76px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}temperd-refined-hero .trh-material-caption{opacity:calc(1 - var(--signature));position:absolute;right:7%;bottom:18%;font-size:13px;font-weight:600!important;line-height:1.4;text-align:right}temperd-refined-hero .trh-signature-composition{opacity:var(--signature);transform:translateY(calc((1 - var(--signature)) * 16px))}temperd-refined-hero .trh-signature-caption{position:absolute;left:48px;bottom:15%;line-height:1.4}temperd-refined-hero .trh-signature-caption span{display:block}temperd-refined-hero .trh-signature-caption span:first-child{font-size:14px;font-weight:700!important;text-transform:uppercase;letter-spacing:.035em}temperd-refined-hero .trh-signature-caption span:last-child{margin-top:6px;font-size:16px}temperd-refined-hero .trh-side-label{position:absolute;z-index:8;right:0;top:0;min-height:178px;writing-mode:vertical-rl;background:var(--cream);color:var(--ink);padding:31px 18px 23px;display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase}temperd-refined-hero .trh-side-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}temperd-refined-hero .trh-side-progress{width:1px;height:35px;background:#13120d33;position:relative}temperd-refined-hero .trh-side-progress:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:scaleY(var(--progress));transform-origin:top;background:var(--ink)}temperd-refined-hero .trh-motion-controls{position:absolute;z-index:7;left:48px;bottom:10px;display:flex;gap:18px;align-items:center}temperd-refined-hero .trh-motion-controls button{background:none;border:0;padding:8px 0;display:flex;gap:6px;align-items:center;font-size:9px;text-transform:uppercase}temperd-refined-hero .trh-replay{opacity:calc(1 - var(--intro))}temperd-refined-hero .trh-scroll-cue{position:absolute;z-index:7;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:10px;border:0;background:none;text-transform:uppercase;font-size:10px;font-weight:600!important;opacity:calc(1 - var(--signature))}temperd-refined-hero .trh-scroll-icon{width:25px;height:25px;border:1px dotted #ffedd797;border-radius:50%;display:grid;place-items:center}temperd-refined-hero .trh-scroll-icon svg{animation:trh-nudge 2.2s ease-in-out infinite}temperd-refined-hero .trh-product-cta{position:absolute;z-index:7;right:45px;bottom:25px;display:flex;align-items:center;gap:24px;padding:15px 19px;border:1px solid #ffedd7a8;background:#09131d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:600!important;text-transform:uppercase;transition:background .2s,color .2s;min-height:48px}temperd-refined-hero .trh-product-cta:hover{background:var(--cream);color:var(--ink)}temperd-refined-hero .trh-progress-line{position:absolute;z-index:9;bottom:0;left:0;width:100%;transform:scaleX(var(--progress));transform-origin:left;height:2px;background:var(--cream)}temperd-refined-hero .trh-ritual-anchor{position:absolute;top:155svh}temperd-refined-hero .trh-detail-anchor{position:absolute;bottom:100svh}temperd-refined-hero .trh-skip-link{position:absolute;z-index:20;top:10px;left:10px;transform:translateY(-200%);padding:12px;background:var(--cream);color:var(--ink)}temperd-refined-hero .trh-skip-link:focus{transform:none}temperd-refined-hero .trh-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}@keyframes trh-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media(min-width:1800px){temperd-refined-hero .trh-editorial-card{width:310px;min-height:330px;padding:28px 23px}temperd-refined-hero .trh-card-heading{font-size:28px}temperd-refined-hero .trh-card-bottom{font-size:17px}temperd-refined-hero .trh-hero-lockup{top:58px}temperd-refined-hero .trh-site-header{top:27px}}@media(max-width:1100px)and (min-width:651px){temperd-refined-hero .trh-editorial-card{width:205px;min-height:235px;left:30px}temperd-refined-hero .trh-card-heading{font-size:19px}temperd-refined-hero .trh-card-bottom{font-size:12px;margin-top:36px}temperd-refined-hero .trh-hero-lockup{left:30px;width:19vw}temperd-refined-hero .trh-hero-copy{left:77%;font-size:21px}temperd-refined-hero .trh-site-header{left:30px}temperd-refined-hero .trh-motion-controls{left:30px}temperd-refined-hero .trh-product-cta{right:30px}temperd-refined-hero .trh-opening-composition h2{font-size:46px}temperd-refined-hero .trh-opening-copy{font-size:24px}}@media(max-width:650px),(max-aspect-ratio:1/1){temperd-refined-hero{height:400svh}temperd-refined-hero .trh-site-header{top:15px;left:20px;right:55px}temperd-refined-hero .trh-small-wordmark{width:75px}temperd-refined-hero nav{font-size:9px;gap:15px}temperd-refined-hero nav button:nth-child(2){display:none}temperd-refined-hero .trh-hero-lockup{left:19px;top:77px;width:calc((100% - 38px)*.37)}temperd-refined-hero .trh-hero-lockup>p{font-size:10px;text-align:left;margin-bottom:13px}temperd-refined-hero .trh-hero-copy{left:21px;right:auto;top:calc(125px + (100vw - 38px) * .37 * .2246);font-size:22px;line-height:1.1;max-width:75%}temperd-refined-hero .trh-hero-copy span{font-size:9px;margin-top:12px}temperd-refined-hero .trh-editorial-card{left:20px;bottom:71px;width:43%;min-height:156px;padding:14px 12px}temperd-refined-hero .trh-card-heading{font-size:15px;line-height:1.13}temperd-refined-hero .trh-card-bottom{font-size:10px;line-height:1.3;padding-top:12px;margin-top:25px}temperd-refined-hero .trh-side-label{min-height:108px;font-size:9px;padding:16px 12px;gap:9px}temperd-refined-hero .trh-side-progress{display:none}temperd-refined-hero .trh-motion-controls{left:20px;bottom:20px;gap:17px}temperd-refined-hero .trh-motion-controls button{font-size:9px;padding:10px 0}temperd-refined-hero .trh-scroll-cue{left:auto;right:20px;bottom:22px;transform:none;font-size:8px;gap:6px}temperd-refined-hero .trh-scroll-icon{width:21px;height:21px}temperd-refined-hero .trh-product-cta{right:20px;bottom:71px;width:43%;padding:14px 12px;font-size:9px;gap:9px;justify-content:space-between;min-height:45px}temperd-refined-hero .trh-product-cta svg{width:16px}temperd-refined-hero .trh-opening-composition .trh-eyebrow,temperd-refined-hero .trh-detail-composition .trh-eyebrow{top:15%;font-size:10px}temperd-refined-hero .trh-opening-composition h2{left:20px;top:24%;font-size:45px;max-width:80%}temperd-refined-hero .trh-opening-copy{right:22px;top:auto;bottom:23%;font-size:21px}temperd-refined-hero .trh-detail-composition h2{left:20px;top:22%;font-size:36px}temperd-refined-hero .trh-detail-statement{top:38%;bottom:auto;right:20px;font-size:34px}temperd-refined-hero .trh-material-caption{left:20px;right:auto;bottom:15%;font-size:10px;text-align:left;max-width:40%}temperd-refined-hero .trh-signature-caption{left:20px;right:20px;bottom:23%}temperd-refined-hero .trh-signature-caption span:first-child{font-size:13px}temperd-refined-hero .trh-signature-caption span:last-child{font-size:15px}temperd-refined-hero .trh-scene-shade{background:radial-gradient(ellipse at 52% 58%,transparent 35%,rgba(5,12,19,.2) 100%),linear-gradient(180deg,rgba(8,12,18,.26),transparent 34%,transparent 67%,rgba(8,12,18,.32))}}@media(max-height:720px)and (max-width:650px){temperd-refined-hero .trh-editorial-card{min-height:125px;padding:12px;bottom:62px}temperd-refined-hero .trh-card-heading{font-size:13px}temperd-refined-hero .trh-card-bottom{font-size:9px;margin-top:15px;padding-top:10px}temperd-refined-hero .trh-product-cta{bottom:62px}}@media(min-aspect-ratio:4/5)and (max-aspect-ratio:1/1){temperd-refined-hero .trh-hero-lockup{width:22vw}temperd-refined-hero .trh-hero-copy{top:calc(125px + 4.9412vw)}temperd-refined-hero .trh-editorial-card{min-height:125px;padding:12px;bottom:62px}temperd-refined-hero .trh-card-heading{font-size:13px}temperd-refined-hero .trh-card-bottom{font-size:9px;margin-top:15px;padding-top:10px}}@media(max-height:700px)and (min-width:651px){temperd-refined-hero .trh-editorial-card{width:210px;min-height:210px}temperd-refined-hero .trh-card-heading{font-size:20px}temperd-refined-hero .trh-card-bottom{margin-top:30px;padding-top:15px;font-size:12px}temperd-refined-hero .trh-hero-lockup{top:48px;width:16vw}temperd-refined-hero .trh-hero-copy{font-size:22px}temperd-refined-hero .trh-detail-composition h2,temperd-refined-hero .trh-detail-statement{font-size:45px}}@media(prefers-reduced-motion:reduce){temperd-refined-hero *,temperd-refined-hero *:before,temperd-refined-hero *:after{animation:none!important;transition:none!important}}@font-face{font-family:TemperdHeroArchivo;src:url(trh-archivo-bold.ttf) format("truetype");font-weight:700;font-display:swap}temperd-refined-hero{display:block;--trh-top:var(--header-height, 0px);font-size:16px;line-height:1.4;letter-spacing:normal;text-align:left}temperd-refined-hero *,temperd-refined-hero *:before,temperd-refined-hero *:after{box-sizing:border-box}temperd-refined-hero h1,temperd-refined-hero h2,temperd-refined-hero p{color:inherit;margin:0}temperd-refined-hero button,temperd-refined-hero a{border-radius:0;box-shadow:none;text-decoration:none;color:inherit}temperd-refined-hero button{-webkit-appearance:none;appearance:none;letter-spacing:inherit}temperd-refined-hero button:focus-visible,temperd-refined-hero a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}temperd-refined-hero .trh-sticky-stage{top:var(--trh-top);height:calc(100svh - var(--trh-top));min-height:440px}temperd-refined-hero .trh-site-header{margin:0;padding:0;border:0;background:none}temperd-refined-hero .trh-site-header nav{margin-left:auto}temperd-refined-hero svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}temperd-refined-hero .trh-scroll-icon svg{width:12px;height:12px}temperd-refined-hero .trh-motion-controls button{min-height:32px}temperd-refined-hero .trh-continue{position:absolute;z-index:7;left:50%;bottom:24px;transform:translate(-50%);background:none;border:0;padding:10px;font-size:10px;text-transform:uppercase}temperd-refined-hero .trh-continue[hidden]{display:none}temperd-refined-hero:not([data-enhanced]),temperd-refined-hero[data-reduced=true]{height:auto}temperd-refined-hero:not([data-enhanced]) .trh-sticky-stage,temperd-refined-hero[data-reduced=true] .trh-sticky-stage{position:relative;top:0}temperd-refined-hero:not([data-enhanced]) .trh-site-header,temperd-refined-hero:not([data-enhanced]) .trh-motion-controls,temperd-refined-hero:not([data-enhanced]) .trh-scroll-cue{display:none}temperd-refined-hero[data-reduced=true] .trh-site-header,temperd-refined-hero[data-reduced=true] .trh-motion-controls,temperd-refined-hero[data-reduced=true] .trh-scene-film,temperd-refined-hero[data-reduced=true] .trh-scene-sequence{display:none}@media(max-width:650px),(max-aspect-ratio:1/1){temperd-refined-hero .trh-sticky-stage{min-height:520px}temperd-refined-hero .trh-continue{left:auto;right:16px;transform:none;bottom:20px;font-size:9px}}@media(max-width:650px)and (max-height:760px){temperd-refined-hero .trh-hero-lockup{top:52px;width:32.5%}temperd-refined-hero .trh-hero-copy{top:calc(91px + (100vw - 38px)*.325*.2246);font-size:19px}temperd-refined-hero .trh-editorial-card{min-height:125px;bottom:62px;padding:12px}temperd-refined-hero .trh-card-heading{font-size:13px}temperd-refined-hero .trh-card-bottom{font-size:9px;margin-top:15px;padding-top:10px}temperd-refined-hero .trh-product-cta{bottom:62px}}temperd-refined-hero .trh-small-wordmark{background:none;border:0;padding:0}temperd-refined-hero .trh-enable-motion{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:10px 14px;border:1px solid currentColor;background:#09131db8;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:normal;pointer-events:auto}temperd-refined-hero .trh-enable-motion[hidden]{display:none}temperd-refined-hero[data-reduced=true] .trh-scroll-cue{display:none}temperd-refined-hero[data-static]{--trh-top:calc(var(--header-height, 0px) + var(--topbar-height, 0px))}
/*# sourceMappingURL=/cdn/shop/t/24/assets/temperd-refined-hero.css.map */