*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:14px;line-height:1.55;letter-spacing:.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .6s var(--ease),color .6s var(--ease)}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
ul{list-style:none;margin:0;padding:0}
:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:-60px;left:12px;z-index:999;background:var(--fg);color:var(--bg);padding:10px 14px}
.skip:focus{top:12px}
:root{--ink:#0d0c0b;--paper:#f6f4f0;--bone:#ece8e1;--stone:#cdc6ba;--mute:#8b8478;--bg:var(--paper);--fg:var(--ink);--soft:var(--bone);--line:rgba(13,12,11,.12);--muted:#6f695f;--accent:#a8865c;--ease:cubic-bezier(.2,.7,.1,1);--ease-io:cubic-bezier(.7,0,.2,1);--gutter:clamp(16px,3.2vw,48px);--header-h:64px}
.mood-summer{--bg:#f4eee4;--fg:#1b1813;--soft:#ebe2d3;--line:rgba(27,24,19,.13);--muted:#776d5e;--accent:#b8925a}
.mood-winter{--bg:#11100e;--fg:#eee7dc;--soft:#1c1a17;--line:rgba(238,231,220,.14);--muted:#a39a8c;--accent:#c39368}
.on-dark{--fg:#f3eee6;--line:rgba(243,238,230,.22);color:var(--fg)}
.display{font-family:var(--f-display);font-weight:var(--f-display-w);line-height:.92;letter-spacing:-.02em}
.display em,.serif-i{font-style:italic;font-family:var(--f-display)}
.d-xxl{font-size:clamp(64px,15vw,240px)}
.d-xl{font-size:clamp(46px,8.4vw,132px)}
.d-l{font-size:clamp(38px,5.6vw,84px)}
.d-m{font-size:clamp(30px,3.6vw,52px)}
.d-s{font-size:clamp(24px,2.4vw,34px);line-height:1.05}
.label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.label--muted{color:var(--muted)}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:36em}
.rte{line-height:1.7;color:var(--fg)}
.rte p+p{margin-top:1em}
.rte a{text-decoration:underline;text-underline-offset:3px}
.wrap{padding-inline:var(--gutter)}
.section{padding-block:clamp(64px,10vw,160px)}
.section--tight{padding-block:clamp(40px,6vw,96px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,56px)}
.sec-head .label{display:block;margin-bottom:14px}
.rule{height:1px;background:var(--line);border:0;margin:0}
.u-link{position:relative;display:inline-block}
.u-link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform-origin:right;transform:scaleX(1);transition:transform .6s var(--ease)}
.u-link:hover::after{transform-origin:left;animation:uline .7s var(--ease)}
@keyframes uline{0%{transform:scaleX(1);transform-origin:right}49%{transform:scaleX(0);transform-origin:right}50%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;background:var(--fg);color:var(--bg);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),opacity .3s;border:1px solid var(--fg)}
.btn::before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover::before{transform:translateY(0)}
.btn--ghost{background:transparent;color:var(--fg)}
.btn--ghost::before{background:var(--fg)}
.btn--ghost:hover{color:var(--bg)}
.btn--light{background:#f3eee6;color:#0d0c0b;border-color:#f3eee6}
.btn--line-light{background:transparent;color:#f3eee6;border-color:rgba(243,238,230,.7)}
.btn--line-light::before{background:#f3eee6}
.btn--line-light:hover{color:#0d0c0b}
.btn--block{width:100%}
.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}
.btn.is-loading{color:transparent!important}
.btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border:1px solid currentColor;border-color:var(--bg) transparent var(--bg) transparent;border-radius:50%;animation:spin .8s linear infinite}
.btn--ghost.is-loading::after{border-color:var(--fg) transparent var(--fg) transparent}
@keyframes spin{to{transform:rotate(360deg)}}
.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;position:relative}
.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.2}
.badge-count{position:absolute;top:4px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--fg);color:var(--bg);font-size:9px;display:grid;place-items:center;padding:0 4px;letter-spacing:0;transition:transform .4s var(--ease)}
.badge-count:empty,.badge-count[data-count="0"]{transform:scale(0)}
.header.is-over:not(.is-solid) .badge-count{background:#f3eee6;color:#0d0c0b}
.rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease)}
.rv.is-in{opacity:1;transform:none}
.rv-img{clip-path:inset(12% 0 12% 0);transition:clip-path 1.5s var(--ease)}
.rv-img img{transform:scale(1.18);transition:transform 2s var(--ease)}
.rv-img.is-in{clip-path:inset(0)}
.rv-img.is-in img{transform:scale(1)}
.split .ln{display:block;overflow:hidden;padding-bottom:.06em}
.split .ln>span{display:block;transform:translateY(105%);transition:transform 1.2s var(--ease)}
.split.is-in .ln>span{transform:none}
.split.is-in .ln:nth-child(2)>span{transition-delay:.09s}
.split.is-in .ln:nth-child(3)>span{transition-delay:.18s}
.split.is-in .ln:nth-child(4)>span{transition-delay:.27s}
[data-delay="1"]{transition-delay:.12s!important}[data-delay="2"]{transition-delay:.24s!important}[data-delay="3"]{transition-delay:.36s!important}
.loader{position:fixed;inset:0;z-index:300;background:#0d0c0b;color:#f3eee6;display:grid;place-items:center;transition:clip-path 1.1s var(--ease-io) .2s;clip-path:inset(0 0 0 0)}
.loader.is-done{clip-path:inset(0 0 100% 0)}
.loader__mark{display:flex;gap:.04em;font-family:var(--f-display);font-size:clamp(72px,16vw,180px);line-height:1;overflow:hidden}
.loader__mark span{display:block;transform:translateY(110%);animation:rise 1s var(--ease) forwards}
.loader__mark span:nth-child(2){animation-delay:.08s}.loader__mark span:nth-child(3){animation-delay:.16s}
.loader__bar{position:absolute;bottom:12vh;left:50%;width:120px;height:1px;background:rgba(243,238,230,.2);transform:translateX(-50%);overflow:hidden}
.loader__bar::after{content:"";position:absolute;inset:0;background:#f3eee6;transform:scaleX(0);transform-origin:left;animation:bar 1.1s var(--ease) .2s forwards}
@keyframes rise{to{transform:none}}
@keyframes bar{to{transform:scaleX(1)}}
html:not(.js) .loader,.no-loader .loader{display:none}
.announce{background:var(--fg);color:var(--bg);text-align:center;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:9px var(--gutter);position:relative;z-index:61}
.header{position:sticky;top:0;z-index:60;color:var(--fg);transition:background-color .5s var(--ease),color .5s var(--ease),transform .5s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.header__in{height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:calc(var(--gutter) - 10px)}
.header__left,.header__right{display:flex;align-items:center;gap:2px}
.header__right{justify-content:flex-end}
.header__nav{display:none;gap:28px;margin-left:18px}
.header__nav a{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.header__logo{display:block;font-family:var(--f-display);font-size:30px;letter-spacing:.08em;line-height:1}
.header__logo img{height:28px;width:auto}
.header.is-solid{background:var(--bg);border-bottom-color:var(--line)}
.header.is-over{position:fixed;left:0;right:0}
.header.is-over:not(.is-solid){color:#f3eee6}
.header.is-hidden{transform:translateY(-100%)}
@media (min-width:990px){.header__nav{display:flex}.header__logo{font-size:34px}}
.burger{width:40px;height:40px;display:grid;place-items:center}
.burger i{display:block;width:20px;height:1px;background:currentColor;position:relative}
.burger i::after{content:"";position:absolute;left:0;top:6px;width:13px;height:1px;background:currentColor;transition:width .4s var(--ease)}
.burger:hover i::after{width:20px}
.overlay{position:fixed;inset:0;z-index:90;background:rgba(10,9,8,.45);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;backdrop-filter:blur(2px)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(460px,100%);background:var(--paper);color:var(--ink);--fg:var(--ink);--bg:var(--paper);--line:rgba(13,12,11,.12);--muted:#6f695f;transform:translateX(102%);transition:transform .7s var(--ease);display:flex;flex-direction:column;visibility:hidden}
.drawer--left{right:auto;left:0;transform:translateX(-102%)}
.drawer--full{width:100%;max-width:none}
.drawer--sheet{top:auto;left:0;width:100%;max-height:88vh;transform:translateY(102%)}
@media (min-width:750px){.drawer--sheet{left:auto;top:0;width:min(440px,100%);max-height:none;transform:translateX(102%)}}
.is-open>.drawer,.drawer.is-open{transform:none;visibility:visible}
.drawer-host.is-open .overlay{opacity:1;visibility:visible}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);border-bottom:1px solid var(--line);min-height:64px}
.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px var(--gutter) 24px}
.drawer__foot{padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
html.lock,html.lock body{overflow:hidden}
.menu{background:#0d0c0b;color:#f3eee6;--fg:#f3eee6;--bg:#0d0c0b;--line:rgba(243,238,230,.16);--muted:rgba(243,238,230,.6)}
.menu .drawer__body{display:grid;align-content:space-between;gap:40px;padding-top:24px}
.menu__list li{overflow:hidden;border-bottom:1px solid var(--line)}
.menu__list a{display:flex;align-items:baseline;justify-content:space-between;padding:14px 0;font-family:var(--f-display);font-size:clamp(38px,9vw,64px);line-height:1.02;transform:translateY(100%);transition:transform .9s var(--ease),color .3s}
.menu__list a small{font-family:var(--f-body);font-size:10px;letter-spacing:.16em;color:var(--muted)}
.menu__list a:hover{color:var(--accent)}
.is-open .menu__list a{transform:none}
.is-open .menu__list li:nth-child(2) a{transition-delay:.05s}.is-open .menu__list li:nth-child(3) a{transition-delay:.1s}.is-open .menu__list li:nth-child(4) a{transition-delay:.15s}.is-open .menu__list li:nth-child(5) a{transition-delay:.2s}
.menu__sub{display:flex;flex-wrap:wrap;gap:18px 26px}
.menu__sub a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.menu__sub a:hover{color:var(--fg)}
.menu__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.menu__card{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1c1a17}
.menu__card img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);opacity:.85}
.menu__card:hover img{transform:scale(1.06)}
.menu__card span{position:absolute;left:12px;bottom:12px}
@media (min-width:990px){.menu{width:min(720px,100%)}.menu .drawer__body{grid-template-columns:1.2fr 1fr;align-content:start}.menu__cards{grid-template-columns:1fr;align-self:start}}
.search-panel{background:var(--paper)}
.search-field{display:flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding:10px 0}
.search-field input{flex:1;border:0;background:transparent;font-family:var(--f-display);font-size:clamp(26px,4vw,44px);outline:none;min-width:0}
.search-results{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 12px;margin-top:28px}
@media (min-width:750px){.search-results{grid-template-columns:repeat(4,1fr)}}
.search-hint{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:border-color .3s,background .3s}
.chip:hover,.chip.is-on{border-color:var(--fg)}
.chip.is-on{background:var(--fg);color:var(--bg)}
.media{position:relative;overflow:hidden;background:var(--soft)}
.media img,.media video{width:100%;height:100%;object-fit:cover}
.ratio-34{aspect-ratio:3/4}.ratio-45{aspect-ratio:4/5}.ratio-23{aspect-ratio:2/3}
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#0d0c0b;color:#f3eee6}
.hero__slides,.hero__slide{position:absolute;inset:0}
.hero__slide{opacity:0;transition:opacity 1.6s var(--ease)}
.hero__slide.is-active{opacity:1;z-index:1}
.hero__slide img,.hero__slide video{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.hero__slide.is-active img{animation:kb 9s linear forwards}
.hero__second{display:none}
@media (min-width:990px){.hero__slide{display:grid;grid-template-columns:1fr 1fr}.hero__slide:has(.hero__second) .hero__second{display:block}.hero__slide:not(:has(.hero__second))>img{grid-column:1/-1}.hero__slide .hero__second{animation-delay:-1.5s!important}}
@keyframes kb{from{transform:scale(1.14) translate3d(0,1.5%,0)}to{transform:scale(1.02) translate3d(0,0,0)}}
.hero::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.62) 100%);pointer-events:none}
.hero__content{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:calc(32px + env(safe-area-inset-bottom));display:grid;gap:22px}
.hero__title{font-size:clamp(56px,13vw,210px)}
.hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.hero__ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero__tag{display:flex;align-items:center;gap:14px}
.hero__tag a{border-bottom:1px solid rgba(243,238,230,.5);padding-bottom:2px}
.hero__dots{display:flex;gap:6px}
.hero__dots button{width:34px;height:20px;position:relative}
.hero__dots button::before,.hero__dots button::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(243,238,230,.3)}
.hero__dots button::after{background:#f3eee6;transform:scaleX(0);transform-origin:left}
.hero__dots button.is-active::after{animation:bar var(--dur,7s) linear forwards}
.hero__scroll{position:absolute;z-index:3;right:var(--gutter);top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.75;display:none}
@media (min-width:990px){.hero__scroll{display:block}}
.intro{text-align:center;overflow:hidden}
.intro__mark{display:flex;justify-content:center;font-family:var(--f-display);font-size:clamp(110px,30vw,460px);line-height:.8;letter-spacing:-.04em}
.intro__mark span{display:inline-block;transform:translateY(40%);opacity:0;transition:transform 1.6s var(--ease),opacity 1.2s var(--ease)}
.intro.is-in .intro__mark span{transform:none;opacity:1}
.intro.is-in .intro__mark span:nth-child(2){transition-delay:.1s}.intro.is-in .intro__mark span:nth-child(3){transition-delay:.2s}
.intro__text{max-width:760px;margin:clamp(28px,4vw,56px) auto 0;font-family:var(--f-display);font-size:clamp(24px,3vw,42px);line-height:1.18}
.intro__meta{display:flex;justify-content:center;gap:clamp(18px,4vw,56px);margin-top:36px;flex-wrap:wrap}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;margin-top:clamp(56px,8vw,110px);white-space:nowrap}
.marquee__track{display:inline-flex;gap:48px;animation:marq 38s linear infinite;padding-left:48px}
.marquee__track span{font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.marquee__track i{font-style:normal;color:var(--accent)}
@keyframes marq{to{transform:translateX(-50%)}}
.seasons{display:flex;flex-direction:column;height:auto;background:#0d0c0b}
.season{position:relative;flex:1;min-height:78svh;overflow:hidden;color:#f3eee6;display:block;transition:flex-grow 1.1s var(--ease)}
.season__img{position:absolute;inset:0}
.season__img img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform 2s var(--ease),filter 1s}
.season:hover .season__img img{transform:scale(1.05)}
.season--summer .season__img::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,rgba(255,222,170,.38),transparent 55%),linear-gradient(180deg,transparent 45%,rgba(40,28,10,.55))}
.season--winter .season__img::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 20% 10%,rgba(214,150,90,.22),transparent 60%),linear-gradient(180deg,rgba(8,7,6,.2),rgba(8,7,6,.78))}
.season__body{position:absolute;inset:auto var(--gutter) clamp(28px,4vw,56px);display:grid;gap:14px}
.season__name{font-size:clamp(60px,10vw,170px)}
.season__line{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(243,238,230,.35);padding-top:14px}
.season__go{display:inline-flex;align-items:center;gap:10px}
.season__go svg{transition:transform .5s var(--ease)}
.season:hover .season__go svg{transform:translateX(6px)}
@media (min-width:990px){.seasons{flex-direction:row;height:100vh}.season{min-height:0}.seasons:hover .season{flex-grow:.8}.seasons .season:hover{flex-grow:1.35}}
.film{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#0d0c0b;color:#f3eee6}
.film--summer{background:#e9dfcf}
.film__frames,.film__frame{position:absolute;inset:0;overflow:hidden}
.film__frame{opacity:0;transition:opacity 1.3s var(--ease)}
.film__frame.is-active{opacity:1}
.film__frame img,.film__frame video{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.film__frame.is-active img{animation:drift 7s linear forwards}
.film__frame:nth-child(even).is-active img{animation-name:drift2}
.film__bg{position:absolute;inset:0;filter:blur(36px) brightness(.55) saturate(1.1);transform:scale(1.25)!important;animation:none!important;display:none}
.film__fg{position:relative}
@media (min-width:990px){.film__bg{display:block}.film__frame .film__fg{position:absolute;top:0;right:6vw;width:42vw;height:100%}}
@keyframes drift{from{transform:scale(1.16) translateX(-2%)}to{transform:scale(1.04) translateX(1%)}}
@keyframes drift2{from{transform:scale(1.05) translateY(2%)}to{transform:scale(1.18) translateY(-1%)}}
.film::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 55%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 40%)}
.film::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.film__bars{position:absolute;inset:0;z-index:3;pointer-events:none}
.film__bars::before,.film__bars::after{content:"";position:absolute;left:0;right:0;height:5vh;background:#0d0c0b;transition:height 1.4s var(--ease)}
.film__bars::before{top:0}.film__bars::after{bottom:0}
.film.is-in .film__bars::before,.film.is-in .film__bars::after{height:0}
.film__ui{position:absolute;z-index:4;inset:0;padding:calc(var(--header-h) + 20px) var(--gutter) calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between}
.film__top{display:flex;justify-content:space-between;align-items:center}
.film__rec{display:inline-flex;align-items:center;gap:8px}
.film__rec::before{content:"";width:6px;height:6px;border-radius:50%;background:#d2593f;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.2}}
.film__bottom{display:grid;gap:22px;max-width:760px}
.film__product{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.film__product .price{font-size:13px}
.film__count{font-variant-numeric:tabular-nums}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(62%,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);cursor:grab;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.rail.is-drag a{pointer-events:none}
@media (min-width:750px){.rail{grid-auto-columns:calc((100% - 36px)/3.3)}}
@media (min-width:1200px){.rail{grid-auto-columns:calc((100% - 48px)/4.25)}}
.rail-nav{display:flex;gap:6px}
.rail-nav button{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;transition:border-color .3s,background .3s,color .3s}
.rail-nav button:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}
.rail-progress{height:1px;background:var(--line);margin-top:28px;position:relative;overflow:hidden}
.rail-progress i{position:absolute;inset:0;background:var(--fg);transform-origin:left;transform:scaleX(.2);transition:transform .2s}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px) clamp(8px,1vw,14px)}
@media (min-width:990px){.grid{grid-template-columns:repeat(4,1fr)}.grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}}
@media (max-width:749px){.grid[data-cols-m="1"]{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0}
.card[hidden],.tile[hidden]{display:none}
.card__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--soft);display:block}
.card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:opacity .8s var(--ease),transform 1.6s var(--ease)}
.card__media .alt{opacity:0}
@media (hover:hover){.card:hover .card__media .alt{opacity:1}.card:hover .card__media img{transform:scale(1.04)}}
.card__tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}
.tag{background:var(--bg);color:var(--fg);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 8px}
.tag--dark{background:var(--fg);color:var(--bg)}
.wish{position:absolute;top:6px;right:6px;z-index:3;width:38px;height:38px;display:grid;place-items:center;color:#0d0c0b}
.wish svg{width:18px;height:18px;stroke:currentColor;fill:transparent;stroke-width:1.2;transition:fill .3s,transform .4s var(--ease)}
.wish.is-on svg{fill:currentColor;animation:pop .5s var(--ease)}
@keyframes pop{40%{transform:scale(1.3)}}
.quick{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;background:rgba(246,244,240,.94);color:#0d0c0b;backdrop-filter:blur(8px);padding:12px;transform:translateY(calc(100% + 12px));transition:transform .6s var(--ease);display:none}
.card .quick{bottom:auto;top:calc(var(--qtop,0px));}
@media (hover:hover) and (min-width:990px){.quick{display:block}.card:hover .quick,.quick:focus-within{transform:none}}
.quick__row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.quick__size{min-width:38px;height:32px;padding:0 8px;font-size:11px;letter-spacing:.06em;border:1px solid transparent;transition:border-color .2s,background .2s,color .2s}
.quick__size:hover{border-color:#0d0c0b}
.quick__size[disabled]{opacity:.3;text-decoration:line-through;pointer-events:none}
.quick--static{position:static;display:block;transform:none;background:transparent;color:inherit;backdrop-filter:none;padding:0}
.quick--static .quick__row{justify-content:flex-start;gap:8px}
.quick--static .quick__label{justify-content:flex-start}
.quick--static .quick__size{border:1px solid var(--line)}
.quick--static .quick__size:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}
.quick__label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.quick__swatches{display:flex;gap:6px}
.card__info{display:grid;gap:5px;padding-right:4px}
.card__title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}
.card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.card__swatches{display:flex;gap:5px}
.price{display:inline-flex;gap:8px;align-items:baseline;font-size:12.5px;letter-spacing:.04em;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.price s{color:var(--muted)}
.price .off{color:var(--accent);font-size:10.5px;letter-spacing:.1em}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--sw,#999);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.dot.is-sel{outline:1px solid currentColor;outline-offset:2px}
.tile{position:relative;grid-column:span 2;overflow:hidden;background:#0d0c0b;color:#f3eee6;min-height:100%;display:flex;align-items:flex-end}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform 1.6s var(--ease)}
.tile:hover img{transform:scale(1.03)}
.tile__body{position:relative;padding:clamp(18px,3vw,36px);display:grid;gap:10px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);width:100%}
@media (max-width:989px){.tile{aspect-ratio:4/5}}
.lookbook{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,20px);align-items:start}
.look{position:relative;grid-column:span 12}
.look .media{aspect-ratio:3/4}
.look__cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px}
.look__pin{position:absolute;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(246,244,240,.92);color:#0d0c0b;display:grid;place-items:center;font-size:16px;line-height:1;transform:translate(-50%,-50%);transition:transform .4s var(--ease)}
.look__pin::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(246,244,240,.7);animation:ring 2.4s var(--ease) infinite}
@keyframes ring{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
.look__pin:hover{transform:translate(-50%,-50%) scale(1.15)}
.look__pop{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;background:rgba(246,244,240,.96);color:#0d0c0b;padding:12px;display:flex;gap:12px;align-items:center;transform:translateY(12px);opacity:0;visibility:hidden;transition:all .5s var(--ease)}
.look.is-pop .look__pop{transform:none;opacity:1;visibility:visible}
.look__pop img{width:52px;height:68px;object-fit:cover;flex:none}
@media (min-width:750px){.look:nth-child(6n+2){grid-column:1/span 7}.look:nth-child(6n+3){grid-column:9/span 4;margin-top:22vh}.look:nth-child(6n+4){grid-column:2/span 4;margin-top:-6vh}.look:nth-child(6n+5){grid-column:7/span 6;margin-top:10vh}.look:nth-child(6n+6){grid-column:1/span 5}.look:nth-child(6n+7){grid-column:7/span 5;margin-top:16vh}}
.lookbook__title{grid-column:1/-1;margin-bottom:clamp(20px,4vw,60px)}
.piece{display:grid;gap:clamp(24px,4vw,64px)}
.piece__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.piece__gallery .media:first-child{grid-column:span 2}
.piece__info{display:grid;gap:22px;align-content:start}
@media (min-width:990px){.piece{grid-template-columns:1.25fr 1fr;align-items:start}.piece__info{position:sticky;top:calc(var(--header-h) + 40px);padding-right:4vw}}
.story{position:relative;display:grid;gap:clamp(32px,5vw,80px)}
.story__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
.story__img img{position:absolute;inset:-10% 0;height:120%;width:100%;object-fit:cover;will-change:transform}
.story__body{display:grid;gap:26px;align-content:center}
.story__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);padding-top:22px}
.story__nums b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1;margin-bottom:8px}
@media (min-width:990px){.story{grid-template-columns:1fr 1fr;align-items:center}.story--flip .story__img{order:2}}
.c-hero{position:relative;min-height:min(86svh,900px);display:flex;align-items:flex-end;overflow:hidden}
.c-hero__media{position:absolute;inset:0;display:grid;grid-template-columns:1fr}
.c-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.c-hero__media .c-hero__alt{display:none}
@media (min-width:750px){.c-hero__media{grid-template-columns:1fr 1fr}.c-hero__media .c-hero__alt{display:block}}
.c-hero__body{position:relative;z-index:2;width:100%;padding:0 var(--gutter) clamp(28px,5vw,64px);display:grid;gap:18px}
.c-hero--summer{color:#1b1813}
.c-hero--summer::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(90% 70% at 85% 0%,rgba(255,226,178,.55),transparent 60%),linear-gradient(180deg,rgba(244,238,228,0) 30%,rgba(244,238,228,.92) 92%)}
.c-hero--summer .c-hero__media img{filter:saturate(.92) brightness(1.06)}
.c-hero--winter{color:#eee7dc}
.c-hero--winter::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(70% 60% at 15% 5%,rgba(205,140,80,.25),transparent 60%),linear-gradient(180deg,rgba(17,16,14,.15) 20%,rgba(17,16,14,.94) 95%)}
.c-hero--winter .c-hero__media img{filter:contrast(1.05) brightness(.82) saturate(.9)}
.c-hero--neutral{color:#f3eee6}
.c-hero--neutral::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6))}
.c-hero__row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}
.c-hero__desc{max-width:34em;font-size:15px;line-height:1.6;opacity:.85}
.c-hero__sun{position:absolute;z-index:1;top:-20vmax;right:-14vmax;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,230,190,.55),transparent 62%);pointer-events:none;animation:breathe 9s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.08);opacity:.75}}
.toolbar{position:sticky;top:var(--header-h);z-index:20;background:var(--bg);border-block:1px solid var(--line);transition:top .5s var(--ease)}
.header-hidden .toolbar{top:0}
.toolbar__in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding-inline:var(--gutter)}
.toolbar__l,.toolbar__r{display:flex;align-items:center;gap:18px}
.toolbar button,.toolbar select{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.toolbar select{background:transparent;border:0;appearance:none;-webkit-appearance:none;padding-right:16px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 5px) 50%,100% 50%;background-size:5px 5px;background-repeat:no-repeat}
.toolbar select option{color:#0d0c0b}
.density{display:none;gap:6px}
.density button{width:22px;height:22px;display:grid;place-items:center;opacity:.4}
.density button.is-on{opacity:1}
@media (min-width:990px){.density{display:flex}}
@media (max-width:420px){.toolbar__l .label{display:none}}
.c-grid{padding:clamp(24px,3vw,44px) var(--gutter) clamp(80px,10vw,140px)}
.c-empty{padding:80px 0;text-align:center;display:none}
.filter-group{border-bottom:1px solid var(--line);padding:20px 0}
.filter-group h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 14px}
.filter-opts{display:flex;flex-wrap:wrap;gap:8px}
.chip .dot{margin-right:8px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;padding:14px var(--gutter) 0}
.active-filters:empty{display:none}
.active-filters button{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:6px 10px}
.pdp{display:grid;gap:0}
.pdp__gallery{position:relative;min-width:0}
.pdp__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pdp__track::-webkit-scrollbar{display:none}
.pdp__slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:3/4;position:relative;background:var(--soft);overflow:hidden;cursor:zoom-in}
.pdp__slide img,.pdp__slide video{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.pdp__count{position:absolute;bottom:16px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:14px;color:#0d0c0b;z-index:2;pointer-events:none}
.pdp__count .bar{flex:1;height:1px;background:rgba(13,12,11,.2);position:relative;overflow:hidden}
.pdp__count .bar i{position:absolute;inset:0;background:#0d0c0b;transform-origin:left;transition:transform .5s var(--ease)}
.pdp__info{padding:28px var(--gutter) 40px;display:grid;gap:24px;align-content:start;min-width:0}
.pdp__crumbs{display:flex;gap:8px;color:var(--muted)}
.pdp__title{font-size:clamp(32px,3.4vw,52px);line-height:1.02}
.pdp__price .price{font-size:15px}
.opt__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;width:100%}
.opt__head legend{float:left;padding:0}
.opt__vals{display:flex;flex-wrap:wrap;gap:8px;clear:both}
.opt input{position:absolute;opacity:0;pointer-events:none}
.size-btn{min-width:56px;height:46px;padding:0 14px;border:1px solid var(--line);display:inline-grid;place-items:center;font-size:12px;letter-spacing:.08em;transition:border-color .25s,background .25s,color .25s;cursor:pointer;position:relative}
.size-btn:hover{border-color:var(--fg)}
input:checked+.size-btn{background:var(--fg);color:var(--bg);border-color:var(--fg)}
input:focus-visible+label{outline:1px solid currentColor;outline-offset:3px}
.size-btn.is-out{color:var(--muted)}
.size-btn.is-out::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:currentColor;transform:rotate(-14deg)}
.swatch-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative}
.swatch-btn::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid transparent;transition:border-color .3s,inset .3s}
.swatch-btn i{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
input:checked+.swatch-btn::before{border-color:var(--fg);inset:-2px}
.swatch-btn.is-out i{opacity:.35}
.pdp__ctas{display:grid;gap:8px}
.pdp__ctas-row{display:grid;grid-template-columns:1fr 52px;gap:8px}
.pdp__wish{border:1px solid var(--line);display:grid;place-items:center;transition:border-color .3s}
.pdp__wish:hover{border-color:var(--fg)}
.pdp__wish svg{width:18px;height:18px;stroke:currentColor;fill:transparent;stroke-width:1.2}
.pdp__wish.is-on svg{fill:currentColor}
.stock{display:flex;align-items:center;gap:8px;font-size:12px}
.stock::before{content:"";width:6px;height:6px;border-radius:50%;background:#6f9a63}
.stock.is-low::before{background:#c98a3c;animation:blink 1.6s infinite}
.stock.is-out::before{background:#b4543f}
.acc{border-top:1px solid var(--line)}
.acc:last-child{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{width:11px;height:11px;position:relative}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .4s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc[open] summary i::after{transform:rotate(0)}
.acc__body{padding:0 0 22px;line-height:1.7}
.acc__body dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0}
.acc__body dt{color:var(--muted)}
.acc__body dd{margin:0}
.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg);border-top:1px solid var(--line);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .6s var(--ease)}
.sticky-atc.is-on{transform:none}
.sticky-atc img{width:40px;height:52px;object-fit:cover}
.sticky-atc__t{flex:1;min-width:0}
.sticky-atc__t>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.sticky-atc .btn{min-height:46px;padding:0 20px}
@media (min-width:990px){.pdp{grid-template-columns:minmax(0,1.45fr) minmax(380px,1fr)}.pdp__track{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible}.pdp__slide:first-child{grid-column:span 2;aspect-ratio:4/5}.pdp__count{display:none}.pdp__info{position:sticky;top:var(--header-h);padding:56px clamp(32px,4vw,72px) 64px;max-height:calc(100vh - var(--header-h));overflow-y:auto;scrollbar-width:none}.sticky-atc{display:none}}
.lightbox{position:fixed;inset:0;z-index:200;background:#0d0c0b;display:none;overflow:auto;cursor:zoom-out}
.lightbox.is-open{display:block}
.lightbox img{width:100%;height:auto;max-width:1600px;margin:0 auto}
.lightbox button{position:fixed;top:14px;right:14px;color:#f3eee6;z-index:2}
.sg-table{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}
.sg-table th,.sg-table td{padding:11px 6px;text-align:left;border-bottom:1px solid var(--line)}
.sg-table th{font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.ci{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.ci img{width:84px;height:112px;object-fit:cover;background:var(--soft)}
.ci__top{display:flex;justify-content:space-between;gap:10px}
.ci__t{font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}
.ci__v{color:var(--muted);font-size:12px;margin-top:4px}
.ci__bot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);height:34px}
.qty button{width:32px;height:100%}
.qty span{min-width:24px;text-align:center;font-size:12px}
.ci__rm{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cart-empty{padding:60px 0;text-align:center;display:grid;gap:22px;justify-items:center}
.cart-sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.cart-note{color:var(--muted);font-size:12px;margin-bottom:16px}
.cart-page{display:grid;gap:40px;padding:clamp(32px,5vw,64px) var(--gutter) 120px}
@media (min-width:990px){.cart-page{grid-template-columns:1.6fr 1fr;align-items:start}.cart-page aside{position:sticky;top:calc(var(--header-h) + 30px)}}
.footer{background:#0d0c0b;color:#f3eee6;--fg:#f3eee6;--line:rgba(243,238,230,.16);--muted:rgba(243,238,230,.55);padding-top:clamp(64px,9vw,130px);overflow:hidden}
.footer__top{display:grid;gap:48px;padding-inline:var(--gutter)}
.footer__news h3{margin-bottom:22px}
.news{display:flex;border-bottom:1px solid rgba(243,238,230,.5);max-width:520px}
.news input{flex:1;background:transparent;border:0;padding:14px 0;outline:none;color:#f3eee6;min-width:0}
.news input::placeholder{color:rgba(243,238,230,.5)}
.news button{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.footer__cols h4{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 16px}
.footer__cols li+li{margin-top:9px}
.footer__cols a{font-size:13px;opacity:.9}
.footer__mark{font-family:var(--f-display);font-size:clamp(120px,36vw,620px);line-height:.74;letter-spacing:-.05em;text-align:center;margin-top:clamp(48px,8vw,120px);user-select:none;background:linear-gradient(180deg,#f3eee6 30%,rgba(243,238,230,.12));-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(8%)}
.footer__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px var(--gutter);border-top:1px solid var(--line);font-size:11px;color:var(--muted);position:relative;z-index:1;background:#0d0c0b}
.pay{display:flex;gap:6px;flex-wrap:wrap}
.pay svg{width:34px;height:22px}
@media (min-width:990px){.footer__top{grid-template-columns:1.3fr 2fr}.footer__cols{grid-template-columns:repeat(3,1fr)}}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:250;transform:translate(-50%,160%);background:#0d0c0b;color:#f3eee6;padding:14px 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:transform .6s var(--ease);white-space:nowrap}
.toast.is-on{transform:translate(-50%,0)}
.page-head{padding:clamp(48px,8vw,120px) var(--gutter) clamp(32px,5vw,64px)}
.page-body{padding:0 var(--gutter) clamp(80px,10vw,140px);max-width:820px}
.form{display:grid;gap:14px;max-width:560px}
.field{display:grid;gap:6px}
.field input,.field textarea{background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;outline:none;width:100%}
.field input:focus,.field textarea:focus{border-color:var(--fg)}
.notice{padding:14px 16px;border:1px solid var(--line);font-size:13px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.rv,.split .ln>span,.intro__mark span{opacity:1;transform:none}.rv-img{clip-path:none}.loader{display:none}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .35s var(--ease-io) both}
::view-transition-new(root){animation:vt-in .55s var(--ease) both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0}}