/* Interio Plus: component styles. Loaded after tokens.css. Every value is a token. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,blockquote,ul{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.ys-on-dark :focus-visible{outline-color:var(--focus-on-dark)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* layout */
.ys-container{width:100%;max-width:calc(var(--container) + var(--space-5) * 2);margin-inline:auto;padding-inline:var(--space-5)}
.ys-section{padding:var(--space-9) 0}
.ys-section--stone{background:var(--stone)}
.ys-section--butter{background:var(--butter)}
.ys-section--dark{background:var(--onyx);color:var(--on-onyx)}
.ys-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-7)}
.ys-eyebrow{font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol-deep)}
.ys-on-dark .ys-eyebrow{color:var(--gold)}
.ys-h2{font:300 56px/62px var(--font-display);letter-spacing:-.005em;margin-top:var(--space-3);max-width:18ch;text-wrap:balance}
.ys-h2 em{font-style:normal;color:var(--petrol)}
.ys-on-dark .ys-h2 em{color:var(--gold)}
.ys-lead{font:400 20px/30px var(--font-sans);color:var(--ink-muted);max-width:34em}
.ys-on-dark .ys-lead{color:var(--on-onyx-muted)}

/* the pointer light: dark sections carry a small, pale lemon-gold glow that follows the pointer */
.ys-lit{--glow-soft:color-mix(in srgb,var(--glow) 60%,#fff);position:relative;isolation:isolate;overflow:hidden}
.ys-lit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(150px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--glow-soft) 44%,transparent) 0%,color-mix(in srgb,var(--glow-soft) 13%,transparent) 45%,transparent 100%)}
/* headings on dark: grey-white by default, lit where the pointer is */
.ys-lit .ys-h2,.ys-hero h1{color:var(--on-onyx);background-image:radial-gradient(180px circle at var(--mx,-999px) var(--my,-999px),var(--glow) 0%,transparent 75%),linear-gradient(var(--on-onyx),var(--on-onyx));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ys-lit .ys-h2 em,.ys-hero h1 em{-webkit-text-fill-color:var(--gold);color:var(--gold)}
/* cards on dark: border and fill light up near the pointer */
.ys-glowcard{position:relative;border:1px solid var(--line-on-dark);background:var(--surface-on-dark)}
.ys-glowcard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:radial-gradient(170px circle at var(--mx,-999px) var(--my,-999px),var(--glow),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.ys-glowcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--petrol-bright) 13%,transparent),transparent 70%)}
.ys-glowcard>*{position:relative;z-index:1}

