.studio-experience-page{--ink:#18292f;--navy:#13242b;--bronze:#ba9867;--paper:#f5f2eb;--white:#fcfaf6;--muted:#a8b3b3;--sans:'Source Sans 3',sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--page-pad:5.3vw;color-scheme:light;font-family:var(--sans);font-size:16px;scroll-behavior:smooth}
.studio-experience-page *{box-sizing:border-box}
.studio-experience-page{margin:0;background:var(--paper);color:var(--ink)}
.studio-experience-page .studio-practice-intro{position:absolute;inset:0 0 auto;z-index:3;padding:clamp(34px,5.2vw,76px) var(--page-pad) clamp(86px,11vw,164px);text-align:center;pointer-events:none;background:linear-gradient(180deg,rgba(8,23,29,.78) 0%,rgba(8,23,29,.46) 42%,rgba(8,23,29,0) 100%)}
.studio-experience-page .studio-practice-intro-inner{max-width:820px;margin:0 auto}
.studio-experience-page .studio-practice-intro h1{font-family:var(--serif);font-size:clamp(42px,4.5vw,68px);font-weight:500;line-height:1.05;letter-spacing:-.025em;margin:0;color:#fffaf1;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.studio-experience-page .studio-practice-intro p{margin:16px auto 0;color:rgba(255,250,241,.88);font-size:clamp(17px,1.5vw,21px);line-height:1.55;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.studio-experience-page button,.studio-experience-page a{-webkit-tap-highlight-color:transparent}
.studio-experience-page button,.studio-experience-page input{font:inherit}
.studio-experience-page button{cursor:pointer}
.studio-experience-page button,.studio-experience-page a{touch-action:manipulation}
.studio-experience-page button{border:0}
.studio-experience-page a{color:inherit;text-decoration:none}
.studio-experience-page button:focus-visible,.studio-experience-page a:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}
.studio-experience-page button:disabled{cursor:default}
.studio-experience-page button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.studio-experience-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.studio-experience-page .studio-scene{height:calc(100svh - 96px);min-height:680px;max-height:1300px;background:var(--navy);color:var(--white);position:relative;overflow:hidden;isolation:isolate}
.studio-experience-page .scene-art{position:absolute;inset:0;z-index:-4;transform:scale(1.015);transition:transform 1.5s cubic-bezier(.18,.6,.2,1)}
.studio-experience-page .scene-art img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.studio-experience-page .scene-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(12,31,40,.95) 0%,rgba(15,33,40,.88) 19%,rgba(17,35,41,.60) 39%,rgba(17,35,41,.18) 60%,rgba(17,35,41,.05) 100%),linear-gradient(0deg,rgba(8,24,30,.75),transparent 30%,transparent 88%,rgba(8,24,30,.13));transition:opacity .7s}
.studio-experience-page .scene-grain{position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,rgba(205,171,112,.05),transparent 70%);pointer-events:none}
.studio-experience-page .scene-frame{position:absolute;inset:24px;border:1px solid #f5ead227;pointer-events:none;z-index:4}
.studio-experience-page .scene-topline{position:absolute;top:49px;left:var(--page-pad);right:var(--page-pad);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;align-items:center;color:#f1efdc}
.studio-experience-page .scene-topline span:last-child{display:flex;gap:15px;align-items:center;font-size:10px;text-shadow:0 1px 8px #0007}
.studio-experience-page .scene-topline i{display:block;width:5px;height:5px;background:#d4b27a;border-radius:50%}
.studio-experience-page .scene-content{position:absolute;left:var(--page-pad);top:50%;transform:translateY(-52%);width:530px;max-width:45%;transition:opacity .5s,transform .7s;z-index:5}
.studio-experience-page .eyebrow{margin:0 0 30px;text-transform:uppercase;letter-spacing:.20em;font-size:11px;font-weight:500;color:#d2b581;display:flex;align-items:center;gap:13px}
.studio-experience-page .tiny-line{width:26px;height:1px;background:currentColor}
.studio-experience-page .scene-content h1{font-family:var(--serif);font-size:clamp(66px,7.4vw,120px);font-weight:500;letter-spacing:-.038em;line-height:.92;margin:0 0 34px;color:#fff9ed;min-height:.94em}
.studio-experience-page .title-dot{color:#d4b588}
.studio-experience-page .scene-description{font-size:clamp(17px,1.32vw,21px);font-weight:400;line-height:1.6;color:#e0e3dd;max-width:370px;min-height:95px;margin:0 0 36px;letter-spacing:.006em}
.studio-experience-page .scene-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.studio-experience-page .primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;background:#e7d7b9;color:#203236;font-size:14px;font-weight:600;min-height:57px;border:1px solid transparent;transition:background .25s,transform .25s}
.studio-experience-page .primary-button:hover{background:#fff0d4;transform:translateY(-2px)}
.studio-experience-page .primary-button svg{width:23px}
.studio-experience-page .text-button{display:inline-flex;gap:25px;align-items:center;padding:0 0 5px;background:none;color:#e6e9e2;border-bottom:1px solid #e6e9e24b;font-size:14px}
.studio-experience-page .text-button span{font-size:19px;line-height:1;color:#d4b588;transition:transform .3s}
.studio-experience-page .text-button:hover span{transform:rotate(90deg)}
.studio-experience-page .scene-points{position:absolute;inset:0;pointer-events:none}
.studio-experience-page .scene-point{position:absolute;display:flex;align-items:center;gap:11px;background:none;padding:0;color:#fff;pointer-events:auto;z-index:4;transform:translate(-50%,-50%)}
.studio-experience-page .point-core{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff9e7c9;border-radius:50%;background:#17272b55;backdrop-filter:blur(6px);font-size:11px;font-weight:500;box-shadow:0 0 0 7px #e7d7b912;transition:background .3s,box-shadow .3s,transform .3s}
.studio-experience-page .point-label{background:#172b32e8;padding:7px 11px;white-space:nowrap;font-size:12px;opacity:0;transform:translateX(-5px);transition:.3s;position:absolute;left:48px;pointer-events:none}
.studio-experience-page .scene-point:hover .point-label,.studio-experience-page .scene-point:focus-visible .point-label{opacity:1;transform:none}
.studio-experience-page .scene-point:hover .point-core,.studio-experience-page .scene-point.active .point-core{background:#d2b483;color:var(--ink);box-shadow:0 0 0 9px #d2b48322}
.studio-experience-page .point-listen{left:77%;top:80%}
.studio-experience-page .point-method{left:66.1%;top:65.9%}
.studio-experience-page .point-near{left:61.7%;top:47.8%}
.studio-experience-page .view-toggle{position:absolute;right:var(--page-pad);top:105px;background:#faf5e5e6;border:1px solid #fff8;color:var(--ink);display:flex;gap:11px;align-items:center;padding:10px 14px;font-size:12px;z-index:7;backdrop-filter:blur(10px);transition:background .3s}
.studio-experience-page .view-toggle svg{width:17px;height:17px}
.studio-experience-page .view-toggle:hover{background:#fff9ee}
.studio-experience-page .scene-bottom{position:absolute;bottom:56px;left:var(--page-pad);right:var(--page-pad);display:flex;justify-content:space-between;align-items:end;z-index:7}
.studio-experience-page .chapter-tabs{display:flex;gap:32px;border-bottom:1px solid #d3d1bf3d}
.studio-experience-page .chapter-tabs button{position:relative;background:none;color:#c0c8c6;padding:17px 0;font-size:13px;transition:color .25s;white-space:nowrap}
.studio-experience-page .chapter-tabs button span{color:#acb5b3;display:inline-block;font-size:10px;margin-right:11px}
.studio-experience-page .chapter-tabs button[aria-selected=true]{color:#fff8e5}
.studio-experience-page .chapter-tabs button[aria-selected=true] span{color:#dfc493}
.studio-experience-page .chapter-tabs button:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-1px;background:#cfad77;transform:scaleX(0);transition:transform .35s;transform-origin:left}
.studio-experience-page .chapter-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.studio-experience-page .scroll-link{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.01em;color:#fff9ed;padding:12px 0}
.studio-experience-page .scroll-link span{font-size:27px;line-height:1;font-weight:400;transition:transform .3s}
.studio-experience-page .scroll-link:hover span{transform:translateY(4px)}
.studio-experience-page .gallery-caption{position:absolute;left:var(--page-pad);bottom:134px;font-family:var(--serif);font-size:27px;opacity:0;pointer-events:none;transition:opacity .5s;text-shadow:0 1px 8px #0009}
.studio-experience-page .gallery-caption span{font:11px var(--sans);text-transform:uppercase;letter-spacing:.18em;margin-left:8px}
.studio-experience-page .studio-scene.gallery-mode .scene-content{opacity:0;transform:translateY(-46%);pointer-events:none}
.studio-experience-page .studio-scene.gallery-mode .scene-shade{opacity:.16}
.studio-experience-page .studio-scene.gallery-mode .scene-art{transform:scale(1)}
.studio-experience-page .studio-scene.gallery-mode .gallery-caption{opacity:1}
.studio-experience-page .studio-scene.gallery-mode .scene-bottom{filter:drop-shadow(0 1px 3px #000)}
.studio-experience-page .studio-scene[data-chapter="1"]:not(.gallery-mode) .scene-art{transform:scale(1.055) translate(-.8%,.6%)}
.studio-experience-page .studio-scene[data-chapter="2"]:not(.gallery-mode) .scene-art{transform:scale(1.04) translate(-.4%,.4%)}
.studio-experience-page .scene-content.changing{opacity:0;transform:translateY(-47%)}
.studio-experience-page .visit-section{padding:115px var(--page-pad) 104px;display:grid;grid-template-columns:1fr 1fr;column-gap:12%;position:relative;background:var(--paper);scroll-margin-top:20px}
.studio-experience-page .eyebrow.dark{color:#8b714a;margin-bottom:24px;font-size:11px}
.studio-experience-page .visit-heading h2,.studio-experience-page .studio-dialog h2{font-family:var(--serif);font-size:clamp(47px,4.65vw,74px);font-weight:500;line-height:1.05;letter-spacing:-.025em;margin:0 0 24px}
.studio-experience-page .visit-heading h2 em,.studio-experience-page .studio-dialog h2 em{font-weight:500;color:#8d7047}
.studio-experience-page .visit-heading>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:410px;color:#637076;margin-bottom:32px}
.studio-experience-page .inline-arrow{display:inline-flex;align-items:center;gap:23px;padding:0 0 5px;background:none;border-bottom:1px solid #20323645;color:#243f48;font-size:14px;transition:color .2s}
.studio-experience-page .inline-arrow:hover{color:#947140}
.studio-experience-page .inline-arrow span{font-size:20px}
.studio-experience-page .visit-details{padding-top:5px}
.studio-experience-page .detail-row{display:grid;grid-template-columns:95px 1fr;gap:24px;padding:26px 0;border-top:1px solid #263a3e29}
.studio-experience-page .detail-index{font-size:10px;letter-spacing:.13em;color:#957a54;padding-top:6px}
.studio-experience-page .detail-row h3{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1;margin:0 0 8px}
.studio-experience-page .detail-row p{font-size:15px;color:#617175;line-height:1.65;margin:0 0 13px}
.studio-experience-page .detail-row a:not(.inline-arrow){font-size:15px}
.studio-experience-page .detail-row a:hover{color:#927449}
.studio-experience-page .phone-separator{color:#afafa2;padding:0 8px}
.studio-experience-page .map-panel{grid-column:1/-1;padding-top:48px}
.studio-experience-page .map-panel[hidden]{display:none}
.studio-experience-page .map-panel iframe{width:100%;height:420px;border:1px solid #20323625;display:block;background:#e8e6dd}
.studio-experience-page .map-panel>a{display:inline-block;font-size:14px;margin-top:16px;border-bottom:1px solid #9e7f5070}
.studio-experience-page dialog{border:0;color:var(--ink);background:var(--paper);max-height:92svh;overflow:auto;padding:56px;width:min(560px,calc(100vw - 32px));box-shadow:0 20px 100px #051b2955}
.studio-experience-page dialog::backdrop{background:#0a1d28b8;backdrop-filter:blur(7px)}
.studio-experience-page dialog[open]{animation:studio-dialog-in .35s ease-out}
.studio-experience-page .dialog-close{position:absolute;right:19px;top:14px;background:none;font-size:30px;font-weight:400;width:38px;height:38px;color:var(--ink)}
.studio-experience-page .studio-dialog h2{font-size:53px;line-height:1.03;margin-bottom:24px}
.studio-experience-page .studio-dialog>p:not(.eyebrow):not(.dialog-note){font-size:16px;line-height:1.65;color:#5d6b6e}
.studio-experience-page .contact-option{display:grid;grid-template-columns:1fr auto;padding:19px 0;border-top:1px solid #20323626;gap:4px}
.studio-experience-page .contact-option span{font-size:10px;color:#8b714a;letter-spacing:.13em}
.studio-experience-page .contact-option strong{font:500 26px var(--serif);grid-column:1;letter-spacing:.01em}
.studio-experience-page .contact-option i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:22px}
.studio-experience-page .contact-option:hover strong{color:#a0804d}
.studio-experience-page .email-option strong{font:400 18px var(--sans);overflow-wrap:anywhere}
.studio-experience-page .dark-button{background:var(--ink);color:#f9f1df;width:100%;margin-top:17px}
.studio-experience-page .dark-button:hover{background:#30505a}
.studio-experience-page .dialog-note{font-size:11px!important;line-height:1.5;color:#677478;margin-top:22px}
.studio-experience-page .meeting-list{list-style:none;padding:0;margin:24px 0 28px}
.studio-experience-page .meeting-list li{padding:14px 0;border-top:1px solid #20323626;display:flex;gap:14px;font-size:15px;color:#475d64}
.studio-experience-page .meeting-list li:before{content:'—';color:#a18351}
@keyframes studio-dialog-in{
from{opacity:0;transform:translateY(15px)}
to{opacity:1;transform:none}
}
.studio-experience-page .studio-scene[data-chapter="1"] .scene-content h1{font-size:clamp(64px,6.4vw,98px)}
.studio-experience-page .studio-scene[data-chapter="2"] .scene-content h1{font-size:clamp(56px,5.1vw,81px)}
.studio-experience-page .scene-content h1 em{font-weight:500}
@media(min-width:1800px){
.studio-experience-page .scene-content{max-width:40%;width:680px}
.studio-experience-page .scene-description{max-width:430px}
.studio-experience-page .scene-topline{top:65px}
.studio-experience-page .scene-bottom{bottom:70px}
.studio-experience-page .view-toggle{top:120px}
}
@media(max-width:1150px){
.studio-experience-page{--page-pad:4.5vw}
.studio-experience-page .scene-content{max-width:49%;width:480px}
.studio-experience-page .scene-content h1{font-size:88px}
.studio-experience-page .chapter-tabs{gap:24px}
.studio-experience-page .visit-section{column-gap:8%}
.studio-experience-page .detail-row{grid-template-columns:70px 1fr;gap:16px}
.studio-experience-page .scene-frame{inset:18px}
.studio-experience-page .scene-description{font-size:18px}
}
@media(max-width:900px){
.studio-experience-page .scene-content{max-width:56%}
.studio-experience-page .scene-content h1{font-size:80px}
.studio-experience-page .scene-description{max-width:320px;font-size:17px}
.studio-experience-page .scene-topline span:last-child{display:none}
.studio-experience-page .point-near{left:70%;top:46%}
.studio-experience-page .point-method{left:77%;top:62%}
.studio-experience-page .point-listen{left:86%;top:77%}
.studio-experience-page .visit-section{column-gap:6%}
.studio-experience-page .visit-heading h2{font-size:56px}
.studio-experience-page .detail-row{display:block}
.studio-experience-page .detail-index{display:block;padding:0 0 14px}
.studio-experience-page .scroll-link{gap:17px}
.studio-experience-page .gallery-caption{font-size:24px}
}
@media(max-width:640px){
.studio-experience-page{--page-pad:25px}
.studio-experience-page .studio-scene{height:calc(100svh - 82px);min-height:700px;max-height:none}
.studio-experience-page .scene-art img{object-position:57% 50%}
.studio-experience-page .scene-shade{background:linear-gradient(90deg,#122a34e6 0%,#142c33bf 41%,#142c3375 100%),linear-gradient(0deg,#0c2631d9,transparent 70%)}
.studio-experience-page .scene-frame{inset:13px}
.studio-experience-page .scene-topline{top:36px;font-size:9px}
.studio-experience-page .scene-content{top:46%;max-width:calc(100% - 50px);width:375px}
.studio-experience-page .scene-content .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:27px}
.studio-experience-page .tiny-line{width:20px}
.studio-experience-page .scene-content h1{font-size:76px;line-height:.94;margin-bottom:28px;letter-spacing:-.03em}
.studio-experience-page .scene-description{font-size:18px;max-width:285px;min-height:87px;line-height:1.5;margin-bottom:31px}
.studio-experience-page .primary-button{font-size:13px;padding:16px 19px;gap:27px;min-height:56px}
.studio-experience-page .scene-actions{gap:20px}
.studio-experience-page .text-button{font-size:13px}
.studio-experience-page .scene-points{opacity:0;pointer-events:none;transition:opacity .4s}
.studio-experience-page .scene-points .scene-point{pointer-events:none}
.studio-experience-page .view-toggle{top:30px;right:25px;font-size:10px;padding:9px 10px;gap:7px}
.studio-experience-page .view-toggle svg{width:14px;height:14px}
.studio-experience-page .scene-bottom{bottom:31px;display:block}
.studio-experience-page .chapter-tabs{gap:0;justify-content:space-between}
.studio-experience-page .chapter-tabs button{font-size:12px;padding-bottom:18px}
.studio-experience-page .chapter-tabs button span{font-size:9px;margin-right:6px}
.studio-experience-page .scroll-link{font-size:10px;justify-content:space-between;padding:23px 0 0}
.studio-experience-page .scroll-link span{font-size:23px}
.studio-experience-page .studio-scene.gallery-mode .scene-points{opacity:1}
.studio-experience-page .studio-scene.gallery-mode .scene-point{pointer-events:auto}
.studio-experience-page .studio-scene.gallery-mode .scene-shade{opacity:.12}
.studio-experience-page .point-near{left:56%;top:46%}
.studio-experience-page .point-method{left:72%;top:63%}
.studio-experience-page .point-listen{left:84%;top:80%}
.studio-experience-page .point-label{left:auto;right:47px;font-size:11px}
.studio-experience-page .point-core{width:33px;height:33px}
.studio-experience-page .gallery-caption{font-size:23px;bottom:127px;max-width:260px;line-height:1.15}
.studio-experience-page .gallery-caption span{display:block;margin:8px 0 0;font-size:9px}
.studio-experience-page .visit-section{padding:72px var(--page-pad) 55px;display:block}
.studio-experience-page .eyebrow.dark{font-size:10px;letter-spacing:.13em}
.studio-experience-page .visit-heading h2{font-size:57px}
.studio-experience-page .visit-heading>p:not(.eyebrow){font-size:16px;max-width:340px}
.studio-experience-page .visit-details{padding-top:45px}
.studio-experience-page .detail-row{display:grid;grid-template-columns:68px 1fr;gap:15px;padding:25px 0}
.studio-experience-page .detail-index{font-size:9px;padding-top:6px;letter-spacing:.08em}
.studio-experience-page .detail-row h3{font-size:24px}
.studio-experience-page .detail-row p{font-size:14px}
.studio-experience-page .detail-row a:not(.inline-arrow){font-size:14px}
.studio-experience-page .inline-arrow{font-size:13px;gap:16px}
.studio-experience-page .map-panel{padding-top:25px}
.studio-experience-page .map-panel iframe{height:350px}
.studio-experience-page dialog{padding:50px 27px 30px;width:calc(100vw - 28px)}
.studio-experience-page .studio-dialog h2{font-size:48px}
.studio-experience-page .contact-option strong{font-size:26px}
.studio-experience-page .email-option strong{font-size:17px}
.studio-experience-page .studio-dialog>p:not(.eyebrow):not(.dialog-note){font-size:15px}
.studio-experience-page .meeting-list li{font-size:14px}
}
@media(max-width:640px){
.studio-experience-page .scene-points{visibility:hidden}
.studio-experience-page .studio-scene.gallery-mode .scene-points{visibility:visible}
}
@media(prefers-reduced-motion:reduce){
.studio-experience-page{scroll-behavior:auto}
.studio-experience-page *,.studio-experience-page *:before,.studio-experience-page *:after{animation:none!important;transition:none!important}
.studio-experience-page .scene-art{transform:none!important}
.studio-experience-page .scene-art{z-index:0}
}

/* Integration: preserve the existing site chrome and hash router. */
.studio-experience-page{--studio-header-space:97px}
.studio-experience-page .studio-scene{height:calc(100svh - var(--studio-header-space))}
.studio-experience-page .studio-scene{min-height:calc(100svh - var(--studio-header-space));height:calc(100svh - var(--studio-header-space));}
.studio-experience-page .scene-art{transform:none!important}
.studio-experience-page .scene-art img{object-position:center center}
.studio-experience-page .scene-shade,.studio-experience-page .scene-grain,.studio-experience-page .scene-frame{display:none}
.studio-experience-page .visit-section{scroll-margin-top:115px}
.studio-experience-page .scroll-link{background:none;text-align:left}
.studio-experience-page dialog{margin:auto}
.studio-experience-page .studio-scene.gallery-mode .scene-shade{opacity:1;background:linear-gradient(0deg,#061e29cf 0%,#061e2945 23%,transparent 45%)}
@media(min-width:1024px){.studio-experience-page{--studio-header-space:134px}}
@media(max-width:640px){
  .studio-experience-page .scene-content h1{font-size:clamp(58px,18vw,70px)}
  .studio-experience-page .scene-bottom{bottom:80px}
  .studio-experience-page .gallery-caption{bottom:176px}
  .studio-experience-page .point-listen{left:88%;top:72%}
}
@media(min-width:641px) and (max-height:800px){
  .studio-experience-page .studio-scene{min-height:580px}
  .studio-experience-page .scene-content{top:49%}
  .studio-experience-page .scene-content .eyebrow{margin-bottom:20px}
  .studio-experience-page .scene-content h1{font-size:78px;margin-bottom:24px}
  .studio-experience-page .studio-scene[data-chapter="1"] .scene-content h1{font-size:68px}
  .studio-experience-page .studio-scene[data-chapter="2"] .scene-content h1{font-size:56px}
  .studio-experience-page .scene-description{font-size:17px;min-height:80px;margin-bottom:24px}
  .studio-experience-page .scene-actions{gap:16px}
  .studio-experience-page .scene-bottom{bottom:30px}
}