.elementor-481 .elementor-element.elementor-element-5867a1c{--display:flex;}.elementor-481 .elementor-element.elementor-element-f65a378{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-b356141{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-3deb426{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-30412a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-011256e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-5a51da2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-1017ca4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a60d668 *//* =========================================================
   MOON LOOP STUDIO / WHAT WE DO 30
   WHITE / BLACK / GOLD / GRAY
========================================================= */

.mls-do30{
  --paper:#f6f5f1;
  --ink:#171716;
  --gold:#a67c37;
  --muted:#65645e;
  --line:#dcd9d1;

  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:var(--paper);
  color:var(--ink);

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    sans-serif;
  font-size:15px;
  line-height:1.9;
  text-align:left;
}

.mls-do30,
.mls-do30 *,
.mls-do30 *::before,
.mls-do30 *::after{
  box-sizing:border-box;
}

.mls-do30 h2,
.mls-do30 h3,
.mls-do30 h4,
.mls-do30 p,
.mls-do30 figure{
  margin:0;
}

.mls-do30 a{
  text-decoration:none;
  color:inherit;
}

.mls-do30 a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:5px;
}

.mls-do30__inner{
  width:min(1320px,calc(100% - clamp(40px,8vw,144px)));
  margin-inline:auto;
  padding:clamp(90px,10vw,150px) 0 0;
}

.mls-do30__kicker{
  color:var(--gold);
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.14em;
}

/* =========================================================
   INTRO
========================================================= */

.mls-do30__intro{
  padding-bottom:clamp(55px,7vw,95px);
}

.mls-do30__section-no{
  display:flex;
  align-items:center;
  gap:16px;
  color:var(--gold);
  font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:.15em;
}

.mls-do30__section-no i{
  width:48px;
  height:1px;
  background:var(--gold);
}

.mls-do30__intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:end;
  gap:clamp(30px,5vw,75px);
  margin-top:30px;
}

.mls-do30__intro h2{
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Noto Serif JP",
    serif;
  font-size:clamp(32px,3.7vw,51px);
  font-weight:500;
  line-height:1.55;
  letter-spacing:-.045em;
  color:var(--ink);
}

.mls-do30__intro h2 span{
  display:block;
}

.mls-do30__intro-grid>p{
  max-width:460px;
  padding-bottom:7px;
  color:var(--muted);
}

.mls-do30__line{
  display:block;
  width:80px;
  height:1px;
  margin-top:35px;
  background:var(--gold);
  transform-origin:left center;
}

/* =========================================================
   FEATURED WEB
========================================================= */

.mls-do30__web{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  min-height:610px;
  background:#111112;
  color:#f7f6f2;
}

.mls-do30__web-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(34px,4.5vw,64px);
}

.mls-do30__eyebrow{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  color:#c9ad72;
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.12em;
}

.mls-do30__eyebrow span:last-child{
  color:#777773;
}

.mls-do30__web h3{
  margin-top:clamp(40px,5vw,70px);
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(27px,2.65vw,38px);
  font-weight:500;
  line-height:1.65;
  letter-spacing:-.035em;
  color:#fff;
}

.mls-do30__web h3 span{
  display:block;
}

.mls-do30__web-copy>p{
  max-width:470px;
  margin-top:24px;
  color:#b9b8b2;
  font-size:14px;
  line-height:2.05;
}

.mls-do30__web-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:26px;
}

.mls-do30__web-tags span{
  border:1px solid #44443f;
  padding:7px 10px;
  color:#b3b1aa;
  font:700 10px/1.4 Arial,sans-serif;
  letter-spacing:.07em;
}

.mls-do30__gold-link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  align-self:flex-start;
  min-height:53px;
  margin-top:34px;
  padding:0 18px;
  background:#b99446;
  color:#101010!important;
  font-size:12px;
  font-weight:700;
  transition:background .3s,transform .3s;
}

.mls-do30__gold-link:hover{
  background:#dec993;
  transform:translateY(-3px);
}

.mls-do30__gold-link span:last-child{
  font-size:19px;
  font-weight:400;
}

.mls-do30__web-foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:45px;
  color:#62625f;
  font:700 9px/1.6 Arial,sans-serif;
  letter-spacing:.12em;
}

/* WEB VISUAL */

.mls-do30__web-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  overflow:hidden;
  padding:clamp(30px,4vw,58px);
  background:
    radial-gradient(circle at 68% 38%,#343331 0%,#232323 43%,#191919 100%);
}

.mls-do30__web-orbit{
  position:absolute;
  width:125%;
  aspect-ratio:1;
  left:15%;
  top:-38%;
  border:1px solid rgba(185,148,70,.18);
  border-radius:50%;
  pointer-events:none;
}

.mls-do30__web-orbit::after{
  content:"";
  position:absolute;
  inset:10%;
  border:1px solid rgba(185,148,70,.08);
  border-radius:50%;
}

.mls-do30__browser{
  position:relative;
  z-index:1;
  overflow:hidden;
  border:1px solid #50504e;
  background:#eae9e4;
  box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.mls-do30__browser-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:35px;
  padding:0 12px;
  background:#e5e4df;
  color:#77756e;
  font:400 9px/1 Arial,sans-serif;
}

.mls-do30__dots{
  display:flex;
  gap:5px;
}

.mls-do30__dots i{
  width:6px;
  height:6px;
  border:1px solid #aaa79e;
  border-radius:50%;
}

.mls-do30__browser-bar>span:nth-child(2){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mls-do30__browser-screen{
  aspect-ratio:4/3;
  background:#dddcd6;
}

.mls-do30__browser-screen img{
  object-position:top center;
}

.mls-do30__visual-bottom{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:19px;
  color:#8d8b84;
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.12em;
}

/* =========================================================
   IMAGE SHARED
========================================================= */

.mls-do30__image{
  position:relative;
  overflow:hidden;
  background:#d8d5cc;
}

.mls-do30__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.75,.2,1);
}

.mls-do30__image-fallback{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:24px;
  text-align:center;
  background:#d8d5cc;
  color:#44413a;
  font:400 24px/1.6 Georgia,serif;
  letter-spacing:.04em;
}

.mls-do30__image-fallback small{
  font-family:"Noto Sans JP",sans-serif;
  font-size:11px;
  letter-spacing:0;
}

.mls-do30__image.is-image-error img{
  display:none;
}

.mls-do30__image.is-image-error .mls-do30__image-fallback{
  display:flex;
}

/* =========================================================
   STORY & EXPERIENCE
========================================================= */

.mls-do30__stories{
  padding:clamp(100px,11vw,160px) 0;
}

.mls-do30__subhead{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
  align-items:end;
  gap:40px;
  margin-bottom:45px;
}

.mls-do30__subhead h3{
  margin-top:17px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(30px,3.2vw,44px);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-.035em;
}

.mls-do30__subhead>p{
  max-width:410px;
  color:var(--muted);
}

.mls-do30__story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,3.2vw,46px);
}

.mls-do30__story{
  min-width:0;
  border-top:1px solid var(--line);
  padding-top:18px;
}

.mls-do30__story-image{
  display:block;
  position:relative;
  overflow:hidden;
  background:#d8d5cc;
}

.mls-do30__story-image .mls-do30__image{
  aspect-ratio:16/10;
}

.mls-do30__story-image img{
  object-position:top center;
}

.mls-do30__story-image:hover img,
.mls-do30__story-image:focus-visible img{
  transform:scale(1.045);
}

.mls-do30__image-label{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 17px;
  background:rgba(15,15,15,.91);
  color:#d0c9ba;
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.1em;
}

.mls-do30__image-label span:last-child{
  color:#d4b875;
  font-size:17px;
  font-weight:400;
}

