@font-face{font-family:Pretendard;src:url('/fonts/pretendard/PretendardVariable.core.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:NodalMarker;src:url('./assets/permanent-marker.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#111a3e;--ink-2:#172247;--paper:#fff;--surface:#f0f1f3;--text:#161824;--muted:#5c6070;--coral:#ff645c;--sage:#96ad8a;--line:#d9dae0;--footer:#1f2024;--hero-h:100svh}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--footer)}
body{margin:0;color:var(--text);background:var(--paper);font-family:Pretendard,Arial,sans-serif;font-size:14px;font-weight:600;overflow-x:hidden}
button,input{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip-link{position:fixed;left:12px;top:-80px;z-index:300;padding:12px 18px;background:#fff;color:#111;border:2px solid #111}
.skip-link:focus{top:12px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.announcement{position:fixed;inset:0 0 auto;z-index:110;height:30px;background:#050714;color:var(--coral);display:grid;place-items:center;font-size:12px;letter-spacing:.045em}
.site-header{position:fixed;z-index:105;left:0;right:0;top:30px;height:76px;padding:16px 24px 18px;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:background-color .25s,color .25s,box-shadow .25s}
.site-header.is-scrolled{background:var(--surface);color:var(--text);box-shadow:0 1px 0 rgba(10,15,30,.06)}
.wide-nav{display:flex;align-items:center;gap:2px;white-space:nowrap}
.wide-nav a,.wide-nav button{border:0;background:#fff;color:#12141c;border-radius:99px;height:28px;padding:0 18px;font-size:14px;font-weight:750;cursor:pointer}
.nav-right{justify-content:flex-end}
.nav-right a,.nav-right button{padding-inline:13px}
.brand{justify-self:center;min-width:330px;min-height:44px;text-align:center;line-height:.8;letter-spacing:-.065em;text-transform:uppercase;color:currentColor;font-family:Impact,'Arial Black',sans-serif;transform:scaleX(1.04);display:flex;align-items:center;justify-content:center}
.brand span{font-size:38px}
.compact-actions{display:none;justify-self:end;gap:8px}
.round-control{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a0d19;font-size:27px;cursor:pointer}
.menu-button{background:var(--sage);color:#fff}

.site-menu{position:fixed;z-index:180;inset:0;background:var(--paper);color:var(--text);transform:translateX(100%);visibility:hidden;transition:transform .35s cubic-bezier(.22,.8,.25,1),visibility 0s .35s;display:grid;grid-template-rows:88px 1fr auto;padding:0 24px 32px}
.site-menu.is-open{transform:none;visibility:visible;transition-delay:0s}
.menu-head{display:flex;align-items:center;justify-content:space-between;font-family:Impact,'Arial Black',sans-serif;font-size:30px;letter-spacing:-.04em}
.menu-close{width:48px;height:48px;border:1px solid var(--text);border-radius:50%;background:#fff;font-size:32px;line-height:1;cursor:pointer}
.site-menu nav{display:grid;align-content:center}
.site-menu nav a{display:flex;align-items:center;min-height:62px;border-bottom:1px solid var(--line);font-size:clamp(23px,4vw,44px);font-weight:800;letter-spacing:-.04em}
.site-menu nav a::after{content:'↗';margin-left:auto;font-size:.65em}
.menu-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.menu-bottom a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}

.hero{position:relative;height:var(--hero-h);min-height:450px;overflow:hidden;background:var(--ink);color:#fff}
.motif{position:absolute;left:-6vw;width:112vw;height:27vh;min-height:180px;background:radial-gradient(circle at 8% 50%,transparent 0 36px,#f8f5eb 38px 59px,transparent 61px 100%),radial-gradient(circle at 33% 50%,transparent 0 43px,#f8f5eb 45px 68px,transparent 70px 100%),radial-gradient(circle at 60% 50%,transparent 0 51px,#f8f5eb 53px 78px,transparent 80px 100%),radial-gradient(circle at 87% 50%,transparent 0 42px,#f8f5eb 44px 68px,transparent 70px 100%);background-size:25% 100%;background-repeat:repeat-x;filter:url(#none);opacity:.98}
.motif-top{top:-7vh}.motif-bottom{bottom:-7vh;transform:rotate(180deg)}
.hero-copy{position:absolute;z-index:2;left:2.2vw;right:1.5vw;top:15.5vh;bottom:17vh;display:flex;flex-direction:column;justify-content:center}
.hero-copy>p{margin:0 0 5px;font-size:clamp(30px,4.6vw,66px);font-family:NodalMarker,Impact,'Arial Black',sans-serif;letter-spacing:-.035em;transform:rotate(-2deg);transform-origin:left}
.hero h1{margin:0;font-family:NodalMarker,Impact,'Arial Black',sans-serif;font-weight:400;letter-spacing:-.075em;line-height:.78;text-transform:uppercase;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:3vw}
.hero h1 span:first-child{font-size:clamp(88px,12vw,176px)}
.hero h1 span:nth-child(2){font-size:clamp(104px,14.8vw,215px)}
.hero h1 strong{grid-column:1/-1;font-size:clamp(94px,13vw,188px);font-weight:900;white-space:nowrap;letter-spacing:-.065em}
.view-products{position:absolute;z-index:6;left:0;bottom:6px;border:0;border-radius:99px;background:transparent;color:#111;height:44px;padding:0 14px 0 7px;font-size:11px;cursor:pointer}.view-products::before{content:'';position:absolute;z-index:-1;inset:6px 0;background:#fff;border-radius:99px}
.view-products span{font-size:16px;vertical-align:-1px}
.hero-locale{position:absolute;z-index:5;right:0;bottom:12px;padding:5px 12px;background:#fff;color:#111;font-size:10px;border-radius:3px 0 0 3px}
.hero-products{position:absolute;z-index:20;right:24px;bottom:24px;width:min(360px,calc(100vw - 48px));max-height:calc(100% - 150px);overflow:auto;background:#fff;color:#111;padding:18px;box-shadow:0 20px 60px #06091a80;transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .35s cubic-bezier(.22,.8,.25,1),visibility 0s .35s}
.hero-products.is-open{transform:none;visibility:visible;transition-delay:0s}
.hero-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #bbb}
.hero-panel-head button{width:44px;height:44px;border:1px solid #111;border-radius:50%;background:#fff;font-size:25px}
.hero-product{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}
.hero-product em{font-style:normal}.hero-products>p{font-size:11px;line-height:1.6;color:#555}

.product-section{position:relative;background:var(--surface);overflow:hidden}
.arrivals{height:374px}.beauty,.signature{height:376px}
.rail-heading{height:80px;padding:14px 10px 0;display:flex;align-items:flex-start;justify-content:space-between}
.rail-heading h2{margin:0;font-size:13px;line-height:18px;font-weight:800;letter-spacing:.01em}
.rail-heading span{margin-top:0;background:#fff;border-radius:99px;padding:5px 14px;font-size:9px}
.product-marquee{height:290px;overflow:hidden;outline:none}
.product-track{display:flex;width:max-content;height:290px;will-change:transform;animation:product-loop 22s linear infinite}
.track-two{animation-duration:20s;animation-direction:reverse}.track-three{animation-duration:24s}
.product-track img{flex:0 0 1384px;width:1384px;height:290px;object-fit:cover}
.product-marquee:hover .product-track,.product-marquee:focus .product-track{animation-play-state:paused}
@keyframes product-loop{to{transform:translateX(-1384px)}}
.mobile-only{display:none}

.collaborations{height:1636px;background:#fff;padding:104px 32px 80px}
.collab-head{display:flex;justify-content:space-between;align-items:flex-start;font-size:12px}
.collab-head h2{margin:0;font-size:16px;line-height:20px}.collab-head a{text-decoration:underline;font-size:12px}
.collab-list{width:min(912px,calc(100vw - 72px));margin:43px auto 0}
.collab-list a{height:116px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .2s,color .2s}
.collab-list a:last-child{border-bottom:0}
.collab-list strong{font-size:32px;line-height:40px;font-weight:550;letter-spacing:-.03em}
.collab-list small{margin-top:12px;font-size:11px;font-weight:700}
.collab-list a:hover,.collab-list a:focus-visible{background:var(--ink);color:#fff;outline:0}

.social{position:relative;height:412.47px;background:var(--footer);color:#fff;overflow:hidden}
.social-head{display:flex;justify-content:space-between;padding:17px 8px 0;align-items:flex-start}
.social-head h2{margin:0;font-size:12px;line-height:18px}.social-head span{background:#fff;color:#111;padding:5px 13px;border-radius:99px;font-size:9px}
.social button{position:absolute;top:50%;width:44px;height:44px;border:0;border-radius:50%;background:#e7e7e7;color:#555;font-size:25px;cursor:pointer;transform:translateY(-50%)}
.social-prev{left:-12px}.social-next{right:-12px}
.social-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;text-align:center;color:#ffffff12;user-select:none;pointer-events:none}
.social-note b{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(38px,7vw,96px);white-space:nowrap}.social-note span{display:block;font-size:12px;color:#ffffff35}

.service-strip{height:272px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface)}
.service-strip article{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line)}
.service-strip article:last-child{border-right:0}
.service-strip article>span{font-size:34px;font-weight:300}.service-strip h2{font-size:18px;line-height:24px;margin:14px 0 7px}.service-strip p{margin:0;font-size:11px;line-height:17px;color:var(--muted)}

.site-footer{position:relative;height:827.05px;background:var(--footer);color:#fff;overflow:hidden}
.footer-mark{height:255px;padding:54px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ffffff10}
.footer-mark span{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(100px,11.5vw,166px);line-height:.72;letter-spacing:-.055em;transform:scaleX(1.02);transform-origin:left top;white-space:nowrap}
.footer-mark small{font-size:11px;letter-spacing:.16em;margin-top:12px}
.footer-content{height:390px;padding:36px 32px 0;display:grid;grid-template-columns:1.3fr .74fr .9fr 1.2fr 1.36fr;gap:0}
.footer-group{min-width:0}.footer-group button{width:100%;height:40px;padding:0;border:0;background:none;color:#fff;text-align:left;font-size:24px;font-weight:700;pointer-events:none}.footer-group button i{display:none}
.footer-group>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:10px;font-size:12px}.footer-group p{margin:0;color:#d6d6da;font-size:10px;line-height:1.5}
.newsletter{padding-left:16px}.newsletter h2{margin:0;font-size:20px;line-height:28px}.newsletter>p{font-size:12px;line-height:18px;max-width:300px;margin:9px 0 28px}.newsletter form{position:relative}.newsletter form>button{height:44px;width:100%;border:1px solid #fff;border-radius:99px;background:transparent;color:#fff;font-size:9px;cursor:pointer}.newsletter form>button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.form-status{min-height:32px;margin:10px 5px!important;color:#d6f1b5;font-size:10px!important}
.footer-bottom{position:absolute;left:32px;right:32px;bottom:22px;border-top:1px solid #ffffff1a;padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between}.footer-bottom p{font-size:9px;line-height:14px;margin:0;color:#ddd}.lang-toggle{background:#fff;color:#111;border-radius:99px;padding:3px;display:flex;gap:1px;font-size:10px}.lang-toggle>*{padding:4px 9px;border-radius:99px}.lang-toggle b{background:var(--sage);color:#fff}

@media (min-width:900px) and (max-width:1199px){
  .site-header{height:80px}.wide-nav a,.wide-nav button{font-size:11px;padding-inline:9px}.brand{min-width:280px}.brand span{font-size:31px}
  .arrivals{height:360.5px}.beauty,.signature{height:362.5px}.rail-heading{height:72.5px}.product-marquee,.product-track,.product-track img{height:290px}
  .social{height:433.95px}.site-footer{height:791.08px}.footer-mark{height:238px}.footer-mark small{transform:translateX(-12px)}.footer-content{height:370px;padding-top:15px}.footer-mark span{font-size:134px}.footer-content{grid-template-columns:220.25px 80.25px 123.25px 196.25px minmax(0,1fr);gap:0}.footer-group button{font-size:20px}.footer-group>div{font-size:10px}.newsletter{padding-left:0}
}

@media (max-width:899px){
  .site-header{height:72px;padding:12px 24px;color:#fff;grid-template-columns:1fr auto}.wide-nav{display:none}.brand{justify-self:start;min-width:0;text-align:left;transform:none}.brand span{font-size:34px}.brand small{display:none}.compact-actions{display:flex}
  .site-header.is-scrolled .round-control{background:#fff}.round-control{width:48px;height:48px}
  .hero-copy{top:12vh;bottom:14vh}.hero-copy>p{font-size:clamp(27px,7vw,52px)}.hero h1{display:block;line-height:.82}.hero h1 span,.hero h1 strong{display:block;font-size:clamp(76px,15.6vw,124px)!important;white-space:normal}.hero h1 span:nth-child(2){font-size:clamp(86px,18vw,138px)!important}.hero h1 strong{font-size:clamp(68px,14vw,108px)!important}
  .motif{left:-18vw;width:136vw;background-size:33.33% 100%}
  .collaborations{height:1832px;padding-top:96px}.collab-list{margin-top:21px;width:256px}.collab-list a{height:124px}.collab-list a:nth-child(3),.collab-list a:nth-child(4),.collab-list a:nth-child(12){height:164px}.collab-list strong{font-size:32px;line-height:40px;text-align:center}.collab-list a:nth-child(3) strong,.collab-list a:nth-child(4) strong,.collab-list a:nth-child(12) strong{max-width:160px}
  .social{height:351.45px}.site-footer{height:1054.45px}.footer-mark{height:158px;padding-top:32px}.footer-mark span{font-size:88px}.footer-content{height:760px;padding:24px 24px 0;grid-template-columns:1.5fr .88fr 1fr;grid-template-rows:194px 242px auto;gap:0}.newsletter{grid-column:1/-1;grid-row:1;padding:0}.footer-group:nth-child(1){grid-column:1;grid-row:2}.footer-group:nth-child(2){grid-column:2;grid-row:2}.footer-group:nth-child(3){grid-column:3;grid-row:2}.privacy-group{grid-column:1;grid-row:3}.footer-group button{font-size:24px}.footer-group>div{font-size:10px}.newsletter form{max-width:none}.newsletter form>button{height:44px}
}

@media (min-width:601px) and (max-width:767px){
  .collaborations{height:1712px;padding-top:76px}.collab-list{margin-top:41px;width:calc(100vw - 48px)}.collab-list a,.collab-list a:nth-child(3),.collab-list a:nth-child(4),.collab-list a:nth-child(12){height:125px}.collab-list strong,.collab-list a:nth-child(3) strong,.collab-list a:nth-child(4) strong,.collab-list a:nth-child(12) strong{font-size:32px;max-width:none}
  .social{height:336px}.service-strip{height:690px;grid-template-columns:1fr;grid-template-rows:repeat(3,230px)}.service-strip article{border-right:0;border-bottom:1px solid var(--line)}
  .site-footer{height:816.125px}.footer-mark{height:154px;padding:34px 24px 0;border-bottom:0;display:block}.footer-mark span{font-size:96px;display:block}.footer-mark small{font-size:8px;display:block;margin-top:7px}
  .footer-content{height:539px;padding:0;display:flex;flex-direction:column}.newsletter{order:-1;height:199px;padding:24px;border-bottom:1px solid #ffffff20;flex:0 0 199px}.newsletter h2{font-size:20px;line-height:36px}.newsletter>p{font-size:10px;line-height:15px;margin:4px 0 31px;max-width:672px}.newsletter form>button{height:44px;border:0;position:relative}.newsletter form>button::before{content:'';position:absolute;inset:5px 0;border:1px solid #fff;border-radius:99px}.form-status{min-height:12px;margin-top:3px!important}.footer-group{height:85px;flex:0 0 85px;border-bottom:1px solid #ffffff20;overflow:hidden;transition:height .25s,flex-basis .25s}.footer-group button{height:85px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;font-size:24px}.footer-group button i{display:grid;place-items:center;width:44px;height:44px;background:#fff;color:#111;border-radius:50%;font-style:normal;font-size:24px}.footer-group>div{display:none;padding:0 24px 16px;gap:8px;font-size:10px}.footer-group.is-open{height:205px;flex-basis:205px}.footer-group.is-open>div{display:flex}.footer-group.is-open button i{transform:rotate(45deg)}.site-footer.has-open{height:936.125px}.site-footer.has-open .footer-content{height:659px}.footer-bottom{left:18px;right:18px}
}

@media (max-width:600px){
  .announcement{font-size:9px;justify-content:center;white-space:nowrap;overflow:hidden}
  .site-header{padding-inline:12px}.brand span{font-size:31px}.compact-actions{gap:5px}.round-control{width:44px;height:44px;font-size:23px}
  .hero{min-height:600px}.hero-copy{left:12px;right:10px;top:14.5vh;bottom:18vh}.hero-copy>p{font-size:34px;margin-bottom:3px}.hero h1 span:first-child{font-size:80px!important}.hero h1 span:nth-child(2){font-size:93px!important}.hero h1 strong{font-size:68px!important;line-height:.9}.motif{height:23vh;min-height:150px}.motif-top{top:-3vh}.motif-bottom{bottom:-3vh}.hero-products{right:12px;bottom:56px;width:calc(100vw - 24px)}
  .rail-heading{height:84px;padding:14px 10px 0}.rail-heading h2{width:150px;font-size:12px;line-height:17px}.rail-heading span{font-size:8px;padding:5px 12px}.product-marquee,.product-track,.product-track img{height:290px}.product-track img{width:1384px;flex-basis:1384px}
  .signature{height:438px}.signature .rail-heading{height:148px}.mobile-only{display:block}
  .collaborations{height:1743px;padding:62px 24px 48px}.collab-head h2{font-size:12px;line-height:18px;width:145px}.collab-head a{font-size:10px}.collab-list{width:calc(100vw - 48px);margin-top:70px}.collab-list a,.collab-list a:nth-child(3),.collab-list a:nth-child(4),.collab-list a:nth-child(12){height:124px}.collab-list strong,.collab-list a:nth-child(3) strong,.collab-list a:nth-child(4) strong,.collab-list a:nth-child(12) strong{font-size:32px;line-height:40px;max-width:none}.collab-list small{font-size:9px;margin-top:8px}
  .social{height:229.66px}.social-head{padding-top:12px}.social-note{display:block}.social-note b{font-size:28px}.social-note span{font-size:8px}.social button{width:44px;height:44px}.social-prev{left:-13px}.social-next{right:-13px}
  .service-strip{height:690px;grid-template-columns:1fr;grid-template-rows:repeat(3,230px)}.service-strip article{border-right:0;border-bottom:1px solid var(--line)}.service-strip h2{font-size:16px}.service-strip p{font-size:10px}
  .site-footer{height:825.61px}.footer-mark{height:140px;padding:34px 10px 0;border-bottom:0;display:block}.footer-mark span{font-size:43px;line-height:.7;display:block}.footer-mark small{font-size:7px;display:block;margin-top:7px}
  .footer-content{height:650px;padding:0;display:flex;flex-direction:column}.newsletter{order:-1;height:202px;padding:10px 10px 0;border-bottom:1px solid #ffffff20;flex:0 0 202px}.newsletter h2{font-size:20px;line-height:36px}.newsletter>p{font-size:9px;line-height:13px;margin:2px 0 31px;max-width:350px}.newsletter form>button{height:44px;border:0;position:relative}.newsletter form>button::before{content:'';position:absolute;inset:5px 0;border:1px solid #fff;border-radius:99px}.form-status{min-height:12px;margin-top:3px!important}
  .footer-group{height:85px;flex:0 0 85px;border-bottom:1px solid #ffffff20;overflow:hidden;transition:height .25s,flex-basis .25s}.footer-group button{height:85px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;font-size:23px;cursor:pointer}.footer-group button i{display:grid;place-items:center;width:44px;height:44px;background:#fff;color:#111;border-radius:50%;font-style:normal;font-size:24px}.footer-group>div{display:none;padding:0 24px 16px;gap:8px;font-size:10px}.footer-group.is-open{height:205px;flex-basis:205px}.footer-group.is-open>div{display:flex}.footer-group.is-open button i{transform:rotate(45deg)}.site-footer.has-open{height:945.61px}.site-footer.has-open .footer-content{height:770px}
  .footer-bottom{left:10px;right:10px;bottom:9px;height:63px;padding-top:7px;align-items:flex-start}.footer-bottom p{font-size:7px;line-height:10px}.lang-toggle{font-size:8px}.lang-toggle>*{padding:3px 7px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-track{animation:none!important;transform:none!important}.site-header,.site-menu,.hero-products,.footer-group{transition:none!important}}
