/* Casciaro / Figma website-review. Loaded only for the explicitly selected skin. */
body { --color-background:#ede7d8; --color-primary:#5f6058; --color-text:#161713; --line:#a6a397; font-family:'Avenir Next','Century Gothic',Futura,sans-serif; font-weight:400; }
h1,h2,h3,h4 { font-family:inherit; font-weight:400; }
.container { max-width:1320px; padding-inline:20px; }
.site-header { border:0; padding-top:50px; padding-bottom:46px; }
.sc-header .hbar { padding:0; }
.sc-header .hbar-in { min-height:50px; display:grid; grid-template-columns:1fr auto 1fr; }
.sc-header .z-center { justify-content:center; }
.sc-header .z-right { justify-content:flex-end; gap:30px; }
.sc-header .site-logo img { width:264px; height:50px; object-fit:contain; }
.sc-navigation .hbar { padding:0; }
.sc-navigation .hbar-in { display:block; margin-top:22px; }
.sc-navigation .z-center { width:100%; border-top:1px solid #929489; padding-top:14px; }
.sc-navigation .site-nav { width:100%; }
.sc-navigation .site-nav > ul { display:flex; justify-content:space-between; width:100%; gap:16px; }
.sc-navigation a { font-size:16px; letter-spacing:1.6px; text-transform:uppercase; }
.section { padding-block:48px; }
.sc-hero .section { padding:0; }
.sc-hero .o9-cols { grid-template-columns:739fr 523fr!important; gap:18px; }
.sc-hero .o9-col { position:relative; min-width:0; margin:0; }
.sc-hero .sc-photo img { width:100%; height:701px!important; object-fit:cover; display:block; }
.sc-hero .o9-col { display:grid; align-content:center; justify-items:center; color:white; text-align:center; min-height:701px; padding:50px 28px; overflow:hidden; }
.sc-hero .o9-col .sc-photo { position:absolute; inset:0; z-index:0; }
.sc-hero .o9-col .sc-photo::after { content:''; position:absolute; inset:0; background:rgba(24,28,23,.76); opacity:0; transition:opacity .25s; pointer-events:none; }
.sc-hero .o9-col>:not(.sc-photo) { position:relative; z-index:1; opacity:0; pointer-events:none; transition:opacity .25s; }
.sc-hero .o9-col :is(h1,h2) { font-size:40px; margin:8px 0 30px; }
.sc-eyebrow p { margin:0; text-transform:uppercase; font-size:16px; letter-spacing:1.6px; color:#5f6058; }
.sc-hero .sc-eyebrow p { color:white; font-size:18px; }
.sc-hero a.btn { border:1px solid white; color:white; background:transparent; font-size:14px; letter-spacing:1.4px; padding:6px 10px; min-height:32px; }
.sc-about .section { padding:67px 0 0; }
.sc-about .o9-cols { grid-template-columns:739fr 523fr!important; gap:18px; align-items:center; }
.sc-about .o9-col:nth-child(2) { padding-left:62px; }
.sc-about img { width:100%; height:390px!important; object-fit:cover; display:block; }
.sc-about h2 { margin:8px 0 0; padding-bottom:10px; border-bottom:1px solid #929489; font-size:40px; }
.sc-about .sc-copy p { margin-top:30px; font-size:18px; line-height:1.45; }
.sc-intro .section { padding:96px 0 30px; text-align:center; }
.sc-intro .o9-col { max-width:600px; margin:auto; }
.sc-intro h2 { font-size:40px; margin:8px 0; }
.sc-intro .sc-copy p { font-size:18px; line-height:1.45; margin:8px 0 16px; }
.sc-intro .btn { background:transparent; border:1px solid #20211c; color:inherit; font-size:16px; letter-spacing:1.6px; padding:10px; }
.sc-categories .section { padding:28px 0 0; }
.sc-categories .container { position:relative; }
.sc-categories .o9-cols { align-items:center; gap:60px; }
.sc-categories .o9-col { text-align:center; transition:opacity .25s; }
.sc-categories h3 { font-size:32px; font-weight:300; text-transform:uppercase; letter-spacing:3px; margin:0 0 -25px; position:relative; z-index:1; }
.sc-categories img { display:block; width:100%; height:325px!important; object-fit:contain; mix-blend-mode:multiply; }
.sc-categories .sc-carousel-ready .o9-col:not(.sc-selected) { opacity:.48; }
.sc-categories .sc-previous { order:1; }
.sc-categories .sc-selected { order:2; }
.sc-categories .sc-next { order:3; }
.sc-carousel-controls { display:flex; justify-content:space-between; position:absolute; top:50%; left:31%; right:31%; pointer-events:none; }
.sc-carousel-controls button { border:1px solid #a4a69a; color:#5f6058; background:#ede7d8; width:46px; height:46px; border-radius:50%; font-size:24px; cursor:pointer; pointer-events:auto; }
.sc-brands .section { padding:22px 0 0; }
.sc-brands .o9-cols { gap:18px; }
.sc-brands img { display:block; width:100%; height:390px!important; object-fit:cover; }
.sc-brands .o9-col { position:relative; }
.sc-brands h3 { font-size:15px; text-transform:uppercase; letter-spacing:1.5px; text-align:center; margin:12px 0 0; }
.sc-arrivals .section { padding:80px 0 20px; }
.sc-arrivals h2 { text-align:center; font-size:40px; margin:0 0 36px; }
.sc-arrivals .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sc-arrivals .product-grid>p { grid-column:1/-1; text-align:center; color:#5f6058; padding:50px 0; }
.product-card { padding:0; background:transparent; border:0; box-shadow:none; }
.product-card h3 { font-size:20px; letter-spacing:1.7px; text-transform:uppercase; margin-top:20px; }
.product-card img { border-radius:0; }
.sc-follow .section { padding:80px 0 20px; }
.sc-follow .o9-cols { align-items:center; }
.sc-follow h2 { font-size:60px; text-transform:uppercase; letter-spacing:5px; margin:0; }
.sc-follow p { border-bottom:1px solid #929489; padding-bottom:12px; }
.sc-social .section { padding:0; }
.sc-social .o9-cols { gap:18px; }
.sc-social-feature img { width:100%; height:414px!important; object-fit:cover; }
.sc-social .o9-gallery { --gallery-gap:18px!important; --gallery-mobile:3!important; }
.sc-footer .section { margin-top:90px; padding:38px 0; border-top:1px solid #929489; }
.sc-footer .o9-cols { gap:30px; }
.sc-footer .hb-links,.sc-footer h4 { font-size:14px; }
.sc-footer h4 { text-transform:uppercase; letter-spacing:1.4px; font-weight:400; }
.sc-footer .site-logo img { width:174px; height:33px; }
.sc-copyright .hbar { padding-block:26px; }
.sc-copyright .hbar-in { border-top:1px solid #929489; padding-top:24px; display:flex; justify-content:center; }
.sc-copyright { font-size:13px; }
.sc-listing .listing-layout { grid-template-columns:270px minmax(0,1fr); gap:55px; }
.sc-listing .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:55px 18px; }
.sc-listing .section { padding-top:20px; }
.sc-listing h1 { font-size:28px; }
.sc-product .section { padding-top:0; }
.sc-product .product-layout { grid-template-columns:minmax(0,2fr) minmax(0,.9fr); gap:50px; }
.sc-product .zone-right { align-self:start; position:sticky; top:24px; }
.sc-product h1 { font-size:32px; margin-top:0; }
.sc-product .wishlist-toggle button { border:1px solid #5f6058; background:transparent; padding:8px 12px; text-transform:uppercase; font-size:13px; letter-spacing:1px; }
.sc-product button[type=submit] { border-radius:0; }
button:focus-visible,a:focus-visible { outline:2px solid #5f6058; outline-offset:5px; }
@media(max-width:1000px) {
 .site-header { padding-top:30px; padding-bottom:25px; }
 .sc-hero .sc-photo img { height:540px!important; }
 .sc-hero .o9-col { min-height:540px; }
 .sc-about .o9-col:nth-child(2) { padding-left:25px; }
 .sc-brands img { height:280px!important; }
 .sc-navigation a { font-size:12px; letter-spacing:1px; }
 .sc-product .product-layout { gap:25px; }
 .sc-listing .listing-layout { grid-template-columns:210px minmax(0,1fr); gap:20px; }
}
@media(max-width:799px) {
 .site-header { position:relative; }
 .sc-navigation .hbar-in { margin-top:0; }
 .sc-navigation .nav-burger { position:absolute; top:37px; right:20px; }
 .sc-navigation .z-center { border:0; padding:0; }
 .sc-header .site-logo img { width:160px; height:31px; }
 .sc-header .hbar-in { min-height:31px; }
 .sc-header .z-right { position:absolute; left:20px; top:35px; gap:12px; }
 .sc-header .z-right .hb-action { font-size:18px; }
 .sc-hero .o9-cols,.sc-about .o9-cols { grid-template-columns:1fr!important; }
 .sc-hero .sc-photo img { height:318px!important; }
 .sc-hero .o9-col { min-height:318px; }
 .sc-hero .o9-col:nth-child(2),.sc-hero .o9-col:nth-child(2) .sc-photo img { min-height:217px; height:217px!important; }
 .sc-hero .o9-col { padding:30px 20px; }
 .sc-hero .o9-col :is(h1,h2) { font-size:25px; margin:5px 0 18px; }
 .sc-hero .sc-eyebrow p,.sc-eyebrow p { font-size:12px; }
 .sc-about .section { padding-top:36px; }
 .sc-about .o9-col:first-child { display:none; }
 .sc-about .o9-col:nth-child(2) { padding:0; }
 .sc-about .sc-eyebrow,.sc-about h2 { text-align:center; }
 .sc-about h2,.sc-intro h2,.sc-arrivals h2 { font-size:26px; }
 .sc-about .sc-copy p { margin-top:20px; font-size:14px; }
 .sc-intro .section { padding-top:40px; padding-bottom:18px; }
 .sc-intro .sc-copy p { font-size:14px; }
 .sc-categories .o9-cols { grid-template-columns:1fr!important; }
 .sc-categories .sc-carousel-ready .o9-col:not(.sc-selected) { display:none; }
 .sc-categories h3 { font-size:28px; }
 .sc-categories img { height:270px!important; }
 .sc-carousel-controls { left:20px; right:20px; }
 .sc-carousel-controls button { width:38px; height:38px; }
 .sc-brands .o9-cols { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px 12px; }
 .sc-brands img { height:auto!important; aspect-ratio:.94; }
 .sc-brands h3 { font-size:12px; }
 .sc-arrivals .section { padding-top:55px; }
 .sc-arrivals .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sc-follow .section { padding-top:48px; }
 .sc-follow h2 { font-size:36px; letter-spacing:3px; }
 .sc-follow .o9-cols { grid-template-columns:1fr!important; }
 .sc-follow .o9-col:nth-child(2) { display:none; }
 .sc-social .o9-cols { grid-template-columns:1fr!important; }
 .sc-social .o9-col:first-child { display:none; }
 .sc-footer .section { margin-top:55px; padding:25px 0; }
 .sc-footer .o9-cols { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px 12px; }
 .sc-footer .o9-col:first-child { grid-column:1/-1; }
 .sc-footer .hb-links,.sc-footer h4 { font-size:12px; }
 .sc-product .product-layout,.sc-listing .listing-layout { grid-template-columns:1fr!important; }
 .sc-product .zone-right { position:static; }
 .sc-product .o9-gallery { --gallery-mobile:2!important; --gallery-gap:12px!important; }
 .sc-listing .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 12px; }
 .product-card h3 { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .sc-categories .o9-col { transition:none; } }

/* Original Figma icon strip and the supplied carousel arrow. */
.sc-header .z-right { gap:38px; align-items:center; }
.sc-header .z-right>.o9-panel-item { display:flex; align-items:center; line-height:1; }
.sc-header .z-right .hb-item { align-items:center; justify-content:center; width:29px; height:29px; padding:0; line-height:1; vertical-align:middle; }
.sc-header .hb-icowrap { width:29px; height:29px; align-items:center; justify-content:center; flex:none; }
.sc-header .hb-icowrap>svg { display:none; }
.sc-header .hb-icowrap::before { content:''; display:block; width:29px; height:29px; background:url('/images/casciaro/icons.svg') 0 0/163px 29px no-repeat; }
.sc-header .h-wishlist .hb-icowrap::before { height:26px; background:url('/images/casciaro/heart.svg') center/29px 26px no-repeat; }
.sc-header .h-account .hb-icowrap::before { background-position:-67px 0; }
.sc-header .h-cart .hb-icowrap::before { background-position:-134px 0; }
.sc-intro h2,.sc-categories h3,.sc-brands h3,.sc-hero :is(h1,h2) { text-align:center!important; }
.sc-hero .sc-photo a { display:block; height:100%; }
.sc-hero .o9-col:is(:focus-within,.sc-active) .sc-photo::after,
.sc-hero .o9-col:is(:focus-within,.sc-active)>:not(.sc-photo) { opacity:1; pointer-events:auto; }
.sc-hero .o9-col .sc-photo::after { pointer-events:none!important; }
@media(hover:hover) and (pointer:fine) {
 .sc-hero .o9-col:hover .sc-photo::after,.sc-hero .o9-col:hover>:not(.sc-photo) { opacity:1; pointer-events:auto; }
}
.sc-categories .section { padding-top:70px; }
.sc-categories .o9-cols { grid-template-columns:1fr 1fr 1fr!important; gap:60px; min-height:360px; }
.sc-categories .o9-col { position:relative; align-self:center; }
.sc-categories h3 { font-size:36px; letter-spacing:3.6px; margin:0; white-space:nowrap; }
.sc-categories .sc-selected h3 { font-size:40px; letter-spacing:4px; }
.sc-categories .sc-carousel-ready .o9-col:not(.sc-selected) { opacity:1; }
.sc-categories .sc-previous { mask-image:linear-gradient(to right,#000 15%,transparent 100%); }
.sc-categories .sc-next { mask-image:linear-gradient(to left,#000 15%,transparent 100%); }
.sc-categories :is(.sc-category-shoes,.sc-category-clothing,.sc-category-bags) { position:relative; overflow:hidden; margin-inline:auto; }
.sc-categories :is(.sc-category-shoes,.sc-category-clothing,.sc-category-bags) a { display:block; }
.sc-categories img { position:absolute; object-fit:fill; max-width:none!important; }
.sc-categories .sc-category-shoes { width:100%; aspect-ratio:391.8/169; }
.sc-categories .sc-category-shoes img { width:102.17%; height:251.68%!important; left:0; top:-108.52%; }
.sc-categories .sc-category-clothing { width:100%; max-width:329px; aspect-ratio:329/326; margin-top:-35px; }
.sc-categories .sc-category-clothing img { width:126.14%; height:159.07%!important; left:-12.16%; top:-13.95%; }
.sc-categories .sc-category-bags { width:100%; aspect-ratio:364/263; margin-top:-65px; }
.sc-categories .sc-category-bags img { width:107.03%; height:107.01%!important; left:-7.15%; top:-3.44%; }
.sc-carousel-controls { top:50%; transform:translateY(-50%); left:29%; right:29%; }
.sc-carousel-controls button { border:0; background:transparent url('/images/casciaro/arrow.svg') center/contain no-repeat; width:61px; height:61px; }
.sc-carousel-controls button:first-child { transform:rotate(180deg); }
@media(max-width:799px) {
 .sc-categories .section { padding-top:25px; }
 .sc-categories .o9-cols { grid-template-columns:1fr!important; min-height:300px; }
 .sc-categories .sc-selected { width:100%; }
 .sc-categories .sc-selected h3 { font-size:28px; letter-spacing:2.8px; }
 .sc-categories :is(.sc-category-shoes,.sc-category-clothing,.sc-category-bags) { max-width:270px; }
 .sc-carousel-controls { left:12px; right:12px; }
 .sc-carousel-controls button { width:38px; height:38px; }
}
@media(prefers-reduced-motion:reduce) { .sc-hero .o9-col>* , .sc-hero .sc-photo::after { transition:none; } }
.sc-categories :is(.sc-category-shoes,.sc-category-clothing,.sc-category-bags) a { position:absolute; inset:0; }
.sc-categories .sc-category-shoes { margin-top:-35px; }
@media(max-width:799px) {
 .sc-brands .o9-cols,.sc-categories .o9-cols,.sc-footer .o9-cols { display:grid!important; }
 .sc-brands .o9-col,.sc-footer .o9-col { min-width:0; }
}

/* Brand photos follow the reference: names belong to the hover layer. */
#brands .btn { margin-top:28px; text-transform:uppercase; font-weight:400; }
.sc-brands .section { padding-top:32px; }
.sc-brands + .sc-brands .section { padding-top:18px; }
.sc-brands .o9-col { overflow:hidden; }
.sc-brands .o9-col > a { display:block; }
.sc-brands img { height:auto!important; aspect-ratio:307/390; }
.sc-brands .o9-col::after { content:''; position:absolute; inset:0; background:rgba(24,28,23,.72); opacity:0; pointer-events:none; transition:opacity .25s ease; }
.sc-brands h3 { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; margin:0; color:#fff; font-size:18px; font-weight:400; letter-spacing:1.8px; opacity:0; z-index:1; pointer-events:none; transition:opacity .25s ease; }
.sc-brands .o9-col:focus-within::after,.sc-brands .o9-col:focus-within h3 { opacity:1; }
.sc-brands .o9-col:focus-within { outline:2px solid #5f6058; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) {
 .sc-brands .o9-col:hover::after,.sc-brands .o9-col:hover h3 { opacity:1; }
}
@media(max-width:799px) {
 .sc-brands .o9-cols { gap:12px; }
 .sc-brands + .sc-brands .section { padding-top:12px; }
 .sc-brands h3 { font-size:14px; letter-spacing:1.4px; }
}
@media(prefers-reduced-motion:reduce) {
 .sc-brands .o9-col::after,.sc-brands h3 { transition:none; }
}