.mls-do30__story-body{
  padding:25px 0 0;
}

.mls-do30__story-meta{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  color:var(--gold);
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.1em;
}

.mls-do30__story-meta span:last-child{
  color:#99968e;
}

.mls-do30__story h4{
  margin-top:21px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(34px,3.5vw,48px);
  font-weight:500;
  line-height:1.4;
}

.mls-do30__story-catch{
  margin-top:14px!important;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(22px,2.1vw,29px);
  line-height:1.75;
}

.mls-do30__story-text{
  max-width:520px;
  margin-top:20px!important;
  color:var(--muted);
  font-size:14px;
  line-height:2;
}

.mls-do30__text-link{
  display:inline-flex;
  align-items:center;
  gap:30px;
  margin-top:25px;
  padding-bottom:8px;
  border-bottom:1px solid var(--gold);
  color:var(--ink)!important;
  font-size:12px;
  font-weight:700;
  transition:gap .3s,color .3s;
}

.mls-do30__text-link:hover{
  gap:38px;
  color:var(--gold)!important;
}

.mls-do30__text-link span{
  color:var(--gold);
  font-size:18px;
  font-weight:400;
}

/* =========================================================
   CREATIVE SERVICES
========================================================= */

.mls-do30__creative{
  padding:clamp(70px,8vw,110px) 0;
  border-top:1px solid var(--line);
}

.mls-do30__creative-head{
  max-width:700px;
}

.mls-do30__creative-head h3{
  margin-top:16px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(28px,3vw,42px);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-.035em;
}

.mls-do30__creative-head>p:last-child{
  max-width:570px;
  margin-top:15px;
  color:var(--muted);
}

.mls-do30__creative-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.6vw,36px);
  margin-top:45px;
}

.mls-do30__creative-item{
  min-width:0;
  border-top:1px solid var(--line);
  padding-top:16px;
}

.mls-do30__creative-photo{
  aspect-ratio:5/3;
}

.mls-do30__creative-item:hover img{
  transform:scale(1.045);
}

.mls-do30__creative-num{
  position:absolute;
  z-index:2;
  left:0;
  bottom:0;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  background:var(--paper);
  color:var(--gold);
  font:italic 17px/1 Georgia,serif;
}

.mls-do30__creative-body{
  padding-top:23px;
}

.mls-do30__creative h4{
  margin-top:13px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(21px,2vw,27px);
  font-weight:500;
  line-height:1.65;
  letter-spacing:-.025em;
}

.mls-do30__creative-body>p:not(.mls-do30__kicker){
  margin-top:14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.95;
}

.mls-do30__creative-body>a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:22px;
  padding-bottom:7px;
  border-bottom:1px solid var(--line);
  color:var(--ink)!important;
  font-size:12px;
  font-weight:700;
}

.mls-do30__creative-body>a:hover{
  border-color:var(--gold);
  color:var(--gold)!important;
}

.mls-do30__creative-body>a span{
  color:var(--gold);
  font-size:17px;
  font-weight:400;
}

.mls-do30__creative-note{
  margin-top:37px!important;
  color:#8b8880;
  font-size:12px;
  line-height:1.9;
}

/* =========================================================
   NEXT / JAPAN PR DESK
========================================================= */

.mls-do30__next{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  padding:clamp(42px,5vw,70px) 0;
  border-top:1px solid var(--line);
}

.mls-do30__next h3{
  margin-top:14px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(25px,2.7vw,36px);
  font-weight:500;
  line-height:1.65;
}

.mls-do30__next>a{
  display:inline-flex;
  align-items:center;
  gap:28px;
  flex-shrink:0;
  padding-bottom:9px;
  border-bottom:1px solid var(--gold);
  color:var(--ink)!important;
  font-size:12px;
  font-weight:700;
}

.mls-do30__next>a:hover{
  color:var(--gold)!important;
}

.mls-do30__next>a span{
  color:var(--gold);
  font-size:19px;
  font-weight:400;
}

/* =========================================================
   SCROLL REVEAL
   JavaScriptがない場合は最初から表示
========================================================= */

.mls-do30.is-enhanced [data-reveal]:not(.is-visible){
  opacity:0;
  transform:translateY(26px);
}

.mls-do30 [data-reveal]{
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.2,.75,.2,1);
}

.mls-do30.is-enhanced .mls-do30__line{
  transform:scaleX(0);
  transition:transform 1s .2s ease;
}

.mls-do30.is-enhanced .mls-do30__intro.is-visible .mls-do30__line{
  transform:scaleX(1);
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){
  .mls-do30__web{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }

  .mls-do30__web-copy{
    padding:35px;
  }

  .mls-do30__web h3{
    font-size:29px;
  }

  .mls-do30__web-visual{
    padding:30px;
  }
}

