/* Dedicated space / October 2026. All changes are confined to this page's main. */
#main-content.ar8{--rose:#ad4f72;--blue:#2d7599;--ink:#203b4d;--muted:#526b7b;--line:#d7e5ee;background:#fff;font-feature-settings:"palt"}
#main-content.ar8 :is(p,li){font-size:15px;line-height:1.85;color:var(--muted)}
#main-content.ar8 h2{font-size:29px;line-height:1.5;letter-spacing:-.035em}
#main-content.ar8 h3{font-size:21px;line-height:1.55}
#main-content.ar8 .ar7-section{padding:46px 0}
#main-content.ar8 :is(.ar7-kicker,.ar8-mini-label){font-size:10px;font-weight:650;letter-spacing:.12em;line-height:1.6;color:var(--rose)}
#main-content.ar8 .ar7-heading>p{max-width:40em;font-size:14px;line-height:1.9}
#main-content.ar8 .ar7-photo{border-radius:20px}
#main-content.ar8 .ar7-local-nav{position:relative;top:auto;background:#f5fbff;border-color:#d7e7ef;backdrop-filter:none}
#main-content.ar8 .ar7-local-nav a{min-height:48px;font-size:12px}
#main-content.ar8 .ar7-local-nav a[aria-current]{color:var(--rose)}
/* A fashion-led introduction, then the real salon. No lettering is placed on photographs. */
#main-content.ar8 .ar8-hero{position:relative;padding:10px 0 34px;background:radial-gradient(ellipse at 7% 32%,#fff0f5aa,transparent 46%),radial-gradient(ellipse at 92% 25%,#dff3ffb8,transparent 48%),#fff;overflow:hidden}
#main-content.ar8 .ar8-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;padding-top:12px;padding-bottom:30px}
#main-content.ar8 .ar7-hero-copy{max-width:none;text-align:left;margin:0;position:relative}
#main-content.ar8 .ar7-hero h1{font-size:43px;line-height:1.5;letter-spacing:-.055em;font-weight:700}
#main-content.ar8 .ar7-hero h1 em{color:var(--rose)}
#main-content.ar8 .ar7-hero-copy>p:not(.ar7-kicker){font-size:15px;line-height:1.9;margin:19px 0 0;max-width:35em}
#main-content.ar8 .ar7-hero-copy>.ar7-actions{justify-content:flex-start;gap:12px 20px;margin-top:23px}
#main-content.ar8 .ar8-portrait{width:100%;max-width:430px;margin:0 auto;position:relative;border:1px solid #d9e7ef;border-radius:26px 26px 78px 26px;padding:6px;background:#ffffffb8;box-shadow:inset 0 1px #fff,0 16px 50px #446e8a0c;line-height:0}
#main-content.ar8 .ar8-portrait picture{display:block;overflow:hidden;border-radius:21px 21px 72px 21px}
#main-content.ar8 .ar8-portrait img{display:block;width:100%;height:auto;object-fit:contain}
#main-content.ar8 .ar8-portrait:after{content:'';position:absolute;right:-13px;bottom:17px;width:25px;height:25px;border:1px solid #dfb7ca;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff,#f7d9e7 45%,#d992b1 82%,#f8d8e6);box-shadow:inset 0 1px #fff,0 3px 9px #aa65821a;pointer-events:none}
#main-content.ar8 .ar8-real-intro{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:31px;border-top:1px solid #dce8ef;padding-top:25px}
#main-content.ar8 .ar8-real-intro .ar7-photo{border-radius:16px}
#main-content.ar8 .ar8-real-intro h2{font-size:24px}
#main-content.ar8 .ar8-real-intro h2 br{display:none}
#main-content.ar8 .ar7-facts{gap:20px;margin-top:18px}
#main-content.ar8 .ar7-facts>div{text-align:left;padding:0 0 0 14px;border-left:2px solid #b6dcea}
#main-content.ar8 .ar7-facts strong{font-size:15px;color:var(--ink);font-weight:700}
#main-content.ar8 .ar7-facts span{font-size:12px;line-height:1.75;margin-top:5px}
/* Texture selection with a full photographic response. */
#main-content.ar8 .ar8-materials{border-top:1px solid var(--line);padding-top:15px}
#main-content.ar8 .ar8-material-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
#main-content.ar8 .ar8-material-tabs button{appearance:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 16px 7px 8px;border:1px solid transparent;border-radius:999px;background:#f3f7fa;color:#4c6678;font:inherit;font-size:13px;cursor:pointer;position:relative;transition:background .2s,border-color .2s,box-shadow .2s}
#main-content.ar8 .ar8-material-tabs button[aria-selected=true]{background:#fff;border-color:#d6adc1;color:#984061;box-shadow:inset 0 1px #fff,0 4px 14px #9a5c7b0b}
#main-content.ar8 .ar8-swatch{width:30px;height:30px;flex:none;border:1px solid #aebfc9;border-radius:50%;box-shadow:inset 0 1px #fff7,inset 0 -1px 2px #0002;position:relative}
#main-content.ar8 .ar8-swatch-sign{background:linear-gradient(135deg,#fefefe,#e1e6e8 50%,#8f9a9f)}
#main-content.ar8 .ar8-swatch-gray{background:repeating-linear-gradient(3deg,#9b9996 0 2px,#aaa9a7 3px 6px,#93918d 7px 8px)}
#main-content.ar8 .ar8-swatch-navy{background:linear-gradient(130deg,#526677,#142d44 65%,#293d54)}
#main-content.ar8 .ar8-swatch-light{background:radial-gradient(circle at 32% 20%,#fffdf1,#f4e2be 55%,#b5a68f)}
#main-content.ar8 .ar8-material-tabs button[aria-selected=true] .ar8-swatch:after{content:'';position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;background:linear-gradient(#efb9d0,#b86287);border:2px solid #fff;border-radius:50%}
#main-content.ar8 .ar8-material-panel{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fbfdff,#f2f8fc);box-shadow:inset 0 1px #fff}
#main-content.ar8 .ar8-material-panel+.ar8-material-panel{margin-top:18px}
#main-content.ar8 .ar8-material-panel .ar7-photo{background:transparent}
#main-content.ar8 .ar8-material-panel .ar7-photo img{max-height:360px;object-fit:contain}
#main-content.ar8 .ar8-material-panel .ar8-mini-label{display:block;margin-bottom:10px}
#main-content.ar8 .ar8-material-text h3{font-size:25px;margin-bottom:13px}
#main-content.ar8 .ar8-material-text p{font-size:14px;line-height:1.9}
#main-content.ar8 .ar8-material-text .ar7-kicker{display:none}
#main-content.ar8 .ar8-material-text>a{margin-top:11px}
#main-content.ar8 .ar8-material-panel[data-material-panel=light]{background:linear-gradient(130deg,#1c344b,#152a3e);border-color:#395064}
#main-content.ar8 .ar8-material-panel[data-material-panel=light] :is(h3,summary){color:#f2f9ff}
#main-content.ar8 .ar8-material-panel[data-material-panel=light] h3 em{color:#b0dce9}
#main-content.ar8 .ar8-material-panel[data-material-panel=light] p{color:#cfdee8}
#main-content.ar8 .ar8-material-panel[data-material-panel=light] .ar8-mini-label{color:#edb9d0}
#main-content.ar8 .ar8-material-panel[data-material-panel=light] .ar8-details{border-color:#587085}
#main-content.ar8 .ar7-location{margin-top:20px}
#main-content.ar8 .ar8-details{border:0;border-top:1px solid #d5e3ec;border-radius:0;background:transparent;margin-top:18px}
#main-content.ar8 .ar8-details>summary{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:48px;padding:12px 0;font-size:13px;font-weight:600;color:var(--blue);list-style:none;cursor:pointer}
#main-content.ar8 .ar8-details>summary::-webkit-details-marker{display:none}
#main-content.ar8 .ar8-details>summary:after{content:'＋';font-size:18px;font-weight:400;flex:none}
#main-content.ar8 .ar8-details[open]>summary:after{content:'−'}
#main-content.ar8 .ar8-details>div{padding-bottom:15px}
#main-content.ar8 .ar8-details>div>h3{font-size:18px;margin:16px 0 7px}
#main-content.ar8 .ar7-light-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px;font-size:12px}
#main-content.ar8 .ar7-light-route i{font-style:normal}
/* Where each action happens: the equipment markers never contain explanatory overlays. */
#main-content.ar8 .ar8-use{background:linear-gradient(145deg,#f1f9fe,#fff9fb 75%,#fff)}
#main-content.ar8 .ar8-use-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
#main-content.ar8 .ar8-use-visual{position:relative;min-width:0}
#main-content.ar8 .ar8-use-visual .ar7-photo{border-radius:21px}
#main-content.ar8 .ar8-use-points{position:absolute;inset:0;pointer-events:none}
#main-content.ar8 .ar8-use-points button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:50%;background:none;display:grid;place-items:center;padding:0;pointer-events:auto;cursor:pointer}
#main-content.ar8 .ar8-use-points button span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #b1c8d8;background:#fffffff2;color:#31566e;font-size:11px;font-weight:700;box-shadow:0 2px 9px #132d4933}
#main-content.ar8 .ar8-use-points button[aria-pressed=true] span{background:linear-gradient(#fff0f7,#e6a0bd 60%,#bb638b);border-color:#a84f74;color:#55273b;box-shadow:0 0 0 5px #fff7,0 3px 15px #25395125}
#main-content.ar8 .ar8-use-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #d0e1ed;padding-bottom:13px;margin-bottom:19px}
#main-content.ar8 .ar8-use-tabs button{display:flex;align-items:center;gap:5px;min-height:44px;padding:7px 11px;border:1px solid transparent;border-radius:999px;background:#fff8;color:#526b7b;font:inherit;font-size:12px;cursor:pointer}
#main-content.ar8 .ar8-use-tabs button small{font-size:9px;color:#a36280}
#main-content.ar8 .ar8-use-tabs button[aria-selected=true]{background:#fff;border-color:#ce9eb5;color:#943e61;box-shadow:0 3px 10px #9655750c}
#main-content.ar8 .ar8-use-panels h3{font-size:25px;line-height:1.6;margin:0 0 15px}
#main-content.ar8 .ar8-use-panels p{font-size:14px;line-height:1.9}
#main-content.ar8 .ar8-use-panels [data-use-panel]+[data-use-panel]{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
#main-content.ar8.ar8-ready .ar8-use-panels [data-use-panel]{padding:0;margin:0;border:0;min-height:135px}
#main-content.ar8 .ar7-plan-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#main-content.ar8 .ar7-plan-notes b{font-size:17px}
#main-content.ar8 #flow .ar7-flow-layout{margin-top:16px}
/* Privacy has its own editorial rhythm instead of another large photograph. */
#main-content.ar8 .ar8-privacy-copy{display:block;max-width:760px;border-left:3px solid #a9d6e7;padding:0 0 0 25px}
#main-content.ar8 .ar8-privacy-copy h3{font-size:24px;margin-bottom:15px}
#main-content.ar8 .ar8-privacy-copy p{font-size:14px}
#main-content.ar8 .ar7-stay-facts>div{gap:20px}
#main-content.ar8 .ar7-stay-facts article b{font-size:16px}
#main-content.ar8 .ar7-stay-facts article p{font-size:13px}
/* Room viewer: one original image per room; changing a viewpoint only changes its framing. */
#main-content.ar8 .ar7-tour{background:radial-gradient(ellipse at 95% 15%,#ffeef5b3,transparent 45%),linear-gradient(135deg,#f0f9ff,#fff)}
#main-content.ar8 .ar7-room-gallery.ar7-enhanced{max-width:760px}
#main-content.ar8 .ar7-room-photo>a{overflow:hidden;aspect-ratio:4/3;background:#edf4f8;touch-action:pan-y pinch-zoom}
#main-content.ar8 .ar7-room-photo>a img{height:100%;width:100%;object-fit:contain;transform:scale(1);transform-origin:center;transition:transform .35s ease}
#main-content.ar8 .ar7-room-photo[data-view=mirror]>a img{transform:scale(1.28);transform-origin:var(--mirror,65% 30%)}
#main-content.ar8 .ar7-room-photo[data-view=chair]>a img{transform:scale(1.2);transform-origin:var(--chair,15% 65%)}
#main-content.ar8 .ar7-room-photo figcaption{font-size:13px;line-height:1.8;padding:14px 18px 4px;color:var(--muted)}
#main-content.ar8 .ar8-room-views{display:flex;gap:6px;flex-wrap:wrap;padding:10px 15px 0}
#main-content.ar8 .ar8-room-views button{min-height:44px;border:1px solid #d6e4ed;padding:7px 14px;border-radius:99px;background:#f3f8fb;color:#476477;font:inherit;font-size:12px;cursor:pointer}
#main-content.ar8 .ar8-room-views button[aria-pressed=true]{border-color:#ce9eb5;background:#fff5f9;color:#984061}
#main-content.ar8 .ar8-view-status{font-size:11px!important;line-height:1.8!important;padding:11px 18px 15px;margin:0}
#main-content.ar8 .ar7-portrait-break{gap:28px;padding:28px;border:1px solid #ead7e2;border-radius:24px;background:radial-gradient(ellipse at 8% 15%,#fff0f7,transparent 60%),#fcfdff;margin-top:27px}
#main-content.ar8 .ar7-portrait-break h2{font-size:29px;color:var(--ink)}
#main-content.ar8 .ar7-portrait-break h2 em{color:var(--rose)}
#main-content.ar8 .ar7-portrait-break .ar7-photo{border-radius:18px}
#main-content.ar8 .ar7-water-grid .ar7-photo img{max-height:275px;object-fit:contain}
#main-content.ar8 .ar7-water-grid h3{font-size:22px}
#main-content.ar8 .ar7-water-grid p{font-size:14px}
#main-content.ar8 .ar7-mirror-grid .ar7-photo img{max-height:270px;object-fit:contain}
#main-content.ar8 .ar7-relax-grid .ar7-photo{max-width:440px}
#main-content.ar8 .ar7-sound{background:linear-gradient(145deg,#fff,#eff8ff);border-color:#d0e2ed;border-radius:21px}
#main-content.ar8.ar7-motion .ar7-wave i{animation-iteration-count:3}
#main-content.ar8 .ar7-time strong{font-size:60px}
#main-content.ar8 .ar7-sixty-layout .ar7-photo img{max-height:310px;object-fit:contain}
#main-content.ar8 .ar7-evidence .evidence-grid article{background:linear-gradient(145deg,#fff,#f4faff);border-radius:18px}
#main-content.ar8 .ar7-evidence .evidence-grid strong{font-size:25px}
#main-content.ar8 :is(button,a,summary):focus-visible{outline:2px solid #2879a5;outline-offset:4px}
@media(max-width:1000px){
 #main-content.ar8 .ar8-hero-grid{gap:28px;grid-template-columns:1fr .85fr}
 #main-content.ar8 .ar7-hero h1{font-size:35px}
 #main-content.ar8 .ar8-portrait{max-width:380px}
 #main-content.ar8 .ar8-real-intro{grid-template-columns:200px 1fr;gap:23px}
 #main-content.ar8 .ar7-facts{gap:12px}
 #main-content.ar8 .ar7-facts strong{font-size:14px}
 #main-content.ar8 .ar8-material-panel{padding:18px;gap:23px}
 #main-content.ar8 .ar8-material-text h3{font-size:22px}
 #main-content.ar8 .ar8-use-grid{gap:22px}
 #main-content.ar8 .ar8-use-panels h3{font-size:22px}
}
@media(max-width:700px){
 #main-content.ar8 .ar7-shell{width:calc(100% - 34px)}
 #main-content.ar8 .ar7-section{padding:31px 0}
 #main-content.ar8 h2{font-size:25px}
 #main-content.ar8 .ar7-heading{grid-template-columns:1fr;gap:12px;margin-bottom:19px}
 #main-content.ar8 .ar7-heading>p{font-size:14px}
 #main-content.ar8 .ar8-hero{padding:12px 0 26px}
 #main-content.ar8 .ar8-hero-grid{display:flex;flex-direction:column;gap:23px;padding-top:0;padding-bottom:25px;align-items:stretch}
 #main-content.ar8 .ar7-hero h1{font-size:30px;line-height:1.5;letter-spacing:-.05em}
 #main-content.ar8 .ar7-hero-copy>.ar7-kicker{font-size:9px;letter-spacing:.04em}
 #main-content.ar8 .ar7-hero-copy>p:not(.ar7-kicker){font-size:14px;margin-top:13px;line-height:1.85}
 #main-content.ar8 .ar7-hero-copy>.ar7-actions{margin-top:15px;gap:8px 15px}
 #main-content.ar8 .ar7-hero-copy .ar7-aqua{padding:8px 15px;font-size:12px}
 #main-content.ar8 .ar8-portrait{max-width:290px;border-radius:22px 22px 60px 22px;padding:5px}
 #main-content.ar8 .ar8-portrait picture{border-radius:17px 17px 55px 17px}
 #main-content.ar8 .ar8-real-intro{grid-template-columns:105px 1fr;align-items:start;gap:17px;padding-top:20px}
 #main-content.ar8 .ar8-real-intro .ar7-photo{margin-top:3px;position:sticky;top:85px}
 #main-content.ar8 .ar8-real-intro h2{font-size:20px;line-height:1.65}
 #main-content.ar8 .ar8-real-intro h2 br{display:block}
 #main-content.ar8 .ar7-facts{grid-template-columns:1fr;gap:11px;margin-top:13px}
 #main-content.ar8 .ar7-facts>div{padding-left:10px}
 #main-content.ar8 .ar7-facts strong{font-size:14px}
 #main-content.ar8 .ar7-facts span{font-size:11px;margin-top:2px}
 #main-content.ar8 .ar7-local-nav .ar7-shell{width:100%;overflow-x:auto;justify-content:flex-start}
 #main-content.ar8 .ar7-local-nav a{font-size:11px;padding:9px 10px;min-width:max-content;flex:1;min-height:46px}
 #main-content.ar8 .ar8-material-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 #main-content.ar8 .ar8-material-tabs button{font-size:12px;padding:7px 10px;gap:8px;justify-content:flex-start}
 #main-content.ar8 .ar8-material-panel{display:block;padding:14px;border-radius:20px}
 #main-content.ar8 .ar8-material-text{padding:19px 2px 2px}
 #main-content.ar8 .ar8-material-text h3{font-size:22px;line-height:1.55}
 #main-content.ar8 .ar8-material-text p{font-size:14px;line-height:1.85}
 #main-content.ar8 .ar8-use-grid{grid-template-columns:1fr;gap:18px}
 #main-content.ar8 .ar8-use-tabs{margin-bottom:17px}
 #main-content.ar8 .ar8-use-tabs button{font-size:12px;padding:6px 9px}
 #main-content.ar8 .ar8-use-panels h3{font-size:22px}
 #main-content.ar8.ar8-ready .ar8-use-panels [data-use-panel]{min-height:150px}
 #main-content.ar8 .ar7-plan-notes{grid-template-columns:1fr;gap:12px}
 #main-content.ar8 .ar7-plan-notes>div{padding-top:10px}
 #main-content.ar8 .ar8-privacy-copy{padding-left:17px}
 #main-content.ar8 .ar8-privacy-copy h3{font-size:22px}
 #main-content.ar8 .ar7-stay-facts>div{grid-template-columns:1fr;gap:18px}
 #main-content.ar8 .ar7-room-gallery{grid-template-columns:1fr}
 #main-content.ar8 .ar7-room-controls{max-width:300px}
 #main-content.ar8 .ar7-room-controls button{font-size:21px}
 #main-content.ar8 .ar8-room-views{padding:10px 10px 0;gap:5px}
 #main-content.ar8 .ar8-room-views button{font-size:11px;padding:7px 10px}
 #main-content.ar8 .ar7-portrait-break{grid-template-columns:1fr;padding:18px;gap:20px;border-radius:20px}
 #main-content.ar8 .ar7-portrait-break h2{font-size:25px}
 #main-content.ar8 .ar7-water-grid h3{font-size:21px}
 #main-content.ar8 .ar7-time strong{font-size:48px}
 #main-content.ar8 .ar7-evidence .evidence-grid strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){#main-content.ar8 *,#main-content.ar8 *:before,#main-content.ar8 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}