/* icons: stroke glyphs painted in currentColor */
.ys-i{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.ys-i--lg{width:40px;height:40px}
.ys-i--arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--chat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012a8%208%200%200%201-11.6%207.1L4%2020l1-4.1A8%208%200%201%201%2020%2012z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012a8%208%200%200%201-11.6%207.1L4%2020l1-4.1A8%208%200%201%201%2020%2012z%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.2%207-11.5a7%207%200%200%200-14%200C5%2014.8%2012%2021%2012%2021z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.2%207-11.5a7%207%200%200%200-14%200C5%2014.8%2012%2021%2012%2021z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--menu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h16M4%2016h16%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h16M4%2016h16%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--close{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207M5%2010v10h14V10M10%2020v-6h4v6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207M5%2010v10h14V10M10%2020v-6h4v6%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--kitchen{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2010h16M8%206.5h.01M12%206.5h.01M16%206.5h.01M9%2015h6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2010h16M8%206.5h.01M12%206.5h.01M16%206.5h.01M9%2015h6%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--wardrobe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M12%203v18M9.5%2011v3M14.5%2011v3%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M12%203v18M9.5%2011v3M14.5%2011v3%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--sofa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2011V8a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v3M3%2013a2%202%200%200%201%204%200v2h10v-2a2%202%200%200%201%204%200v5H3zM6%2018v2M18%2018v2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2011V8a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v3M3%2013a2%202%200%200%201%204%200v2h10v-2a2%202%200%200%201%204%200v5H3zM6%2018v2M18%2018v2%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--cube{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%204.5v9L12%2021l-8-4.5v-9zM4%207.5l8%204.5%208-4.5M12%2012v9%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%204.5v9L12%2021l-8-4.5v-9zM4%207.5l8%204.5%208-4.5M12%2012v9%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--office{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V7l8-4v18M12%209h8v12M7%2010h2M7%2014h2M15%2013h2M15%2017h2M3%2021h18%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V7l8-4v18M12%209h8v12M7%2010h2M7%2014h2M15%2013h2M15%2017h2M3%2021h18%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--store{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209l1.5-5h13L20%209M4%209a2.5%202.5%200%200%200%205%200%202.5%202.5%200%200%200%206%200%202.5%202.5%200%200%200%205%200M5%2011v9h14v-9M10%2020v-5h4v5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209l1.5-5h13L20%209M4%209a2.5%202.5%200%200%200%205%200%202.5%202.5%200%200%200%206%200%202.5%202.5%200%200%200%205%200M5%2011v9h14v-9M10%2020v-5h4v5%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--cup{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208h11v6a5%205%200%200%201-5%205h-1a5%205%200%200%201-5-5zM16%209h2a2%202%200%200%201%200%204h-2M8%203v2M11%203v2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208h11v6a5%205%200%200%201-5%205h-1a5%205%200%200%201-5-5zM16%209h2a2%202%200%200%201%200%204h-2M8%203v2M11%203v2%22%2F%3E%3C%2Fsvg%3E")}
.ys-i--leaf{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019c0-8%205-14%2014-14%200%209-6%2014-14%2014zM5%2019l8-8%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019c0-8%205-14%2014-14%200%209-6%2014-14%2014zM5%2019l8-8%22%2F%3E%3C%2Fsvg%3E")}

/* buttons */
.ys-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border:1.5px solid transparent;border-radius:var(--radius-pill);font:600 15px/20px var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.ys-btn--lg{height:56px;padding:0 var(--space-6);font-size:16px}
.ys-btn--whatsapp{background:var(--wa);color:var(--on-wa)}
.ys-btn--whatsapp:hover{background:var(--wa-deep)}
.ys-btn--ink{background:var(--ink);color:var(--canvas)}
.ys-btn--ink:hover{background:var(--graphite)}
.ys-btn--gold{background:var(--gold);color:var(--ink)}
.ys-btn--gold:hover{background:var(--ink);color:var(--gold)}
.ys-btn--outline{border-color:var(--ink);color:var(--ink);background:transparent}
.ys-btn--outline:hover{background:var(--ink);color:var(--canvas)}
.ys-btn--outline-light{border-color:var(--on-onyx);color:var(--on-onyx);background:transparent}
.ys-btn--outline-light:hover{background:var(--on-onyx);color:var(--onyx)}
.ys-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--petrol-deep);font-weight:600;text-decoration:none;padding-bottom:2px;border-bottom:1.5px solid currentColor}
.ys-link:hover{color:var(--ink)}
.ys-on-dark .ys-link,.ys-link--light{color:var(--gold)}
.ys-on-dark .ys-link:hover,.ys-link--light:hover{color:var(--on-onyx)}

/* announcement + header */
.ys-announce{background:var(--gold);color:var(--ink);font-size:14px;line-height:20px;text-align:center;padding:10px var(--space-5)}
.ys-announce a{color:var(--ink);font-weight:700;text-underline-offset:3px;white-space:nowrap}
.ys-header{position:sticky;top:0;z-index:20;background:var(--onyx);color:var(--on-onyx);border-bottom:1px solid var(--line-on-dark)}
.ys-header__bar{display:flex;align-items:center;gap:var(--space-6);height:92px}
.ys-brand{display:inline-flex;align-items:center;flex:none}
.ys-brand img{height:64px;width:auto}
.ys-nav{display:flex;gap:var(--space-5);margin-left:var(--space-4)}
.ys-nav a{font-weight:500;font-size:15px;line-height:20px;color:var(--on-onyx);text-decoration:none;padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .15s,color .15s}
.ys-nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.ys-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}
.ys-header__phone{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:15px;color:var(--on-onyx);text-decoration:none;white-space:nowrap}
.ys-header__phone:hover{color:var(--gold)}
.ys-nav__call{display:none}
section[id]{scroll-margin-top:84px}
.ys-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1.5px solid var(--on-onyx-muted);border-radius:var(--radius-pill);background:transparent;color:var(--on-onyx);cursor:pointer}

/* hero */
.ys-hero{padding:var(--space-9) 0 var(--space-8);text-align:center;background:var(--onyx);color:var(--on-onyx)}
.ys-hero h1{font:300 88px/92px var(--font-display);letter-spacing:-.005em;max-width:16ch;margin:var(--space-4) auto var(--space-5);text-wrap:balance}
.ys-hero .ys-lead{margin:0 auto var(--space-6)}
.ys-hero__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}
.ys-hero__meta{margin-top:var(--space-4);font-size:14px;line-height:22px;color:var(--on-onyx-muted)}
.ys-hero__meta a{color:var(--gold);font-weight:600}

/* interactive skyline: bars colour and swell as the pointer approaches (set by InterioPlus.init) */
.ys-skyline{display:flex;align-items:flex-end;justify-content:space-between;height:240px;max-width:calc(var(--container) + var(--space-5) * 2);margin:var(--space-8) auto 0;padding-inline:var(--space-5)}
.ys-bar{--k:0;--hue:var(--gold);position:relative;flex:none;width:8px;height:var(--h,60%);border-radius:4px;transform-origin:bottom;transform:scaleY(calc(.93 + var(--k) * .07));background:linear-gradient(180deg,color-mix(in srgb,var(--hue) calc(var(--k) * 100%),#a29e97),color-mix(in srgb,var(--hue) calc(var(--k) * 65%),#2b2a28));box-shadow:0 0 calc(var(--k) * 20px) color-mix(in srgb,var(--hue) calc(var(--k) * 60%),transparent)}
.ys-bar::after{content:"";position:absolute;left:-1px;right:-1px;top:62%;height:10px;background:var(--onyx)}
.ys-bar--gold{--hue:var(--gold)}
.ys-bar--petrol{--hue:var(--petrol-bright)}
.ys-tower{display:flex;align-items:flex-end;gap:14px;height:100%}
.ys-hint{margin-top:var(--space-4);font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-onyx-muted)}
@media (hover:none){.ys-hint{display:none}}
.ys-arch{width:100%;height:100%}

/* hero carousel: five pictures, three in view, the middle one featured. Slides carry data-pos (-2..2, set by InterioPlus.init);
   at 640px and narrower the stage becomes a native scroll-snap strip. Swap an illustration for <img> inside .ys-car__pic. */
.ys-car{margin-top:var(--space-8)}
.ys-car__frame{position:relative}
.ys-car__stage{position:relative;aspect-ratio:1/.4408;margin:0;padding:0;list-style:none;touch-action:pan-y}
.ys-car__slide{container-type:inline-size;position:absolute;left:32.6%;bottom:0;width:34.8%;transform-origin:50% 100%;transform:scale(.7);opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s ease}
.ys-car__slide[data-pos="0"]{transform:none;opacity:1;z-index:2;pointer-events:auto}
.ys-car__slide[data-pos="-1"]{transform:translateX(-99.7%) scale(.878);opacity:.9;z-index:1;pointer-events:auto;cursor:pointer}
.ys-car__slide[data-pos="1"]{transform:translateX(99.7%) scale(.878);opacity:.9;z-index:1;pointer-events:auto;cursor:pointer}
.ys-car__slide[data-pos="-2"],.ys-car__slide[data-pos="-3"],.ys-car__slide[data-pos="-4"]{transform:translateX(-190%) scale(.78)}
.ys-car__slide[data-pos="2"],.ys-car__slide[data-pos="3"],.ys-car__slide[data-pos="4"]{transform:translateX(190%) scale(.78)}
.ys-car__slide[data-pos="-1"]:hover,.ys-car__slide[data-pos="1"]:hover{opacity:1}
.ys-car__pic{margin:0;aspect-ratio:300/380;border-radius:4.667cqw 4.667cqw 50cqw 50cqw;overflow:hidden;background:var(--graphite)}
.ys-car__pic>svg,.ys-car__pic>img{width:100%;height:100%;object-fit:cover}
/* side buttons: invisible until the pointer is near the edge, then a soft fade and a round arrow */
.ys-car__edge{position:absolute;top:0;bottom:0;z-index:5;width:17%;display:flex;align-items:center;padding:0 var(--space-4);border:0;cursor:pointer;opacity:0;transition:opacity .3s ease}
.ys-car__edge--prev{left:0;justify-content:flex-start;background:linear-gradient(90deg,color-mix(in srgb,var(--onyx) 80%,transparent),transparent)}
.ys-car__edge--next{right:0;justify-content:flex-end;background:linear-gradient(270deg,color-mix(in srgb,var(--onyx) 80%,transparent),transparent)}
.ys-car__edge:hover,.ys-car__edge:focus-visible{opacity:1}
.ys-car__btn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--on-onyx) 45%,transparent);background:color-mix(in srgb,var(--onyx) 55%,transparent);color:var(--on-onyx);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s,border-color .2s,color .2s}
.ys-car__btn:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.ys-car__edge--prev .ys-i{transform:scaleX(-1)}
@media (hover:none){.ys-car__edge{display:none}}
/* caption, timer ticks and pause, centred under the featured picture */
.ys-car__meta{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-4)}
.ys-car__caption{min-height:22px;font-size:14px;line-height:22px;color:var(--on-onyx-muted)}
.ys-car__ctrl{display:flex;align-items:center;gap:var(--space-1)}
.ys-car__tick{position:relative;width:36px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.ys-car__tick::before,.ys-car__fill{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.ys-car__tick::before{background:color-mix(in srgb,var(--on-onyx) 25%,transparent);transition:background-color .2s}
.ys-car__tick:hover::before{background:color-mix(in srgb,var(--on-onyx) 50%,transparent)}
.ys-car__fill{background:var(--gold);transform:scaleX(0);transform-origin:left}
.ys-car__tick[aria-current="true"] .ys-car__fill{animation:ys-car-fill var(--car-ms,5s) linear forwards}
.ys-car.is-paused .ys-car__tick[aria-current="true"] .ys-car__fill{animation-play-state:paused}
@keyframes ys-car-fill{to{transform:scaleX(1)}}
.ys-car__pp{display:grid;place-items:center;width:32px;height:32px;margin-left:var(--space-2);padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--on-onyx) 35%,transparent);background:transparent;color:var(--on-onyx);cursor:pointer;transition:border-color .2s,color .2s}
.ys-car__pp:hover{border-color:var(--gold);color:var(--gold)}
.ys-car__pp svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ys-car__play{display:none;fill:currentColor}
.ys-car.is-user-paused .ys-car__pause{display:none}
.ys-car.is-user-paused .ys-car__play{display:inline}
@media (prefers-reduced-motion:reduce){
  .ys-car__slide{transition:none}
  .ys-car__tick[aria-current="true"] .ys-car__fill{animation:none;transform:scaleX(1)}
  .ys-car__pp{display:none}
}
.ys-scope{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-7);font-size:14px;line-height:22px;color:var(--on-onyx-muted)}
.ys-scope span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--space-3);border-radius:50%;background:var(--gold);vertical-align:middle}