@media(max-width:900px){
  .mls-do30__intro-grid,
  .mls-do30__subhead{
    grid-template-columns:1fr;
    gap:22px;
  }

  .mls-do30__web{
    grid-template-columns:1fr;
    min-height:0;
  }

  .mls-do30__web-copy{
    padding:45px;
  }

  .mls-do30__web h3{
    margin-top:35px;
    font-size:34px;
  }

  .mls-do30__web-foot{
    padding-top:35px;
  }

  .mls-do30__web-visual{
    min-height:420px;
  }

  .mls-do30__creative-grid{
    grid-template-columns:1fr 1fr;
  }

  .mls-do30__creative-item:last-child{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    align-items:center;
    gap:28px;
  }

  .mls-do30__creative-item:last-child .mls-do30__creative-body{
    padding-top:0;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){
  .mls-do30{
    font-size:14px;
  }

  .mls-do30__inner{
    width:calc(100% - 40px);
    padding-top:80px;
  }

  .mls-do30__intro{
    padding-bottom:48px;
  }

  .mls-do30__section-no{
    font-size:10px;
    gap:12px;
  }

  .mls-do30__section-no i{
    width:30px;
  }

  .mls-do30__intro-grid{
    margin-top:24px;
  }

  .mls-do30__intro h2{
    font-size:clamp(29px,7.7vw,36px);
    line-height:1.55;
  }

  .mls-do30__intro-grid>p{
    font-size:14px;
  }

  .mls-do30__line{
    margin-top:26px;
  }

  .mls-do30__web-copy{
    padding:30px 24px 35px;
  }

  .mls-do30__eyebrow{
    font-size:9px;
  }

  .mls-do30__eyebrow span:last-child{
    display:none;
  }

  .mls-do30__web h3{
    margin-top:32px;
    font-size:clamp(26px,6.8vw,32px);
  }

  .mls-do30__web-copy>p{
    margin-top:19px;
    font-size:13px;
    line-height:1.95;
  }

  .mls-do30__web-tags{
    margin-top:20px;
  }

  .mls-do30__web-tags span{
    font-size:9px;
  }

  .mls-do30__gold-link{
    width:100%;
    margin-top:26px;
    font-size:11px;
  }

  .mls-do30__web-foot{
    font-size:8px;
    padding-top:30px;
  }

  .mls-do30__web-foot span:last-child{
    display:none;
  }

  .mls-do30__web-visual{
    min-height:0;
    padding:25px 18px 30px;
  }

  .mls-do30__browser-bar{
    height:30px;
    padding:0 9px;
    font-size:8px;
  }

  .mls-do30__visual-bottom{
    font-size:8px;
  }

  .mls-do30__stories{
    padding:85px 0;
  }

  .mls-do30__subhead{
    gap:18px;
    margin-bottom:35px;
  }

  .mls-do30__subhead h3{
    font-size:clamp(29px,7vw,36px);
  }

  .mls-do30__story-grid{
    grid-template-columns:1fr;
    gap:60px;
  }

  .mls-do30__story-image .mls-do30__image{
    aspect-ratio:5/4;
  }

  .mls-do30__story-body{
    padding-top:20px;
  }

  .mls-do30__story h4{
    font-size:39px;
  }

  .mls-do30__story-catch{
    font-size:25px;
  }

  .mls-do30__story-text{
    font-size:14px;
  }

  .mls-do30__creative{
    padding:65px 0;
  }

  .mls-do30__creative-head h3{
    font-size:clamp(27px,6.8vw,33px);
  }

  .mls-do30__creative-grid{
    grid-template-columns:1fr;
    gap:38px;
    margin-top:32px;
  }

  .mls-do30__creative-item:last-child{
    grid-column:auto;
    display:block;
  }

  .mls-do30__creative-item:last-child .mls-do30__creative-body{
    padding-top:23px;
  }

  .mls-do30__creative-photo{
    aspect-ratio:16/9;
  }

  .mls-do30__creative h4{
    font-size:25px;
  }

  .mls-do30__creative-note{
    font-size:11px;
    margin-top:30px!important;
  }

  .mls-do30__next{
    display:block;
    padding:45px 0 55px;
  }

  .mls-do30__next h3{
    font-size:29px;
  }

  .mls-do30__next>a{
    margin-top:24px;
    font-size:12px;
  }
}

@media(max-width:360px){
  .mls-do30__inner{
    width:calc(100% - 32px);
  }

  .mls-do30__intro h2{
    font-size:28px;
  }

  .mls-do30__web-copy{
    padding-inline:20px;
  }

  .mls-do30__web h3{
    font-size:25px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
  .mls-do30 *,
  .mls-do30 *::before,
  .mls-do30 *::after{
    animation:none!important;
    transition:none!important;
  }

  .mls-do30 [data-reveal]{
    opacity:1!important;
    transform:none!important;
  }

  .mls-do30__line{
    transform:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7cd892 *//* =========================================================
   MOON LOOP STUDIO / JAPAN PR DESK 31
   BLACK / GOLD / EDITORIAL
========================================================= */

.mls-pr31{
  --ink:#111515;
  --paper:#f5f3ee;
  --gold:#b99446;
  --gold-light:#dec993;
  --muted:#aaa9a4;

  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:#101313;
  color:var(--paper);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  font-size:14px;
  line-height:1.9;
}

.mls-pr31,
.mls-pr31 *,
.mls-pr31 *::before,
.mls-pr31 *::after{
  box-sizing:border-box;
}

.mls-pr31 h2,
.mls-pr31 h3,
.mls-pr31 p,
.mls-pr31 figure{
  margin:0;
}

.mls-pr31 a{
  color:inherit;
  text-decoration:none;
}

.mls-pr31 button{
  font:inherit;
}

.mls-pr31 button:focus-visible,
.mls-pr31 a:focus-visible{
  outline:2px solid var(--gold-light);
  outline-offset:4px;
}

.mls-pr31__inner{
  width:min(1320px,calc(100% - clamp(40px,8vw,144px)));
  margin:auto;
  padding:clamp(90px,10vw,145px) 0 0;
}

.mls-pr31__eyebrow{
  color:var(--gold-light);
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.16em;
}

/* =========================================================
   INTRO
========================================================= */

.mls-pr31__intro{
  padding-bottom:clamp(45px,6vw,80px);
}

.mls-pr31__index{
  display:flex;
  align-items:center;
  gap:15px;
  color:var(--gold-light);
  font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:.14em;
}

.mls-pr31__index i{
  width:45px;
  height:1px;
  background:var(--gold);
}

.mls-pr31__intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(35px,6vw,90px);
  align-items:end;
  margin-top:35px;
}

.mls-pr31__intro h2{
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(32px,3.6vw,52px);
  font-weight:500;
  line-height:1.55;
  letter-spacing:-.045em;
}

.mls-pr31__intro h2 span{
  display:block;
}

.mls-pr31__intro-copy>p:last-child{
  max-width:480px;
  margin-top:17px;
  color:#b7b7b1;
  line-height:2;
}

/* =========================================================
   MAP STAGE
========================================================= */

.mls-pr31__map-meta{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:0 0 14px;
  color:var(--gold-light);
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.13em;
}

.mls-pr31__map-meta span:last-child{
  color:#777a76;
}

.mls-pr31__stage{
  position:relative;
  width:100%;
  height:clamp(340px,39vw,535px);
  overflow:hidden;
  background:#182222;
}

/* WORLD MAP */

.mls-pr31__map-layer,
.mls-pr31__photo-layer{
  position:absolute;
  inset:0;
}

.mls-pr31__map-layer{
  z-index:2;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 55% 50%,#263534,#141c1d 70%,#0d1314);
  transition:opacity .7s ease,visibility .7s;
}

.mls-pr31__map-layer svg{
  display:block;
  width:100%;
  height:100%;
}

.mls-pr31__map-label{
  position:absolute;
  left:clamp(20px,4vw,55px);
  bottom:clamp(50px,6vw,75px);
  display:flex;
  flex-direction:column;
  gap:4px;
  pointer-events:none;
}

.mls-pr31__map-label-top{
  color:var(--gold-light);
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.17em;
}

.mls-pr31__map-label strong{
  font-family:Georgia,serif;
  font-size:clamp(42px,5vw,72px);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.035em;
}

.mls-pr31__map-label>span:last-child{
  color:#929f98;
  font:400 10px/1.5 Arial,sans-serif;
  letter-spacing:.1em;
}

.mls-pr31__map-corner{
  position:absolute;
  top:23px;
  right:25px;
  color:#858f87;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.14em;
}

/* PHOTO REVEAL */

.mls-pr31__photo-layer{
  z-index:1;
  visibility:hidden;
  opacity:0;
  transition:opacity .9s ease,visibility .9s;
}

.mls-pr31__photo-layer img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.07);
  transition:transform 1.5s cubic-bezier(.2,.75,.2,1);
}

.mls-pr31__photo-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.6),transparent 70%),
    linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);
}

.mls-pr31__photo-caption{
  position:absolute;
  left:clamp(25px,5vw,70px);
  bottom:clamp(55px,6vw,85px);
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mls-pr31__photo-caption>span:first-child{
  color:#e1c993;
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.16em;
}

.mls-pr31__photo-caption strong{
  max-width:760px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(37px,5.2vw,75px);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.045em;
}

.mls-pr31__photo-caption>span:last-child{
  color:#e5e2d9;
  font-size:13px;
}

/* FOCUSED STATE */

.mls-pr31__stage.is-focused .mls-pr31__map-layer{
  opacity:0;
  visibility:hidden;
}

.mls-pr31__stage.is-focused .mls-pr31__photo-layer{
  visibility:visible;
  opacity:1;
}

.mls-pr31__stage.is-focused .mls-pr31__photo-layer img{
  transform:scale(1);
}

/* STAGE FOOTER */

.mls-pr31__stage-bottom{
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:17px 25px;
  background:rgba(12,17,17,.92);
  color:#a9aaa2;
  font:700 9px/1.5 Arial,sans-serif;
  letter-spacing:.12em;
}

.mls-pr31__stage-bottom span:last-child{
  color:#717770;
}

/* MAP CONTROLS */

.mls-pr31__map-controls{
  display:flex;
  align-items:center;
  gap:25px;
  padding:20px 0;
  border-bottom:1px solid #393d39;
}

.mls-pr31__map-controls button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 0;
  border:0;
  border-bottom:1px solid transparent;
  background:none;
  color:#858982;
  font-size:12px;
  cursor:pointer;
  transition:color .25s,border-color .25s;
}

