/* FARSHINEH luxury-dark presentation layer (preview). Identity: ivory wordmark on a dark field, Lac Red action colour,
   no gold, no motif, no metallic gradient. Product and editorial photography are not filtered or recoloured. */
:root{--fx-ink:#0B0B0D;--fx-panel:#141417;--fx-panel-2:#1C1C20;--fx-ivory:#F8F3EC;--fx-soft:#BFB9B0;--fx-line:rgba(248,243,236,.14);--fx-lac:#9A0C10;--fx-lac-hover:#B4141A;--fx-head:76px}
html{background:var(--fx-ink);color-scheme:dark;overflow-x:clip;scroll-padding-top:calc(var(--fx-head) + 16px)}
html body{background:var(--fx-ink);color:var(--fx-ivory);-webkit-font-smoothing:antialiased;overflow-x:clip}
html body :focus-visible{outline:2px solid var(--fx-ivory);outline-offset:3px;border-radius:3px}

/* Header */
html body>div.container:first-of-type{max-width:none;margin:0;padding:0;position:fixed;inset:0 0 auto 0;z-index:60}
html body .site-header{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:28px;height:var(--fx-head);padding:0 clamp(20px,4vw,64px);border:0;background:transparent;transition:height .3s ease}
html body .site-header:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,13,.82),rgba(11,11,13,0));transition:background .3s ease}
html body.fx-scrolled .site-header:before{background:rgba(11,11,13,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--fx-line)}
html body .site-header .brand-home{flex:none}
html body .wordmark,html body .site-header .wordmark{color:var(--fx-ivory)!important}
html body .wordmark small{color:var(--fx-soft)!important}
html body .site-header>.desktop-nav{display:flex;flex:1;justify-content:center;gap:clamp(18px,3vw,44px);min-height:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
html body .site-header>.desktop-nav a{position:relative;background:transparent!important;padding:10px 2px;min-height:44px;border-radius:0;color:var(--fx-ivory);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
html[dir=rtl] body .site-header>.desktop-nav a{letter-spacing:0;font-size:15px}
html body .site-header>.desktop-nav a:after{content:"";position:absolute;inset-inline:2px;bottom:8px;height:1px;background:var(--fx-ivory);transform:scaleX(0);transform-origin:center;transition:transform .28s ease}
html body .site-header>.desktop-nav a:hover{color:var(--fx-ivory);text-decoration:none}
html body .site-header>.desktop-nav a:hover:after,html body .site-header>.desktop-nav a:focus-visible:after{transform:scaleX(1)}
html body .site-header>.mobile-menu{display:none}

/* Language switcher: a compact control; without script the flags stay visible */
html body .fx-lang{position:relative;flex:none}
html body .fx-lang-toggle{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--fx-line);border-radius:999px;background:transparent;color:var(--fx-ivory);font:500 12px/1 Manrope,Arial,sans-serif;letter-spacing:.1em;cursor:pointer;transition:border-color .2s ease}
html body .fx-lang-toggle:hover{border-color:var(--fx-ivory)}
html body .fx-lang-toggle .fx-caret{font-size:9px;opacity:.75;transition:transform .2s ease}
html body .fx-lang.is-open .fx-caret{transform:rotate(180deg)}
html body .fx-lang .language-flags{position:absolute;top:calc(100% + 10px);inset-inline-end:0;display:none;flex-direction:column;align-items:stretch;gap:2px;min-width:190px;margin:0;padding:8px;border:1px solid var(--fx-line);border-radius:14px;background:var(--fx-panel-2);box-shadow:0 24px 60px rgba(0,0,0,.55)}
html body .fx-lang .language-flags{inset-inline-end:auto;right:0;left:auto}
html[dir=rtl] body .fx-lang .language-flags{right:auto;left:0}
html body .fx-lang.is-open .language-flags{display:flex}
html body .fx-lang .flag-link{flex-direction:row;justify-content:flex-start;gap:12px;width:auto;min-height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--fx-ivory);direction:ltr}
html body .fx-lang .flag-link:hover,html body .fx-lang .flag-link[aria-current=true]{background:rgba(248,243,236,.09);color:var(--fx-ivory);text-decoration:none}
html body .fx-lang .flag-code{display:none}
html body .fx-lang .fx-lang-name{font:500 14px/1.2 Manrope,Vazirmatn,Arial,sans-serif;letter-spacing:0}
html body .language-flags .flag-link{background:transparent;color:var(--fx-ivory)}

