:root{--ink:#f7e8cb;--muted:#dfcfbd;--gold:#efbd5d;--plum:#29172f;--line:#b88b4d;--paper:#dfd3c4;color-scheme:dark;font:16px/1.65 Arial,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:#120916;color:var(--ink);min-width:320px}body:before{content:'';position:absolute;inset:0 0 auto;height:min(1000px,70vw);background:linear-gradient(0deg,#120916,transparent 48%),var(--room-art) center top/cover no-repeat;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffd475;outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(38px,4.9vw,78px);margin:20px 0 24px;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(26px,2.8vw,42px);margin:0 0 20px}h3{font-size:24px}p{margin:0 0 20px}.lead{font-size:clamp(16px,1.3vw,20px);color:#f1e1d1;line-height:1.65;max-width:690px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#f3c77b;font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:54px;padding:14px 25px;background:linear-gradient(#f1d397,#c7944f);border:1px solid #f6dcaa;border-radius:4px 10px 4px 10px;color:#2e1814;font-weight:700;font-size:14px;box-shadow:0 5px 0 #684222,0 10px 25px #0005;text-align:center}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.outline{background:#201122dc;color:#ffe0a5;border-color:#b68a52;box-shadow:0 5px 0 #100810}.button:disabled{opacity:.65;cursor:wait}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.text-link,.back-link{color:#ffd18a;text-decoration:underline;text-underline-offset:5px}.back-link{display:inline-block;margin:15px 15px 0 0;min-height:44px}.skip{position:fixed;top:-80px;left:20px;background:#ffe0a5;color:#1b0c1e;padding:15px;z-index:1000}.skip:focus{top:10px}.site-header{position:fixed;top:12px;left:2%;width:96%;height:86px;z-index:100;display:flex;align-items:center;padding:0 28px;gap:24px;background:url('/zz/nav-wood.webp') center/100% 100% no-repeat;filter:drop-shadow(0 10px 12px #0007)}.brand{display:flex;gap:8px;align-items:center;flex-shrink:0}.brand img{width:42px;height:48px;object-fit:contain}.brand>span{font:27px/1 Georgia,serif;color:#f7d69a;letter-spacing:.02em;text-shadow:0 2px 3px #000}.brand small{font:6px/1.5 Arial,sans-serif;display:block;letter-spacing:.15em;margin-top:7px}.desktop-nav{display:flex;gap:20px;align-items:center;margin-left:auto}.desktop-nav a{display:grid;text-align:center;min-height:50px;align-content:center;font-size:12px;white-space:nowrap;position:relative}.desktop-nav a>span{font-size:19px;line-height:1;color:#eab565}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:2px;background:#f8c66a;box-shadow:0 0 13px #ffd46b}.languages{display:flex;gap:2px}.languages a{display:grid;place-items:center;min-width:32px;min-height:44px;font-size:11px;color:#f9e1bf}.languages a[aria-current]{color:#ffc85d;text-decoration:underline;text-underline-offset:5px}.mobile-menu{display:none}.mobile-menu summary{width:44px;height:44px;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #a47a45;border-radius:5px;background:#271019}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:20px;height:2px;background:#efcb89;margin:0 auto}.mobile-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu nav{position:absolute;right:0;top:78px;width:min(86vw,370px);max-height:76svh;overflow:auto;display:grid;padding:22px;background:linear-gradient(#3f221c,#201022);border:2px solid #a47a45;border-radius:8px;box-shadow:0 18px 40px #000a}.mobile-menu nav>a{padding:12px;min-height:48px;border-bottom:1px solid #a47a4540}.mobile-menu nav>a[aria-current]{color:#ffc85d}.mobile-menu nav>a span{padding-right:10px}.shop-hero{position:relative;min-height:760px;height:min(960px,68vw);overflow:hidden;padding-top:130px;background:radial-gradient(ellipse at 20% 45%,#5c2c5a66,transparent 60%)}.hero-copy{position:relative;z-index:45;width:43%;max-width:650px;margin:35px 0 0 6%;padding:30px;background:linear-gradient(100deg,#170a20f2,#170a20cc);border-left:2px solid #ab7b4a;box-shadow:0 20px 55px #0005}.hero-copy h1{font-size:clamp(38px,4.2vw,66px)}.hero-copy .lead{font-size:16px}.hero-copy .hint{margin:26px 0 0;font-size:12px;color:#e3c0ec}.shop-stage{position:absolute;width:100%;height:100%;inset:0;background:linear-gradient(0deg,#120916 0,transparent 20%),url('/zz/shop-background.webp') center 55%/100% auto no-repeat}.shop-shelves{position:absolute;inset:14% 5% 40% 5%;z-index:2}.shelf-item{position:absolute;display:block;filter:drop-shadow(0 10px 9px #0008);transition:transform .2s,filter .2s}.shelf-item img{height:100%;width:100%;object-fit:contain}.shelf-item:hover,.shelf-item:focus-visible{transform:translateY(-5px);filter:drop-shadow(0 0 20px #e5abff)}.item-0{right:3%;top:2%;width:14%;height:50%}.item-1{left:48%;top:4%;width:16%;height:47%}.item-2{left:32%;top:4%;width:17%;height:47%}.item-3{left:40%;top:60%;width:14%;height:35%}.item-4{right:6%;top:62%;width:11%;height:39%}.hex{position:absolute;right:10%;bottom:10%;height:65%;width:29%;object-fit:contain;object-position:center bottom;z-index:10;pointer-events:none}.zznap,.zznap-blink{position:absolute;left:49%;bottom:12%;height:38%;width:17%;object-fit:contain;z-index:30;pointer-events:none;filter:drop-shadow(0 0 15px #9c57d94d)}.counter{position:absolute;left:50%;bottom:-7%;width:110%;max-width:none;transform:translate(-50%,45%);z-index:20;pointer-events:none}.counter-sign{position:absolute;z-index:35;right:12%;bottom:1%;width:30%;aspect-ratio:2.5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:url('/zz/counter-banner.webp?v=source-20261101') center/100% 100% no-repeat;color:#351c15}.counter-sign strong{font:700 clamp(20px,2.4vw,37px) Georgia,serif}.counter-sign small{font-size:7px;letter-spacing:.1em}.bell{position:absolute;right:33%;bottom:20%;width:8%;z-index:41;min-height:44px;filter:drop-shadow(0 0 10px #ffd47b55)}.bell img{width:100%;height:auto}.dialogue{position:absolute;z-index:60;right:6%;top:13%;max-width:340px;padding:24px;background:#f4dfb5;color:#321b15;border:3px double #7c5429;box-shadow:0 14px 40px #0008;border-radius:6px 18px 6px 18px}.dialogue[hidden]{display:none}.dialogue h2{font-size:25px;margin:5px 0 10px}.dialogue p{font-size:13px}.dialogue .text-link{color:#633728}.service-shelf{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:10px 24px 35px}.service-shelf>a{display:flex;align-items:center;gap:8px;min-height:100px;border:1px solid #9d713c88;background:linear-gradient(120deg,#39241e,#201020);padding:12px;border-radius:3px;box-shadow:0 6px 12px #0005}.service-shelf img{width:54px;height:72px;object-fit:contain}.service-shelf span{font-size:13px;line-height:1.4}.room-exits{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:0 15px 40px;color:#ffd18a}.room-exits a{min-height:44px;padding:8px}.room-intro{position:relative;min-height:600px;padding:200px max(6%,calc((100vw - 1250px)/2)) 100px;display:flex;align-items:flex-end}.room-intro>div{max-width:720px;padding:28px 32px;background:linear-gradient(100deg,#160c1fed,#160c1fd4);border-left:2px solid #b48650;box-shadow:0 12px 50px #0006}.room-intro h1{color:#f6d59e}.service-intro{justify-content:space-between;align-items:center;gap:25px}.service-symbol{width:230px;height:300px;object-fit:contain;filter:drop-shadow(0 0 35px #b36bf977)}.room-content{max-width:1250px;margin:0 auto;padding:0 25px 70px}.stations{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.station{grid-column:span 3;padding:30px;display:flex;align-items:center;gap:22px;border:5px ridge #80552d;border-radius:9px;background:linear-gradient(120deg,#342125ee,#160c1cf7);box-shadow:0 14px 30px #0006,inset 0 0 30px #0008;position:relative}.station:nth-child(n+3){grid-column:span 2;display:block}.station:nth-child(n+3)>img{height:150px;width:100%}.station>img{width:120px;height:190px;object-fit:contain}.station small{font-size:10px;color:#e2b779;letter-spacing:.12em}.station h2{font-size:30px;margin:12px 0}.station p{color:#e0cdbb;font-size:15px}.station a:hover{text-decoration:underline;text-underline-offset:5px}.panel{padding:40px;margin-top:40px;background:linear-gradient(120deg,#2d1a2ef5,#190e1cf5);border:1px solid #b58a5280;border-radius:6px;box-shadow:0 15px 40px #0005}.parchment{background:linear-gradient(110deg,#f2dfb6,#d9bd8e);color:#39251c;border:5px double #815829;box-shadow:inset 0 0 45px #8d5e3638,0 15px 40px #0005}.parchment .eyebrow{color:#673d22}.parchment .button{background:#4a294f;color:#ffedc9;border:1px solid #7e567d;box-shadow:0 4px 0 #2b172e}.parchment .text-link,.parchment a:not(.button){color:#5a2a65}.price-list{display:grid;gap:0}.price-list>div{display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid #7c552c66;padding:18px 0}.price-list h3{font-size:22px;margin:0}.price-list .button{min-width:190px}.process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process li{line-height:1.4;color:#efddc8}.process li span{display:block;font:42px Georgia,serif;color:#d8ad6c;margin:10px 0 15px}.faq details{border-top:1px solid #9b714b88;padding:18px 0}.faq summary{font:22px Georgia,serif;min-height:36px}.faq details p{color:#e0cbbd;margin:18px 0 0}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-left:24px;margin-bottom:40px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{min-height:44px;border:1px solid #ad814a;border-radius:5px;padding:10px 18px;background:#221124;color:#f5dfba}.filter[aria-pressed=true]{background:#d6ad70;color:#28162c;box-shadow:0 0 12px #c58afa44}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-frame{border:9px ridge #b58a45;border-radius:12px;background:#211025;box-shadow:0 0 30px #7e46db30,0 20px 35px #0008;overflow:hidden}.project-preview{aspect-ratio:1.67;background:#281430;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:cover}.project-caption{padding:24px}.project-caption h2{font-size:31px;margin:10px 0}.project-caption small,.project-caption span{color:#f1c47b}.project-caption p{color:#e4cbbb}.notice{font-size:15px;border-left:4px solid #af7f42}.case>img{width:100%;border:6px ridge #b58a45}.case h2{margin-top:35px}.products{display:grid;grid-template-columns:1fr 1fr;gap:25px}.specimen{display:flex;align-items:center;padding:30px;gap:22px;background:radial-gradient(ellipse at 20% 40%,#69359255,transparent 60%),#211327e6;border:5px ridge #88673e;border-radius:80px 10px 10px 10px;box-shadow:inset 0 0 25px #b97eec20,0 15px 30px #0006}.specimen>img{width:130px;height:230px;object-fit:contain}.specimen h2{font-size:29px;margin:12px 0}.specimen p{color:#dfcbbd}.status{display:inline-block;padding:5px 10px;border:1px solid #a980b4;color:#ebd2f7;border-radius:30px;font-size:12px;line-height:1.4}.status.live{border-color:#abc798;color:#d9efc8}.status.review{border-color:#debb7b;color:#f7dcae}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:950px;margin:0 auto}.portrait{padding:20px;background:linear-gradient(#3c2527,#1b1020);border:8px ridge #b58a45;border-radius:50% 50% 10px 10px / 6% 6% 10px 10px;box-shadow:0 20px 45px #000a}.portrait summary{list-style:none;text-align:center}.portrait summary::-webkit-details-marker{display:none}.portrait-placeholder{height:330px;background:radial-gradient(ellipse,#6c4b7350,#211427 70%);border:2px solid #9e784a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:20px}.portrait-placeholder>span{font:80px Georgia,serif;color:#cfaa6e}.portrait-placeholder>small{font-size:13px;max-width:200px;color:#d5c0b5}.portrait h2{margin:25px 0 12px;font-size:32px}.portrait p{color:#e2c8b9}.portrait-bio{border-top:1px solid #997447;margin-top:25px;padding-top:25px}.portrait-bio>a{display:block;min-height:44px;color:#f0c57e}.book{border:8px ridge #8f643f;background:linear-gradient(90deg,#39252a,#29172f 49%,#170c1b 50%,#34202c 51%,#29172f)}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:start}form.panel{margin-top:0}form label{display:block;font-weight:700;font-size:14px;margin-bottom:20px}input,select,textarea{display:block;width:100%;min-height:48px;background:#1e1225;color:#fff2dc;border:1px solid #a78452;border-radius:4px;padding:12px;margin-top:7px;max-width:100%}textarea{resize:vertical}.parchment input,.parchment textarea,.parchment select{background:#fff8e9;color:#35221a;border:1px solid #7a5d3b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consent{display:flex!important;gap:12px;align-items:flex-start;font-size:13px!important;font-weight:400!important}.consent input{width:22px;min-width:22px;min-height:22px;height:22px;margin:2px 0 0;accent-color:#553866}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-note{margin-top:0;text-align:center;overflow-wrap:anywhere}.contact-note img{height:130px;width:130px;object-fit:contain}.contact-note h2{margin-top:20px}.contact-note a{color:#ffd493;text-decoration:underline}.contact-note small{color:#d4bdba}#form-status{margin-top:20px;font-size:14px;overflow-wrap:anywhere}.prose{max-width:850px;margin-inline:auto}.prose p{font-size:18px;line-height:1.85}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:20px auto}.memory-card{aspect-ratio:1;min-height:44px;border:3px ridge #b68b4c;border-radius:8px;background:radial-gradient(#6a407d,#25132e);color:#ffe3a7;font:38px Georgia,serif}.memory-card img{width:85%;height:85%;object-fit:contain}.memory-card.matched{border-color:#cee6ab;background:#27332c}.focus-tool{display:grid;grid-template-columns:1fr 1fr;gap:40px}#timer{display:block;font:70px Georgia,serif;margin:25px 0}footer{padding:45px 6% 25px;border-top:1px solid #9a714154;background:linear-gradient(#120916,#0c0810);font-size:13px;color:#decbbe}footer .footer-brand{font:32px Georgia,serif;color:#e9c285}footer p{margin:15px 0}footer nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:25px}footer nav a{min-height:44px;padding-top:8px;color:#f0c78b}footer small{font-size:11px}#room-transition{position:fixed;inset:0;background:#14081b66;z-index:200;pointer-events:none;visibility:hidden;opacity:0}#room-transition img{position:absolute;width:120px;height:180px;object-fit:contain;bottom:12%;left:-150px;filter:drop-shadow(-45px 12px 14px #b26bff)}#room-transition.go{visibility:visible;opacity:1;animation:fade .5s both}#room-transition.go img{animation:cat-run .45s ease-in both}@keyframes cat-run{0%{transform:translateX(0) rotate(-8deg)}35%{transform:translateX(40vw) translateY(-30px) rotate(8deg)}100%{transform:translateX(calc(100vw + 180px)) rotate(-8deg)}}@keyframes fade{0%,100%{opacity:0}25%,75%{opacity:1}}[hidden]{display:none!important}@media(min-width:1700px){.hero-copy{margin-top:80px}.shop-hero{height:980px}}@media(max-width:1230px){.desktop-nav{gap:13px}.site-header{gap:12px;padding:0 22px}.brand>span{font-size:24px}.brand img{width:35px}.desktop-nav a{font-size:11px}}@media(max-width:1080px){.desktop-nav{display:none}.mobile-menu{display:block}.languages{margin-left:auto}.shop-hero{height:760px}.hero-copy{width:48%;margin-left:3%;padding:25px}.hex{right:3%;width:35%}.zznap,.zznap-blink{left:48%;width:19%}.service-shelf{grid-template-columns:repeat(3,1fr)}.station{padding:24px}.station:nth-child(n+3){grid-column:span 3;display:flex}.station:nth-child(n+3)>img{width:95px;height:150px}.station>img{width:95px}.specimen{display:block}.specimen>img{width:100%;height:180px}.contact-layout{grid-template-columns:1.4fr 1fr;gap:20px}}@media(max-width:760px){html{scroll-padding-top:100px}.site-header{top:6px;left:10px;width:calc(100% - 20px);height:73px;padding:0 14px;gap:6px}.brand>span{font-size:23px}.brand img{width:30px;height:37px}.brand small{font-size:5px;letter-spacing:.09em}.languages a{min-width:28px;font-size:10px}.mobile-menu summary{width:40px}.mobile-menu nav{top:68px}.shop-hero{height:auto;min-height:0;padding:104px 0 0;display:flex;flex-direction:column}.hero-copy{width:auto;max-width:none;margin:0 20px;padding:22px;order:0}.hero-copy h1{font-size:40px;margin:16px 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.11em}.hero-copy .lead{font-size:15px}.hero-copy .actions{gap:12px}.hero-copy .button{width:100%;padding:13px 16px}.hint{font-size:12px}.shop-stage{position:relative;height:430px;width:100%;background-size:auto 100%;background-position:center;order:1;margin-top:20px}.shop-shelves{inset:4% 4% 40% 4%}.item-0{right:3%;width:23%;height:55%}.item-1{left:3%;width:26%;height:56%}.item-2{left:26%;width:26%;height:56%}.item-3{left:4%;top:65%;width:25%;height:37%}.item-4{right:0;top:65%;width:20%;height:37%}.hex{right:10%;bottom:7%;height:72%;width:48%}.zznap,.zznap-blink{left:12%;bottom:14%;height:43%;width:32%}.counter{width:190%;bottom:-8%;transform:translate(-50%,38%)}.counter-sign{right:14%;bottom:0;width:72%;aspect-ratio:3}.counter-sign strong{font-size:29px}.counter-sign small{font-size:6px}.bell{right:41%;bottom:19%;width:15%}.dialogue{left:15px;right:15px;top:10px;max-width:none;padding:18px}.dialogue h2{font-size:25px}.service-shelf{grid-template-columns:1fr;gap:12px;padding:25px 20px}.service-shelf>a{min-height:95px;padding:12px 20px}.service-shelf img{width:62px;height:70px}.service-shelf span{font-size:16px}.room-exits{gap:15px}.room-intro{min-height:490px;padding:220px 20px 35px;align-items:flex-end}.room-intro>div{padding:22px;max-width:100%}.room-intro h1{font-size:42px}.room-intro .eyebrow{font-size:10px}.room-intro .lead{font-size:16px}.room-intro.service-intro{display:block;padding-top:140px}.service-symbol{position:absolute;width:85px;height:100px;right:20px;top:95px;opacity:.85}.service-intro>div{position:relative;z-index:1}.room-content{padding:0 20px 45px}.stations{display:block}.station,.station:nth-child(n+3){display:flex;padding:20px;gap:12px;margin-bottom:20px}.station>img,.station:nth-child(n+3)>img{width:75px;height:130px;flex-shrink:0}.station h2{font-size:28px;overflow-wrap:anywhere}.station p{font-size:14px}.panel{padding:25px;margin-top:25px}.price-list>div{display:block;padding:20px 0}.price-list h3{margin-bottom:16px}.price-list .button{width:100%}.process ol{grid-template-columns:1fr 1fr;gap:10px 24px}.process li span{font-size:32px}.faq summary{font-size:21px;line-height:1.35}.deliverables{grid-template-columns:1fr;gap:14px}.work-grid,.products{grid-template-columns:1fr;gap:25px}.filters{gap:8px}.filter{font-size:13px;padding:9px 12px}.project-caption{padding:20px}.project-caption h2{font-size:29px}.specimen{display:flex;padding:22px;gap:15px}.specimen>img{width:80px;height:150px;flex-shrink:0}.specimen h2{font-size:26px}.specimen p{font-size:14px}.portraits{grid-template-columns:1fr;gap:30px}.portrait{padding:18px}.portrait-placeholder{height:280px}.portrait h2{font-size:30px}.contact-layout{display:block}.contact-note{margin-top:25px}.form-row{grid-template-columns:1fr;gap:0}.contact-layout form{padding:22px}.contact-layout .button{width:100%}.focus-tool{grid-template-columns:1fr;gap:30px}.memory-grid{gap:7px}.memory-card{font-size:26px;border-width:2px}footer{padding:35px 20px 20px}footer nav{display:grid;gap:3px}body:before{height:650px;background-size:auto 540px;background-position:center top}}@media(max-width:360px){.brand>span{font-size:20px}.brand img{width:25px}.brand small{font-size:4px}.languages a{min-width:25px}.site-header{padding:0 11px}.hero-copy{margin:0 15px;padding:20px}.hero-copy h1{font-size:36px}.station,.station:nth-child(n+3){display:block}.station>img,.station:nth-child(n+3)>img{float:right;width:58px;height:95px}.station h2{font-size:27px}.specimen{display:block}.specimen>img{float:right;width:70px;height:100px}.room-intro h1{font-size:36px}.room-content{padding-inline:15px}.room-intro{padding-inline:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#room-transition{display:none!important}}

.brand img.primary-logo{width:205px;height:62px;object-fit:contain;background:#e5d5bd;padding:7px 9px;border-radius:5px;box-shadow:inset 0 0 12px #7f522b38,0 3px 8px #0005}.room-intro{isolation:isolate}.room-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#120916,transparent 40%),var(--room-art) center top/cover no-repeat}.room-0:before{display:none}@media(max-width:760px){.brand img.primary-logo{width:165px;height:50px;padding:5px}.room-intro:before{background-position:center top;background-size:auto 100%}.brand{gap:0}}@media(max-width:360px){.brand img.primary-logo{width:135px;height:46px}}

@media(max-width:760px){body.room-2{--room-art:url('/rooms/gallery-mobile.webp')!important}body.room-3{--room-art:url('/rooms/laboratory-mobile.webp')!important}body.room-4{--room-art:url('/rooms/portraits-mobile.webp')!important}body.room-5{--room-art:url('/rooms/reception-mobile.webp')!important}}
body:before{display:none!important}
body{min-width:0}

/* MAGILUK: keep the original shelf scene unobstructed and scale every layer together. */
.shop-hero{padding:0;min-height:0;height:68.75vw;isolation:isolate;background:#120916}
.shop-stage{position:absolute;inset:0 auto auto 0;width:100%;height:56.25vw;margin:0;background:url('/zz/shop-background.webp') center calc(50% + 4vw)/96.8% auto no-repeat}
.shop-shelves{inset:auto;top:13.7%;left:7%;right:7%;height:31.5%}
.item-0{left:70%;right:auto;top:-18%;width:48.6%;height:121.5%}
.item-1{left:32%;right:auto;top:6%;width:28%;height:88%}
.item-2{left:13%;right:auto;top:2%;width:32%;height:92%}
.item-3{left:24%;right:auto;top:116%;width:30%;height:67.5%}
.item-4{left:84%;right:auto;top:114%;width:25.5%;height:70.5%}
.hex,.hex-arms,.hex-blink{right:12.1%;bottom:8.2%;width:30.2%;height:73.4%;object-position:center bottom}
.zznap,.zznap-blink{left:17%;bottom:12.5%;width:15.6%;height:41.7%;object-position:center bottom}
.counter{bottom:0;width:116%;height:auto;transform:translateX(-50%) translateY(48%)}
.bell{left:46.4%;right:auto;bottom:20.6%;width:7.2%;min-height:0}
.counter-sign{left:50%;right:auto;bottom:-1.6%;width:34%;aspect-ratio:16/7;transform:translateX(-50%);background:url('/zz/counter-banner.webp?v=source-20261101') center/contain no-repeat;padding:2.2% 4.8% 2.4%;gap:.42em;filter:drop-shadow(0 12px 18px #0006)}
.counter-sign strong{font:800 clamp(18px,1.55vw,34px)/.95 Georgia,serif;color:#32180e;text-shadow:0 1px #fff0be6b}.counter-sign small{font-size:clamp(7px,.68vw,14px);line-height:1.28;font-weight:800;color:#31180ddb;letter-spacing:.03em}
.brand img.primary-logo{width:205px;height:62px;padding:0;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 1px #ffe4a3)}
.studio-intro{max-width:1100px;margin:0 auto;padding:42px 28px 32px;text-align:center}
.studio-intro-copy h1{font-size:clamp(32px,4vw,55px);margin:18px 0}
.studio-intro-copy .lead{margin:0 auto;max-width:800px}
.studio-intro-copy .actions{justify-content:center}
.studio-intro-copy .hint{margin-top:22px;color:#e3c0ec;font-size:13px}
@media(max-width:1080px) and (min-width:761px){.shop-hero{height:68.75vw}.site-header{height:76px}}
@media(max-width:760px){
 .brand img.primary-logo{width:165px;height:50px;padding:0;background:none}
 .shop-hero{padding-top:86px;height:auto;display:block;overflow:hidden}
 .shop-stage{position:relative;inset:auto;width:100%;height:112vw;max-height:650px;margin:0;background-size:172% auto;background-position:center top}
 .shop-shelves{top:7%;left:0;right:0;height:31.5%}
 .item-0{left:70%;width:29%;top:0;height:93%}
 .item-1{left:33%;width:27%;top:4%;height:88%}
 .item-2{left:7%;width:26%;top:2%;height:92%}
 .item-3{left:9%;width:31%;top:85%;height:67%}
 .item-4{left:42%;width:18%;top:85%;height:70%}
 .hex,.hex-arms,.hex-blink{right:2%;bottom:14%;width:47%;height:65%}
 .zznap,.zznap-blink{left:7%;bottom:19%;width:26%;height:36%}
 .counter{bottom:4%;width:150%;transform:translateX(-50%) translateY(48%)}
 .bell{left:43%;bottom:25%;width:14%}
 .counter-sign{bottom:-1%;width:66%;padding:4% 8%;gap:5px}.counter-sign strong{font-size:22px}.counter-sign small{font-size:6px}
 .studio-intro{padding:30px 22px 15px}.studio-intro-copy .eyebrow{font-size:9px}.studio-intro-copy .actions{gap:14px}.studio-intro-copy .button{width:100%}
}
@media(max-width:360px){.brand img.primary-logo{width:135px;height:46px;padding:0}}

/* Hands remain above the counter; the full character stays behind it. */
.hex-arms{position:absolute;object-fit:contain;object-position:center bottom;z-index:25;pointer-events:none}
.shop-shelves{transform:translateY(8px)}

/* Phones use one proportional scene, so art and shelf anchors cannot drift apart. */
@media(max-width:760px){
 .site-header{top:max(6px,env(safe-area-inset-top));left:8px;width:calc(100% - 16px);height:68px;padding:0 12px;gap:6px}
 .brand{min-width:0;flex:1 1 0}
 .brand img.primary-logo{width:clamp(112px,38vw,165px);max-width:100%;height:50px;padding:0}
 .languages{flex-shrink:0;gap:0;margin-left:0}
 .languages a{min-width:28px;min-height:44px;padding:0;font-size:10px}
 .mobile-menu{flex-shrink:0}.mobile-menu summary{width:44px;height:44px}
 .mobile-menu nav{top:66px;width:min(86vw,370px);max-height:calc(100svh - 92px);overscroll-behavior:contain}
 .shop-hero{height:calc(64px + 68.75vw);padding:0;min-height:0;display:block;overflow:hidden}
 .shop-stage{position:absolute;inset:64px auto auto 0;width:100%;height:56.25vw;max-height:none;margin:0;background-size:96.8% auto;background-position:center calc(50% + 4vw)}
 .shop-shelves{top:13.7%;left:7%;right:7%;height:31.5%;transform:translateY(clamp(2px,.587vw,8px))}
 .item-0{left:70%;right:auto;top:-18%;width:48.6%;height:121.5%}
 .item-1{left:32%;right:auto;top:6%;width:28%;height:88%}
 .item-2{left:13%;right:auto;top:2%;width:32%;height:92%}
 .item-3{left:24%;right:auto;top:116%;width:30%;height:67.5%}
 .item-4{left:84%;right:auto;top:114%;width:25.5%;height:70.5%}
 .hex,.hex-arms,.hex-blink{right:12.1%;bottom:8.2%;width:30.2%;height:73.4%;object-position:center bottom}
 .zznap,.zznap-blink{left:17%;bottom:12.5%;width:15.6%;height:41.7%;object-position:center bottom}
 .counter{left:50%;bottom:0;width:116%;height:auto;max-width:none;transform:translateX(-50%) translateY(48%)}
 .bell{left:46.4%;right:auto;bottom:20.6%;width:7.2%;min-height:44px;display:flex;align-items:flex-end}
 .counter-sign{left:50%;right:auto;bottom:-1.6%;width:40%;aspect-ratio:16/7;padding:2.6% 5.6%;gap:3px}
 .counter-sign strong{font-size:clamp(11px,3.1vw,19px);line-height:1}
 .counter-sign small{font-size:clamp(3.5px,.95vw,6px);line-height:1.2;white-space:nowrap}
 .dialogue{position:relative;left:auto;right:auto;top:auto;max-width:none;display:none!important}
 .studio-intro{padding:26px 22px 18px}
 .studio-intro-copy h1{font-size:clamp(29px,7.8vw,40px);line-height:1.12;margin:16px 0 20px}
 .studio-intro-copy .lead{font-size:15px;line-height:1.65}
 .studio-intro-copy .actions{gap:14px;margin-top:24px}
 .studio-intro-copy .button{width:100%;min-height:50px}
 .service-shelf{padding:12px 20px 26px;gap:12px}
 .service-shelf>a{min-width:0;min-height:88px;padding:12px 16px}
 .service-shelf img{flex:0 0 54px;width:54px;height:66px}
 .service-shelf span{font-size:15px;overflow-wrap:anywhere}
}

/* Illustrated navigation, service artifacts, and the portrait hall. */
.nav-rune{display:block;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 4px #ffc85b44)}
.desktop-nav{gap:17px}.desktop-nav a{justify-items:center;gap:3px}
.desktop-nav a>span{font:11px/1.2 Arial,sans-serif;color:inherit}
.mobile-menu nav>a:not(.button){display:flex;align-items:center;gap:12px}
.mobile-menu nav>a span{padding:0}.mobile-menu .nav-rune{width:30px;height:30px;flex-shrink:0}
.dialogue{left:53%;right:auto;top:13%;width:24%;max-width:340px;padding:17px 19px;line-height:1.45}
.dialogue h2{font-size:22px;line-height:1.12;margin:6px 0 10px}.dialogue p{font-size:12px;margin:0 0 12px}.dialogue>small{font-size:9px;letter-spacing:.14em}
.portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1200px}
.portrait{min-width:0;padding:0 6px 24px;border:0;border-radius:0;background:linear-gradient(180deg,transparent 52%,#211027cc);box-shadow:none}
.portrait summary{cursor:pointer}.portrait-art{position:relative;width:100%;aspect-ratio:2/3;line-height:0;isolation:isolate}
.portrait-window{position:absolute;left:13%;top:16%;width:74%;height:71%;overflow:hidden;z-index:1}
.portrait-photo,.portrait-motion>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--portrait-position,center 35%)}
.portrait-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 14px 18px #0008)}
.portrait--marina .portrait-window{left:13%;top:17%;width:74%;height:69%;clip-path:ellipse(50% 50%);--portrait-position:52% 35%}
.portrait--nikita .portrait-window{left:18%;top:20%;width:64%;height:66%;border-radius:48% 48% 14% 14% / 12% 12% 7% 7%;--portrait-position:52% 30%}
.portrait h2{font-size:29px;margin:12px 0}.portrait summary>p{min-height:44px;font-size:13px;padding:0 10px;margin-bottom:12px}.portrait .portrait-bio{margin:20px 12px 0;font-size:14px}
.room-directions{max-width:1300px;padding:14px 28px 42px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:25px}
.room-arrow{display:grid;justify-items:center;gap:0;max-width:180px;min-width:110px;min-height:68px;text-align:center;color:#f6d797;font-size:12px;line-height:1.3}
.room-arrow img{width:140px;height:80px;object-fit:contain;filter:drop-shadow(0 5px 7px #0007);transition:transform .2s,filter .2s}
.room-arrow:hover img{transform:translateX(5px);filter:drop-shadow(0 0 12px #b875ea88)}.room-arrow--left:hover img{transform:translateX(-5px)}
.hex,.hex-arms,.hex-blink{object-position:center bottom}
.blink-art{position:absolute;object-fit:contain;object-position:center bottom;pointer-events:none;opacity:0}
.hex-blink{z-index:12;clip-path:polygon(36% 37%,56% 37%,56% 42.5%,36% 42.5%);animation:magiluk-blink 7.1s 1.2s infinite}
.zznap-blink{z-index:31;clip-path:polygon(54% 30.3%,83% 30.3%,83% 35.3%,54% 35.3%);animation:magiluk-blink 5.9s 2.4s infinite}
@keyframes magiluk-blink{0%,44%,47%,100%{opacity:0}44.5%,46.5%{opacity:1}}
#room-transition{background:linear-gradient(90deg,#14081b66,#2b153b66);z-index:200}
#room-transition.go{animation:none;opacity:1;visibility:visible}
#room-transition .transition-cat{position:absolute;left:-280px;bottom:8%;width:280px;height:187px;filter:drop-shadow(-20px 9px 18px #ad5bff88)}
#room-transition .transition-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;left:auto;bottom:auto;filter:none;transform:none;animation:none}
#room-transition[data-frame="0"] .transition-cat img:nth-child(1),#room-transition[data-frame="1"] .transition-cat img:nth-child(2),#room-transition[data-frame="2"] .transition-cat img:nth-child(3),#room-transition[data-frame="3"] .transition-cat img:nth-child(4),#room-transition[data-frame="4"] .transition-cat img:nth-child(5),#room-transition[data-frame="5"] .transition-cat img:nth-child(6){opacity:1}
#room-transition.go .transition-cat{animation:magiluk-cross .6s linear both}
#room-transition.go[data-direction="back"] .transition-cat{left:auto;right:-280px;animation:magiluk-cross-back .6s linear both}
#room-transition[data-direction="back"] .transition-cat img{transform:scaleX(-1)}
@keyframes magiluk-cross{0%{transform:translate(0,0)}30%{transform:translate(34vw,-80px)}65%{transform:translate(72vw,-55px)}100%{transform:translate(calc(100vw + 560px),0)}}
@keyframes magiluk-cross-back{0%{transform:translate(0,0)}30%{transform:translate(-34vw,-80px)}65%{transform:translate(-72vw,-55px)}100%{transform:translate(calc(-100vw - 560px),0)}}
@media(max-width:760px){
 .portraits{grid-template-columns:minmax(0,1fr);max-width:420px;gap:36px}
 .portrait{padding:0 0 22px}.portrait h2{font-size:30px}.portrait summary>p{min-height:0}
 .room-directions{padding:8px 20px 28px;gap:18px}.room-arrow{min-width:90px;max-width:140px;font-size:11px}.room-arrow img{width:115px;height:68px}
 .dialogue{display:none!important}
 #room-transition .transition-cat{width:220px;height:147px;left:-220px;bottom:14%}
 #room-transition.go[data-direction="back"] .transition-cat{right:-220px}
}
@media(prefers-reduced-motion:reduce){.blink-art,#room-transition{display:none!important}.room-arrow img{transition:none}}

/* Do not scroll the painted scene when a transparent object receives focus. */
.shop-hero{overflow:clip}

/* Active service artifacts occupy real shelf positions alongside room objects. */
.service-props{position:absolute;inset:0;pointer-events:none;z-index:6}
.service-prop{position:absolute;width:10.8%;height:20%;bottom:61.2%;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;isolation:isolate}
.service-prop>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none}
/* Keep AI and the camera in the open left bays, clear of Hex's dialogue (53–77%). */
.service-prop-0{left:5.1%;bottom:59.7%}.service-prop-1{left:19.3%;bottom:61%;width:10%}.service-prop-2{left:35.8%;bottom:61.9%;width:8%}.service-prop-3{left:3.5%;bottom:33.5%;height:16%;width:9.5%}.service-prop-4{left:47.5%;bottom:34.8%;height:15.5%;width:10.5%}
.inline-arrow{display:inline-block!important;vertical-align:middle;width:38px!important;height:24px!important;max-width:none;object-fit:contain!important;margin:0 3px!important;flex-shrink:0}
.room-intro{position:relative;padding-bottom:140px;min-height:620px}
.hero-directions{position:absolute;z-index:40;left:0;bottom:12px;width:100%;max-width:none;padding:0 5%;margin:0;pointer-events:none}
.hero-directions .room-arrow{pointer-events:auto;color:#ffe4ae;text-shadow:0 2px 6px #000,0 1px 2px #000;background:radial-gradient(ellipse,#1c0a1c99,transparent 72%);border-radius:40%;min-width:150px;font-size:13px}
.hero-directions .room-arrow img{width:180px;height:86px;filter:drop-shadow(0 4px 6px #000b) drop-shadow(0 0 8px #c05dff44)}
.shop-hero .hero-directions{bottom:3%}
.room-exits{display:none}
.portrait-heading{text-align:center}.portrait-heading p{font-size:13px;min-height:44px;padding:0 8px}.portrait .portrait-bio{font-size:14px;line-height:1.75;text-align:left;margin:20px 12px 0}.portrait-bio p{margin-bottom:18px}.portrait h2{font-size:27px}
.case-cover{display:block;width:100%;max-height:580px;object-fit:contain;border:1px solid #b88b4d55;border-radius:6px;margin:0 0 35px;background:#100817}
.case ul{padding-left:22px;margin-bottom:32px}.case li{padding:5px 0}.case .actions{margin-bottom:14px}
.project-preview{height:260px;background:radial-gradient(ellipse,#432447,#150a1c);overflow:hidden;display:flex;align-items:center;justify-content:center}
.project-preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.project-frame[data-category="audio video"] .project-preview img{object-fit:contain;padding:15px}
.menu-shots{display:grid;grid-template-columns:1fr 1fr;gap:24px}.menu-shots figure{margin:0}.menu-shots img{width:100%;height:auto;border:1px solid #e2bd7b66;border-radius:5px}.menu-shots figcaption{padding:12px 0;font-size:14px;color:#f0cf9e}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-card{min-width:0;border:1px solid #a67f4e66;border-radius:9px;padding:20px;background:#140a1e88}.media-card h3{font-size:22px;line-height:1.3;min-height:57px;margin:0 0 15px}.media-player{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse,#51305a,#211126);border:1px solid #c49c5b55;border-radius:5px;overflow:hidden;margin-bottom:16px}.media-player[data-kind="audio"]{aspect-ratio:auto;height:175px}.media-player[data-kind="telegram"]{aspect-ratio:auto;min-height:190px}.media-player[data-kind="telegram"]:has(iframe){height:590px}
.media-activate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:190px;padding:20px;background:transparent;border:0;color:#f4d9ac;font-size:14px}.media-player[data-kind="audio"] .media-activate{min-height:175px}.media-activate>span{display:grid;place-items:center;width:60px;height:60px;border:1px solid #e2bc7b;border-radius:50%;box-shadow:0 0 25px #c37afd33;font-size:20px}.media-activate:hover{background:#b46cf91a}.media-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.media-card .text-link{font-size:13px}
@media(max-width:760px){
 .room-intro{min-height:570px;padding-bottom:120px}.hero-directions{bottom:12px;padding:0 18px;gap:20px}.hero-directions .room-arrow{min-width:100px;max-width:135px;font-size:11px}.hero-directions .room-arrow img{width:125px;height:65px}.shop-hero .hero-directions{bottom:4px;padding:0 8px}.shop-hero .hero-directions .room-arrow{min-width:76px;max-width:100px;font-size:9px}.shop-hero .hero-directions .room-arrow img{width:95px;height:43px}.shop-hero .room-arrow{min-height:55px}
 .portrait h2{font-size:28px}.portrait-heading p{min-height:0}.portrait .portrait-bio{margin:18px 12px 0;font-size:15px}
 .media-grid,.menu-shots{grid-template-columns:minmax(0,1fr);gap:20px}.media-card{padding:16px}.media-card h3{min-height:0}.project-preview{height:220px}.inline-arrow{width:33px!important;height:22px!important}
}
@media(prefers-reduced-motion:reduce){.service-prop>img,.bell>img{animation:none!important}}
/* Crop the arrows' transparent canvas so the painted signposts remain legible. */
.hero-directions .room-arrow img{height:125px;object-fit:cover}
.inline-arrow{height:26px!important;object-fit:cover!important}
@media(max-width:760px){.hero-directions .room-arrow img{height:86px}.shop-hero .hero-directions .room-arrow img{height:65px}}
.media-player[data-kind="telegram"]{background:linear-gradient(90deg,#22112aeb,#321a3ac2),url('/updates/service-video.webp') right center/150px auto no-repeat}
.media-open:hover{color:#ffe8be}.media-open:focus-visible{outline-offset:-5px}

/* Keep shelf artifacts free of artificial floor shadows and hover lift. */
.shop-stage .shelf-item,.shop-stage .shelf-item:hover,.shop-stage .shelf-item:focus-visible{filter:none;transform:none}
.shop-stage .service-prop:hover>img,.shop-stage .service-prop:focus-visible>img{transform:none}

/* Small stars rise above the artifacts; the artwork itself has no halo. */
.shop-stage .shelf-item,.shop-stage .bell,.shop-stage .bell:hover,.shop-stage .bell:focus-visible,.service-symbol{filter:none;transform:none}
.shop-stage .service-prop>img,.shop-stage .service-prop:hover>img,.shop-stage .service-prop:focus-visible>img,.shop-stage .bell>img{filter:none;animation:none;transform:none}
.service-prop{--stars-top:10%;--stars-width:90%}
.service-prop-1{--stars-top:15%}.service-prop-2{--stars-top:29%}.service-prop-4{--stars-top:28%}
.bell{--stars-top:20%;--stars-width:85%}
.magic-stars{position:absolute;z-index:2;left:50%;top:var(--stars-top);width:var(--stars-width);height:clamp(14px,2.4vw,32px);transform:translate(-50%,-100%);pointer-events:none;--rise:-22px;--duration:3.8s}
.magic-stars i{position:absolute;left:var(--x);bottom:0;width:clamp(3px,.42vw,6px);aspect-ratio:1;background:#ffe6aa;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:artifact-stars var(--duration) var(--delay) linear infinite}
.magic-stars i:nth-child(1){--x:20%;--delay:-.4s;--sway:7px}.magic-stars i:nth-child(2){--x:51%;--delay:-2.1s;--sway:-5px}.magic-stars i:nth-child(3){--x:78%;--delay:-3.2s;--sway:4px}
.magic-stars i:nth-child(4){--x:34%;--delay:-1.2s;--sway:-7px}.magic-stars i:nth-child(5){--x:65%;--delay:-2.7s;--sway:8px}.magic-stars i:nth-child(6){--x:8%;--delay:-3.5s;--sway:-3px}.magic-stars i:nth-child(7){--x:91%;--delay:-1.7s;--sway:5px}
.magic-stars i:nth-child(n+4){visibility:hidden}
.shop-stage a:is(:hover,:focus-visible)>.magic-stars{--rise:-36px;--duration:2s}
.shop-stage a:is(:hover,:focus-visible)>.magic-stars i{width:clamp(4px,.55vw,8px);background:#fff0c4;filter:drop-shadow(0 0 2px #ffdc89)}
.shop-stage a:is(:hover,:focus-visible)>.magic-stars i:nth-child(n+4){visibility:visible}
@keyframes artifact-stars{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.45)}18%{opacity:.95}70%{opacity:.75}100%{opacity:0;transform:translate(var(--sway),var(--rise)) rotate(65deg) scale(.35)}}
@media(max-width:760px){.magic-stars{--rise:-12px}.shop-stage a:is(:hover,:focus-visible)>.magic-stars{--rise:-20px}.bell{--stars-top:55%}}
@media(prefers-reduced-motion:reduce){.magic-stars i{animation:none;opacity:.8;transform:translateY(-6px)}.magic-stars i:nth-child(2){transform:translateY(-14px)}.shop-stage a:is(:hover,:focus-visible)>.magic-stars i:nth-child(n+4){opacity:1}}

/* A single crate is the doorway to the product laboratory. */
.lab-crate{position:absolute;left:79%;bottom:62.1%;width:15%;height:22.5%;display:flex;align-items:flex-end;z-index:5;filter:none;cursor:pointer}
.lab-crate>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none}
.lab-crate:focus-visible{outline:2px solid #f4d69b;outline-offset:5px;border-radius:9px}
.lab-crate:hover>img{filter:brightness(1.08)}
/* The horn stays still while individual messages emerge and drift away. */
.smm-art{position:relative;display:inline-block;width:180px;height:180px;flex-shrink:0;line-height:0;overflow:visible}
.smm-art>.smm-base{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;object-position:center bottom;filter:none;animation:none;margin:0!important;padding:0!important}
.smm-art>.smm-bubble{position:absolute;left:59%;top:21%;width:22%!important;height:22%!important;max-width:none;object-fit:contain!important;margin:0!important;padding:0!important;filter:none;opacity:0;pointer-events:none;transform-origin:center;animation:smm-messages 4.2s var(--message-delay) ease-out infinite}
.smm-bubble-0{--message-delay:-.2s;--message-x:80%;--message-y:-110%;--message-rotation:-9deg}
.smm-bubble-1{--message-delay:-1.6s;--message-x:105%;--message-y:-35%;--message-rotation:8deg}
.smm-bubble-2{--message-delay:-3s;--message-x:55%;--message-y:-65%;--message-rotation:-3deg}
.service-prop>.smm-art{width:100%;height:100%}
.station>.smm-art{width:140px;height:140px}
.service-shelf .smm-art{width:54px;height:66px}
.service-intro>.smm-art{width:250px;height:250px}
.service-prop:is(:hover,:focus-visible) .smm-bubble,.smm-art:hover>.smm-bubble{animation-duration:3s}
@keyframes smm-messages{0%{opacity:0;transform:translate(0,0) scale(.16) rotate(0)}14%{opacity:.95}65%{opacity:1;transform:translate(var(--message-x),var(--message-y)) scale(1) rotate(var(--message-rotation))}100%{opacity:0;transform:translate(var(--message-x),calc(var(--message-y) - 30%)) scale(.85) rotate(var(--message-rotation))}}
.memory-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:20px}
.memory-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#e7c790}
.memory-controls select{width:auto;min-width:200px;min-height:46px;margin:0}
.memory-grid{grid-template-columns:repeat(var(--memory-columns,6),minmax(0,1fr));max-width:900px;margin:24px auto 0;gap:12px}
.memory-card{aspect-ratio:1;min-height:90px;height:auto;padding:8px;min-width:0}
.memory-card img{display:block;width:100%;height:100%;max-height:130px;object-fit:contain}
.product-note{font-size:14px;line-height:1.8;color:#e5cba2;max-width:780px}
@media(max-width:760px){.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.memory-card{min-height:65px;padding:5px}.service-intro>.smm-art{position:absolute;right:20px;top:95px;width:85px;height:100px}.station>.smm-art{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.smm-art>.smm-bubble{animation:none;opacity:.9;transform:translate(var(--message-x),var(--message-y)) scale(.8)}}

/* Neural portrait loops. Photographs remain as the no-script / playback fallback. */
.portrait-controls{display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto 12px}
.portrait-motion-toggle{min-height:44px;padding:8px 12px;border:1px solid #b58a4566;border-radius:5px;background:#211027b3;color:#f0c57e;font-size:13px}
.portrait-motion-toggle:hover{background:#3c2545}
.portrait-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--portrait-position,center 35%);opacity:0;pointer-events:none}
.portrait-video.is-playing{opacity:1}
.portraits-paused .portrait-video{opacity:0}