@import url('../../contatti/contatti-hero.css');
@import url('../../contatti/contatti-premium.css');
@import url('../../prodotti/arazzo.css');
@import url('../../homepage/selection-title.css');
.hero-dice-magic{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s linear}
@media(prefers-reduced-motion:reduce){.hero-dice-magic{display:none}}
.hero-lantern-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.hero-instant .hero-lantern-light{transition:none}
@media(prefers-reduced-motion:reduce){.hero-lantern-light{display:none}}
/* Brand-only finishing: original geometry, cascades and motion remain in their source files. */
:root{--brand:#b72e25;--brand-red:#e74738;--brand-blue:#b72e25;--brand-red-deep:#76251f;--brand-blue-deep:#592c27;--green:#e3d8c3;--ink:#161719;--ink-2:#252320}
.button-primary,.nav-shop{background:linear-gradient(135deg,#d34c3d,#b72e25);color:#fff;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #592c2788,0 5px 17px #b72e2520}
.button-primary:hover,.nav-shop:hover{background:linear-gradient(135deg,#df6354,#a62c24)}
/* Hero lettering and its animated depth share the brand blue/red pairing. */
.hero h1>span.hero-word-play{color:var(--brand-blue)}
.hero h1>span.hero-word-love{color:var(--brand-red)}
.hero h1 .green-dot{color:inherit}
/* Only a light neutral shade behind the copy; the rest of the image stays clear. */
.hero:has(.hero-slideshow) .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.15) 22%,transparent 50%)}
.site-header .nav-item.active:after{background:#e74738;box-shadow:0 0 7px #e7473850}
.ticker{background:linear-gradient(110deg,#76251f,#a91319 55%,#592c27);color:#fffef7}
.status-dot{background:#ff5750;box-shadow:0 0 8px #e7473840}
.footer-top .brand img{width:100px;height:66px;object-fit:contain}
.site-header .brand img{width:70px;height:55px;object-fit:contain}
.brand>span{letter-spacing:.045em}
.intro-panda-icon{object-fit:contain}
[data-brand-pending]{cursor:help}
#tokyo-geeks-preview-note{position:fixed;z-index:101;bottom:8px;right:10px;max-width:calc(100vw - 20px);padding:7px 11px;border:1px solid #ffffff35;border-radius:8px;background:#161719ed;color:#faf8f0;font:10px/1.4 'DM Sans',sans-serif;box-shadow:0 3px 12px #0003;cursor:pointer}
.intro-active #tokyo-geeks-preview-note{visibility:hidden}
#tokyo-geeks-config-dialog{max-width:440px;width:calc(100% - 36px);border:1px solid #b6a273;border-radius:14px;padding:28px;background:#f3f2e9;color:#161719;box-shadow:0 20px 70px #0006}
#tokyo-geeks-config-dialog::backdrop{background:#080b245c;backdrop-filter:blur(8px)}
#tokyo-geeks-config-dialog h2{font-size:30px}#tokyo-geeks-config-dialog .button{background:#b72e25;color:white;cursor:pointer}
@media(max-width:560px){.site-header .brand img{width:61px;height:48px}.site-header .brand{gap:7px}.brand>span{font-size:12px}}
@media(max-width:700px){.page-hero.catalog-hero{background-image:url('../../prodotti/catalogo-parete-mobile-v1.png')}}

/* CGC introduction: blue enamel accents on the existing ivory material. */
.cgc-premium .cgc-dealer,.cgc-premium .cgc-details span{color:#9c3028}
.cgc-premium .cgc-dealer>span{background:#b72e25;box-shadow:0 0 0 4px #b72e250c}
.cgc-premium .cgc-editorial h2 em{color:#9c3028;background-image:linear-gradient(165deg,#d34c3d,#9c3028 48%,#572722)}
.cgc-premium .cgc-details{border-color:#9c302826}
.cgc-premium .cgc-section-action .cgc-red-button{background:linear-gradient(165deg,#d34c3d,#9c3028 48%,#572722);border-color:#ae8c72;box-shadow:inset 0 1px 0 #cbd4ff66,inset 0 -3px 0 #05072c99,0 6px 16px #090b552b;text-shadow:0 2px 2px #05072c}
.cgc-premium .cgc-section-action .cgc-red-button:hover{background:linear-gradient(165deg,#e26a57,#aa3b30 48%,#69352e)}
.cgc-premium .cgc-red-button:before{border-color:#b8c2ff55}
.cgc-premium .cgc-red-button:focus-visible{outline-color:#b72e25}

/* Service chooser: red accents, including the continuous tab/panel junction. */
.grading-atelier{background:radial-gradient(ellipse at 50% 20%,#8b101170,transparent 65%),#190c0d}
.grading-atelier:before{background-image:repeating-linear-gradient(115deg,transparent 0 5px,#c6888814 5px 6px)}
.grading-atelier h2 em,.grading-atelier .grading-panel h3 em{color:var(--brand-red);background:linear-gradient(155deg,#ffc2b9,#ff655b 50%,var(--brand-red));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.grading-atelier .section-aside,.grading-atelier .grading-tab-caption{color:#d5b8bc}
.grading-atelier .grading-tab{color:#f3e6e5;background:linear-gradient(145deg,#412022,#291416);border-color:#e9bbc32e;box-shadow:inset 0 0 0 4px #f2c4c604}
.grading-atelier .grading-tab:hover,.grading-atelier .grading-tab:focus-visible{border-color:#e599947d;outline-color:#ff8279}
.grading-atelier .grading-service-layout .grading-tab[aria-selected=true],.grading-atelier .grading-service-layout .grading-tab[aria-selected=true]:hover,.grading-atelier .grading-service-layout .grading-panel-shell{background:#38181a;border-color:#e599947d}
.grading-atelier .grading-selection-bridge{background:#38181a;border-color:#e599947d}
.grading-atelier .grading-tab-status{color:#f0d5d3;border-color:#dba4a453;background:#dba4a40c}
.grading-atelier .grading-tab:hover .grading-tab-status{background:#dba4a422}
.grading-atelier .grading-tab[aria-selected=true] .grading-tab-status{color:#ffc2bb;background:#fa777221;border-color:#ed8e8780}
.grading-atelier .grading-panel{--accent:251,74,65}
.grading-atelier .grading-panel-eyebrow,.grading-atelier .grading-inclusions li:before{color:#ff9b93}
.grading-atelier .grading-panel-intro,.grading-atelier .grading-inclusions li,.grading-atelier .grading-certification p{color:#d7c6c8}
.grading-atelier .grading-panel h4,.grading-atelier .grading-certification strong{color:#f5e7e5}
.grading-atelier .grading-panel-top,.grading-atelier .grading-panel-footer{border-color:#e9bbc320}
.grading-atelier .grading-panel-footer{color:#bfa0a6}
.grading-atelier .grading-panel-footer a{color:#ffc2bb}
.grading-atelier .grading-price>strong{color:#76251f}
.grading-atelier .grading-price .atelier-cta{border-color:#c34741;background:linear-gradient(150deg,var(--brand-red),#a50b05);color:#fff7e5;box-shadow:inset 0 1px 0 #ffc3b940,0 4px 8px #76251f30}
.grading-atelier .grading-price .atelier-cta:hover{background:linear-gradient(150deg,#ff342b,#bf1008);border-color:#db827b}
@media(min-width:801px){.grading-atelier .grading-service-layout .grading-tab[aria-selected=true]{border-right-color:transparent}}

/* Homepage dealer emphasis: logo hue, slightly darker for the ivory background. */
#grading-acrylic h2 em{color:#b72e25;background:none;-webkit-text-fill-color:#b72e25}

/* Selection heading: flat bold face, short crisp extrusion and a slightly quieter blue. */
#main .selection-section .selection-heading h2 em{font-family:'Manrope',sans-serif;font-style:normal;font-weight:800;vertical-align:baseline;letter-spacing:-.05em;color:#b72e25;text-shadow:0 -.5px 0 #f08770,.45px 1px 0 #8a2923,.9px 2px 0 #69231e,1.35px 3px 0 #4b201c}

/* Match the top/bottom inset to the shop button's right inset. */
@media(min-width:901px){
 .site-header{--header-inset:8px;left:auto;right:max(20px,calc((100% - 1500px)/2 + 20px));transform:none;width:553px;gap:8px;height:auto;min-height:0;padding:var(--header-inset)}
 body.site-wide .site-header{right:20px}
 .site-header .brand{gap:8px}
 .site-header .main-nav{flex:1;min-width:0;margin-left:0}
 .site-header .nav-item{flex:1 0 auto;min-width:0;padding-inline:4px;white-space:nowrap}
 .site-header .nav-shop{flex-shrink:0;padding-inline:7px;gap:8px}
 /* The square source has 151px of transparent space above/below its 650x348 artwork. */
 .site-header .brand img{height:36px;width:67.2414px;object-fit:cover;object-position:center}
 .site-header .nav-item,.site-header .nav-shop{height:36px;min-height:36px;box-sizing:border-box}
}

/* Angeli e Draghi, direction A. Original layout and motion contracts preserved. */
:root{--brand:#e74738;--brand-red:#e74738;--brand-blue:#b72e25;--brand-red-deep:#76251f;--brand-blue-deep:#592c27;--ink:#161719;--ink-2:#252320}
body{background:#161719}.ticker{background:linear-gradient(110deg,#252320,#451f1d 55%,#161719)}
.site-header .brand img{width:30px;height:44px;object-fit:contain;object-position:center;filter:none}.footer-top .brand img{width:44px;height:65px;object-fit:contain;filter:none}.brand>span{font-size:13px;letter-spacing:.025em}.brand>span small{letter-spacing:.17em}
.site-header .nav-shop{background:linear-gradient(135deg,#c94032,#a42c25)}
.hero h1>span.hero-word-play{color:#eefaff}.hero h1>span.hero-word-love{color:#ff240c}
.catalog-brand-sign{position:absolute;z-index:1;left:50%;top:205px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;pointer-events:none;color:#f5f1e8;text-shadow:0 2px 3px #000,0 0 18px #e7473870;font:800 25px/1.2 Manrope,sans-serif;white-space:nowrap}.catalog-brand-sign img{width:68px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 9px #0009)}
.intro-panda-icon{object-fit:contain!important;width:auto!important;height:100%!important;max-height:130px}.intro-caption{color:#f5f1e8}.intro-caption em{color:#f0b1a0}.intro-topline strong{color:#f5f1e8}.intro-subtitle{color:#c4b5a1}.intro-story-sign{background-color:#252320}.intro-message-loading .intro-caption{font-size:clamp(12px,1.3vw,20px);line-height:1.55}.intro-copy{width:min(1080px,92vw)}
.db-kumaneko-tag img,.db-request-logo{object-fit:contain}.grading-price>strong{font-size:clamp(20px,2.5vw,31px)}
@media(max-width:900px){.catalog-brand-sign{top:200px;font-size:21px}.catalog-brand-sign img{width:55px;height:80px}}
@media(max-width:700px){.catalog-brand-sign{top:145px;font-size:17px;gap:12px}.catalog-brand-sign img{width:44px;height:65px}}
@media(max-width:560px){.site-header .brand img{width:26px;height:38px}.brand>span{font-size:10px}.brand>span small{font-size:6px;letter-spacing:.07em}.intro-message-loading .intro-caption{font-size:12px;line-height:1.5}}

.db-lab[data-theme="brand-blue"],.db-theme-swatch[data-theme="brand-blue"]{background:radial-gradient(ellipse at 50% 0,#a4866266,transparent 72%),linear-gradient(180deg,#3b3530,#191817)}

#main > .ticker{background:linear-gradient(110deg,#161719,#3d2621 55%,#252320);color:#f5f1e8}.page-hero:not(.catalog-hero):not(.grading-page-hero){background:radial-gradient(ellipse at 90% 70%,#60514160,transparent 55%),#161719}.page-hero h1 em{color:#e8dcc8}.contact-panel{background:#e8dfd0;border-color:#b8aea0}.community-section{background:radial-gradient(ellipse at center,#3b3029,#161719 75%)}.site-footer{background:#161719}.visit-ticket .ticket-city{font-size:clamp(28px,4vw,64px);line-height:1.15;letter-spacing:-.04em}.cgc-premium .cgc-editorial h2 em{-webkit-text-fill-color:#9c3028}#main .selection-section .selection-heading h2 em{color:#b72e25;text-shadow:0 -.5px 0 #f08770,.45px 1px 0 #8a2923,.9px 2px 0 #69231e,1.35px 3px 0 #4b201c}

.intro-story-sign,.intro-skip,.intro-audio{background:radial-gradient(ellipse at 25% 10%,#69443b,#321f1c 55%,#161719);color:#f5f1e8}.intro-skip:hover,.intro-audio:hover{background:radial-gradient(ellipse at 25% 10%,#865347,#482822 55%,#252320);color:#fffaf0}.intro-panda-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:72%;max-height:82%}.intro-ready .intro-panda-icon{transform:translate(-50%,-50%) rotateY(90deg) scale(.7)}

@media(min-width:701px){.catalog-brand-sign{top:515px}}@media(max-width:700px){.catalog-brand-sign{top:270px;font-size:15px;gap:9px}.catalog-brand-sign img{width:33px;height:48px}}

/* Feather the actual portrait edge, not the letterboxed container. */
.dealer-panda .panda-visual img{inset:auto auto 0 50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translateX(-50%) scale(1.2);transform-origin:center top;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Six categories stay readable at intermediate widths. */
#main>.ticker>div{column-gap:clamp(8px,1.3vw,24px)}
@media(max-width:1100px){#main>.ticker>div{justify-content:center;flex-wrap:wrap;gap:14px 18px;white-space:normal}}

/* Deep red intro lettering matching the dragon emblem. */
.intro-caption em,.intro-topline strong{color:#df001b;text-shadow:0 2px 3px #000,0 0 18px #a0001526}

/* Logo portal navigation: one glass button, staggered floating destinations. */
body .site-header.nav-orb,body.site-wide .site-header.nav-orb{position:fixed;top:20px;left:20px;right:auto;transform:none;width:82px;height:94px;min-height:0;padding:0;display:block;overflow:visible;border:0;border-radius:24px;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:100}
body .nav-orb .nav-logo-toggle{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:82px;height:94px;padding:12px;border:1px solid #ffffff50;border-radius:24px;color:#fff;background:linear-gradient(135deg,#ffffff24,#ffffff09 60%,#ffffff15);box-shadow:inset 0 1px 0 #ffffff5c,0 8px 24px #0002;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);cursor:pointer;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}
body .nav-orb .nav-logo-toggle:before{content:'';position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 40%,#ffffff35 49%,transparent 58%);transform:translateX(-65%) rotate(-12deg);transition:transform .8s;pointer-events:none}
body.menu-open .nav-orb .nav-logo-toggle:before{transform:translateX(65%) rotate(-12deg)}
body .nav-orb .nav-logo-toggle img{width:39px;height:57px;object-fit:contain;filter:drop-shadow(0 2px 4px #0005);transition:transform .5s}
body.menu-open .nav-orb .nav-logo-toggle{border-color:#d5ecffb0;box-shadow:inset 0 1px 0 #fff7,0 0 25px #90cfff26,0 10px 26px #0003;transform:translateY(-2px)}
body.menu-open .nav-orb .nav-logo-toggle img{transform:scale(1.06)}
body .nav-orb .nav-orb-indicator{display:block;width:13px;height:5px;border:0;border-bottom:1px solid currentColor;background:none;opacity:.75;transform:none;transition:width .3s}
body.menu-open .nav-orb .nav-orb-indicator{width:24px;transform:none}
body .nav-orb .main-nav{position:absolute;left:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:7px;width:210px;max-height:calc(100dvh - 130px);overflow-y:auto;margin:0;padding:13px 1px 10px;perspective:700px;visibility:hidden;pointer-events:none;transition:visibility 0s .42s}
body.menu-open .nav-orb .main-nav{visibility:visible;pointer-events:auto;transition-delay:0s}
body .nav-orb .main-nav>a{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:46px;min-height:46px;padding:0 18px;margin:0;border:1px solid #ffffff35;border-radius:13px;font:600 13px/1.3 Manrope,sans-serif;letter-spacing:.01em;white-space:nowrap;color:#fffdf9;background:linear-gradient(120deg,#20232c99,#16182070);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff18,0 5px 12px #0002;opacity:0;transform:translateY(-17px) rotateX(-24deg) scale(.94);transform-origin:top left;transition:opacity .22s,transform .35s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s;transition-delay:0s}
body.menu-open .nav-orb .main-nav>a{opacity:1;transform:none;transition-delay:calc(var(--nav-order,0)*45ms)}
.nav-orb .main-nav>a:nth-child(2){--nav-order:1}.nav-orb .main-nav>a:nth-child(3){--nav-order:2}.nav-orb .main-nav>a:nth-child(4){--nav-order:3}.nav-orb .main-nav>a:nth-child(5){--nav-order:4}.nav-orb .main-nav>a:nth-child(6){--nav-order:5}
body .nav-orb .main-nav>a:not(.nav-shop):after{content:'↗';position:static;display:block;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;font-size:17px;color:#c2e7fc;opacity:.7;transform:none}
body .nav-orb .main-nav>a:hover,body .nav-orb .main-nav>a:focus-visible{background:linear-gradient(120deg,#4a586ab8,#212b3e9c);border-color:#c6eaff9c;transition-delay:0s}
body .nav-orb .main-nav>a.active{border-color:#c8e8ff7a;background:linear-gradient(120deg,#455064b3,#2228359c)}
body .nav-orb .main-nav>.nav-shop{background:linear-gradient(125deg,#a91526c9,#6f0c20aa);border-color:#ed78855c}
body .nav-orb .nav-logo-toggle:focus-visible{outline:2px solid #c1e8ff;outline-offset:5px}
.intro-caption em.intro-angel-word{color:#bfeaff;text-shadow:0 2px 3px #000,0 0 18px #7dcfff30}
@media(max-width:600px){body .site-header.nav-orb,body.site-wide .site-header.nav-orb{top:12px;left:12px;width:68px;height:80px}body .nav-orb .nav-logo-toggle{width:68px;height:80px;border-radius:20px;padding:9px}body .nav-orb .nav-logo-toggle img{width:33px;height:49px}body .nav-orb .main-nav{max-height:calc(100dvh - 110px);width:194px}}
@media(prefers-reduced-motion:reduce){body .nav-orb .nav-logo-toggle,body .nav-orb .nav-logo-toggle:before,body .nav-orb .main-nav>a{transition:none;transform:none}}

/* User placement: upper right, destinations aligned under the logo. */
body .site-header.nav-orb,body.site-wide .site-header.nav-orb{left:auto;right:20px}
body .nav-orb .main-nav{left:auto;right:0}
body .nav-orb .main-nav>a{transform-origin:top right}
@media(max-width:600px){body .site-header.nav-orb,body.site-wide .site-header.nav-orb{left:auto;right:12px}}

/* Compact orbit, anchored inside the 1500px site canvas. Original R01 glass recipe. */
body .site-header.nav-orb{right:max(20px,calc((100% - 1500px)/2 + 20px))}
body.site-wide .site-header.nav-orb{right:20px}
body .nav-orb .nav-logo-toggle,body .nav-orb .main-nav>a,body .nav-orb .main-nav>.nav-shop{background:linear-gradient(112deg,rgba(222,223,243,.19),rgba(183,184,211,.09) 50%,rgba(216,217,242,.17));border:1px solid var(--nav-border);color:var(--nav-ink);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(139,141,179,.12),0 14px 40px rgba(4,5,20,.16)}
body .nav-orb .nav-logo-toggle{z-index:2}
body .nav-orb .main-nav{top:0;right:0;left:auto;width:280px;height:290px;max-height:none;overflow:visible;padding:0;display:block;perspective:none;z-index:1}
body .nav-orb .main-nav>a{position:absolute;left:calc(239px + var(--orbit-x));top:calc(47px + var(--orbit-y));width:max-content;min-width:0;height:32px;min-height:32px;padding:0 11px;gap:0;border-radius:100px;font-size:11px;line-height:1;transform:translate(calc(-50% - var(--orbit-x)),calc(-50% - var(--orbit-y))) scale(.25);transform-origin:center;transition:opacity .2s,transform .48s cubic-bezier(.2,.8,.2,1),background .25s}
body.menu-open .nav-orb .main-nav>a{transform:translate(-50%,-50%) scale(1)}
body .nav-orb .main-nav>a:nth-child(1){--orbit-x:-135px;--orbit-y:-6px}
body .nav-orb .main-nav>a:nth-child(2){--orbit-x:-145px;--orbit-y:40px}
body .nav-orb .main-nav>a:nth-child(3){--orbit-x:-127px;--orbit-y:86px}
body .nav-orb .main-nav>a:nth-child(4){--orbit-x:-99px;--orbit-y:130px}
body .nav-orb .main-nav>a:nth-child(5){--orbit-x:-53px;--orbit-y:170px}
body .nav-orb .main-nav>a:nth-child(6){--orbit-x:0px;--orbit-y:205px}
body .nav-orb .main-nav>a:not(.nav-shop):after{display:none}
body .nav-orb .main-nav>.nav-shop .nav-cart{width:12px;height:12px;margin-left:6px}
body .nav-orb .main-nav>a:hover,body .nav-orb .main-nav>a:focus-visible,body .nav-orb .main-nav>a.active{background:var(--nav-pill);color:var(--nav-selected);border-color:var(--nav-border)}
@media(max-width:600px){body .site-header.nav-orb,body.site-wide .site-header.nav-orb{right:12px}body .nav-orb .main-nav{width:266px}body .nav-orb .main-nav>a{left:calc(232px + var(--orbit-x));top:calc(40px + var(--orbit-y));min-height:36px;height:36px}}

.hero-magic-elements{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 1.2s}
.hero-instant .hero-magic-elements{transition:none}
@media(prefers-reduced-motion:reduce){.hero-magic-elements{display:none}}

/* Restrained finish: pure logo, fine glass edges and a closer orbital rhythm. */
body .nav-orb .nav-orb-indicator{display:none}
body .nav-orb .nav-logo-toggle{gap:0;padding:11px;border-radius:22px;border-color:rgba(235,242,255,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(139,141,179,.12),0 14px 40px rgba(4,5,20,.16)}
body .nav-orb .nav-logo-toggle img{width:46px;height:68px;filter:drop-shadow(0 1px 2px #0004)}
body.menu-open .nav-orb .nav-logo-toggle{transform:none;border-color:rgba(235,242,255,.42);box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #0002}
body.menu-open .nav-orb .nav-logo-toggle img{transform:scale(1.025)}
body .nav-orb .main-nav>a{height:30px;min-height:30px;padding:0 13px;font-size:10px;font-weight:500;letter-spacing:.025em;border-color:rgba(235,242,255,.22);box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #00000014}
body .nav-orb .main-nav>a:nth-child(1){--orbit-x:-108px;--orbit-y:-6px}
body .nav-orb .main-nav>a:nth-child(2){--orbit-x:-126px;--orbit-y:34px}
body .nav-orb .main-nav>a:nth-child(3){--orbit-x:-123px;--orbit-y:74px}
body .nav-orb .main-nav>a:nth-child(4){--orbit-x:-103px;--orbit-y:114px}
body .nav-orb .main-nav>a:nth-child(5){--orbit-x:-59px;--orbit-y:150px}
body .nav-orb .main-nav>a:nth-child(6){--orbit-x:0px;--orbit-y:180px}
body .nav-orb .main-nav>a:hover,body .nav-orb .main-nav>a:focus-visible{background:rgba(220,230,245,.13);border-color:rgba(235,242,255,.45)}
body .nav-orb .main-nav>a.active{background:rgba(220,230,245,.10);border-color:rgba(235,242,255,.34)}
/* The wall emblem is painted into the surface, with a worn ink grain. */
.catalog-hero .catalog-brand-sign.catalog-mural-logo{position:relative;inset:auto;transform:none;display:block;width:min(250px,54vw);height:auto;margin:18px auto 32px;mix-blend-mode:screen;opacity:.96;z-index:1}
.catalog-hero .catalog-mural-logo img{width:100%;height:auto;max-height:none;object-fit:contain;filter:none}
.catalog-hero .catalog-hero-inner{margin-top:0}
@media(min-width:701px){.page-hero.catalog-hero{min-height:1070px}}
@media(max-width:700px){.catalog-hero .catalog-brand-sign.catalog-mural-logo{width:min(190px,47vw);margin:24px auto 34px}.catalog-hero .catalog-hero-inner{margin-top:0}}
@media(max-width:600px){body .nav-orb .nav-logo-toggle img{width:37px;height:54px}body .nav-orb .main-nav>a{min-height:36px;height:36px}}

/* Larger wall mural rising behind the foreground photographs. */
.catalog-hero .catalog-brand-sign.catalog-mural-logo{width:min(410px,60vw);margin-top:-180px;margin-bottom:32px;z-index:1}
.catalog-hero .catalog-polaroids{z-index:2}
@media(max-width:700px){.catalog-hero .catalog-brand-sign.catalog-mural-logo{width:min(320px,68vw);margin-top:-60px;margin-bottom:30px}}

/* Keep the grading dragon inside its column, with no exposed portrait edge. */
.dealer-panda .panda-visual img{
 left:auto;right:-12px;transform:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.45) 17%,#000 27%,#000 76%,rgba(0,0,0,.45) 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 90%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.45) 17%,#000 27%,#000 76%,rgba(0,0,0,.45) 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 90%,transparent 100%);
}
@media(max-width:600px){.dealer-panda .panda-visual img{left:50%;right:auto;transform:translateX(-50%)}}

/* Two readable lines leave room for a fuller grading portrait. */
#grading-acrylic .dealer-benefits-editorial-copy{white-space:normal}
@media(min-width:601px){.dealer-panda .panda-visual img{transform:scale(1.2);transform-origin:right top}}

/* Remove the rules surrounding the grading benefits and contain the plaque sheen. */
#grading-acrylic .dealer-benefits-editorial-points{border-top:0;border-bottom:0}
#grading-acrylic .signature-surface{overflow:hidden}
/* Trim subpixel seams at the masked portrait boundary. */
#grading-acrylic .panda-visual img{clip-path:inset(0 2px)}
.hero-painted-fire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;mix-blend-mode:normal;transition:opacity 1.2s}
.hero-instant .hero-painted-fire{transition:none}
@media(prefers-reduced-motion:reduce){.hero-painted-fire{display:none}}