/* Hero: edge to edge, 16:9 kept so photography is not cropped */
html body main.container{padding-top:0}
html body .showcase{width:100vw;max-width:1920px;margin:0 0 0 calc(50% - 50vw);border:0;border-radius:0;background:var(--fx-ink);aspect-ratio:16/9}
html[dir=rtl] body .showcase{margin:0 calc(50% - 50vw) 0 0}
@media(min-width:1921px){html body .showcase,html[dir=rtl] body .showcase{margin-inline:auto;transform:translateX(0)}}
html body .showcase .showcase-slide{background:var(--fx-ink)}
html body .showcase-slide:not([hidden]) .banner-image{animation:fx-fade .9s ease both}
html body .showcase-slide:not([hidden]) .showcase-copy>*{animation:fx-rise .8s cubic-bezier(.2,.7,.2,1) both}
html body .showcase-slide:not([hidden]) .showcase-copy>:nth-child(2){animation-delay:.08s}
html body .showcase-slide:not([hidden]) .showcase-copy>:nth-child(3){animation-delay:.16s}
html body .showcase-slide:not([hidden]) .showcase-copy>:nth-child(4){animation-delay:.24s}
@keyframes fx-fade{from{opacity:.25}to{opacity:1}}
@keyframes fx-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
html body .showcase-slide[data-four-slide]:after{background:linear-gradient(90deg,transparent 44%,rgba(11,11,13,.62) 58%,rgba(11,11,13,.88) 100%)}
html body .showcase-slide[data-four-slide="4"]:after{background:linear-gradient(90deg,rgba(11,11,13,.88),rgba(11,11,13,.42) 46%,transparent 68%)}
html body .showcase-slide[data-four-slide="2"]:after{background:linear-gradient(90deg,transparent 68%,rgba(11,11,13,.5) 82%,rgba(11,11,13,.72) 100%)}
@media(min-width:761px){html body .showcase-slide[data-four-slide="2"] .showcase-copy{width:35%}}
html body .showcase .showcase-copy .eyebrow,html body .showcase-slide[data-four-slide] .showcase-copy .eyebrow,html body .showcase-slide[data-four-slide="4"] .showcase-copy .eyebrow{color:var(--fx-ivory)!important;letter-spacing:.24em;font-size:clamp(10px,.85vw,13px);font-weight:500}
html[dir=rtl] body .showcase .showcase-copy .eyebrow{letter-spacing:0;font-size:clamp(12px,1vw,14px)}
html body .showcase .showcase-copy h2,html body .showcase-slide[data-four-slide] .showcase-copy h2,html body .showcase-slide[data-four-slide="4"] .showcase-copy h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(30px,4.3vw,72px);line-height:1.1;letter-spacing:-.025em;color:var(--fx-ivory)!important;text-shadow:none}
html[dir=rtl] body .showcase .showcase-copy h2{font-family:Vazirmatn,Tahoma,sans-serif!important;font-weight:600;letter-spacing:0;line-height:1.35;font-size:clamp(28px,3.7vw,62px)}
html body .showcase .showcase-copy .lead,html body .showcase-slide[data-four-slide] .showcase-copy .lead,html body .showcase-slide[data-four-slide="4"] .showcase-copy .lead{color:var(--fx-ivory)!important;font-size:clamp(14px,1.15vw,18px);line-height:1.8}
html body .showcase .slide-dot:before{background:rgba(248,243,236,.42);height:2px}
html body .showcase .slide-dot[aria-pressed=true]:before{background:var(--fx-ivory)}
html body .showcase .slide-dot:after{display:none!important;content:none!important}
html body .showcase .slide-dot{background:transparent!important}
html body .showcase .slide-buttons{background:rgba(11,11,13,.62);border:1px solid var(--fx-line);box-shadow:none}
html body .showcase .slide-buttons button{color:var(--fx-ivory)}
html body .showcase .showcase-controls{left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:22px}

/* Buttons and links */
html body .action,html body .showcase .showcase-copy .action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border:1px solid var(--fx-line);border-radius:999px;background:transparent;color:var(--fx-ivory);font-size:14px;font-weight:600;letter-spacing:.02em;transition:background .22s ease,border-color .22s ease,transform .22s ease}
html body .action:hover{border-color:var(--fx-ivory);text-decoration:none;transform:translateY(-1px)}
html body .action.primary,html body .showcase .showcase-copy .action.primary{background:var(--fx-lac);border-color:var(--fx-lac);color:var(--fx-ivory)}
html body .action.primary:hover,html body .showcase .showcase-copy .action.primary:hover{background:var(--fx-lac-hover);border-color:var(--fx-lac-hover)}
html body .text-link,html body .material-copy .text-link{color:var(--fx-ivory);font-weight:600;font-size:14px}
html body .text-link:hover{color:var(--fx-ivory);text-decoration:underline;text-underline-offset:5px}

/* Sections */
html body .section{padding-block:clamp(72px,8.5vw,128px);border:0;background:transparent}
html body .section h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(30px,3.7vw,54px);line-height:1.14;letter-spacing:-.022em;color:var(--fx-ivory)}
html[dir=rtl] body .section h2{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600;letter-spacing:0;line-height:1.45;font-size:clamp(27px,3.1vw,46px)}
html body h3{color:var(--fx-ivory);font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
html[dir=rtl] body h3{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600;letter-spacing:0}
html body .section-intro,html body .section p{color:var(--fx-soft);line-height:1.85}
html body .section-intro{font-size:clamp(15px,1.2vw,18px);max-width:640px}
html body .eyebrow{color:var(--fx-soft)}
html body .number{color:var(--fx-soft);letter-spacing:.14em}

/* Eight stages */
html body .hand-finishing{grid-template-columns:clamp(110px,16vw,230px) 1fr;gap:clamp(20px,4vw,64px);margin-top:clamp(48px,6vw,88px);padding:clamp(40px,5vw,72px)!important;border:1px solid var(--fx-line);border-radius:4px;background:var(--fx-panel)}
html body .hand-finishing .finishing-number{font:200 clamp(92px,13vw,190px)/1 Manrope,Arial,sans-serif;color:var(--fx-ivory)}
html body .hand-finishing p{color:var(--fx-soft)}
html body .hand-finishing h2{font-size:clamp(26px,2.9vw,42px)}

/* Materials */
html body .material-section .material-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(32px,4vw,56px)}
html body .material-section .material-card{position:relative;grid-column:span 2;aspect-ratio:4/3;border:1px solid var(--fx-line);border-radius:4px;overflow:hidden;background:var(--fx-panel);color:var(--fx-ivory);transform:none}
html body .material-section .material-card:nth-child(-n+2){grid-column:span 3;aspect-ratio:16/10}
html body .material-section .material-card:hover{transform:none;border-color:rgba(248,243,236,.5);text-decoration:none}
html body .material-section .material-visual{position:absolute;inset:0;height:100%;aspect-ratio:auto;border:0;background:var(--fx-panel)}
html body .material-section .material-visual img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
html body .material-section .material-card:hover .material-visual img{transform:scale(1.04)}
html body .material-section .material-copy{position:absolute;inset:auto 0 0 0;flex:none;padding:clamp(20px,2.4vw,34px);padding-top:clamp(70px,7vw,110px);background:linear-gradient(180deg,rgba(11,11,13,0),rgba(11,11,13,.9) 58%)}
html body .material-section .material-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(20px,1.9vw,28px);line-height:1.25;letter-spacing:-.01em;margin:0 0 6px;color:var(--fx-ivory)}
html[dir=rtl] body .material-section .material-copy h3{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600;letter-spacing:0;line-height:1.5}
html body .material-section .material-copy p{margin:0 0 10px;color:var(--fx-ivory);font-size:14px;line-height:1.6}

