@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--paper:#f7f5f0;--ink:#262323;--wine:#48232b;--muted:#76716c;--line:#d9d4cb;--serif:'Noto Serif SC','Songti SC','SimSun',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a77a4e;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:20px;background:var(--paper);z-index:100;padding:8px}.header{height:100px;margin:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.wordmark>span{font-family:var(--serif);font-size:32px;letter-spacing:6px;color:var(--wine);font-weight:600}.wordmark small{font-size:13px;letter-spacing:3px}.header nav{display:flex;gap:40px}.header nav a{font-size:14px;letter-spacing:1px}.language{border:0;background:none;font-size:14px;padding:12px 0 12px 20px;border-left:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px;margin:28px 4.3% 0;gap:35px}.hero-copy{padding:64px 6% 0 0;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:500;margin:0 0 28px;color:var(--wine)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(40px,5.1vw,78px);line-height:1.42;letter-spacing:2px;font-weight:400;margin:0 0 12px}h1 span{color:var(--wine)}.hero-en{font-family:Georgia,serif;font-size:29px;font-style:italic;color:var(--wine);margin-bottom:27px}.intro{font-size:16px;color:#69615c;line-height:1.9;margin-bottom:32px}.solid-link{background:var(--wine);color:white;padding:17px 21px;display:flex;gap:18px;align-items:center;font-size:15px}.solid-link small{font-size:12px;letter-spacing:1.1px}.solid-link b{font-size:25px;font-weight:400;margin-left:12px}.solid-link:hover{background:#65353f}.hero-index{width:100%;margin-top:auto;padding:36px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;letter-spacing:1.2px;color:var(--muted)}.hero-index span:first-child{font-family:Georgia,serif;font-size:17px;color:var(--ink)}.hero-image{position:relative;margin:0;height:700px;overflow:hidden}.hero-image img{object-position:50% 46%}.hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(25,16,15,.7));pointer-events:none}.hero-image figcaption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;color:white;z-index:1;font-family:var(--serif);font-size:18px}.hero-image small{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.8px;margin-top:7px}.plate{text-align:right;font-family:Georgia,serif;font-size:19px;line-height:1.2;letter-spacing:1px}.ribbon{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;padding:23px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:16px}.ribbon i{font-family:Georgia,serif;font-size:16px;margin-left:12px;color:var(--muted)}.ribbon b{font-weight:400;color:#9b8a75;font-size:24px}.section{padding:100px 4.3% 70px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:18px}h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.5;margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 4px;line-height:1.9}.section-heading>p span{font-family:Georgia,serif;font-style:italic;font-size:17px}.category-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.category-intro a>div{aspect-ratio:4/4.7;overflow:hidden;background:#e2ded6}.category-intro img{transition:transform .7s}.category-intro a:hover img{transform:scale(1.035)}.category-intro p{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:Georgia,serif;font-size:13px;color:var(--muted);margin:20px 0}.category-intro strong{font-family:var(--serif);font-size:22px;color:var(--ink);font-weight:400}.category-intro p span{font-style:italic;font-size:15px}.category-intro p b{margin-left:auto;font-size:24px;color:var(--wine);font-weight:400}.inspiration{background:#eeebe5}.contact{background:var(--wine);color:var(--paper);text-align:center;padding:86px 24px 80px}.contact .eyebrow{color:#d0b7a0}.contact h2{font-size:42px}.contact-en{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#dbc6b9;margin:12px 0 30px}.contact-order{display:inline-flex;gap:22px;align-items:center;border-top:1px solid #a88683;border-bottom:1px solid #a88683;padding:17px 30px;font-size:20px;margin-bottom:28px}.contact-order span{font-size:14px;color:#e2d4cc}.contact-note{font-size:14px;color:#ddceca;line-height:1.9;margin:0}.contact-note span{font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 4.3%}footer p{font-family:var(--serif);font-size:15px;margin:0}footer p span{display:block;font-size:14px;font-family:Georgia,serif;color:var(--muted);font-style:italic}.footer-note{font-size:12px;letter-spacing:1.5px;color:var(--muted)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:790px}.hero-image{height:790px}}@media(max-width:1000px){.header nav{gap:24px}.hero{gap:25px;min-height:620px}.hero-image{height:620px}.hero-copy{padding-top:38px}.hero-en{font-size:24px}.solid-link{gap:12px}.solid-link small{display:none}.hero-index span:last-child{font-size:12px}.ribbon{padding:20px 4.3%;gap:10px}.ribbon i{display:block;font-size:14px;margin-left:0}.category-intro p{gap:8px;position:relative}.category-intro p span{width:100%;padding-left:27px}.category-intro p b{position:absolute;right:0}.section{padding-top:75px}}
@media(max-width:650px){html{scroll-padding-top:25px}.header{height:80px;margin:0 6%;gap:10px}.wordmark>span{font-size:26px;letter-spacing:3px}.wordmark{gap:8px}.wordmark small{font-size:12px;letter-spacing:1.5px}.header nav{gap:18px}.header nav a{font-size:13px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.language{font-size:12px;padding-left:12px}.hero{margin:18px 6% 0;grid-template-columns:1fr;gap:28px;min-height:0}.hero-copy{padding:25px 0 0}.eyebrow{font-size:12px;letter-spacing:1.8px;margin-bottom:21px}h1{font-size:49px;line-height:1.35}.hero-en{font-size:25px;margin:13px 0 23px}.intro{font-size:15px;margin-bottom:24px}.solid-link{padding:13px 20px;font-size:14px;width:100%;justify-content:space-between}.solid-link small{display:block;font-size:12px}.hero-index{padding:25px 0 0}.hero-index span:last-child{font-size:12px}.hero-image{height:auto;aspect-ratio:4/4.9}.hero-image figcaption{left:20px;right:20px;bottom:22px;font-size:16px}.plate{font-size:16px}.ribbon{margin-top:25px;padding:20px 6%;font-size:14px;gap:16px}.ribbon i{font-size:12px}.ribbon b{display:none}.ribbon>span{flex:1}.ribbon>span:nth-of-type(2){text-align:center}.ribbon>span:last-child{text-align:right}.section{padding:60px 6% 45px}.section-heading{display:block;margin-bottom:28px}h2{font-size:29px}.section-heading>p{margin-top:16px}.category-intro{gap:25px;grid-template-columns:1fr}.category-intro a>div{aspect-ratio:4/4}.category-intro p{margin:12px 0 0}.category-intro p span{width:auto;padding-left:0}.category-intro strong{font-size:21px}.category-intro p span{font-size:14px}.contact{padding:60px 6%}.contact h2{font-size:29px}.contact-en{font-size:21px}.contact-order{display:flex;flex-direction:column;gap:4px;padding:17px 0;font-size:22px}.contact-note{font-size:13px}.contact-note span{font-size:12px}footer{padding:30px 6%;flex-wrap:wrap;gap:23px}footer p{text-align:right;font-size:13px}.footer-note{width:100%;font-size:12px;border-top:1px solid var(--line);padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Album and full-screen editorial viewer */
#album{padding-top:50px;scroll-margin-top:20px}.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:27px}.filters button{border:0;border-bottom:2px solid transparent;background:none;font-size:14px;padding:17px 0;min-height:48px;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--wine);border-bottom-color:var(--wine)}.filters sup{font-size:12px;margin-left:7px}.album-count{font-size:12px;letter-spacing:1px;white-space:nowrap;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px}.photo-card{border:0;background:none;text-align:left;padding:0;min-width:0}.photo-wrap{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:#e0dcd4}.photo-wrap img{transition:transform .6s ease}.photo-card:hover img{transform:scale(1.035)}.expand{position:absolute;right:15px;bottom:15px;background:var(--paper);width:38px;height:38px;display:grid;place-items:center;font-size:24px;color:var(--wine)}.photo-caption{padding:17px 0 0;position:relative}.photo-caption h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:0 60px 3px 0;line-height:1.5}.photo-caption p{font-family:Georgia,serif;font-size:15px;font-style:italic;color:var(--muted);margin:0}.photo-ref{position:absolute;right:0;top:20px;font-family:Georgia,serif;color:var(--muted);font-size:13px}.more-wrap{text-align:center;margin-top:40px}.more-button{background:none;border:1px solid #b9afa2;padding:14px 26px;min-width:250px;font-size:14px}.more-button span{margin:0 20px;font-size:12px;color:var(--muted)}.more-button b{font-size:20px;font-weight:400}.more-button:hover{background:var(--wine);color:white}.more-button:hover span{color:#e6d7cb}.album-end{font-family:Georgia,serif;text-align:center;font-size:12px;letter-spacing:2px;padding-top:36px;color:var(--muted)}.inspiration .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.inspiration .photo-wrap{aspect-ratio:4/4.7}.inspiration .photo-caption h3{font-size:19px;margin-right:50px}.inspiration .photo-caption p{font-size:14px}.inspiration .photo-ref{font-size:12px}.archive-note{font-size:13px;color:var(--muted);margin-bottom:26px;max-width:820px}.reference-badge{position:absolute;top:12px;left:12px;background:rgba(247,245,240,.92);font-size:12px;padding:3px 9px;letter-spacing:1px;color:var(--wine)}dialog{position:fixed;inset:0;margin:auto;width:min(1350px,96vw);max-width:96vw;height:min(850px,94dvh);max-height:94dvh;border:0;background:#1d1b1b;color:var(--paper);padding:0;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}.viewer-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #45403c;font-size:13px;letter-spacing:2px}.viewer-top button{width:45px;height:45px;border:0;background:none;color:white;font-size:20px}.viewer-main{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);height:calc(100% - 58px)}.viewer-image{padding:25px 54px;min-height:0;height:100%;background:#151414;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.viewer-image img{object-fit:contain;width:100%;height:100%;max-height:100%}.viewer-details{padding:65px 36px 30px;overflow:auto}.viewer-details .eyebrow{color:#c4ad9b;font-size:12px;letter-spacing:1.3px;margin-bottom:18px}.viewer-details h2{font-size:37px;line-height:1.5}.viewer-details #viewer-subtitle{font-family:Georgia,serif;font-size:22px;font-style:italic;color:#d2bdae;margin:10px 0 30px}.viewer-details #viewer-description{font-size:15px;line-height:1.9;color:#c6c0bc;margin-bottom:30px}.viewer-order{border-top:1px solid #544b46;padding-top:23px;font-family:var(--serif);font-size:22px}.viewer-order small{display:block;font-size:13px;font-family:Arial,sans-serif;color:#cbc2b9;margin-top:5px}.copy-ref{margin-top:23px;padding:12px 16px;border:1px solid #97877b;background:none;color:#eee1d3;font-size:13px;min-height:45px}.viewer-arrow{position:absolute;top:45%;font-family:Georgia,serif;color:white;background:#262323b8;border:1px solid #8a7970;width:40px;height:50px;font-size:32px;line-height:1;z-index:1}.viewer-arrow.previous{left:7px}.viewer-arrow.next{right:40.5%}#copy-status{font-size:12px;margin:9px 0 0;color:#cfb6a0}#viewer-source{font-size:12px;color:#b8aea7;margin:20px 0 0;line-height:1.8}#viewer-source a{text-decoration:underline;text-underline-offset:3px}.swipe-hint{font-size:12px;color:#a69c96;margin:22px 0 0}.inspiration .section-heading h2{max-width:780px}html[lang=en] h1{font-family:Georgia,serif;letter-spacing:-1.5px;line-height:1.17;font-size:clamp(42px,5.1vw,78px)}html[lang=en] .hero-en{font-family:var(--serif);font-style:normal;font-size:24px;margin-top:20px}html[lang=en] h2{font-family:Georgia,serif}html[lang=en] .hero .eyebrow{margin-bottom:38px}
@media(max-width:1000px){.inspiration .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-details{padding:40px 25px 25px}.viewer-details h2{font-size:29px}.viewer-details #viewer-subtitle{font-size:19px}.viewer-main{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.viewer-arrow.next{right:44.5%}.filters{gap:20px}.photo-caption h3{font-size:20px}}
@media(max-width:650px){#album{padding-top:36px}.album-toolbar{gap:0;display:block;margin-bottom:23px}.filters{gap:0;justify-content:space-between;flex-wrap:nowrap}.filters button{font-size:13px;padding:14px 0}.filters sup{font-size:12px;margin-left:4px}.album-count{display:none}.photo-grid,.inspiration .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.photo-wrap{aspect-ratio:3/4}.photo-caption{padding-top:11px}.photo-caption h3,.inspiration .photo-caption h3{font-size:17px;margin-right:0;padding-top:18px}.photo-caption p,.inspiration .photo-caption p{font-size:13px;line-height:1.4}.photo-ref,.inspiration .photo-ref{top:8px;left:0;right:auto;font-size:12px}.expand{width:28px;height:28px;font-size:18px;right:9px;bottom:9px}.archive-note{font-size:12px;line-height:1.8}.reference-badge{font-size:12px;top:8px;left:8px;padding:2px 6px}.more-button{width:100%;padding:14px 18px}.more-wrap{margin-top:28px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.viewer-top{height:55px;padding:0 17px;position:sticky;top:0;z-index:2;background:#1d1b1b}.viewer-main{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 55px)}.viewer-image{height:52dvh;min-height:300px;padding:16px 25px}.viewer-details{padding:26px 25px 35px;overflow:visible}.viewer-details .eyebrow{margin-bottom:10px}.viewer-details h2{font-size:28px}.viewer-details #viewer-subtitle{font-size:20px;margin:4px 0 20px}.viewer-details #viewer-description{font-size:14px;margin-bottom:20px}.viewer-arrow{top:23dvh;width:33px;height:46px;font-size:29px}.viewer-arrow.next{right:4px}.viewer-arrow.previous{left:4px}.viewer-order{font-size:21px}.viewer-order small{font-size:12px}.copy-ref{margin-top:18px}.swipe-hint{margin-top:18px}html[lang=en] h1{font-size:53px}html[lang=en] .hero .eyebrow{margin-bottom:25px}}

@media(max-width:650px){.hero-index{align-items:flex-start}.hero-index span:last-child{max-width:70%;text-align:right;line-height:1.6}html[lang=en] .filters{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}html[lang=en] .filters button{text-align:left}.intro{font-size:16px}.filters button,.language{font-size:14px}}
/* Three category labels, photography without individual product titles. */
.collection #album{padding-top:0}.collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-tab{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;border:0;border-bottom:2px solid transparent;padding:24px 0;color:var(--ink)}.collection-tab[aria-pressed=true]{border-bottom-color:var(--wine)}.collection-tab:hover{color:var(--wine)}.tab-index{font-family:Georgia,serif;font-size:17px;color:var(--muted)}.tab-names{display:flex;flex-direction:column;gap:5px}.tab-names strong{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.4}.tab-names em{font-family:Georgia,serif;font-size:17px;color:var(--muted)}.tab-arrow{font-size:28px;font-weight:400;margin-left:auto;color:var(--wine)}.gallery-meta{display:flex;justify-content:space-between;gap:20px;margin:23px 0 27px;font-size:12px;letter-spacing:1px;color:var(--muted)}.collection .photo-grid{gap:26px}.collection .photo-wrap{aspect-ratio:4/4.8}.photo-wrap.luxury-reference{background:#fff}.photo-wrap.luxury-reference img{object-fit:contain}.photo-card{display:block}.viewer-details{display:flex;flex-direction:column;justify-content:center}.viewer-details #viewer-subtitle{margin-bottom:35px}.viewer-details #viewer-source{margin-top:25px}.viewer-details .copy-ref{align-self:flex-start}.viewer-details .swipe-hint{margin-bottom:0}
@media(min-width:1400px){.tab-names{flex-direction:row;align-items:baseline;gap:14px}.tab-names strong{font-size:27px}.tab-names em{font-size:17px}.collection-tabs{gap:36px}}
@media(max-width:900px){.collection-tabs{gap:20px}.collection-tab{gap:10px}.tab-names strong{font-size:23px}.tab-names em{font-size:14px}.tab-arrow{display:none}.gallery-meta{font-size:12px}.viewer-details{justify-content:flex-start}}
@media(max-width:650px){.collection-tabs{grid-template-columns:1fr;gap:0}.collection-tab{padding:17px 0;border-bottom:1px solid var(--line);gap:17px}.collection-tab:last-child{border-bottom:0}.collection-tab[aria-pressed=true]{border-bottom:1px solid var(--wine);color:var(--wine)}.tab-names{flex-direction:row;align-items:baseline;gap:12px;flex-wrap:wrap}.tab-names strong{font-size:21px}.tab-names em{font-size:14px}.tab-index{font-size:14px}.tab-arrow{display:block;font-size:25px}.gallery-meta{letter-spacing:0;margin:20px 0;align-items:start}.gallery-meta span:last-child{white-space:nowrap}.collection .photo-grid{gap:13px}.collection .photo-wrap{aspect-ratio:3/4}.viewer-details{display:block}.viewer-details #viewer-subtitle{margin-bottom:25px}}

.photo-wrap.luxury-reference[data-brand="CHANEL"] img{transform:scale(1.75);transform-origin:50% 0%}.photo-wrap.luxury-reference[data-kind="shoes"]:not([data-brand="Hermès"]) img{transform:scale(1.45);transform-origin:50% 100%}