/* Direct navigation, designed around the two departments of It girl. */
header,header.scrolled{height:100px;display:grid;grid-template-columns:1fr auto 1fr;background:var(--paper);color:var(--ink);padding:0 6%;border-bottom:1px solid var(--line);box-shadow:none}
header>.wordmark{grid-column:1;grid-row:1;justify-self:start;align-items:flex-start;font-size:47px;letter-spacing:-2px}header>.wordmark span{letter-spacing:5px;padding-left:3px}header>nav{grid-column:2;grid-row:1;gap:0;align-items:stretch;height:100%;display:flex}header>nav>a,header>nav>a:last-child{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 27px;border-bottom:0;font-size:14px;font-weight:400;min-width:120px;transition:background .3s,color .3s}header nav a small{font-size:7px;letter-spacing:.16em;color:#8c7b67;margin-bottom:7px}header nav a span{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px}header nav a:after{bottom:0;height:2px;width:calc(100% - 54px);left:27px;background:var(--blue);transform-origin:left}header nav a:hover{color:var(--blue);background:#e9e0d333}header nav a.selected:after,header nav a[aria-current]:after{transform:scaleX(1)}header .header-actions{grid-column:3;gap:24px}.hero{height:680px;max-height:900px;min-height:600px}.hero-copy{align-items:flex-start;text-align:left;padding:70px 7% 80px;max-width:none}.hero-copy h1{font-size:clamp(62px,7vw,100px);line-height:.94;max-width:650px;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:350px;font-size:12px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.22em}.hero-photo img{object-position:62% center}.hero-photo:after{background:linear-gradient(90deg,#261c16a6 0%,#261c1665 40%,#261c160d 80%)}.hero-actions{flex-wrap:wrap}.hero .hero-bottom{left:7%;width:86%;bottom:25px}.button,.hero .button,.add-to-cart,.checkout-pending{border-radius:3px}.hero .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hero .button:hover{background:var(--sand)}.hero .button.outline{background:transparent;border-color:#fff8;color:var(--paper)}.hero .button.outline:hover{background:var(--paper);color:var(--ink)}.gate{border-radius:2px}.ticker{background:var(--paper);border-color:var(--line)}.ticker-track{animation:none;width:100%;justify-content:center}.ticker-group{gap:28px;font-size:8px;letter-spacing:.14em}.ticker-group[aria-hidden]{display:none}.ticker-group:last-child{display:none}.studio-hero{border-bottom:1px solid var(--line)}
@media(max-width:800px){html{scroll-padding-top:145px}header,header.scrolled{height:133px;grid-template-columns:1fr 1fr;grid-template-rows:76px 57px;padding:0 6%;gap:0}header>.wordmark{font-size:36px;grid-row:1;grid-column:1}header .header-actions{grid-column:2;grid-row:1;gap:20px}header>nav{grid-row:2;grid-column:1/-1;width:100%;height:57px;justify-content:space-between;border-top:1px solid var(--line)}header>nav>a,header>nav>a:last-child{display:flex;align-items:center;min-width:0;padding:8px 8px;flex:1}header nav a small{font-size:6px;margin-bottom:3px;letter-spacing:.08em}header nav a span{font-size:23px}header nav a:after{left:18%;width:64%}.hero{min-height:620px;height:calc(100svh - 133px);max-height:800px}.hero-copy{padding:50px 7% 70px}.hero-copy h1{font-size:62px;line-height:.95;max-width:330px}.hero-copy .eyebrow{font-size:7px;max-width:250px;line-height:1.7;letter-spacing:.16em}.hero-copy>p:not(.eyebrow){max-width:285px;font-size:11px}.hero-photo img{object-position:60% center}.hero-photo:after{background:linear-gradient(90deg,#261c168c,#261c1633)}.hero-actions{gap:10px}.hero .button{font-size:10px;padding:13px 15px;gap:18px}.hero .hero-bottom{font-size:6px}.ticker{padding:16px 10px}.ticker-group{gap:14px;font-size:6px;letter-spacing:.08em}.ticker i{font-size:11px}.back-top{bottom:20px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}}
