html:has([class*="uichemy-sol-"]).lenis, html:has([class*="uichemy-sol-"]).lenis body{height:auto}
html:has([class*="uichemy-sol-"]).lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
html.lenis.lenis-smooth [class*="uichemy-sol-"] [data-lenis-prevent]{overscroll-behavior:contain}
html.lenis.lenis-smooth [class*="uichemy-sol-"] iframe{pointer-events:none}
html:has([class*="uichemy-sol-"]).lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
/* =====================================================================
   SOLENNE — style.css
   Monochrome art direction: white fields, black ink and a black dusk
   sun; the photographs carry all the colour. Newsreader thin caps (display),
   Newsreader italic (accent), Epilogue (UI). Motion engine unchanged.
   ===================================================================== */

@font-face { font-family: "Newsreader"; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/sol-newsreader-roman-latin.woff2) format("woff2"); font-weight: 200 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/sol-newsreader-italic-latin.woff2) format("woff2"); font-weight: 300 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Epilogue"; src: url(https://demo.uichemy.com/wp-content/uploads/2026/09/sol-epilogue-latin.woff2) format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
html:has([class*="uichemy-sol-"]){
  /* monochrome: the photographs carry all the colour */
  --white: #FFFFFF;
  --black: #000000;
  --grey: rgba(0, 0, 0, .55);      /* secondary text on white */
  --grey-inv: rgba(255, 255, 255, .62); /* secondary text on black / photos */

  --f-display: "Newsreader", Georgia, "Times New Roman", serif;
  --f-italic: "Newsreader", Georgia, "Times New Roman", serif;
  --f-ui: "Epilogue", system-ui, -apple-system, "Segoe UI", sans-serif;

  --pad: 3vw;
  --chrome: var(--white);
}
[class*="uichemy-sol-"] *, [class*="uichemy-sol-"], [class*="uichemy-sol-"] *::before, [class*="uichemy-sol-"]::before, [class*="uichemy-sol-"] *::after, [class*="uichemy-sol-"]::after{ box-sizing: border-box; }
html:has([class*="uichemy-sol-"]){ background: var(--white); -webkit-text-size-adjust: 100%; overflow-x: clip; }
html:has([class*="uichemy-sol-"]) body{ margin: 0; color: var(--black); font-family: var(--f-ui); font-weight: 400; background: var(--white); overflow-x: clip; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
[class*="uichemy-sol-"] img{ display: block; max-width: 100%; }
[class*="uichemy-sol-"] main, [class*="uichemy-sol-"] .footer{ overflow-x: clip; }
[class*="uichemy-sol-"] img.is-broken{ visibility: hidden; }
[class*="uichemy-sol-"] a{ color: inherit; text-decoration: none; }
[class*="uichemy-sol-"] button, [class*="uichemy-sol-"] input, [class*="uichemy-sol-"] select{ font: inherit; color: inherit; }
[class*="uichemy-sol-"] figure, [class*="uichemy-sol-"] blockquote{ margin: 0; }
[class*="uichemy-sol-"] p, [class*="uichemy-sol-"] h1, [class*="uichemy-sol-"] h2, [class*="uichemy-sol-"] h3, [class*="uichemy-sol-"] ul{ margin: 0; font-weight: 400; }
[class*="uichemy-sol-"] ul{ padding: 0; list-style: none; }
[class*="uichemy-sol-"] em{ font-style: normal; }
[class*="uichemy-sol-"] .sprite{ position: absolute; width: 0; height: 0; overflow: hidden; }
[class*="uichemy-sol-"] .sr-only{ position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[class*="uichemy-sol-"] .skip{ position: fixed; left: 1rem; top: -4rem; z-index: 200; padding: .7rem 1rem; background: var(--black); color: var(--white); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
[class*="uichemy-sol-"] .skip:focus{ top: 1rem; }
[class*="uichemy-sol-"] :focus-visible{ outline: 1px solid currentColor; outline-offset: 4px; }
html:has([class*="uichemy-sol-"]).is-loading, html:has([class*="uichemy-sol-"]).is-loading body{ overflow: hidden; }
[class*="uichemy-sol-"] .pl__l1, [class*="uichemy-sol-"] .logo__word, [class*="uichemy-sol-"] .hero__l1, [class*="uichemy-sol-"] .arc__text, [class*="uichemy-sol-"] .reason__title, [class*="uichemy-sol-"] .homes__title, [class*="uichemy-sol-"] .homes__count em, [class*="uichemy-sol-"] .type__num, [class*="uichemy-sol-"] .type__name, [class*="uichemy-sol-"] .panes__title, [class*="uichemy-sol-"] .loc-card__title, [class*="uichemy-sol-"] .walks em, [class*="uichemy-sol-"] .loc-intro__line, [class*="uichemy-sol-"] .loc-intro__h, [class*="uichemy-sol-"] .loc-map__title, [class*="uichemy-sol-"] .loc-map__pins em, [class*="uichemy-sol-"] .aerial__h, [class*="uichemy-sol-"] .quote__l, [class*="uichemy-sol-"] .footer__word, [class*="uichemy-sol-"] .footer__tel, [class*="uichemy-sol-"] .mobile-menu{
  text-transform: uppercase; font-weight: 200; font-style: normal; font-variation-settings: "opsz" 72;
}
[class*="uichemy-sol-"] .loc-intro__line--2{ text-transform: none; }
[class*="uichemy-sol-"] .tiny{ font-family: var(--f-ui); font-weight: 600; font-size: max(.69vw, 9.5px); line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
[class*="uichemy-sol-"] .tiny--soft{ font-weight: 400; opacity: .75; }
[class*="uichemy-sol-"] .p1{ font-family: var(--f-ui); font-size: max(.9vw, 13px); line-height: 1.55; }
[class*="uichemy-sol-"] .vline{ display: block; width: 1px; background: currentColor; opacity: .5; }
[class*="uichemy-sol-"] [data-chars], [class*="uichemy-sol-"] [data-h2chars], [class*="uichemy-sol-"] [data-chars-scroll]{ perspective: 60vw; }
[class*="uichemy-sol-"] .ch{ display: inline-block; will-change: transform, opacity; backface-visibility: hidden; }
[class*="uichemy-sol-"] .btn-sun{ --disc: var(--black); --on-disc: var(--white); position: relative; display: inline-flex; align-items: center; justify-content: center; width: 10.4vw; height: 10.4vw; min-width: 112px; min-height: 112px; border-radius: 50%; background: var(--disc); color: var(--on-disc); box-shadow: inset 0 0 0 1px var(--disc); text-align: center; transition: transform .8s cubic-bezier(.25,1,.5,1), background-color .6s; }
[class*="uichemy-sol-"] .btn-sun::before{ content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px dashed currentColor; opacity: 0; transform: rotate(0deg); transition: opacity .6s, transform 2.4s cubic-bezier(.25,1,.5,1); }
[class*="uichemy-sol-"] .btn-sun span{ font-weight: 600; font-size: max(.66vw, 9.5px); line-height: 1.5; letter-spacing: .16em; text-transform: uppercase; }
[class*="uichemy-sol-"] .btn-sun:hover, [class*="uichemy-sol-"] .btn-sun:focus-visible{ transform: scale(1.05); background: var(--on-disc); color: var(--disc); }
[class*="uichemy-sol-"] .btn-sun--light{ --disc: var(--white); --on-disc: var(--black); }
[class*="uichemy-sol-"] .btn-sun:hover::before, [class*="uichemy-sol-"] .btn-sun:focus-visible::before{ opacity: .55; transform: rotate(90deg); }
[class*="uichemy-sol-"] .btn-sun::before{ color: var(--disc); }
[class*="uichemy-sol-"] .preloader{
  --arch-w: 24vw; --arch-y: 104vh;
  position: fixed; inset: 0; z-index: 100; background: var(--black); color: var(--white); overflow: hidden;
  -webkit-mask:
    linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat,
    radial-gradient(circle at 50% 100%, #000 calc(var(--arch-w) / 2 - .5px), transparent calc(var(--arch-w) / 2 + .5px)) 50% var(--arch-y) / var(--arch-w) calc(var(--arch-w) / 2) no-repeat,
    linear-gradient(#000 0 0) 50% calc(var(--arch-y) + var(--arch-w) / 2 - 1px) / var(--arch-w) 400vh no-repeat;
  -webkit-mask-composite: source-out, source-over;
  mask:
    linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat,
    radial-gradient(circle at 50% 100%, #000 calc(var(--arch-w) / 2 - .5px), transparent calc(var(--arch-w) / 2 + .5px)) 50% var(--arch-y) / var(--arch-w) calc(var(--arch-w) / 2) no-repeat,
    linear-gradient(#000 0 0) 50% calc(var(--arch-y) + var(--arch-w) / 2 - 1px) / var(--arch-w) 400vh no-repeat;
  mask-composite: subtract, add;
}
[class*="uichemy-sol-"] .preloader.is-done, html:has([class*="uichemy-sol-"]):not(.js) .preloader{ display: none; }
[class*="uichemy-sol-"] .tiles{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
[class*="uichemy-sol-"] .tiles .tile{ fill: none; stroke: var(--white); stroke-width: 1; }
[class*="uichemy-sol-"] .pl__tiles{ opacity: 0; }
[class*="uichemy-sol-"] .pl__decor{ position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(255, 255, 255, .2); stroke-width: 1; opacity: 0; }
[class*="uichemy-sol-"] .pl__mark{ position: absolute; left: 50%; top: 4.6vh; width: 3.2vw; height: 3.2vw; min-width: 30px; min-height: 30px; transform: translateX(-50%); fill: currentColor; color: var(--white); opacity: 0; }
[class*="uichemy-sol-"] .pl__side{ position: absolute; top: 50%; font-weight: 500; font-size: max(.9vw, 11px); letter-spacing: .24em; text-transform: uppercase; transform: translateY(-50%); }
[class*="uichemy-sol-"] .pl__side--l{ left: 12vw; }
[class*="uichemy-sol-"] .pl__side--r{ right: 12vw; }
[class*="uichemy-sol-"] .pl__lockup{ position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); text-align: center; white-space: nowrap; }
[class*="uichemy-sol-"] .pl__l1{ display: block; font-family: var(--f-display); font-size: 6.4vw; line-height: .95; letter-spacing: .06em; margin-right: -.06em; }
[class*="uichemy-sol-"] .pl__italic{ display: block; margin-top: .5vw; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: 1.9vw; color: currentColor; }
html.js [class*="uichemy-sol-"] .pl__italic{ opacity: 0; }
[class*="uichemy-sol-"] .pl__progress{ position: absolute; left: 50%; top: 79.2vh; width: 1px; height: 8.6vh; overflow: hidden; clip-path: inset(0 0 100% 0); }
[class*="uichemy-sol-"] .pl__track{ position: absolute; inset: 0; background: currentColor; transform: translateY(-100%); }
[class*="uichemy-sol-"] .pl__foot{ position: absolute; left: 0; right: 0; bottom: 4.6vh; text-align: center; font-weight: 600; font-size: max(.66vw, 9.5px); letter-spacing: .2em; text-transform: uppercase; }
[class*="uichemy-sol-"] .pl__ring{ --o: 1.75vw; position: absolute; left: 50%; top: calc(var(--arch-y) - var(--o)); width: calc(var(--arch-w) + var(--o) * 2); height: 300vh; transform: translateX(-50%); border: 1px solid rgba(255, 255, 255, .3); border-bottom: 0; border-radius: calc(var(--arch-w) / 2 + var(--o)) calc(var(--arch-w) / 2 + var(--o)) 0 0; pointer-events: none; }
[class*="uichemy-sol-"] .pl__ring--2{ --o: 3vw; border-color: rgba(255, 255, 255, .1); }
[class*="uichemy-sol-"] .chrome{ position: fixed; inset: 0 0 auto 0; height: 0; z-index: 50; color: var(--chrome); }
[class*="uichemy-sol-"] .chrome[data-ink="dark"]{ --chrome: var(--black); }
[class*="uichemy-sol-"] .chrome[data-ink="light"]{ --chrome: var(--white); }
[class*="uichemy-sol-"] .logo{ position: absolute; left: 3.2vw; top: 2.6vw; display: flex; align-items: center; gap: .8vw; }
[class*="uichemy-sol-"] .logo__mark{ width: 2.6vw; height: 2.6vw; min-width: 30px; min-height: 30px; fill: currentColor; color: currentColor; }
[class*="uichemy-sol-"] .logo__word{ font-family: var(--f-display); font-weight: 300; font-size: max(1.35vw, 16px); line-height: 1; letter-spacing: .16em; }
[class*="uichemy-sol-"] .bar{ position: absolute; right: 3vw; top: 2.7vw; display: flex; flex-direction: column; align-items: flex-end; gap: .9vw; }
[class*="uichemy-sol-"] .nav{ display: flex; align-items: center; gap: 1.2vw; }
[class*="uichemy-sol-"] .nav a{ font-weight: 600; font-size: max(.72vw, 10px); letter-spacing: .2em; text-transform: uppercase; padding: .3em 0; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .6s cubic-bezier(.25,1,.5,1); }
[class*="uichemy-sol-"] .nav a:hover, [class*="uichemy-sol-"] .nav a:focus-visible{ background-size: 100% 1px; }
[class*="uichemy-sol-"] .nav i{ width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .7; }
[class*="uichemy-sol-"] .sunread{ display: flex; align-items: center; gap: .6vw; font-weight: 500; font-size: max(.62vw, 9px); letter-spacing: .16em; text-transform: uppercase; opacity: .9; font-variant-numeric: tabular-nums; }
[class*="uichemy-sol-"] .sunread__glyph{ width: 26px; height: 14px; overflow: visible; }
[class*="uichemy-sol-"] .sunread__glyph path{ stroke: currentColor; stroke-width: 1; }
[class*="uichemy-sol-"] .sunread__dot{ fill: currentColor; transition: cy 1s; }
[class*="uichemy-sol-"] .menu-btn, [class*="uichemy-sol-"] .mobile-menu{ display: none; }
/* rail removed (SOLENNE rail-free copy): the fixed scroll rail and its rules are gone */
html.is-loading [class*="uichemy-sol-"] .chrome{ opacity: 0; }
[class*="uichemy-sol-"] .chrome{ transition: opacity 1.2s cubic-bezier(.25,1,.5,1), color .5s ease; }
[class*="uichemy-sol-"] .ink-mark{ position: absolute; left: 0; width: 1px; visibility: hidden; pointer-events: none; }
[class*="uichemy-sol-"] .hero-scroll{ position: relative; height: calc(500vh + 50vw); background: var(--white); }
[class*="uichemy-sol-"] .hero{ position: sticky; top: 0; height: 100vh; overflow: hidden; z-index: 0; background: #000000; }
[class*="uichemy-sol-"] .hero__bg{ position: absolute; left: 0; top: 0; width: 100%; height: max(90vw, 100vh); will-change: transform; }
[class*="uichemy-sol-"] .hero__img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform-origin: 50% 0; }
[class*="uichemy-sol-"] .hero__bg::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .34) 0%, rgba(0, 0, 0, 0) 34%), linear-gradient(0deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 34%); pointer-events: none; }
[class*="uichemy-sol-"] .hero__content{ position: absolute; inset: 0; color: var(--white); will-change: transform; }
[class*="uichemy-sol-"] .hero__title{ position: absolute; left: 0; right: 0; top: 10.5vh; text-align: center; }
[class*="uichemy-sol-"] .hero__l1{ display: block; font-family: var(--f-display); font-size: 17.2vw; line-height: .95; letter-spacing: .03em; margin-right: -.03em; }
[class*="uichemy-sol-"] .hero__italic{ display: block; margin-top: .6vw; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: 2.6vw; line-height: 1.1; }
html.js [class*="uichemy-sol-"] .hero__italic{ opacity: 0; }
[class*="uichemy-sol-"] .hero__info{ position: absolute; bottom: 7vh; display: flex; flex-direction: column; gap: .7vw; }
[class*="uichemy-sol-"] .hero__info--l{ left: 9vw; }
[class*="uichemy-sol-"] .hero__info--r{ right: 3vw; text-align: right; align-items: flex-end; }
[class*="uichemy-sol-"] .hero__note{ font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: max(1.35vw, 15px); line-height: 1.25; }
[class*="uichemy-sol-"] .hero__btn{ position: absolute; left: 50%; bottom: 6vh; margin-left: -5.2vw; }
[class*="uichemy-sol-"] .hero-spacer{ height: 300vh; }
[class*="uichemy-sol-"] .arc{ --sun-a: rgba(0, 0, 0, .5); --sun-b: rgba(0, 0, 0, .78); position: relative; z-index: 2; height: 50vw; color: var(--white); }
[class*="uichemy-sol-"] .arc__svg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; }
[class*="uichemy-sol-"] .sun-stop-a{ stop-color: var(--sun-a); }
[class*="uichemy-sol-"] .sun-stop-b{ stop-color: var(--sun-b); }
[class*="uichemy-sol-"] .glow-stop-a{ stop-color: #000000; stop-opacity: .28; }
[class*="uichemy-sol-"] .glow-stop-b{ stop-color: #000000; stop-opacity: 0; }
[class*="uichemy-sol-"] .arc__text{ font-family: var(--f-display); font-weight: 300; font-size: 56.7px; letter-spacing: 2px; fill: var(--white); word-spacing: 0; }
[class*="uichemy-sol-"] .arc__inner{ position: absolute; left: 0; right: 0; top: 20.5vw; display: flex; flex-direction: column; align-items: center; text-align: center; }
[class*="uichemy-sol-"] .arc__sunset{ font-family: var(--f-italic); font-style: italic; font-weight: 400; font-size: max(1.75vw, 17px); line-height: 1.2; }
[class*="uichemy-sol-"] .arc__sunset span{ font-variant-numeric: lining-nums; }
[class*="uichemy-sol-"] .arc__inner .vline{ height: 9vw; margin: 2.2vw 0 2.4vw; }
[class*="uichemy-sol-"] .hero-tail{ height: 100vh; }
[class*="uichemy-sol-"] .reasons{ position: relative; z-index: 2; margin-top: -100vh; background: var(--white); color: var(--black); padding: 5vw var(--pad) 9vw; }
[class*="uichemy-sol-"] .reasons::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--black); opacity: .25; }
[class*="uichemy-sol-"] .reason{ position: relative; text-align: center; padding-bottom: 9vw; }
[class*="uichemy-sol-"] .reason + .reason{ padding-top: 3vw; }
[class*="uichemy-sol-"] .reason__idx{ font-family: var(--f-italic); font-style: italic; font-weight: 400; font-size: max(2.2vw, 22px); line-height: 1; color: var(--black); margin-bottom: 1.2vw; }
[class*="uichemy-sol-"] .reason__title{ font-family: var(--f-display); font-size: 9vw; line-height: .95; letter-spacing: .02em; white-space: nowrap; }
[class*="uichemy-sol-"] .reason__body{ display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 1.4vw; align-items: end; margin-top: 4vw; text-align: left; }
[class*="uichemy-sol-"] .reason__fig{ grid-column: 3 / span 5; aspect-ratio: 3 / 2; overflow: hidden; background: rgba(0, 0, 0, .08); }
[class*="uichemy-sol-"] .reason__fig img{ width: 100%; height: 125%; object-fit: cover; will-change: transform; }
[class*="uichemy-sol-"] .reason__txt{ grid-column: 9 / span 3; display: flex; flex-direction: column; gap: 2vw; padding-bottom: .4vw; }
[class*="uichemy-sol-"] .reason__txt .tiny{ color: var(--grey); }
[class*="uichemy-sol-"] .reason--alt .reason__fig{ grid-column: 6 / span 5; grid-row: 1; }
[class*="uichemy-sol-"] .reason--alt .reason__txt{ grid-column: 2 / span 3; grid-row: 1; text-align: right; align-items: flex-end; }
[class*="uichemy-sol-"] .homes{ position: relative; height: 220vh; background: var(--white); color: var(--black); }
[class*="uichemy-sol-"] .homes__pin{ position: sticky; top: 0; height: 100vh; overflow: hidden; }
[class*="uichemy-sol-"] .homes__title{ position: absolute; inset: 0; font-family: var(--f-display); font-size: 9vw; line-height: .95; letter-spacing: .03em; }
[class*="uichemy-sol-"] .homes__w{ position: absolute; top: 50%; line-height: .8; will-change: transform; z-index: 2; translate: 0 -50%; }
[class*="uichemy-sol-"] .homes__w--a{ right: 50%; margin-right: 1.2vw; }
[class*="uichemy-sol-"] .homes__w--b{ left: 50%; margin-left: 1.2vw; }
[class*="uichemy-sol-"] .homes__media{ position: absolute; left: 50%; top: 50%; width: var(--cw, 100vw); height: calc(var(--cw, 100vw) * .5622); translate: -50% -50%; overflow: hidden; transform-origin: 50% 50%; z-index: 1; background: var(--white); will-change: transform; }
[class*="uichemy-sol-"] .homes__media img{ width: 100%; height: 100%; object-fit: cover; }
[class*="uichemy-sol-"] .homes__aside{ position: absolute; left: 9vw; bottom: 3.6vw; width: 30vw; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: max(1.75vw, 18px); line-height: 1.25; }
[class*="uichemy-sol-"] .homes__count{ position: absolute; right: 3vw; bottom: 3.6vw; text-align: right; font-weight: 600; font-size: max(.66vw, 9.5px); line-height: 2.1; letter-spacing: .16em; text-transform: uppercase; }
[class*="uichemy-sol-"] .homes__count em{ font-family: var(--f-display); font-weight: 200; font-size: 2.6em; letter-spacing: 0; vertical-align: -.22em; margin-right: .35em; color: var(--black); }
[class*="uichemy-sol-"] .types{ position: relative; z-index: 2; background: var(--black); color: var(--white); }
[class*="uichemy-sol-"] .types__row{ display: flex; height: 100vh; min-height: 560px; }
[class*="uichemy-sol-"] .type{ position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 3.4vw 3vw 3.2vw; border-left: 1px solid rgba(255, 255, 255, .14); overflow: hidden; outline-offset: -6px; }
[class*="uichemy-sol-"] .type:first-child{ border-left: 0; padding-left: 9vw; }
[class*="uichemy-sol-"] .type__media{ position: absolute; inset: 0; z-index: 0; overflow: hidden; clip-path: inset(100% 0% 0% 0%); }
[class*="uichemy-sol-"] .type__media img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); }
[class*="uichemy-sol-"] .type__shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, .72)); }
[class*="uichemy-sol-"] .type > :not(.type__media){ position: relative; z-index: 1; }
[class*="uichemy-sol-"] .type__num{ font-family: var(--f-display); font-size: 5.6vw; line-height: .95; letter-spacing: .02em; }
[class*="uichemy-sol-"] .type__num small{ margin-left: .25vw; font-family: var(--f-ui); font-weight: 600; font-size: max(.7vw, 10px); letter-spacing: .1em; vertical-align: super; color: currentColor; }
[class*="uichemy-sol-"] .type__name{ font-family: var(--f-display); font-size: 1.85vw; line-height: 1.05; letter-spacing: .06em; white-space: nowrap; }
[class*="uichemy-sol-"] .type__foot{ display: flex; flex-direction: column; gap: 1vw; }
[class*="uichemy-sol-"] .type__desc{ font-size: max(.98vw, 13px); line-height: 1.45; max-width: 20vw; }
[class*="uichemy-sol-"] .type__facts{ font-weight: 600; font-size: max(.62vw, 9.5px); letter-spacing: .16em; text-transform: uppercase; color: var(--grey-inv); }
[class*="uichemy-sol-"] .panes{ position: relative; height: calc(200vh + max(109.6vw, 140vh)); background: var(--white); overflow: clip; }
[class*="uichemy-sol-"] .panes__masks{ position: sticky; top: 0; height: 100vh; z-index: 3; pointer-events: none; overflow: visible; }
[class*="uichemy-sol-"] .panes__group{ position: absolute; inset: 0; transform-origin: 50% 50%; will-change: transform; }
[class*="uichemy-sol-"] .panes__mask{ position: absolute; top: -1%; height: 102%; width: 50.07%; background: var(--white); will-change: clip-path; }
[class*="uichemy-sol-"] .panes__mask--l{ left: 0; clip-path: polygon(0% 0%, 0% 100%, 44.444% 100%, 44.444% 36.111%, 98.889% 36.111%, 98.889% 99.074%, 44.444% 99.074%, 44.444% 100%, 100% 100%, 100% 0%); }
[class*="uichemy-sol-"] .panes__mask--r{ right: 0; clip-path: polygon(0% 0%, 0% 100%, 1.111% 100%, 1.111% .926%, 55.556% .926%, 55.556% 63.889%, 1.111% 63.889%, 1.111% 100%, 100% 100%, 100% 0%); }
[class*="uichemy-sol-"] .panes__flower{ position: absolute; width: 50vw; height: auto; will-change: transform; }
[class*="uichemy-sol-"] .panes__flower--l{ left: -14vw; bottom: -26vh; }
[class*="uichemy-sol-"] .panes__flower--r{ right: -13vw; bottom: -18vh; }
[class*="uichemy-sol-"] .panes__stage{ position: sticky; top: 0; margin-top: -100vh; height: max(109.6vw, 140vh); z-index: 1; transform-origin: 50% 0; transform: scale(.75); overflow: hidden; color: var(--white); background: #000000; }
[class*="uichemy-sol-"] .panes__imgwrap{ position: absolute; inset: 0; overflow: hidden; }
[class*="uichemy-sol-"] .panes__img{ width: 100%; height: 100%; object-fit: cover; will-change: transform; }
[class*="uichemy-sol-"] .panes__grad{ position: absolute; left: 0; right: 0; bottom: 0; height: 110vh; background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, 0) 100%); }
[class*="uichemy-sol-"] .panes__title{ position: absolute; left: 0; right: 0; top: 3.4vw; text-align: center; font-family: var(--f-display); font-size: 11.5vw; line-height: .95; letter-spacing: .03em; white-space: nowrap; }
[class*="uichemy-sol-"] .panes__quote{ position: absolute; left: 9vw; bottom: 10vw; width: 34vw; }
[class*="uichemy-sol-"] .panes__lead{ margin: 1.6vw 0 2.2vw; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: 2.1vw; line-height: 1.18; }
[class*="uichemy-sol-"] .materials{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.2vw 2vw; font-size: max(.84vw, 12px); line-height: 1.45; }
[class*="uichemy-sol-"] .materials b{ display: block; font-weight: 600; font-size: max(.62vw, 9.5px); letter-spacing: .18em; text-transform: uppercase; color: var(--grey-inv); margin-bottom: .2vw; }
[class*="uichemy-sol-"] .panes__rule{ display: block; width: 6vw; height: 2px; background: currentColor; }
[class*="uichemy-sol-"] .panes__btn{ position: absolute; left: 60vw; bottom: 10vw; }
[class*="uichemy-sol-"] .loc{ position: relative; height: 313.5vw; background: var(--white); color: var(--black); }
[class*="uichemy-sol-"] .loc__sticky{ position: sticky; top: 0; height: 100vh; overflow: hidden; }
[class*="uichemy-sol-"] .loc__track{ display: flex; height: 100%; width: max-content; padding-left: var(--pad); will-change: transform; }
[class*="uichemy-sol-"] .loc__panel{ position: relative; flex: none; height: 100%; }
[class*="uichemy-sol-"] .loc-card{ width: 94vw; }
[class*="uichemy-sol-"] .loc-card__flower{ position: absolute; left: -3vw; top: -5vw; width: 36vw; height: auto; will-change: transform; }
[class*="uichemy-sol-"] .loc-card__inner{ position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5vw; text-align: center; transform-origin: 50% 50%; }
[class*="uichemy-sol-"] .loc-card__title{ max-width: 64vw; font-family: var(--f-display); font-size: 2.9vw; line-height: 1.08; letter-spacing: .04em; }
[class*="uichemy-sol-"] .walks{ display: flex; gap: 5vw; }
[class*="uichemy-sol-"] .walks li{ display: flex; align-items: center; gap: 1vw; text-align: left; font-weight: 600; font-size: max(.66vw, 9.5px); line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
[class*="uichemy-sol-"] .walks em{ font-family: var(--f-display); font-size: 3.6vw; line-height: .95; letter-spacing: .02em; color: var(--black); }
[class*="uichemy-sol-"] .loc-intro{ width: 122.5vw; }
[class*="uichemy-sol-"] .loc-intro__line{ position: absolute; font-family: var(--f-display); font-size: 9vw; line-height: .95; letter-spacing: .02em; white-space: nowrap; z-index: 2; will-change: transform; }
[class*="uichemy-sol-"] .loc-intro__line--1{ left: 5vw; top: 22vh; }
[class*="uichemy-sol-"] .loc-intro__line--2{ left: 16vw; top: 40vh; font-family: var(--f-italic); font-style: italic !important; font-weight: 300 !important; letter-spacing: -.02em; color: var(--black); }
[class*="uichemy-sol-"] .loc-intro__line--3{ left: 8vw; top: 58vh; }
[class*="uichemy-sol-"] .loc-intro__flower{ position: absolute; left: 44vw; bottom: 4.8vh; width: 33vw; height: auto; z-index: 3; will-change: transform; }
[class*="uichemy-sol-"] .loc-intro__fig{ position: absolute; left: 44vw; top: 4.8vh; width: 33vw; height: 90.4vh; overflow: hidden; background: rgba(0, 0, 0, .08); }
[class*="uichemy-sol-"] .loc-intro__fig img{ position: absolute; left: 0; top: -21.5%; width: 100%; height: 143%; object-fit: cover; will-change: transform; }
[class*="uichemy-sol-"] .loc-intro__txt{ position: absolute; left: 80vw; bottom: 6vh; width: 24vw; }
[class*="uichemy-sol-"] .loc-intro__h{ font-family: var(--f-display); font-size: 1.9vw; line-height: 1.08; letter-spacing: .06em; }
[class*="uichemy-sol-"] .loc-intro__txt .p1{ margin-top: 1.4vw; }
[class*="uichemy-sol-"] .loc-intro__btn{ position: absolute; left: 84vw; top: 16vh; }
[class*="uichemy-sol-"] .loc-map{ width: 94vw; }
[class*="uichemy-sol-"] .loc-map__kicker{ position: absolute; left: 0; right: 0; top: 14vh; text-align: center; color: var(--grey); }
[class*="uichemy-sol-"] .loc-map__title{ position: absolute; left: 0; right: 0; top: 20vh; text-align: center; font-family: var(--f-display); font-size: 5.4vw; line-height: .95; letter-spacing: .03em; }
[class*="uichemy-sol-"] .loc-map__route{ position: absolute; left: 10vw; right: 6vw; bottom: 9vh; height: 26vh; clip-path: inset(0% 100% 0% 0%); }
[class*="uichemy-sol-"] .loc-map__route svg{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
[class*="uichemy-sol-"] .loc-map__line{ fill: none; stroke: var(--grey); stroke-width: 2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
[class*="uichemy-sol-"] .loc-map__pins li{ position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -100%); display: flex; flex-direction: column; align-items: center; padding-bottom: 1.5vw; text-align: center; }
[class*="uichemy-sol-"] .loc-map__pins li::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%; background: var(--black); }
[class*="uichemy-sol-"] .loc-map__pins em{ font-family: var(--f-display); font-weight: 300; font-size: max(1.6vw, 16px); line-height: 1; font-variant-numeric: lining-nums; }
[class*="uichemy-sol-"] .loc-map__pins b{ margin-top: .3vw; font-weight: 600; font-size: max(.6vw, 9px); letter-spacing: .16em; text-transform: uppercase; }
[class*="uichemy-sol-"] .loc-map__pins .is-home svg{ width: 3vw; height: 3vw; fill: var(--black); color: var(--black); margin-bottom: .2vw; }
[class*="uichemy-sol-"] .aerial{ position: relative; height: 126vh; overflow: hidden; background: #000000; color: var(--white); }
[class*="uichemy-sol-"] .aerial__bg{ position: absolute; left: 0; right: 0; top: -21.5%; height: 143%; will-change: transform; }
[class*="uichemy-sol-"] .aerial__img{ width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 100%; }
[class*="uichemy-sol-"] .aerial::after{ content: ""; position: absolute; inset: auto 0 0 0; height: 45%; background: linear-gradient(0deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)); pointer-events: none; }
[class*="uichemy-sol-"] .aerial__cap{ position: absolute; left: 9vw; bottom: 8vh; z-index: 1; }
[class*="uichemy-sol-"] .aerial__h{ margin-top: .8vw; font-family: var(--f-display); font-size: 2.1vw; line-height: 1.08; letter-spacing: .06em; }
[class*="uichemy-sol-"] .clip-wrap{ position: relative; z-index: 2; }
[class*="uichemy-sol-"] .quote{ position: relative; min-height: 124vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--white); color: var(--black); will-change: clip-path; }
[class*="uichemy-sol-"] .quote__inner{ position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; }
[class*="uichemy-sol-"] .quote__inner > .tiny{ color: var(--grey); }
[class*="uichemy-sol-"] .quote__title{ margin: 2.2vw 0 3vw; }
[class*="uichemy-sol-"] .quote__l{ display: block; font-family: var(--f-display); font-size: 6.2vw; line-height: .95; letter-spacing: .03em; white-space: nowrap; }
[class*="uichemy-sol-"] .quote__it{ display: block; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: 6.2vw; line-height: 1.05; letter-spacing: -.02em; color: var(--black); }
html.js [class*="uichemy-sol-"] .quote__it{ clip-path: inset(-20% 100% -20% 0%); }
[class*="uichemy-sol-"] .quote__flower{ position: absolute; height: auto; z-index: 3; pointer-events: none; will-change: transform; }
[class*="uichemy-sol-"] .quote__flower--tl{ left: -5vw; top: -5vw; width: 34vw; }
[class*="uichemy-sol-"] .quote__flower--tr{ right: -4vw; top: -5vw; width: 38vw; }
[class*="uichemy-sol-"] .quote__fig{ position: absolute; overflow: hidden; background: rgba(0, 0, 0, .07); z-index: 1; }
[class*="uichemy-sol-"] .quote__fig img{ width: 100%; height: 125%; object-fit: cover; will-change: transform; }
[class*="uichemy-sol-"] .quote__fig--l{ left: 13vw; bottom: 4vh; width: 13.5vw; aspect-ratio: 4 / 5; }
[class*="uichemy-sol-"] .quote__fig--r{ right: 12vw; bottom: 13vh; width: 11vw; aspect-ratio: 4 / 5; }
[class*="uichemy-sol-"] .footer{ --tr: 0%; position: relative; z-index: 1; margin-top: -22vh; height: 100vh; min-height: 680px; background: var(--black); color: var(--white); overflow: hidden; }
[class*="uichemy-sol-"] .footer__tiles{ opacity: .09; -webkit-mask: radial-gradient(circle at 50% 62%, #000 var(--tr), transparent calc(var(--tr) + 22%)); mask: radial-gradient(circle at 50% 62%, #000 var(--tr), transparent calc(var(--tr) + 22%)); }
[class*="uichemy-sol-"] .footer__inner{ position: absolute; left: 14.75vw; right: 14.75vw; top: 19vh; bottom: 4.5vh; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; column-gap: 6vw; transform-origin: 50% 40%; }
[class*="uichemy-sol-"] .footer__brand{ display: flex; flex-direction: column; align-items: flex-start; }
[class*="uichemy-sol-"] .footer__mark{ width: 3.2vw; height: 3.2vw; min-width: 32px; min-height: 32px; fill: currentColor; color: var(--white); }
[class*="uichemy-sol-"] .footer__word{ margin-top: 1.6vw; font-family: var(--f-display); font-size: 6.4vw; line-height: .95; letter-spacing: .05em; }
[class*="uichemy-sol-"] .footer__it{ margin-top: .6vw; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: max(1.5vw, 17px); color: var(--grey-inv); }
[class*="uichemy-sol-"] .footer__addr{ display: flex; flex-direction: column; gap: .6vw; font-style: normal; margin-top: auto; }
[class*="uichemy-sol-"] .footer__tel{ margin-top: .8vw; font-family: var(--f-display); font-weight: 300; font-size: max(2.2vw, 22px); line-height: 1; letter-spacing: .04em; }
[class*="uichemy-sol-"] .footer__tel:hover{ opacity: .65; }
[class*="uichemy-sol-"] .enquiry{ display: flex; flex-direction: column; gap: 1.4vw; align-self: start; }
[class*="uichemy-sol-"] .enquiry__title{ margin-bottom: .6vw; color: var(--grey-inv); }
[class*="uichemy-sol-"] .field{ position: relative; display: flex; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, .3); transition: border-color .4s; }
[class*="uichemy-sol-"] .field:focus-within{ border-color: var(--white); }
[class*="uichemy-sol-"] .field label{ font-weight: 600; font-size: max(.6vw, 9px); letter-spacing: .16em; text-transform: uppercase; opacity: .75; }
[class*="uichemy-sol-"] .field input, [class*="uichemy-sol-"] .field select{ width: 100%; padding: .45vw 0 .6vw; border: 0; background: transparent; font-family: var(--f-italic); font-style: italic; font-weight: 300; font-size: max(1.6vw, 18px); line-height: 1.2; outline: none; border-radius: 0; -webkit-appearance: none; appearance: none; }
[class*="uichemy-sol-"] .field select{ cursor: pointer; }
[class*="uichemy-sol-"] .field select option{ color: var(--black); background: var(--white); font-family: var(--f-ui); font-style: normal; }
[class*="uichemy-sol-"] .field--select::after{ content: ""; position: absolute; right: .3vw; bottom: 1.3vw; width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); pointer-events: none; }
[class*="uichemy-sol-"] .enquiry__send{ align-self: flex-start; margin-top: .8vw; padding: 1vw 2.4vw; border: 1px solid rgba(255, 255, 255, .55); border-radius: 100px; background: transparent; cursor: pointer; font-weight: 600; font-size: max(.66vw, 9.5px); letter-spacing: .18em; text-transform: uppercase; transition: background .5s, color .5s, border-color .5s; }
[class*="uichemy-sol-"] .enquiry__send:hover, [class*="uichemy-sol-"] .enquiry__send:focus-visible{ background: var(--white); border-color: var(--white); color: var(--black); }
[class*="uichemy-sol-"] .enquiry__note{ min-height: 1.6em; font-weight: 400; letter-spacing: .08em; text-transform: none; opacity: .85; }
[class*="uichemy-sol-"] .footer__base{ grid-column: 1 / -1; display: flex; align-items: flex-end; justify-content: space-between; gap: 2vw; padding-top: 2vw; }
[class*="uichemy-sol-"] .footer__links{ display: flex; gap: 2.2vw; }
[class*="uichemy-sol-"] .footer__links a:hover, [class*="uichemy-sol-"] .footer__top:hover{ opacity: .65; }
[class*="uichemy-sol-"] .fade-tr, [class*="uichemy-sol-"] .panes__flower--l{ -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%), linear-gradient(to left, transparent 0, #000 16%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, transparent 0, #000 16%), linear-gradient(to left, transparent 0, #000 16%); mask-composite: intersect; }
[class*="uichemy-sol-"] .loc-intro__flower{ -webkit-mask-image: linear-gradient(to top, transparent 0, #000 14%), linear-gradient(to left, transparent 0, #000 12%), linear-gradient(to right, transparent 0, #000 12%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to top, transparent 0, #000 14%), linear-gradient(to left, transparent 0, #000 12%), linear-gradient(to right, transparent 0, #000 12%); mask-composite: intersect; }
[class*="uichemy-sol-"] .panes__flower--r{ -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%), linear-gradient(to right, transparent 0, #000 16%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, transparent 0, #000 16%), linear-gradient(to right, transparent 0, #000 16%); mask-composite: intersect; }
[class*="uichemy-sol-"] .loc-card__flower, [class*="uichemy-sol-"] .quote__flower--tl{ -webkit-mask-image: linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to left, transparent 0, #000 16%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to left, transparent 0, #000 16%); mask-composite: intersect; }
[class*="uichemy-sol-"] .quote__flower--tr{ -webkit-mask-image: linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to right, transparent 0, #000 16%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to right, transparent 0, #000 16%); mask-composite: intersect; }
@media (max-width: 1199px) and (min-width: 768px){
[class*="uichemy-sol-"] .reason__txt{ grid-column: 9 / span 4; }
[class*="uichemy-sol-"] .reason--alt .reason__txt{ grid-column: 1 / span 4; }
[class*="uichemy-sol-"] .type__desc{ max-width: none; }
[class*="uichemy-sol-"] .footer__inner{ left: 8vw; right: 8vw; }
[class*="uichemy-sol-"] .materials{ font-size: 11px; }
}
@media (max-width: 767px){
html:has([class*="uichemy-sol-"]){ --pad: 5vw; }
[class*="uichemy-sol-"] .tiny, [class*="uichemy-sol-"] .btn-sun span{ font-size: .6rem; }
[class*="uichemy-sol-"] .p1{ font-size: .875rem; }
[class*="uichemy-sol-"] .btn-sun{ width: 112px; height: 112px; }
[class*="uichemy-sol-"] .preloader{ --arch-w: 44vw; }
[class*="uichemy-sol-"] .pl__side{ font-size: .62rem; top: 30%; letter-spacing: .18em; }
[class*="uichemy-sol-"] .pl__side--l{ left: 7vw; }
[class*="uichemy-sol-"] .pl__side--r{ right: 7vw; }
[class*="uichemy-sol-"] .pl__l1{ font-size: 14vw; }
[class*="uichemy-sol-"] .pl__italic{ font-size: 5vw; margin-top: 2vw; }
[class*="uichemy-sol-"] .pl__ring{ --o: 3.5vw; }
[class*="uichemy-sol-"] .pl__ring--2{ --o: 6.5vw; }
[class*="uichemy-sol-"] .pl__foot{ font-size: .56rem; }
[class*="uichemy-sol-"] .logo{ left: 18px; top: 20px; gap: 8px; }
[class*="uichemy-sol-"] .logo__mark{ width: 28px; height: 28px; min-width: 0; min-height: 0; }
[class*="uichemy-sol-"] .logo__word{ font-size: 15px; }
[class*="uichemy-sol-"] .bar{ display: none; }
[class*="uichemy-sol-"] .menu-btn{ position: absolute; right: 18px; top: 24px; display: inline-flex; align-items: center; gap: 10px; padding: 6px 0; border: 0; background: none; cursor: pointer; font-weight: 600; font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--chrome); }
[class*="uichemy-sol-"] .menu-btn::after{ content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
[class*="uichemy-sol-"] .mobile-menu{ position: absolute; right: 12px; top: 60px; display: flex; flex-direction: column; gap: 14px; padding: 20px 24px; background: var(--white); color: var(--black); font-family: var(--f-display); font-size: 1.35rem; letter-spacing: .06em; box-shadow: 0 20px 50px rgba(0, 0, 0, .2); }
[class*="uichemy-sol-"] .mobile-menu[hidden]{ display: none; }
[class*="uichemy-sol-"] .hero__title{ top: 16vh; }
[class*="uichemy-sol-"] .hero__l1{ font-size: 18.4vw; }
[class*="uichemy-sol-"] .hero__italic{ font-size: 5.2vw; margin-top: 2vw; padding: 0 8vw; }
[class*="uichemy-sol-"] .hero__info{ display: none; }
[class*="uichemy-sol-"] .hero__btn{ bottom: 10vh; margin-left: -56px; }
[class*="uichemy-sol-"] .hero__bg{ height: max(90vw, 125vh); }
[class*="uichemy-sol-"] .hero-scroll{ height: calc(500vh + 90vw); }
[class*="uichemy-sol-"] .arc{ height: 90vw; }
[class*="uichemy-sol-"] .arc__svg{ left: -40vw; width: 180vw; }
[class*="uichemy-sol-"] .arc__inner{ top: 36vw; padding: 0 12vw; }
[class*="uichemy-sol-"] .arc__sunset{ font-size: 1rem; }
[class*="uichemy-sol-"] .arc__inner .vline{ height: 16vw; margin: 4vw 0; }
[class*="uichemy-sol-"] .reasons{ padding: 10vw var(--pad) 16vw; }
[class*="uichemy-sol-"] .reason{ padding-bottom: 18vw; }
[class*="uichemy-sol-"] .reason__idx{ margin-bottom: 3vw; }
[class*="uichemy-sol-"] .reason__title{ font-size: 11vw; white-space: normal; }
[class*="uichemy-sol-"] .reason__body, [class*="uichemy-sol-"] .reason--alt .reason__body{ display: flex; flex-direction: column; gap: 6vw; margin-top: 8vw; }
[class*="uichemy-sol-"] .reason__fig, [class*="uichemy-sol-"] .reason--alt .reason__fig{ width: 100%; }
[class*="uichemy-sol-"] .reason__txt, [class*="uichemy-sol-"] .reason--alt .reason__txt{ text-align: left; align-items: flex-start; gap: 5vw; }
[class*="uichemy-sol-"] .homes__title{ font-size: 9vw; }
[class*="uichemy-sol-"] .homes__w--a{ margin-right: 2.4vw; }
[class*="uichemy-sol-"] .homes__w--b{ margin-left: 2.4vw; }
[class*="uichemy-sol-"] .homes__aside{ left: 6vw; right: 6vw; width: auto; bottom: 34vw; font-size: 1.1rem; }
[class*="uichemy-sol-"] .homes__count{ right: 6vw; bottom: 6vw; }
[class*="uichemy-sol-"] .types__row{ flex-direction: column; height: auto; min-height: 0; }
[class*="uichemy-sol-"] .type{ flex: none; height: 72svh; min-height: 420px; padding: 7vw 6vw; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .14); }
[class*="uichemy-sol-"] .type:first-child{ padding-left: 6vw; }
[class*="uichemy-sol-"] .type__num{ font-size: 17vw; }
[class*="uichemy-sol-"] .type__num small{ font-size: .62rem; }
[class*="uichemy-sol-"] .type__name{ font-size: 7vw; }
[class*="uichemy-sol-"] .type__desc{ font-size: .95rem; max-width: 80vw; }
[class*="uichemy-sol-"] .panes__flower{ width: 80vw; }
[class*="uichemy-sol-"] .panes__flower--l{ left: -30vw; bottom: -14vh; }
[class*="uichemy-sol-"] .panes__flower--r{ right: -30vw; bottom: -10vh; }
[class*="uichemy-sol-"] .panes__title{ font-size: 13vw; top: 9vw; }
[class*="uichemy-sol-"] .panes__quote{ left: 6vw; right: 6vw; width: auto; bottom: 44vw; }
[class*="uichemy-sol-"] .panes__lead{ font-size: 1.2rem; margin: 4vw 0 5vw; }
[class*="uichemy-sol-"] .materials{ gap: 14px 18px; font-size: .78rem; }
[class*="uichemy-sol-"] .materials b{ font-size: .55rem; }
[class*="uichemy-sol-"] .panes__rule{ width: 60px; }
[class*="uichemy-sol-"] .panes__btn{ left: auto; right: 6vw; bottom: 12vw; }
[class*="uichemy-sol-"] .panes__stage{ height: max(109.6vw, 150vh); }
[class*="uichemy-sol-"] .panes{ height: calc(200vh + max(109.6vw, 150vh)); }
[class*="uichemy-sol-"] .loc-card{ width: 100vw; }
[class*="uichemy-sol-"] .loc-card__flower{ width: 70vw; left: -12vw; }
[class*="uichemy-sol-"] .loc-card__inner{ padding: 0 8vw; gap: 10vw; }
[class*="uichemy-sol-"] .loc-card__title{ max-width: none; font-size: 6.4vw; }
[class*="uichemy-sol-"] .walks{ flex-direction: column; gap: 5vw; align-self: stretch; }
[class*="uichemy-sol-"] .walks li{ gap: 4vw; font-size: .6rem; }
[class*="uichemy-sol-"] .walks em{ font-size: 10vw; min-width: 16vw; }
[class*="uichemy-sol-"] .loc-intro{ width: 205vw; }
[class*="uichemy-sol-"] .loc-intro__line{ font-size: 13vw; }
[class*="uichemy-sol-"] .loc-intro__line--1{ left: 6vw; top: 18vh; }
[class*="uichemy-sol-"] .loc-intro__line--2{ left: 18vw; top: 31vh; }
[class*="uichemy-sol-"] .loc-intro__line--3{ left: 8vw; top: 44vh; }
[class*="uichemy-sol-"] .loc-intro__flower{ left: 90vw; width: 58vw; bottom: 28vh; }
[class*="uichemy-sol-"] .loc-intro__fig{ left: 90vw; width: 58vw; top: 10vh; height: 62vh; }
[class*="uichemy-sol-"] .loc-intro__txt{ left: 152vw; width: 48vw; bottom: auto; top: 16vh; }
[class*="uichemy-sol-"] .loc-intro__h{ font-size: 1.15rem; }
[class*="uichemy-sol-"] .loc-intro__txt .p1{ margin-top: 4vw; }
[class*="uichemy-sol-"] .loc-intro__btn{ left: 158vw; top: auto; bottom: 10vh; }
[class*="uichemy-sol-"] .loc-map{ width: 170vw; }
[class*="uichemy-sol-"] .loc-map__kicker{ top: 18vh; }
[class*="uichemy-sol-"] .loc-map__title{ top: 23vh; font-size: 8.4vw; }
[class*="uichemy-sol-"] .loc-map__route{ left: 8vw; right: 8vw; bottom: 16vh; height: 24vh; }
[class*="uichemy-sol-"] .loc-map__pins em{ font-size: 1rem; }
[class*="uichemy-sol-"] .loc-map__pins b{ font-size: .5rem; }
[class*="uichemy-sol-"] .loc-map__pins li{ padding-bottom: 14px; }
[class*="uichemy-sol-"] .loc-map__pins .is-home svg{ width: 24px; height: 24px; }
[class*="uichemy-sol-"] .aerial{ height: 100svh; }
[class*="uichemy-sol-"] .aerial__cap{ left: 6vw; right: 6vw; }
[class*="uichemy-sol-"] .aerial__h{ font-size: 1.2rem; margin-top: 8px; }
[class*="uichemy-sol-"] .quote{ min-height: 118svh; }
[class*="uichemy-sol-"] .quote__l{ font-size: 7.4vw; }
[class*="uichemy-sol-"] .quote__it{ font-size: 10vw; }
[class*="uichemy-sol-"] .quote__flower--tl{ width: 62vw; left: -14vw; }
[class*="uichemy-sol-"] .quote__flower--tr{ width: 64vw; right: -16vw; }
[class*="uichemy-sol-"] .quote__fig--l{ width: 30vw; left: 6vw; bottom: 8vh; }
[class*="uichemy-sol-"] .quote__fig--r{ width: 24vw; right: 6vw; bottom: auto; top: 16vh; }
[class*="uichemy-sol-"] .footer{ margin-top: -14vh; height: auto; min-height: 100svh; }
[class*="uichemy-sol-"] .footer__inner{ position: relative; inset: auto; display: flex; flex-direction: column; gap: 12vw; padding: 26vh 7vw 8vw; }
[class*="uichemy-sol-"] .footer__word{ font-size: 15vw; margin-top: 5vw; }
[class*="uichemy-sol-"] .footer__it{ font-size: 1rem; }
[class*="uichemy-sol-"] .footer__addr{ gap: 8px; margin-top: 8vw; }
[class*="uichemy-sol-"] .footer__tel{ font-size: 1.6rem; margin-top: 10px; }
[class*="uichemy-sol-"] .enquiry{ gap: 22px; }
[class*="uichemy-sol-"] .field input, [class*="uichemy-sol-"] .field select{ padding: 8px 0 10px; }
[class*="uichemy-sol-"] .field--select::after{ bottom: 18px; }
[class*="uichemy-sol-"] .enquiry__send{ padding: 14px 26px; }
[class*="uichemy-sol-"] .footer__base{ flex-wrap: wrap; gap: 18px; padding-top: 4vw; }
[class*="uichemy-sol-"] .footer__links{ gap: 18px; }
}
html.reduced [class*="uichemy-sol-"] .preloader{ display: none; }
html.reduced [class*="uichemy-sol-"] .hero-scroll{ height: auto; }
html.reduced [class*="uichemy-sol-"] .hero{ position: relative; }
html.reduced [class*="uichemy-sol-"] .hero-spacer, html.reduced [class*="uichemy-sol-"] .hero-tail{ display: none; }
html.reduced [class*="uichemy-sol-"] .hero__italic, html.reduced [class*="uichemy-sol-"] .pl__italic{ opacity: 1; }
html.reduced [class*="uichemy-sol-"] .quote__it{ clip-path: none; }
html.reduced [class*="uichemy-sol-"] .reasons{ margin-top: 0; }
html.reduced [class*="uichemy-sol-"] .homes{ height: 100vh; }
html.reduced [class*="uichemy-sol-"] .homes__media{ --cw: 30vw; }
html.reduced [class*="uichemy-sol-"] .type__media{ clip-path: inset(0); }
html.reduced [class*="uichemy-sol-"] .panes{ height: auto; }
html.reduced [class*="uichemy-sol-"] .panes__masks{ display: none; }
html.reduced [class*="uichemy-sol-"] .panes__stage{ position: relative; margin: 0; transform: none; height: 110vh; }
html.reduced [class*="uichemy-sol-"] .loc{ height: auto; }
html.reduced [class*="uichemy-sol-"] .loc__sticky{ position: relative; height: auto; overflow: visible; }
html.reduced [class*="uichemy-sol-"] .loc__track{ flex-direction: column; width: auto; padding: 0; }
html.reduced [class*="uichemy-sol-"] .loc__panel{ height: 100vh; width: 100vw; overflow: hidden; }
html.reduced [class*="uichemy-sol-"] .loc-map__route{ clip-path: none; }
html.reduced [class*="uichemy-sol-"] .footer{ margin-top: 0; --tr: 120%; }
@media (prefers-reduced-motion: reduce){
[class*="uichemy-sol-"] *, [class*="uichemy-sol-"], [class*="uichemy-sol-"] *::before, [class*="uichemy-sol-"]::before, [class*="uichemy-sol-"] *::after, [class*="uichemy-sol-"]::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
/* the chrome wrapper is a hook for the scoped stylesheet, never a layout box */
[class*="uichemy-sol-"].uichemy-sol-chrome-0{display:contents}