/* Interior design: a studio mood board — white space, hairlines that draw a circle, an arch and a golden-ratio spiral,
   a strip of material swatches. Palette: UI UX Pro Max "Architecture / Interior" (#171717, #A16207). Font: Reem Kufi. */
body.skin-interior-design{--bg:#FFFFFF;--card:#FAFAF9;--card-2:#F5F5F4;--border:#E7E5E4;--fg:#171717;--secondary-fg:#292524;--muted:#5F5F5F;
  --primary:#171717;--on-primary:#FFFFFF;--accent:#A16207;--i-font:"Reem Kufi";--i-w:500;--i-r:0px;--peak:#1D4ED8;color-scheme:light}
.skin-interior-design .btn{border-radius:0}
.skin-interior-design .btn-ghost{background:#fff;border-color:#171717}
.skin-interior-design .ih h1{font-size:clamp(44px,6.6vw,92px);line-height:1.15}
html[lang=en] .skin-interior-design .ih h1{letter-spacing:.01em}
.skin-interior-design .ih-art .art{width:min(1000px,100vw)}
.skin-interior-design .ln{fill:none;stroke:#171717;stroke-opacity:.2;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}
.skin-interior-design .ln.gold{stroke:var(--accent);stroke-opacity:.8;stroke-width:2}
.js.ready .skin-interior-design .ln{animation:id-draw 2.4s var(--ease-in-out) forwards}
.js.ready .skin-interior-design .ln:nth-child(2){animation-delay:.3s}
.js.ready .skin-interior-design .ln:nth-child(3){animation-delay:.6s}
.js.ready .skin-interior-design .ln:nth-child(4){animation-delay:1s}
@keyframes id-draw{to{stroke-dashoffset:0}}
/* the material swatches under the buttons */
.skin-interior-design .ih-copy::after{content:"";width:220px;height:22px;margin-top:10px;
  background:linear-gradient(90deg,#B4643A 0 18%,#fff 18% 20.5%,#8A9A7B 20.5% 38.5%,#fff 38.5% 41%,#D9C4A3 41% 59%,#fff 59% 61.5%,#3F3F3F 61.5% 79.5%,#fff 79.5% 82%,#A16207 82%)}
/* clients: names set apart by hairlines */
.skin-interior-design .ir-list{gap:0}
.skin-interior-design .ir-list li{background:none;border:0;border-radius:0;font:500 24px/1.3 "Reem Kufi",var(--font-body);padding:6px 28px}
.skin-interior-design .ir-list li + li{border-inline-start:1px solid var(--border)}
/* services: numbered hairline frames */
.skin-interior-design .is-list{counter-reset:s;gap:0;border-top:1px solid var(--border);border-inline-start:1px solid var(--border)}
.skin-interior-design .is-list li{background:#fff;border:0;border-bottom:1px solid var(--border);border-inline-end:1px solid var(--border);border-radius:0}
.skin-interior-design .is-list li::before{counter-increment:s;content:"0" counter(s);font:500 14px "Reem Kufi",var(--font-body);color:var(--accent);letter-spacing:.24em}
.skin-interior-design .is-ico{background:none;border:1px solid var(--fg);color:var(--fg);border-radius:0}
.skin-interior-design .ic-box{background:#fff;border-color:var(--fg)}
.skin-interior-design .im-list a{border-radius:0}
@media (max-width:700px){ .skin-interior-design .ir-list li{font-size:20px;padding:6px 16px} }