/* about */
.ys-about{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}
.ys-about__body{color:var(--ink-muted);margin-top:var(--space-5);max-width:34em}
.ys-about__art{border-radius:var(--radius-lg);overflow:hidden;background:var(--butter)}
.ys-process{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-7);border-top:1px solid var(--line)}
.ys-step{display:grid;grid-template-columns:12px 1fr;gap:var(--space-5)}
.ys-meter{--k:0;position:relative;width:12px;min-height:150px;border-radius:6px;background:var(--mist)}
.ys-meter::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(12px + var(--k) * (100% - 12px));border-radius:6px;background:var(--petrol)}
.ys-meter::after{content:"";position:absolute;left:-4px;width:20px;height:20px;border-radius:50%;bottom:calc(var(--k) * (100% - 12px) - 4px);background:var(--gold);box-shadow:0 0 0 4px var(--canvas)}
.ys-step__n{font:300 40px/46px var(--font-display);color:var(--petrol);transition:color .2s}
.ys-step h3{font:600 19px/26px var(--font-sans);margin:var(--space-2) 0 var(--space-1)}
.ys-step p{font-size:14px;line-height:22px;color:var(--ink-muted)}

/* offerings */
.ys-tabs{display:inline-flex;padding:4px;border:1.5px solid var(--on-onyx-muted);border-radius:var(--radius-pill)}
.ys-tab{height:40px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--on-onyx);font:600 15px/20px var(--font-sans);cursor:pointer;transition:background-color .15s,color .15s}
.ys-tab:hover{color:var(--gold)}
.ys-tab[aria-selected="true"]{background:var(--gold);color:var(--ink)}
.ys-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.ys-offer-grid[hidden]{display:none}
.ys-offer{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);color:var(--on-onyx);text-decoration:none;transition:transform .2s}
.ys-offer:hover{transform:translateY(-3px)}
.ys-offer__art{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--butter);overflow:hidden}
.ys-offer__art--sky{background:var(--sky)}
.ys-offer__art--gold{background:var(--gold)}
.ys-offer__art--petrol{background:var(--petrol)}
.ys-offer__arch{display:flex;align-items:center;justify-content:center;width:96px;height:116px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--canvas);color:var(--ink)}
.ys-offer__art--petrol .ys-offer__arch{color:var(--petrol-deep)}
.ys-offer h3{font:600 19px/26px var(--font-sans);padding:0 var(--space-2)}
.ys-offer p{font-size:14px;line-height:22px;color:var(--on-onyx-muted);padding:0 var(--space-2);flex:1}
.ys-offer__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-2);font-size:14px;line-height:20px;font-weight:600;color:var(--gold)}
.ys-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-7);padding:var(--space-6) var(--space-7);border-radius:var(--radius-lg);background:var(--gold);color:var(--ink)}
.ys-callout h3{font:300 44px/50px var(--font-display)}
.ys-callout p{margin-top:var(--space-1);color:var(--ink)}
.ys-callout__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}