.mls-pr31__map-controls button>span:first-child{
  color:var(--gold);
  font:italic 13px/1 Georgia,serif;
}

.mls-pr31__map-controls button.is-active,
.mls-pr31__map-controls button:hover{
  color:#fff;
  border-color:var(--gold);
}

.mls-pr31__map-controls p{
  margin-left:auto;
  color:#777c75;
  font-size:10px;
}

/* =========================================================
   PROJECT
========================================================= */

.mls-pr31__project{
  padding:clamp(95px,11vw,155px) 0;
}

.mls-pr31__project-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid #40413c;
  color:var(--gold-light);
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.13em;
}

.mls-pr31__project-meta span:last-child{
  color:#747872;
}

.mls-pr31__project-grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(40px,6vw,90px);
  padding:clamp(40px,6vw,80px) 0;
}

.mls-pr31__project h3{
  margin-top:25px;
  font-family:Georgia,serif;
  font-size:clamp(46px,5.6vw,82px);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.055em;
}

.mls-pr31__project h3 span{
  display:block;
}

.mls-pr31__project h3 span:last-child{
  margin-top:8px;
  font-family:Arial,sans-serif;
  font-size:clamp(13px,1.25vw,18px);
  font-weight:700;
  line-height:1.5;
  letter-spacing:.18em;
  color:var(--gold-light);
}

.mls-pr31__project-copy{
  padding-top:15px;
}

.mls-pr31__project-lead{
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(25px,2.6vw,37px);
  line-height:1.7;
  letter-spacing:-.035em;
}

.mls-pr31__project-copy>p:not(.mls-pr31__project-lead){
  max-width:480px;
  margin-top:23px;
  color:#b5b5ae;
  line-height:2.05;
}

.mls-pr31__project-link{
  display:inline-flex;
  align-items:center;
  gap:30px;
  margin-top:30px;
  padding-bottom:9px;
  border-bottom:1px solid var(--gold);
  color:var(--gold-light)!important;
  font-size:12px;
  font-weight:700;
}

.mls-pr31__project-link:hover{
  color:#fff!important;
}

.mls-pr31__project-link span{
  font-size:19px;
  font-weight:400;
}

/* PHOTO GRID */

.mls-pr31__photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,3vw,42px);
}

.mls-pr31__photo-item{
  min-width:0;
}

.mls-pr31__photo-frame{
  overflow:hidden;
  aspect-ratio:4/3;
  background:#303735;
}

.mls-pr31__photo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s ease;
}

.mls-pr31__photo-item:hover img{
  transform:scale(1.045);
}

.mls-pr31__photo-item figcaption{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 15px;
  padding-top:18px;
}

.mls-pr31__photo-item figcaption>span:first-child{
  color:var(--gold-light);
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.13em;
}

.mls-pr31__photo-item figcaption strong{
  grid-column:1;
  font:400 clamp(24px,2.4vw,34px)/1.4 Georgia,serif;
}

.mls-pr31__photo-item figcaption>span:last-child{
  grid-column:1/-1;
  color:#9e9f98;
  font-size:12px;
}

.mls-pr31__credits{
  margin-top:30px!important;
  color:#777d76;
  font-size:10px;
  line-height:1.8;
}

.mls-pr31__credits span{
  display:block;
}

/* =========================================================
   CLOSING / BUSINESS CTA
========================================================= */

.mls-pr31__closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;
  padding:clamp(50px,6vw,85px) 0;
  border-top:1px solid #40413c;
}

.mls-pr31__closing h3{
  margin-top:20px;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(28px,3.1vw,44px);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-.04em;
}

.mls-pr31__closing h3 span{
  display:block;
}

.mls-pr31__closing-copy>p:last-child{
  max-width:610px;
  margin-top:22px;
  color:#aeb0a9;
  line-height:2;
}

.mls-pr31__closing-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-width:270px;
  min-height:65px;
  padding:0 22px;
  background:var(--gold);
  color:#111!important;
  font-size:12px;
  font-weight:700;
  transition:background .3s,transform .3s;
}

.mls-pr31__closing-link:hover{
  background:var(--gold-light);
  transform:translateY(-3px);
}

.mls-pr31__closing-link span:last-child{
  font-size:20px;
  font-weight:400;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){
  .mls-pr31__intro-grid,
  .mls-pr31__project-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .mls-pr31__project-grid{
    padding:50px 0;
  }

  .mls-pr31__closing{
    grid-template-columns:1fr;
  }

  .mls-pr31__closing-link{
    justify-self:start;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){
  .mls-pr31__inner{
    width:calc(100% - 40px);
    padding-top:80px;
  }

  .mls-pr31__intro{
    padding-bottom:45px;
  }

  .mls-pr31__index{
    font-size:10px;
  }

  .mls-pr31__intro-grid{
    margin-top:27px;
  }

  .mls-pr31__intro h2{
    font-size:clamp(29px,7.7vw,36px);
    line-height:1.55;
  }

  .mls-pr31__intro-copy>p:last-child{
    font-size:13px;
  }

  .mls-pr31__map-meta{
    font-size:8px;
  }

  .mls-pr31__stage{
    height:310px;
  }

  .mls-pr31__map-layer svg{
    width:145%;
    max-width:none;
    height:100%;
    margin-left:-22.5%;
  }

  .mls-pr31__map-label{
    left:22px;
    bottom:58px;
  }

  .mls-pr31__map-label strong{
    font-size:46px;
  }

  .mls-pr31__map-label-top,
  .mls-pr31__map-label>span:last-child{
    font-size:8px;
  }

  .mls-pr31__photo-caption{
    left:22px;
    right:22px;
    bottom:62px;
  }

  .mls-pr31__photo-caption strong{
    font-size:clamp(35px,9vw,47px);
  }

  .mls-pr31__photo-caption>span:last-child{
    font-size:11px;
  }

  .mls-pr31__stage-bottom{
    padding:15px 18px;
    font-size:8px;
  }

  .mls-pr31__stage-bottom span:last-child{
    display:none;
  }

  .mls-pr31__map-controls{
    flex-wrap:wrap;
    gap:5px 22px;
  }

  .mls-pr31__map-controls button{
    font-size:11px;
  }

  .mls-pr31__map-controls p{
    width:100%;
    margin:7px 0 0;
    font-size:10px;
  }

  .mls-pr31__project{
    padding:85px 0;
  }

  .mls-pr31__project-meta{
    font-size:9px;
  }

  .mls-pr31__project-meta span:last-child{
    display:none;
  }

  .mls-pr31__project-grid{
    padding:45px 0;
  }

  .mls-pr31__project h3{
    font-size:clamp(45px,13vw,65px);
  }

  .mls-pr31__project h3 span:last-child{
    font-size:12px;
  }

  .mls-pr31__project-lead{
    font-size:28px;
  }

  .mls-pr31__project-copy>p:not(.mls-pr31__project-lead){
    font-size:13px;
  }

  .mls-pr31__photo-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .mls-pr31__photo-frame{
    aspect-ratio:5/4;
  }

  .mls-pr31__photo-item figcaption strong{
    font-size:28px;
  }

  .mls-pr31__closing{
    padding:50px 0 65px;
    gap:27px;
  }

  .mls-pr31__closing h3{
    font-size:clamp(27px,7vw,34px);
  }

  .mls-pr31__closing-copy>p:last-child{
    font-size:13px;
  }

  .mls-pr31__closing-link{
    width:100%;
    min-width:0;
    min-height:59px;
    font-size:12px;
  }
}

@media(max-width:360px){
  .mls-pr31__inner{
    width:calc(100% - 32px);
  }

  .mls-pr31__intro h2{
    font-size:28px;
  }

  .mls-pr31__closing h3{
    font-size:26px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
  .mls-pr31 *,
  .mls-pr31 *::before,
  .mls-pr31 *::after{
    animation:none!important;
    transition:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da4596d *//* =========================================================
   MOON LOOP STUDIO / SELECTED WORK 32
   WHITE / BLACK / GOLD / GRAY
========================================================= */

.mls-work32{
  --paper:#f6f5f1;
  --ink:#191919;
  --gold:#a67c37;
  --muted:#696862;
  --line:#d9d6ce;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:var(--paper);
  color:var(--ink);
  font:14px/1.9 "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  text-align:left;
}

.mls-work32,
.mls-work32 *,
.mls-work32 *::before,
.mls-work32 *::after{
  box-sizing:border-box;
}

.mls-work32 h2,
.mls-work32 h3,
.mls-work32 p{
  margin:0;
}

.mls-work32 a{
  color:inherit;
  text-decoration:none;
}

.mls-work32 a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
}

.mls-work32__inner{
  width:min(1320px,calc(100% - clamp(40px,8vw,144px)));
  margin:auto;
  padding:clamp(85px,10vw,145px) 0 clamp(75px,9vw,120px);
}

/* INTRO */

.mls-work32__index{
  display:flex;
  align-items:center;
  gap:15px;
  color:var(--gold);
  font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:.14em;
}

.mls-work32__index i{
  width:45px;
  height:1px;
  background:var(--gold);
}

.mls-work32__head{
  padding-bottom:clamp(40px,6vw,75px);
}

.mls-work32__head-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.7fr);
  align-items:end;
  gap:clamp(30px,5vw,75px);
  margin-top:30px;
}

.mls-work32__head h2{
  font:500 clamp(32px,3.7vw,51px)/1.55
    "Yu Mincho","Hiragino Mincho ProN",serif;
  letter-spacing:-.045em;
}

.mls-work32__head-grid>p{
  max-width:430px;
  color:var(--muted);
}

.mls-work32__meta{
  color:var(--gold);
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.13em;
}

.mls-work32__link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding-bottom:8px;
  border-bottom:1px solid var(--gold);
  font-size:12px;
  font-weight:700;
  transition:color .25s,gap .25s;
}

