@charset "UTF-8";
:root{--paper:#eeece3;--ink:#263b35;--muted:#66746a;--accent:#a84d31;--line:#b5b9a77a;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400;color:var(--accent)}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}
.header{position:absolute;top:0;left:0;width:100%;height:100px;display:flex;align-items:center;padding:0 4%;gap:35px;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:25px var(--serif);letter-spacing:-1.2px;white-space:nowrap}.brand-daub{display:inline-block;width:25px;height:28px;background:var(--accent);border-radius:65% 35% 45% 55%;transform:rotate(-35deg);box-shadow:inset -5px -3px 0 #793f341f}.brand-sub{font:9px/1.4 var(--sans);letter-spacing:1.4px;text-transform:uppercase;max-width:70px;white-space:normal;border-left:1px solid var(--line);padding-left:13px;margin-left:4px}.header nav{display:flex;gap:34px;align-items:center;margin:auto;font-size:12px}.header a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:4px}.nav-contact span{margin-left:18px}.draft{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--muted)}.draft i{width:5px;height:5px;background:#77816a;border-radius:50%}
.experience{height:1450svh;position:relative}.stage{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;background:#eae7dc;isolation:isolate}#canvas-host{position:absolute;inset:0;z-index:-3}#canvas-host canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;width:min(44vw,560px);height:auto;right:9%;top:23%;transform:rotate(5deg);box-shadow:18px 30px 45px #24392a30;border:14px solid #79583e;z-index:-2}.webgl-ready .scene-fallback{display:none}.scene-grain{position:absolute;inset:0;pointer-events:none;opacity:.13;z-index:6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-topline{position:absolute;top:121px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font:9px/1.4 monospace;letter-spacing:1.7px}.scene-topline button{background:transparent;border:0;border-bottom:1px solid var(--line);font:10px var(--sans);letter-spacing:0;padding:4px 0}.chapter{position:absolute;left:8%;top:50%;transform:translateY(-43%);width:42%;max-width:600px;z-index:3;animation:chapter-in .7s ease both}.chapter[hidden]{display:none}.eyebrow{font:10px/1.6 var(--sans);letter-spacing:1.8px;text-transform:uppercase}.chapter h1{font-size:clamp(56px,6.2vw,100px);line-height:1.02;letter-spacing:-4.8px;margin:24px 0}.chapter h2{font-size:clamp(42px,5vw,82px);line-height:1.1;letter-spacing:-3px;margin:23px 0}.chapter>p:not(.eyebrow){font-size:14px;color:#526258;line-height:1.9}.text-cta{display:inline-flex;align-items:center;gap:30px;font-size:12px;line-height:1.6;border:0;border-bottom:1px solid #263b3570;padding:0 0 8px;background:transparent;margin-top:25px}.text-cta span{font-size:21px;transition:transform .3s}.text-cta:hover span{transform:translate(4px,-4px)}.swatches{display:flex;gap:8px;margin-top:20px}.swatches i{width:23px;height:23px;border-radius:44% 55% 47% 50%;background:#b17a35}.swatches i:nth-child(2){background:#ad5136}.swatches i:nth-child(3){background:#46675b}.swatches i:nth-child(4){background:#fbebce}.scene-choices{display:flex;gap:7px;margin-top:24px}.scene-choices button{border:1px solid var(--line);border-radius:30px;font-size:10px;background:transparent;padding:6px 13px}.scene-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.art-caption{position:absolute;right:8%;bottom:115px;text-align:right;font:italic 17px var(--serif)}.art-caption small{display:block;font:9px var(--sans);letter-spacing:.4px;margin-top:7px;color:var(--muted)}.scene-bottom{position:absolute;left:4%;right:4%;bottom:30px;display:flex;align-items:center;justify-content:space-between}.scroll-hint{display:flex;align-items:center;gap:16px;font:10px var(--sans);letter-spacing:.3px}.scroll-hint span{font-size:22px;animation:down 2s infinite}.chapters{display:flex;gap:6px;position:absolute;left:50%;transform:translateX(-50%)}.chapters button{background:transparent;border:0;color:#758075;padding:8px 13px;font:11px monospace;position:relative}.chapters button:after{content:'';position:absolute;left:13px;right:13px;bottom:0;height:1px;background:transparent}.chapters button[aria-current=step]{color:var(--ink)}.chapters button[aria-current=step]:after{background:var(--accent)}.scene-counter{font:11px monospace;letter-spacing:2px}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#87958522}.progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}#scene-message{position:absolute;right:4%;top:155px;font-size:10px;color:var(--muted)}#scene-message:empty{display:none}.annotation{position:absolute;z-index:2;font:10px monospace;white-space:nowrap;opacity:0;display:flex;align-items:center;gap:9px}.annotation:before{content:'';width:45px;height:1px;background:#53645888}.annotation b{display:grid;place-items:center;border:1px solid #53645855;border-radius:50%;width:23px;height:23px;font-size:9px;font-weight:400}
.section-wrap{width:min(1300px,84%);margin:auto}.gallery{padding:115px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4.8vw,72px);line-height:1.1;letter-spacing:-2px;margin-top:22px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:350px;padding-bottom:7px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.art-card:nth-child(2){padding-top:75px}.art-card:nth-child(3){padding-top:25px}.art-preview{border:0;padding:0;background:#c2b8a8;display:block;position:relative;width:100%;overflow:hidden;text-align:left}.art-preview img{display:block;width:100%;aspect-ratio:.88;object-fit:cover;transition:transform .7s}.art-preview:hover img{transform:scale(1.04)}.art-preview span{position:absolute;bottom:17px;right:17px;background:#eeece3e8;padding:9px 14px;font-size:10px;opacity:0;transform:translateY(7px);transition:.25s}.art-preview:hover span,.art-preview:focus-visible span{opacity:1;transform:none}.art-meta{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:10px}.art-meta h3{font-size:22px}.art-meta p{font-size:10px;color:var(--muted);margin-top:5px}.art-meta>span{font:10px monospace;padding-top:8px}.demo-note{font-size:10px;color:var(--muted);max-width:700px;line-height:1.8;margin:30px 0 0}.story{border-top:1px solid var(--line);padding:100px 0}.story h2{font-size:clamp(34px,4.1vw,62px);line-height:1.16;letter-spacing:-1.8px;margin:25px 0 45px;max-width:1000px}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:950px;margin-left:auto}.story-columns p{font-size:14px;color:var(--muted);line-height:1.9}.contact{border-top:1px solid var(--line);padding:100px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.contact h2{font-size:clamp(48px,5vw,78px);line-height:1.1;letter-spacing:-3px;margin:20px 0 26px}.contact>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px}.contact-tag{display:inline-block;font:italic 16px var(--serif);border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:27px}.contact .local-note{font-size:10px!important;max-width:300px;margin-top:30px}form{padding-top:10px;display:flex;flex-direction:column;gap:25px}label{font-size:11px;letter-spacing:.3px;display:block}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #7f8b7f80;padding:13px 0;background:transparent;border-radius:0;resize:vertical;outline:none;font-size:12px}input::placeholder,textarea::placeholder{color:#899086;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.submit{display:flex;align-items:center;justify-content:space-between;border:0;background:var(--ink);color:#f1eee3;padding:18px 22px;font-size:12px;margin-top:4px}.submit:hover{background:#3c5347}.submit span{font-size:23px}#notice{min-height:20px;color:#3e6149;font-size:12px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:36px 0 45px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}
dialog{width:min(1000px,90vw);max-height:90svh;border:0;padding:28px;background:var(--paper);color:var(--ink);overflow:auto}dialog[open]{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}dialog::backdrop{background:#182820ae;backdrop-filter:blur(8px)}#dialog-art{width:100%;display:block}.close-dialog{position:absolute;right:12px;top:8px;z-index:2;border:0;background:var(--paper);font:30px var(--serif);width:35px;height:35px}.dialog-copy h2{font-size:34px;line-height:1.1;margin:18px 0}.dialog-copy>p:last-of-type{font-size:13px;line-height:1.8;color:var(--muted)}
.reduced .experience{height:100svh}.reduced .chapters,.reduced .scroll-hint{display:none}.reduced .chapter{animation:none}.reduced .art-preview img{transition:none}.webgl-failed .experience{height:100svh}.webgl-failed .chapters{display:none}@keyframes chapter-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes down{50%{transform:translateY(6px)}}
@media(max-width:1000px){.brand-sub{display:none}.header{gap:20px}.header nav{gap:22px}.chapter{left:6%;width:45%}.chapter h1{font-size:7.5vw}.chapter h2{font-size:6vw}.scroll-hint{max-width:200px;font-size:9px}.art-grid{gap:22px}.section-wrap{width:88%}.scene-topline{letter-spacing:1px}.art-meta h3{font-size:19px}}
@media(max-width:680px){.header{height:73px;padding:0 6%;justify-content:space-between}.header .brand{font-size:22px}.header nav{margin:0;gap:18px}.header nav>a:nth-child(2),.draft{display:none}.header nav>a{font-size:10px}.nav-contact span{margin-left:5px}.brand-daub{width:19px;height:22px}.experience{height:1330svh}.stage{min-height:600px}.scene-topline{top:88px;left:6%;right:6%;font-size:7px;letter-spacing:.6px}.scene-topline button{font-size:9px}.chapter{left:7%;top:19%;transform:none;width:90%;max-width:90%}.chapter h1{font-size:51px;line-height:1.02;letter-spacing:-2.5px;margin:15px 0}.chapter h1 br:nth-child(2){display:none}.chapter h2{font-size:43px;letter-spacing:-1.8px;margin:14px 0}.chapter .eyebrow{font-size:8px;letter-spacing:1.2px}.chapter>p:not(.eyebrow){font-size:11px;line-height:1.65}.chapter .text-cta{margin-top:12px;font-size:10px;padding-bottom:3px;gap:15px}.chapter:not([data-chapter="0"]){top:17%}.scene-choices{margin-top:12px}.scene-choices button{font-size:9px;padding:4px 10px}.swatches{display:none}.scene-bottom{left:6%;right:6%;bottom:21px}.scroll-hint{font-size:8px;max-width:110px;gap:8px;line-height:1.5}.scroll-hint span{font-size:18px}.chapters{left:58%;gap:0}.chapters button{padding:8px;font-size:9px}.chapters button:after{left:8px;right:8px}.scene-counter{font-size:8px;letter-spacing:0}.art-caption{right:7%;bottom:85px;font-size:13px}.art-caption small{font-size:7px}.scene-fallback{width:53vw;right:14%;top:49%;border-width:8px}.annotation{font-size:7px;gap:3px}.annotation:before{width:18px}.annotation b{width:16px;height:16px;font-size:7px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:12px}.section-heading h2{font-size:44px}.gallery{padding:65px 0}.art-grid{grid-template-columns:1fr;gap:35px}.art-card:nth-child(n){padding-top:0}.art-card:nth-child(2){width:87%;margin-left:auto}.art-card:nth-child(3){width:92%}.art-preview img{aspect-ratio:1}.art-preview span{opacity:1;transform:none}.demo-note{font-size:9px}.story{padding:65px 0}.story h2{font-size:36px;margin-bottom:28px}.story-columns{grid-template-columns:1fr;gap:22px}.contact{grid-template-columns:1fr;gap:35px;padding:65px 0}.contact h2{font-size:58px}.contact .local-note{max-width:100%}.form-row{gap:15px}footer{flex-wrap:wrap;padding-bottom:30px}footer .brand{font-size:24px}footer>span{width:100%;order:2}.art-meta h3{font-size:24px}dialog[open]{display:block;padding:20px}dialog{width:92vw}.dialog-copy{padding-top:22px}.dialog-copy h2{font-size:29px}.dialog-copy p{font-size:12px}#scene-message{top:116px;font-size:8px}.reduced .experience,.webgl-failed .experience{height:max(100svh,650px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible,.reduced .reveal-ready{opacity:1;transform:none}.undo-inquiry{align-self:flex-start;border:0;border-bottom:1px solid var(--line);padding:0 0 4px;background:transparent;font-size:11px}
@media(max-width:680px){.chapter h1{font-size:44px}.chapter h1 br:nth-child(2){display:initial}.chapter{top:17%}.art-caption{display:none}}

/* Cinematic atelier: a continuous dark gallery with a warmer paper section below. */
.stage{--scene-ink:#f3ecdc;--scene-muted:#b3bdb1;background:#192624;color:var(--scene-ink)}
.header{color:#efe9db}.header .nav-contact{border-color:#e6e2cf66}.header .draft{color:#bac1b5}.header a:hover{color:#e2aa77}.header .brand-sub{border-color:#d6d9c44d}
.stage .scene-topline{color:#a5b7ad}.stage .scene-topline button{color:#d4dccc;border-color:#81998a66}
.stage .chapter{max-width:550px}.stage .chapter h1,.stage .chapter h2{font-weight:400}
.stage em{color:#d5a374}.stage .chapter>p:not(.eyebrow){color:#b6c2b7}
.stage .text-cta{color:#e6e4d3;border-color:#c6cbb273}
.stage .eyebrow{color:#aab9a8}.stage .art-caption{color:#e8deca}.stage .art-caption small{color:#9aada3}
.stage .scene-choices button{border-color:#8b9b855e;color:#c6d0c1}.stage .scene-choices button[aria-pressed=true]{background:#dfd9bd;color:#253931}
.stage .scene-bottom{color:#b5c2b0}.stage .chapters button{color:#8da397}.stage .chapters button[aria-current=step]{color:#eee6d1}.stage .chapters button[aria-current=step]:after{background:#d7a275}
.stage .progress{background:#b5c2aa22}.stage .progress i{background:#d0a06e}
.stage .annotation{color:#c7d3c1;font-size:9px;filter:drop-shadow(0 1px 5px #111)}.stage .annotation:before{background:#bacbb480}.stage .annotation b{border-color:#c3d3b966}
.stage .scene-grain{opacity:.025}.stage #scene-message{color:#c7d0ba}
.stage .art-caption{opacity:calc(1 - var(--passage,0));transition:opacity .12s}
.stage[data-chapter="2"] .chapter{top:auto;bottom:105px;left:6%;transform:none;width:350px;max-width:38%;padding:18px 25px;background:linear-gradient(105deg,#13221fea,#17272188);border-left:1px solid #c9b2856b;backdrop-filter:blur(9px)}
.stage[data-chapter="2"] .chapter h2{font-size:35px;letter-spacing:-1px;margin:12px 0}
.stage[data-chapter="2"] .chapter>p:not(.eyebrow){font-size:11px}
.stage[data-chapter="2"] .swatches{margin-top:14px}
.gallery{position:relative}.gallery:before{content:'';position:absolute;left:-9.6%;right:-9.6%;top:0;height:140px;z-index:-1;background:linear-gradient(#d8d8c9,transparent)}
@media(max-width:1000px) and (min-width:681px){.stage .chapter h1{font-size:7vw}.stage .chapter h2{font-size:5.6vw}.stage .chapter{width:41%;left:5%}.stage .chapter>p:not(.eyebrow){font-size:12px}}
@media(max-width:680px){.stage[data-chapter="2"] .chapter{left:6%;top:17%;bottom:auto;max-width:88%;width:88%;padding:15px 17px}.stage[data-chapter="2"] .chapter h2{font-size:32px}.stage .chapter h1{font-size:43px}.stage .chapter h2{font-size:38px}.stage .annotation{font-size:7px}}


:root{--paper:#182522;--ink:#ede7d8;--muted:#a6b7ab;--accent:#d1a174;--line:#92a58b45}
html,body{overflow-x:clip}
body{background:radial-gradient(ellipse at 70% 78%,#2c352a 0,transparent 30%),#182522}
.text-cta{border-bottom-color:#a6b49d66}
.gallery:before{left:-6%;right:-6%;height:300px;background:radial-gradient(ellipse at 70% 0,#45503d55,transparent 70%)}
.art-preview{background:#26352e}.art-preview span{color:#263b35;background:#eee7d8e8}
.art-meta>span{color:#a5b49e}
input,textarea,select{border-bottom-color:#91a38880}
select option{background:#182522;color:#ede7d8}
.submit{background:#d3b48b;color:#1f3029}.submit:hover{background:#e2c69f}
#notice{color:#c7d9b6}.brand-daub{background:#b8754e}
dialog::backdrop{background:#070e0de0}

.stage .chapter{animation:chapter-text .6s ease both;transition:opacity .12s linear}@keyframes chapter-text{from{translate:0 10px}to{translate:0 0}}
.art-nameplates{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.art-nameplate{position:absolute;top:0;left:0;display:block;max-width:calc(100% - 32px);width:max-content;padding:0;background:none;border:0;color:#fff1d7;text-shadow:0 2px 8px #071510d9;opacity:0;visibility:hidden;will-change:transform;transition:opacity .12s linear}
.art-nameplate strong{font:italic 400 21px/1.3 var(--serif);white-space:nowrap}
.webgl-ready .art-caption{display:none}
@media(max-width:680px){.art-nameplate strong{font-size:16px}}
.reduced .stage .chapter{animation:none;transition:none}

/* A forest village in warm afternoon light. The scrim keeps text readable over the live world. */
.stage::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0c1b1966 0%,#11241a30 28%,transparent 59%),linear-gradient(#111f242a,transparent 23%,transparent 80%,#14231f65)}
.stage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 72% 39%,#ffe4ac35,transparent 58%);opacity:calc(var(--crescendo,0) * .75)}
.stage .scene-topline,.stage .eyebrow{color:#d0d8c7}
.stage .chapter>p:not(.eyebrow){color:#d4dfd0}
.stage .chapter{text-shadow:0 2px 25px #10201940}
.stage .art-caption,.stage .scene-bottom{z-index:3;text-shadow:0 1px 6px #142018a0}
.stage .art-caption small{color:#ced6c3}
.stage .scene-bottom{color:#e1e7d5}
.stage .chapters button{color:#b9c9b5}.stage .chapters button[aria-current=step]{color:#fff3d7}
.header{background:linear-gradient(#14251d75,transparent)}
.stage[data-chapter="2"]::before{background:linear-gradient(#17271920,transparent 25%,transparent 80%,#14231f55)}
@media(max-width:680px){.stage::before{background:linear-gradient(#10231f94 0%,#16291e8a 34%,transparent 64%,#14231f77 100%)}.stage[data-chapter="2"]::before{background:linear-gradient(#10231f70,transparent 46%,#14231f66)}}
/* Keep the final painting title clear of the mobile artwork controls. */
@media(max-width:680px){.stage[data-chapter="4"] .chapter h2{font-size:32px;margin:10px 0}.stage[data-chapter="4"] .chapter .text-cta{margin-top:8px}.stage[data-chapter="4"] .scene-choices{margin-top:5px}}

/* Close inspection keeps the artwork sharp and scrollable at its native detail. */
.art-detail{min-width:0;width:100%;aspect-ratio:1;max-height:68svh;overflow:auto;overscroll-behavior:contain;background:#202e28;scrollbar-color:#9b8666 #202e28;scrollbar-width:thin}
.art-detail #dialog-art{width:100%;max-width:none;height:auto;display:block}
.art-detail.is-zoomed #dialog-art{width:200%}
.art-detail:focus-visible{outline:2px solid #a66a39;outline-offset:3px}
.detail-zoom{border:1px solid #8d7959;background:transparent;color:inherit;border-radius:24px;padding:10px 16px;font:12px var(--sans);cursor:pointer}
.detail-zoom[aria-pressed=true]{background:#263b35;color:#f5eddd}
.dialog-copy .detail-help{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}
@media(max-width:680px){.art-detail{max-height:54svh}.detail-zoom{font-size:11px}.dialog-copy{padding-top:18px}}

@media(max-width:680px){.stage[data-chapter="4"] .chapter h2{margin:6px 0}.stage[data-chapter="4"] .chapter .text-cta{margin-top:4px}}

/* Gallery navigation and studio information */
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.category-grid>a{display:block;padding:30px;border:1px solid #bcae912e;border-radius:4px;color:inherit;text-decoration:none;background:#ffffff05;transition:background .2s,transform .2s}.category-grid>a:hover{background:#ffffff0b;transform:translateY(-4px)}.category-grid span{font-size:12px;opacity:.5}.category-grid h3{font-size:27px;margin:20px 0 12px}.category-grid p,.contact-details p{line-height:1.8;opacity:.75}.gallery-filters{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 16px}.gallery-filters button{font:inherit;color:inherit;background:transparent;border:1px solid #a59d7e66;border-radius:30px;padding:10px 24px;cursor:pointer}.gallery-filters button[aria-pressed=true]{background:#d7c79e;color:#192624}.art-card[hidden]{display:none!important}#gallery-count{font-size:13px;opacity:.65;margin-bottom:26px}.contact-details{margin-top:34px;max-width:440px}.contact-details h3{font-size:20px;margin:25px 0 10px}.social-placeholder{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;opacity:.6}.header nav{flex-wrap:wrap;gap:20px}@media(max-width:700px){.category-grid{grid-template-columns:1fr}.header{flex-wrap:wrap;gap:12px}.header nav{display:flex!important;gap:12px;font-size:11px}.header .draft{display:none}.categories h2{font-size:42px}.category-grid>a{padding:24px}}

.social-links{display:flex;flex-direction:column;gap:10px;margin-top:20px}.social-link{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #bcae9155;border-radius:8px;text-decoration:none;color:inherit;background:#ffffff05;min-height:48px;box-sizing:border-box;transition:background .2s,border-color .2s}.social-link>span:last-child{margin-left:auto;opacity:.55}.social-icon{display:grid;place-items:center;width:30px;height:30px;font-size:25px;font-family:Arial,sans-serif;font-weight:600}.social-link[href]:hover,.social-link[href]:focus-visible{background:#ffffff10;border-color:#d7c79e}.social-link[aria-disabled=true]{cursor:default}.social-note{font-size:12px;opacity:.55!important}

.header-socials{display:inline-flex;align-items:center;gap:14px;margin-left:4px}.header-social{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:inherit}.header-social svg{width:19px;height:19px}.social-icon svg{width:25px;height:25px}.header-social[href]:hover{color:#e4b96e}.header-socials a{padding:0!important}.header nav{align-items:center}@media(max-width:700px){.header-socials{gap:7px;margin-left:0}.header-social{width:26px;height:28px}.header nav{gap:10px}}

/* Social brand colours, shared by header and contact links. */
[data-social="facebook"] svg{color:#1877f2;filter:drop-shadow(0 1px 1px #0003)}
[data-social="instagram"] svg{color:#e4405f}
[data-social="tiktok"] svg{color:#111;filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.header-social[data-social="tiktok"]{background:#fff;border-radius:7px}
[data-social="instagram"] .social-icon,.header-social[data-social="instagram"]{background:radial-gradient(circle at 30% 105%,#feda75 0%,#fa7e1e 28%,#d62976 52%,#962fbf 75%,#4f5bd5 100%);border-radius:8px}
[data-social="instagram"] svg{color:#fff;width:21px;height:21px}
[data-social="tiktok"] .social-icon{background:#fff;border-radius:7px}

.header-social[data-social="facebook"],[data-social="facebook"] .social-icon{background:#1877f2;border-radius:8px}.header-social[data-social="facebook"] svg,[data-social="facebook"] .social-icon svg{color:#fff;filter:none;width:26px;height:26px}

.order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;counter-reset:order;list-style:none;padding:0;margin:44px 0}.order-steps li{counter-increment:order;border-top:1px solid #bcae9144;padding-top:24px}.order-steps li:before{content:'0' counter(order);color:#d7c79e;font-size:14px}.order-steps h3{font-size:23px;line-height:1.3}.order-steps p,.faq details p,.card-details p{line-height:1.8;opacity:.75}.faq details{border-bottom:1px solid #bcae9140;padding:22px 0;max-width:900px}.faq summary{cursor:pointer;font-size:21px;line-height:1.5}.faq details p{max-width:740px;margin:18px 0 4px}.card-details{margin-top:18px;border-top:1px solid #bcae9133;padding-top:12px;font-size:14px}.card-details dl,.art-facts{margin:20px 0}.card-details dl div,.art-facts div{display:flex;gap:16px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #bcae9125}.card-details dt,.art-facts dt{opacity:.6}.card-details dd,.art-facts dd{margin:0;text-align:right;max-width:70%}.art-status{font-size:12px;opacity:.6;line-height:1.6}.art-facts{font-size:14px}@media(max-width:700px){.order-steps{grid-template-columns:1fr;gap:20px}.faq summary{font-size:18px}}

.scene-contact-cta{position:absolute;right:28px;bottom:100px;z-index:8;background:#d7c79e;color:#192624;padding:13px 20px;border-radius:28px;text-decoration:none;font-size:14px}.scene-contact-cta[hidden]{display:none}.scene-contact-cta:hover{background:#eee0b9}@media(max-width:700px){.scene-contact-cta{right:18px;bottom:88px;padding:11px 16px;font-size:12px}}

.scene-contact-cta{right:32px;bottom:112px;min-height:58px;min-width:220px;display:flex;align-items:center;justify-content:center;padding:16px 28px;box-sizing:border-box;font-size:17px;font-weight:700;letter-spacing:.02em;background:#ffe3a0;color:#17251e;border:2px solid #fff2d0;box-shadow:0 8px 30px #0009,0 0 0 6px #17251e66;text-shadow:none;transition:background .2s,transform .2s,box-shadow .2s}.scene-contact-cta:hover,.scene-contact-cta:focus-visible{background:#fff1ce;transform:translateY(-3px);box-shadow:0 12px 35px #000a,0 0 0 7px #ffe3a044;outline:3px solid #fff;outline-offset:4px}@media(max-width:700px){.scene-contact-cta{right:20px;bottom:100px;min-height:52px;min-width:195px;padding:14px 22px;font-size:15px}}

.scene-contact-cta{right:28px;bottom:100px;min-width:0;min-height:0;padding:13px 20px;font-size:14px;font-weight:500;letter-spacing:normal;border-width:1px;box-shadow:0 5px 18px #0006}.scene-contact-cta:hover,.scene-contact-cta:focus-visible{box-shadow:0 7px 22px #0007}@media(max-width:700px){.scene-contact-cta{right:18px;bottom:88px;min-width:0;min-height:0;padding:11px 16px;font-size:12px}}

@media(max-width:700px){html{scroll-padding-top:145px}.header{padding:14px 18px}.header nav{width:100%;justify-content:flex-start;column-gap:12px;row-gap:10px}.header nav>a{min-height:32px;display:inline-flex;align-items:center}.header-socials{margin-left:auto}.header-social{width:32px;height:32px}.gallery-filters button{min-height:44px}.faq summary{padding:8px 0}.social-link{min-height:48px}input,select,textarea{font-size:16px!important}.scene-contact-cta{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.art-facts div{gap:12px}}

@media(max-width:700px){.header nav{flex-wrap:nowrap;column-gap:9px;row-gap:0;justify-content:flex-start}.header nav>a{font-size:10px;white-space:nowrap}.header-socials{margin-left:0;gap:6px;flex-shrink:0}.header-social{width:26px;height:26px;flex-shrink:0}.header-social svg{width:17px;height:17px}.header-social[data-social="facebook"] svg{width:23px;height:23px}.header-social[data-social="instagram"] svg{width:20px;height:20px}.nav-contact span{display:none}}

/* Quiet scroll indicators. */
html{scrollbar-width:thin;scrollbar-color:#8d97845c transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8d97845c;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#8d97848c}.stage .progress{left:35%;width:30%;bottom:5px;height:1px;background:#d6ddcf14;border-radius:2px;overflow:hidden;opacity:.5}.stage .progress i{background:#c4cbb394}@media(max-width:700px){.stage .progress{left:38%;width:24%;bottom:4px;opacity:.4}}

.untitled-art .dialog-copy>.eyebrow,.untitled-art #dialog-title,.untitled-art #dialog-description,.untitled-art .art-facts,.untitled-art .art-status{display:none}.stage[data-chapter="4"][data-selected-art="portrait"] .chapter>h2,.stage[data-chapter="4"][data-selected-art="portrait"] .chapter>p{display:none}.stage[data-chapter="4"][data-selected-art="portrait"] .art-caption{display:none}

.art-click-hint{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;font:11px/1.2 Arial,sans-serif;letter-spacing:.5px;color:#f0e4c8;opacity:.82;text-shadow:0 1px 5px #000}.art-click-hint svg{width:12px;height:17px}.art-click-hint>span{font-style:normal}@media(max-width:700px){.art-click-hint{font-size:10px;margin-top:4px}.art-click-hint svg{width:10px;height:14px}}

button.art-click-hint{pointer-events:auto;cursor:pointer;background:transparent;border:0;padding:4px 8px;margin:6px auto 0;min-height:28px}button.art-click-hint:hover{opacity:1;color:#ffe3a0}button.art-click-hint:focus-visible{outline:1px solid #ffe3a0;outline-offset:3px;border-radius:5px}

.stage .annotation{font:600 13px/1.4 Arial,sans-serif;letter-spacing:.2px;color:#fff3d6;background:#13251ee8;border:1px solid #d7c79e99;border-radius:7px;padding:9px 12px;gap:9px;box-shadow:0 4px 16px #0007;text-shadow:0 1px 2px #000;backdrop-filter:blur(5px)}.stage .annotation:before{width:30px;height:2px;background:#f0d49c}.stage .annotation b{width:26px;height:26px;font-size:11px;font-weight:700;border-color:#f0d49c;color:#ffe1a3;background:#ffffff0c;flex-shrink:0}@media(max-width:680px){.stage .annotation{font-size:10px;padding:6px 8px;gap:5px}.stage .annotation:before{width:15px}.stage .annotation b{width:20px;height:20px;font-size:9px}}

.stage .annotation{font-size:11px;font-weight:500;color:#f4e9d0;background:transparent;border:0;border-radius:0;padding:3px 0;gap:7px;box-shadow:none;text-shadow:0 1px 4px #000,0 0 8px #000b;backdrop-filter:none}.stage .annotation:before{width:25px;height:1px;background:#e7d7b2aa}.stage .annotation b{width:20px;height:20px;font-size:9px;font-weight:400;background:transparent;border-color:#e7d7b288;color:#f4e9d0}@media(max-width:680px){.stage .annotation{font-size:9px;padding:2px 0;gap:4px}.stage .annotation:before{width:14px}.stage .annotation b{width:17px;height:17px;font-size:8px}}

.stage .annotation{font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:400;letter-spacing:.15px;line-height:1.4}.stage .annotation b{font-family:Georgia,'Times New Roman',serif;font-size:10px}.art-click-hint{font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:.2px}@media(max-width:680px){.stage .annotation{font-size:11px}.stage .annotation b{font-size:9px}.art-click-hint{font-size:11px}}

.stage .annotation{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.25px;text-shadow:0 1px 3px #0009;color:#efe8d8}.stage .annotation b{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-size:9px}.art-click-hint{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-size:11px;text-shadow:0 1px 3px #0008}@media(max-width:680px){.stage .annotation{font-size:10px}.stage .annotation b{font-size:8px}.art-click-hint{font-size:10px}}

.layer-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.layer-leaders line{stroke:#e7d7b2aa;stroke-width:1}.layer-leaders circle{fill:#f4e9d0}.stage .annotation:before{display:none}

.loading-scene{display:none}.is-loading .loading-scene{display:flex;position:absolute;inset:0;z-index:9;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;background:#172a24ed;color:#e9dfc5}.loading-scene p{font:italic 28px Georgia,serif;margin:12px 0}.loading-scene small{max-width:320px;line-height:1.7;opacity:.65}.loading-scene a{margin-top:18px;color:inherit}.loading-brush{width:34px;height:34px;border:1px solid #e9dfc533;border-top-color:#e9dfc5;border-radius:50%;animation:loading-turn 1.8s linear infinite}@keyframes loading-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-brush{animation:none}}
.art-grid{align-items:start}.art-grid .art-card:nth-child(n){padding-top:0;width:100%;margin-left:0}.art-grid .art-preview img{aspect-ratio:1;object-fit:cover}.untitled-art #inquire-art{display:none}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:20;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#233a30e8;color:#e9dfc5;border:1px solid #e9dfc555;text-decoration:none;box-shadow:0 3px 12px #0004}.back-to-top[hidden]{display:none}#inquire-art{display:flex;margin-bottom:16px}@media(max-width:700px){.loading-scene p{font-size:23px}.back-to-top{width:36px;height:36px;right:15px;bottom:15px}}

.menu-toggle{display:none}.wall-toggle,.clear-draft{font:inherit;color:inherit;background:transparent;border:1px solid #a99c7d66;border-radius:22px;padding:9px 16px;cursor:pointer;margin:12px 8px 6px 0}.wall-hint{font-size:12px;opacity:.7;line-height:1.5}.art-detail.on-wall{display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#b3a695 0 16%,#d7cfc1 16% 17%,#eee8df 17%);padding:30px;box-sizing:border-box}.art-detail.on-wall img{width:65%;max-height:70%;object-fit:contain;box-shadow:4px 8px 15px #0005;border:6px solid #65513c;box-sizing:border-box}.clear-draft{font-size:12px;opacity:.7;display:block}.untitled-art .wall-hint{display:none}
@media(max-width:700px){.header{height:auto;min-height:70px;align-items:center}.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;background:transparent;color:inherit;border:1px solid #d7c79e55;border-radius:20px;padding:9px 13px;font:12px Arial,sans-serif}.header #main-nav{display:none!important;width:100%;padding:15px 0 7px;flex-wrap:wrap;gap:10px 18px}.header #main-nav.is-open{display:flex!important}.header #main-nav>a:nth-child(n){display:inline-flex;min-height:36px;font-size:13px}.header-socials{margin-left:0}.header-social{width:30px;height:30px}.scene-topline{top:92px}}

@media(max-width:700px){.header #main-nav{position:absolute;top:100%;left:0;box-sizing:border-box;padding:20px;background:#172b24fa;border-bottom:1px solid #d7c79e44;box-shadow:0 12px 25px #0006;z-index:30}.header #main-nav.is-open{display:flex!important}}

.art-detail.on-wall #dialog-art{width:70%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover}

/* Contact shortcuts at the final scene; dedicated mobile layout is deferred. */
.scene-contact-actions[hidden]{display:none}.scene-socials{display:none}
@media(min-width:701px){
 .scene-contact-actions{position:absolute;right:28px;bottom:50px;z-index:8;display:flex;flex-direction:column;align-items:center;gap:12px}
 .scene-contact-actions .scene-contact-cta{position:static;margin:0}
 .scene-socials{display:flex;align-items:center;justify-content:center;gap:10px}
 .scene-socials .header-social{width:36px;height:38px;border-radius:9px;box-shadow:0 3px 12px #0004;text-decoration:none;transition:transform .2s,box-shadow .2s}
 .scene-socials .header-social[href]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0006}
 .scene-socials .header-social:focus-visible{outline:2px solid #fff1ce;outline-offset:4px}
 .scene-socials .header-social[aria-disabled=true]{cursor:default}
 .scene-socials .scene-phone{color:#f4ecd8;background:#29483e;border:1px solid #d7c79e66;box-sizing:border-box}
 .scene-socials .scene-phone svg{width:21px;height:21px}
}

/* Selected acrylic butterfly identity. */
.brand-mark{display:block;width:52px;height:40px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px #0004)}
.brand{letter-spacing:-.7px;font-weight:400}
@media(max-width:680px){.brand-mark{width:40px;height:32px}.header .brand{gap:8px}}

/* Refined artwork inspection and phone layout. */
html{scrollbar-gutter:stable}body.art-modal-open{overflow:hidden}
dialog{border-radius:8px;box-shadow:0 20px 80px #0008}dialog[open] .art-detail{animation:art-inspection-in .32s ease both}
.art-detail.is-zoomed{cursor:grab;touch-action:pan-x pan-y}.art-detail.is-dragging{cursor:grabbing}.art-detail img{user-select:none;-webkit-user-drag:none}
.close-dialog{width:44px;height:44px;right:8px;top:8px;border-radius:50%;box-shadow:0 2px 12px #0003}
.art-click-hint{min-height:32px;min-width:92px;padding:5px 9px;border:0;border-radius:18px;background:#14291f55;color:#f0e4c8;cursor:pointer}
@keyframes art-inspection-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .stage{min-height:0;height:100svh}.header{padding:12px 16px;gap:8px}.header .brand{font-size:22px}.menu-toggle{min-height:42px}
 .scene-topline{top:91px;left:5%;right:5%;font-size:7px;letter-spacing:.6px}.scene-topline label{font-size:9px}
 .chapter{left:6%;width:88%;max-width:88%}.chapter h1{font-size:clamp(37px,11vw,48px)}.chapter h2{font-size:clamp(29px,8vw,38px)}
 .chapter:not([data-chapter="0"]){top:16%}.chapter>p:not(.eyebrow){max-width:280px;font-size:11px}
 .scene-bottom{left:4%;right:4%;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.scroll-hint{max-width:80px;font-size:7px;gap:5px}
 .chapters{left:54%;gap:0}.chapters button{min-width:32px;min-height:44px;padding:9px 6px}.scene-counter{font-size:8px}
 .art-nameplate strong{font-size:17px}.art-click-hint{min-height:36px;min-width:96px;font-size:11px}
 .scene-contact-actions{position:absolute;right:16px;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:8;display:flex;flex-direction:column;align-items:center;gap:10px}
 .scene-contact-actions .scene-contact-cta{position:static;margin:0;padding:12px 18px;min-height:44px;font-size:12px}
 .scene-socials{display:flex;gap:9px;align-items:center}.scene-socials .header-social{width:32px;height:34px}.scene-socials .scene-phone{background:#29483e;color:#f4ecd8;border-radius:8px}.scene-socials .scene-phone svg{width:20px;height:20px}
 dialog{width:calc(100vw - 20px);max-width:560px;max-height:calc(100dvh - 24px);padding:16px}dialog[open]{padding:16px;gap:0}.art-detail{max-height:52svh;aspect-ratio:1}.dialog-copy{padding-top:18px}.dialog-copy h2{font-size:27px;margin:12px 0}.dialog-copy p{font-size:13px}.detail-zoom,.wall-toggle{min-height:44px;padding:10px 14px}.art-facts{font-size:12px}.art-detail.on-wall{padding:18px}
 .category-grid{gap:16px}.section-wrap{width:88%}.gallery{padding-top:60px}.gallery-filters{gap:8px}.gallery-filters button{padding:9px 17px}.faq summary{font-size:17px}
}
@media(max-width:360px){.header .brand{font-size:20px}.brand-mark{width:32px}.menu-toggle{padding:9px 11px;gap:5px}.scene-counter{display:none}.chapters{left:65%}.scene-topline{font-size:6px;letter-spacing:.3px}.art-nameplate strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){dialog[open] .art-detail{animation:none}}.art-detail.is-image-loading img{opacity:0}.art-detail img{transition:opacity .18s ease}
@media(max-width:700px){.close-dialog{position:sticky;top:0;right:0;float:right;margin:0 0 -44px 0;z-index:5}}
/* Discreet gallery controls remain reachable on narrow screens. */
.art-pagination{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;grid-column:1/-1;}
.art-pagination button{min-height:44px;padding:8px 16px;border:1px solid #b5a88366;border-radius:24px;background:#ede4ce;color:#23352c;font:inherit;cursor:pointer;}
.art-detail:not(.is-zoomed){touch-action:pan-y;}

.intro-actions{display:flex;flex-wrap:wrap;gap:8px 22px}.intro-actions button{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;cursor:pointer;text-align:left}
.wall-options:not([hidden]){display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.wall-options label{display:grid;gap:5px;font-size:12px}.wall-options select{min-height:44px;max-width:100%;padding:8px;border:1px solid #93876b;border-radius:8px;background:#e9dfc7;color:#243b30}
.art-detail.on-wall{position:relative;padding:0;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(#d8d4c9 0 87%,#b5a68c 87%);isolation:isolate}
.art-detail.on-wall.dark-wall{background:linear-gradient(#35433e 0 87%,#746955 87%)}
.art-detail.on-wall img{position:absolute;top:9%;width:var(--art-wall-width,36%);height:auto;max-height:65%;border-width:3px;z-index:1;box-shadow:3px 5px 9px #0005}
.room-reference{display:none}.on-wall .room-reference{display:block;position:absolute;left:10%;bottom:10%;width:80%;height:17%;border-radius:2px;background:linear-gradient(90deg,#6e5035 0 32%,#493923 32% 33%,#806042 33% 66%,#493923 66% 67%,#705035 67%);border-top:4px solid #9b7851;box-shadow:0 8px 8px #0004}
.on-wall .room-reference:before,.on-wall .room-reference:after{content:'';position:absolute;bottom:-12%;width:4%;height:12%;background:#493923}.on-wall .room-reference:before{left:4%}.on-wall .room-reference:after{right:4%}
.untitled-art .wall-options{display:none!important}

.art-detail.on-wall #dialog-art{width:var(--art-wall-width,36%);max-height:65%;height:auto;object-fit:contain}

.restart-walk{position:absolute;right:5%;top:74px;z-index:9;min-height:44px;padding:8px 15px;border:1px solid #e8dcc577;border-radius:24px;background:#192e27c9;color:#f0e5cd;font:400 13px var(--sans,Arial,sans-serif);cursor:pointer;backdrop-filter:blur(5px)}
.restart-walk[hidden]{display:none}.restart-walk:hover,.restart-walk:focus-visible{background:#e6d8b8;color:#20372b;outline:2px solid #e6d8b8;outline-offset:3px}
@media(max-width:680px){.restart-walk{top:74px;right:6%;font-size:11px;padding:7px 12px}}

/* Restrained warm depth effects; keyboard focus is always visible. */
button:not([data-step]):not(.menu-toggle):not(.close-dialog):not(.art-preview),a.text-cta{transition:transform .18s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease;transform-origin:center;}
@media(hover:hover) and (pointer:fine){
 .button-depth:hover{transform:perspective(650px) rotateX(var(--button-rx,0deg)) rotateY(var(--button-ry,0deg)) translateY(-1px);box-shadow:0 5px 12px #0003,0 0 10px #efc07820;}
 .text-cta:hover>span{transform:translate(3px,-1px)}
}
.text-cta>span{display:inline-block;transition:transform .18s ease}
button:not([data-step]):not(.menu-toggle):not(.close-dialog):not(.art-preview):active,a.text-cta:active{transform:perspective(650px) translateY(1px) scale(.98);box-shadow:inset 0 2px 5px #0003;}
button:focus-visible,a.text-cta:focus-visible{outline:2px solid #e9c789;outline-offset:4px}
.reduced .button-depth,.reduced .text-cta>span{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){button,a.text-cta,.text-cta>span{transition:none!important;transform:none!important}}

/* Warm carved controls echo the brass lanterns and timber frames. */
#start-walk,.scene-contact-cta,#ask button[type=submit]{position:relative;isolation:isolate;overflow:hidden;border:1px solid #f6dca0;border-radius:14px;background:linear-gradient(145deg,#f9e8bd 0%,#eac582 55%,#d7ac67 100%);color:#23392e;text-shadow:0 1px #fff7;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #98723c55,0 4px 0 #5e4c2bcc,0 7px 16px #0004;min-height:46px;padding:12px 18px;font-size:13px;font-weight:500;letter-spacing:.01em;gap:16px;text-decoration:none}
#start-walk{display:inline-flex;align-items:center;margin-top:18px}
#start-walk:before,.scene-contact-cta:before,#ask button[type=submit]:before{content:'';position:absolute;inset:-40% -60%;background:linear-gradient(110deg,transparent 42%,#fff6 50%,transparent 58%);transform:translateX(-65%);pointer-events:none;z-index:-1;transition:transform .55s ease}
@media(hover:hover){#start-walk:hover:before,.scene-contact-cta:hover:before,#ask button[type=submit]:hover:before{transform:translateX(65%)}
#start-walk:hover,.scene-contact-cta:hover,#ask button[type=submit]:hover{border-color:#fff0c8;filter:brightness(1.035);box-shadow:inset 0 1px 0 #fffc,inset 0 -2px 0 #98723c44,0 4px 0 #5e4c2bcc,0 9px 20px #0005}}
#start-walk:active,.scene-contact-cta:active,#ask button[type=submit]:active{transform:translateY(3px) scale(.99);box-shadow:inset 0 2px 4px #815c2533,0 1px 0 #5e4c2b,0 3px 7px #0003}
.restart-walk,.wall-toggle,.detail-zoom,.art-pagination button{border-radius:12px;border:1px solid #bcad8766;box-shadow:inset 0 1px 0 #fff2,0 2px 5px #0002;min-height:44px}
.wall-toggle[aria-pressed=true],.detail-zoom[aria-pressed=true]{background:#e7c78c;color:#23382c;border-color:#f4deb0}
.intro-actions{align-items:center}.intro-actions>a.text-cta{margin-top:18px;padding:11px 4px}
@media(max-width:680px){#start-walk{padding:10px 14px;font-size:11px;gap:10px;min-height:44px}.intro-actions{gap:4px 16px}.intro-actions>a.text-cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){#start-walk:before,.scene-contact-cta:before,#ask button[type=submit]:before{display:none}}
.reduced #start-walk:before,.reduced .scene-contact-cta:before,.reduced #ask button[type=submit]:before{display:none}

/* Refined single invitation, without an icon. */
#start-walk,.restart-walk{min-height:48px;padding:13px 23px;border-radius:13px;border:1px solid #f3d9a2;background:linear-gradient(165deg,#f6e6bd 0%,#edcf98 42%,#ddb477 100%);font-size:14px;font-weight:500;letter-spacing:.025em;color:#263b2e;text-shadow:0 1px 0 #fff5;box-shadow:inset 0 1px 0 #fff9,inset 0 0 0 3px #fff1,inset 0 -2px 0 #986c3133,0 3px 0 #6b532f,0 8px 18px #0004}
@media(hover:hover){#start-walk:hover,.restart-walk:hover{background:linear-gradient(165deg,#fff0cb,#f3d49a 52%,#e4bd7e);box-shadow:inset 0 1px 0 #fffc,inset 0 0 0 3px #fff2,0 3px 0 #6b532f,0 10px 22px #0004,0 0 16px #e9bf7030;filter:none}}
#start-walk:active,.restart-walk:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 2px 4px #916c3133,0 1px 0 #6b532f,0 3px 8px #0003}
@media(max-width:680px){#start-walk,.restart-walk{min-height:46px;padding:12px 19px;font-size:12px;letter-spacing:.02em}}

.restart-walk:before{content:'';position:absolute;inset:-40% -60%;background:linear-gradient(110deg,transparent 42%,#fff6 50%,transparent 58%);transform:translateX(-65%);pointer-events:none;z-index:-1;transition:transform .55s ease}
.restart-walk{isolation:isolate;overflow:hidden}
@media(hover:hover){.restart-walk:hover:before{transform:translateX(65%)}}
@media(prefers-reduced-motion:reduce){.restart-walk:before{display:none}}
.reduced .restart-walk:before{display:none}

.chapter[data-chapter='0']{margin-top:-92px}@media(max-width:680px){.chapter[data-chapter='0']{margin-top:-28px}}

.walk-control{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);z-index:9;max-width:90%;}
.walk-control #start-walk{margin:0;white-space:nowrap;}
@media(max-width:680px){.walk-control{bottom:66px}.stage[data-chapter="4"] .walk-control{bottom:160px}}

.continue-walk{top:auto;bottom:74px;right:5%;}
@media(max-width:680px){.continue-walk{top:auto;bottom:126px;right:6%;}.stage[data-chapter="4"] .continue-walk{bottom:220px}}

/* Satin brass controls: shared silhouette, thin inner edge, pointer-lit surface. */
#start-walk,#stage .restart-walk{
 border-radius:15px;border:1px solid #ebd2a1;
 background:linear-gradient(165deg,#f2e2bf 0%,#e7c894 55%,#d2ac75 100%);
 color:#25382d;min-height:48px;padding:12px 24px;font-weight:500;
 letter-spacing:.025em;line-height:1.35;text-shadow:0 1px 0 #fff6;
 box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 2px #78542629,0 2px 0 #725735aa,0 5px 14px #0003;
 transition:opacity .28s ease,transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;
 -webkit-tap-highlight-color:transparent;
}
#start-walk:before,#stage .restart-walk:before{
 inset:0;transform:none;background:radial-gradient(ellipse at var(--button-x,50%) var(--button-y,20%),#fff9,transparent 72%);
 opacity:0;transition:opacity .3s ease;z-index:-1;
}
#start-walk:after,#stage .restart-walk:after{
 content:'';position:absolute;inset:3px;border:1px solid #fff4;border-bottom-color:#98783b22;
 border-radius:11px;pointer-events:none;z-index:-1;
}
@media(hover:hover) and (pointer:fine){
 #start-walk:hover,#stage .restart-walk:hover{
  background:linear-gradient(165deg,#f6e6c3,#edcf9d 55%,#ddb77e);border-color:#ffebbd;
  box-shadow:inset 0 1px 0 #fffc,0 2px 0 #725735aa,0 9px 20px #0004,0 0 12px #e6bb631a;
  transform:perspective(800px) rotateX(var(--button-rx,0deg)) rotateY(var(--button-ry,0deg)) translateY(-1.5px);
  filter:none;outline:none;
 }
 #start-walk:hover:before,#stage .restart-walk:hover:before{transform:none;opacity:.68}
}
#start-walk:active,#stage .restart-walk:active{
 transform:translateY(1px) scale(.985);
 box-shadow:inset 0 2px 5px #80602b38,0 1px 0 #785a32,0 2px 5px #0002;
 transition-duration:.1s;
}
#start-walk:focus-visible,#stage .restart-walk:focus-visible{outline:2px solid #fff0c2;outline-offset:5px}
.wall-toggle,.detail-zoom,.art-pagination button,.gallery-filters button{
 border-radius:12px;box-shadow:inset 0 1px 0 #fff2,0 2px 6px #0002;
 transition:opacity .25s ease,background-color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease;
}
@media(max-width:680px){#start-walk,#stage .restart-walk{min-height:46px;padding:11px 19px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#start-walk,#stage .restart-walk{transform:none!important;transition:none!important}}
.reduced #start-walk,.reduced #stage .restart-walk{transform:none!important;transition:none!important}

.header .brand-wordmark{display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.1;text-align:center}
.header .brand-wordmark small{font:400 7px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.65px;white-space:nowrap;color:#d9dfcf}
.scene-topline{justify-content:flex-end}
@media(max-width:680px){.header .brand-wordmark{gap:5px}.header .brand-wordmark small{font-size:6px;letter-spacing:.35px}}

.scene-topline{justify-content:space-between}

.header .brand-wordmark{align-items:flex-start;text-align:left}.scene-topline{justify-content:flex-end}

@media(min-width:681px){.header .brand-sub{display:block}}

/* Controls recede until the visitor points to or activates them. */
#start-walk,.restart-walk,.scene-contact-cta,button:not(.art-preview):not([data-preview]){opacity:.62;transition-property:opacity,transform,box-shadow,background-color,border-color;}
#start-walk:hover,#start-walk:focus-visible,#start-walk:active,.restart-walk:hover,.restart-walk:focus-visible,.restart-walk:active,.scene-contact-cta:hover,.scene-contact-cta:focus-visible,.scene-contact-cta:active,button:not(.art-preview):not([data-preview]):hover,button:not(.art-preview):not([data-preview]):focus-visible,button:not(.art-preview):not([data-preview]):active{opacity:1}

/* Actual paintings are presented whole, with their surroundings cropped in canvas. */
.gallery-filters{flex-wrap:wrap}
.art-grid .imported-art .art-preview img{height:clamp(240px,29vw,410px);width:100%;object-fit:contain;aspect-ratio:auto!important;opacity:0;transition:opacity .25s ease;transform:none}
.art-grid .imported-art .art-preview img[data-ready=true]{opacity:1}
.imported-art .art-preview{background:#16241e;padding:12px;box-sizing:border-box;min-height:260px}
.imported-art .art-meta h3{font-size:22px;line-height:1.25}.imported-art .art-meta p{font-size:12px}
.art-detail.collection-detail:not(.is-zoomed):not(.on-wall) #dialog-art{width:100%;height:66svh;object-fit:contain}
#choose-art[hidden]{display:none!important}
@media(max-width:680px){.art-grid .imported-art .art-preview img{height:390px}.art-detail.collection-detail:not(.is-zoomed):not(.on-wall) #dialog-art{height:50svh}}

.art-detail.collection-detail:not(.is-zoomed):not(.on-wall){height:66svh;aspect-ratio:auto}
.art-detail.collection-detail:not(.is-zoomed):not(.on-wall) #dialog-art{height:100%;max-height:100%;object-fit:contain}
@media(max-width:680px){.art-detail.collection-detail:not(.is-zoomed):not(.on-wall){height:50svh}}

body:not(.webgl-ready) .walk-control,body:not(.webgl-ready) #start-walk{visibility:hidden;pointer-events:none}

.extra-painting-label strong{font-size:15px;line-height:1.2;max-width:150px;white-space:normal;text-align:center}

.workshop-painting-label strong{font-size:14px;line-height:1.2;max-width:150px;white-space:normal;text-align:center}.workshop-painting-label .art-click-hint{font-size:10px}

.author-note{position:absolute;z-index:7;left:5%;top:48%;transform:translateY(-50%);box-sizing:border-box;width:310px;max-width:35%;padding:22px 26px;border-left:1px solid #d9bc7a77;border-radius:4px;background:linear-gradient(90deg,#13291fe8,#13291f88 75%,transparent);color:#f0ebdb;text-shadow:0 2px 10px #0008;pointer-events:none}
.author-note[hidden]{display:none}.author-note .eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 14px;color:#d8c496}.author-note h2{font:400 36px/1.1 var(--serif,Georgia,serif);letter-spacing:-.8px;margin:0 0 18px}.author-note>p:last-child{font-size:13px;line-height:1.8;margin:0;color:#e0e5d9}
@media(max-width:680px){.author-note{top:95px;left:6%;right:6%;transform:none;width:auto;max-width:none;padding:14px 18px;background:linear-gradient(90deg,#13291fe6,#13291faa)}.author-note .eyebrow{font-size:8px;margin-bottom:8px}.author-note h2{font-size:26px;margin-bottom:10px}.author-note>p:last-child{font-size:11px;line-height:1.6}}

.author-note>p:not(.eyebrow){font-size:13px;line-height:1.75;margin:0 0 12px;color:#e0e5d9}.author-note>p:last-child{margin-bottom:0}@media(max-width:680px){.author-note>p:not(.eyebrow){font-size:11px;line-height:1.6;margin-bottom:10px}.author-note>p:last-child{margin-bottom:0}}

.author-signature{display:flex;align-items:center;gap:13px;margin:0 0 18px}.author-signature img{width:48px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 6px #0005)}.author-note .author-signature h2{margin:0;font-size:34px}@media(max-width:680px){.author-signature{gap:10px;margin-bottom:10px}.author-signature img{width:36px;height:36px}.author-note .author-signature h2{font-size:26px}}

.contact-phone{display:flex;align-items:center;gap:14px;color:#ead6ae;text-decoration:none;margin:0 0 28px;padding:14px 0;border-bottom:1px solid #d1bd9133;font-size:24px;font-family:var(--serif,Georgia,serif)}.contact-phone svg{width:25px;height:25px;flex:none}.contact-phone small{display:block;font:11px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.06em;color:#c7d2c4;margin-bottom:5px}.contact-phone:hover{color:#fff0c9}.contact-phone:focus-visible{outline:2px solid #e9c789;outline-offset:5px}

.fluorescent-art .art-preview img,.art-detail.fluorescent-preview #dialog-art{filter:saturate(1.25) brightness(1.08);box-shadow:0 0 18px #a96cdb4d}.painting-medium{display:block;font-size:9px;line-height:1.4;letter-spacing:.03em;color:#dbbff1;margin-top:4px}

/* Keep the final contact button free of diagonal shine. */
.scene-contact-cta::before{content:none}

/* Reserve a separate reading area beside or below the finished portrait. */
@media(min-width:681px){
 .author-note{left:4%;width:clamp(230px,28vw,310px);max-width:31%;padding:18px 20px}
 .author-note .author-signature h2{font-size:clamp(25px,3.3vw,34px)}
}
@media(max-width:680px){
 .author-note{top:auto;bottom:180px;left:5%;right:5%;width:auto;max-width:none;max-height:28svh;overflow:auto;padding:11px 14px;pointer-events:auto;background:linear-gradient(90deg,#13291ff2,#13291fdb)}
 .author-note .eyebrow{font-size:8px;margin-bottom:5px}
 .author-note .author-signature{gap:9px;margin-bottom:7px}
 .author-note .author-signature img{width:28px;height:28px}
 .author-note .author-signature h2{font-size:23px}
 .author-note>p:not(.eyebrow){font-size:10.5px;line-height:1.4;margin:0 0 7px}
 .author-note>p:last-child{margin-bottom:0}
}

/* Readable painting captions and compact phone controls. */
.art-nameplate{padding:9px 14px 6px;border:1px solid #e8d8ac44;border-radius:10px;background:#10251ee8;box-shadow:0 4px 18px #0005;text-align:center}
.art-nameplate strong{display:block;font-size:22px;line-height:1.3;font-weight:500;white-space:normal;max-width:330px;color:#fff4dc;text-shadow:0 1px 3px #000}
.stage button.art-click-hint{opacity:1;color:#fff1d4;font-size:12px;font-weight:400}
@media(max-width:680px){
 .art-nameplate{max-width:calc(100% - 32px);padding:8px 12px 4px}
 .art-nameplate strong{font-size:18px;max-width:260px;line-height:1.35}
 .stage button.art-click-hint{min-height:44px;font-size:12px;margin-top:2px}
 .stage[data-paint-phase="complete"] .walk-control{display:none}
 .author-note{bottom:190px;max-height:27svh;overscroll-behavior:contain}
 .author-note>p:not(.eyebrow){font-size:12px;line-height:1.5}
 .gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;justify-content:flex-start}
 .gallery-filters button{flex:none;white-space:nowrap;min-height:44px}
 .art-grid .imported-art .art-preview img{height:clamp(260px,92vw,390px)}
}

/* Unboxed painting titles. */
.art-nameplate{padding:0;background:none;border:0;border-radius:0;box-shadow:none}

/* Phone layout: keep the scene visible and controls apart. */
@media(max-width:680px){
 .stage .chapter[data-chapter="0"]{top:132px;left:6%;width:88%;max-width:88%;margin-top:0;transform:none}
 .stage .chapter[data-chapter="0"] h1{font-size:clamp(30px,8.7vw,37px);line-height:1.05;letter-spacing:-1.4px;margin:10px 0 12px}
 .stage .chapter[data-chapter="0"] .eyebrow{font-size:8px;letter-spacing:1.1px;margin:0}
 .stage .chapter[data-chapter="0"]>p:not(.eyebrow){font-size:12px;line-height:1.55;max-width:270px}
 .scene-topline{top:83px;left:6%;right:6%}
 .scene-topline label{font-size:10px;min-height:44px;display:flex;align-items:center;gap:6px}
 .stage .restart-walk{top:130px;right:5%;min-height:44px;padding:8px 14px;font-size:12px}
 .stage .art-nameplate{max-width:calc(100% - 40px)}
 .stage .art-nameplate strong{font-size:17px;line-height:1.3;max-width:250px}
 .section-wrap{width:90%}.section-heading{gap:16px;margin-bottom:28px;align-items:flex-start;flex-direction:column}
 .section-heading h2{font-size:36px;letter-spacing:-1px}.section-heading>p{font-size:14px;line-height:1.6}
 .art-grid{gap:24px}.imported-art .art-meta h3{font-size:21px}.art-meta{padding:14px 0}
 .art-preview span{opacity:1;transform:none;bottom:12px;right:12px;padding:10px 13px;font-size:12px}
 .art-pagination button{min-height:44px;padding:10px 16px}
 dialog .dialog-copy h2{font-size:25px;line-height:1.2}dialog .dialog-copy p{font-size:14px;line-height:1.6}
}
@media(max-width:680px) and (max-height:700px){
 .stage .chapter[data-chapter="0"]{top:116px}
 .stage .chapter[data-chapter="0"] h1{font-size:30px;margin:8px 0}
 .stage .chapter[data-chapter="0"]>p:not(.eyebrow){font-size:11px}
}

.stage .workshop-painting-label strong{font-size:11px;line-height:1.25;max-width:135px}
.stage .workshop-painting-label .painting-medium{font-size:7px}
.stage .workshop-painting-label button.art-click-hint{font-size:9px}

@media(max-width:680px){
 .stage .art-nameplate strong{font-size:6.8px;max-width:100px}
 .stage .art-nameplate .painting-medium{font-size:3.6px}
 .stage .art-nameplate button.art-click-hint{font-size:4.8px;min-width:44px}
 .stage .art-nameplate .art-click-hint svg{width:4px;height:6px}
 .stage .workshop-painting-label strong{font-size:4.4px;max-width:54px}
 .stage .workshop-painting-label .painting-medium{font-size:2.8px}
 .stage .workshop-painting-label button.art-click-hint{font-size:3.6px}
}

@media(max-width:680px){.stage[data-chapter="2"]::before,.stage[data-chapter="3"]::before,.stage[data-chapter="4"]::before{background:none}.stage::before{transition:background .4s ease}}

@media(max-width:680px){
 .stage .scene-contact-actions{left:5%;right:5%;bottom:calc(74px + env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:space-between;align-items:center;gap:8px}
 .stage .scene-contact-actions .scene-contact-cta{flex:none;font-size:11px;padding:10px 12px;min-height:44px}
 .stage .scene-contact-actions .scene-socials{gap:6px;flex-shrink:0}
 .stage .author-note{bottom:140px}
}

@media(max-width:680px){.stage .restart-walk{top:20px}}

@media(max-width:680px){.scene-grain{display:none}}

.author-note{background:linear-gradient(90deg,#13291fb3,#13291f8c)}
@media(max-width:680px){
 .stage .author-note{background:linear-gradient(90deg,#13291fb3,#13291f8c);padding:10px 12px}
 .stage .author-note .eyebrow{font-size:7px;letter-spacing:1.4px}
 .stage .author-note .author-signature h2{font-size:20px}
 .stage .author-note .author-signature img{width:24px;height:24px}
 .stage .author-note>p:not(.eyebrow){font-size:10.5px;line-height:1.45;margin-bottom:6px}
}

@media(max-width:680px){
 .stage .restart-walk{top:calc(20px + env(safe-area-inset-top,0px))}
 .stage .scene-bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .stage .author-note{bottom:calc(140px + env(safe-area-inset-bottom,0px));scrollbar-width:thin}
 .stage .scene-contact-actions .scene-socials .header-social{min-width:34px;min-height:38px}
 .header #main-nav.is-open{background:#14291ff2;border-radius:12px;padding:14px;box-sizing:border-box}
 .stage button.art-click-hint:focus-visible{outline:2px solid #ffe3a0;outline-offset:2px}
}
@media(max-width:360px){
 .stage .scene-contact-actions{left:4%;right:4%;gap:5px}
 .stage .scene-contact-actions .scene-contact-cta{font-size:10px;padding:9px}
 .stage .scene-contact-actions .scene-socials{gap:4px}
}

@media(max-width:680px){.stage::before{background:none!important}.stage .chapter{text-shadow:0 2px 8px #071510cc}}

.stage[data-chapter="2"] .chapter{background:linear-gradient(90deg,#13291fb3,#13291f8c);backdrop-filter:none}

.scene-topline label:has(#motion){display:none}

@media(max-width:680px){
 .header::after{content:'Превърти, за да проследиш историята';position:absolute;right:16px;top:70px;max-width:150px;text-align:right;color:#e7e4d2;font:10px/1.45 var(--sans);letter-spacing:.1px;text-shadow:0 1px 5px #071510;pointer-events:none}
 .header:has(#main-nav.is-open)::after{display:none}
}

#motion{display:none}

.menu-scroll-hint{display:none}
@media(max-width:680px){
 .header::after{content:none}
 .header .menu-scroll-hint{display:flex;position:absolute;right:16px;top:70px;max-width:110px;color:#b5c2b0;font-size:8px;font-weight:400;letter-spacing:.3px;gap:8px;line-height:1.5;text-align:left;pointer-events:none}
 .header .menu-scroll-hint span{font-size:18px}
 .header:has(#main-nav.is-open) .menu-scroll-hint{display:none}
}

@media(max-width:680px){
 .header .menu-scroll-hint{flex-direction:row-reverse;max-width:100px;gap:5px;line-height:1.2;letter-spacing:0;text-align:right}
 .header .menu-scroll-hint span{flex:none}
}

.stage .art-nameplate strong,.stage .author-note,.header .menu-scroll-hint{-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}

.stage[data-chapter="2"] .chapter{background:none;border:0;backdrop-filter:none;box-shadow:none}

@media(max-width:680px){
 .stage .art-nameplate{filter:none;text-shadow:0 1px 2px #000;will-change:auto}
 .stage .art-nameplate strong{font-size:12px;line-height:1.3;max-width:210px;font-weight:500;text-shadow:0 1px 2px #000;-webkit-font-smoothing:auto}
 .stage .art-nameplate button.art-click-hint{font-size:11px;line-height:1.25;font-weight:400;text-shadow:0 1px 2px #000;filter:none;opacity:1;min-width:44px;min-height:44px}
 .stage .art-nameplate .art-click-hint svg{width:9px;height:13px}
 .stage .art-nameplate .painting-medium{font-size:8px}
 .stage .workshop-painting-label strong{font-size:10px;max-width:160px}
 .stage .workshop-painting-label button.art-click-hint{font-size:10px}
}

.touch-hint-icon{display:none}
@media(max-width:680px){.art-click-hint .mouse-hint-icon{display:none}.art-click-hint .touch-hint-icon{display:block}.stage .art-nameplate .art-click-hint .touch-hint-icon{width:14px;height:18px}}

#canvas-host{touch-action:pan-y pinch-zoom}

.stage,.stage #canvas-host,.stage[data-auto-walk="on"],.stage[data-auto-walk="on"] #canvas-host{touch-action:pan-y pinch-zoom}

@media(max-width:680px){
 .stage .author-note{max-height:none;overflow:visible}
 .stage .author-note>p:not(.eyebrow){font-size:10.5px;line-height:1.45}
 .stage .author-note .author-signature{margin-bottom:6px}
 .stage .art-nameplate strong{font-size:13px;line-height:1.35;max-width:200px}
 .stage .art-nameplate button.art-click-hint{font-size:12px;margin-top:1px}
 .stage .workshop-painting-label strong{font-size:11px;max-width:160px}
 .stage .workshop-painting-label button.art-click-hint{font-size:11px}
}

.inquiry-recipient,.art-contact-email{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.inquiry-recipient a,.art-contact-email a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.scene-grain{display:none}.art-card{content-visibility:auto;contain-intrinsic-size:auto 470px}

@media(min-width:681px){.stage[data-chapter="2"]::before,.stage[data-chapter="3"]::before,.stage[data-chapter="4"]::before{background:none}}