/* clients */
.ys-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}
.ys-logo{flex:0 0 calc((100% - var(--space-3) * 4) / 5);display:grid;place-items:center;height:100px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .2s,box-shadow .2s}
.ys-logo img{max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.8;mix-blend-mode:multiply;transition:filter .3s,opacity .3s}
.ys-logo:hover img{filter:none;opacity:1}
.ys-logo:hover{border-color:var(--petrol);box-shadow:0 0 0 3px var(--sky)}
.ys-quotes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}
.ys-quote{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);margin:0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--gold);color:var(--ink)}
.ys-quote--petrol{background:var(--petrol-deep);color:var(--on-onyx)}
.ys-quote blockquote,.ys-quote__text{font:300 28px/38px var(--font-display)}
.ys-quote figcaption{display:flex;align-items:center;gap:var(--space-3);font-size:14px;line-height:22px}
.ys-tag{display:inline-block;padding:2px 12px;border-radius:var(--radius-pill);background:var(--canvas);color:var(--ink);font-size:12px;line-height:20px;font-weight:600}
.ys-quote--petrol .ys-tag{background:var(--gold)}

/* contact (dark) */
.ys-contact{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-8);align-items:start}
.ys-contact .ys-h2{max-width:12ch}
.ys-planner{margin-top:var(--space-6)}
.ys-planner__label{font-size:14px;line-height:22px;color:var(--on-onyx-muted);margin-bottom:var(--space-3)}
.ys-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}
.ys-chip{height:40px;padding:0 var(--space-4);border:1.5px solid var(--on-onyx-muted);border-radius:var(--radius-pill);background:transparent;color:var(--on-onyx);font:600 15px/20px var(--font-sans);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.ys-chip:hover{border-color:var(--gold);color:var(--gold)}
.ys-chip[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.ys-contact__rows{display:grid;gap:var(--space-3)}
.ys-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:var(--on-onyx);text-decoration:none}
.ys-row__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--on-onyx);color:var(--ink);flex:none}
.ys-row--wa .ys-row__icon{background:var(--wa);color:var(--on-wa)}
.ys-row__text{flex:1;min-width:0}
.ys-row__label{display:block;font-size:14px;line-height:22px;color:var(--on-onyx-muted)}
.ys-row__value{display:block;font:600 19px/26px var(--font-sans);overflow-wrap:anywhere}
.ys-row .ys-i--arrow{color:var(--gold)}