.mls-work32__link:hover{
  color:var(--gold);
  gap:36px;
}

.mls-work32__link span{
  color:var(--gold);
  font:400 19px/1 Arial,sans-serif;
}

/* FEATURED */

.mls-work32__featured{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  background:#111112;
  color:#f7f6f1;
  min-height:550px;
}

.mls-work32__featured-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(34px,4vw,60px);
}

.mls-work32__featured h3{
  margin-top:38px;
  font:500 clamp(28px,2.7vw,38px)/1.5
    "Yu Mincho","Hiragino Mincho ProN",serif;
}

.mls-work32__catch{
  margin-top:18px!important;
  font:500 clamp(21px,2vw,27px)/1.7
    "Yu Mincho","Hiragino Mincho ProN",serif;
  color:#f2e1bc;
}

.mls-work32__featured .mls-work32__description{
  max-width:460px;
  margin-top:22px;
  color:#b9b8b2;
}

.mls-work32__featured .mls-work32__link{
  align-self:flex-start;
  margin-top:30px;
  color:#f7f6f1;
}

.mls-work32__folio{
  margin-top:auto;
  padding-top:35px;
  color:#77766f;
  font:700 9px/1.6 Arial,sans-serif;
  letter-spacing:.12em;
}

.mls-work32__visual{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(25px,3.5vw,50px);
  background:radial-gradient(circle at 70% 35%,#34332f,#1a1a1b 75%);
  overflow:hidden;
}

.mls-work32__visual::before{
  content:"";
  position:absolute;
  width:105%;
  aspect-ratio:1;
  left:25%;
  top:-40%;
  border:1px solid rgba(185,148,70,.15);
  border-radius:50%;
  pointer-events:none;
}

.mls-work32__browser{
  position:relative;
  z-index:1;
  border:1px solid #4a4a48;
  box-shadow:0 20px 55px rgba(0,0,0,.28);
  overflow:hidden;
  background:#e9e7e1;
}

.mls-work32__browser-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  height:34px;
  padding:0 12px;
  background:#e7e5df;
  color:#77756f;
  font:400 10px/1 Arial,sans-serif;
}

.mls-work32__dots{
  display:flex;
  gap:5px;
}

.mls-work32__dots i{
  width:6px;
  height:6px;
  border:1px solid #aaa79e;
  border-radius:50%;
}

.mls-work32__browser-bar>span:nth-child(2){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mls-work32__visual-caption{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:18px;
  color:#9c9a91;
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.1em;
}

/* SHARED IMAGE */

.mls-work32__screen{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#e2dfd7;
}

.mls-work32__screen img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transition:transform .65s cubic-bezier(.2,.75,.2,1);
}

.mls-work32__fallback{
  position:absolute;
  inset:0;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:25px;
  text-align:center;
  background:#e7e4dc;
  color:#48443a;
  font:400 clamp(23px,3vw,38px)/1.3 Georgia,serif;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}

.mls-work32__fallback span{
  font:400 12px/1.7 "Noto Sans JP",sans-serif;
  letter-spacing:0;
  color:#77736a;
}

.mls-work32__screen.is-image-error img{
  display:none;
}

.mls-work32__screen.is-image-error .mls-work32__fallback{
  display:flex;
}

.mls-work32__visual:hover img,
.mls-work32__project-visual:hover img{
  transform:scale(1.035);
}

/* TWO EDITORIAL WORKS */

.mls-work32__pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3.5vw,48px);
  margin-top:clamp(65px,8vw,110px);
}

.mls-work32__project{
  min-width:0;
  border-top:1px solid var(--line);
  padding-top:17px;
}

.mls-work32__project-visual{
  position:relative;
  display:block;
  overflow:hidden;
  background:#e3e0d9;
}

.mls-work32__image-arrow{
  position:absolute;
  right:0;
  bottom:0;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  background:var(--paper);
  color:var(--gold);
  font:400 22px/1 Arial,sans-serif;
  z-index:1;
}

.mls-work32__project-body{
  padding-top:25px;
}

.mls-work32__project h3,
.mls-work32__last h3{
  font:500 clamp(28px,2.65vw,38px)/1.5
    "Yu Mincho","Hiragino Mincho ProN",serif;
  letter-spacing:-.035em;
}

.mls-work32__project h3{
  margin-top:16px;
}

.mls-work32__project .mls-work32__description{
  max-width:540px;
  margin-top:15px;
}

.mls-work32__project .mls-work32__link{
  margin-top:22px;
}

/* FINAL HORIZONTAL WORK */

.mls-work32__last{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(30px,5vw,75px);
  align-items:center;
  margin-top:clamp(65px,8vw,110px);
  padding-top:24px;
  border-top:1px solid var(--line);
}

.mls-work32__last-image,
.mls-work32__last-copy{
  min-width:0;
}

.mls-work32__last h3{
  margin-top:18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(31px,3.3vw,47px);
  letter-spacing:-.055em;
}

.mls-work32__last .mls-work32__description{
  max-width:420px;
  margin-top:20px;
}

.mls-work32__last .mls-work32__link{
  margin-top:24px;
}

/* ALL PROJECTS */

.mls-work32__all{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-top:clamp(80px,10vw,135px);
  padding-top:35px;
  border-top:1px solid var(--line);
}

.mls-work32__all h3{
  margin-top:12px;
  font:500 clamp(25px,2.5vw,34px)/1.6
    "Yu Mincho","Hiragino Mincho ProN",serif;
}

.mls-work32__all p:last-child{
  margin-top:10px;
  color:var(--muted);
}

