/* Refinement of the existing Matsu identity. Content is always visible. */
.hero{padding-top:45px;grid-template-columns:1fr 1.08fr;column-gap:30px}
.hero h1{font-size:clamp(3.6rem,6.4vw,6.2rem);line-height:1.01;letter-spacing:-.058em;margin-top:28px}
.hero h1 em{font-size:.97em;line-height:1.14;margin-top:4px}
.hero-description{max-width:420px;margin-top:26px;color:#c4c0b6;font-size:1.025rem}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:29px}
.hero-actions .button{margin:0}
.hero-secondary{font-size:.8rem;color:#d6cfbf;min-height:44px;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #a59a773d}
.hero-secondary:hover{color:var(--paper);border-color:#d8b899}
.launch-note{margin-top:28px}
.hero-art{overflow:clip;overflow-clip-margin:12px}
.depth-stage{height:clamp(490px,43.8vw,650px);max-width:730px}
.depth-world{transform-style:preserve-3d}
.scene-halo{position:absolute;inset:2% -6% 3%;background:radial-gradient(ellipse at 57% 36%,#d4713233,transparent 62%);transform:translateZ(-140px);pointer-events:none}
.scene-halo:before,.scene-halo:after{content:'';position:absolute;inset:4% 9% 12%;border:1px solid #d2b7911e;border-radius:50%;transform:rotateZ(-24deg) rotateY(30deg)}
.scene-halo:after{inset:0 5% 8%;border-color:#d2b7910b}
.sculpture-canvas{inset:-3% -9%;width:118%;height:106%;filter:drop-shadow(6px 16px 17px #0004);z-index:2}
.scene-type{font-size:clamp(5.5rem,11.9vw,11rem);top:4%;opacity:.7;letter-spacing:-.065em;-webkit-text-stroke:1px #f5f1e723;transform:translateZ(-90px)}
.object-float{inset:3% 8% 14%;z-index:2;display:grid;container-type:size;place-items:center;transform:translate3d(0,0,0) rotateX(8deg) rotateY(-12deg) rotateZ(-5deg);transition:opacity .35s}
.emblem-fallback{width:94%;width:min(94cqw,100cqh);aspect-ratio:1;position:relative;overflow:hidden;border-radius:50%;border:2px solid #c3a479;box-shadow:4px 1px 0 #a78255,8px 3px 0 #705039,12px 5px 0 #291b14,16px 25px 40px #0009;background:#e7d1a5}
.emblem-fallback .hero-object{position:absolute;max-width:none;width:139.3%;height:139.3%;left:-19.1%;top:-14.76%;object-fit:fill;filter:none}
.scene-disc{top:14%;left:18%;width:75%;background:linear-gradient(140deg,#c74a38,#702019);transform:translateZ(-50px) rotateY(-27deg);opacity:.7}
.scene-disc:after{display:none}
.scene-plinth{position:absolute;left:12%;right:7%;height:13%;bottom:9%;border-radius:50%;background:radial-gradient(ellipse at 35% 22%,#53594b29,transparent 65%),linear-gradient(145deg,#3e443a,#272d25 53%,#1a2019);box-shadow:0 7px 0 #191e18,0 8px 0 #ac8856,0 11px 0 #161b15,0 24px 35px #0008;z-index:1;transform:rotateZ(-4deg)}
.depth-stage[data-renderer="webgl"] .object-float,.depth-stage[data-renderer="webgl"] .scene-plinth{opacity:0;pointer-events:none}
.opening-card{z-index:3;right:22px;bottom:0;width:194px;padding:15px 18px;background:linear-gradient(125deg,#eee4d0,#dfd3bc);color:#231c16;border:1px solid #f3e5c999;box-shadow:2px 3px 0 #c8b799,5px 7px 0 #4f3928,14px 22px 36px #0007}
.card-label{color:#76604e;font-size:.625rem;letter-spacing:.11em;max-width:none}
.card-date{gap:14px;margin-block:7px 8px}.card-date>strong{font-size:3.7rem;color:#a22e25}.card-date>span{color:#463b2f;font-size:.6875rem}
.card-place{border-color:#241c1626;color:#76604e;font-size:.625rem}
.hero-art figcaption{padding-inline:8px 0;margin-top:20px}.hero-art figcaption>span{font-size:.625rem;letter-spacing:.12em;color:#b9ad98}
.hero-bottom{margin-top:26px}
.about-inner{padding-block:64px 90px}
.about:after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;right:-420px;top:-180px;border:1px solid #a9967330;box-shadow:0 0 0 35px #c4ad8910,0 0 0 75px #c4ad8908;pointer-events:none;z-index:-1}
.brand-relief{width:265px;margin-top:52px;box-shadow:1px 2px #e3d7c4,3px 5px #ddd0bc,5px 8px #d2c1a7,8px 12px #bcb097,20px 30px 44px #76634b25,inset 0 2px 1px white}
.brand-relief:before{inset:9%;border:1px solid #bda48170;box-shadow:inset 0 0 0 9px #f0e7d2,inset 0 0 0 10px #c5b49670,inset 0 0 0 19px #f0e7d2,inset 0 0 0 20px #c5b49670,1px 1px 1px #fff}
.brand-relief:after{inset:32%;box-shadow:1px 3px #782820,2px 5px #6d2c24,7px 14px 17px #b12e2730,inset 0 1px #f18c69}
.about-audiences article,.category-item,.social-card{position:relative;isolation:isolate;overflow:hidden}
.about-audiences article:before,.category-item:before,.social-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,10%),#fff1,transparent 70%);z-index:-1;pointer-events:none;opacity:.55;transition:opacity .2s}
.about-audiences article:before{background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,10%),#fff9,transparent 70%)}
.retail-note{display:flex;gap:12px;font-size:.875rem;color:#666151;margin-top:25px;line-height:1.6;align-items:baseline}.retail-note>span{color:#ac3329}
.about-products-link{margin-top:20px}
.products-art-stage{transform-style:preserve-3d}
.products-art-stage:before{border-radius:45% 45% 2px 2px;box-shadow:7px 8px 0 #2a2b2240,8px 9px 0 #a58b5b33,14px 17px 0 #20251c,15px 18px 0 #d3bb8b18}
.category-item{grid-template-columns:30px 1fr;gap:16px;min-height:151px}
.category-item h3{font-weight:400;letter-spacing:-.035em}
.category-item:after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#d76649aa,transparent);opacity:0;transition:opacity .2s}
.opening-poster:after{content:'';position:absolute;right:0;bottom:0;width:40px;height:40px;background:linear-gradient(135deg,#f2ead9 48%,#cbbb9f 49%,#f9f1df 54%);box-shadow:-4px -4px 10px #7b624719;pointer-events:none}
.opening-poster{overflow:hidden}
.contact-location{border-color:#bb9a6444}
.social-card{border-color:#c5a16c40;background:linear-gradient(120deg,#3b33287d,#20221b88)}
@media(hover:hover) and (pointer:fine){
  .category-item:hover:after{opacity:1}
  .about-audiences article:hover:before,.category-item:hover:before,.social-card:hover:before{opacity:1}
}
@media(min-width:1500px){.hero{column-gap:45px}.depth-stage{height:665px}}
@media(max-width:1100px){.hero h1{font-size:clamp(3.1rem,6.25vw,4.6rem)}.depth-stage{height:480px}.hero-actions{gap:9px 20px}.opening-card{width:174px}.scene-type{top:11%}.brand-relief{width:220px}}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;padding-top:35px;gap:0}
  .hero h1{font-size:clamp(3.15rem,12vw,5.6rem);max-width:620px;line-height:1.02;margin-top:23px}
  .hero-description{font-size:1rem;max-width:500px;line-height:1.75;margin-top:22px}
  .hero-actions{gap:12px 19px;margin-top:25px}.hero-secondary{font-size:.8rem}.launch-note{margin-top:22px}
  .hero-art{margin-top:30px}.depth-stage{height:clamp(398px,calc(102vw + 48px),628px)}
  .sculpture-canvas{inset:-2% -8%;width:116%;height:calc(104% - 50px)}
  .scene-type{top:4%;font-size:24vw}.scene-halo{inset:0 -4% 0}.object-float{inset:6% 7% calc(21% + 48px)}
  .scene-plinth{bottom:12%}.opening-card{width:152px;bottom:0;right:14px;padding:13px 15px}.card-date>strong{font-size:3.2rem}
  .hero-art figcaption{gap:4px 9px;margin-top:15px;padding:0}.hero-art figcaption>span{max-width:175px;line-height:1.8;font-size:.6rem;letter-spacing:.07em}.motion-toggle{font-size:.7rem}
  .hero-bottom{margin-top:20px}.about-inner{padding-block:42px 55px}
  .brand-relief{width:160px;right:-60px;bottom:0;margin:0;opacity:.4}
  .about-audiences{gap:15px}.retail-note{font-size:.8125rem}
  .category-item{grid-template-columns:24px 1fr;gap:11px;min-height:137px;padding:24px 18px}
  .category-item h3{font-size:1.3rem}
  .opening-poster:after{width:32px;height:32px}
}
@media(max-width:370px){.hero h1{font-size:3rem}.hero .eyebrow{font-size:.63rem}.depth-stage{height:410px}.sculpture-canvas{height:calc(100% - 85px)}.object-float{inset:4% 7% calc(27% + 48px)}.opening-card{width:150px}.hero-actions{gap:6px}.hero-art figcaption>span{max-width:142px}.category-item{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.object-float{transform:rotateY(-10deg)!important}.sculpture-canvas{transition:none}.depth-stage .scene-halo{transform:none}}
body[data-motion="reduced"] .object-float,body[data-motion="paused"] .object-float{transform:rotateY(-10deg)!important}
.social-card-pending{cursor:default}
.social-card-pending:hover{border-color:#c5a16c40}
.site-footer{flex-wrap:wrap}
.footer-legal{margin:0 auto 0 0;padding-left:28px;color:#8f8a7e;font-size:.75rem;letter-spacing:.04em}
@media(max-width:760px){.footer-legal{order:3;width:100%;padding:14px 0 0;border-top:1px solid var(--line)}.brand-relief{opacity:.2}}