@media(min-width:1000px){
main.arks-gallery{width:100%;max-width:none;margin-inline:0;padding:0 0 60px;background:#050505;color:#e5c789}
.arks-gallery>.desktop-arks-hero{width:100%;min-height:520px;aspect-ratio:2.3;margin-inline:0;padding-inline:5%}
.arks-gallery>.desktop-mantle-catalog{max-width:1480px;margin-inline:auto}
.arks-gallery>.tree-product{display:none!important}
#arkModels{scroll-margin-top:180px}
.desktop-arks-hero>img{object-position:left center}
}
@media(min-width:1000px){
.arks-gallery #arkModels{padding:0 24px 28px}
.arks-gallery #arkModels .desktop-carry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-auto-rows:auto;align-items:start}
.arks-gallery #arkModels .desktop-carry-card{height:auto;min-height:0;padding:0;overflow:hidden}
.arks-gallery #arkModels .desktop-carry-card>a{height:auto;display:block}
.arks-gallery #arkModels .desktop-carry-card img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;padding:0}
.arks-gallery #arkModels .desktop-carry-card>a>div{padding:16px}
.arks-gallery #arkModels .desktop-carry-card h2{margin:0 0 10px;font-size:23px;line-height:1.4}
.arks-gallery #arkModels .desktop-carry-card p{margin:0 0 14px;line-height:1.6}
}
@media(min-width:1000px) and (max-width:1199px){.arks-gallery #arkModels .desktop-carry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1000px){
.arks-gallery #arkModels{padding:54px clamp(28px,4vw,68px) 76px}
.arks-gallery #arkModels .desktop-carry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:stretch;grid-auto-rows:1fr}
.arks-gallery #arkModels .desktop-carry-card{height:100%;box-sizing:border-box}
.arks-gallery #arkModels .desktop-carry-card{position:relative}
.arks-gallery #arkModels .desktop-carry-card>a{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(230px,.92fr);grid-template-areas:"photo copy" "thumbs thumbs";direction:ltr;background:linear-gradient(145deg,#111 0%,#080808 70%);border:1px solid rgba(216,189,137,.26);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.arks-gallery #arkModels .desktop-carry-card>a>img{grid-area:photo;width:100%;height:420px;aspect-ratio:auto;object-fit:cover;object-position:center;background:#050505}
.arks-gallery #arkModels .desktop-carry-card>a>div:not(.ark-card-thumbs){grid-area:copy;direction:rtl;flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:right;justify-content:center;padding:34px 28px}
.arks-gallery #arkModels .desktop-carry-card h2{min-height:0;margin-bottom:18px;color:#e4c78c;font-size:clamp(24px,2vw,31px)}
.arks-gallery #arkModels .desktop-carry-card p{font-size:16px;line-height:1.85;color:#ded7cb}
.arks-gallery #arkModels .desktop-carry-link{margin-top:auto}
.arks-gallery .ark-card-thumbs{grid-area:thumbs;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;direction:ltr;background:#050505;border-top:1px solid rgba(216,189,137,.18)}
.arks-gallery .ark-card-thumbs img{width:100%;height:118px!important;aspect-ratio:auto!important;object-fit:cover!important;border:1px solid rgba(216,189,137,.18);opacity:.9;transition:opacity .2s ease,transform .2s ease}
.arks-gallery .ark-card-thumbs img:hover{opacity:1;transform:translateY(-2px)}
.arks-gallery .ark-card-thumbs img.is-active{opacity:1;border-color:#e2c47e;box-shadow:0 0 0 1px #e2c47e}
.arks-gallery .ark-card-controls{position:absolute;z-index:4;left:12px;right:calc(46% + 12px);top:185px;display:flex;justify-content:space-between;pointer-events:none;direction:ltr}
.arks-gallery .ark-card-controls button{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(232,205,146,.75);background:rgba(5,5,5,.72);color:#efd69d;font-size:33px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);box-shadow:0 5px 18px rgba(0,0,0,.35)}
.arks-gallery .ark-card-controls button:hover{background:#d8bd89;color:#090909}
.arks-gallery>.desktop-arks-hero{position:relative;min-height:590px;isolation:isolate;overflow:hidden}
.arks-gallery>.desktop-arks-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,2,2,.08),rgba(2,2,2,.22) 48%,rgba(2,2,2,.68) 100%)}
.arks-gallery>.desktop-arks-hero>img{inset:0 auto 0 0;width:165%;max-width:none;filter:saturate(.88) contrast(1.04);transform:none;object-position:left center}
.arks-gallery>.desktop-arks-hero .desktop-mantle-hero-copy{max-width:650px;padding:48px 0}
}

@media(min-width:1000px) and (max-width:1250px){
.arks-gallery #arkModels .desktop-carry-card>a{grid-template-columns:1fr;grid-template-areas:"photo" "copy" "thumbs"}
.arks-gallery #arkModels .desktop-carry-card>a>img{height:380px}
.arks-gallery .ark-card-controls{right:12px;top:168px}
}

@media(max-width:999px){
.arks-gallery .desktop-arks-hero{display:block!important;position:relative;margin:0 0 26px;background:#050505;color:#f8f3e8;overflow:hidden}
.arks-gallery .desktop-arks-hero>img{display:block;width:100%;height:340px;object-fit:cover;filter:brightness(.62)}
.arks-gallery .desktop-mantle-hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 22px;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.05) 72%);text-align:right}
.arks-gallery .desktop-mantle-hero-copy h1{font-size:34px;margin:0;color:#ead39d}
.arks-gallery .desktop-mantle-hero-copy h2{font-size:19px;margin:7px 0 0}
.arks-gallery .desktop-mantle-hero-copy .mantle-hero-eyebrow,.arks-gallery .desktop-mantle-hero-copy .mantle-hero-description,.arks-gallery .desktop-mantle-hero-copy .mantle-hero-actions,.arks-gallery .desktop-mantle-hero-copy .mantle-hero-rule{display:none}
}
/* Keep the four ark cards independent of the shared catalog layout. */
@media(min-width:1000px){
.arks-gallery #arkModels .desktop-carry-card>a{grid-template-rows:420px 108px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"photo copy" "thumbs thumbs";height:auto}
.arks-gallery #arkModels .desktop-carry-card>a>img{height:420px!important;object-fit:contain!important;object-position:center;min-width:0;transform:none}
.arks-gallery #arkModels .desktop-carry-card>a>div:not(.ark-card-thumbs){height:auto;min-width:0;align-items:stretch;justify-content:flex-start;padding:24px 20px;text-align:start;border-top:0}
.arks-gallery #arkModels .desktop-carry-card h2{white-space:normal;overflow:visible;text-overflow:clip;font-size:26px!important;line-height:1.45;min-height:0;width:auto;text-align:start;margin:0 0 16px}
.arks-gallery #arkModels .desktop-carry-card p{display:block!important;min-height:0;max-height:none;-webkit-line-clamp:unset;overflow:visible!important;font-size:17px!important;line-height:1.8!important;margin:0 0 18px!important}
.arks-gallery #arkModels .desktop-carry-link{margin-top:auto;align-self:flex-start;font-size:17px;min-height:0;width:auto;padding:10px 15px}
.arks-gallery #arkModels .desktop-carry-card>a>.ark-card-thumbs{grid-area:thumbs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:88px;gap:8px;padding:9px;box-sizing:border-box;height:108px;min-width:0;align-items:stretch;border-top:1px solid #d8bd8930}
.arks-gallery #arkModels .ark-card-thumbs img{display:block;width:100%;height:88px!important;min-height:0;object-fit:cover!important;margin:0;padding:0;box-sizing:border-box;transform:none}
.arks-gallery #arkModels .ark-card-controls{top:188px;left:10px;right:calc(47.5% + 10px)}
.arks-gallery #arkModels .desktop-model-actions{display:none}
html[lang=en] .arks-gallery #arkModels .desktop-carry-card>a>div:not(.ark-card-thumbs){direction:ltr;text-align:left}
}
@media(min-width:1000px) and (max-width:1200px){
.arks-gallery #arkModels .desktop-carry-card>a{grid-template-columns:minmax(0,1fr);grid-template-rows:380px auto 108px;grid-template-areas:"photo" "copy" "thumbs"}
.arks-gallery #arkModels .desktop-carry-card>a>img{height:380px!important}.arks-gallery #arkModels .ark-card-controls{top:168px;right:10px}
}

/* Keep English ark hero headings centered within their text panel. */
html[lang="en"] .arks-gallery .desktop-mantle-hero-copy h1,html[lang="en"] .arks-gallery .desktop-mantle-hero-copy h2,html[lang="en"] .arks-gallery .desktop-mantle-hero-copy .mantle-hero-eyebrow{text-align:center!important;align-self:center;width:100%;box-sizing:border-box;margin-inline:auto}
html[lang="en"] .arks-gallery .photo-heading{text-align:center!important;justify-content:center}
html[lang="en"] .arks-gallery .photo-heading h2{text-align:center!important;margin-inline:auto}