:root{--green:#123c32;--green2:#1d594a;--deep:#0d2821;--cream:#f4f0e8;--ink:#17201d;--gold:#b89a5e;--pet:#dcebdd;--white:#fff;--shadow:0 22px 60px rgba(14,42,34,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:#faf9f6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;z-index:999;top:-80px;left:12px;background:#fff;color:#111;padding:12px 18px}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;background:linear-gradient(#0008,transparent);transition:.3s}.site-header.scrolled{background:#102a24ef;backdrop-filter:blur(14px);box-shadow:0 8px 30px #0002}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.18em}.brand small{display:block;font-size:8px;letter-spacing:.32em}.brand-mark{width:38px;height:38px;border:1px solid #ffffff88;display:grid;place-items:center;font-family:'Playfair Display';font-size:21px}.global-nav{display:flex;align-items:center;gap:1.7vw;font-size:12px;font-weight:600}.global-nav a{padding:10px 0;position:relative}.global-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:#fff;transition:.25s}.global-nav a:hover:after{right:0}.nav-cta{padding:12px 18px!important;background:var(--gold);color:#fff}.menu-btn{display:none;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.hero{position:relative;min-height:760px;height:100svh;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(180deg,#729bad 0 52%,#547d52 52% 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071d19d8 0%,#102a247c 48%,transparent 78%),linear-gradient(0deg,#0a211b66,transparent 35%)}.hero-sky{position:absolute;inset:0 0 47%}.cloud{position:absolute;width:190px;height:55px;background:#ffffffbd;border-radius:50px;filter:blur(.2px);animation:cloudMove 42s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:80px;height:80px;left:35px;bottom:0}.cloud:after{width:110px;height:110px;right:25px;bottom:0}.c1{top:17%;left:-240px}.c2{top:42%;left:-340px;transform:scale(.7);opacity:.7;animation-duration:58s;animation-delay:-18s}.c3{top:8%;left:-260px;transform:scale(.5);opacity:.55;animation-duration:66s;animation-delay:-35s}@keyframes cloudMove{to{left:110%}}.hero-landscape{position:absolute;inset:45% 0 0;background:radial-gradient(ellipse at 74% 100%,#31543d 0 34%,transparent 35%),radial-gradient(ellipse at 35% 110%,#426e4a 0 45%,transparent 46%),linear-gradient(#638b55,#345b3e)}.hero-landscape:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(80deg,transparent 0 10px,#ffffff0b 11px 12px)}.dog{position:absolute;bottom:12%;width:64px;height:42px;background:#f5f5f2;border-radius:50% 45% 40% 50%;box-shadow:inset -18px 0 #1c2825;animation:dogPlay 3.2s ease-in-out infinite;z-index:2}.dog:before{content:"";position:absolute;width:27px;height:29px;right:-14px;top:-8px;border-radius:45% 55% 50% 45%;background:linear-gradient(90deg,#f5f5f2 0 45%,#1c2825 46%)}.dog:after{content:"";position:absolute;width:28px;height:8px;left:-21px;top:4px;border-radius:100% 0 0 100%;background:#1c2825;transform:rotate(28deg);transform-origin:right center}.dog-one{right:19%;transform:scale(1.05)}.dog-two{right:11%;bottom:10%;transform:scale(.86) rotateY(180deg);animation-delay:-1.4s}@keyframes dogPlay{0%,100%{translate:0 0;rotate:0}50%{translate:0 -9px;rotate:-2deg}}.hero-content{position:relative;z-index:2;padding:11vh 8vw 5vh;max-width:960px}.eyebrow{font-size:11px;letter-spacing:.3em;font-weight:700;color:var(--gold)}.hero h1{font-size:clamp(48px,7vw,96px);line-height:1.08;margin:22px 0;font-weight:600;letter-spacing:.02em}.hero h1 em{font-family:'Playfair Display','Noto Sans JP';font-style:normal;color:#e5d6ad}.hero p{line-height:2;text-shadow:0 2px 18px #0006}.hero-actions,.contact-actions{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:15px 25px;font-weight:700;font-size:13px;letter-spacing:.05em;border:1px solid transparent;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0002}.primary{background:var(--gold);color:#fff}.ghost{border-color:currentColor}.light{background:#fff;color:var(--green)}.outline-dark{border-color:var(--green);color:var(--green)}.scroll{position:absolute;z-index:3;bottom:24px;right:4vw;font-size:9px;letter-spacing:.3em;writing-mode:vertical-rl}.section{padding:110px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--cream)}.section-head h2{font-size:clamp(34px,4.5vw,62px);line-height:1.25;margin:12px 0 20px}.section-head>p:last-child,.intro-copy p{line-height:2;color:#5b6561}.intro-copy{padding-top:50px}.dark{background:#102720;color:#fff}.dark .section-head>p:last-child{color:#b8c3bf}.cards{display:grid;gap:1px;background:#ffffff22;margin-top:55px}.business-grid{grid-template-columns:repeat(4,1fr)}.card{background:#133128;padding:42px 28px;min-height:280px;transition:.25s}.card:hover{background:#173b30;transform:translateY(-4px)}.card span{font-family:'Playfair Display';color:var(--gold)}.card h3{margin-top:55px;font-size:20px}.card p{font-size:13px;line-height:1.9;color:#bdc8c4}.section-cta{margin-top:35px;text-align:center}.project-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:300px 300px;gap:16px;margin-top:45px}.project{position:relative;overflow:hidden;padding:32px;color:#fff;display:flex;align-items:flex-end;background-size:cover}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#081713dd)}.project div{position:relative}.project small{letter-spacing:.2em}.project h3{font-size:25px;margin:8px 0}.p1{grid-row:1/3;background:linear-gradient(135deg,#718079,#273d35)}.p2{background:linear-gradient(135deg,#9b987f,#3c493f)}.p3{background:linear-gradient(135deg,#677c78,#243f3a)}.pet-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--pet)}.pet-visual{position:relative;aspect-ratio:1;background:linear-gradient(145deg,#477b69,#173f34);border-radius:34px;display:grid;place-items:center;color:#fff;text-align:center;font-family:'Playfair Display';font-size:34px;letter-spacing:.1em;overflow:hidden;box-shadow:var(--shadow)}.pet-stars{position:absolute;font-size:90px;opacity:.12}.pet-dogs{position:absolute;bottom:22%;left:50%;width:200px;transform:translateX(-50%)}.pet-dogs span{position:absolute;width:92px;height:56px;background:#f5f5f1;border-radius:50%;box-shadow:inset -26px 0 #17201d}.pet-dogs span:after{content:"";position:absolute;width:40px;height:42px;right:-18px;top:-9px;border-radius:50%;background:linear-gradient(90deg,#fff 0 48%,#17201d 49%)}.pet-dogs span:last-child{left:80px;transform:rotateY(180deg) scale(.82)}.pet-visual p{position:relative;z-index:2;margin-top:-48%;text-shadow:0 3px 18px #0007}.pet-copy h2{font-size:clamp(33px,4vw,56px);line-height:1.35}.pet-copy>p{line-height:2}.check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.check-list li:before{content:'✓';margin-right:8px;color:var(--green2)}.pet-btn{background:var(--green);color:#fff}.school{background:#f5efe5}.coming{text-align:center;padding-bottom:75px;border-bottom:1px solid #cfc6b5}.coming span{border:1px solid var(--gold);padding:8px 14px;color:#8b7445;font-size:11px;letter-spacing:.2em}.coming h2{font-family:'Playfair Display';font-size:clamp(43px,7vw,86px);margin:28px 0 5px}.school-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:75px 0}.school-intro h3{font-size:34px;margin:0}.school-intro p{line-height:2;color:#666}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.course{background:#fff;padding:30px;min-height:300px}.course b{font-size:10px;letter-spacing:.18em;color:var(--gold)}.course h3{margin-top:45px}.course p{font-size:13px;line-height:1.9;color:#666}.professional{background:var(--green);color:#fff}.professional p{color:#cbd6d1}.preentry{margin-top:15px;padding:30px;background:#b89a5e;color:#fff;display:flex;justify-content:space-between;align-items:center}.preentry h3{margin:5px 0}.transport{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.transport-copy h2{font-size:clamp(38px,5vw,70px);line-height:1.25}.transport-copy>p{line-height:2;color:#c6d0cc}.transport-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.transport-tags span{border:1px solid #ffffff44;padding:10px 14px;font-size:12px}.legal-note{font-size:11px!important;color:#8fa19a!important}.transport-card{background:#f5efe5;color:var(--ink);padding:42px;box-shadow:var(--shadow)}.transport-card small{letter-spacing:.2em;color:var(--gold)}.transport-card h3{font-size:28px;margin-bottom:5px}.transport-card .price{font-size:34px;font-weight:800;color:var(--green)!important;margin:10px 0}.transport-card ul{padding-left:20px;line-height:2;color:#59625e;margin-bottom:28px}.reservation{background:#fff}.reservation-wrap{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center;max-width:1180px;margin:auto}.reservation-wrap h2{font-size:clamp(40px,5vw,68px);line-height:1.2}.reservation-wrap>div:first-child>p:last-child{line-height:2;color:#5b6561}.square-card{padding:42px;background:#f5f4f0;border:1px solid #e4e0d8;box-shadow:var(--shadow)}.square-logo{display:block;width:42px;height:42px;border:7px solid #111;border-radius:9px;margin-bottom:18px;position:relative}.square-logo:after{content:"";position:absolute;inset:5px;border:3px solid #111;border-radius:3px}.square-card small{letter-spacing:.16em;color:#666}.square-card h3{font-size:26px}.square-card ol{padding-left:22px;line-height:2;color:#59625e}.square-btn{width:100%;background:#111;color:#fff;margin-top:12px}.square-card>p:last-child{font-size:11px;text-align:center;color:#777}.company-list{max-width:900px}.company-list div{display:grid;grid-template-columns:180px 1fr;padding:22px 0;border-bottom:1px solid #ffffff25}.company-list dt{color:#aebbb6}.company-list a{text-decoration:underline}.contact{text-align:center;background:var(--cream)}.contact-inner h2{font-size:clamp(35px,5vw,65px)}.contact-actions{justify-content:center}.mail{letter-spacing:.1em}.mobile-bar{display:none}footer{padding:55px 5vw;background:#091914;color:#fff;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px}.footer-brand{justify-self:start}footer>div{display:flex;gap:20px;font-size:12px;color:#aeb8b4}footer>p{font-size:10px;color:#7d8b86}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){html{scroll-padding-top:68px}.site-header{height:68px}.menu-btn{display:block}.global-nav{position:fixed;top:68px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:stretch;padding:24px 6vw;background:#102a24;overflow:auto}.global-nav.open{display:flex}.global-nav a{padding:16px 4px;border-bottom:1px solid #ffffff1f;font-size:15px}.nav-cta{text-align:center;margin-top:12px}.hero{min-height:700px}.hero-content{padding:15vh 6vw 10vh}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:78px 6vw}.intro,.pet-section,.school-intro,.transport,.reservation-wrap{grid-template-columns:1fr}.business-grid,.course-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr;grid-template-rows:280px 220px 220px}.p1{grid-row:auto}.pet-visual{max-width:540px;margin:auto}.transport-card,.square-card{padding:30px}footer{grid-template-columns:1fr;align-items:start;padding-bottom:100px}.company-list div{grid-template-columns:1fr;gap:8px}.mobile-bar{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.15fr;background:#fff;box-shadow:0 -8px 30px #0002;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:13px;font-weight:800}.mobile-reserve{background:var(--gold);color:#fff}}
@media(max-width:560px){.hero h1{font-size:46px}.hero p br{display:none}.hero-landscape .dog{bottom:8%}.dog-one{right:23%}.dog-two{right:7%}.business-grid,.course-grid,.check-list{grid-template-columns:1fr}.card{min-height:auto}.school-intro h3{font-size:28px}.preentry{flex-direction:column;align-items:flex-start;gap:20px}.project-grid{display:block}.project{height:230px;margin-bottom:12px}.pet-visual{font-size:27px}.contact-actions .btn{width:100%}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud,.dog{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
/* Ver.5 contact routes */
.brand-name small{white-space:nowrap;letter-spacing:.16em}.dual-actions{display:flex;flex-wrap:wrap;gap:12px}.line-btn{background:#06c755;color:#fff;border-color:#06c755}.line-btn:hover{box-shadow:0 12px 28px rgba(6,199,85,.28)}
.estimate{background:#eef1ec}.estimate-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;max-width:1180px;margin:45px auto 0}.estimate-guide{background:var(--green);color:#fff;padding:38px;align-self:start}.estimate-guide h3{font-size:25px;margin-top:0}.estimate-guide ul{padding-left:20px;line-height:2}.estimate-guide p{font-size:13px;line-height:1.9;color:#c9d4d0}.estimate-form{background:#fff;padding:42px;box-shadow:var(--shadow);display:grid;gap:20px}.estimate-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;border:1px solid #d7ddd8;background:#fbfcfa;padding:14px;border-radius:2px}.estimate-form input:focus,.estimate-form select:focus,.estimate-form textarea:focus{outline:2px solid #b89a5e55;border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{grid-template-columns:auto 1fr!important;align-items:center!important;font-weight:500!important}.consent input{width:auto}.form-submit{border:0;cursor:pointer;width:100%}.form-note{font-size:11px;color:#68716d;text-align:center;margin:0}
.floating-actions{position:fixed;right:22px;bottom:22px;z-index:44;display:grid;gap:10px}.floating-actions a{min-width:150px;padding:12px 16px;border-radius:999px;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 28px #0003;display:flex;align-items:center;gap:9px}.floating-actions span{font-size:10px;border:1px solid #ffffff99;border-radius:999px;padding:3px 6px}.floating-line{background:#06c755}.floating-square{background:#111}.pet-visual p{color:#fff;text-shadow:0 2px 4px #000,0 0 18px #000c;font-weight:700}
@media(max-width:900px){.estimate-layout{grid-template-columns:1fr}.floating-actions{display:none}.mobile-bar{grid-template-columns:1fr 1fr 1.15fr}.mobile-line{background:#06c755;color:#fff}.dual-actions{flex-direction:column;align-items:stretch}.dual-actions .btn{width:100%}.estimate-form{padding:28px}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.estimate-guide{padding:28px}.brand-name small{font-size:6px;letter-spacing:.08em}}

/* Ver.6 bright illustrated hero */
.site-header{color:var(--green);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78));border-bottom:1px solid rgba(18,60,50,.09)}
.site-header.scrolled{color:#fff;background:#102a24ef;border-bottom-color:transparent}
.site-header:not(.scrolled) .brand-mark{border-color:rgba(18,60,50,.35)}
.site-header:not(.scrolled) .menu-btn{color:var(--green)}
.site-header:not(.scrolled) .global-nav a:not(.nav-cta):after{background:var(--green)}
.hero-illustration{min-height:760px;height:100svh;background:#eaf5e7;color:var(--green);align-items:center}
.hero-illustration:after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 31%,rgba(255,255,255,.45) 52%,rgba(255,255,255,.02) 76%)}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-illustration .hero-content{max-width:790px;padding-top:14vh}
.hero-illustration .eyebrow{color:#2c735b;text-shadow:none}
.hero-illustration h1{font-size:clamp(42px,5.7vw,82px);color:#173f34;text-shadow:0 2px 18px rgba(255,255,255,.75)}
.hero-illustration h1 em{color:#2d765d}
.hero-illustration p{color:#294c41;text-shadow:0 1px 12px rgba(255,255,255,.9);font-weight:500}
.hero-reserve{border-color:rgba(18,60,50,.45);background:rgba(255,255,255,.82);color:var(--green);backdrop-filter:blur(8px)}
.hero-illustration .scroll{color:var(--green);text-shadow:0 1px 8px #fff}
@media(max-width:900px){
  .site-header:not(.scrolled) .global-nav{color:#fff}
  .hero-illustration{min-height:720px;height:100svh;align-items:flex-end}
  .hero-art{object-position:63% center}
  .hero-illustration:after{background:linear-gradient(180deg,rgba(255,255,255,.04) 22%,rgba(255,255,255,.30) 48%,rgba(248,252,246,.96) 72%,#f8fcf6 100%)}
  .hero-illustration .hero-content{width:100%;max-width:none;padding:0 6vw 10vh}
  .hero-illustration h1{font-size:clamp(36px,8vw,58px)}
  .hero-illustration .hero-actions{flex-direction:row;align-items:stretch}
}
@media(max-width:560px){
  .hero-art{object-position:66% top}
  .hero-illustration{min-height:740px}
  .hero-illustration .hero-content{padding-bottom:9vh}
  .hero-illustration h1{font-size:38px;line-height:1.18;margin:14px 0}
  .hero-illustration p{font-size:13px;line-height:1.8}
  .hero-illustration .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
  .hero-illustration .btn{width:100%}
  .hero-illustration .scroll{display:none}
}

/* Ver.6.1 mobile polish */
.brand{flex:0 0 auto}
.brand-mark{width:42px;height:42px;font-size:22px}
.brand-name{font-size:20px;line-height:1.05}
.btn{border-radius:8px}
.hero-illustration .hero-content{background:rgba(248,252,246,.76);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:18px;padding:38px 42px;box-shadow:0 18px 55px rgba(18,60,50,.12);margin-left:5vw}
.hero-illustration .hero-actions .btn{min-width:220px}

@media(max-width:900px){
  .site-header{padding:0 4vw}
  .brand{gap:8px;letter-spacing:.12em}
  .brand-mark{width:38px;height:38px;font-size:20px}
  .brand-name{font-size:18px}
  .hero-art{object-position:58% center}
  .hero-illustration .hero-content{margin:0 4vw 10vh;padding:26px 24px;width:92%;background:rgba(248,252,246,.9);border-radius:16px}
  .hero-illustration .hero-actions .btn{min-width:0;min-height:54px}
}
@media(max-width:560px){
  .site-header{height:68px;padding:0 14px}
  .brand-name{font-size:17px}
  .brand-name small{font-size:6px;letter-spacing:.07em;margin-top:4px}
  .brand-mark{width:36px;height:36px}
  .hero-illustration{min-height:760px}
  .hero-art{object-position:56% top}
  .hero-illustration:after{background:linear-gradient(180deg,rgba(255,255,255,.02) 15%,rgba(255,255,255,.08) 42%,rgba(248,252,246,.74) 61%,#f8fcf6 100%)}
  .hero-illustration .hero-content{margin:0 16px 82px;width:calc(100% - 32px);padding:22px 20px;border-radius:14px}
  .hero-illustration .eyebrow{font-size:10px}
  .hero-illustration h1{font-size:32px;line-height:1.3;margin:10px 0 12px;word-break:normal}
  .hero-illustration p{font-size:12px;line-height:1.75;margin-bottom:0}
  .hero-illustration .hero-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
  .hero-illustration .btn{font-size:12px;padding:12px 8px;min-height:52px}
  .mobile-bar a{min-height:62px}
}


/* Ver.7 production polish */
:focus-visible{outline:3px solid #d3ad62;outline-offset:4px}
.hero-art{user-select:none;-webkit-user-drag:none}
.global-nav a,.btn,.floating-actions a,.mobile-bar a{-webkit-tap-highlight-color:transparent}
.estimate-form textarea{resize:vertical;min-height:170px}
.estimate-form input:invalid:not(:placeholder-shown),.estimate-form textarea:invalid:not(:placeholder-shown){border-color:#b54747}
@supports not (backdrop-filter:blur(4px)){.hero-illustration .hero-content{background:rgba(248,252,246,.94)}}
@media(max-width:380px){
  .brand-name{font-size:15px}
  .brand-name small{display:none}
  .hero-illustration h1{font-size:28px}
  .hero-illustration .hero-content{padding:18px 16px}
  .mobile-bar a{font-size:11px}
}

/* Ver.9 premium hero slider */
.hero-slider{position:relative;height:100svh;min-height:720px;overflow:hidden;background:#eaf5e7;color:var(--green)}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transition:opacity 1.15s ease,visibility 1.15s;isolation:isolate}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hero-slide .hero-art{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;transform:scale(1.02);transition:transform 7s ease-out;z-index:-2}
.hero-slide.is-active .hero-art{transform:scale(1.09)}
.hero-slide:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.slide-future:after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.87) 32%,rgba(255,255,255,.37) 55%,rgba(255,255,255,.02) 78%)}
.slide-future .hero-content{position:absolute;left:5vw;top:50%;transform:translateY(-43%);max-width:790px;background:rgba(248,252,246,.78);backdrop-filter:blur(5px);padding:38px 42px;border-radius:18px;box-shadow:0 18px 55px rgba(18,60,50,.12)}
.slide-future .eyebrow{color:#2c735b}.slide-future h1{font-size:clamp(42px,5.7vw,82px);color:#173f34;text-shadow:0 2px 18px rgba(255,255,255,.75)}.slide-future h1 em{color:#2d765d}.slide-future p{color:#294c41;font-weight:500}
.slide-philosophy .hero-art{object-position:68% center}.slide-philosophy:after{background:linear-gradient(90deg,rgba(12,42,35,.94) 0%,rgba(12,42,35,.83) 40%,rgba(12,42,35,.20) 68%,rgba(12,42,35,.04) 100%)}
.metis-message{position:absolute;left:7vw;top:50%;transform:translateY(-48%);display:grid;gap:7px;color:#fff;width:min(560px,44vw)}
.metis-message>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:20px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.metis-message b{font:700 clamp(42px,5vw,72px)/1 'Playfair Display',serif;color:#d7b66f}.metis-message span{display:grid}.metis-message strong{font-size:clamp(18px,2vw,29px);letter-spacing:.05em}.metis-message small{font-size:12px;color:#d5e1dc;letter-spacing:.08em;margin-top:3px}
.slide-business:after{background:linear-gradient(110deg,rgba(8,28,24,.94),rgba(8,28,24,.70) 58%,rgba(8,28,24,.35))}
.business-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:9vh 7vw 5vh;color:#fff}.business-hero-content .eyebrow{color:#d7b66f}.business-hero-content h2{font-size:clamp(38px,5vw,72px);line-height:1.18;margin:12px 0 38px}.hero-business-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px}.hero-business-cards a{color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.09);backdrop-filter:blur(7px);padding:28px;display:grid;min-height:170px;transition:.3s}.hero-business-cards a:hover{transform:translateY(-6px);background:rgba(255,255,255,.17)}.hero-business-cards span{color:#d7b66f;font-size:12px}.hero-business-cards strong{font-size:clamp(18px,2vw,27px);align-self:end}.hero-business-cards small{color:#d9e5e0;margin-top:8px}
.slide-vision .hero-art{object-position:center 15%;filter:saturate(.86) brightness(1.08)}.slide-vision:after{background:linear-gradient(180deg,rgba(235,247,248,.18),rgba(235,247,248,.40))}
.vision-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#123d33;text-shadow:0 2px 18px rgba(255,255,255,.75)}.vision-content p{font:600 clamp(32px,5vw,76px)/1.05 'Playfair Display',serif;letter-spacing:.08em;margin:5px}.vision-content strong{font:700 clamp(70px,11vw,180px)/.95 'Playfair Display',serif;letter-spacing:.18em;margin:24px 0 10px}.vision-content small{font-size:14px;letter-spacing:.35em;font-weight:700}
.hero-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(12,42,35,.25);color:#fff;font-size:34px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}.hero-prev{left:22px}.hero-next{right:22px}.hero-arrow:hover{background:rgba(12,42,35,.55)}
.hero-dots{position:absolute;z-index:6;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:28px;height:3px;padding:0;border:0;background:rgba(255,255,255,.55);cursor:pointer;transition:.35s}.hero-dots button.is-active{width:56px;background:#fff}.hero-slider .scroll{position:absolute;z-index:5;right:2vw;bottom:24px;color:#fff;text-shadow:0 1px 8px #000}
.hero-intro{position:fixed;inset:0;z-index:9999;background:#102a24;display:grid;place-items:center;color:#fff;transition:opacity .65s ease,visibility .65s}.hero-intro span{font:700 clamp(72px,16vw,220px)/1 'Playfair Display',serif;letter-spacing:.12em}.hero-intro.is-hidden{opacity:0;visibility:hidden}
@media(max-width:900px){
 .hero-slider{min-height:760px}.hero-arrow{display:none}.hero-dots{bottom:74px}
 .slide-future .hero-art{object-position:58% center}.slide-future:after{background:linear-gradient(180deg,rgba(255,255,255,.02) 18%,rgba(255,255,255,.18) 48%,rgba(248,252,246,.94) 73%,#f8fcf6 100%)}
 .slide-future .hero-content{left:4vw;right:4vw;top:auto;bottom:92px;transform:none;max-width:none;padding:25px 24px;background:rgba(248,252,246,.90)}.slide-future h1{font-size:clamp(34px,8vw,54px)}
 .slide-philosophy .hero-art{object-position:72% center}.slide-philosophy:after{background:linear-gradient(90deg,rgba(12,42,35,.94),rgba(12,42,35,.60) 68%,rgba(12,42,35,.26))}.metis-message{left:7vw;width:78vw}.metis-message>div{grid-template-columns:52px 1fr}.metis-message b{font-size:46px}
 .business-hero-content{padding:10vh 6vw 12vh}.hero-business-cards{grid-template-columns:1fr}.hero-business-cards a{min-height:95px;padding:18px}.hero-business-cards strong{align-self:auto}.business-hero-content h2{margin-bottom:22px}
 .vision-content strong{letter-spacing:.08em}
}
@media(max-width:560px){
 .hero-slider{min-height:760px}.hero-dots{bottom:70px}.hero-slider .scroll{display:none}
 .slide-future .hero-content{bottom:86px;padding:20px 18px}.slide-future h1{font-size:30px;line-height:1.28;margin:10px 0}.slide-future p{font-size:12px;line-height:1.7}.slide-future .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.slide-future .btn{font-size:11px;padding:11px 7px;min-height:50px}
 .metis-message{left:6vw;width:88vw;gap:2px}.metis-message>div{grid-template-columns:44px 1fr;gap:10px;padding:6px 0}.metis-message b{font-size:39px}.metis-message strong{font-size:17px}.metis-message small{font-size:10px}
 .business-hero-content h2{font-size:34px}.hero-business-cards a{min-height:84px}.hero-business-cards small{font-size:11px}
 .vision-content p{font-size:29px}.vision-content strong{font-size:66px}.vision-content small{font-size:10px;letter-spacing:.2em}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-art,.hero-intro{transition:none}.hero-slide.is-active .hero-art{transform:none}}

/* Ver.10 opening visual refinement: show the full METIS logo and improve text clarity */
.slide-vision .hero-art{
  inset:0;
  width:100%;
  height:100%;
  object-position:left center;
  transform:scale(1.001);
}
.slide-vision.is-active .hero-art{transform:scale(1.025)}
.slide-vision:after{
  background:linear-gradient(90deg,rgba(238,248,246,.05) 0%,rgba(238,248,246,.04) 34%,rgba(238,248,246,.20) 50%,rgba(238,248,246,.66) 100%);
}
.slide-vision .vision-content{
  inset:auto 4vw auto auto;
  top:50%;
  transform:translateY(-50%);
  width:min(700px,54vw);
  min-height:auto;
  padding:30px 34px 34px;
  border-radius:22px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 22px 70px rgba(18,60,50,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  text-shadow:0 2px 14px rgba(255,255,255,.95);
}
.slide-vision .vision-content p{font-size:clamp(28px,4.1vw,62px)}
.slide-vision .vision-content strong{font-size:clamp(62px,9vw,138px);margin:18px 0 8px}
.slide-vision .vision-content small{color:#173f34;text-shadow:none}
.hero-intro span{text-shadow:0 4px 28px rgba(0,0,0,.28)}

@media(max-width:900px){
  .slide-vision .hero-art{object-position:18% center}
  .slide-vision.is-active .hero-art{transform:scale(1.012)}
  .slide-vision .vision-content{
    left:5vw;
    right:5vw;
    top:auto;
    bottom:100px;
    transform:none;
    width:auto;
    padding:22px 20px 24px;
    border-radius:18px;
  }
}
@media(max-width:560px){
  .slide-vision .hero-art{object-position:20% center}
  .slide-vision .vision-content{bottom:88px;padding:18px 14px 20px}
  .slide-vision .vision-content p{font-size:25px}
  .slide-vision .vision-content strong{font-size:58px;letter-spacing:.06em;margin:12px 0 7px}
  .slide-vision .vision-content small{font-size:10px}
}

/* Ver.11 architectural opening */
.slide-opening{background:#eef2ef;color:#123d33}
.slide-opening:after{background:linear-gradient(90deg,rgba(242,246,244,.96) 0%,rgba(242,246,244,.76) 42%,rgba(242,246,244,.15) 72%,rgba(242,246,244,.06) 100%)}
.architecture-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#f4f5f2 0%,#dfe8e4 40%,#acc7bd 100%);z-index:-2}
.architecture-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.58) 42.2% 43.3%,transparent 43.5% 100%),linear-gradient(25deg,rgba(255,255,255,.12),transparent 55%)}
.architecture-sun{position:absolute;width:38vw;height:38vw;max-width:640px;max-height:640px;right:8vw;top:-10vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 18%,rgba(255,241,203,.48) 38%,rgba(255,255,255,0) 70%);filter:blur(2px)}
.architecture-building{position:absolute;bottom:11%;display:block;border:1px solid rgba(255,255,255,.5);box-shadow:0 40px 80px rgba(23,63,52,.15);backdrop-filter:blur(2px)}
.architecture-building:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.48) 0 2px,transparent 2px 70px),repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 2px 64px)}
.building-a{right:3%;width:39%;height:67%;background:linear-gradient(145deg,rgba(34,91,78,.58),rgba(181,214,202,.38));clip-path:polygon(15% 0,100% 12%,100% 100%,0 100%,0 19%)}
.building-b{right:36%;width:27%;height:49%;background:linear-gradient(145deg,rgba(21,63,54,.65),rgba(157,194,181,.38));clip-path:polygon(0 15%,78% 0,100% 100%,0 100%)}
.building-c{right:58%;width:18%;height:34%;background:linear-gradient(160deg,rgba(66,115,102,.48),rgba(210,229,221,.35));clip-path:polygon(20% 0,100% 10%,90% 100%,0 100%)}
.architecture-ground{position:absolute;left:-5%;right:-5%;bottom:-9%;height:31%;background:linear-gradient(170deg,#718d7d 0%,#355d4c 52%,#163d32 100%);clip-path:polygon(0 46%,100% 0,100% 100%,0 100%)}
.architecture-ground:after{content:"";position:absolute;inset:23% 0 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewY(-3deg)}
.opening-content{position:absolute;left:7vw;top:50%;transform:translateY(-46%);z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:#143f34}
.opening-logo{display:flex;align-items:center;gap:22px;margin-bottom:30px}
.opening-mark{display:grid;place-items:center;width:92px;height:92px;border:2px solid currentColor;font:600 64px/1 'Playfair Display',serif}
.opening-name{font:700 clamp(68px,9vw,148px)/.9 'Playfair Display',serif;letter-spacing:.12em}
.opening-content p{font:600 clamp(24px,3vw,50px)/1.08 'Playfair Display',serif;letter-spacing:.12em;margin:4px 0;opacity:0;transform:translateY(20px)}
.opening-content small{margin-top:23px;font-size:14px;letter-spacing:.35em;font-weight:700;opacity:0;transform:translateY(16px)}
.slide-opening.is-active .opening-logo{animation:openingLogo 1.2s ease both}
.slide-opening.is-active .opening-content p:nth-of-type(1){animation:openingText .9s .7s ease both}
.slide-opening.is-active .opening-content p:nth-of-type(2){animation:openingText .9s 1.05s ease both}
.slide-opening.is-active .opening-content small{animation:openingText .9s 1.4s ease both}
.slide-opening.is-active .architecture-scene{animation:openingScene 7s ease-out both}
@keyframes openingLogo{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes openingText{to{opacity:1;transform:none}}
@keyframes openingScene{from{transform:scale(1.04)}to{transform:scale(1)}}

@media(max-width:900px){
  .slide-opening:after{background:linear-gradient(180deg,rgba(242,246,244,.90) 0%,rgba(242,246,244,.72) 58%,rgba(242,246,244,.10) 100%)}
  .opening-content{left:6vw;right:6vw;top:45%;align-items:center;text-align:center}
  .opening-logo{gap:15px;margin-bottom:22px}.opening-mark{width:72px;height:72px;font-size:50px}.opening-name{font-size:clamp(56px,13vw,100px)}
  .building-a{right:-15%;width:65%}.building-b{right:32%;width:42%}.building-c{right:68%;width:30%}
}
@media(max-width:560px){
  .opening-content{top:43%}.opening-logo{gap:10px}.opening-mark{width:54px;height:54px;font-size:37px}.opening-name{font-size:52px;letter-spacing:.08em}
  .opening-content p{font-size:24px}.opening-content small{font-size:10px;letter-spacing:.22em}
}
@media(prefers-reduced-motion:reduce){.slide-opening.is-active .opening-logo,.slide-opening.is-active .opening-content p,.slide-opening.is-active .opening-content small,.slide-opening.is-active .architecture-scene{animation:none;opacity:1;transform:none}}


/* Ver.12 final refinements */
:root{--header-h:78px}
body{overflow-x:hidden}
.site-header{backdrop-filter:saturate(1.15) blur(16px);-webkit-backdrop-filter:saturate(1.15) blur(16px)}
.hero-slider{background:#edf3ef}
.hero-slide .hero-art{inset:0;width:100%;height:100%;transform:scale(1.005)}
.hero-slide.is-active .hero-art{transform:scale(1.045)}
.slide-future .hero-art{object-position:center center}
.slide-philosophy .hero-art{object-position:center center;filter:saturate(.92) brightness(.82)}
.slide-business .hero-art{object-position:center center;filter:saturate(.8) brightness(.7)}
.slide-future .hero-content{border:1px solid rgba(255,255,255,.72)}
.hero-dots button{border-radius:99px}
.opening-content{max-width:760px}
.opening-logo{filter:drop-shadow(0 10px 25px rgba(18,62,51,.08))}
.opening-name{white-space:nowrap}
.pet-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:24px;pointer-events:none}
.pet-visual:after{content:"CHAOZ  ×  STOU";position:absolute;left:0;right:0;bottom:24px;font-size:10px;letter-spacing:.34em;font-family:'Noto Sans JP',sans-serif;opacity:.7}
.pet-dogs span{background:#fff;box-shadow:inset -27px 0 #111b18,0 8px 22px rgba(0,0,0,.15)}
.pet-dogs span:after{background:linear-gradient(90deg,#fff 0 43%,#111b18 44%)}
.project{border-radius:18px}
.card,.course,.transport-card,.square-card{border-radius:16px}
.btn{border-radius:999px}
.section-head{max-width:900px}

@media(max-width:900px){
 :root{--header-h:68px}
 .hero-slide .hero-art{transform:scale(1)}
 .hero-slide.is-active .hero-art{transform:scale(1.02)}
 .slide-future .hero-art{object-position:61% center}
 .slide-philosophy .hero-art{object-position:64% center}
 .slide-business .hero-art{object-position:60% center}
 .opening-content{top:44%}
 .pet-visual{border-radius:24px}
}
@media(max-width:560px){
 .hero-slider{min-height:700px}
 .slide-future .hero-art{object-position:66% center}
 .slide-philosophy .hero-art{object-position:67% center}
 .slide-business .hero-art{object-position:64% center}
 .slide-future .hero-content{bottom:78px;border-radius:16px}
 .opening-content{top:41%}
 .opening-logo{margin-bottom:18px}
 .opening-name{font-size:48px}
 .opening-content p{font-size:21px}
 .pet-visual{aspect-ratio:4/3}
 .pet-visual p{margin-top:-34%}
 .pet-dogs{bottom:24%}
}


/* ===== METIS Website v13 final tuning ===== */
.slide-future .hero-content{
  background:rgba(248,252,246,.56);
  -webkit-backdrop-filter:blur(7px) saturate(115%);
  backdrop-filter:blur(7px) saturate(115%);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 18px 55px rgba(18,60,50,.10);
}
.slide-future .hero-content h1,
.slide-future .hero-content p{position:relative;z-index:1}

/* CHAOZ & STOU logo for METIS DOG SALON */
.pet-visual{overflow:hidden}
.pet-visual .pet-stars,.pet-visual .pet-dogs{display:none!important}
.salon-dog-logo{display:flex;justify-content:center;align-items:flex-end;gap:18px;margin:0 auto 12px;min-height:128px}
.dog-face{position:relative;width:108px;height:112px;border-radius:46% 46% 42% 42%;background:#f7f3e8;border:4px solid #f7f3e8;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.dog-face-stou{width:98px;height:104px}
.dog-face .ear{position:absolute;top:-23px;width:42px;height:58px;background:#101a17;border:4px solid #f7f3e8;z-index:-1}
.dog-face .ear.left{left:4px;transform:rotate(-25deg);border-radius:80% 20% 20% 20%}
.dog-face .ear.right{right:4px;transform:rotate(25deg);border-radius:20% 80% 20% 20%}
.dog-face:before,.dog-face:after{content:"";position:absolute;top:0;bottom:22px;width:43%;background:#101a17}
.dog-face:before{left:0;border-radius:52% 25% 50% 40%}
.dog-face:after{right:0;border-radius:25% 52% 40% 50%}
.dog-face .blaze{position:absolute;z-index:2;left:50%;top:-2px;transform:translateX(-50%);width:22px;height:66px;background:#f7f3e8;border-radius:50% 50% 42% 42%}
.dog-face-stou .blaze{width:13px;height:62px}
.dog-face .eye{position:absolute;z-index:3;top:42px;width:9px;height:11px;background:#101a17;border-radius:50%}
.dog-face .eye.left{left:29px}.dog-face .eye.right{right:29px}
.dog-face-stou .eye.left{left:26px}.dog-face-stou .eye.right{right:26px}
.dog-face .muzzle{position:absolute;z-index:4;left:50%;bottom:10px;transform:translateX(-50%);width:55px;height:38px;background:#fff;border-radius:48%}
.dog-face .nose{position:absolute;z-index:5;left:50%;bottom:29px;transform:translateX(-50%);width:17px;height:12px;background:#101a17;border-radius:55% 55% 65% 65%}
.salon-dog-names{display:flex;justify-content:center;gap:44px;margin:-2px 0 16px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#f7f3e8}
.pet-visual>p{margin-top:0}

@media(max-width:760px){
  .slide-future .hero-content{background:rgba(248,252,246,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .salon-dog-logo{gap:12px;transform:scale(.9);margin-bottom:4px}
}

/* ===== METIS Website v13.1 final fixes ===== */
/* More transparent glass so CHAOZ remains visible behind the copy panel */
.slide-future .hero-content{
  background:rgba(248,252,246,.38);
  -webkit-backdrop-filter:blur(5px) saturate(108%);
  backdrop-filter:blur(5px) saturate(108%);
  border-color:rgba(255,255,255,.70);
  box-shadow:0 18px 55px rgba(18,60,50,.08);
}
.slide-future .hero-art{object-position:53% center}

/* Restore visible photography in the project area */
.project{background-position:center;background-repeat:no-repeat;background-size:cover}
.p1{background-image:url('project-renovation-v14.jpg')}
.p2{background-image:url('project-dogsalon-v14.jpg')}
.p3{background-image:url('project-dogschool-v14.jpg')}
.project:before{background:linear-gradient(180deg,rgba(6,22,18,.02) 15%,rgba(6,22,18,.82) 100%)}

@media(max-width:900px){
  .slide-future .hero-content{background:rgba(248,252,246,.50)}
  .slide-future .hero-art{object-position:58% center}
}
@media(max-width:560px){
  .slide-future .hero-content{background:rgba(248,252,246,.58)}
  .slide-future .hero-art{object-position:62% center}
}

/* ===== METIS Website v13.2 final visual cleanup ===== */
/* Keep the dogs clearly visible through the copy panel: true transparency, no frosted blur. */
.slide-future .hero-content{
  background:rgba(248,252,246,.28);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 55px rgba(18,60,50,.07);
  max-width:720px;
}
.slide-future:after{
  background:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.22) 37%,rgba(255,255,255,.04) 65%,transparent 82%);
}
.slide-future .hero-art{object-position:49% center}

/* Project artwork already contains its own labels. Prevent duplicate captions and stray controls. */
.project{padding:0;background-position:center;background-size:cover}
.project:before,.project>div{display:none}
.p1{background-image:url('project-renovation-v14.jpg')}
.p2{background-image:url('project-dogsalon-v14.jpg')}
.p3{background-image:url('project-dogschool-v14.jpg')}

@media(max-width:900px){
  .slide-future .hero-content{background:rgba(248,252,246,.44);max-width:none}
  .slide-future .hero-art{object-position:57% center}
}
@media(max-width:560px){
  .slide-future .hero-content{background:rgba(248,252,246,.58)}
  .slide-future .hero-art{object-position:62% center}
}


/* ===== METIS Website v14 FINAL ===== */
.slide-future .hero-content{
  background:rgba(248,252,246,.32);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 18px 55px rgba(18,60,50,.08);
  max-width:720px;
}
.slide-future:after{
  background:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.15) 38%,rgba(255,255,255,.02) 65%,transparent 82%);
}
.slide-future .hero-art{object-position:49% center}
.project{padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.project:before,.project>div{display:none!important}
.p1{background-image:url('project-renovation-v14.jpg')!important}
.p2{background-image:url('project-dogsalon-v14.jpg')!important}
.p3{background-image:url('project-dogschool-v14.jpg')!important}
@media(max-width:900px){
 .slide-future .hero-content{background:rgba(248,252,246,.48);max-width:none}
 .slide-future .hero-art{object-position:57% center}
}
@media(max-width:560px){
 .slide-future .hero-content{background:rgba(248,252,246,.62)}
 .slide-future .hero-art{object-position:62% center}
}


/* ===== METIS Website v15 SALON MENU ===== */
.salon-menu{background:#f6f4ed}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}
.promise-card{background:#fff;padding:26px;border-radius:20px;box-shadow:0 12px 34px rgba(18,60,50,.08)}
.promise-card b{color:#b78952;font-size:13px;letter-spacing:.16em}.promise-card h3{margin:10px 0 8px}.promise-card p{margin:0;color:#5d6965;font-size:14px;line-height:1.8}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.price-card{background:#fff;border-radius:26px;padding:30px;box-shadow:0 18px 50px rgba(18,60,50,.09)}
.price-card.featured{background:#123c32;color:#fff}.price-head span{font-size:11px;letter-spacing:.16em;color:#b78952}.price-head h3{font-size:26px;margin:7px 0 20px}.price-card dl{margin:0}.price-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(18,60,50,.13)}.price-card.featured dl div{border-color:rgba(255,255,255,.18)}.price-card dt{font-weight:800}.price-card dd{font-size:20px;font-weight:800}.price-card>p{font-size:13px;line-height:1.8;margin:20px 0 0;opacity:.78}
.quick-service{margin-top:24px;background:#fff;border-radius:26px;padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.quick-service h3{font-size:28px;margin:6px 0 10px}.quick-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-list span{display:flex;justify-content:space-between;gap:12px;background:#f6f4ed;border-radius:12px;padding:14px 16px;font-size:14px}.quick-list b{white-space:nowrap}
.extra-note{margin-top:18px;border:1px solid #d9d3c5;background:#fffdf8;border-radius:18px;padding:22px 26px}.extra-note h3{margin:0 0 8px}.extra-note p{margin:5px 0;line-height:1.8}
@media(max-width:900px){.promise-grid{grid-template-columns:1fr 1fr}.price-grid,.quick-service{grid-template-columns:1fr}}
@media(max-width:560px){.promise-grid{grid-template-columns:1fr}.price-card,.quick-service{padding:22px}.quick-list{grid-template-columns:1fr}.price-head h3{font-size:22px}}

/* ===== METIS Website v16 pricing visibility ===== */

/* ===== METIS Website v18 horizontal logo ===== */
.brand-logo-link{
  padding:5px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.92);
  box-shadow:0 5px 18px rgba(0,0,0,.12);
}
.brand-logo{
  display:block;
  width:178px;
  height:auto;
}
.opening-logo{
  display:block;
  width:min(440px,72vw);
  margin-bottom:30px;
}
.opening-logo-image{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 10px 25px rgba(18,62,51,.10));
}
.footer-brand.brand-logo-link{
  background:#fff;
}
@media(max-width:760px){
  .brand-logo-link{padding:4px 7px}
  .brand-logo{width:142px}
  .opening-logo{width:min(360px,78vw)}
}
@media(max-width:390px){
  .brand-logo{width:126px}
}
.price-jump{background:#b78952;color:#fff;border-color:#b78952}
.price-jump:hover{background:#9e7344;border-color:#9e7344}
.menu-announcement{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(22px,6vw,88px);background:#b78952;color:#fff}
.menu-announcement div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.menu-announcement strong{font-size:20px;letter-spacing:.04em}
.menu-announcement span{font-size:14px;opacity:.94}
.menu-announcement a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 20px;border-radius:999px;background:#fff;color:#123c32;font-weight:800;font-size:13px}
#salon-menu{scroll-margin-top:78px}
@media(max-width:760px){
  .menu-announcement{align-items:flex-start;flex-direction:column;padding:18px 20px;gap:14px}
  .menu-announcement div{display:block}.menu-announcement strong{display:block;margin-bottom:5px;font-size:18px}.menu-announcement span{font-size:13px}
  .menu-announcement a{width:100%}
  .dual-actions{display:grid!important;grid-template-columns:1fr!important}
}