/* The approved photographic homepage, connected to the original storefront. */
body[data-page=home] .shell{padding-top:0!important;max-width:none}
body[data-page=home] .shell>.brand-hero{padding:0!important}
body[data-page=home] .shell>.brand-audiences{padding-inline:0!important}
body[data-page=home] .shell>.brand-product{padding-inline:0!important}
body[data-page=home] .shell>.brand-contact{padding-inline:0!important}
.brand-skip{position:fixed;top:-100px;left:20px;z-index:10000;padding:12px 20px;background:#becbb1;color:#101311}.brand-skip:focus{top:12px}
html:not([lang^=zh]) .brand-hero h1{font-size:clamp(44px,4.8vw,68px);max-width:600px;overflow-wrap:anywhere}
.brand-wrap{max-width:1180px;width:calc(100% - 96px);margin-inline:auto}
.brand-hero{position:relative;min-height:740px;overflow:clip;isolation:isolate}
.brand-hero-art{position:absolute;z-index:-1;inset-block:0;right:0;width:85%;pointer-events:none}
.brand-hero-art img{width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.brand-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101311 0%,#101311e6 8%,#1013111f 45%,transparent 68%,transparent 82%,#101311 100%),linear-gradient(0deg,#101311 0%,#10131133 22%,transparent 50%)}
.brand-hero-content{position:relative;padding-block:160px 64px;max-width:1140px;width:calc(100% - 128px)}.brand-kicker{font-size:14px;letter-spacing:.11em;color:#becbb1;margin:0 0 26px}
.brand-hero h1{font-size:clamp(58px,5.9vw,83px);font-weight:400;line-height:1.31;letter-spacing:-.055em;margin:0 0 27px}.brand-hero h1 span{display:block}.brand-hero h1 span:last-child{color:#becbb1;font-weight:300}
.brand-intro{max-width:500px;color:#c7cec3;font-size:21px;line-height:1.85;margin:0}.brand-intro strong{display:block;color:#f1f2e9;font-size:23px;font-weight:500;line-height:1.6;margin-bottom:12px}
.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.brand-button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 28px;border:1px solid #becbb1;border-radius:999px;background:#becbb1;color:#101311;font-size:18px;font-weight:500;line-height:1.5;text-decoration:none}.brand-button:hover{background:#e5eddc;color:#101311}.brand-button.secondary{background:transparent;color:#f1f2e9}.brand-button.secondary:hover{background:#263023}
.brand-audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-block:48px 80px}.brand-audience{padding:40px;border:1px solid #65735d;border-radius:24px;background:#19211b;display:flex;flex-direction:column;align-items:start}.brand-audience-label{color:#becbb1;font-size:17px;margin:0 0 22px}.brand-audience h2{font-size:38px;font-weight:400;line-height:1.5;max-width:440px;margin:0 0 22px}.brand-audience p:not(.brand-audience-label){font-size:18px;line-height:1.9;margin:0 0 30px;color:#c4cebd}.brand-audience .brand-button{margin-top:auto;width:100%}
.brand-product{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-block:60px 90px}.brand-product figure{margin:0}.brand-product img{width:100%;display:block;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.brand-product figcaption{font-size:14px;color:#abb5a6;text-align:center;margin-top:15px}.brand-product h2{font-size:clamp(38px,4vw,56px);font-weight:400;line-height:1.4;margin:0 0 26px}.brand-product p{font-size:20px;line-height:1.9;color:#c4cebd;max-width:500px;margin-bottom:28px}
.brand-contact{padding-block:65px 80px;border-top:1px solid #495443;display:flex;gap:40px;justify-content:space-between;align-items:center}.brand-contact h2{font-size:clamp(32px,4vw,50px);font-weight:300;margin:0;line-height:1.5;max-width:720px}
.renewal-site-footer{border-top:1px solid #343e31;padding:44px max(24px,calc((100% - 1180px)/2)) 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px 48px;background:#101311;color:#bcc6b5;font-size:16px}.renewal-site-footer a{text-decoration:none;display:flex;align-items:center;min-height:44px}.renewal-site-footer a:hover{color:#f1f2e9}.renewal-site-footer .renewal-footer-brand{font-size:26px;font-weight:600;letter-spacing:-.045em;color:#f1f2e9;gap:12px}.renewal-footer-brand img{width:36px;height:auto}.renewal-site-footer p{margin:12px 0}.renewal-site-footer h2{font-size:17px;color:#becbb1;font-weight:500;margin:0 0 12px}.renewal-footer-bottom{grid-column:1/-1;border-top:1px solid #343e31;padding-top:20px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:14px}.renewal-footer-bottom p{flex:1;min-width:230px}.renewal-footer-bottom span{white-space:nowrap}
html[dir=rtl] .brand-hero-art{right:auto;left:0;transform:scaleX(-1)}
@media(min-width:1600px){.brand-hero-art{right:calc((100vw - 1600px)/2);width:1300px}.brand-hero{min-height:750px}}
@media(max-width:1000px){.brand-intro{max-width:430px;font-size:20px}.brand-audience{padding:30px}.brand-audience h2{font-size:32px}.brand-product{gap:30px}}
@media(max-width:767px){.brand-wrap{width:calc(100% - 48px)}.brand-hero{min-height:0;display:flex;flex-direction:column}.brand-hero-content{padding-block:116px 0;order:1}.brand-kicker{font-size:13px;margin-bottom:22px}.brand-hero h1{font-size:clamp(48px,12.5vw,66px);margin-bottom:22px}.brand-intro{font-size:18px;line-height:1.85}.brand-intro strong{font-size:20px;margin-bottom:10px}.brand-actions{gap:14px;margin-top:26px}.brand-button{font-size:17px;padding:12px 23px}.brand-hero-art{position:relative;order:2;align-self:flex-end;right:auto;width:120%;height:350px}.brand-hero-art img{object-position:75% center}.brand-hero-art::after{background:linear-gradient(0deg,#101311,transparent 32%,transparent 72%,#101311),linear-gradient(90deg,#101311,transparent 30%,transparent 90%,#101311)}.brand-audiences{grid-template-columns:1fr;padding-block:28px 45px;gap:22px}.brand-audience{padding:30px 26px}.brand-audience h2{font-size:30px}.brand-product{grid-template-columns:1fr;padding-block:20px 60px;gap:30px}.brand-product h2{font-size:36px}.brand-product p{font-size:19px}.brand-product figcaption{font-size:14px}.brand-contact{flex-direction:column;align-items:start;padding-block:48px;gap:28px}.brand-contact h2{font-size:34px}.renewal-site-footer{grid-template-columns:1fr 1fr;gap:30px 20px;padding-inline:24px}.renewal-site-footer>div:first-child{grid-column:1/-1}.renewal-site-footer .renewal-footer-brand{font-size:24px}.renewal-footer-bottom{display:block}.renewal-footer-bottom p{min-width:0}html[dir=rtl] .brand-hero-art{left:auto}}

@media(max-width:900px){body[data-page=home] .brand-hero h1{font-size:clamp(48px,12.5vw,66px)!important;line-height:1.3!important}html:not([lang^=zh]) body[data-page=home] .brand-hero h1{font-size:clamp(42px,10vw,58px)!important}.brand-hero-content{padding-inline:0}.brand-product,.brand-contact,.brand-audiences{padding-inline:0}}


.brand-hero h1{color:#f1f2e9}.brand-hero h1 span:first-child{color:#f1f2e9}

/* Restore the approved Atelier composition; the fixed header must not mask the cat. */
/* The image's HTML height is intrinsic metadata, not a fixed display height. */
.brand-product img{height:auto;aspect-ratio:1536/1024;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 91%,transparent);mask-composite:intersect}
body[data-page=home] .site-header{transition:background-color .2s,box-shadow .2s}
body[data-page=home] .site-header:not(.home-header-scrolled):not(.brand-menu-open){background:transparent!important;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}
.brand-hero .brand-intro{max-width:490px}
@media(min-width:768px) and (max-width:1100px){.brand-hero{min-height:710px}.brand-hero-art{width:95%;right:-7%}.brand-hero-content{width:calc(100% - 96px);padding-top:150px}.brand-hero .brand-intro{max-width:440px}}
@media(max-width:767px){.brand-hero-content{width:calc(100% - 48px)}.brand-hero-art{height:360px;flex:none}.brand-hero .brand-intro{max-width:440px}}
@media(prefers-reduced-motion:reduce){body[data-page=home] .site-header{transition:none}}

