@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Outfit:wght@300;400;500;600&display=swap');
/* Shloka atelier — milk, ivory, taupe, platinum and stone bronze. */
:root {
  --night:#3f4845;
  --cream:#faf9f5;
  --gold:#b59a77;
  --gold-deep:#80664a;
  --muted:#b5a99a;
  --serif:'Italiana',Georgia,serif;
  --sans:'Outfit',Arial,sans-serif;
  --line:#95877535;
  --milk:#faf9f5;
  --stone:#eceae4;
  --ink:#3f4845
}
body {
  background:var(--milk);
  color:var(--ink);
  font:400 15px/1.65 var(--sans)
}
h1,h2,h3 {
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.05
}
h1 em,h2 em,h3 em {
  font-style:normal;
  font-weight:400;
  color:#88705a
}
p {
  color:inherit
}
.eyebrow {
  font-family:var(--sans);
  font-size:9px;
  letter-spacing:.19em;
  font-weight:400;
  color:#766658
}
.pointer-halo {
  display:none
}
.scroll-progress {
  background:#a58b69
}
.filter-definitions {
  position:absolute;
  overflow:hidden;
  pointer-events:none
}
.header,.header.scrolled {
  background:#faf9f5f2;
  color:#3f4845;
  border-bottom:1px solid #94857425;
  backdrop-filter:blur(16px);
  height:100px
}
.header nav a,.header nav.open a {
  color:#62574c;
  font-size:11px
}
.header nav a:hover,.header nav a[aria-current] {
  color:#92734e
}
.header-connect {
  background:transparent;
  border:1px solid #ac9474;
  color:#3f4845;
  border-radius:0;
  font-size:10px
}
.header-connect:hover {
  background:#eceae4;
  color:#3f4845
}
.header .brand {
  width:185px;
  height:58px
}
.brand img {
  filter:none
}
.menu-toggle {
  color:#3f4845
}
.menu-toggle i,.menu-toggle i:after {
  border-color:#3f4845
}
.header nav.open {
  background:#faf9f5fa
}
.atelier-hero {
  padding:145px 6.8vw 75px;
  position:relative;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  min-height:850px;
  gap:2vw;
  overflow:hidden;
  background:radial-gradient(ellipse at 70% 40%,#e7decd70,transparent 55%),#faf9f5
}
.atelier-heading {
  position:relative;
  z-index:2;
  padding-top:60px
}
.atelier-heading .eyebrow {
  margin-bottom:38px
}
.atelier-heading h1 {
  font-size:clamp(65px,7.4vw,123px);
  line-height:.94;
  letter-spacing:-.052em;
  max-width:690px
}
.atelier-heading h1 em {
  display:block;
  margin:12px 0 0 3.8vw;
  color:#88705a
}
.atelier-intro {
  display:grid;
  grid-template-columns:35px 1fr;
  gap:25px;
  align-items:start;
  margin-top:38px;
  max-width:400px
}
.fine-rule {
  height:1px;
  background:#9d8b77;
  margin-top:13px
}
.atelier-intro p {
  font-size:13px;
  line-height:1.8;
  color:#746a60
}
.atelier-cta {
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:235px;
  font:400 12px var(--sans);
  border-bottom:1px solid #a9957e;
  padding:12px 0;
  color:#3f4845
}
.atelier-cta b {
  font-weight:300;
  font-size:26px;
  transition:transform .4s
}
.atelier-cta:hover b {
  transform:translate(5px,-5px)
}
.atelier-images {
  position:relative;
  min-width:0;
  padding:18px 12px 25px 30px
}
.hero-arch {
  height:620px;
  position:relative;
  margin:0 0 0 8%;
  border-radius:240px 240px 12px 12px;
  overflow:hidden;
  clip-path:none
}
.hero-arch img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:57%;
  filter:saturate(.48) sepia(.2);
  animation:atelier-pan 20s ease-in-out infinite alternate
}
.hero-arch:after {
  content:'';
  position:absolute;
  inset:55% 0 0;
  background:linear-gradient(transparent,#443b30c9);
  pointer-events:none
}
.hero-arch figcaption {
  position:absolute;
  bottom:35px;
  left:35px;
  right:35px;
  z-index:2;
  color:#faf9f5;
  font:9px var(--sans);
  letter-spacing:.15em
}
.hero-arch figcaption span {
  display:block;
  font-size:8px;
  margin-top:10px
}
.hero-medallion {
  position:absolute;
  left:-35px;
  bottom:55px;
  width:180px;
  height:180px;
  margin:0;
  border:9px solid #faf9f5;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 20px 45px #78664a15
}
.hero-medallion img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:sepia(.25) saturate(.45)
}
.hero-medallion span {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#faf9f5;
  font:90px var(--serif);
  background:#5c4c3d38
}
.arch-outline {
  position:absolute;
  inset:-5px -10px 20px 70px;
  border:1px solid #b39d7b65;
  border-radius:270px 270px 8px 8px;
  pointer-events:none
}
.hero-side-note {
  position:absolute;
  right:-22px;
  top:50%;
  writing-mode:vertical-rl;
  font:8px var(--sans);
  letter-spacing:.2em;
  color:#8c7860
}
.atelier-scroll {
  position:absolute;
  bottom:35px;
  left:6.8vw;
  font:8px var(--sans);
  letter-spacing:.15em;
  display:flex;
  align-items:center;
  gap:35px;
  color:#80664a
}
.atelier-scroll span {
  font-size:24px;
  animation:atelier-scroll 3s ease-in-out infinite
}
.profile-site .stats-bar {
  background:#efeee8;
  color:#655544;
  border:0;
  margin:0 6.8vw;
  padding:32px 0;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-radius:0
}
.profile-site .stats-bar strong {
  font:44px var(--serif)
}
.profile-site .stats-bar span {
  color:#796b5b;
  font:8px var(--sans);
  letter-spacing:.12em
}
.company-edit {
  background:#faf9f5;
  padding-top:110px;
  padding-bottom:95px
}
.company-edit h2 {
  font-size:clamp(45px,5.1vw,78px)
}
.company-edit-copy>p {
  font:400 16px/1.9 var(--sans);
  color:#7d6d5d;
  max-width:420px
}
.company-edit-copy .text-link {
  font:12px var(--sans);
  color:#80664a
}
.capability-grid {
  gap:30px
}
.capability-grid h3 {
  font:30px var(--serif);
  color:#3f4845
}
.capability-grid p {
  font:12px/1.7 var(--sans);
  color:#817262
}
.capability-grid>a {
  border-color:#b7a99450
}
.image-editorial {
  margin:0 6.8vw;
  background:#eceae4;
  grid-template-columns:1.15fr 1fr;
  overflow:visible
}
.image-editorial-visual {
  border-radius:180px 4px 4px 4px;
  overflow:hidden;
  height:450px
}
.image-editorial-copy {
  background:#eceae4;
  color:#3f4845;
  padding:60px
}
.image-editorial-copy h2 {
  font:clamp(44px,4.4vw,68px)/1.05 var(--serif)
}
.image-editorial-copy h2 em {
  color:#8c735b
}
.image-editorial-copy .eyebrow,.image-editorial-copy p,.image-editorial-copy .text-link {
  color:#656b65
}
.image-link-arrow {
  background:#faf9f5;
  color:#80664a
}
.image-editorial-visual img {
  filter:sepia(.2) saturate(.55)
}
/* The photographic category presentation and numbered selector are retained. */
.profile-site .home-portfolio {
  background:#faf9f5;
  color:#3f4845
}
.profile-site .portfolio-title h2 {
  font:clamp(44px,5.1vw,78px)/1.06 var(--serif)
}
.profile-site .carousel-title {
  font:clamp(43px,4.5vw,68px)/1.08 var(--serif)
}
.profile-site .carousel-description {
  color:#796958
}
.profile-site .category-photo {
  border-radius:4px 4px 120px 4px
}
.category-tabs button,.carousel-arrows button {
  color:#74604c;
  border-color:#b7a99465
}
.category-tabs button[aria-pressed=true] {
  background:#80664a;
  color:#faf9f5
}
.category-thumb h3 {
  font:400 14px var(--sans);
  color:#665544
}
.category-thumb-photo {
  border-radius:3px 3px 35px 3px
}
.category-thumb-caption>b {
  color:#80664a
}
.brand-conveyor {
  background:#eeede7;
  color:#665544;
  border:0;
  margin:0 6.8vw;
  padding:38px 0
}
.conveyor-window {
  background:transparent
}
.logo-mark {
  mix-blend-mode:normal
}
.logo-mark svg {
  filter:url(#logo-paper-remove)
}
.conveyor-heading a,.conveyor-heading p,.conveyor-heading button {
  color:#656b65
}
.brand-conveyor .source-note {
  color:#867664
}
.city-atlas {
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:30px 75px;
  background:#faf9f5;
  padding-top:120px;
  padding-bottom:100px;
  overflow:hidden;
  position:relative
}
.atlas-heading {
  padding-top:45px
}
.atlas-heading h2 {
  font:clamp(55px,5.7vw,88px)/1.02 var(--serif);
  margin:25px 0
}
.atlas-heading p:not(.eyebrow) {
  font:13px/1.7 var(--sans);
  color:#82715d
}
.atlas-heading .text-link {
  margin-top:35px;
  font:12px var(--sans);
  color:#80664a
}
.atlas-stage {
  position:relative;
  height:575px;
  padding:0 30px 0 0;
  grid-column:2;
  grid-row:1 / span 2
}
.city-slide {
  margin:0;
  height:100%;
  position:relative;
  border-radius:240px 240px 5px 5px;
  overflow:hidden;
  isolation:isolate
}
.city-slide[hidden] {
  display:none
}
.city-slide.active {
  animation:city-reveal .8s both
}
.city-slide img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.55) sepia(.17);
  transition:transform 1.5s
}
.city-slide:hover img {
  transform:scale(1.035)
}
.city-slide:after {
  content:'';
  position:absolute;
  inset:45% 0 0;
  background:linear-gradient(transparent,#3f4845e6);
  z-index:1
}
.city-slide figcaption {
  position:absolute;
  z-index:2;
  bottom:32px;
  left:35px;
  right:25px;
  color:#faf9f5
}
.city-slide figcaption>span {
  font:8px var(--sans);
  letter-spacing:.16em
}
.city-slide strong {
  display:block;
  font:48px/1.1 var(--serif);
  margin-top:14px
}
.city-slide figcaption p {
  font:11px var(--sans);
  margin-top:12px
}
.city-slide figcaption a {
  font:9px var(--sans);
  display:inline-block;
  margin-top:16px;
  border-bottom:1px solid #faf9f570
}
.atlas-ring {
  position:absolute;
  inset:15px 5px -20px 20px;
  border:1px solid #baa68980;
  border-radius:260px 260px 5px 5px;
  pointer-events:none
}
.atlas-choices {
  display:grid;
  grid-template-columns:1fr;
  align-self:start;
  max-width:350px
}
.city-choice {
  display:flex;
  align-items:center;
  gap:16px;
  text-align:left;
  border:0;
  border-top:1px solid #ab997d45;
  background:transparent;
  padding:12px 0;
  color:#8b7862;
  font:12px var(--sans);
  cursor:pointer;
  transition:padding .3s,color .3s
}
.city-choice span {
  font-size:8px;
  min-width:19px
}
.city-choice b {
  font-weight:400
}
.city-choice i {
  margin-left:auto;
  font-style:normal;
  font-size:20px;
  font-weight:300
}
.city-choice[aria-pressed=true] {
  color:#3f4845;
  padding-left:14px;
  background:#eee8de
}
.city-choice:hover {
  padding-left:14px;
  color:#3f4845
}
.atlas-note {
  grid-column:1 / -1;
  font:10px/1.8 var(--sans);
  color:#8b7a65;
  max-width:800px;
  margin-top:10px
}
.partnership-edit {
  background:#eceae4;
  color:#3f4845;
  margin:0 6.8vw 95px;
  padding:65px;
  gap:70px;
  grid-template-columns:.9fr 1.1fr
}
.partnership-photo {
  height:430px;
  border-radius:50% 50% 4px 4px
}
.partnership-copy h2 {
  font:clamp(45px,4.6vw,72px)/1.08 var(--serif)
}
.partnership-copy p {
  color:#7d6954
}
.partnership-links a {
  color:#80664a;
  border-color:#b8a990
}
.profile-footer {
  background:#ddd5c7;
  color:#655744;
  padding:35px 6.8vw 20px
}
.profile-footer-main {
  padding-bottom:20px;
  gap:45px
}
.profile-footer-main>div>p,.profile-footer p,.profile-footer .footer-office-group span {
  color:#796853
}
.profile-footer .brand {
  width:175px;
  height:52px
}
.profile-footer-nav,.profile-footer .footer-bottom {
  border-color:#9c886b35;
  color:#77644e
}
.profile-footer a:hover {
  color:#3f4845
}
.photo-credit-link {
  font:9px var(--sans);
  display:inline-block;
  margin:5px 0 15px;
  color:#80664a
}
.footer-bottom .motion-control {
  color:#77644e
}
/* Inner pages share the typography and stone palette, with softly framed images. */
.subhero {
  background:#eceae4;
  min-height:720px
}
.subhero-media {
  left:48%;
  top:140px;
  right:5vw;
  bottom:45px;
  border-radius:240px 240px 5px 5px;
  overflow:hidden
}
.subhero-media img {
  filter:saturate(.45) sepia(.22)
}
.subhero-shade {
  background:linear-gradient(90deg,#faf9f5 0%,#faf9f5 38%,#faf9f500 75%)
}
.subhero-content {
  position:relative;
  z-index:2;
  max-width:750px
}
.subhero h1 {
  font:clamp(58px,6.2vw,95px)/1.02 var(--serif);
  color:#3f4845;
  letter-spacing:-.045em
}
.subhero h1 em {
  color:#8c735b
}
.subhero p,.subhero .eyebrow,.subhero .scroll-cue {
  color:#80664a
}
.subhero .scroll-cue span {
  border-color:#ab9474
}
.manifest-section,.strength-section,.vision-scene,.network-details,.network-directory,.exhibition-section,.contact-intro,.contact-panel,.trade-journey,.capabilities-section,.section:not(.partnership-edit):not(.city-atlas):not(.company-edit):not(.home-portfolio) {
  color:#4b514d
}
.section h2 {
  font-family:var(--serif)
}
.section p,.disclosure>div {
  color:inherit
}
.manifest-lead,.manifest-bottom,.value-item h3 {
  font-family:var(--serif)
}
.manifest-bottom>p {
  color:#88745c
}
.values-section {
  background:#efeee8
}
.closing-cta {
  background:#eceae4;
  color:#3f4845
}
.closing-cta h2 em,.closing-cta p {
  color:#88745c
}
.closing-orbit {
  border-color:#ab957945
}
.text-link,.category-link {
  color:#80664a
}
.button {
  color:#80664a;
  border-color:#ab9474
}
.button:hover {
  background:#80664a;
  color:#faf9f5
}
.portfolio-explorer {
  background:#efeee8;
  color:#3f4845
}
.portfolio-tabs button {
  color:#79644e
}
.portfolio-tabs button[aria-pressed=true] {
  color:#3f4845;
  border-color:#a58b69
}
.disclosure summary {
  color:#3f4845;
  border-color:#ad987650
}
.contact-card,.enquiry-form {
  background:#eeede7;
  color:#3f4845
}
.enquiry-form input,.enquiry-form textarea,.enquiry-form select {
  color:#3f4845;
  border-color:#aa947850;
  background:#faf9f5
}
.form-note,.source-note {
  color:#89745d
}
.network-experience {
  display:block
}
.exhibition-card {
  background:#efeee8
}
.exhibition-card h3 {
  color:#3f4845
}
.photo-tile,.manifest-photo,.exhibition-card img {
  border-radius:130px 3px 3px 3px;
  filter:saturate(.55)
}
@keyframes atelier-pan {
  from {
    transform:scale(1.01)
  }
  to {
    transform:scale(1.07) translateX(-1%)
  }
}
@keyframes atelier-scroll {
  50% {
    transform:translateY(7px)
  }
}
@keyframes city-reveal {
  from {
    opacity:0;
    transform:translateY(12px);
    clip-path:inset(8% 0 0)
  }
  to {
    opacity:1;
    transform:translateY(0);
    clip-path:inset(0)
  }
}
@media(max-width:1000px) {
  .atelier-hero {
    min-height:760px;
    padding-top:125px;
    gap:0
  }
  .atelier-heading h1 {
    font-size:80px
  }
  .hero-arch {
    height:540px
  }
  .hero-medallion {
    width:140px;
    height:140px;
    left:-12px
  }
  .city-atlas {
    gap:30px
  }
  .atlas-stage {
    height:600px
  }
  .atlas-heading h2 {
    font-size:66px
  }
  .image-editorial-copy {
    padding:35px
  }
  .image-editorial-copy h2 {
    font-size:48px
  }
  .partnership-edit {
    padding:40px;
    gap:35px
  }
  .subhero h1 {
    font-size:67px
  }
}
@media(max-width:640px) {
  .header,.header.scrolled {
    height:80px
  }
  .header .brand {
    width:145px;
    height:45px
  }
  .header-connect {
    font-size:8px;
    padding:10px
  }
  .atelier-hero {
    padding:120px 6vw 55px;
    grid-template-columns:1fr;
    min-height:0
  }
  .atelier-heading {
    padding-top:12px
  }
  .atelier-heading .eyebrow {
    font-size:7px;
    margin-bottom:28px
  }
  .atelier-heading h1 {
    font-size:clamp(54px,15.6vw,75px);
    line-height:.98;
    letter-spacing:-.04em
  }
  .atelier-heading h1 em {
    margin-left:8vw
  }
  .atelier-intro {
    margin-top:25px;
    gap:15px;
    grid-template-columns:22px 1fr
  }
  .atelier-intro p {
    font-size:12px
  }
  .atelier-cta {
    width:210px;
    font-size:11px
  }
  .atelier-images {
    height:450px;
    margin-top:32px;
    padding:0 15px 35px 35px
  }
  .hero-arch {
    height:400px;
    margin-left:5%;
    border-radius:180px 180px 3px 3px
  }
  .hero-arch figcaption {
    left:25px;
    bottom:26px;
    font-size:7px
  }
  .hero-medallion {
    width:120px;
    height:120px;
    left:0;
    bottom:20px;
    border-width:6px
  }
  .hero-medallion span {
    font-size:60px
  }
  .arch-outline {
    inset:-12px 1px 25px 58px;
    border-radius:190px 190px 4px 4px
  }
  .hero-side-note {
    right:-2px;
    font-size:7px
  }
  .atelier-scroll {
    bottom:20px;
    font-size:7px
  }
  .profile-site .stats-bar {
    margin:0 6vw;
    padding:25px 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:25px 5px
  }
  .profile-site .stats-bar strong {
    font:35px var(--serif)
  }
  .profile-site .stats-bar span {
    font-size:7px
  }
  .company-edit {
    padding-top:70px;
    padding-bottom:60px
  }
  .company-edit h2,.profile-site .portfolio-title h2 {
    font-size:49px
  }
  .capability-grid {
    gap:25px
  }
  .capability-grid h3 {
    font:27px var(--serif)
  }
  .capability-grid p {
    font-size:11px
  }
  .image-editorial {
    margin:0 6vw;
    grid-template-columns:1fr
  }
  .image-editorial-visual {
    height:290px;
    border-radius:120px 3px 3px 3px
  }
  .image-editorial-copy {
    padding:35px 26px
  }
  .image-editorial-copy h2 {
    font-size:45px
  }
  .profile-site .carousel-title {
    font-size:42px
  }
  .brand-conveyor {
    margin:0 6vw;
    padding:28px 0
  }
  .city-atlas {
    grid-template-columns:1fr;
    padding-top:70px;
    padding-bottom:65px;
    gap:30px
  }
  .atlas-heading {
    padding-top:0
  }
  .atlas-heading h2 {
    font-size:58px;
    margin:20px 0
  }
  .atlas-heading .text-link {
    margin-top:20px
  }
  .atlas-stage {
    grid-column:1;
    grid-row:2;
    height:460px;
    padding-right:20px;
    margin-left:20px
  }
  .city-slide {
    border-radius:180px 180px 4px 4px
  }
  .atlas-ring {
    border-radius:190px 190px 4px 4px
  }
  .city-slide strong {
    font-size:43px
  }
  .city-slide figcaption {
    left:25px;
    bottom:25px
  }
  .atlas-choices {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
    max-width:none
  }
  .city-choice {
    font-size:10px;
    gap:9px;
    padding:13px 0;
    min-width:0
  }
  .city-choice b {
    line-height:1.35
  }
  .city-choice span {
    font-size:7px;
    min-width:14px
  }
  .city-choice i {
    font-size:16px
  }
  .city-choice[aria-pressed=true],.city-choice:hover {
    padding-left:5px
  }
  .atlas-note {
    grid-column:1;
    font-size:9px;
    margin-top:0
  }
  .partnership-edit {
    margin:0 6vw 55px;
    padding:28px;
    grid-template-columns:1fr;
    gap:35px
  }
  .partnership-photo {
    height:320px
  }
  .partnership-copy h2 {
    font-size:43px
  }
  .profile-footer {
    padding:30px 6vw 20px
  }
  .profile-footer-main {
    gap:20px
  }
  .profile-footer-nav {
    font-size:10px
  }
  .subhero {
    min-height:650px;
    padding-top:135px
  }
  .subhero-media {
    left:32%;
    right:0;
    top:125px;
    bottom:25px;
    border-radius:160px 0 0 3px;
    opacity:.45
  }
  .subhero-shade {
    background:linear-gradient(90deg,#faf9f5f5,#faf9f595),linear-gradient(0deg,#faf9f5,transparent)
  }
  .subhero h1 {
    font:clamp(40px,11.6vw,51px)/1.06 var(--serif);
    overflow-wrap:anywhere
  }
  .subhero-content {
    max-width:100%
  }
  .values-rail {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .value-item h3 {
    font-size:27px
  }
  .section h2 {
    overflow-wrap:anywhere
  }
  .closing-cta {
    overflow:hidden
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-arch img,.atelier-scroll span,.city-slide.active {
    animation:none
  }
  .city-slide img {
    transition:none
  }
}
.motion-paused .hero-arch img,.motion-paused .atelier-scroll span {
  animation-play-state:paused
}
.motion-paused .city-slide.active {
  animation:none
}
.logo-mark[aria-label="NYX Professional Makeup"] svg,.logo-mark[aria-label="SK-II"] svg {
  filter:url(#logo-panel-remove)
}
.logo-mark[aria-label="MAC"] svg {
  filter:url(#logo-panel-remove)
}
.subhero .title-enter {
  animation-duration:.65s;
  animation-delay:0s
}
.subhero h1,.subhero-content>p {
  opacity:1
}
.subhero-content {
  padding-top:20px
}
.logo-mark[aria-label="Campbell’s"] svg,.logo-mark[aria-label="Eight O’Clock Coffee"] svg,.logo-mark[aria-label="Eveready"] svg,.logo-mark[aria-label="Pactiv"] svg,.logo-mark[aria-label="Matrix"] svg,.logo-mark[aria-label="Redken"] svg {
  filter:url(#logo-panel-remove)
}
.subhero .title-enter {
  animation:atelier-type .75s both
}
.subhero-content>p:not(.eyebrow) {
  color:#656b65
}
.closing {
  background:#eceae4;
  color:#3f4845;
  overflow:hidden
}
.closing h2 {
  color:#3f4845
}
.closing h2 em,.closing p {
  color:#88745c
}
.vision-scene:after {
  background:linear-gradient(90deg,#faf9f5f5,#faf9f5d9 55%,#faf9f580)
}
.vision-scene .disclosure {
  background:#faf9f580
}
.operations-scene {
  background:#eceae4
}
.operations-photo {
  transform:rotate(-2deg);
  filter:sepia(.18) saturate(.55)
}
.contact-office-orbit span {
  background:#faf9f5;
  color:#80664a
}
#enquiry-form {
  color:#3f4845
}
#enquiry-form input,#enquiry-form select,#enquiry-form textarea {
  color:#3f4845;
  background:#faf9f5;
  border-color:#ae997b70
}
#enquiry-form label {
  color:#80664a
}
#enquiry-guidance {
  color:#80664a
}
.step-navigation button {
  color:#88745c
}
.step-navigation button[aria-selected=true] {
  color:#3f4845;
  border-color:#a58b69
}
.step-description,.step-panel p {
  color:#79664f
}
@keyframes atelier-type {
  from {
    transform:translateY(16px);
    clip-path:inset(0 0 100%)
  }
  to {
    transform:translateY(0);
    clip-path:inset(0)
  }
}
@media(prefers-reduced-motion:reduce) {
  .subhero .title-enter {
    animation:none
  }
}
/* Clip raster-sheet perimeter lines outside the reverse-panel lettering. */
.logo-mark[aria-label="NYX Professional Makeup"] svg,
.logo-mark[aria-label="SK-II"] svg,
.logo-mark[aria-label="MAC"] svg { clip-path: inset(4px 0); }