.mls-work32__all>a{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  flex-shrink:0;
  padding:16px 20px;
  background:var(--ink);
  color:#fff;
  font-size:12px;
  font-weight:700;
  transition:background .25s;
}

.mls-work32__all>a:hover{
  background:#493b23;
}

.mls-work32__all>a span{
  color:#d8bc81;
  font:400 20px/1 Arial,sans-serif;
}

/* REVEAL */

.mls-work32.is-enhanced [data-work-reveal]:not(.is-visible){
  opacity:0;
  transform:translateY(22px);
}

.mls-work32 [data-work-reveal]{
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.75,.2,1);
}

/* TABLET */

@media(max-width:1050px){
  .mls-work32__featured{
    grid-template-columns:1fr;
  }

  .mls-work32__featured-copy{
    padding:42px;
  }

  .mls-work32__featured h3{
    margin-top:22px;
  }

  .mls-work32__folio{
    padding-top:30px;
  }

  .mls-work32__visual{
    padding:35px;
  }

  .mls-work32__featured .mls-work32__description{
    max-width:650px;
  }
}

/* MOBILE */

@media(max-width:700px){
  .mls-work32__inner{
    width:calc(100% - 40px);
    padding:80px 0;
  }

  .mls-work32__head{
    padding-bottom:45px;
  }

  .mls-work32__head-grid{
    grid-template-columns:1fr;
    gap:20px;
    margin-top:24px;
  }

  .mls-work32__head h2{
    font-size:clamp(29px,7.7vw,36px);
  }

  .mls-work32__index{
    font-size:10px;
  }

  .mls-work32__featured-copy{
    padding:29px 23px 34px;
  }

  .mls-work32__featured h3{
    font-size:30px;
    margin-top:22px;
  }

  .mls-work32__catch{
    font-size:23px;
  }

  .mls-work32__featured .mls-work32__description{
    font-size:13px;
    margin-top:18px;
  }

  .mls-work32__visual{
    padding:23px 16px 28px;
  }

  .mls-work32__browser-bar{
    height:30px;
    font-size:8px;
  }

  .mls-work32__visual-caption{
    font-size:8px;
  }

  .mls-work32__pair{
    grid-template-columns:1fr;
    gap:55px;
    margin-top:75px;
  }

  .mls-work32__project h3{
    font-size:30px;
  }

  .mls-work32__description{
    font-size:13px;
  }

  .mls-work32__last{
    grid-template-columns:1fr;
    gap:25px;
    margin-top:75px;
  }

  .mls-work32__last h3{
    font-size:clamp(32px,9vw,42px);
  }

  .mls-work32__all{
    display:block;
    margin-top:80px;
  }

  .mls-work32__all>a{
    margin-top:26px;
    width:100%;
  }
}

@media(max-width:360px){
  .mls-work32__inner{
    width:calc(100% - 32px);
  }

  .mls-work32__head h2{
    font-size:28px;
  }

  .mls-work32__featured-copy{
    padding-inline:20px;
  }
}

/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){
  .mls-work32 [data-work-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .mls-work32 img{
    transition:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dd48a0 *//* =========================================================
   MOON LOOP STUDIO / CORPORATE CONTACT 33
   BLACK / WHITE / GOLD / GRAY
========================================================= */

.mls-contact33{
  --ink:#0d0d0e;
  --white:#f5f4f0;
  --gold:#b99446;
  --gold-light:#dec993;
  --muted:#a5a4a0;
  --line:#393938;
  --spot-x:50%;
  --spot-y:48%;

  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;

  background:
    radial-gradient(
      ellipse at 75% 40%,
      #242322 0%,
      #151515 44%,
      #0c0c0d 100%
    );

  color:var(--white);

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    sans-serif;

  font-size:14px;
  line-height:1.9;
  text-align:left;
}

.mls-contact33,
.mls-contact33 *,
.mls-contact33 *::before,
.mls-contact33 *::after{
  box-sizing:border-box;
}

.mls-contact33 h2,
.mls-contact33 p{
  margin:0;
}

.mls-contact33 a{
  color:inherit;
  text-decoration:none;
}

.mls-contact33 button{
  font:inherit;
}

.mls-contact33 a:focus-visible,
.mls-contact33 button:focus-visible{
  outline:2px solid var(--gold-light);
  outline-offset:5px;
}

/* =========================================================
   LAYOUT
========================================================= */

.mls-contact33__inner{
  width:min(1320px,calc(100% - clamp(40px,8vw,144px)));
  margin-inline:auto;
  padding:clamp(75px,9vw,125px) 0 28px;
}

.mls-contact33__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  padding-bottom:22px;
  border-bottom:1px solid var(--line);

  color:var(--gold-light);
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.15em;
}

.mls-contact33__meta span:last-child{
  color:#777773;
}

.mls-contact33__main{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;
  gap:clamp(45px,6vw,100px);
  padding:clamp(65px,8vw,110px) 0;
}

.mls-contact33__copy,
.mls-contact33__visual{
  min-width:0;
}

/* =========================================================
   COPY
========================================================= */

.mls-contact33__eyebrow{
  color:var(--gold-light);
  font:700 11px/1.6 Arial,sans-serif;
  letter-spacing:.16em;
}

.mls-contact33 h2{
  margin-top:27px;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Noto Serif JP",
    serif;

  font-size:clamp(38px,4.2vw,61px);
  font-weight:500;
  line-height:1.5;
  letter-spacing:-.045em;
  color:#fff;
}

.mls-contact33 h2 span{
  display:block;
}

.mls-contact33__lead{
  margin-top:37px!important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:clamp(21px,2vw,28px);
  line-height:1.8;
  letter-spacing:.01em;
  color:#e8e2d6;
}

.mls-contact33__body{
  max-width:530px;
  margin-top:21px!important;
  color:#b1b0aa;
  font-size:14px;
  line-height:2.05;
}

/* =========================================================
   PRIMARY ACTION
========================================================= */

.mls-contact33__actions{
  margin-top:37px;
}

.mls-contact33__primary{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;

  min-height:64px;
  padding:0 23px;

  background:var(--gold);
  color:#111!important;

  font-size:13px;
  font-weight:700;

  transition:
    background .3s ease,
    transform .3s ease;
}

.mls-contact33__primary::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;

  background:
    radial-gradient(
      circle at 85% 45%,
      rgba(255,255,255,.38),
      transparent 55%
    );

  opacity:0;
  transition:opacity .3s ease;
}

.mls-contact33__primary:hover{
  background:var(--gold-light);
  transform:translateY(-3px);
}

.mls-contact33__primary:hover::before,
.mls-contact33__primary:focus-visible::before{
  opacity:1;
}

.mls-contact33__arrow{
  font:400 22px/1 Arial,sans-serif;
}

.mls-contact33__actions>p{
  margin-top:17px;
  color:#777773;
  font-size:11px;
  line-height:1.8;
}

/* =========================================================
   IDEA CONNECTION / VISUAL
========================================================= */

.mls-contact33__visual{
  position:relative;

  background:
    radial-gradient(
      circle at var(--spot-x) var(--spot-y),
      rgba(185,148,70,.12),
      transparent 47%
    ),
    #151515;

  border:1px solid #333330;
  padding:clamp(22px,2.8vw,38px);

  transition:background .3s ease;
}

.mls-contact33__visual::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(185,148,70,.07);
  pointer-events:none;
}

.mls-contact33__visual-head{
  position:relative;
  z-index:1;

  display:flex;
  justify-content:space-between;
  gap:15px;

  color:var(--gold-light);
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.13em;
}

.mls-contact33__visual-head span:last-child{
  color:#777773;
}

/* =========================================================
   CONNECTION ART
========================================================= */