/* find us */
.ys-find{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-8);align-items:stretch}
.ys-find__list{margin:var(--space-6) 0;display:grid;gap:var(--space-5)}
.ys-find__item{display:flex;gap:var(--space-4)}
.ys-find__item .ys-i{margin-top:2px;color:var(--petrol-deep)}
.ys-find__item strong{display:block;font-weight:600}
.ys-find__item span.ys-t{display:block;color:var(--ink-muted)}
.ys-find__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.ys-map{display:block;position:relative;min-height:420px;border-radius:var(--radius-lg);overflow:hidden;background:var(--sky)}
.ys-map svg{position:absolute;inset:0;width:100%;height:100%}
.ys-map__chip{position:absolute;left:var(--space-4);bottom:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-card);font-size:14px;line-height:20px;font-weight:600}

/* footer */
.ys-footer{padding:var(--space-8) 0 var(--space-6);background:var(--onyx);color:var(--on-onyx)}
.ys-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-6)}
.ys-footer__tag{margin-top:var(--space-4);font-size:14px;line-height:22px;color:var(--on-onyx-muted);max-width:24em}
.ys-footer .ys-brand img{height:96px}
.ys-footer h4{margin:0 0 var(--space-3);font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ys-footer li{font-size:14px;line-height:22px}
.ys-footer li+li{margin-top:var(--space-2)}
.ys-footer a{font-size:14px;line-height:22px;text-decoration:none}
.ys-footer a:hover{color:var(--gold)}
.ys-footer__legal{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--line-on-dark);font-size:14px;line-height:22px;color:var(--on-onyx-muted)}

