@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
/* AdVol vision series: isolated advanced previews, not modifications to stable base. */
.vision-root{--vision-accent:#e7e5b1;--vision-soft:#f4efe7;--vision-ink:#0e211b;--vision-stroke:#ffffff42;--vision-panel:#10251eda;color:#fdfdf6;overflow:hidden}
.vision-root button,.vision-root a{transition:background .23s,color .23s,transform .23s,border-color .23s}
.vision-root .vision-experience .stage-head,.vision-root .vision-experience .stage-intro{display:none}
.vision-root .vision-experience .header{height:66px;top:39px;left:30px;right:30px;padding:0 25px;border:1px solid #ffffff36;border-radius:13px;background:#0a201ad1;box-shadow:0 15px 40px #040b0733}
.vision-root .vision-experience .ribbon{height:30px;padding:0 31px;background:#15241d;color:#e5edd7}
.vision-root .vision-experience .ribbon-light{background:#d7ebaa;box-shadow:0 0 0 4px #d7ebaa2c}
.vision-root .vision-experience .brand-icon{color:var(--vision-accent)}
.vision-root .vision-experience .brand strong span{color:var(--vision-accent)}
.vision-root .vision-experience .engine-mark .live-dot{background:#d5f1aa}
.vision-root .vision-experience .header-share{background:var(--vision-accent);color:var(--vision-ink);min-width:92px}
.vision-root .vision-experience .header-share:hover{transform:translateY(-2px)}
.vision-root .vision-experience .stage{background:#131f1b}
.vision-root .vision-experience .canvas-wrap{background:#d7e7d6}
.vision-root .vision-experience .vision-photo-layer{position:absolute;inset:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility .9s}
.vision-root.vision-photo-mode .vision-photo-layer{opacity:1;visibility:visible}
.vision-root .vision-photo-layer img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.03);animation:vision-breathe 24s ease-in-out infinite alternate}
.vision-root .vision-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04140fe8 0%,#04140fc6 34%,#04140f20 73%,#04140f45),linear-gradient(0deg,#061911ab,transparent 44%,#06191160)}
.vision-root .stage-vignette{background:linear-gradient(180deg,#10241b43,transparent 27%,transparent 68%,#0c1f17b0);z-index:2}
.vision-root.vision-photo-mode .stage-vignette{z-index:3}
.vision-root.vision-photo-mode .hotspots{opacity:0;pointer-events:none}
.vision-root.vision-photo-mode .stage-controls{opacity:0;pointer-events:none}
.vision-root .vision-topline{position:absolute;top:127px;left:5.7%;right:5.7%;z-index:5;display:flex;justify-content:space-between;gap:16px;color:#f1f8e9;font-weight:800;letter-spacing:1.7px;font-size:10px;text-shadow:0 2px 9px #0007;pointer-events:none}
.vision-root .vision-chapter{color:#e2eed8}
.vision-root .vision-story{position:absolute;left:5.7%;top:45%;transform:translateY(-50%);max-width:min(720px,66%);z-index:5;pointer-events:auto;color:#fff;filter:drop-shadow(0 2px 12px #0005)}
.vision-root .vision-story-kicker{display:flex;align-items:center;gap:12px;margin:0 0 27px;font-size:10px;letter-spacing:2.2px;color:#e5ecd9;font-weight:800}
.vision-root .vision-kicker-mark{font-size:21px;color:var(--vision-accent)}
.vision-root .vision-story h1{font-size:clamp(72px,7.2vw,117px);font-weight:750;line-height:.91;letter-spacing:-.078em;margin:0 0 28px;color:#fdfcf4}
.vision-root .vision-story h1 em{font-family:'Instrument Serif',Georgia,serif;color:var(--vision-accent);font-weight:400;letter-spacing:-.03em}
.vision-root .vision-story>p{font-size:17px;line-height:1.75;color:#ecf3e9d6;max-width:430px;margin:0 0 28px}
.vision-root .vision-story-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.vision-root .vision-story-actions button{border:1px solid #ffffff75;background:#fff;color:#112a1c;border-radius:40px;padding:16px 20px;font-weight:800;font-size:12px;min-height:52px;box-shadow:0 9px 22px #09170f36;white-space:nowrap}
.vision-root .vision-story-actions button:first-child{background:var(--vision-accent);border-color:var(--vision-accent)}
.vision-root .vision-story-actions button:hover{transform:translateY(-3px)}
.vision-root .vision-story-actions button span{margin-left:28px;font-size:16px;font-weight:600}
.vision-root .vision-story-actions button:last-child{background:#ffffff12;color:#fff;backdrop-filter:blur(10px)}
.vision-root .vision-story-actions button:last-child:hover{background:#ffffff26}
.vision-root .vision-mode-switch{position:absolute;top:175px;right:5.7%;z-index:7;display:flex;align-items:center;gap:3px;padding:5px;border-radius:100px;border:1px solid #ffffff3b;background:#07180fc2;backdrop-filter:blur(18px);box-shadow:0 8px 32px #0002}
.vision-root .vision-mode-switch button{background:none;color:#eef3e2;border:0;border-radius:50px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;white-space:nowrap}
.vision-root .vision-mode-switch button[aria-pressed="true"]{background:var(--vision-accent);color:#203029}
.vision-root .vision-mode-switch .mode-icon{font-size:15px}
.vision-root .vision-spotlight{position:absolute;z-index:5;width:min(360px,27vw);right:5.7%;bottom:23%;padding:25px 28px 21px;border-radius:15px;border:1px solid #ffffff47;color:#fff;background:#12251dbb;backdrop-filter:blur(24px);box-shadow:0 30px 55px #0004}
.vision-root .vision-spot-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.35px;font-weight:800;color:var(--vision-accent)}
.vision-root .vision-spot-decor{font-size:23px}
.vision-root .vision-spotlight h2{font-size:28px;letter-spacing:-1.25px;line-height:1.05;margin:13px 0 12px;color:#fff}
.vision-root .vision-spotlight p{font-size:12px;line-height:1.65;margin:0 0 19px;color:#e2e9dc}
.vision-root .vision-spot-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #ffffff3b;padding-top:15px}
.vision-root .vision-spot-actions button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff69;background:#ffffff11;color:#fff;border-radius:50%;font-size:20px}
.vision-root .vision-spot-actions button:hover{background:var(--vision-accent);color:#1b3020}
.vision-root #visionSpotCount{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#f5eee4}
.vision-root .vision-photo-legal{position:absolute;z-index:5;left:5.7%;bottom:20.7%;max-width:360px;color:#fff;font-size:9px;letter-spacing:1.35px;line-height:1.7;font-weight:800;text-shadow:0 2px 8px #0009}
.vision-root .vision-rail-caption{position:absolute;z-index:5;left:5.7%;right:5.7%;bottom:20px;display:flex;justify-content:space-between;gap:12px;color:#f0f3e6a9;font-size:9px;letter-spacing:1.3px;font-weight:800;pointer-events:none}
.vision-root .vision-versions{position:fixed;top:112px;right:32px;z-index:24;display:flex;align-items:center;gap:7px;color:#f6f7ef}
.vision-root .vision-versions>span{font-size:8px;letter-spacing:1.4px;color:#e4ecd4;font-weight:800;margin-right:5px;text-shadow:0 1px 8px #0009}
.vision-root .vision-versions>a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff59;background:#1835298c;color:#fff;text-decoration:none;border-radius:50%;font-size:10px;font-weight:850;backdrop-filter:blur(9px)}
.vision-root .vision-versions>a.current,.vision-root .vision-versions>a:hover{background:var(--vision-accent);border-color:var(--vision-accent);color:#243525}
.vision-root .experience-dock{bottom:31px;z-index:19;padding:7px;background:#15281ee8;border-color:#d6ebaf59;box-shadow:0 18px 40px #010f0b8c}
.vision-root .experience-dock #dockContact{background:var(--vision-accent)}
.vision-root .stage-controls{bottom:104px;z-index:8;transition:opacity .25s}
.vision-root .toolgroup{background:#162b22e7}
.vision-root .toolgroup button.selected{background:var(--vision-accent)}
.vision-root .side-label button{background:#365c43}
.vision-root .sidebar,.vision-root .discover-panel{z-index:26}
.vision-root .panel-scrim:not([hidden]){z-index:25}
/* V2 — Photographic film premiere; user enters the 3D environment by choice. */
.vision-root[data-vision="v2"]{--vision-accent:#f3d5a2;--vision-soft:#f6ebdd}
.vision-root[data-vision="v2"] .vision-photo-layer img{object-position:center}
.vision-root[data-vision="v2"] .vision-story{left:6.8%;max-width:660px}
.vision-root[data-vision="v2"] .vision-story h1{font-size:clamp(72px,7.8vw,126px)}
.vision-root[data-vision="v2"] .vision-spotlight{background:#172119b7;right:6%;bottom:22%;border-color:#f8e3bf80}
.vision-root[data-vision="v2"] .vision-story-kicker{color:#f9e8cf}
.vision-root[data-vision="v2"].vision-space-mode .vision-story{opacity:0;visibility:hidden;pointer-events:none}
.vision-root[data-vision="v2"].vision-space-mode .vision-spotlight{background:#132f24e9}
.vision-root[data-vision="v2"].vision-space-mode .vision-photo-legal{color:#334e3e;text-shadow:none}
/* V3 — Onyx gallery: architectural, deeply spatial, guided sequence. */
.vision-root[data-vision="v3"]{--vision-accent:#e8bd80;--vision-soft:#f1e7d5}
.vision-root[data-vision="v3"] #experienceCanvas{filter:saturate(.82) brightness(.77) contrast(1.1)}
.vision-root[data-vision="v3"] .stage-vignette{background:linear-gradient(90deg,#071a15ef 0%,#071a15ac 30%,transparent 69%),linear-gradient(0deg,#05140ddd,transparent 33%,#0b1a1466);z-index:3}
.vision-root[data-vision="v3"] .vision-story{top:46%;max-width:630px;left:6.1%}
.vision-root[data-vision="v3"] .vision-story h1{font-size:clamp(72px,7.4vw,116px)}
.vision-root[data-vision="v3"] .vision-spotlight{background:#f3eddded;border-color:#fff7e5;color:#20342a;bottom:22%;right:5.5%;box-shadow:0 24px 70px #00150a7e}
.vision-root[data-vision="v3"] .vision-spotlight h2{color:#182a20}
.vision-root[data-vision="v3"] .vision-spotlight p{color:#617066}
.vision-root[data-vision="v3"] .vision-spot-head{color:#7d5a40}
.vision-root[data-vision="v3"] .vision-spot-actions{border-color:#c5c5b8}
.vision-root[data-vision="v3"] .vision-spot-actions button{border-color:#8d9986;color:#273c2a;background:#ffffff90}
.vision-root[data-vision="v3"] #visionSpotCount{color:#617064}
.vision-root[data-vision="v3"] .vision-story h1 em{font-size:1.12em}
.vision-root[data-vision="v3"] .vision-story-actions button:last-child{border-color:#ffffff66}
.vision-root[data-vision="v3"].vision-guided .vision-story{opacity:0;visibility:hidden;pointer-events:none}
.vision-root[data-vision="v3"] .hotspot{box-shadow:0 6px 20px #051b125b}
.vision-root[data-vision="v3"] .vision-mode-switch{background:#12251bba}
/* V4 — Commerce Theatre: spatial commerce with beautiful photo and a clear offer story. */
.vision-root[data-vision="v4"]{--vision-accent:#d4f184;--vision-soft:#f0f1e9}
.vision-root[data-vision="v4"] .vision-photo-shade{background:linear-gradient(90deg,#0d2115e6 0%,#0c2519c4 33%,#0f26184d 75%,#0c1b15a0),linear-gradient(0deg,#0f2819bb,transparent 50%)}
.vision-root[data-vision="v4"] .vision-story{top:44%;left:6.5%;max-width:655px}
.vision-root[data-vision="v4"] .vision-story h1{font-size:clamp(71px,7.1vw,117px)}
.vision-root[data-vision="v4"] .vision-spotlight{background:#f8f8efee;color:#1b3426;border-radius:14px;width:min(382px,29vw);bottom:22%;right:6%;padding:27px 30px}
.vision-root[data-vision="v4"] .vision-spotlight h2{color:#193222;font-size:31px}
.vision-root[data-vision="v4"] .vision-spotlight p{color:#5c6b60}
.vision-root[data-vision="v4"] .vision-spot-head{color:#5c7647}
.vision-root[data-vision="v4"] .vision-spot-actions{border-color:#ccd3c5}
.vision-root[data-vision="v4"] .vision-spot-actions button{color:#193425;border-color:#c4d1b9;background:#edf2e2}
.vision-root[data-vision="v4"] #visionSpotCount{color:#4b6850}
.vision-root[data-vision="v4"] .vision-story-kicker{color:#edf7e7}
.vision-root[data-vision="v4"].vision-space-mode .vision-story{opacity:0;visibility:hidden;pointer-events:none}
.vision-root[data-vision="v4"].vision-space-mode .vision-spotlight{background:#f8f8efef}
.vision-root[data-vision="v4"] .vision-story-actions button:first-child{background:#d4f184;color:#1b3926}
.vision-root[data-vision="v4"] .vision-story-actions button:last-child{border-color:#d4f18499}
@keyframes vision-breathe{0%{transform:scale(1.03)}100%{transform:scale(1.13)}}
@media(max-width:1230px){
 .vision-root .vision-story h1{font-size:clamp(62px,6.3vw,85px)}
 .vision-root .vision-story{max-width:60%;left:4.8%}
 .vision-root .vision-spotlight{right:4%;width:31vw;padding:19px}
 .vision-root .vision-spotlight h2{font-size:25px}
 .vision-root .vision-story>p{max-width:360px;font-size:14px}
 .vision-root .vision-spotlight p{font-size:11px}
 .vision-root .vision-topline{left:4.8%;right:4.8%}
 .vision-root .vision-mode-switch{right:4.8%}
 .vision-root .vision-photo-legal{left:4.8%}
}
@media(max-width:950px){
 .vision-root .vision-experience .header{left:13px;right:13px;top:34px;height:62px}
 .vision-root .vision-versions{top:102px;right:14px}
 .vision-root .vision-versions>span{display:none}
 .vision-root .vision-story{left:5.1%;max-width:70%;top:43%}
 .vision-root .vision-story h1{font-size:clamp(58px,8.5vw,78px)}
 .vision-root .vision-spotlight{right:3%;width:33vw;bottom:21%;padding:16px}
 .vision-root .vision-spotlight h2{font-size:22px}
 .vision-root .vision-spotlight p{font-size:10px}
 .vision-root .vision-mode-switch{top:146px}
 .vision-root .vision-topline{top:107px;left:5.1%;right:5.1%}
 .vision-root .vision-story-actions button{font-size:11px;min-height:46px;padding:12px 14px}
 .vision-root .vision-photo-legal{bottom:18%;left:5.1%}
}
@media(max-width:700px){
 .vision-root .vision-experience .ribbon{height:24px;padding:0 14px;font-size:7px}
 .vision-root .vision-experience .header{top:30px;height:58px;padding:0 12px}
 .vision-root .vision-experience .owner strong{max-width:130px}
 .vision-root .vision-topline{top:102px;left:17px;right:17px;font-size:8px;letter-spacing:1.1px}
 .vision-root .vision-chapter{display:none}
 .vision-root .vision-versions{top:98px;right:16px;gap:4px}
 .vision-root .vision-versions>a{height:27px;width:27px;font-size:9px}
 .vision-root .vision-mode-switch{top:138px;right:15px}
 .vision-root .vision-mode-switch button{font-size:9px;padding:9px 10px;gap:5px}
 .vision-root .vision-mode-switch .mode-icon{font-size:12px}
 .vision-root .vision-story{left:17px;right:17px;top:36%;max-width:none;transform:translateY(-50%);filter:drop-shadow(0 3px 9px #0008)}
 .vision-root .vision-story-kicker{font-size:8px;letter-spacing:1.15px;gap:7px;margin-bottom:17px}
 .vision-root .vision-kicker-mark{font-size:16px}
 .vision-root .vision-story h1,.vision-root[data-vision="v2"] .vision-story h1,.vision-root[data-vision="v3"] .vision-story h1,.vision-root[data-vision="v4"] .vision-story h1{font-size:clamp(54px,13vw,76px);max-width:370px;margin-bottom:19px}
 .vision-root .vision-story>p{font-size:12px;line-height:1.58;max-width:310px;margin-bottom:20px}
 .vision-root .vision-story-actions{gap:8px}
 .vision-root .vision-story-actions button{padding:11px 14px;font-size:10px;min-height:45px}
 .vision-root .vision-story-actions button span{margin-left:10px;font-size:14px}
 .vision-root .vision-spotlight,.vision-root[data-vision="v4"] .vision-spotlight{
  left:13px;right:13px;bottom:126px;width:auto;max-width:none;padding:17px 20px 14px;
  border-radius:12px;backdrop-filter:blur(25px)
 }
 .vision-root .vision-spot-head{font-size:8px}
 .vision-root .vision-spotlight h2,.vision-root[data-vision="v4"] .vision-spotlight h2{font-size:21px;margin:6px 0}
 .vision-root .vision-spotlight p{font-size:10px;line-height:1.4;margin:0 0 8px;max-height:45px;overflow:hidden}
 .vision-root .vision-spot-actions{padding-top:8px}
 .vision-root .vision-spot-actions button{width:29px;height:29px;font-size:16px}
 .vision-root .vision-spot-decor{font-size:17px}
 .vision-root .experience-dock{bottom:23px}
 .vision-root .vision-photo-legal{left:15px;bottom:112px;font-size:7px;max-width:350px}
 .vision-root .vision-rail-caption{display:none}
 .vision-root .stage-controls{bottom:96px}
 .vision-root .vision-story-kicker{color:#f3f4e7}
 .vision-root[data-vision="v3"] .vision-story{top:33%}
 .vision-root[data-vision="v3"] .vision-story h1{font-size:clamp(52px,12vw,70px)}
 .vision-root[data-vision="v3"] .vision-spotlight{background:#eee8ddeb}
 .vision-root[data-vision="v2"].vision-space-mode .vision-photo-legal,
 .vision-root[data-vision="v4"].vision-space-mode .vision-photo-legal{bottom:111px}
 .vision-root .vision-photo-layer img{object-position:56% center}
}
@media(max-width:410px){
 .vision-root .vision-story{top:34%}
 .vision-root .vision-story h1,.vision-root[data-vision="v2"] .vision-story h1,.vision-root[data-vision="v4"] .vision-story h1{font-size:clamp(47px,12.5vw,58px)}
 .vision-root .vision-story>p{font-size:11px;max-width:285px}
 .vision-root .vision-spotlight{bottom:120px}
 .vision-root .vision-experience .stage-caption{display:none}
 .vision-root[data-vision="v3"] .vision-story{top:32%}
}
@media(max-height:720px) and (min-width:701px){
 .vision-root .vision-story{top:49%}
 .vision-root .vision-story h1{font-size:clamp(60px,6vw,86px)}
 .vision-root .vision-spotlight{bottom:21%;padding:17px}
 .vision-root .vision-spotlight p{max-height:58px;overflow:hidden}
}
@media(max-height:680px) and (max-width:700px){
 .vision-root .vision-story{top:33%}
 .vision-root .vision-story h1{font-size:clamp(44px,11vw,55px)}
 .vision-root .vision-story-kicker{margin-bottom:12px}
 .vision-root .vision-story>p{margin-bottom:12px}
 .vision-root .vision-spotlight{bottom:105px;padding:10px 14px}
 .vision-root .vision-spotlight h2{font-size:18px}
 .vision-root .vision-spotlight p{display:none}
 .vision-root .vision-spot-actions{padding-top:5px}
 .vision-root .vision-photo-legal{display:none}
}
@media(prefers-reduced-motion:reduce){.vision-root .vision-photo-layer img{animation:none}}

/* Do not present preview advertising when an unapproved merchant URL is requested. */
.vision-unavailable .vision-story,.vision-unavailable .vision-topline,.vision-unavailable .vision-mode-switch,.vision-unavailable .vision-spotlight,.vision-unavailable .vision-photo-layer,.vision-unavailable .vision-photo-legal,.vision-unavailable .vision-rail-caption{display:none!important}
.vision-unavailable .stage-notice{z-index:15;max-width:450px;text-align:center;padding:24px 28px}

/* Editor mode enables picking and direct object drag; outside the editor orbit remains unchanged. */
.vision-root.creator-active .vision-space-mode #experienceCanvas{cursor:crosshair}
.vision-root.creator-active .stage-caption{opacity:.56}

/* Embedded visual preview for AdVol's primary advertising launchpad.
   Kept isolated from normal full-screen showroom pages. */
body.advol-embedded,body.advol-embedded #page,body.advol-embedded .experience,
body.advol-embedded .stage,body.advol-embedded #canvasWrap{
 width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;
 border-radius:0!important;
}
body.advol-embedded .experience{display:block!important;position:absolute!important;inset:0!important}
body.advol-embedded .stage{position:absolute!important;inset:0!important}
body.advol-embedded #canvasWrap{position:absolute!important;inset:0!important}
body.advol-embedded #experienceCanvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}
body.advol-embedded :is(.ribbon,.header,.sidebar,.discover-panel,.experience-dock,.vision-versions,
.vision-photo-layer,.vision-story,.vision-topline,.vision-mode-switch,.vision-spotlight,
.vision-photo-legal,.vision-rail-caption,.vision-photo-shade,.stage-vignette,
.stage-head,.stage-intro,.stage-controls,.stage-caption,.stage-notice,.hotspots,
.creator-launch,.creator-panel,.foot,.panel-scrim){display:none!important}
body.advol-embedded .canvas-wrap{background:#17291f!important}