:root{--ink:#0b0b0b;--cream:#fbfaf6;--soft:#62625d}
body.public-detail{font-family:'Outfit',system-ui,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}
.public-detail :is(h1,h2,h3){font-family:'Outfit',system-ui,sans-serif}
.public-detail h2{font-weight:700;letter-spacing:-.03em;line-height:1.08}
.public-detail h3{font-weight:700;letter-spacing:-.015em}
.public-detail .btn{border-radius:999px;font-weight:600}
.public-detail .btn-y{background:var(--ink);color:#fff}
.public-detail .btn-y:hover{background:#000;box-shadow:0 14px 30px -14px #0008}
.public-detail .ph{background:radial-gradient(circle at 82% 8%,#ffe45c 0,#ffd60a55 22%,transparent 52%),var(--cream);color:var(--ink);border-bottom:0}
.public-detail .ph>.wrap{padding-top:18px}
.public-detail .ph nav{position:sticky;top:16px;z-index:50;padding:10px 12px 10px 18px;border-radius:999px;background:#ffffffd9;border:1px solid #ffffffb3;box-shadow:0 14px 40px -24px #0006,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);color:var(--ink)}
.public-detail .ph .logo{color:var(--ink);font-size:13px;letter-spacing:.02em}
.public-detail .ph .logo img{width:40px;height:40px}
.public-detail .ph .links{background:#0b0b0b0a!important;border:0!important;color:var(--ink)!important;padding:5px!important;gap:2px;-webkit-backdrop-filter:none;backdrop-filter:none}
.public-detail .ph .links a{padding:9px 16px;border-radius:999px;font-size:14px;opacity:.75}
.public-detail .ph .links a:hover{opacity:1}
.public-detail .ph .links a:after{display:none}
.public-detail .ph .links a.on{background:var(--ink);color:var(--y)!important;opacity:1}
.public-detail .ph nav>.btn{padding:11px 20px!important}
.public-detail .ph-c{padding:clamp(56px,8vw,110px) 0 clamp(56px,8vw,100px)}
.public-detail .ph h1{font-family:'Outfit',system-ui,sans-serif;font-weight:800;text-transform:none;letter-spacing:-.045em;line-height:.98;font-size:clamp(46px,7vw,96px);color:var(--ink)}
.public-detail .ph h1 em{color:var(--ink);background:linear-gradient(transparent 62%,#ffd60a 62%,#ffd60a 90%,transparent 90%);padding:0 .06em}
.public-detail .ph .sub{color:var(--soft);font-size:18px;line-height:1.6;max-width:620px}
.public-detail .crumb{color:var(--soft)}
.public-detail .crumb a{color:var(--ink);opacity:.6}
.public-detail .crumb a:hover{color:var(--ink);opacity:1}
.public-detail .atmosphere-section h2 em{color:var(--ink);background:linear-gradient(transparent 64%,#ffd60a99 64%,#ffd60a99 92%,transparent 92%);font-style:normal}
.public-detail .atmosphere-section .card,.public-detail .atmosphere-section .contact,.public-detail .atmosphere-section .next-a{border-radius:24px;background:#fff}
.public-detail .ambient-footer{font-family:'Outfit',system-ui,sans-serif}
@media(max-width:900px){
.public-detail .ph nav{top:10px;padding:8px 8px 8px 14px}
.public-detail .ph .links{background:#fffffff7!important;color:var(--ink)!important;border:1px solid #0b0b0b14!important;box-shadow:0 20px 40px -20px #0006}
.public-detail .ph .links a{opacity:1;padding:14px 16px}
.public-detail .ph .links a:hover{background:#0b0b0b0a}
.public-detail .mtog{border-color:#0b0b0b26;border-radius:999px;color:var(--ink)}
}
.public-detail .atmosphere-section .stat{background:#fff;border:1px solid #0b0b0b14;border-radius:24px;padding:28px;color:var(--ink);box-shadow:0 18px 40px -30px #0005}
.public-detail .atmosphere-section .stat p{color:var(--soft)!important}
.public-detail .atmosphere-section .stat span{color:#8a7100;font-weight:600}
.nav-m{display:none!important}@media(max-width:900px){.nav-m{display:block!important}}