.mls-contact33__artwork{
  position:relative;
  width:100%;
  aspect-ratio:520/380;
  min-height:280px;
}

.mls-contact33__artwork svg{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.mls-contact33__path-base{
  fill:none;
  stroke:rgba(185,148,70,.15);
  stroke-width:1;
}

.mls-contact33__path{
  fill:none;
  stroke:var(--gold-light);
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-dasharray:var(--draw-length,1000);
  stroke-dashoffset:0;
}

/* Nodes */

.mls-contact33__node{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:95px;
  text-align:center;
}

.mls-contact33__node--one{
  left:14.42%;
  top:73.68%;
  transform:translate(-50%,-8px);
}

.mls-contact33__node--two{
  left:50%;
  top:30.53%;
  transform:translate(-50%,-8px);
}

.mls-contact33__node--three{
  left:86.54%;
  top:69.74%;
  transform:translate(-50%,-8px);
}

.mls-contact33__node-dot{
  display:block;
  width:15px;
  height:15px;
  margin-bottom:10px;

  border:3px solid var(--gold-light);
  border-radius:50%;
  background:#171717;

  box-shadow:0 0 0 6px rgba(185,148,70,.09);
}

.mls-contact33__node-num{
  color:var(--gold);
  font:italic 13px/1.4 Georgia,serif;
}

.mls-contact33__node strong{
  color:#e8e6df;
  font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:.12em;
}

.mls-contact33__node small{
  color:#8e8d87;
  font-size:10px;
  line-height:1.6;
  white-space:nowrap;
}

.mls-contact33__art-mark{
  position:absolute;
  left:76%;
  top:11%;
  color:var(--gold);
  opacity:.6;
  font-size:20px;
}

/* =========================================================
   VISUAL FOOT / REPLAY
========================================================= */

.mls-contact33__visual-foot{
  position:relative;
  z-index:1;

  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;

  padding-top:23px;
  border-top:1px solid #353532;
}

.mls-contact33__visual-foot p{
  color:#b9b6ae;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:16px;
  line-height:1.8;
}

.mls-contact33__visual-foot button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;

  padding:8px 0;
  border:0;
  background:none;

  color:#aaa79f;
  font-size:10px;
  cursor:pointer;

  transition:color .25s ease;
}

.mls-contact33__visual-foot button:hover{
  color:var(--gold-light);
}

.mls-contact33__visual-foot button>span:first-child{
  display:grid;
  place-items:center;

  width:30px;
  height:30px;
  border:1px solid #73603b;
  border-radius:50%;

  color:var(--gold-light);
  font-size:19px;
}

.mls-contact33__visual-foot button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* =========================================================
   BOTTOM / SECONDARY NAVIGATION
========================================================= */

.mls-contact33__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;

  padding-top:24px;
  border-top:1px solid var(--line);
}

.mls-contact33__bottom>span{
  color:#777773;
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.14em;
}

.mls-contact33__bottom nav{
  display:flex;
  flex-wrap:wrap;
  gap:20px 34px;
}

.mls-contact33__bottom nav a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#aaa9a3;
  font-size:11px;

  transition:color .25s ease;
}

.mls-contact33__bottom nav a:hover{
  color:var(--gold-light);
}

.mls-contact33__bottom nav a span{
  color:var(--gold);
  font-size:16px;
}

/* =========================================================
   SCROLL DRAW
   JavaScriptがない場合は線を表示
========================================================= */

.mls-contact33.is-enhanced .mls-contact33__path{
  stroke-dashoffset:var(--draw-length,1000);
  transition:stroke-dashoffset 1.9s cubic-bezier(.22,.65,.2,1);
}

.mls-contact33.is-enhanced.is-visible .mls-contact33__path{
  stroke-dashoffset:0;
}

.mls-contact33.is-enhanced .mls-contact33__node-dot{
  opacity:.25;
  scale:.65;
  transition:opacity .5s ease,scale .5s ease;
}

.mls-contact33.is-enhanced.is-visible .mls-contact33__node-dot{
  opacity:1;
  scale:1;
}

.mls-contact33.is-enhanced.is-visible .mls-contact33__node--one .mls-contact33__node-dot{
  transition-delay:.15s;
}

.mls-contact33.is-enhanced.is-visible .mls-contact33__node--two .mls-contact33__node-dot{
  transition-delay:.85s;
}

.mls-contact33.is-enhanced.is-visible .mls-contact33__node--three .mls-contact33__node-dot{
  transition-delay:1.65s;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){
  .mls-contact33__main{
    gap:35px;
  }

  .mls-contact33 h2{
    font-size:clamp(35px,4.1vw,44px);
  }

  .mls-contact33__visual{
    padding:24px;
  }

  .mls-contact33__visual-foot{
    display:block;
  }

  .mls-contact33__visual-foot button{
    margin-top:15px;
  }
}

