:root{--color-charcoal:#1c1c1c;--color-ink:#0a0a0a;--color-accent:#e8520d;--color-grey-700:#4d4d4d;--color-grey-500:#737373;--color-grey-400:#8a8a8a;--color-border:#ebebeb;--color-muted:#d9d9d9;--color-surface:#f5f3f0;--color-cream:#faf8f5;--font-display:"Editor's Note", Georgia, "Times New Roman", serif;--font-body:"Poppins", "Segoe UI", sans-serif;--font-ui:"Akshar", "Segoe UI", sans-serif;--max-content:min(920px, 92vw);--max-wide:min(1480px, 94vw);--page-pad:clamp(1rem, 2.5vw, 3rem)}@font-face{font-family:Editor\'s Note;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/EditorsNote-Regular.ttf)format("truetype")}@font-face{font-family:Editor\'s Note;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/EditorsNote-Italic.ttf)format("truetype")}@font-face{font-family:Editor\'s Note;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/EditorNote-LightItalic.ttf)format("truetype")}@font-face{font-family:Editor\'s Note;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/EditorsNote-BoldItalic.ttf)format("truetype")}@font-face{font-family:Editor\'s Note;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/EditorsNote-Bold.ttf)format("truetype")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-charcoal);background:radial-gradient(ellipse 80% 50% at 50% -10%, #e8520d0f, transparent 55%), linear-gradient(180deg, #fff 0%, var(--color-cream) 100%);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.page{min-height:100vh}.site-header{z-index:50;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;width:100%;position:sticky;top:0}.site-header__inner{width:100%;max-width:var(--max-wide);padding:1.1rem var(--page-pad);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.site-header__left{align-items:center;gap:.75rem;min-width:0;display:flex}.site-header__back{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey-700);white-space:nowrap;font-size:12px;transition:color .2s}.site-header__back:hover{color:#000}.site-header__logo{width:auto;height:clamp(20px,1.8vw,28px)}.site-header__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.site-header__badge{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-charcoal);white-space:nowrap;border:1px solid #cfcfcf;padding:.4rem .75rem;font-size:clamp(10px,.85vw,12px);font-weight:500}.site-header__account{justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.site-header__account:hover{opacity:.7}.site-header__account img{object-fit:contain;width:20px;height:20px}.shop-home{max-width:var(--max-wide);padding:clamp(.5rem, 1vw, 1rem) var(--page-pad) clamp(3rem, 6vw, 5.5rem);margin:0 auto}.promo-banner{text-align:center;margin-bottom:clamp(1.25rem,2vw,2rem);padding:clamp(1.5rem,4vw,3.5rem) 0 clamp(2rem,4vw,3.25rem)}.promo-banner__line{object-fit:contain;width:auto;height:clamp(24px,4vw,40px);margin:1.5rem auto 2.5rem;display:block}@media (width<=768px){.promo-banner__line{display:none}}.promo-banner__eyebrow{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.85rem;font-size:clamp(11px,.95vw,13px);font-weight:500}.promo-banner__title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:clamp(1rem,2vw,1.4rem);font-size:clamp(32px,5vw,64px);font-weight:400;line-height:1.18}.promo-banner__soon{line-height:1.35;font-family:var(--font-display);letter-spacing:.01em;color:#c2410c;-webkit-text-fill-color:currentColor;background:0 0;margin-top:.2em;padding-bottom:.22em;font-size:1.08em;font-style:italic;font-weight:700;display:inline-block;overflow:visible}.promo-banner__lead{max-width:min(42rem,100%);font-family:var(--font-display);color:var(--color-charcoal);margin:0 auto 1rem;font-size:clamp(17px,1.7vw,24px);line-height:1.45}.promo-banner__copy{max-width:min(44rem,100%);color:var(--color-grey-700);margin:0 auto;font-size:clamp(14px,1.15vw,18px);line-height:1.7}.shop-home__intro{text-align:center;margin:clamp(2rem,3vw,3rem) 0 clamp(1.5rem,2.5vw,2.25rem)}.shop-home__heading{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.5rem;font-size:clamp(24px,2.6vw,36px);font-weight:400}.shop-home__sub{color:var(--color-grey-500);max-width:min(36rem,100%);margin:0 auto;font-size:clamp(13px,1.1vw,17px)}.looks-grid{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,2.5rem) clamp(.85rem,1.5vw,1.75rem);display:grid}@media (width>=640px){.looks-grid{grid-template-columns:1fr 1fr}}.look-card{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.look-card__media{aspect-ratio:1;width:100%;display:block;overflow:hidden}.look-card__media img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.look-card:hover .look-card__media img{transform:scale(1.04)}.look-card__body{flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;gap:.35rem;width:100%;padding-top:.9rem;display:flex}.look-card__name{font-family:var(--font-display);color:var(--color-ink);text-transform:capitalize;font-size:clamp(17px,1.5vw,24px);font-weight:400}.look-card__tagline{color:var(--color-grey-500);letter-spacing:.02em;margin-bottom:.55rem;font-size:clamp(12px,.95vw,15px)}.look-card__shop{width:100%;height:clamp(2.4rem,3.2vw,2.85rem);margin-top:auto;font-size:clamp(.75rem,.85vw,.875rem)}.shop-all{border-top:1px solid var(--color-border);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-top:clamp(2.5rem,4vw,4rem);padding-top:clamp(2rem,3vw,3rem);display:flex}.shop-all__note{max-width:min(34rem,100%);color:var(--color-grey-700);font-size:clamp(13px,1.1vw,17px);line-height:1.6}.btn-gradient{isolation:isolate;color:#fff;min-width:8.5rem;height:2.75rem;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background-image:linear-gradient(110deg,#c41e3a 0%,#e8520d 14%,#ff6b35 28%,#f4a261 42%,#e9c46a 50%,#e76f51 58%,#d62828 72%,#9b2226 86%,#c41e3a 100%);background-size:320% 320%;border:none;justify-content:center;align-items:center;padding:0 1.5rem;font-size:.8125rem;font-weight:500;transition:transform .25s,box-shadow .25s;animation:3.5s linear infinite tryOnGradient,2.4s ease-in-out infinite tryOnPulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 #e8520d73}.btn-gradient>span{z-index:2;position:relative}.btn-gradient:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%) 0 0/220% 100%;animation:2.4s ease-in-out infinite tryOnShine;position:absolute;inset:0}.btn-gradient:hover{animation:1.8s linear infinite tryOnGradient,1.4s ease-in-out infinite tryOnPulse;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 28px #c6282873}.btn-gradient:active{transform:translateY(0)scale(.99)}.btn-gradient--lg{min-width:11rem;height:3rem;font-size:.875rem}.btn-gradient--full{width:100%}@keyframes tryOnGradient{0%{background-position:0%}to{background-position:200%}}@keyframes tryOnPulse{0%,to{box-shadow:0 0 #e8520d8c}50%{box-shadow:0 0 0 12px #e8520d00}}@keyframes tryOnShine{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{max-width:min(760px,100%);padding:clamp(1.5rem, 3vw, 3rem) var(--page-pad) 0;flex-direction:column;align-items:center;margin:0 auto;display:flex}.hero__image-wrap{aspect-ratio:684/910;width:100%;max-width:min(480px,100%);position:relative;overflow:hidden}.hero__image-wrap img{object-fit:cover;object-position:top;width:100%;height:100%}.hero__eyebrow{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-top:clamp(1.25rem,2vw,1.75rem);font-size:clamp(11px,.95vw,13px)}.hero__title{font-family:var(--font-display);text-align:center;color:#000;margin-top:.4rem;font-size:clamp(26px,3.2vw,42px);font-weight:400;line-height:1.2}.hero__rule{background:var(--color-muted);width:64px;height:1px;margin-top:.75rem}.hero__desc{text-align:center;max-width:min(560px,100%);color:var(--color-grey-700);margin-top:1rem;font-size:clamp(14px,1.2vw,18px);line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-top:1.5rem;display:flex}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.pieces{max-width:var(--max-content);padding:clamp(2.5rem, 5vw, 4.5rem) var(--page-pad) 1rem;margin:0 auto;display:none}.pieces.is-revealing{display:block}.pieces.is-revealing .piece{animation:.7s cubic-bezier(.22,1,.36,1) both pieceIn}.pieces.is-revealing .piece:first-child{animation-delay:50ms}.pieces.is-revealing .piece:nth-child(2){animation-delay:.15s}.pieces.is-revealing .piece:nth-child(3){animation-delay:.25s}.pieces.is-revealing .piece:nth-child(4){animation-delay:.35s}.pieces__hint{text-align:center;color:var(--color-charcoal);margin-bottom:1.5rem;font-size:clamp(13px,1.1vw,17px)}.pieces__grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.75rem);display:grid}.piece{flex-direction:column;align-items:center;gap:.75rem;width:100%;transition:opacity .2s,transform .3s;display:flex}.piece:hover{opacity:.85}.piece__media{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.piece__media img{object-fit:contain;object-position:center;width:100%;height:100%;padding:clamp(.5rem,1vw,1rem);transition:transform .3s}.piece:hover .piece__media img{transform:scale(1.03)}.piece__name{text-align:center;text-transform:capitalize;color:#000;font-size:clamp(13px,1.1vw,17px)}.shop-cta{max-width:var(--max-content);padding:clamp(3rem, 6vw, 5.5rem) var(--page-pad);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.shop-cta__rule{background:var(--color-border);width:100%;max-width:280px;height:1px;margin-bottom:2rem}.shop-cta__text{max-width:min(36rem,100%);font-family:var(--font-display);color:var(--color-charcoal);margin-bottom:.6rem;font-size:clamp(20px,2.4vw,32px);line-height:1.35}.shop-cta__sub{max-width:min(32rem,100%);color:var(--color-grey-500);margin-bottom:1.5rem;font-size:clamp(13px,1.1vw,17px);line-height:1.55}.page-view{animation:.55s cubic-bezier(.22,1,.36,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pieceIn{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.site-footer{border-top:1px solid var(--color-border);text-align:center;background:#fff;padding:2rem 1.5rem}.site-footer__brand{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.4rem;font-size:16px}.site-footer__copy{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey-500);font-size:11px}.ot-btn{min-width:10rem;height:2.75rem;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s;display:inline-flex}.ot-btn:hover{opacity:.92;transform:translateY(-1px)}.ot-btn-dark{background:var(--color-charcoal);color:#fff}.ot-btn--full{width:100%}.ot-btn-outline{color:var(--color-charcoal);background:#fff;border:1px solid #d9d9d9}.ot-btn-outline:hover{border-color:var(--color-charcoal)}.ot-btn svg{flex-shrink:0;width:14px;height:14px}.ot-btn svg.rotate-90{transform:rotate(90deg)}.modal-backdrop{z-index:100;background:#0a0a0a80;justify-content:center;align-items:center;padding:1.25rem;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;width:100%;max-width:420px;padding:2.25rem 1.75rem;animation:.3s cubic-bezier(.22,1,.36,1) both scaleIn;position:relative;box-shadow:0 24px 64px #0000002e}.modal-close{color:var(--color-grey-400);font-size:1.25rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#000}.modal-eyebrow{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem;font-size:11px}.modal-title{font-family:var(--font-display);color:var(--color-charcoal);padding-right:1.5rem;font-size:24px;line-height:1.25}.modal-body{color:var(--color-grey-700);margin-top:.75rem;font-size:13px;line-height:1.6}.modal-form{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.modal-input{border:1px solid var(--color-muted);background:#fff;outline:none;width:100%;height:3rem;padding:0 1rem;font-size:14px;transition:border-color .2s}.modal-input:focus{border-color:var(--color-charcoal)}.modal-error{color:#b42318;font-size:12px;line-height:1.4}.modal-dismiss{text-align:center;width:100%;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-grey-400);margin-top:1rem;font-size:12px;transition:color .2s}.modal-dismiss:hover{color:var(--color-grey-700)}.modal-success{text-align:center;padding:1rem 0}.modal-success .modal-title{padding-right:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reveal{animation:.7s cubic-bezier(.22,1,.36,1) both fadeUp}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.btn-gradient,.btn-gradient:after{animation:none}.btn-gradient{background-image:linear-gradient(90deg,#c41e3a,#e8520d,#f4a261)}.reveal{animation:none}}@media (width>=640px){.modal-panel{padding:2.75rem 2.25rem}.modal-title{font-size:clamp(24px,2vw,30px)}.modal-body{font-size:clamp(14px,1.1vw,16px)}}@media (width>=900px){.looks-grid{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,2.5vw,2.75rem) clamp(1.5rem,2vw,2.25rem)}}@media (width>=1280px){:root{--max-wide:min(1560px, 92vw);--max-content:min(980px, 70vw)}}@media (width<=480px){.promo-banner__title{font-size:clamp(28px,9vw,36px)}.look-card__tagline{min-height:2.4em}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .ot-btn{width:100%}}
