/* yurumii HOME — Figma source of truth
   PC: 2029:362 / SP: 2053:338
*/
:root{
  --y-green-gray:#9dbda6;
  --y-deep:#363640;
  --y-text:#363640;
  --y-text-2:#545f5a;
  --y-bg:#fcfcf7;
  --y-bg-soft:#f6f8f2;
  --y-line:#e4e7e2;
  --y-footer:#363640;
}
*{box-sizing:border-box}
body.home{margin:0;background:var(--y-bg);color:var(--y-text);font-family:"Zen Kaku Gothic New",sans-serif}
body.home a{color:inherit;text-decoration:none}
body.home img{max-width:100%;height:auto}
body.home .site-main{overflow:hidden}
body.home .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* header */
body.home .site-header{
  position:absolute;z-index:50;top:0;left:0;right:0;height:96px;background:transparent;
}
body.home .site-header__inner{
  width:1200px;height:96px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
}
body.home .site-header__brand{display:flex;align-items:center;gap:40px}
body.home .site-logo{display:block;width:134px;height:37px;flex:0 0 auto}
body.home .site-logo img{display:block;width:134px;height:37px;object-fit:contain}
body.home .site-header__descriptor{font-size:12px;font-weight:500;color:#454a49;white-space:nowrap}
body.home .site-nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500;color:var(--y-deep)}
body.home .site-nav>a:first-child{font-weight:700;color:#727279;text-decoration:underline;text-underline-offset:3px}
body.home .site-nav .favorite-nav{font-size:18px;line-height:1;color:#545f5a}
body.home .owner-nav{
  display:flex;align-items:center;justify-content:center;width:164px;height:48px;margin-left:4px;
  background:var(--y-green-gray);color:#fff!important;border-radius:8px;font-weight:700;
  box-shadow:0 3px 8px rgba(46,61,51,.16);
}
body.home .menu-toggle{display:none}

/* shared */
.home-figma{width:100%;background:var(--y-bg)}
.home-section-inner{width:1200px;margin:0 auto;position:relative}
.home-section-heading{
  height:46px;display:flex;align-items:center;justify-content:space-between;
}
.home-section-heading__copy{display:flex;align-items:center;gap:24px;min-width:0}
.home-section-heading h2{
  margin:0;font-size:32px;line-height:46px;font-weight:700;letter-spacing:.01em;color:#232b28;white-space:nowrap;
}
.home-section-heading p{
  margin:0;font-size:14px;line-height:26px;color:#545f5a;white-space:nowrap;
}
.home-section-heading>a{font-size:14px;line-height:26px;font-weight:700;color:#9dbda6}

/* hero */
.home-hero-v11{position:relative;height:1007px;background:var(--y-bg-soft);overflow:hidden}
.home-hero-v11__background{
  position:absolute;left:0;top:0;width:100%;height:684px;
  background:url("https://yurumii.com/wp-content/uploads/2026/10/3b048e4f-b85d-4a88-8214-2903a79610aa.png") center top/1440px 684px no-repeat;
}
.home-hero-v11__inner{
  position:absolute;z-index:2;left:50%;top:106px;transform:translateX(-50%);
  width:1200px;height:521px;
}
.home-hero-v11__copy{position:absolute;left:0;top:194.57px;width:552px}
.home-hero-v11__headline{margin:0 0 18px;width:397px;height:42px;line-height:0}
.home-hero-v11__headline img{display:block}
.home-hero-v11__headline-sp{display:none!important}
.home-hero-v11__copy p{
  margin:0;width:552px;font-size:18px;line-height:30px;font-weight:400;color:#545f5a;
}
.home-search-panel{
  position:absolute;z-index:4;left:50%;top:596px;margin-left:-600px;transform:none;
  width:1200px;height:363px;background:#fff;border-radius:16px;
  box-shadow:0 8px 24px rgba(117,138,67,.15);
}
.home-search-panel__head{
  position:absolute;left:49px;top:37px;width:1102px;height:35px;display:flex;align-items:center;justify-content:space-between;
}
.home-search-panel__title{display:flex;align-items:center;gap:14px}
.home-search-panel__title img{width:26px;height:26px;object-fit:contain}
.home-search-panel__title h2{margin:0;font-size:24px;line-height:35px;font-weight:700;color:#2d3238}
.home-search-panel__head>a{font-size:14px;line-height:20px;font-weight:700;color:var(--y-deep)}
.home-search-panel__entries{
  position:absolute;left:49px;top:90px;width:1102px;height:76px;display:grid;grid-template-columns:repeat(3,354px);gap:20px;
}
.home-search-panel__entries>a{
  height:76px;border:1px solid #dde4d2;background:#fff;display:flex;align-items:center;padding:0 26px;gap:18px;
}
.home-search-panel__entries>a>img{width:28px;max-height:29px;object-fit:contain;flex:0 0 28px}
.home-search-panel__entries>a:nth-child(2)>img{width:21px;flex-basis:21px;margin-left:3px;margin-right:4px}
.home-search-panel__entries strong{display:block;font-size:16px;line-height:23px;font-weight:700;color:#2d3238}
.home-search-panel__entries small{display:block;margin-top:3px;font-size:12px;line-height:17px;color:#6a716d}
.home-popular{position:absolute;left:49px;top:190px;width:1102px}
.home-popular h3{margin:0 0 8px;font-size:20px;line-height:29px;font-weight:700;color:var(--y-green-gray)}
.home-popular__tags{display:flex;flex-wrap:wrap;gap:12px}
.home-popular__tags a{
  height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(241,245,247,.5);border-radius:4px;font-size:16px;line-height:23px;font-weight:500;color:#363640;
}
.home-popular__tags a span{color:var(--y-green-gray)}
.home-mobile-search,.home-mobile-popular{display:none}

/* salon sections */
.home-salon-section{position:relative;background:var(--y-bg-soft)}
.home-salon-section--pickup{height:578px}
.home-salon-section--new{height:618px}
.home-salon-section .home-section-inner{height:100%;padding-top:40px}
.home-salon-section .home-section-heading{margin-bottom:40px}
.home-salon-row{
  display:grid;grid-template-columns:repeat(3,384px);gap:24px;width:1200px;height:412px;
}
.home-salon-row .salon-card{
  width:384px;height:412px;margin:0;background:#fff;border:0;border-radius:0;box-shadow:none;overflow:hidden;position:relative;
}
.home-salon-row .salon-card__link{display:block;height:100%}
.home-salon-row .salon-card__photo{width:384px;height:250px;aspect-ratio:auto;overflow:hidden;background:#f5f5f2}
.home-salon-row .salon-card__photo img{width:100%;height:100%;object-fit:cover;display:block}
.home-salon-row .salon-card__body{
  width:384px;height:162px;min-height:0;padding:16px;display:block;background:#fff;
}
.home-salon-row .salon-card__area{margin:0;height:19px;font-size:13px;line-height:19px;font-weight:500;color:var(--y-green-gray)}
.home-salon-row .salon-card__title{margin:10px 0 0;height:29px;font-size:18px;line-height:29px;font-weight:700;color:#2d3238}
.home-salon-row .salon-card__meta{margin:10px 0 0;height:19px;font-size:13px;line-height:19px;color:#5c625f}
.home-salon-row .salon-card__chips--home{display:flex;gap:10px;margin-top:10px}
.home-salon-row .salon-card__chips--home span{
  height:23px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid #9a9a9f;font-size:11px;line-height:17px;color:#5c625f;background:#fff;
}
.home-salon-row .favorite-button{display:none}
.home-mobile-more{display:none}

/* treatment */
.home-search-section{position:relative;background:#fff}
.home-search-section--treatment{height:476px}
.home-search-section--area{height:385px}
.home-search-section--feature{height:385px}
.home-search-section .home-section-inner{height:100%;padding-top:64px}
.home-search-section__heading{height:43px;display:flex;align-items:center;gap:24px}
.home-search-section__title{display:flex;align-items:center;gap:16px}
.home-search-section__title img{width:28px;height:29px;object-fit:contain}
.home-search-section__title h2{margin:0;font-size:30px;line-height:43px;font-weight:700;color:#232b28;white-space:nowrap}
.home-search-section__heading p{margin:0;font-size:14px;line-height:25px;color:#545f5a;white-space:nowrap}
.home-treatment-grid{
  margin-top:40px;display:grid;grid-template-columns:repeat(4,282px);grid-auto-rows:76px;gap:16px 24px;
}
.home-treatment-grid a{
  height:76px;display:flex;align-items:center;gap:18px;padding:0 16px;background:#fff;
  border:1px solid #edf0ec;box-shadow:0 2px 8px rgba(46,61,51,.08);border-radius:6px;
}
.home-treatment-grid img{width:40px;height:40px;object-fit:contain}
.home-treatment-grid span{font-size:16px;line-height:23px;font-weight:500;color:#232b28}

/* area + preference */
.home-link-grid{margin-top:40px;display:grid}
.home-link-grid--area{grid-template-columns:repeat(5,232px);grid-auto-rows:50px;gap:12px 8px}
.home-link-grid--feature{grid-template-columns:repeat(4,282px);grid-auto-rows:50px;gap:16px 24px}
.home-link-grid a{
  height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;
  border-bottom:1px solid #e3e7e3;font-size:16px;line-height:26px;font-weight:500;color:#232b28;
}
.home-link-grid b{font-size:14px;font-weight:400;color:var(--y-green-gray)}

/* magazine */
.home-magazine-section{height:578px;background:var(--y-bg-soft);position:relative}
.home-magazine-section .home-section-inner{height:100%;padding-top:64px}
.home-magazine-section .home-section-heading{margin-bottom:43px}
.home-magazine-row{display:grid;grid-template-columns:repeat(3,384px);gap:24px;width:1200px;height:364px}
.home-magazine-row .article-card{
  width:384px;height:364px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;
}
.home-magazine-row .article-card>a{display:block;height:100%}
.home-magazine-row .article-card__photo{width:384px;height:216px;aspect-ratio:auto;overflow:hidden;background:#eee}
.home-magazine-row .article-card__photo img{width:100%;height:100%;object-fit:cover}
.home-magazine-row .article-card__body{height:148px;min-height:0;padding:18px 2px 0;background:transparent}
.home-magazine-row .article-card__category{margin:0;font-size:12px;line-height:19px;color:#ec6b61}
.home-magazine-row .article-card h3{margin:8px 0 0;width:302px;font-size:18px;line-height:29px;font-weight:700;color:#232b28}
.home-magazine-row .article-card time{display:block;margin-top:6px;font-size:12px;line-height:19px;color:#777}

/* about */
.home-about-section{height:520px;background:#fff}
.home-about-section__inner{height:520px;display:grid;grid-template-columns:608px 520px;gap:72px;align-items:center}
.home-about-section__copy{width:608px}
.home-about-section__copy>span{display:block;font-size:10px;line-height:18px;font-weight:500;color:var(--y-green-gray);letter-spacing:.04em}
.home-about-section__copy h2{margin:18px 0 18px;font-size:30px;line-height:43px;font-weight:700;color:#232b28}
.home-about-section__copy p{margin:0 0 8px;font-size:14px;line-height:30px;color:#232b28}
.home-about-section__copy>a{
  margin-top:16px;width:200px;height:50px;display:flex;align-items:center;justify-content:center;
  background:var(--y-green-gray);color:#fff;border-radius:8px;box-shadow:0 3px 8px rgba(46,61,51,.16);
  font-size:14px;font-weight:700;
}
.home-about-section__visual{width:520px;height:410px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-about-section__visual img{width:520px;height:410px;object-fit:contain}

/* owner CTA */
.home-owner-cta{height:238px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.home-owner-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-owner-cta__shade{position:absolute;inset:0;background:rgba(0,0,0,.52)}
.home-owner-cta__content{position:relative;z-index:2}
.home-owner-cta__content h2{margin:0 0 8px;font-size:24px;line-height:35px;color:#fff}
.home-owner-cta__content p{margin:0 0 18px;font-size:13px;line-height:20px;color:#fff}
.home-owner-cta__content a{
  width:272px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:#fff;color:#232b28;font-size:14px;font-weight:700;
}

/* footer desktop */
body.home .site-footer{height:298px;padding:0;background:var(--y-footer);color:#fff}
body.home .site-footer__desktop{width:1200px;height:298px;margin:0 auto;padding-top:64px}
body.home .site-footer__top{height:118px;min-height:0;display:flex;justify-content:space-between}
body.home .site-footer__brand{width:430px}
body.home .site-logo--footer{filter:none;opacity:1}
body.home .site-footer__tagline{margin:13px 0 0;font-size:13px;line-height:22px;font-weight:700;color:#fff}
body.home .site-footer__desc{margin:6px 0 0;font-size:11px;line-height:19px;color:#c5c6cb}
body.home .site-footer__links{width:600px;display:grid;grid-template-columns:repeat(3,156px);gap:64px}
body.home .site-footer__links>div{display:flex;flex-direction:column;gap:14px}
body.home .site-footer__links strong{font-size:12px;line-height:19px;color:#fff}
body.home .site-footer__links a{font-size:11px;line-height:19px;color:#e5e5e8}
body.home .site-footer__bottom{height:32px;margin-top:52px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a9abb0}
body.home .site-footer__mobile{display:none}

/* mobile modal */
.home-search-modal{display:none}

/* SP */
@media (max-width:900px){
  body.home .site-header{height:76px}
  body.home .site-header__inner{width:100%;height:76px;padding:0 20px}
  body.home .site-logo{width:110px;height:30px}
  body.home .site-logo img{width:110px;height:30px}
  body.home .site-header__descriptor{display:none}
  body.home .menu-toggle{
    display:flex;position:relative;z-index:90;width:44px;height:44px;padding:0;border:0;background:transparent;align-items:center;justify-content:center;
  }
  body.home .menu-toggle span:not(.screen-reader-text){
    position:absolute;left:10px;width:24px;height:2px;background:var(--y-green-gray);border-radius:2px;
    transform-origin:center;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s ease;
  }
  body.home .menu-toggle span:nth-child(1){transform:translateY(-5px)}
  body.home .menu-toggle span:nth-child(2){transform:translateY(0)}
  body.home .menu-toggle span:nth-child(3){transform:translateY(5px)}
  body.home .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  body.home .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.35)}
  body.home .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
  body.home .site-nav{
    position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;background:#fff;padding:96px 28px 40px;flex-direction:column;align-items:stretch;gap:0;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
    transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s;
  }
  body.home .site-nav.is-open{
    opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s
  }
  body.home .site-nav a{padding:14px 0;border-bottom:1px solid #edf0ec}
  body.home .site-nav .owner-nav{width:100%;margin-top:20px;border:0}

  .home-section-inner{width:100%;margin:0}
  .home-hero-v11{height:650px;background:#fff}
  .home-hero-v11__background{
    width:375px;height:650px;left:50%;transform:translateX(-50%);
    background-image:url("https://yurumii.com/wp-content/uploads/2026/10/0857a126-5730-441d-a8dc-f0e3c79cd71b.png");
    background-size:375px 731px;background-position:center top;
  }
  .home-hero-v11__inner{left:0;top:0;transform:none;width:100%;height:650px}
  .home-hero-v11__copy{left:50%;top:108px;transform:translateX(-50%);width:276px;text-align:center}
  .home-hero-v11__headline{width:267px;height:28px;margin:0 auto 15px}
  .home-hero-v11__headline-pc{display:none!important}
  .home-hero-v11__headline-sp{display:block!important;width:267px;height:28px}
  .home-hero-v11__copy p{width:276px;font-size:12px;line-height:21px;color:#545f5a}
  .home-search-panel{display:none}
  .home-mobile-search{
    display:flex;position:absolute;z-index:5;left:20px;bottom:20px;width:335px;height:56px;border:0;border-radius:8px;
    background:var(--y-green-gray);color:#fff;box-shadow:0 3px 8px rgba(46,61,51,.16);
    align-items:center;justify-content:center;gap:8px;font:700 16px/23px "Zen Kaku Gothic New",sans-serif;
  }
  .home-mobile-search img{display:none}
  .home-mobile-search::before{
    content:"";
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:block;
    background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M16.2 16.2 21 21' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath d='M16.2 16.2 21 21' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .home-mobile-search::after{content:none!important;display:none!important;}

  .home-mobile-popular{display:block;position:relative;height:271px;background:#fff;padding:28px 20px}
  .home-mobile-popular .home-popular{position:static;width:335px}
  .home-mobile-popular .home-popular h3{margin:0 0 8px;font-size:14px;line-height:23px}
  .home-mobile-popular .home-popular__tags{gap:8px}
  .home-mobile-popular .home-popular__tags a{height:40px;padding:0 14px;border-radius:4px;font-size:14px;line-height:20px}

  .home-salon-section--pickup{height:535px}
  .home-salon-section--new{height:503px}
  .home-salon-section .home-section-inner{height:100%;padding:32px 0 0 20px}
  .home-salon-section .home-section-heading{width:335px;height:auto;margin:0 0 20px;display:block}
  .home-salon-section .home-section-heading__copy{display:block}
  .home-salon-section .home-section-heading h2{font-size:22px;line-height:32px;white-space:normal}
  .home-salon-section .home-section-heading p{margin-top:6px;font-size:14px;line-height:24px;white-space:normal}
  .home-salon-section .home-section-heading>a{display:none}
  .home-salon-row{
    display:flex;width:auto;height:329px;gap:16px;overflow-x:auto;padding-right:36px;scroll-padding-left:20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;
  }
  .home-salon-row::-webkit-scrollbar{display:none}
  .home-salon-row .salon-card{
    flex:0 0 268px;width:268px;height:329px;scroll-snap-align:start;scroll-snap-stop:always;
  }
  .home-salon-row .salon-card__photo{width:268px;height:174px}
  .home-salon-row .salon-card__body{width:268px;height:155px;padding:16px}
  .home-salon-row .salon-card__area{height:20px;font-size:13px;line-height:20px}
  .home-salon-row .salon-card__title{height:27px;margin-top:10px;font-size:18px;line-height:27px}
  .home-salon-row .salon-card__meta{height:20px;margin-top:10px;font-size:13px;line-height:20px}
  .home-salon-row .salon-card__chips--home{margin-top:10px;gap:7px}
  .home-salon-row .salon-card__chips--home span{height:26px;padding:0 7px;font-size:12px;line-height:20px}
  .home-mobile-more{
    display:block;position:absolute;left:20px;bottom:24px;font-size:13px;line-height:20px;font-weight:700;color:#54735d;
  }
  .home-search-section{display:none}

  .home-magazine-section{height:498px;padding:0;background:var(--y-bg-soft)}
  .home-magazine-section .home-section-inner{height:100%;padding:32px 0 0 20px}
  .home-magazine-section .home-section-heading{width:335px;height:auto;margin:0 0 20px;display:block}
  .home-magazine-section .home-section-heading__copy{display:block}
  .home-magazine-section .home-section-heading h2{font-size:20px;line-height:29px}
  .home-magazine-section .home-section-heading p{margin-top:6px;font-size:14px;line-height:24px;white-space:normal}
  .home-magazine-section .home-section-heading>a{display:none}
  .home-magazine-row{
    display:flex;width:auto;height:297px;gap:16px;overflow-x:auto;padding-right:36px;scroll-padding-left:20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;
  }
  .home-magazine-row::-webkit-scrollbar{display:none}
  .home-magazine-row .article-card{flex:0 0 268px;width:268px;height:297px;scroll-snap-align:start;scroll-snap-stop:always}
  .home-magazine-row .article-card__photo{width:268px;height:151px}
  .home-magazine-row .article-card__body{height:146px;padding:16px}
  .home-magazine-row .article-card__category{font-size:12px;line-height:20px}
  .home-magazine-row .article-card h3{width:236px;margin-top:10px;font-size:18px;line-height:27px}
  .home-magazine-row .article-card time{margin-top:6px;font-size:12px;line-height:20px}
  .home-magazine-section .home-mobile-more{bottom:24px}

  .home-about-section{height:607px;background:#fff}
  .home-about-section__inner{
    height:607px;padding:40px 20px;display:flex;flex-direction:column;gap:20px;
  }
  .home-about-section__visual{order:1;width:335px;height:242px}
  .home-about-section__visual img{width:335px;height:242px;object-fit:contain}
  .home-about-section__copy{order:2;width:335px}
  .home-about-section__copy>span{font-size:12px;line-height:18px;font-weight:700}
  .home-about-section__copy h2{margin:12px 0 12px;font-size:20px;line-height:29px}
  .home-about-section__copy p{margin:0;font-size:13px;line-height:27px}
  .home-about-section__copy p+p{margin-top:0}
  .home-about-section__copy>a{
    width:195px;height:48px;margin:12px auto 0;border-radius:8px;font-size:14px;
  }

  .home-owner-cta{height:240px}
  .home-owner-cta__content h2{font-size:18px;line-height:29px;margin-bottom:6px}
  .home-owner-cta__content p{font-size:12px;line-height:20px;margin-bottom:16px}
  .home-owner-cta__content a{width:335px;height:48px;font-size:14px}

  body.home .site-footer{height:134px;padding:0;background:var(--y-footer)}
  body.home .site-footer__desktop{display:none}
  body.home .site-footer__mobile{display:block;height:134px;padding:28px 20px 0}
  body.home .site-footer__mobile-links{width:335px;height:48px;display:flex;flex-wrap:wrap;gap:8px 24px;align-content:flex-start}
  body.home .site-footer__mobile-links a{font-size:12px;line-height:20px;color:#e5e5e8;white-space:nowrap}
  body.home .site-footer__mobile-links .site-footer__listing{width:195px}
  body.home .site-footer__mobile-copy{margin-top:16px;width:335px;height:18px;font-size:10px;line-height:18px;color:#a9abb0}

  .home-search-modal{
    position:fixed;z-index:200;inset:0;display:none;
  }
  .home-search-modal.is-open{display:block}
  .home-search-modal__backdrop{position:absolute;inset:0;background:rgba(35,43,40,.45)}
  .home-search-modal__panel{
    position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;padding:22px 20px 28px;
  }
  .home-search-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
  .home-search-modal__head strong{font-size:18px}
  .home-search-modal__head button{width:40px;height:40px;border:0;background:#f4f6f4;border-radius:50%;font-size:24px}
  .home-search-modal details{border-top:1px solid #e8ebe8}
  .home-search-modal details:last-of-type{border-bottom:1px solid #e8ebe8}
  .home-search-modal summary{list-style:none;padding:16px 0;font-size:16px;font-weight:700;cursor:pointer}
  .home-search-modal summary::-webkit-details-marker{display:none}
  .home-search-modal__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 16px}
  .home-search-modal__choices label{position:relative}
  .home-search-modal__choices input{position:absolute;opacity:0;pointer-events:none}
  .home-search-modal__choices span{
    min-height:42px;padding:9px 10px;display:flex;align-items:center;border:1px solid #dfe5df;border-radius:6px;font-size:13px;line-height:20px;
  }
  .home-search-modal__choices input:checked+span{border-color:var(--y-green-gray);background:#f1f6f2;color:var(--y-deep);font-weight:700}
  .home-search-modal__submit{
    width:100%;height:52px;margin-top:20px;border:0;border-radius:8px;background:var(--y-green-gray);color:#fff;font:700 16px/23px "Zen Kaku Gothic New",sans-serif;
    box-shadow:0 3px 8px rgba(46,61,51,.16)
  }
}


/* fidelity corrections from visual comparison */
body.home .site-logo picture,
body.home .site-logo picture img{display:block;width:100%;height:100%}
.home-about-section__visual picture{display:block;width:520px;height:410px}
.home-about-section__visual picture img{display:block;width:100%;height:100%;object-fit:contain}
.home-owner-cta{border-radius:0!important}
.home-owner-cta>picture{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0!important;overflow:hidden}
.home-owner-cta>picture img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.home-owner-cta__content{position:absolute;z-index:2;left:50%;top:46px;transform:translateX(-50%);width:312px}
.home-owner-cta__content h2{margin:0 0 16px;font-size:24px;line-height:36px;font-weight:700}
.home-owner-cta__content p{margin:0 0 24px;font-size:14px;line-height:21px}
.home-owner-cta__content a{font-size:20px;line-height:30px;box-shadow:0 3px 8px rgba(46,61,51,.16)}
body.home .site-footer,
body.home .site-footer__desktop,
body.home .site-footer__bottom{background:var(--y-footer)!important}
body.home .site-footer__bottom{color:#a9abb0!important}
.home-search-section--treatment{background:var(--y-bg)!important}

@media (max-width:900px){
  .home-about-section__visual picture{width:335px;height:242px}
  .home-owner-cta__content{top:48px;width:327px}
  .home-owner-cta__content h2{margin-bottom:20px;font-size:20px;line-height:29px}
  .home-owner-cta__content p{margin-bottom:20px;font-size:14px;line-height:24px}
  .home-owner-cta__content a{width:327px;font-size:16px;line-height:23px}
  .home-owner-cta>picture{border-radius:0!important}
  .home-owner-cta>picture img{border-radius:0!important}
}


/* second fidelity pass: exact PC typography and geometry */
@media (min-width:901px){
  .home-salon-section .home-section-heading h2{font-size:34px;line-height:46px;letter-spacing:.34px}
  .home-salon-section .home-section-heading p{font-size:15px;line-height:26px;color:#637069}
  .home-salon-section .home-section-heading>a{font-size:18px;line-height:26px}
  .home-salon-row .salon-card__body{display:flex;flex-direction:column;gap:10px;padding:16px;box-shadow:0 12px 15px rgba(117,138,67,.13)}
  .home-salon-row .salon-card__area,.home-salon-row .salon-card__title,.home-salon-row .salon-card__meta{height:auto;margin:0}
  .home-salon-row .salon-card__area{font-size:13px;line-height:19px}
  .home-salon-row .salon-card__title{font-size:20px;line-height:29px}
  .home-salon-row .salon-card__meta{font-size:13px;line-height:19px}
  .home-salon-row .salon-card__chips--home{margin-top:0;gap:10px}
  .home-salon-row .salon-card__chips--home span{height:23px;padding:2px 8px;font-size:12px;line-height:17px}

  .home-search-section__title h2{font-size:32px;line-height:43px;letter-spacing:.32px}
  .home-search-section__heading p{font-size:14px;line-height:25px;color:#5c625f}
  .home-treatment-grid{grid-auto-rows:72px}
  .home-treatment-grid a{height:72px;gap:24px;padding:12px 16px;border:0;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.13)}
  .home-treatment-grid img{width:48px;height:48px}
  .home-treatment-grid span{font-size:18px;line-height:18px;letter-spacing:.18px}
  .home-link-grid a{font-size:18px;line-height:26px;border-bottom-color:rgba(157,189,166,.35)}
  .home-link-grid b{font-size:18px;line-height:26px;color:#363640}
  .home-search-section--feature .home-link-grid{margin-top:32px}

  .home-magazine-section .home-section-heading h2{font-size:32px;line-height:43px;letter-spacing:.32px;color:#30383a}
  .home-magazine-section .home-section-heading p{font-size:14px;line-height:25px;color:#69716d}
  .home-magazine-section .home-section-heading>a{font-size:18px;line-height:26px}
  .home-magazine-row .article-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 2px;box-shadow:0 12px 15px rgba(117,138,67,.13)}
  .home-magazine-row .article-card__category{margin:0;font-size:13px;line-height:19px}
  .home-magazine-row .article-card h3{margin:0;font-size:20px;line-height:normal}
  .home-magazine-row .article-card__read{font-size:13px;line-height:19px;color:#5c625f}

  .home-about-section__copy{height:376px;padding-top:24px}
  .home-about-section__copy>span{font-size:12px;line-height:18px;font-weight:700;letter-spacing:.48px}
  .home-about-section__copy h2{margin:18px 0 18px;font-size:32px;line-height:43px;letter-spacing:.32px}
  .home-about-section__copy p{margin:0;font-size:16px;line-height:1.85}
  .home-about-section__copy p+p{margin-top:0}
  .home-about-section__copy>a{margin-top:16px;font-size:16px;box-shadow:0 3px 4px rgba(46,61,51,.16)}

  body.home .site-footer__tagline{margin-top:14px;font-size:15px;line-height:22px;font-weight:500;color:#eaf2da}
  body.home .site-footer__desc{margin-top:0;font-size:13px;line-height:19px;color:#b1dbcf}
  body.home .site-footer__links strong{font-size:13px;line-height:19px;color:#9dbda6}
  body.home .site-footer__links a{font-size:13px;line-height:19px;color:#fff}
  body.home .site-footer__bottom{font-size:11px;line-height:normal;color:#65686c!important}
}

@media (max-width:900px){
  .home-magazine-row .article-card__read{display:block;margin-top:6px;font-size:12px;line-height:20px;color:#5c625f}
}


/* final visual corrections requested 2026-10-02 */
body.home{
  --brand:#9DBDA6;
  --brand-deep:#9DBDA6;
  --y-main:#9DBDA6;
  --y-deep:#9DBDA6;
  --y-green-gray:#9DBDA6;
}
body.home .site-nav>a:first-child,
body.home .site-nav>a:first-child:hover,
body.home .site-nav>a:not(.button):hover{
  text-decoration:none!important;
}
.home-section-heading>a,
.home-mobile-more,
.home-magazine-section .home-section-heading>a{
  color:#9DBDA6!important;
}
.home-about-section__copy>a{
  color:#fff!important;
  background:#9DBDA6!important;
}
.home-owner-cta__content a{
  color:#363640!important;
  background:#fff!important;
}
body.home .site-footer__bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:32px!important;
  margin-top:52px!important;
  color:#65686c!important;
  background:#363640!important;
  visibility:visible!important;
  opacity:1!important;
}
body.home .site-footer__bottom::before{content:none!important}
.home-search-section__title img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-link-grid b,
.home-popular h3,
.home-popular__tags a span,
.home-salon-row .salon-card__area,
.home-magazine-section .home-section-heading>a,
.home-salon-section .home-section-heading>a,
.home-mobile-more{
  color:#54735D!important;
}
.home-salon-row .salon-card__photo{
  position:relative!important;
  overflow:hidden!important;
}
.home-salon-row .salon-card__photo>img,
.home-salon-row .salon-card__photo .yurumii-photo{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.home-no-image{
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#f3f7e8;color:#9DBDA6;
}
.home-no-image__mark{font-size:28px;line-height:1;margin-bottom:6px}
.home-no-image__text{font-size:11px;line-height:1;font-weight:700;letter-spacing:.04em}
.home-salon-row .salon-card__photo::before,
.home-salon-row .salon-card__photo::after,
.home-no-image::before,
.home-no-image::after{content:none!important;display:none!important}


/* Tablet layout: 768–900px */
@media (min-width:768px) and (max-width:900px){
  body.home .site-header__inner{padding:0 32px}
  body.home .site-logo{width:122px;height:33px}
  body.home .site-logo img{width:122px;height:33px}

  .home-hero-v11{height:680px;background:#fff}
  .home-hero-v11__background{
    width:100vw;height:680px;left:50%;transform:translateX(-50%);
    background-image:url("https://yurumii.com/wp-content/uploads/2026/10/3b048e4f-b85d-4a88-8214-2903a79610aa.png");
    background-size:cover;background-position:center top;
  }
  .home-hero-v11__inner{height:680px}
  .home-hero-v11__copy{
    left:48px;top:188px;transform:none;width:430px;text-align:left;
  }
  .home-hero-v11__headline{width:330px;height:auto;margin:0 0 18px}
  .home-hero-v11__headline-pc{display:block!important;width:330px;height:auto}
  .home-hero-v11__headline-sp{display:none!important}
  .home-hero-v11__copy p{width:430px;font-size:16px;line-height:28px}
  .home-mobile-search{
    left:32px;right:32px;bottom:28px;width:auto;height:56px;font-size:15px;
  }

  .home-mobile-popular{height:auto;min-height:188px;padding:30px 32px 34px}
  .home-mobile-popular .home-popular{width:100%}
  .home-mobile-popular .home-popular__tags{max-width:720px}

  .home-salon-section--pickup,
  .home-salon-section--new{height:auto;min-height:560px}
  .home-salon-section .home-section-inner{
    padding:44px 32px 48px;width:100%;
  }
  .home-salon-section .home-section-heading{
    width:100%;margin-bottom:24px;
  }
  .home-salon-section .home-section-heading h2{font-size:26px;line-height:38px}
  .home-salon-section .home-section-heading p{font-size:14px;line-height:24px}
  .home-salon-row{
    display:grid;width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;overflow:visible;padding:0;
  }
  .home-salon-row .salon-card{
    width:100%;height:auto;min-height:348px;flex:none;
  }
  .home-salon-row .salon-card:nth-child(n+3){display:none}
  .home-salon-row .salon-card__photo{width:100%;height:auto;aspect-ratio:16/10}
  .home-salon-row .salon-card__body{width:100%;height:auto;min-height:154px}
  .home-mobile-more{
    position:static;display:inline-block;margin-top:22px;font-size:13px;
  }

  .home-magazine-section{height:auto;min-height:520px}
  .home-magazine-section .home-section-inner{padding:44px 32px 48px}
  .home-magazine-section .home-section-heading{width:100%;margin-bottom:24px}
  .home-magazine-section .home-section-heading h2{font-size:24px;line-height:35px}
  .home-magazine-row{
    display:grid;width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;overflow:visible;padding:0;
  }
  .home-magazine-row .article-card{
    width:100%;height:auto;min-height:320px;flex:none;
  }
  .home-magazine-row .article-card:nth-child(n+3){display:none}
  .home-magazine-row .article-card__photo{width:100%;height:auto;aspect-ratio:16/9}
  .home-magazine-row .article-card__body{height:auto;min-height:140px}
  .home-magazine-section .home-mobile-more{position:static;margin-top:22px}

  .home-about-section{height:auto;min-height:430px}
  .home-about-section__inner{
    height:auto;min-height:430px;padding:46px 32px;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:36px;align-items:center;
  }
  .home-about-section__visual{
    order:2;width:100%;height:auto;aspect-ratio:335/242;
  }
  .home-about-section__visual picture{width:100%;height:100%}
  .home-about-section__visual img{width:100%;height:100%;object-fit:contain}
  .home-about-section__copy{order:1;width:100%}
  .home-about-section__copy h2{font-size:24px;line-height:35px}
  .home-about-section__copy p{font-size:14px;line-height:26px}
  .home-about-section__copy>a{margin:16px 0 0;width:190px}

  .home-owner-cta{height:230px}
  .home-owner-cta__content{top:46px;width:360px}
  .home-owner-cta__content a{width:360px}

  body.home .site-footer{height:auto;min-height:134px}
  body.home .site-footer__mobile{height:auto;min-height:134px;padding:28px 32px 22px}
  body.home .site-footer__mobile-links,
  body.home .site-footer__mobile-copy{width:100%}
}


/* Soft motion — keep layout containers stationary */
@media (prefers-reduced-motion:no-preference){
  .yurumii-motion body.home .home-hero-v11__headline,
  .yurumii-motion body.home .home-hero-v11__copy p{
    opacity:0;
    transform:translateY(10px);
    animation:yurumii-soft-fade-up 1.05s cubic-bezier(.22,1,.36,1) forwards;
  }
  .yurumii-motion body.home .home-hero-v11__headline{animation-delay:.08s}
  .yurumii-motion body.home .home-hero-v11__copy p{animation-delay:.2s}

  .yurumii-motion body.home .home-search-panel__head,
  .yurumii-motion body.home .home-search-panel__entries,
  .yurumii-motion body.home .home-search-panel .home-popular{
    opacity:0;
    transform:translateY(8px);
    animation:yurumii-soft-fade-up .9s cubic-bezier(.22,1,.36,1) forwards;
  }
  .yurumii-motion body.home .home-search-panel__head{animation-delay:.28s}
  .yurumii-motion body.home .home-search-panel__entries{animation-delay:.36s}
  .yurumii-motion body.home .home-search-panel .home-popular{animation-delay:.44s}

  .yurumii-motion body.home .yurumii-reveal{
    opacity:0;
    transform:translateY(12px);
    transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);
    will-change:opacity,transform;
  }
  .yurumii-motion body.home .yurumii-reveal.is-visible{
    opacity:1;
    transform:none;
  }

  .yurumii-motion body.home .home-owner-cta__content h2,
  .yurumii-motion body.home .home-owner-cta__content p,
  .yurumii-motion body.home .home-owner-cta__content a{
    opacity:0;
    animation:yurumii-soft-fade .9s ease forwards;
  }
  .yurumii-motion body.home .home-owner-cta__content h2{animation-delay:.08s}
  .yurumii-motion body.home .home-owner-cta__content p{animation-delay:.16s}
  .yurumii-motion body.home .home-owner-cta__content a{animation-delay:.24s}
}

@keyframes yurumii-soft-fade-up{
  to{opacity:1;transform:none}
}
@keyframes yurumii-soft-fade{
  to{opacity:1}
}

@media (min-width:901px){
  body.home .home-search-panel{
    left:calc(50% - 600px)!important;
    margin-left:0!important;
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home .yurumii-reveal{opacity:1!important;transform:none!important}
}

@media (max-width:374px){
  .home-hero-v11__background{width:100%;background-size:cover}
  .home-mobile-search{right:20px;width:auto}
  .home-mobile-popular .home-popular,.home-salon-section .home-section-heading,.home-magazine-section .home-section-heading,.home-about-section__visual,.home-about-section__copy,body.home .site-footer__mobile-links,body.home .site-footer__mobile-copy{width:calc(100vw - 40px)}
}