/* Phone and tablet layouts. Desktop compositions remain in their own stylesheets. */
.mobile-menu-toggle{display:none}
@media(max-width:900px){
  html{overflow-x:clip;scroll-padding-top:18px;-webkit-text-size-adjust:100%}
  body{overflow-x:clip!important;min-width:0}
  img,video,canvas,iframe{max-width:100%}
  button,a{-webkit-tap-highlight-color:#c4a4ef33;touch-action:manipulation}
  :focus-visible{outline:2px solid #a8e9ff;outline-offset:4px}
  p{overflow-wrap:break-word}
  body header.topbar{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:80px;align-items:center;gap:0!important;position:relative;height:auto!important;min-height:80px!important;padding:0 18px!important;isolation:isolate;z-index:10}
  body .topbar>.wordmark{grid-column:1;grid-row:1;justify-self:start!important;width:164px!important;height:56px!important;min-height:0!important;margin:0!important;padding:12px 24px!important;transform:none!important}
  body .topbar .wordmark .signature-mark{width:100%;height:100%;min-height:0;display:block}
  body .topbar .mobile-menu-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:96px;border:1px solid #b9c8e66b;border-radius:8px;background:linear-gradient(120deg,#28213c,#111b2c);color:#f1eaff;font:600 13px/1.2 var(--sans,Arial);padding:11px 12px;cursor:pointer;box-shadow:inset 0 1px #ebd9ff22}
  .mobile-menu-toggle>span:first-child{color:#b9eaff;font-size:22px;line-height:16px}
  .mobile-menu-toggle i{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;rotate:45deg;transition:rotate .2s}
  .mobile-menu-open .mobile-menu-toggle i{rotate:225deg}
  body .topbar .nav-side{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;gap:7px!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;min-width:0;justify-self:stretch}
  body .topbar .nav-left{grid-row:2}
  body .topbar .nav-right{grid-row:3;padding-bottom:14px!important;margin-top:7px!important}
  body .topbar .nav-side a{display:flex!important;align-items:center;justify-content:center;min-width:0!important;width:auto!important;min-height:54px!important;height:auto!important;padding:10px 13px!important;font:600 10px/1.45 var(--sans,Arial)!important;letter-spacing:.015em;text-align:center;background:url('assets/crystal-tab.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:0;clip-path:none;animation:none!important;box-shadow:none!important;opacity:1!important;transform:none!important}
  body .topbar .nav-side a::before,body .topbar .nav-side a::after{display:none!important}
  body .topbar .nav-side a[aria-current=page]{color:#fff;text-shadow:0 0 8px #c4e9ff}
  body .topbar.mobile-nav-ready:not(.mobile-menu-open) .nav-side{display:none!important}
  .prices-shortcut{height:auto!important;padding:4px 16px 6px!important;position:relative;z-index:4}
  .prices-shortcut>a{height:38px!important;min-height:38px!important;font-size:11px!important;letter-spacing:.23em!important;display:flex;align-items:center;justify-content:center}
  .gallery-heading.crystal-heading,.illustration-heading,.vr-crystal-heading,.tattoo-heading,.nelly-heading,.prices-heading,.terms-crystal-heading,.contact-heading{height:116px!important;min-height:0!important;margin:0 0 28px!important;padding:0 10% 25px!important;background-size:100% 100%!important;filter:drop-shadow(0 1px 3px #c7b8ec44)!important}
  .gallery-heading.crystal-heading h1,.illustration-heading h1,.vr-crystal-heading h1,.tattoo-heading h1,.nelly-heading h1,.prices-heading h1,.terms-crystal-heading h1,.contact-heading h1{font-size:clamp(16px,3.6vw,25px)!important;line-height:1.35!important;letter-spacing:.04em!important;margin:0!important;text-align:center;white-space:normal!important}
  .art-heading-title{white-space:normal!important}
  /* A clear image followed by its caption, with the original diagonal silhouette. */
  .illustration-gallery{width:100%;padding:0 18px 40px!important}
  .art-grid{gap:30px!important}
  .art-entry{min-width:0;padding:0!important}
  .art-open{display:block;width:100%;padding:0!important;min-width:0;touch-action:manipulation}
  .art-entry .art-frame{width:100%;aspect-ratio:1600/650!important}
  .art-entry .art-caption,.art-entry:nth-child(even) .art-caption{position:relative!important;inset:auto!important;display:block;width:auto!important;max-width:none;margin:8px 8px 0!important;padding:3px 0 3px 12px!important;text-align:left!important;border:0;border-left:2px solid #b9d7ed77;background:none}
  .art-caption h2{font-size:19px!important;line-height:1.3!important;margin:2px 0 5px!important}
  .art-caption p{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#c8c2d8}
  .art-caption .art-index{display:block!important;font-size:8px!important;letter-spacing:.12em}
  .art-entry:hover .art-frame{transform:none}
  .art-viewer{width:100vw!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;padding:76px 12px 20px!important;overflow-y:auto!important;overscroll-behavior:contain}
  .art-viewer .viewer-stage{min-height:0;height:100%;width:100%;padding:0!important}
  .art-viewer .viewer-close{top:14px!important;right:14px!important;min-width:88px;min-height:44px;z-index:20}
  .art-viewer .process-toggle{position:absolute!important;top:14px!important;left:14px!important;right:auto!important;bottom:auto!important;min-height:44px;max-width:calc(100% - 128px);font-size:12px}
  .art-viewer.with-process{display:flex!important;flex-direction:column;gap:20px}
  .art-viewer.with-process .viewer-stage{height:45dvh;flex:0 0 45dvh}
  .art-viewer.with-process .art-frame{max-height:45dvh!important;max-width:100%!important}
  .art-viewer .art-process{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;padding:16px!important;flex-shrink:0;margin:0!important}
  .art-process iframe{width:100%;height:auto;aspect-ratio:16/9}
  .art-process h2{font-size:20px}
  .solo-tools{padding:10px!important;gap:8px!important}.solo-tools button{min-height:44px;font-size:12px!important}
  /* The landing page becomes a compact, touch-friendly introduction. */
  .home-video-page .empty-home{padding-bottom:30px!important;overflow:hidden}
  .home-welcome.home-showcase{width:100%!important;max-width:none;min-height:0!important;padding:22px 18px 35px!important;margin:0!important}
  .home-showcase-heading{width:100%;max-width:650px;padding:10px 8px 22px!important;margin:0 auto}
  .home-showcase-heading:before{inset:-12px -18px -12px!important;background:radial-gradient(ellipse,#080c17ed 10%,#080c17b3 65%,transparent 95%)!important}
  .home-welcome h1{font-size:clamp(35px,7.7vw,55px)!important;line-height:1.17!important;margin:18px 0!important}
  .home-welcome p{font-size:14px!important;line-height:1.8!important}
  .home-kicker{font-size:9px!important;letter-spacing:.16em!important}
  .home-showcase-pieces{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;max-width:520px!important;margin:4px auto 0!important;align-items:stretch!important}
  .showcase-piece{width:100%!important;min-width:0!important;height:240px!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important}
  .showcase-piece>img{height:100%!important;object-fit:cover!important;object-position:50% 30%}
  .showcase-badge-art{height:100%!important;width:100%!important;display:flex;align-items:center;justify-content:center}
  .showcase-badge-art img{width:86%!important;height:76%!important;object-fit:contain}
  .showcase-piece>span{padding:22px 18px 15px!important}.showcase-piece b{font-size:21px!important}.showcase-piece small{font-size:9px!important}
  .showcase-contact{font-size:12px!important;line-height:1.8;margin:22px 0 0!important;padding:5px 0}
  .showcase-contact a{display:inline-flex;align-items:center;min-height:44px}
  .home-feature,.home-meet,.home-start{width:calc(100% - 36px)!important;max-width:650px;margin:22px auto 42px!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:0!important}
  .home-feature-art{height:310px!important;min-height:0!important;aspect-ratio:auto!important}.home-feature-art img{object-position:50% 30%}
  .home-feature-copy,.home-meet-copy{padding:4px 4px 10px!important}
  .home-feature h2,.home-meet h2,.home-start h2{font-size:32px!important;line-height:1.2!important}
  .home-feature p,.home-meet p,.home-start p{font-size:15px!important;line-height:1.85!important}
  .home-meet-portrait{max-height:340px!important;min-height:0!important}.home-meet-portrait img{height:340px!important;object-fit:contain}
  .home-start{padding:25px 22px!important}.home-start a{min-height:44px;display:inline-flex;align-items:center}
  .home-footer{width:calc(100% - 36px)!important;flex-wrap:wrap;gap:16px;font-size:11px;padding-bottom:22px}
  /* Projects: no frame can intrude into the information panel. */
  .vr-portfolio{padding:0 18px 38px!important;width:100%;max-width:760px}
  .vr-feature{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .vr-display-column{padding:0!important;min-width:0}
  .vr-showcase{height:clamp(240px,62vw,410px)!important;padding:25px 48px 42px!important}
  .vr-showcase .vr-image-slot{inset:25px 48px 48px!important}
  .vr-rank-controls{right:8px!important;left:auto!important;top:50%!important;bottom:auto!important;translate:0 -50%;gap:10px!important}
  .vr-rank-controls button{width:38px!important;min-width:38px;min-height:44px!important;font-size:23px!important}
  .vr-rank-caption{left:35px!important;right:35px!important;font-size:10px!important;bottom:14px!important}
  .vr-rank-browser{margin-top:18px!important}
  .vr-generation-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
  .vr-generation-tabs button{flex:1 0 max-content;font-size:11px!important;padding:13px 10px!important;min-height:44px;cursor:pointer}
  .vr-thumbnails{gap:9px!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .vr-thumbnail{flex-basis:110px!important;scroll-snap-align:start;padding:8px!important}.vr-thumbnail img{height:51px!important}.vr-thumbnail span{font-size:11px!important;line-height:1.5}
  .vr-info{padding:28px 26px!important;margin:0!important}.vr-info h2{font-size:30px!important}.vr-info p{font-size:14px!important;line-height:1.8!important}
  .vr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:0!important}
  .vr-club{padding:7px!important;min-width:0}.vr-club span{font-size:13px!important;margin:10px 5px!important}.vr-club small{font-size:10px!important;line-height:1.5}
  .vr-more{margin-top:32px!important}.vr-more h2{font-size:24px!important}
  .vr-placeholders{display:flex!important;flex-direction:column;gap:24px!important;margin-top:38px!important;padding:30px 0 0!important}
  .placeholder-section-title{align-self:flex-start;font-size:33px!important;margin:0!important}
  .placeholder-copy{padding:25px 22px!important;width:100%}.placeholder-copy p{font-size:14px!important;line-height:1.85!important}
  .placeholder-map{margin:18px 0!important}.placeholder-map img{height:155px!important;width:100%!important;object-fit:contain}.placeholder-map figcaption strong{font-size:22px!important}
  .placeholder-gallery{max-width:370px!important;width:92%!important}.placeholder-frame{aspect-ratio:1/1.85!important}
  .placeholder-controls button{min-height:44px!important;min-width:44px!important}
  .vr-footer{font-size:12px;line-height:1.7}
  /* About: preserve the characters, give the writing its full reading width. */
  body:has(.nelly-about){overflow-x:clip!important}
  .nelly-about{width:100%!important;max-width:730px;padding:0 18px 35px!important;margin:auto}
  .nelly-story{display:flex!important;flex-direction:column;gap:24px!important;margin:0!important;align-items:stretch}
  .nelly-portrait{width:100%!important;max-width:380px!important;padding:0!important;margin:0 auto!important;align-self:center}
  .nelly-portrait>img{position:relative!important;width:100%!important;height:395px!important;object-fit:contain!important;translate:none!important;scale:1!important;transform:none!important;inset:auto!important}
  .nelly-orbit{inset:3% 8% 29%!important;max-height:340px}
  .portrait-socials{position:relative!important;inset:auto!important;width:100%!important;margin:10px auto 0!important;padding:22px!important;text-align:left!important}
  .portrait-socials a{min-height:44px;align-items:center}.portrait-socials strong{font-size:16px!important}
  .nelly-conversation{position:relative!important;width:100%!important;min-height:0!important;margin:0!important;padding:30px 24px 0!important;overflow:visible!important}
  .nelly-conversation>p,.nelly-conversation>h2{max-width:none!important;width:auto!important;position:relative;z-index:3}
  .nelly-conversation h2{font-size:34px!important;line-height:1.3!important;margin:14px 0 20px!important}
  .nelly-conversation>p{font-size:16px!important;line-height:1.9!important;margin:0 0 20px!important}
  .nelly-conversation .nelly-eyebrow{font-size:9px!important;letter-spacing:.15em}
  .nelly-kary-pair{position:relative!important;inset:auto!important;display:block;width:calc(100% + 38px)!important;max-width:520px;height:390px!important;margin:12px -19px -3px!important;transform:none!important;translate:none!important;isolation:isolate}
  .nelly-kary-pair .companion-nelly{position:absolute!important;left:-2%!important;right:auto!important;top:auto!important;bottom:0!important;width:68%!important;height:330px!important;object-fit:contain;object-position:center bottom;translate:none!important;scale:1!important;transform:none!important;z-index:6!important}
  .nelly-kary-pair .text-box-kary{position:absolute!important;left:auto!important;right:0!important;top:auto!important;bottom:0!important;width:53%!important;height:390px!important;object-fit:contain;object-position:center bottom;translate:none!important;scale:1!important;transform:none!important;z-index:5!important}
  .character-editor{display:none!important}
  .nelly-goodbye{margin-top:25px!important;font-size:12px!important;line-height:1.7}
  /* Clear pricing and readable terms; nothing is hidden behind floating controls. */
  .prices-main{padding:0 18px 95px!important;width:100%;max-width:760px}
  .price-simple-guide,.price-agreement{padding:28px 23px!important;margin:0 0 28px!important;border-radius:12px!important}
  .price-simple-guide h2,.price-agreement h2{font-size:29px!important;line-height:1.25!important}
  .price-simple-guide p,.price-simple-guide li,.price-agreement p{font-size:14px!important;line-height:1.85!important}
  .price-simple-guide ol{grid-template-columns:1fr!important;gap:14px!important;padding:0!important;margin:24px 0!important}.price-simple-guide li{padding:48px 18px 20px!important;margin:0!important}.price-simple-guide li:before{top:12px!important;left:18px!important;font-size:23px}
  .price-toolbar{flex-direction:column!important;align-items:stretch!important;gap:15px!important;padding:19px!important;margin:0 0 35px!important}
  .currency-switch{display:flex;gap:8px!important}.currency-switch button{flex:1;min-height:44px;font-size:12px!important}
  #exchange-status{width:100%!important;max-width:none!important;font-size:11px!important;line-height:1.75!important;margin:0!important}
  .price-section-title{margin:34px 0 24px!important;padding-left:14px!important}.price-section-title h2{font-size:31px!important;line-height:1.25!important}.price-section-title p{font-size:14px!important;line-height:1.85!important}
  .service-prices,.illustration-prices{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .price-card{padding:25px 22px!important;min-width:0}.price-card h3{font-size:24px!important;line-height:1.3!important}.price-card>p{font-size:14px!important;line-height:1.8!important}.price-rounds{font-size:11px!important;line-height:1.7!important}
  .price-sample{height:215px!important;aspect-ratio:auto!important;width:100%!important}.price-sample img{max-height:none!important}.price-sample span{font-size:10px!important;line-height:1.6!important;padding:22px 10px 9px!important}
  .price-value{font-size:29px!important}.illustration-price dl{font-size:14px!important}.illustration-price dl>div{gap:15px!important}.illustration-price dd{font-size:18px!important;white-space:nowrap}
  .price-glossary,.agreement-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .price-glossary>div{padding:23px!important}.price-glossary h3{font-size:22px!important;line-height:1.3!important}.price-glossary p{font-size:14px!important;line-height:1.9!important}
  .finish-caption{font-size:18px!important;line-height:1.5!important;margin:28px 0 14px!important}.finish-caption small{font-size:12px!important;display:block}
  .finish-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:0 0 25px!important;min-width:0}
  .finish-switch button{min-width:0!important;min-height:85px!important;padding:10px 4px!important;letter-spacing:0!important;font-size:12px!important;line-height:1.5!important}.finish-switch button small{font-size:9px!important}.finish-switch button>span{font-size:18px!important}
  .pricing-method{font-size:11px!important;line-height:1.9!important;margin:20px 0 32px!important}
  .price-important-bubble{top:auto!important;bottom:16px!important;right:14px!important;left:auto!important;min-height:48px!important;padding:9px 13px!important;gap:9px!important;z-index:30;max-width:calc(100vw - 28px);animation:none!important;box-shadow:0 4px 22px #0008}
  .price-important-bubble>span:first-child{width:25px!important;height:25px!important;font-size:14px!important}.price-important-bubble>span:nth-child(2){font-size:11px!important}.price-important-bubble small{display:none!important}.price-important-bubble b{font-size:16px!important}
  .price-agreement{scroll-margin-top:20px}.price-agreement .price-cta{display:flex!important;align-items:center;justify-content:center;min-height:48px;margin-top:20px!important}
  .price-sample-viewer{padding:75px 12px 24px!important;max-width:100vw!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.price-sample-viewer>button{min-height:44px;top:14px!important;right:14px!important}.price-sample-viewer img{max-width:100%!important;max-height:calc(100dvh - 150px)!important;object-fit:contain!important}.price-sample-viewer p{font-size:12px!important}
  .terms-page>main{padding:0 18px 35px!important;max-width:760px;margin:auto}.terms-intro{width:100%!important;padding:28px 20px!important;margin:0 0 28px!important}.terms-intro h2{font-size:29px!important;line-height:1.3!important}.terms-intro p{font-size:14px!important;line-height:1.85!important;max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
  .terms-layout{display:block!important;margin:0!important}.terms-toc{position:static!important;width:100%!important;margin:0 0 25px!important;padding:22px!important}.terms-toc a{display:block;min-height:44px;font-size:13px!important;padding:12px 0!important}
  .terms-content{min-width:0}.terms-content section{padding:27px 23px!important;margin-bottom:24px!important}.terms-content h2{font-size:25px!important;line-height:1.3!important;gap:12px!important}.terms-content p,.terms-content li,.terms-accept{font-size:14px!important;line-height:1.85!important}.terms-content ul{padding-left:18px!important}.terms-page>footer{padding:20px!important;gap:20px;flex-wrap:wrap}
  /* Textures and contact retain the same crystal finish with a mobile rhythm. */
  .tattoo-shop,.contact-main{padding:0 20px 40px!important;max-width:760px;width:100%;margin:auto}
  .shop-store-invitation{margin:10px 0 32px!important;padding:0!important}.booth-discover{width:100%!important;min-height:88px!important;gap:14px!important;padding:18px!important}.booth-brand{font-size:14px!important}.booth-brand svg{width:30px!important}.booth-invite-copy{font-size:19px!important}.booth-invite-copy small{font-size:10px!important;line-height:1.5}
  .shop-section-head{display:block!important;margin-bottom:22px!important}.shop-section-head h2{font-size:31px!important;line-height:1.3!important}.shop-section-head p,.custom-intro{font-size:14px!important;line-height:1.85!important}
  .shop-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:19px 14px!important}.shop-product{min-width:0}.shop-product-copy{padding:17px 10px 18px!important}.shop-product h3{font-size:18px!important;line-height:1.3!important}.shop-product-image{aspect-ratio:1!important;height:auto!important}.shop-avatar{font-size:9px!important;line-height:1.6!important}.shop-product-link{font-size:11px!important;display:block;margin-top:14px}
  .custom-textures{margin-top:42px!important}.custom-texture-grid{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}.custom-texture-card{margin:0!important;padding:14px!important;min-width:0}.custom-texture-card>a{height:330px!important}.custom-texture-card>a>img{height:100%!important;object-fit:contain!important}.custom-texture-card figcaption{padding:20px 12px 18px!important}.custom-texture-card h3{font-size:23px!important;line-height:1.3!important}.custom-texture-card p{font-size:14px!important;line-height:1.8!important}.custom-video-stage{height:370px!important}.custom-video-stage video{width:100%;height:100%;object-fit:contain}.custom-slider-card{grid-column:auto!important;display:block!important}.tattoo-detail-gallery{max-width:330px!important;margin:auto}.tattoo-detail-frame{height:auto!important;aspect-ratio:9/16}.tattoo-detail-controls button{min-width:44px!important;min-height:44px!important}.shop-button{min-height:48px;display:inline-flex;align-items:center;padding:15px 20px!important}.shop-footer{display:flex;flex-wrap:wrap;gap:15px;font-size:11px!important;line-height:1.7}
  .contact-intro{padding:0 4px!important;margin:15px auto 30px!important}.contact-intro h2{font-size:33px!important;line-height:1.25!important}.contact-intro p{font-size:15px!important;line-height:1.85!important}.contact-cards{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;max-width:450px;margin:auto}.contact-card{padding:28px 25px!important}.contact-card h2{font-size:30px!important}.contact-card p{font-size:14px!important;line-height:1.8!important}.contact-card a,.contact-card button{min-height:46px!important;font-size:13px!important}.contact-footer{font-size:12px!important;line-height:1.8!important}
  /* A two-part, tappable gateway instead of hover-only panels on a phone. */
  .style-choice{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;min-height:100svh;height:100dvh}
  .style-choice .choice{min-height:0}.choice .choice-art{opacity:.72!important;transform:scale(1.025)!important;animation:none!important;will-change:auto}
  .choice-semi::before{background:linear-gradient(0deg,#000d,transparent 85%)!important}.choice-anime::before{background:linear-gradient(180deg,#000d,transparent 85%)!important}
  .choice-title{font-size:clamp(29px,7.6vw,46px)!important;margin:0!important;padding:20px!important;max-width:100%;text-shadow:0 2px 18px #000!important}
  .choice-title::after{content:'Toca para explorar ↗';display:block;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-top:17px;color:#def1ff}
  .choice-divider{left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:100%!important;height:14px!important;transform:translateY(-50%)!important;clip-path:polygon(0 50%,38% 30%,50% 0,62% 30%,100% 50%,62% 70%,50% 100%,38% 70%)!important}.choice-divider::after{left:0;right:0;top:48%;bottom:auto;width:100%;height:1px}
}
@media(min-width:601px) and (max-width:900px){
  .home-showcase-pieces{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:850px!important;gap:12px!important}.showcase-piece{height:260px!important}.showcase-piece b{font-size:18px!important}
  .service-prices,.illustration-prices,.custom-texture-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .price-card{padding:24px 18px!important}.price-card h3{font-size:22px!important}.price-sample{height:185px!important}
  .nelly-kary-pair{margin-left:auto!important;margin-right:auto!important;height:460px!important}.nelly-kary-pair .text-box-kary{height:460px!important}.nelly-kary-pair .companion-nelly{height:400px!important}
}
@media(max-width:360px){body header.topbar{padding:0 12px!important}.topbar .nav-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finish-switch{grid-template-columns:1fr!important}.shop-products{gap:17px 10px!important}.shop-product h3{font-size:16px!important}.nelly-kary-pair{height:340px!important}.nelly-kary-pair .text-box-kary{height:340px!important}.nelly-kary-pair .companion-nelly{height:290px!important}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.prices-shortcut a,.vr-prism-flow,.vr-heading-nacre,.nelly-orbit{animation:none!important;transition:none!important}}

@media(max-width:900px){body .topbar.mobile-menu-open .nav-side{animation:none!important;opacity:1!important;visibility:visible!important}.gallery-heading.crystal-heading{width:calc(100% + 36px)!important;margin-left:-18px!important}.gallery-heading.crystal-heading h1{font-size:18px!important;max-width:270px;letter-spacing:.02em!important}.home-about-portrait{justify-self:center;max-width:180px}}
@media(max-width:900px){.vr-showcase .vr-image-slot{inset:auto!important}.vr-info dd{font-size:14px;line-height:1.8}.nelly-kary-pair{height:340px!important}.nelly-kary-pair .text-box-kary{height:340px!important}.nelly-kary-pair .companion-nelly{height:300px!important}}

/* Phone refinements: one crystal silhouette per button, readable triangle titles. */
@media(max-width:900px){
  body .topbar>.wordmark::before{background-image:url('assets/mobile-logo-frame.svg')!important}
  body .topbar>.wordmark .crystal-nacre,body .topbar>.wordmark .facet-flash,
  body .topbar .nav-side .crystal-nacre,body .topbar .nav-side .facet-flash,body .topbar .nav-side .facet-halo{display:none!important}
  .gallery-heading.crystal-heading,.illustration-heading,.vr-crystal-heading,.tattoo-heading,.nelly-heading,.prices-heading,.terms-crystal-heading,.contact-heading{
    position:relative!important;display:block!important;height:132px!important;padding:0!important;box-sizing:border-box;
  }
  .gallery-heading.crystal-heading h1,.illustration-heading h1,.vr-crystal-heading h1,.tattoo-heading h1,.nelly-heading h1,.prices-heading h1,.terms-crystal-heading h1,.contact-heading h1{
    position:absolute!important;inset:18px auto auto 50%!important;transform:translateX(-50%)!important;
    display:block!important;width:72%!important;max-width:560px!important;padding:0!important;margin:0!important;
    font-size:clamp(15px,4vw,23px)!important;line-height:1.3!important;letter-spacing:.025em!important;
    text-align:center!important;text-wrap:balance;white-space:normal!important;word-spacing:normal!important;
  }
  .gallery-title-spaced span,.vr-crystal-heading h1 span,.art-heading-title span{white-space:normal!important}
  .nelly-kary-pair{display:none!important}
  .nelly-conversation{padding-bottom:24px!important}
}