@media(max-width:900px){
  .mls-contact33__main{
    grid-template-columns:1fr;
    gap:50px;
  }

  .mls-contact33__copy{
    max-width:720px;
  }

  .mls-contact33 h2{
    font-size:clamp(39px,6vw,55px);
  }

  .mls-contact33__visual{
    width:min(100%,650px);
    justify-self:center;
  }

  .mls-contact33__visual-foot{
    display:flex;
  }

  .mls-contact33__visual-foot button{
    margin-top:0;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){
  .mls-contact33__inner{
    width:calc(100% - 40px);
    padding:75px 0 25px;
  }

  .mls-contact33__meta{
    font-size:9px;
    padding-bottom:18px;
  }

  .mls-contact33__meta span:last-child{
    display:none;
  }

  .mls-contact33__main{
    padding:55px 0 60px;
    gap:40px;
  }

  .mls-contact33__eyebrow{
    font-size:10px;
  }

  .mls-contact33 h2{
    margin-top:20px;
    font-size:clamp(29px,8vw,39px);
    line-height:1.55;
    letter-spacing:-.05em;
  }

  .mls-contact33__lead{
    margin-top:28px!important;
    font-size:21px;
  }

  .mls-contact33__body{
    margin-top:17px!important;
    font-size:13px;
    line-height:1.95;
  }

  .mls-contact33__actions{
    margin-top:28px;
  }

  .mls-contact33__primary{
    width:100%;
    min-height:59px;
    padding:0 17px;
    gap:10px;
    font-size:12px;
  }

  .mls-contact33__actions>p{
    font-size:10px;
  }

  .mls-contact33__visual{
    padding:20px 17px;
  }

  .mls-contact33__visual-head{
    font-size:9px;
  }

  .mls-contact33__artwork{
    min-height:245px;
  }

  .mls-contact33__node{
    min-width:72px;
    gap:3px;
  }

  .mls-contact33__node-dot{
    width:12px;
    height:12px;
    border-width:2px;
    margin-bottom:7px;
  }

  .mls-contact33__node-num{
    font-size:12px;
  }

  .mls-contact33__node strong{
    font-size:9px;
    letter-spacing:.06em;
  }

  .mls-contact33__node small{
    font-size:8px;
  }

  .mls-contact33__visual-foot{
    display:block;
    padding-top:18px;
  }

  .mls-contact33__visual-foot p{
    font-size:15px;
  }

  .mls-contact33__visual-foot button{
    margin-top:15px;
    font-size:10px;
  }

  .mls-contact33__bottom{
    display:block;
  }

  .mls-contact33__bottom nav{
    margin-top:18px;
    gap:12px 24px;
  }
}

@media(max-width:360px){
  .mls-contact33__inner{
    width:calc(100% - 32px);
  }

  .mls-contact33 h2{
    font-size:28px;
  }

  .mls-contact33__visual{
    padding:17px 12px;
  }

  .mls-contact33__node{
    min-width:66px;
  }

  .mls-contact33__node small{
    font-size:7.5px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
  .mls-contact33 *,
  .mls-contact33 *::before,
  .mls-contact33 *::after{
    animation:none!important;
    transition:none!important;
  }

  .mls-contact33__path{
    stroke-dashoffset:0!important;
  }

  .mls-contact33__node-dot{
    opacity:1!important;
    scale:1!important;
  }

  .mls-contact33__primary:hover{
    transform:none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1017ca4 *//* =========================================================
   MOON LOOP STUDIO / SITE FOOTER 34
   BLACK / WHITE / GOLD / GRAY
========================================================= */

.mls-footer34{
  --bg:#0b0b0c;
  --white:#f4f3ef;
  --gold:#b99446;
  --gold-light:#dec993;
  --muted:#898984;
  --line:#333330;

  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:var(--bg);
  color:var(--white);

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    sans-serif;

  font-size:13px;
  line-height:1.8;
  text-align:left;
}

.mls-footer34,
.mls-footer34 *,
.mls-footer34 *::before,
.mls-footer34 *::after{
  box-sizing:border-box;
}

.mls-footer34 p{
  margin:0;
}

.mls-footer34 a{
  color:inherit;
  text-decoration:none;
}

.mls-footer34 a:focus-visible{
  outline:2px solid var(--gold-light);
  outline-offset:5px;
}

.mls-footer34__inner{
  width:min(1320px,calc(100% - clamp(40px,8vw,144px)));
  margin-inline:auto;
  padding:clamp(55px,7vw,95px) 0 25px;
}

/* =========================================================
   TOP / BRAND
========================================================= */

.mls-footer34__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  padding-bottom:clamp(45px,6vw,80px);
}

.mls-footer34__brand{
  min-width:0;
}

.mls-footer34__logo{
  display:block;
  width:min(320px,100%);
}

.mls-footer34__logo img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}

.mls-footer34__brand>p{
  margin-top:27px;
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-size:clamp(19px,2vw,26px);
  font-weight:500;
  line-height:1.75;
  letter-spacing:.02em;
  color:#e5e2d9;
}

/* =========================================================
   BACK TO TOP
========================================================= */

.mls-footer34__back{
  display:inline-flex;
  align-items:center;
  gap:20px;
  flex-shrink:0;
  padding-top:3px;
}

.mls-footer34__back-text{
  color:#a9a8a2;
  font:700 10px/1.5 Arial,sans-serif;
  letter-spacing:.14em;
  transition:color .25s;
}

.mls-footer34__back-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid #655333;
  border-radius:50%;
  color:var(--gold-light);
  font:400 24px/1 Arial,sans-serif;
  transition:
    background .3s,
    border-color .3s,
    color .3s,
    transform .3s;
}

.mls-footer34__back:hover .mls-footer34__back-text{
  color:var(--gold-light);
}

.mls-footer34__back:hover .mls-footer34__back-icon{
  background:var(--gold);
  border-color:var(--gold);
  color:#111;
  transform:translateY(-4px);
}

/* =========================================================
   COLUMNS
========================================================= */

.mls-footer34__columns{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1.2fr)
    minmax(0,1.1fr);
  gap:clamp(30px,5vw,80px);

  padding:clamp(30px,4vw,50px) 0 clamp(55px,7vw,90px);
  border-top:1px solid var(--line);
}

.mls-footer34__column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
  min-width:0;
}

.mls-footer34__heading{
  margin-bottom:12px!important;
  color:var(--gold-light);
  font:700 10px/1.6 Arial,sans-serif;
  letter-spacing:.15em;
}

.mls-footer34__column>a{
  display:inline-flex;
  align-items:baseline;
  gap:12px;
  max-width:100%;
  color:#b3b2ac;
  font-size:13px;
  line-height:1.7;
  transition:color .25s;
}

.mls-footer34__column>a:hover{
  color:#fff;
}

.mls-footer34__column>a span{
  color:var(--gold);
  font-size:14px;
  font-weight:400;
  transition:transform .25s;
}

.mls-footer34__column>a:hover span{
  transform:translate(2px,-2px);
}

/* COMPANY */

.mls-footer34__company-name{
  color:#f0eee7;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
}

.mls-footer34__company-detail{
  color:#999892;
  font-size:12px;
  line-height:2;
}

.mls-footer34__company .mls-footer34__company-link{
  font-size:12px;
  color:#b3b2ac;
}

.mls-footer34__company .mls-footer34__company-link:first-of-type{
  margin-top:5px;
}

/* =========================================================
   COPYRIGHT / BOTTOM
========================================================= */

.mls-footer34__bottom{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:20px 38px;

  padding-top:23px;
  border-top:1px solid var(--line);

  color:#777771;
  font:400 10px/1.7 Arial,sans-serif;
  letter-spacing:.025em;
}

.mls-footer34__motto{
  color:#92918b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  letter-spacing:.035em;
  white-space:nowrap;
}

.mls-footer34__motto span{
  color:var(--gold);
}

.mls-footer34__location{
  white-space:nowrap;
  font-size:9px;
  letter-spacing:.12em;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){
  .mls-footer34__columns{
    grid-template-columns:1fr 1fr;
    gap:45px 35px;
  }

  .mls-footer34__company{
    grid-column:1/-1;
    padding-top:25px;
    border-top:1px solid var(--line);
  }

  .mls-footer34__bottom{
    grid-template-columns:1fr auto;
  }

  .mls-footer34__motto{
    grid-column:1/-1;
    grid-row:2;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){
  .mls-footer34__inner{
    width:calc(100% - 40px);
    padding:55px 0 23px;
  }

  .mls-footer34__top{
    gap:20px;
    padding-bottom:45px;
  }

  .mls-footer34__logo{
    width:min(230px,100%);
  }

  .mls-footer34__brand>p{
    margin-top:21px;
    font-size:20px;
  }

  .mls-footer34__back{
    gap:0;
  }

  .mls-footer34__back-text{
    display:none;
  }

  .mls-footer34__back-icon{
    width:44px;
    height:44px;
    font-size:21px;
  }

  .mls-footer34__columns{
    grid-template-columns:1fr 1fr;
    gap:35px 22px;
    padding:35px 0 55px;
  }

  .mls-footer34__heading{
    font-size:9px;
    margin-bottom:8px!important;
    letter-spacing:.1em;
  }

  .mls-footer34__column{
    gap:14px;
  }

  .mls-footer34__column>a{
    font-size:12px;
    gap:7px;
  }

  .mls-footer34__column>a span{
    font-size:12px;
  }

  .mls-footer34__company{
    grid-column:1/-1;
    padding-top:30px;
  }

  .mls-footer34__company-name{
    font-size:13px;
  }

  .mls-footer34__bottom{
    grid-template-columns:1fr;
    gap:10px;
    font-size:9px;
  }

  .mls-footer34__motto{
    grid-column:auto;
    grid-row:auto;
    white-space:normal;
    font-size:10px;
  }

  .mls-footer34__location{
    font-size:8px;
  }
}

@media(max-width:360px){
  .mls-footer34__inner{
    width:calc(100% - 32px);
  }

  .mls-footer34__logo{
    width:min(200px,100%);
  }

  .mls-footer34__brand>p{
    font-size:18px;
  }

  .mls-footer34__columns{
    gap:30px 15px;
  }

  .mls-footer34__column>a{
    font-size:11px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
  .mls-footer34 *,
  .mls-footer34 *::before,
  .mls-footer34 *::after{
    animation:none!important;
    transition:none!important;
  }

  .mls-footer34__back:hover .mls-footer34__back-icon{
    transform:none;
  }
}/* End custom CSS */