:root{--ink:#202522;--bg:#f5f4f0;--green:#53675d;--line:#d9dcd5;--muted:#68706b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bc7346;outline-offset:4px}img{display:block;width:100%;object-fit:cover}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#f8f8f5;position:sticky;top:0;z-index:10;border-bottom:1px solid #e3e4df}.brand{font-size:21px;letter-spacing:.12em;font-weight:700;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:.24em;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:27px;font-size:12px;letter-spacing:.04em}.navcta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--ink);color:white;padding:14px 22px;font-size:13px;font-weight:600;transition:.2s}.navcta:hover,.btn:hover{background:var(--green)}.btn.light{background:white;color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid #777f79}.hero{min-height:650px;height:calc(100vh - 78px);max-height:830px;position:relative;background:#b7bdb7;overflow:hidden}.hero img{height:100%;filter:brightness(.7);object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,29,23,.55),transparent 76%)}.hero-copy{position:absolute;z-index:1;left:8vw;top:50%;transform:translateY(-43%);color:white}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(39px,5.7vw,78px);line-height:1.2;letter-spacing:.06em;margin:26px 0 22px;font-weight:500}.hero h1 span{font-size:.43em;letter-spacing:.12em;display:block;margin-top:16px}.hero p{font-size:14px;line-height:2.2}.hero .btn{margin-top:15px}.hero-index{position:absolute;right:5vw;bottom:35px;z-index:2;color:white;letter-spacing:.18em;font-size:11px}.wrap{width:min(1240px,88%);margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:125px 0}.label{font-size:11px;color:var(--green);letter-spacing:.22em;font-weight:700}.intro h2,.heading h2{font-size:clamp(28px,3.3vw,46px);line-height:1.45;letter-spacing:.07em;font-weight:500;margin:24px 0}.intro p,.heading p{color:#5c645e}.facts{display:flex;gap:55px;padding-top:35px;border-top:1px solid var(--line);margin-top:30px}.facts b{font-size:23px;font-weight:500;display:block;line-height:1.3}.facts span{font-size:11px;color:var(--muted)}.section{padding:110px 0}.section.dark{background:#202923;color:#f5f6f2}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.heading h2{margin:10px 0}.heading p{max-width:420px;margin:0}.dark .heading p{color:#b8c1b9}.photos{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.photos img{height:480px}.photos .stack{display:grid;gap:16px;grid-template-columns:1fr 1fr}.photos .stack img{height:480px}.caption{color:#aab7ae;font-size:11px;margin-top:14px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfc5bd}.use{padding:30px 25px 30px 0;border-bottom:1px solid #bfc5bd;margin-right:30px}.use .num{font-size:11px;color:var(--green)}.use h3{font-size:20px;font-weight:500;margin:12px 0}.use p{font-size:13px;color:#68706b;margin:0}.check{background:#e7ebe5;padding:55px;margin-top:60px;display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.check h3{font-size:26px;line-height:1.5;font-weight:500;margin:8px 0}.check p{color:#5e6a60;font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.field select{width:100%;padding:12px;background:white;border:1px solid #bac3b9;border-radius:0;color:#222}.wide{grid-column:1/-1}.result{background:white;padding:20px 23px;margin-top:15px;min-height:80px;font-size:13px;border-left:3px solid var(--green)}.result strong{display:block;font-size:15px}.result p{margin:5px 0;color:#4f5951}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:70px}.equipment h3{font-size:25px;font-weight:500}.equipment ul{list-style:none;padding:0;margin:25px 0}.equipment li{border-top:1px solid #d2d6cf;padding:12px 0;font-size:14px}.note{color:var(--muted);font-size:12px}.price{background:#e5e9e3}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.price h2{font-size:43px;font-weight:500;line-height:1.3}.prices{border-top:1px solid #adb9af}.price-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #adb9af;padding:16px 0}.price-row strong{font-size:21px;font-weight:500}.price-row small{font-size:12px}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:20px 28px 20px 0;cursor:pointer;list-style:none;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:14px;font-weight:400}details[open] summary:after{content:'−'}details p{color:#626b64;font-size:13px;margin:0 30px 22px 0}.access{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.map{background:#d8dfd7;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#46584b}.map .pin{font-size:40px}.map a{border-bottom:1px solid;padding-bottom:3px;font-size:13px}.reserve{background:#374c40;color:white;text-align:center;padding:110px 20px}.reserve h2{font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.4}.reserve p{color:#d5ded5}.reserve .actions{display:flex;justify-content:center;gap:12px;margin:30px auto}.reserve .phone{color:white;border:1px solid #a9b6ab;background:transparent}.footer{background:#18221b;color:#bac7bb;padding:40px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:11px}.mobile-bar{display:none}@media(max-width:850px){header{height:65px}nav a:not(.navcta){display:none}nav{gap:0}.navcta{padding:10px 14px}.hero{height:640px;min-height:0}.hero-copy{left:7%;right:7%}.intro,.equipment,.price-layout,.faq-layout,.access{grid-template-columns:1fr;gap:25px}.intro,.section{padding:75px 0}.heading{display:block}.heading p{margin-top:15px}.photos{grid-template-columns:1fr}.photos img{height:360px}.photos .stack img{height:240px}.use-grid{grid-template-columns:1fr 1fr}.check{grid-template-columns:1fr;padding:28px;gap:15px}.footer{padding-bottom:80px}.mobile-bar{display:flex;position:fixed;z-index:15;bottom:0;left:0;right:0;background:#f7f8f4;padding:8px;gap:8px;box-shadow:0 -2px 12px #0002}.mobile-bar a{flex:1;text-align:center;padding:10px;font-size:12px;border:1px solid #33463a}.mobile-bar a:last-child{background:#26392e;color:white}}@media(max-width:480px){.hero{height:600px}.hero h1{font-size:38px}.facts{gap:25px}.facts b{font-size:19px}.photos img{height:250px}.photos .stack img{height:160px}.use-grid{grid-template-columns:1fr}.use{margin-right:0}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.reserve .actions{flex-direction:column}.reserve .btn{width:100%}.footer{display:block}.footer p{margin-bottom:0}}
/* Booking guidance and accessible navigation */
body{font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}section[id],div[id=check]{scroll-margin-top:100px}.skip-link{position:fixed;left:15px;top:-100px;padding:12px 20px;background:#fff;z-index:40}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-menu{display:none}button{cursor:pointer;border:0;border-radius:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ba774c;outline-offset:4px}.hero-actions{display:flex;align-items:center;gap:30px}.hero .text-link{color:white;border-color:#c5cdc6;padding-top:15px}.hero-note{font-size:11px!important;letter-spacing:.09em;margin-top:25px}.text-link{display:inline-block;border-bottom:1px solid currentColor;font-size:12px;padding-bottom:3px}.field input:not([type=checkbox]){display:block;min-width:0;width:100%;padding:12px;background:white;border:1px solid #bac3b9;border-radius:0;color:#222}.field small{font-size:10px;color:#606b62;font-weight:400;margin-left:4px}.field select{min-height:51px}.field label.checkbox-label{display:flex;align-items:center;gap:9px;font-weight:400;padding:6px 0}.checkbox-label input{width:18px;height:18px;accent-color:#425a49}.estimate{margin-top:24px;padding:20px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #bac3b9}.estimate span{font-size:12px}.estimate strong{font-size:26px;font-weight:500;line-height:1.4;white-space:nowrap}.result[data-mode=consult]{border-color:#a57a42}.result[data-mode=incomplete]{border-color:#a9b4a9}.planner-actions{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}.reset-btn{font-size:11px;background:transparent;border-bottom:1px solid #737e73;padding:3px 0;color:#4c584f}.flow-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:50px;border-top:1px solid var(--line)}.flow-grid li{padding-top:28px}.flow-grid span{font-size:11px;letter-spacing:.1em;color:#617363}.flow-grid h3{font-size:20px;font-weight:500}.flow-grid p{font-size:13px;color:#637066}.reserve>.wrap{max-width:1000px}.reserve .label{color:#c4d5c8}.handoff{margin:45px auto 30px;max-width:800px;background:#2b3d32;padding:26px;text-align:left;border:1px solid #728376}.handoff-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.handoff h3{font-size:15px;margin:0;font-weight:500}.handoff-head span{font-size:11px;color:#c3d0c3}.handoff textarea{width:100%;display:block;resize:vertical;background:#f5f6f1;color:#202923;font-size:14px;padding:16px;border:0;line-height:1.9;border-radius:0}.copy-row{display:flex;align-items:center;gap:25px;margin-top:17px;flex-wrap:wrap}.handoff p{font-size:11px;line-height:1.8;margin:14px 0 0}.handoff p.copy-status{margin:5px 0 0;min-height:20px;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:36px;margin-top:40px}.contact-grid article{border-top:1px solid #7b8d7e;padding-top:25px}.contact-grid h3{font-size:24px;font-weight:500}.contact-grid p{font-size:13px;min-height:56px}.contact-grid .btn{width:100%;padding:18px}.contact-grid .recommended{outline:2px solid #e7d3ab;outline-offset:5px}.reserve-note{font-size:11px;margin-top:30px!important}.phone-line{padding-top:28px;border-top:1px solid #6d8070;font-size:12px;margin-top:32px}.phone-line a{font-size:22px;display:inline-block;margin-left:22px;color:#fff}.dark .label{color:#adbdaf}.reserve h2{margin-top:18px}.photos img{object-position:center}.facts{gap:40px}
@media(max-width:1100px){nav{gap:18px;font-size:11px}.navcta{padding:12px 15px}.check{padding:35px;grid-template-columns:.8fr 1.2fr;gap:5%}.estimate strong{font-size:23px}}
@media(max-width:850px){header{padding:0 6%;gap:16px}.brand{font-size:18px}nav{margin-left:auto}.navcta{font-size:11px}.mobile-menu{display:block;border:0}.mobile-menu summary{padding:8px 0;font-size:11px;font-weight:500}.mobile-menu summary:after{display:none}.mobile-menu>div{position:absolute;left:0;right:0;top:64px;background:#f5f4f0;padding:12px 6% 24px;box-shadow:0 8px 20px #0002}.mobile-menu a{display:block;padding:9px 0;border-bottom:1px solid #d5dacf;font-size:13px}.hero{height:660px}.hero h1{font-size:clamp(38px,7vw,62px)}.hero h1 span{font-size:.48em}.hero-note{font-size:10px!important}.check{grid-template-columns:1fr;padding:28px;gap:25px}.flow-grid{gap:25px}.flow-grid h3{font-size:17px}.flow-grid p{font-size:12px}.contact-grid h3{font-size:20px}.footer{padding-bottom:100px}.phone-line a{display:block;margin:8px 0 0}.reserve{padding:75px 0}.contact-grid{gap:24px}section[id],div[id=check]{scroll-margin-top:80px}}
@media(max-width:560px){nav{display:none}.mobile-menu{margin-left:auto}.hero{height:620px}.hero-copy{top:47%;transform:translateY(-43%)}.hero h1{font-size:40px}.hero h1 span{font-size:18px;line-height:1.7;letter-spacing:.06em}.hero .eyebrow{font-size:9px}.hero p{font-size:12px}.hero-actions{gap:22px}.hero .btn{padding:14px 16px;font-size:12px}.hero .text-link{font-size:11px}.hero-note{max-width:275px}.hero-index{font-size:9px;bottom:22px}.intro h2,.heading h2{font-size:30px}.facts{gap:23px}.facts b{font-size:20px}.check{margin-top:40px;padding:24px 20px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.check h3{font-size:25px}.check>div>p{font-size:12px}.estimate{align-items:flex-start;flex-direction:column;gap:4px}.estimate strong{font-size:28px}.planner-actions .btn{width:100%;font-size:12px}.price h2{font-size:32px}.price-row strong{font-size:20px}.flow-grid{grid-template-columns:1fr;gap:0}.flow-grid li{padding:25px 0 10px;border-bottom:1px solid var(--line)}.flow-grid h3{font-size:20px;margin:12px 0}.flow-grid p{font-size:13px}.handoff{padding:20px 16px;margin-top:30px}.handoff textarea{font-size:16px}.copy-row{gap:14px}.copy-row .btn{width:100%}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid p{min-height:0}.reserve>.wrap>p{font-size:13px}.reserve h2{font-size:33px}.reserve-note{font-size:11px!important}.phone-line{font-size:12px!important}.footer .brand{font-size:20px}.mobile-bar a{min-height:44px;font-size:12px}.result{padding:17px}.result strong{font-size:14px}.result p{font-size:12px}.field input:not([type=checkbox]),.field select{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.photos .stack{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.photos .stack img{height:232px}.photos .stack img:last-child{object-position:50% 43%}@media(max-width:850px){.photos .stack{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.photos .stack img{height:240px}}@media(max-width:480px){.photos .stack img{height:160px}}
@media(max-width:560px){.hero h1{font-size:clamp(30px,10vw,40px)}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions a{white-space:nowrap}.hero .btn{font-size:11px;padding:13px 14px;gap:10px}.hero h1 span{font-size:clamp(16px,4.8vw,18px)}}
@media(max-width:360px){.intro h2,.heading h2{font-size:26px}.facts{gap:18px}.facts b{font-size:18px}.facts span{font-size:9px}.planner-actions .btn{white-space:normal;line-height:1.7;padding:14px 12px}.check{padding:23px 16px}}

/* Updated studio rates */
.prices{border-top:0}.rate-card{padding:28px 30px;border:1px solid #adb9af}.rate-hourly{background:#fff;border-top:4px solid #53675d}.rate-day{margin-top:18px;background:#f2f4ef}.rate-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px;font-weight:700}.rate-label>span{font-size:12px;font-weight:500;color:#53675d}.rate-amount{display:flex;align-items:baseline;gap:16px;margin-top:16px;line-height:1.3}.rate-amount strong{font-size:clamp(38px,4.6vw,60px);font-weight:700;letter-spacing:-.03em}.rate-unit{font-size:16px}.rate-tax{margin:6px 0 0;font-size:16px}.rate-tax strong{font-size:25px}.rate-detail{border-top:1px solid #d9dcd5;padding-top:16px;margin:18px 0 0;font-size:12px}.rate-day .rate-amount strong{font-size:38px}.rate-day .rate-tax strong{font-size:21px}@media(max-width:560px){.rate-card{padding:24px 20px}.rate-amount{gap:12px}.rate-amount strong{font-size:48px}.rate-label{font-size:14px;flex-wrap:wrap}.rate-label>span{font-size:11px}.rate-day .rate-amount strong{font-size:36px}}

#campaigns{background:#e7ede7;scroll-margin-top:80px}
.campaign-inner{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.campaign-inner h2{margin:4px 0;font-size:clamp(26px,3.2vw,40px);line-height:1.35}
.campaign-inner p{margin:6px 0 0}.campaign-inner .campaign-note{font-size:12px}
@media(max-width:760px){.campaign-inner{flex-direction:column;align-items:flex-start;gap:14px}}

.line-contact{margin:32px 0;padding:24px 0;border-block:1px solid currentColor}.line-contact h3{margin:0}.line-contact p{margin:8px 0}.line-contact .btn{margin-top:6px}

/* Related studio: preserve A1's booking flow, introduce Y5 below it. */
.related-studio{padding:70px 0 80px;background:var(--bg);color:var(--ink)}.related-studio-label{margin:0 0 18px}.related-studio-banner{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);background:#e8ece5;text-decoration:none;color:var(--ink);overflow:hidden}.related-studio-banner:focus-visible{outline:3px solid var(--green);outline-offset:5px}.related-studio-image{position:relative;overflow:hidden;min-height:360px}.related-studio-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transition:transform .35s ease}.related-studio-image>span{position:absolute;left:20px;bottom:18px;padding:5px 9px;background:#f5f4f0ed;font-size:8px;letter-spacing:.12em}.related-studio-copy{padding:30px 38px;align-self:center}.related-studio-copy>.label{font-size:9px;margin:0}.related-studio-copy h2{font-size:34px;line-height:1.3;letter-spacing:.045em;font-weight:400;margin:14px 0 18px}.related-studio-copy h2>span{display:inline-block;font-size:13px;letter-spacing:.04em;margin-left:8px}.related-studio-catch{font-size:18px;line-height:1.8;margin:0 0 14px}.related-studio-rate{font-size:11px;line-height:1.5;margin:0}.related-studio-rate strong{font-size:26px;font-weight:400;letter-spacing:-.03em;margin-left:3px}.related-studio-rate>span{display:block;font-size:10px;color:#536056;margin-top:2px}.related-studio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);font-size:12px;padding:15px 0 9px;margin-top:12px}.related-studio-cta>span{font-size:20px;line-height:1}.related-studio-banner:hover .related-studio-cta{text-decoration:underline;text-underline-offset:4px}.related-studio-banner:hover .related-studio-image img{transform:scale(1.025)}
@media(max-width:900px){.related-studio-copy{padding:27px}.related-studio-copy h2{font-size:29px}.related-studio-catch{font-size:16px}}
@media(max-width:600px){.related-studio{padding:45px 0 50px}.related-studio-label{font-size:8px;letter-spacing:.08em}.related-studio-banner{grid-template-columns:1fr}.related-studio-image{min-height:0;aspect-ratio:1.6}.related-studio-image>span{left:14px;bottom:12px;font-size:7px}.related-studio-copy{padding:25px}.related-studio-copy h2{font-size:30px;margin-top:12px}.related-studio-copy h2>span{font-size:12px;margin-left:5px}.related-studio-catch{font-size:17px}.related-studio-cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.related-studio-image img{transition:none}.related-studio-banner:hover .related-studio-image img{transform:none}}