/* floating whatsapp */
.ys-float{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:30;display:inline-flex;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-5) 0 var(--space-4);border-radius:var(--radius-pill);background:var(--wa);color:var(--on-wa);font:600 15px/20px var(--font-sans);text-decoration:none;box-shadow:var(--shadow-float);transition:background-color .15s}
.ys-float:hover{background:var(--wa-deep)}
.ys-float .ys-i{width:24px;height:24px}

.f-canvas{fill:var(--canvas)}.s-canvas{stroke:var(--canvas)}
.f-surface{fill:var(--surface)}.s-surface{stroke:var(--surface)}
.f-stone{fill:var(--stone)}.s-stone{stroke:var(--stone)}
.f-mist{fill:var(--mist)}.s-mist{stroke:var(--mist)}
.f-ash{fill:var(--ash)}.s-ash{stroke:var(--ash)}
.f-slate{fill:var(--slate)}.s-slate{stroke:var(--slate)}
.f-graphite{fill:var(--graphite)}.s-graphite{stroke:var(--graphite)}
.f-ink{fill:var(--ink)}.s-ink{stroke:var(--ink)}
.f-line{fill:var(--line)}.s-line{stroke:var(--line)}
.f-line-strong{fill:var(--line-strong)}.s-line-strong{stroke:var(--line-strong)}
.f-onyx{fill:var(--onyx)}.s-onyx{stroke:var(--onyx)}
.f-gold{fill:var(--gold)}.s-gold{stroke:var(--gold)}
.f-gold-deep{fill:var(--gold-deep)}.s-gold-deep{stroke:var(--gold-deep)}
.f-butter{fill:var(--butter)}.s-butter{stroke:var(--butter)}
.f-petrol{fill:var(--petrol)}.s-petrol{stroke:var(--petrol)}
.f-petrol-deep{fill:var(--petrol-deep)}.s-petrol-deep{stroke:var(--petrol-deep)}
.f-petrol-bright{fill:var(--petrol-bright)}.s-petrol-bright{stroke:var(--petrol-bright)}
.f-sky{fill:var(--sky)}.s-sky{stroke:var(--sky)}