/* Cards */
html body .portal-card,html body .article-card{border:1px solid var(--fx-line);border-radius:4px;background:var(--fx-panel);color:var(--fx-ivory);box-shadow:none;transition:border-color .22s ease}
html body .portal-card:hover,html body .article-card:hover{border-color:rgba(248,243,236,.42)}
html body .portal-card p,html body .article-card p{color:var(--fx-soft)}
html body .article-card h3 a{color:var(--fx-ivory)}
html body .step-card{border:0;border-top:1px solid var(--fx-line);border-radius:0;background:transparent;color:var(--fx-ivory);box-shadow:none;padding-inline:0}
html body .step-card p{color:var(--fx-soft)}

/* Call to action band */
html body .cta-band{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding-inline:clamp(20px,8vw,140px);border:0;border-radius:0;background:var(--fx-lac);text-align:center;color:var(--fx-ivory)}
html body .cta-band h2,html body .cta-band p{color:var(--fx-ivory)}
html body .cta-band p{margin-inline:auto;max-width:640px}
html body .cta-band .action.primary{background:var(--fx-ivory);border-color:var(--fx-ivory);color:var(--fx-ink)}
html body .cta-band .action.primary:hover{background:#fff;border-color:#fff}

/* Footer */
html body .site-footer{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding:clamp(56px,6vw,88px) clamp(20px,5vw,72px) 32px;background:#070708;border:0;color:var(--fx-soft)}
html body .site-footer h3{color:var(--fx-ivory)}
html body .site-footer a,html body .site-footer address,html body .site-footer p,html body .site-footer figcaption,html body .site-footer .plus-code{color:var(--fx-soft)}
html body .site-footer a:hover{color:var(--fx-ivory)}
html body .site-footer .wordmark{color:var(--fx-ivory)}
html body .site-footer .social-links a{border-color:var(--fx-line);color:var(--fx-ivory);background:transparent}
html body .site-footer .legal{border-top:1px solid var(--fx-line);color:var(--fx-soft)}
html body nav[data-seo-hubs]{padding-block:28px;gap:10px;justify-content:center}
html body nav[data-seo-hubs] .button{border:1px solid var(--fx-line);border-radius:999px;background:transparent;color:var(--fx-soft);font-size:13px}
html body nav[data-seo-hubs] .button:hover{color:var(--fx-ivory);border-color:var(--fx-ivory)}

/* Tablet and phone */
@media(max-width:999px){
 html body .site-header>.desktop-nav{display:none}
 html body .site-header{gap:10px}
 html body .site-header>.mobile-menu{display:block;order:3}
 html body .site-header>.mobile-menu summary{width:44px;height:44px;border:1px solid var(--fx-line);border-radius:50%;background:transparent;color:var(--fx-ivory);font-size:18px}
 html body .site-header>.mobile-menu[open] nav{position:fixed;inset:var(--fx-head) 0 0 0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:28px clamp(20px,6vw,48px);border:0;border-radius:0;background:var(--fx-ink);box-shadow:none;overflow:auto}
 html body .site-header>.mobile-menu nav a{min-height:68px;padding:0;border-bottom:1px solid var(--fx-line);border-radius:0;background:transparent;color:var(--fx-ivory);font-size:26px;font-weight:500}
 html body .fx-lang{margin-inline-start:auto}
 html body .site-header .brand-home{margin-inline-end:auto}
}
@media(max-width:760px){
 :root{--fx-head:68px}
 html body>div.container:first-of-type{background:var(--fx-ink);border-bottom:1px solid var(--fx-line)}
 html body .site-header:before{display:none}
 html body main.container{padding-top:var(--fx-head)}
 html body .showcase,html[dir=rtl] body .showcase{aspect-ratio:auto}
 html body .showcase .showcase-slide{position:relative;inset:auto;height:auto}
 html body .showcase-slide:after,html body .showcase-slide[data-four-slide]:after,html body .showcase-slide[data-four-slide="4"]:after{display:none}
 html body .banner-image{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
 html body .showcase .showcase-copy,html body .showcase-slide[data-four-slide] .showcase-copy,html body .showcase-slide[data-four-slide="4"] .showcase-copy{position:static;width:auto;transform:none;padding:26px 20px 82px}
 html body .showcase .showcase-copy .eyebrow,html body .showcase .showcase-copy .lead{display:block}
 html body .showcase .showcase-copy .eyebrow{margin-bottom:12px}
 html body .showcase .showcase-copy h2,html body .showcase-slide[data-four-slide] .showcase-copy h2{font-size:clamp(30px,8.6vw,40px)}
 html[dir=rtl] body .showcase .showcase-copy h2{font-size:clamp(27px,7.6vw,36px)}
 html body .showcase .showcase-copy .lead,html body .showcase-slide[data-four-slide] .showcase-copy .lead{font-size:15px}
 html body .showcase .showcase-controls{left:20px;right:20px;bottom:18px}
 html body .hand-finishing{grid-template-columns:1fr;padding:32px 24px!important;text-align:start}
 html body .hand-finishing .finishing-number{text-align:start;font-size:88px}
 html body .material-section .material-grid{grid-template-columns:1fr}
 html body .material-section .material-card,html body .material-section .material-card:nth-child(-n+2){grid-column:auto;aspect-ratio:4/3}
 html body .fx-lang-toggle{padding:0 11px}
}
@media(prefers-reduced-motion:reduce){
 html body .showcase-slide:not([hidden]) .banner-image,html body .showcase-slide:not([hidden]) .showcase-copy>*{animation:none}
 html body *{transition:none!important}
}

/* Inner pages share the system */
html body main.container:not(:has(>.showcase)){padding-top:calc(var(--fx-head) + 36px)}
html body h1{color:var(--fx-ivory);font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.022em}
html[dir=rtl] body h1{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600;letter-spacing:0}
html body h2{color:var(--fx-ivory)}
html body .fx-lang .flag-symbol{display:none}
html body .article-body p,html body .article-body li,html body .lead{color:#D9D4CB}
html body .article-body a{color:var(--fx-ivory);text-decoration:underline;text-underline-offset:4px}
html body .breadcrumbs,html body .breadcrumbs a{color:var(--fx-soft)}
html body .guide-index,html body .editorial{color:var(--fx-ivory);background:transparent}

/* Catalogue, collection and product pages */
html body>header{background:rgba(11,11,13,.94);border-bottom:1px solid var(--fx-line);z-index:60}
html body .bar .brand{color:var(--fx-ivory)}
html body .bar nav a{color:var(--fx-ivory);letter-spacing:.06em}
html[dir=rtl] body .bar nav a{letter-spacing:0}
html body .bar nav a[aria-current]{color:var(--fx-ivory);border-bottom:1px solid var(--fx-ivory)}
html body .language,html body .filters input,html body .filters select,html body dialog input[type=text],html body dialog input[type=email],html body dialog input[type=tel]{background:var(--fx-panel-2);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .language option,html body .filters select option{background:var(--fx-panel-2);color:var(--fx-ivory)}
html body .filters input::placeholder{color:var(--fx-soft)}
html body .eyebrow,html body .intro,html body .count,html body .meta,html body .crumb,html body .crumb a,html body .variant-label,html body dialog p{color:var(--fx-soft)}
html body .card{background:var(--fx-panel);border:1px solid var(--fx-line);border-radius:4px;box-shadow:none;color:var(--fx-ivory);transition:border-color .22s ease}
html body .card:hover{border-color:rgba(248,243,236,.42)}
html body .photo,html body .detail-photo,html body .product .photo,html body .variant-choice img{background:#EFEBE3}
html body .detail-photo{border-radius:4px}
html body .button{border:1px solid var(--fx-lac);border-radius:999px;background:var(--fx-lac);color:var(--fx-ivory)}
html body .button:hover{background:var(--fx-lac-hover);border-color:var(--fx-lac-hover)}
html body .secondary,html body .button.secondary{background:transparent;border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .button.secondary:hover{background:transparent;border-color:var(--fx-ivory)}
html body .notice{background:var(--fx-panel);border:1px solid var(--fx-line);border-radius:4px;color:var(--fx-soft)}
html body table.specs td{border-bottom:1px solid var(--fx-line);color:var(--fx-ivory)}
html body table.specs td:first-child{color:var(--fx-soft)}
html body .variant-choice{background:var(--fx-panel);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .variant-choice[aria-pressed=true]{border:2px solid var(--fx-ivory)}
html body dialog{background:var(--fx-panel-2);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body dialog::backdrop{background:rgba(0,0,0,.72)}
html body .empty{color:var(--fx-soft)}

/* Reported stock page */
html body .wrap,html body .shell{background:var(--fx-ink);box-shadow:none;color:var(--fx-ivory)}
html body .hero{background:var(--fx-ink);color:var(--fx-ivory)}
html body .hero p,html body .kicker,html body .overline,html body p.sub,html body .sub,html body .subtitle,html body .cap,html body .details,html body .choice small,html body .tile small,html body .stat,html body .info,html body .muted,html body .field label{color:var(--fx-soft)}
html body .brand{color:var(--fx-ivory)}
html body .brand small,html body .brand span{color:var(--fx-soft)!important}
html body .wrap h2,html body .wrap h3,html body .code{color:var(--fx-ivory)}
html body .choice,html body .tile,html body .catalog,html body .item,html body .basket{background:var(--fx-panel);border:1px solid var(--fx-line);border-radius:4px;box-shadow:none;color:var(--fx-ivory)}
html body .choice:hover,html body .tile:hover,html body .item:hover{border-color:rgba(248,243,236,.42);box-shadow:none}
html body .choice .symbol{background:transparent;color:var(--fx-ivory);border:1px solid var(--fx-line)}
html body .choice .arr,html body .arrow,html body .tile .arrow{color:var(--fx-ivory)}
html body .btn{background:transparent;border:1px solid var(--fx-line);color:var(--fx-ivory);border-radius:999px}
html body .btn.primary,html body .btn.wa,html body .add{background:var(--fx-lac);border:1px solid var(--fx-lac);color:var(--fx-ivory)}
html body .btn.gold,html body .btn.outline,html body .toggle,html body .add.selected{background:transparent;border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .toggle.selected{background:var(--fx-lac);border-color:var(--fx-lac);color:var(--fx-ivory)}
html body .chip,html body .tag,html body .pill,html body .minitag,html body .index,html body .qty,html body .status,html body .status.stock{background:var(--fx-panel-2);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .note{background:var(--fx-panel);color:var(--fx-soft);border:1px solid var(--fx-line)}
html body .nav,html body .bottom{background:var(--fx-ink);border-top:1px solid var(--fx-line);box-shadow:none}
html body .wrap input,html body .wrap select,html body .wrap textarea,html body .toolbar input,html body .toolbar select{background:var(--fx-panel-2);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .wrap select option{background:var(--fx-panel-2);color:var(--fx-ivory)}
html body .basket .brow,html body .line{border-color:var(--fx-line)}
html body .footer,html body .endnote{background:var(--fx-ink);color:var(--fx-soft);border-color:var(--fx-line)}
html body .steps i,html body .dot{background:var(--fx-line)}
html body .steps i.current,html body .dot.on{background:var(--fx-ivory)}
html body .premium-nav a{color:var(--fx-ivory)}
html body .premium-nav a:hover{border-color:var(--fx-ivory)}
html body .premium-contact{background:var(--fx-panel-2);border:1px solid var(--fx-line);color:var(--fx-ivory);box-shadow:none}
html body .rug-preview,html body .rug-thumbnail,html body .placeholder,html body .previewbox{background:#EFEBE3;border-color:transparent}
html body .top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}
html body .wrap .brand,html body .wrap .brand *,html body .hero .wordmark{color:var(--fx-ivory)!important}
html body .wrap .brand small{color:var(--fx-soft)!important}
html body .hero .premium-nav,html body .premium-nav{background:transparent;border:0;box-shadow:none}
html body .hero>.language-flags{border-color:var(--fx-line)}
html body .wrap .tile :not(small):not(.cap):not(.arrow):not(img),html body .wrap .item :not(small):not(.cap):not(.details):not(.muted):not(img){color:var(--fx-ivory)}
html body .wrap .tile .arrow{background:transparent!important;border:1px solid var(--fx-line);color:var(--fx-ivory)!important}
html body .farshineh-contact-button{background:var(--fx-panel-2);border:1px solid var(--fx-line);box-shadow:none;color:var(--fx-ivory)}
html body .farshineh-contact-dialog{background:var(--fx-panel-2);border:1px solid var(--fx-line);border-radius:6px;color:var(--fx-ivory)}
html body .farshineh-contact-dialog::backdrop{background:rgba(0,0,0,.72)}
html body .farshineh-contact-dialog h2{color:var(--fx-ivory)}
html body .farshineh-contact-dialog textarea{background:var(--fx-ink);border:1px solid var(--fx-line);color:var(--fx-ivory)}
html body .farshineh-contact-dialog .contact-close{color:var(--fx-ivory)}
html body .farshineh-contact-dialog .contact-note,html body .farshineh-contact-dialog .contact-status{color:var(--fx-soft)}
html body .farshineh-contact-dialog .contact-actions>*{background:transparent;border:1px solid var(--fx-line);color:var(--fx-ivory);border-radius:999px}
html body .farshineh-contact-dialog .contact-actions a{background:var(--fx-lac);border-color:var(--fx-lac);color:var(--fx-ivory)}
html body .site-footer .contact-photo figcaption,html body .site-footer .legal,html body .site-footer .plus-code{color:var(--fx-soft)!important}
html body .wrap .menu-copy .cap,html body .wrap .cap,html body .wrap .tile small{color:var(--fx-soft)!important}
html body .fx-404{padding-block:clamp(70px,12vw,170px);text-align:center}
html body .fx-404 p{margin-inline:auto;max-width:560px}
html body .fx-404 .fx-404-code{margin:0 auto 8px;max-width:none;font:300 clamp(90px,16vw,200px)/1 Manrope,Vazirmatn,Arial,sans-serif;color:var(--fx-ivory)}
html body .fx-404 .actions{justify-content:center;margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
html body .wrap .hero{border-color:var(--fx-line)}
html body .wrap hr,html body .wrap .top{border-color:var(--fx-line)}

/* Mixed scheme: header, hero, call-to-action band and footer stay dark; all reading and browsing surfaces are Soft Ivory. */
:root{--fx-page:#F8F3EC;--fx-card:#FFFFFF;--fx-text:#14151C;--fx-muted:#55524C;--fx-rule:rgba(20,21,28,.15)}
html{background:var(--fx-page);color-scheme:light}
html body{background:var(--fx-page);color:var(--fx-text)}
html body :focus-visible{outline-color:var(--fx-text)}
html body .site-header :focus-visible,html body>header :focus-visible,html body .showcase :focus-visible,html body .site-footer :focus-visible,html body .cta-band :focus-visible,html body .hero :focus-visible{outline-color:var(--fx-ivory)}

/* Pages without a hero get a solid dark header */
html body:not(:has(.showcase)) .site-header:before{background:rgba(11,11,13,.97)}

/* Type on ivory */
html body h1,html body h2,html body h3{color:var(--fx-text)}
html body .section h2{color:var(--fx-text)}
html body .section-intro,html body .section p,html body .eyebrow,html body .number{color:var(--fx-muted)}
html body .showcase h2{color:var(--fx-ivory)}
html body .action{border-color:var(--fx-rule);color:var(--fx-text)}
html body .action:hover{border-color:var(--fx-text)}
html body .action.primary,html body .showcase .showcase-copy .action.primary{color:var(--fx-ivory)}
html body .text-link{color:var(--fx-text)}
html body .text-link:hover{color:var(--fx-text)}
html body .material-section .material-copy .text-link{color:var(--fx-ivory)}

/* Eight stages */
html body .hand-finishing{background:var(--fx-card);border-color:var(--fx-rule)}
html body .hand-finishing .finishing-number,html body .hand-finishing h2{color:var(--fx-text)}
html body .hand-finishing p{color:var(--fx-muted)}

/* Image cards keep their dark caption over the photograph */
html body .material-section .material-card{border-color:var(--fx-rule);background:#E9E3D9}
html body .material-section .material-card:hover{border-color:var(--fx-text)}
html body .material-section .material-visual{background:#E9E3D9}

/* Cards */
html body .portal-card,html body .article-card,html body .card{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .portal-card:hover,html body .article-card:hover,html body .card:hover{border-color:var(--fx-text)}
html body .portal-card p,html body .article-card p,html body .step-card p{color:var(--fx-muted)}
html body .article-card h3 a{color:var(--fx-text)}
html body .step-card{border-top-color:var(--fx-rule);color:var(--fx-text)}

/* Dark bands keep ivory */
html body .cta-band h2,html body .cta-band p{color:var(--fx-ivory)}
html body .cta-band .action.primary{color:var(--fx-ink)}
html body .site-footer h3{color:var(--fx-ivory)}
html body nav[data-seo-hubs] .button{border-color:var(--fx-rule);color:var(--fx-muted)}
html body nav[data-seo-hubs] .button:hover{border-color:var(--fx-text);color:var(--fx-text)}

/* Articles */
html body .article-body p,html body .article-body li,html body .lead{color:#33322E}
html body .showcase .showcase-copy .lead{color:var(--fx-ivory)!important}
html body .article-body a{color:var(--fx-text)}
html body .breadcrumbs,html body .breadcrumbs a{color:var(--fx-muted)}
html body .guide-index,html body .editorial{color:var(--fx-text)}

/* Catalogue and product */
html body .filters input,html body .filters select,html body dialog input[type=text],html body dialog input[type=email],html body dialog input[type=tel]{background:var(--fx-card);border:1px solid var(--fx-rule);color:var(--fx-text)}
html body .filters select option{background:var(--fx-card);color:var(--fx-text)}
html body .filters input::placeholder{color:var(--fx-muted)}
html body .filters label{color:var(--fx-text)}
html body .eyebrow,html body .intro,html body .count,html body .meta,html body .crumb,html body .crumb a,html body .variant-label,html body dialog p,html body .empty{color:var(--fx-muted)}
html body .photo,html body .detail-photo,html body .product .photo,html body .variant-choice img{background:#EFEBE3}
html body .secondary,html body .button.secondary{background:transparent;border:1px solid var(--fx-rule);color:var(--fx-text)}
html body .button.secondary:hover{background:transparent;border-color:var(--fx-text)}
html body .notice{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-muted)}
html body table.specs td{border-bottom-color:var(--fx-rule);color:var(--fx-text)}
html body table.specs td:first-child{color:var(--fx-muted)}
html body .variant-choice{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .variant-choice[aria-pressed=true]{border:2px solid var(--fx-text)}
html body dialog{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body dialog h2,html body dialog h3{color:var(--fx-text)}

/* Stock: dark hero, ivory browsing */
html body .wrap,html body .shell{background:var(--fx-page);color:var(--fx-text)}
html body .hero,html body .hero h1,html body .hero h2,html body .wrap .hero h1{color:var(--fx-ivory)}
html body .wrap>.hero,html body .hero{background:var(--fx-ink)}
html body p.sub,html body .sub,html body .subtitle,html body .details,html body .choice small,html body .stat,html body .info,html body .muted,html body .field label,html body .overline,html body .wrap .eyebrow{color:var(--fx-muted)}
html body .wrap .menu-copy .cap,html body .wrap .cap,html body .wrap .tile small{color:var(--fx-muted)!important}
html body .wrap h2,html body .wrap h3,html body .code{color:var(--fx-text)}
html body .wrap .hero h2,html body .wrap .hero h3{color:var(--fx-ivory)}
html body .choice,html body .tile,html body .catalog,html body .item,html body .basket{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .choice:hover,html body .tile:hover,html body .item:hover{border-color:var(--fx-text)}
html body .wrap .tile :not(small):not(.cap):not(.arrow):not(img),html body .wrap .item :not(small):not(.cap):not(.details):not(.muted):not(img):not(.add):not(.btn){color:var(--fx-text)}
html body .wrap .tile .arrow,html body .wrap .tile .arrow *{background:transparent!important;color:var(--fx-text)!important;stroke:currentColor}
html body .wrap .tile .arrow{border:1px solid var(--fx-rule)}
html body .choice .symbol{color:var(--fx-text);border-color:var(--fx-rule)}
html body .choice .arr,html body .arrow{color:var(--fx-text)}
html body .btn{border-color:var(--fx-rule);color:var(--fx-text)}
html body .btn.primary,html body .btn.wa,html body .add{color:var(--fx-ivory)}
html body .btn.gold,html body .btn.outline,html body .toggle,html body .add.selected{border-color:var(--fx-rule);color:var(--fx-text)}
html body .toggle.selected{color:var(--fx-ivory)}
html body .wrap .item .add.selected{color:var(--fx-text)!important}
html body .chip,html body .tag,html body .pill,html body .minitag,html body .index,html body .qty,html body .status,html body .status.stock{background:var(--fx-page);border-color:var(--fx-rule);color:var(--fx-text)}
html body .note{background:var(--fx-card);color:var(--fx-muted);border-color:var(--fx-rule)}
html body .nav,html body .bottom{background:var(--fx-card);border-top-color:var(--fx-rule)}
html body .wrap input,html body .wrap select,html body .wrap textarea,html body .toolbar input,html body .toolbar select{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .wrap select option{background:var(--fx-card);color:var(--fx-text)}
html body .wrap input::placeholder{color:var(--fx-muted)}
html body .basket .brow,html body .line{border-color:var(--fx-rule)}
html body .footer,html body .endnote{background:var(--fx-page);color:var(--fx-muted);border-color:var(--fx-rule)}
html body .wrap .steps i{background:rgba(248,243,236,.22)}
html body .wrap .steps i.current{background:var(--fx-ivory)}
html body .dot{background:var(--fx-rule)}
html body .dot.on{background:var(--fx-text)}
html body .premium-contact{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .wrap .hero .fx-lang-toggle{color:var(--fx-ivory)}

/* Contact dialog and buttons on ivory */
html body .farshineh-contact-button{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .farshineh-contact-dialog{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .farshineh-contact-dialog h2,html body .farshineh-contact-dialog .contact-close{color:var(--fx-text)}
html body .farshineh-contact-dialog textarea{background:var(--fx-card);border-color:var(--fx-rule);color:var(--fx-text)}
html body .farshineh-contact-dialog .contact-note,html body .farshineh-contact-dialog .contact-status{color:var(--fx-muted)}
html body .farshineh-contact-dialog .contact-actions>*{border-color:var(--fx-rule);color:var(--fx-text)}
html body .farshineh-contact-dialog .contact-actions a{background:var(--fx-lac);border-color:var(--fx-lac);color:var(--fx-ivory)}

html body .fx-404 .fx-404-code{color:var(--fx-text)}
html body .fx-404 p{color:var(--fx-muted)}

/* Keep the WhatsApp button clear of the slider arrows */
html body .showcase .showcase-controls{padding-inline-end:76px}

/* One type scale for all seven languages. Script-specific values only where the script needs them. */
:root{--fx-h1:clamp(30px,3.3vw,48px);--fx-h2:clamp(26px,2.9vw,42px);--fx-h3:clamp(18px,1.4vw,21px);--fx-p:16px;--fx-lh:1.75;--fx-h-lh:1.2;--fx-track:-.018em;--fx-w:600}
html[dir=rtl]{--fx-h1:clamp(27px,2.8vw,42px);--fx-h2:clamp(24px,2.5vw,36px);--fx-h3:clamp(17px,1.25vw,19px);--fx-p:15.5px;--fx-lh:2;--fx-h-lh:1.55;--fx-track:0;--fx-w:700}
html[lang=ru]{--fx-h1:clamp(27px,2.9vw,42px);--fx-h2:clamp(24px,2.5vw,36px);--fx-h3:clamp(17px,1.3vw,20px);--fx-track:-.01em}
html[lang=vi]{--fx-h-lh:1.38;--fx-lh:1.85;--fx-track:-.005em}
html[lang=az],html[lang=tr]{--fx-h-lh:1.26}
html body{font-size:var(--fx-p);line-height:var(--fx-lh)}
html body p,html body li,html body address{line-height:var(--fx-lh)}
html body h1:not(.sr-only),html body .wrap h1,html body .hero h1{font-size:var(--fx-h1);line-height:var(--fx-h-lh);font-weight:var(--fx-w);letter-spacing:var(--fx-track)}
html body .section h2,html body .wrap h2,html body main h2{font-size:var(--fx-h2);line-height:var(--fx-h-lh);font-weight:var(--fx-w);letter-spacing:var(--fx-track)}
html body .portal-card h3,html body .article-card h3,html body .step-card h3,html body .card h3,html body .hand-finishing h3{font-size:var(--fx-h3);line-height:calc(var(--fx-h-lh) + .12);font-weight:var(--fx-w);letter-spacing:var(--fx-track);margin:0 0 10px}
html body .hand-finishing h2{font-size:clamp(24px,2.4vw,34px)}
html body .detail h2{font-size:clamp(18px,1.5vw,22px)}
html body .section-intro{font-size:clamp(15px,1.15vw,17px)}
html body .portal-card p,html body .article-card p,html body .step-card p,html body .card p{font-size:15px;line-height:var(--fx-lh)}
html[dir=rtl] body .portal-card p,html[dir=rtl] body .article-card p,html[dir=rtl] body .step-card p,html[dir=rtl] body .card p{font-size:14.5px}
html body .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600}
html[dir=rtl] body .eyebrow{font-size:13px;letter-spacing:0}
html body .showcase .showcase-copy h2,html body .showcase-slide[data-four-slide] .showcase-copy h2,html body .showcase-slide[data-four-slide="4"] .showcase-copy h2{letter-spacing:-.025em}
html[lang=ru] body .showcase .showcase-copy h2{font-size:clamp(26px,3.3vw,54px);letter-spacing:-.012em;line-height:1.16}
html[lang=vi] body .showcase .showcase-copy h2{line-height:1.26;letter-spacing:-.01em}
html[dir=rtl] body .showcase .showcase-copy h2{letter-spacing:0}
html body .material-section .material-copy h3{font-size:clamp(19px,1.7vw,25px)}

/* Article cards: real inner spacing and aligned reading links */
html body .articles-grid{gap:clamp(14px,1.5vw,22px)}
html body .article-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,2.2vw,32px)!important}
html body .article-card .eyebrow{margin:0 0 14px}
html body .article-card h3{margin:0 0 12px}
html body .article-card p{margin:0 0 20px}
html body .article-card .text-link{margin-top:auto}

/* Cascading menus */
html body .fx-has-sub{position:relative;display:inline-flex;align-items:center;gap:2px}
html body .fx-sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:11px;opacity:.8;transition:transform .2s ease}
html body .fx-sub-toggle{opacity:1!important}
html body .fx-sub-toggle .fx-chev{display:block;width:7px;height:7px;margin-top:-4px;border:solid var(--fx-ivory);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
html body .mobile-menu .fx-sub-toggle .fx-chev{width:10px;height:10px}
html body .bar nav{display:flex;align-items:center}
html body .site-header>.desktop-nav .fx-sub .fx-sub-all,html body .premium-nav .fx-sub .fx-sub-all{margin-top:4px;border-top:1px solid var(--fx-line);border-radius:0 0 7px 7px;color:var(--fx-soft);font-size:13px}
html body .fx-has-sub.is-open>.fx-sub-toggle{transform:rotate(180deg)}
html body .fx-sub{position:absolute;top:100%;inset-inline-start:-14px;z-index:70;display:flex;flex-direction:column;gap:2px;width:max-content;min-width:230px;max-width:340px;padding:10px;border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-panel-2);box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
html body .fx-has-sub.is-open>.fx-sub{opacity:1;visibility:visible;transform:none}
@media(hover:hover) and (min-width:1000px){html body .fx-has-sub:hover>.fx-sub,html body .fx-has-sub:focus-within>.fx-sub{opacity:1;visibility:visible;transform:none}}
html body .fx-sub a,html body .site-header>.desktop-nav .fx-sub a,html body .bar nav .fx-sub a,html body .premium-nav .fx-sub a{display:flex;align-items:center;min-height:44px;padding:9px 14px;border:0;border-radius:7px;background:transparent!important;color:var(--fx-ivory);font-size:14px;font-weight:500;letter-spacing:0;line-height:1.45;text-transform:none;white-space:normal}
html body .fx-sub a:hover,html body .fx-sub a:focus-visible,html body .bar nav .fx-sub a:hover,html body .site-header>.desktop-nav .fx-sub a:hover{background:rgba(248,243,236,.1)!important;color:var(--fx-ivory);text-decoration:none}
html body .site-header>.desktop-nav .fx-sub a:after{display:none}
html body .fx-sub .fx-sub-all,html body .bar nav .fx-sub .fx-sub-all{margin-top:4px;border-top:1px solid var(--fx-line);border-radius:0 0 7px 7px;color:var(--fx-soft);font-size:13px}
html body .premium-nav .fx-has-sub{z-index:40}
html body .hero,html body .wrap .hero{overflow:visible}

/* Mobile menu: accordion instead of a floating panel */
html body .mobile-menu .fx-has-sub{display:flex;flex-wrap:wrap;width:100%;border-bottom:1px solid var(--fx-line)}
html body .site-header>.mobile-menu nav .fx-has-sub>a{flex:1;border-bottom:0}
html body .mobile-menu .fx-sub-toggle{width:52px;height:68px;font-size:16px}
html body .mobile-menu .fx-sub{position:static;display:none;flex-basis:100%;width:auto;max-width:none;padding:0 0 14px;border:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .mobile-menu .fx-has-sub.is-open>.fx-sub{display:flex}
html body .site-header>.mobile-menu nav .fx-sub a{min-height:46px;padding:8px 2px;border:0;font-size:17px;font-weight:400;color:var(--fx-soft)}
@media(max-width:760px){
 html body .bar{position:relative}
 html body .bar nav .fx-has-sub{position:static}
 html body .bar nav .fx-sub{inset-inline:12px;top:100%;width:auto;max-width:none}
}
@media(prefers-reduced-motion:reduce){html body .fx-sub,html body .fx-sub-toggle{transition:none}}

/* Telegram and Zalo match the WhatsApp button */
html body .farshineh-contact-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:58px;height:58px;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;box-shadow:0 4px 18px rgba(22,42,84,.15);transition:transform .2s ease,background-color .2s ease}
html body .farshineh-contact-button.telegram{background:#229ED9}
html body .farshineh-contact-button.telegram:hover{background:#1C8CC2}
html body .farshineh-contact-button.zalo{background:#0068FF}
html body .farshineh-contact-button.zalo:hover{background:#0058D8}
html body .farshineh-contact-button:hover{transform:translateY(-2px)}
html body .farshineh-contact-button svg{width:32px;height:32px;transform:translateX(-1px)}
html body .farshineh-contact-button img{width:40px;height:40px}
@media(max-width:650px){html body .farshineh-contact-button{width:56px;height:56px}}

/* Buying path as a connected diagram */
html body .fx-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:clamp(34px,4vw,56px) clamp(14px,2vw,28px);border:1px solid var(--fx-rule);border-radius:14px;background:var(--fx-card)}
html body .fx-flow .step-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 clamp(14px,2.4vw,38px);border:0;background:transparent;text-align:center}
html body .fx-flow .fx-step-node{display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin-bottom:22px;border-radius:50%;background:#9A0C10;color:#fff;box-shadow:0 0 0 8px rgba(154,12,16,.08)}
html body .fx-flow .fx-step-node svg{width:42px;height:42px}
html body .fx-flow .number{position:static;display:inline-block;margin:0 0 8px;color:#9A0C10;font-size:13px;font-weight:700;letter-spacing:.12em;line-height:1.4}
html body .fx-flow .step-card h3{margin:0 0 8px;font-size:clamp(19px,1.55vw,23px)}
html body .fx-flow .step-card p{max-width:30ch;margin:0}
html body .fx-flow .step-card:not(:last-child):after{content:"";position:absolute;top:45px;inset-inline-start:calc(50% + 66px);width:calc(100% - 132px);height:2px;background:rgba(154,12,16,.38)}
html body .fx-flow .step-card:not(:last-child):before{content:"";position:absolute;top:40px;inset-inline-start:calc(150% - 78px);width:10px;height:10px;border:solid #9A0C10;border-width:2px 2px 0 0;transform:rotate(45deg)}
html[dir=rtl] body .fx-flow .step-card:not(:last-child):before{transform:rotate(225deg)}
@media(max-width:760px){
 html body .fx-flow{grid-template-columns:1fr;padding:28px 20px}
 html body .fx-flow .step-card{display:block;min-height:72px;padding:0 0 36px;padding-inline-start:86px;text-align:start}
 html body .fx-flow .step-card:last-child{padding-bottom:0}
 html body .fx-flow .fx-step-node{position:absolute;top:0;inset-inline-start:6px;width:60px;height:60px;margin:0;box-shadow:0 0 0 6px rgba(154,12,16,.08)}
 html body .fx-flow .fx-step-node svg{width:30px;height:30px}
 html body .fx-flow .step-card:not(:last-child):after{top:74px;bottom:14px;inset-inline-start:35px;width:2px;height:auto}
 html body .fx-flow .step-card:not(:last-child):before,html[dir=rtl] body .fx-flow .step-card:not(:last-child):before{top:auto;bottom:13px;inset-inline-start:31px;transform:rotate(135deg)}
}
@media(prefers-reduced-motion:reduce){html body .farshineh-contact-button{transition:none}}

/* Gentle hover and banner parallax: mouse devices only */
html body .showcase.fx-parallax .showcase-slide{overflow:hidden}
html body .showcase.fx-parallax .banner-image{scale:1.025;translate:calc(var(--fx-px,0)*-10px) calc(var(--fx-py,0)*-6px);will-change:translate}
html body .showcase.fx-parallax .showcase-copy{translate:calc(var(--fx-px,0)*6px) calc(var(--fx-py,0)*4px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body .portal-card,html body .article-card,html body .wrap .item,html body .wrap .tile{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
 html body .portal-card:hover,html body .article-card:hover,html body .wrap .item:hover,html body .wrap .tile:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,21,28,.1)}
 html body .material-section .material-card .material-visual img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
 html body .fx-flow .fx-step-node{transition:transform .28s ease,box-shadow .28s ease}
 html body .fx-flow .step-card:hover .fx-step-node{transform:scale(1.06);box-shadow:0 0 0 12px rgba(154,12,16,.1)}
}