/* responsive */
@media (max-width:1000px){
  .ys-nav,.ys-header__phone{display:none}
  .ys-menu-btn{display:inline-flex}
  .ys-header.is-open .ys-nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;margin:0;padding:var(--space-3) var(--space-5) var(--space-5);background:var(--onyx);border-bottom:1px solid var(--line-on-dark);box-shadow:0 24px 40px rgba(0,0,0,.45)}
  .ys-header.is-open .ys-nav a{font-size:20px;line-height:28px;padding:var(--space-3) 0;border-bottom:1px solid var(--line-on-dark)}
  .ys-header.is-open .ys-nav .ys-nav__call{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);border-bottom:0;color:var(--gold);font-weight:600}
  .ys-header__actions{gap:var(--space-3)}
  .ys-section{padding:var(--space-8) 0}
  .ys-h2{font-size:44px;line-height:50px}
  .ys-hero h1{font-size:64px;line-height:68px}
  .ys-offer-grid{grid-template-columns:repeat(2,1fr)}
  .ys-about,.ys-contact,.ys-find{grid-template-columns:1fr;gap:var(--space-7)}
  .ys-logo{flex-basis:calc((100% - var(--space-3) * 2) / 3)}
  .ys-footer__grid{grid-template-columns:1fr 1fr}
  .ys-callout{padding:var(--space-6)}
  .ys-skyline{height:200px}
}
@media (max-width:640px){
  .ys-hide-sm{display:none}
  .ys-header__bar{height:72px}
  .ys-brand img{height:48px}
  .ys-hero{padding-top:var(--space-8)}
  .ys-hero h1{font-size:46px;line-height:50px}
  .ys-lead{font-size:18px;line-height:28px}
  .ys-hero__cta .ys-btn{width:100%}
  .ys-skyline{height:140px;overflow:hidden}
  .ys-bar{width:5px}
  .ys-tower{gap:6px}
  .ys-car{margin-top:var(--space-6)}
  .ys-car__stage{display:flex;gap:var(--space-3);aspect-ratio:auto;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--space-5) * -1);padding-inline:17vw;scrollbar-width:none;touch-action:auto;-webkit-overflow-scrolling:touch}
  .ys-car__stage::-webkit-scrollbar{display:none}
  .ys-car__slide[data-pos]{position:static;flex:none;width:66vw;transform:none;opacity:.55;scroll-snap-align:center;pointer-events:auto;cursor:default;transition:opacity .4s ease}
  .ys-car__slide[data-pos="0"]{opacity:1}
  .ys-car__edge{display:none}
  .ys-h2{font-size:38px;line-height:44px}
  .ys-process,.ys-quotes{grid-template-columns:1fr}
  .ys-offer-grid{grid-template-columns:1fr}
  .ys-offer__art{aspect-ratio:16/9}
  .ys-callout h3{font-size:34px;line-height:40px}
  .ys-callout__actions,.ys-callout__actions .ys-btn,.ys-find__actions .ys-btn{width:100%}
  .ys-logo{flex-basis:calc((100% - var(--space-3)) / 2);height:84px}
  .ys-car__tick{width:26px}
  .ys-quote blockquote,.ys-quote__text{font-size:24px;line-height:32px}
  .ys-row{padding:var(--space-4)}
  .ys-row__value{font-size:16px;line-height:24px}
  .ys-footer__grid{grid-template-columns:1fr}
  .ys-float{width:56px;padding:0;justify-content:center}
  .ys-float span:not(.ys-i){display:none}
}