body[data-page=post]{font-family:var(--fb);background:var(--onyx);color:var(--ivory);overflow-x:hidden}body[data-page=post] a{color:var(--steel)}body[data-page=post] a:hover{color:var(--ivory)}body[data-page=post] img{object-fit:cover;width:100%;height:100%;display:block}body[data-page=post] .nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0beb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=post] .nav-logo svg{height:24px;display:block}body[data-page=post] .nav-actions{align-items:center;gap:26px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body[data-page=post] button.nav-back{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}body[data-page=post] .nav-back{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-size:12px;text-decoration:none;transition:color .2s}body[data-page=post] .nav-back:hover{color:var(--ivory)}body[data-page=post] .btn-primary{background:var(--red);color:var(--ivory);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;height:42px;padding:0 22px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}body[data-page=post] .breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);gap:10px;margin-bottom:22px;font-size:11px;display:flex}body[data-page=post] .breadcrumb a{text-decoration:none}body[data-page=post] footer{background:var(--carbon);border-top:1px solid var(--hairline)}body[data-page=post] .footer-top{padding:56px 96px 64px}body[data-page=post] .footer-cols{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}body[data-page=post] .footer-col-title{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--hairline);margin-bottom:16px;padding-bottom:12px;font-size:10px}body[data-page=post] .footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}body[data-page=post] .footer-links a{color:var(--steel);font-size:14px;text-decoration:none;transition:color .2s}body[data-page=post] .footer-links a:hover{color:var(--ivory)}body[data-page=post] .footer-links-static li{color:var(--steel);font-size:14px}body[data-page=post] .footer-bottom{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:24px 96px;display:flex}body[data-page=post] .footer-bottom-left{color:var(--steel);align-items:center;gap:32px;font-size:12px;display:flex}body[data-page=post] .footer-bottom-left a{text-decoration:none}body[data-page=post] .footer-social a{letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-decoration:none}@media (max-width:900px){body[data-page=post] .nav{padding:0 24px}body[data-page=post] .nav-actions{gap:18px;position:static;transform:none}body[data-page=post] .footer-top{padding:44px 24px 48px}body[data-page=post] .footer-cols{grid-template-columns:1fr 1fr}body[data-page=post] .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px}}body[data-page=post] .hero{padding:120px 96px 0}body[data-page=post] h1{font-family:var(--fd);letter-spacing:.005em;max-width:16ch;margin-bottom:18px;font-size:clamp(40px,5.2vw,80px);line-height:.96}body[data-page=post] .meta{font-family:var(--fm);color:var(--steel);align-items:center;gap:16px;margin-bottom:40px;font-size:11px;display:flex}body[data-page=post] .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);border:1px solid var(--hs);padding:4px 9px;font-size:10px}body[data-page=post] .cover{aspect-ratio:21/9;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overflow:hidden}body[data-page=post] article{max-width:720px;margin:0 auto;padding:64px 24px 80px}body[data-page=post] article p{color:var(--steel);text-wrap:pretty;margin-bottom:20px;font-size:16px;line-height:1.85}body[data-page=post] article h2{font-family:var(--fd);letter-spacing:.02em;margin:40px 0 14px;font-size:28px}body[data-page=post] article ul{gap:11px;margin:8px 0 24px;list-style:none;display:grid}body[data-page=post] article li{color:var(--steel);padding-left:20px;font-size:16px;line-height:1.7;position:relative}body[data-page=post] article li:before{content:"";background:var(--red);width:7px;height:1px;position:absolute;top:13px;left:0}body[data-page=post] .post-cta{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:720px;margin:0 auto 72px;padding:28px 24px;display:flex}body[data-page=post] .post-cta div{color:var(--steel);font-size:14px;line-height:1.6}body[data-page=post] .next{padding:0 96px 88px}body[data-page=post] .next-title{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:18px;font-size:10px}body[data-page=post] .next-grid{background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}body[data-page=post] .ncard{background:var(--onyx);color:inherit;flex-direction:column;gap:10px;padding:24px 26px;text-decoration:none;transition:background .25s;display:flex}body[data-page=post] .ncard:hover{color:inherit;background:#111114}body[data-page=post] .ncard-t{font-family:var(--fd);font-size:21px;line-height:1.08}body[data-page=post] .ncard-m{font-family:var(--fm);color:var(--steel);font-size:10px}body[data-page=post] .notfound{text-align:center;max-width:720px;margin:0 auto;padding:180px 24px}body[data-page=post] .notfound h2{font-family:var(--fd);margin-bottom:14px;font-size:36px}@media (max-width:900px){body[data-page=post] .hero{padding:100px 24px 0}body[data-page=post] .next{padding:0 24px 64px}body[data-page=post] .next-grid{grid-template-columns:1fr}}body[data-page=post] .nav{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:88px;padding:0 48px;transition:height .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=post] .nav.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0be0;height:64px}body[data-page=post] .nav-logo{align-items:center;display:flex}body[data-page=post] .nav-logo svg{width:auto;height:28px}body[data-page=post] .nav-links{align-items:center;gap:40px;list-style:none;display:flex}body[data-page=post] .nav-links a{font-family:var(--fb,"Inter",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=post] .nav-links a:hover{color:var(--ivory)}body[data-page=post] .nav-right{align-items:center;gap:24px;display:flex}body[data-page=post] .nav-guarantee{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=post] .nav-guarantee:hover{color:var(--ivory)}body[data-page=post] .nav-links a.active,body[data-page=post] .nav-guarantee.active,body[data-page=post] .nav-links a.active:hover,body[data-page=post] .nav-guarantee.active:hover{color:var(--red)}body[data-page=post] .nav-hamburger{display:none}body[data-page=post] .btn-primary{background:var(--red);color:var(--ivory);font-family:var(--fb,"Inter",sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:none;border:none;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}body[data-page=post] .btn-primary:hover{color:var(--ivory);background:#c8161c}@media (max-width:1180px){body[data-page=post] .nav{padding:0 24px}body[data-page=post] .nav-logo svg{height:24px}body[data-page=post] .nav-links{gap:22px}body[data-page=post] .nav-links a{white-space:nowrap;font-size:12px}body[data-page=post] .nav-guarantee{display:none}body[data-page=post] .btn-primary{white-space:nowrap;height:42px;padding:0 18px;font-size:12px}}@media (max-width:768px){body[data-page=post] .nav{padding:0 24px}body[data-page=post] .nav-links,body[data-page=post] .nav-guarantee{display:none}}body[data-page=post] .nav-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}body[data-page=post] .mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f7;flex-direction:column;justify-content:center;gap:6px;padding:88px 32px 32px;display:none;position:fixed;inset:0}body[data-page=post] .mobile-menu.open{display:flex}body[data-page=post] .mobile-menu a{font-family:var(--fd,"Bebas Neue",sans-serif);letter-spacing:.02em;color:var(--ivory);border-bottom:1px solid var(--hairline);padding:10px 0;font-size:34px;text-decoration:none}body[data-page=post] .mobile-menu a.active{color:var(--red)}@media (max-width:768px){body[data-page=post] .nav-hamburger{display:block}body[data-page=post] .nav-right{display:none}}
body[data-page=portfolio]{font-family:var(--fb);background:var(--onyx);color:var(--ivory);cursor:none;overflow-x:hidden}body[data-page=portfolio] .cursor-dot{background:var(--ivory);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;transition:background .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body[data-page=portfolio] .cursor-ring{pointer-events:none;z-index:9998;border:1px solid #f4f1ec66;border-radius:50%;width:32px;height:32px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body[data-page=portfolio] .cursor-ring.hot{border-color:var(--red);width:56px;height:56px}body[data-page=portfolio] .cursor-dot.hot{background:var(--red)}body[data-page=portfolio] .nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0beb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=portfolio] .nav-links a{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=portfolio] .nav-links a:hover,body[data-page=portfolio] .nav-links a.active{color:var(--ivory)}body[data-page=portfolio] .btn-primary:hover{background:#c8161c}body[data-page=portfolio] .page-header{border-bottom:1px solid var(--hairline);padding:128px 96px 32px}body[data-page=portfolio] .breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}body[data-page=portfolio] .breadcrumb a{color:var(--steel);text-decoration:none;transition:color .2s}body[data-page=portfolio] .breadcrumb a:hover{color:var(--ivory)}body[data-page=portfolio] .page-h1{font-family:var(--fd);letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(56px,7vw,110px);line-height:.93}body[data-page=portfolio] .page-h1 em{color:var(--red);font-style:italic}body[data-page=portfolio] .page-sub{color:var(--steel);font-size:16px;font-family:var(--fm)}body[data-page=portfolio] .gallery-section{padding:64px 96px 120px}body[data-page=portfolio] .gallery-grid{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}body[data-page=portfolio] .g-card{background:var(--graphite);cursor:none;position:relative;overflow:hidden}body[data-page=portfolio] .g-card:first-child{grid-column:span 8}body[data-page=portfolio] .g-card:nth-child(2),body[data-page=portfolio] .g-card:nth-child(3){aspect-ratio:4/5;grid-column:span 4}body[data-page=portfolio] .g-card:nth-child(4){grid-column:span 8}body[data-page=portfolio] .g-card:nth-child(5),body[data-page=portfolio] .g-card:nth-child(6),body[data-page=portfolio] .g-card:nth-child(7){aspect-ratio:3/4;grid-column:span 4}body[data-page=portfolio] .g-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}body[data-page=portfolio] .g-card:hover img{transform:scale(1.05)}body[data-page=portfolio] .g-card:after{content:"";opacity:0;background:linear-gradient(#0000 45%,#000000d1 100%);transition:opacity .35s;position:absolute;inset:0}body[data-page=portfolio] .g-card:hover:after{opacity:1}body[data-page=portfolio] .g-card-caption{z-index:2;opacity:0;padding:24px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}body[data-page=portfolio] .g-card:hover .g-card-caption{opacity:1;transform:translateY(0)}body[data-page=portfolio] .g-card-project{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:8px;font-size:10px}body[data-page=portfolio] .g-card-title{font-family:var(--fd);letter-spacing:.02em;margin-bottom:4px;font-size:22px}body[data-page=portfolio] .g-card-service{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:11px}body[data-page=portfolio] .g-card-arrow{background:var(--red);opacity:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;top:20px;right:20px}body[data-page=portfolio] .g-card:hover .g-card-arrow{opacity:1}body[data-page=portfolio] .featured-section{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:64px 0 0}body[data-page=portfolio] .featured-inner{height:60vh;position:relative;overflow:hidden}body[data-page=portfolio] .featured-inner img{object-fit:cover;filter:brightness(.7);width:100%;height:100%}body[data-page=portfolio] .featured-overlay{flex-direction:column;justify-content:flex-end;padding:64px 96px;display:flex;position:absolute;inset:0}body[data-page=portfolio] .featured-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:16px;font-size:10px}body[data-page=portfolio] .featured-title{font-family:var(--fd);margin-bottom:24px;font-size:clamp(40px,5vw,72px);font-style:italic;line-height:.95}body[data-page=portfolio] .featured-stats{gap:48px;display:flex}body[data-page=portfolio] .fstat{flex-direction:column;gap:4px;display:flex}body[data-page=portfolio] .fstat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-size:10px}body[data-page=portfolio] .fstat-value{font-family:var(--fm);font-size:16px}body[data-page=portfolio] .load-more{text-align:center;padding:64px 0}body[data-page=portfolio] .btn-outline{border:1px solid var(--hairline);color:var(--steel);font-family:var(--fb);letter-spacing:.1em;text-transform:uppercase;cursor:none;background:0 0;height:48px;padding:0 32px;font-size:12px;font-weight:600;transition:all .2s}body[data-page=portfolio] .btn-outline:hover{border-color:var(--ivory);color:var(--ivory)}body[data-page=portfolio] .ig-section{border-top:1px solid var(--hairline);background:var(--carbon);padding:80px 96px}body[data-page=portfolio] .ig-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);align-items:center;gap:12px;margin-bottom:32px;font-size:10px;display:flex}body[data-page=portfolio] .ig-eyebrow:before{content:"";background:var(--steel);width:20px;height:1px}body[data-page=portfolio] .ig-strip{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}body[data-page=portfolio] .ig-item{aspect-ratio:1;background:var(--graphite);cursor:none;position:relative;overflow:hidden}body[data-page=portfolio] .ig-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}body[data-page=portfolio] .ig-item:hover img{transform:scale(1.06)}body[data-page=portfolio] .ig-item:after{content:"";opacity:0;background:#00000073;transition:opacity .3s;position:absolute;inset:0}body[data-page=portfolio] .ig-item:hover:after{opacity:1}body[data-page=portfolio] .ig-handle{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);cursor:none;margin-top:24px;font-size:12px;transition:color .2s}body[data-page=portfolio] .ig-handle:hover{color:var(--ivory)}body[data-page=portfolio] footer{background:var(--carbon);border-top:1px solid var(--hairline)}body[data-page=portfolio] .footer-top{border-bottom:1px solid var(--hairline);padding:80px 96px 56px}body[data-page=portfolio] .footer-lead{font-family:var(--fd);margin-bottom:48px;font-size:clamp(36px,4vw,64px);line-height:.95}body[data-page=portfolio] .footer-lead .red{color:var(--red)}body[data-page=portfolio] .footer-cols{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}body[data-page=portfolio] .footer-col-title{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--hairline);margin-bottom:16px;padding-bottom:10px;font-size:10px}body[data-page=portfolio] .footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}body[data-page=portfolio] .footer-links a{color:var(--steel);font-size:13px;text-decoration:none;transition:color .2s}body[data-page=portfolio] .footer-links a:hover{color:var(--ivory)}body[data-page=portfolio] .footer-links-static li{color:var(--steel);font-size:13px}body[data-page=portfolio] .footer-bottom{justify-content:space-between;align-items:center;padding:20px 96px;display:flex}body[data-page=portfolio] .footer-copy{color:var(--steel);font-size:11px}body[data-page=portfolio] .reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.1,1),transform .6s cubic-bezier(.2,.7,.1,1);transform:translateY(20px)}body[data-page=portfolio] .reveal.visible{opacity:1;transform:translateY(0)}body[data-page=portfolio] .lightbox{z-index:1000;background:#000000f2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body[data-page=portfolio] .lightbox.open{display:flex}body[data-page=portfolio] .lightbox img{object-fit:contain;max-width:92vw;max-height:90vh}body[data-page=portfolio] .lb-close{color:var(--steel);cursor:none;font-size:28px;transition:color .2s;position:absolute;top:24px;right:32px}body[data-page=portfolio] .lb-close:hover{color:var(--ivory)}body[data-page=portfolio] .lb-prev,body[data-page=portfolio] .lb-next{color:var(--steel);cursor:none;padding:16px;font-size:24px;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}body[data-page=portfolio] .lb-prev{left:24px}body[data-page=portfolio] .lb-next{right:24px}body[data-page=portfolio] .lb-prev:hover,body[data-page=portfolio] .lb-next:hover{color:var(--ivory)}@media (max-width:900px){body[data-page=portfolio] .gallery-grid{gap:2px}body[data-page=portfolio] .g-card:first-child{grid-column:span 12}body[data-page=portfolio] .g-card:nth-child(2),body[data-page=portfolio] .g-card:nth-child(3){grid-column:span 6}body[data-page=portfolio] .g-card:nth-child(4){grid-column:span 12}body[data-page=portfolio] .g-card:nth-child(5),body[data-page=portfolio] .g-card:nth-child(6),body[data-page=portfolio] .g-card:nth-child(7){grid-column:span 4}body[data-page=portfolio] .gallery-section,body[data-page=portfolio] .ig-section{padding-left:24px;padding-right:24px}body[data-page=portfolio] .page-header{padding:96px 24px 28px}body[data-page=portfolio] .ig-strip{grid-template-columns:repeat(3,1fr)}body[data-page=portfolio] .footer-cols{grid-template-columns:repeat(2,1fr)}body[data-page=portfolio] .footer-top,body[data-page=portfolio] .footer-bottom{padding:56px 24px}}body[data-page=portfolio] .nav{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:88px;padding:0 48px;transition:height .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=portfolio] .nav.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0be0;height:64px}body[data-page=portfolio] .nav-logo{align-items:center;display:flex}body[data-page=portfolio] .nav-logo svg{width:auto;height:28px}body[data-page=portfolio] .nav-links{align-items:center;gap:40px;list-style:none;display:flex}body[data-page=portfolio] .nav-links a{font-family:var(--fb,"Inter",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=portfolio] .nav-links a:hover{color:var(--ivory)}body[data-page=portfolio] .nav-right{align-items:center;gap:24px;display:flex}body[data-page=portfolio] .nav-guarantee{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=portfolio] .nav-guarantee:hover{color:var(--ivory)}body[data-page=portfolio] .nav-links a.active,body[data-page=portfolio] .nav-guarantee.active,body[data-page=portfolio] .nav-links a.active:hover,body[data-page=portfolio] .nav-guarantee.active:hover{color:var(--red)}body[data-page=portfolio] .nav-hamburger{display:none}body[data-page=portfolio] .btn-primary{background:var(--red);color:var(--ivory);font-family:var(--fb,"Inter",sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:none;border:none;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}body[data-page=portfolio] .btn-primary:hover{color:var(--ivory);background:#c8161c}@media (max-width:1180px){body[data-page=portfolio] .nav{padding:0 24px}body[data-page=portfolio] .nav-logo svg{height:24px}body[data-page=portfolio] .nav-links{gap:22px}body[data-page=portfolio] .nav-links a{white-space:nowrap;font-size:12px}body[data-page=portfolio] .nav-guarantee{display:none}body[data-page=portfolio] .btn-primary{white-space:nowrap;height:42px;padding:0 18px;font-size:12px}}@media (max-width:768px){body[data-page=portfolio] .nav{padding:0 24px}body[data-page=portfolio] .nav-links,body[data-page=portfolio] .nav-guarantee{display:none}}body[data-page=portfolio] .nav-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}body[data-page=portfolio] .mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f7;flex-direction:column;justify-content:center;gap:6px;padding:88px 32px 32px;display:none;position:fixed;inset:0}body[data-page=portfolio] .mobile-menu.open{display:flex}body[data-page=portfolio] .mobile-menu a{font-family:var(--fd,"Bebas Neue",sans-serif);letter-spacing:.02em;color:var(--ivory);border-bottom:1px solid var(--hairline);padding:10px 0;font-size:34px;text-decoration:none}body[data-page=portfolio] .mobile-menu a.active{color:var(--red)}@media (max-width:768px){body[data-page=portfolio] .nav-hamburger{display:block}body[data-page=portfolio] .nav-right{display:none}}
body[data-page=about]{font-family:var(--fb);background:var(--onyx);color:var(--ivory);overflow-x:hidden}body[data-page=about] a{color:var(--steel)}body[data-page=about] a:hover{color:var(--ivory)}body[data-page=about] .nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0beb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=about] .nav-logo svg{height:24px;display:block}body[data-page=about] .nav-actions{align-items:center;gap:26px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body[data-page=about] button.nav-back{cursor:none;background:0 0;border:none;font-family:inherit}body[data-page=about] .nav-back{letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-decoration:none;transition:color .2s}body[data-page=about] .hero{border-bottom:1px solid var(--hairline);padding:180px 96px 96px}body[data-page=about] .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}body[data-page=about] .eyebrow:before{content:"";background:var(--steel);width:22px;height:1px}body[data-page=about] h1{font-family:var(--fd);letter-spacing:-.01em;margin-bottom:28px;font-size:clamp(52px,7vw,104px);line-height:.93}body[data-page=about] h1 .red{color:var(--red)}body[data-page=about] .lead{color:var(--steel);text-wrap:pretty;max-width:640px;font-size:17px;line-height:1.7}body[data-page=about] .body-section{border-bottom:1px solid var(--hairline);grid-template-columns:280px 1fr;gap:64px;padding:88px 96px;display:grid}body[data-page=about] .body-label{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-size:11px}body[data-page=about] .body-text{color:var(--steel);text-wrap:pretty;flex-direction:column;gap:20px;max-width:680px;font-size:16px;line-height:1.75;display:flex}body[data-page=about] .body-text strong{color:var(--ivory);font-weight:500}body[data-page=about] .facts{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:0;padding:64px 96px;display:grid}body[data-page=about] .fact{border-right:1px solid var(--hairline);padding-right:56px}body[data-page=about] .fact:last-child{border-right:none}body[data-page=about] .fact-v{font-family:var(--fd);font-size:56px;line-height:1}body[data-page=about] .fact-l{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-top:10px;font-size:11px}body[data-page=about] .cta{flex-wrap:wrap;align-items:center;gap:16px;padding:88px 96px;display:flex}body[data-page=about] .btn-primary{background:var(--red);color:var(--ivory);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}body[data-page=about] .btn-secondary{border:1px solid var(--ivory);color:var(--ivory);letter-spacing:.1em;text-transform:uppercase;align-items:center;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .24s,color .24s;display:inline-flex}body[data-page=about] .btn-secondary:hover{background:var(--ivory);color:var(--onyx)}@media (max-width:900px){body[data-page=about] .nav{padding:0 24px}body[data-page=about] .hero{padding:130px 24px 64px}body[data-page=about] .body-section{grid-template-columns:1fr;gap:24px;padding:56px 24px}body[data-page=about] .facts{grid-template-columns:1fr;gap:32px;padding:48px 24px}body[data-page=about] .fact{border-right:none;padding-right:0}body[data-page=about] .cta{padding:56px 24px}}body[data-page=about] .nav{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:88px;padding:0 48px;transition:height .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=about] .nav.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0be0;height:64px}body[data-page=about] .nav-logo{align-items:center;display:flex}body[data-page=about] .nav-logo svg{width:auto;height:28px}body[data-page=about] .nav-links{align-items:center;gap:40px;list-style:none;display:flex}body[data-page=about] .nav-links a{font-family:var(--fb,"Inter",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=about] .nav-links a:hover{color:var(--ivory)}body[data-page=about] .nav-right{align-items:center;gap:24px;display:flex}body[data-page=about] .nav-guarantee{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=about] .nav-guarantee:hover{color:var(--ivory)}body[data-page=about] .nav-links a.active,body[data-page=about] .nav-guarantee.active,body[data-page=about] .nav-links a.active:hover,body[data-page=about] .nav-guarantee.active:hover{color:var(--red)}body[data-page=about] .nav-hamburger{display:none}body[data-page=about] .btn-primary{background:var(--red);color:var(--ivory);font-family:var(--fb,"Inter",sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:none;border:none;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}body[data-page=about] .btn-primary:hover{color:var(--ivory);background:#c8161c}@media (max-width:1180px){body[data-page=about] .nav{padding:0 24px}body[data-page=about] .nav-logo svg{height:24px}body[data-page=about] .nav-links{gap:22px}body[data-page=about] .nav-links a{white-space:nowrap;font-size:12px}body[data-page=about] .nav-guarantee{display:none}body[data-page=about] .btn-primary{white-space:nowrap;height:42px;padding:0 18px;font-size:12px}}@media (max-width:768px){body[data-page=about] .nav{padding:0 24px}body[data-page=about] .nav-links,body[data-page=about] .nav-guarantee{display:none}}body[data-page=about] .nav-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}body[data-page=about] .mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f7;flex-direction:column;justify-content:center;gap:6px;padding:88px 32px 32px;display:none;position:fixed;inset:0}body[data-page=about] .mobile-menu.open{display:flex}body[data-page=about] .mobile-menu a{font-family:var(--fd,"Bebas Neue",sans-serif);letter-spacing:.02em;color:var(--ivory);border-bottom:1px solid var(--hairline);padding:10px 0;font-size:34px;text-decoration:none}body[data-page=about] .mobile-menu a.active{color:var(--red)}@media (max-width:768px){body[data-page=about] .nav-hamburger{display:block}body[data-page=about] .nav-right{display:none}}
body[data-page=kvkk]{font-family:var(--fb);background:var(--onyx);color:var(--ivory);min-height:100vh}body[data-page=kvkk] a{color:var(--steel)}body[data-page=kvkk] a:hover{color:var(--ivory)}body[data-page=kvkk] .nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0beb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=kvkk] .nav-logo svg{height:24px;display:block}body[data-page=kvkk] .nav-actions{align-items:center;gap:26px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body[data-page=kvkk] button.nav-back{cursor:pointer;background:0 0;border:none;font-family:inherit}body[data-page=kvkk] .nav-back{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-size:12px;text-decoration:none;transition:color .2s}body[data-page=kvkk] .nav-back:hover{color:var(--ivory)}body[data-page=kvkk] .wrap{max-width:760px;margin:0 auto;padding:150px 24px 96px}body[data-page=kvkk] .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);align-items:center;gap:10px;margin-bottom:22px;font-size:11px;display:flex}body[data-page=kvkk] .kicker:before{content:"";background:var(--steel);width:22px;height:1px}body[data-page=kvkk] h1{font-family:var(--fd);margin-bottom:16px;font-size:clamp(46px,6vw,84px);line-height:.94}body[data-page=kvkk] h1 .red{color:var(--red)}body[data-page=kvkk] .updated{font-family:var(--fm);color:var(--steel);margin-bottom:52px;font-size:11px}body[data-page=kvkk] h2{font-family:var(--fd);letter-spacing:.03em;margin:44px 0 14px;font-size:24px}body[data-page=kvkk] p{color:var(--steel);text-wrap:pretty;margin-bottom:14px;font-size:15px;line-height:1.8}body[data-page=kvkk] ul{gap:10px;margin:6px 0 18px;list-style:none;display:grid}body[data-page=kvkk] li{color:var(--steel);padding-left:18px;font-size:15px;line-height:1.7;position:relative}body[data-page=kvkk] li:before{content:"";background:var(--red);width:6px;height:1px;position:absolute;top:12px;left:0}body[data-page=kvkk] .sec{border-top:1px solid var(--hairline);padding-top:6px}body[data-page=kvkk] .foot{border-top:1px solid var(--hairline);color:var(--steel);margin-top:64px;padding-top:26px;font-size:12px;line-height:1.8}body[data-page=kvkk] .foot b{color:var(--ivory);font-weight:500}@media (max-width:700px){body[data-page=kvkk] .nav{padding:0 24px}body[data-page=kvkk] .nav-actions{position:static;transform:none}body[data-page=kvkk] .wrap{padding:120px 20px 64px}}body[data-page=kvkk] .nav{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:88px;padding:0 48px;transition:height .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=kvkk] .nav.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0be0;height:64px}body[data-page=kvkk] .nav-logo{align-items:center;display:flex}body[data-page=kvkk] .nav-logo svg{width:auto;height:28px}body[data-page=kvkk] .nav-links{align-items:center;gap:40px;list-style:none;display:flex}body[data-page=kvkk] .nav-links a{font-family:var(--fb,"Inter",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=kvkk] .nav-links a:hover{color:var(--ivory)}body[data-page=kvkk] .nav-right{align-items:center;gap:24px;display:flex}body[data-page=kvkk] .nav-guarantee{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=kvkk] .nav-guarantee:hover{color:var(--ivory)}body[data-page=kvkk] .nav-links a.active,body[data-page=kvkk] .nav-guarantee.active,body[data-page=kvkk] .nav-links a.active:hover,body[data-page=kvkk] .nav-guarantee.active:hover{color:var(--red)}body[data-page=kvkk] .nav-hamburger{display:none}body[data-page=kvkk] .btn-primary{background:var(--red);color:var(--ivory);font-family:var(--fb,"Inter",sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:none;border:none;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}body[data-page=kvkk] .btn-primary:hover{color:var(--ivory);background:#c8161c}@media (max-width:1180px){body[data-page=kvkk] .nav{padding:0 24px}body[data-page=kvkk] .nav-logo svg{height:24px}body[data-page=kvkk] .nav-links{gap:22px}body[data-page=kvkk] .nav-links a{white-space:nowrap;font-size:12px}body[data-page=kvkk] .nav-guarantee{display:none}body[data-page=kvkk] .btn-primary{white-space:nowrap;height:42px;padding:0 18px;font-size:12px}}@media (max-width:768px){body[data-page=kvkk] .nav{padding:0 24px}body[data-page=kvkk] .nav-links,body[data-page=kvkk] .nav-guarantee{display:none}}body[data-page=kvkk] .nav-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}body[data-page=kvkk] .mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f7;flex-direction:column;justify-content:center;gap:6px;padding:88px 32px 32px;display:none;position:fixed;inset:0}body[data-page=kvkk] .mobile-menu.open{display:flex}body[data-page=kvkk] .mobile-menu a{font-family:var(--fd,"Bebas Neue",sans-serif);letter-spacing:.02em;color:var(--ivory);border-bottom:1px solid var(--hairline);padding:10px 0;font-size:34px;text-decoration:none}body[data-page=kvkk] .mobile-menu a.active{color:var(--red)}@media (max-width:768px){body[data-page=kvkk] .nav-hamburger{display:block}body[data-page=kvkk] .nav-right{display:none}}
body[data-page=gizlilik]{font-family:var(--fb);background:var(--onyx);color:var(--ivory);min-height:100vh}body[data-page=gizlilik] a{color:var(--steel)}body[data-page=gizlilik] a:hover{color:var(--ivory)}body[data-page=gizlilik] .nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0beb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=gizlilik] .nav-logo svg{height:24px;display:block}body[data-page=gizlilik] .nav-actions{align-items:center;gap:26px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body[data-page=gizlilik] button.nav-back{cursor:pointer;background:0 0;border:none;font-family:inherit}body[data-page=gizlilik] .nav-back{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-size:12px;text-decoration:none;transition:color .2s}body[data-page=gizlilik] .nav-back:hover{color:var(--ivory)}body[data-page=gizlilik] .wrap{max-width:760px;margin:0 auto;padding:150px 24px 96px}body[data-page=gizlilik] .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);align-items:center;gap:10px;margin-bottom:22px;font-size:11px;display:flex}body[data-page=gizlilik] .kicker:before{content:"";background:var(--steel);width:22px;height:1px}body[data-page=gizlilik] h1{font-family:var(--fd);margin-bottom:16px;font-size:clamp(46px,6vw,84px);line-height:.94}body[data-page=gizlilik] h1 .red{color:var(--red)}body[data-page=gizlilik] .updated{font-family:var(--fm);color:var(--steel);margin-bottom:52px;font-size:11px}body[data-page=gizlilik] h2{font-family:var(--fd);letter-spacing:.03em;margin:44px 0 14px;font-size:24px}body[data-page=gizlilik] p{color:var(--steel);text-wrap:pretty;margin-bottom:14px;font-size:15px;line-height:1.8}body[data-page=gizlilik] ul{gap:10px;margin:6px 0 18px;list-style:none;display:grid}body[data-page=gizlilik] li{color:var(--steel);padding-left:18px;font-size:15px;line-height:1.7;position:relative}body[data-page=gizlilik] li:before{content:"";background:var(--red);width:6px;height:1px;position:absolute;top:12px;left:0}body[data-page=gizlilik] .sec{border-top:1px solid var(--hairline);padding-top:6px}body[data-page=gizlilik] .foot{border-top:1px solid var(--hairline);color:var(--steel);margin-top:64px;padding-top:26px;font-size:12px;line-height:1.8}body[data-page=gizlilik] .foot b{color:var(--ivory);font-weight:500}@media (max-width:700px){body[data-page=gizlilik] .nav{padding:0 24px}body[data-page=gizlilik] .nav-actions{position:static;transform:none}body[data-page=gizlilik] .wrap{padding:120px 20px 64px}}body[data-page=gizlilik] .nav{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:88px;padding:0 48px;transition:height .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}body[data-page=gizlilik] .nav.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--hairline);background:#0a0a0be0;height:64px}body[data-page=gizlilik] .nav-logo{align-items:center;display:flex}body[data-page=gizlilik] .nav-logo svg{width:auto;height:28px}body[data-page=gizlilik] .nav-links{align-items:center;gap:40px;list-style:none;display:flex}body[data-page=gizlilik] .nav-links a{font-family:var(--fb,"Inter",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=gizlilik] .nav-links a:hover{color:var(--ivory)}body[data-page=gizlilik] .nav-right{align-items:center;gap:24px;display:flex}body[data-page=gizlilik] .nav-guarantee{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body[data-page=gizlilik] .nav-guarantee:hover{color:var(--ivory)}body[data-page=gizlilik] .nav-links a.active,body[data-page=gizlilik] .nav-guarantee.active,body[data-page=gizlilik] .nav-links a.active:hover,body[data-page=gizlilik] .nav-guarantee.active:hover{color:var(--red)}body[data-page=gizlilik] .nav-hamburger{display:none}body[data-page=gizlilik] .btn-primary{background:var(--red);color:var(--ivory);font-family:var(--fb,"Inter",sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:none;border:none;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}body[data-page=gizlilik] .btn-primary:hover{color:var(--ivory);background:#c8161c}@media (max-width:1180px){body[data-page=gizlilik] .nav{padding:0 24px}body[data-page=gizlilik] .nav-logo svg{height:24px}body[data-page=gizlilik] .nav-links{gap:22px}body[data-page=gizlilik] .nav-links a{white-space:nowrap;font-size:12px}body[data-page=gizlilik] .nav-guarantee{display:none}body[data-page=gizlilik] .btn-primary{white-space:nowrap;height:42px;padding:0 18px;font-size:12px}}@media (max-width:768px){body[data-page=gizlilik] .nav{padding:0 24px}body[data-page=gizlilik] .nav-links,body[data-page=gizlilik] .nav-guarantee{display:none}}body[data-page=gizlilik] .nav-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}body[data-page=gizlilik] .mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f7;flex-direction:column;justify-content:center;gap:6px;padding:88px 32px 32px;display:none;position:fixed;inset:0}body[data-page=gizlilik] .mobile-menu.open{display:flex}body[data-page=gizlilik] .mobile-menu a{font-family:var(--fd,"Bebas Neue",sans-serif);letter-spacing:.02em;color:var(--ivory);border-bottom:1px solid var(--hairline);padding:10px 0;font-size:34px;text-decoration:none}body[data-page=gizlilik] .mobile-menu a.active{color:var(--red)}@media (max-width:768px){body[data-page=gizlilik] .nav-hamburger{display:block}body[data-page=gizlilik] .nav-right{display:none}}
body[data-page=panel]{height:100%;font-family:var(--fb);background:var(--onyx);color:var(--ivory);overflow:hidden}body[data-page=panel] a{color:var(--steel)}body[data-page=panel] a:hover{color:var(--ivory)}body[data-page=panel] .app{grid-template-columns:236px 1fr;height:100vh;display:grid}body[data-page=panel] .side{border-right:1px solid var(--hairline);background:var(--carbon);flex-direction:column;min-height:0;display:flex}body[data-page=panel] .side-top{border-bottom:1px solid var(--hairline);padding:22px 22px 18px}body[data-page=panel] .side-logo{font-family:var(--fd);letter-spacing:.04em;font-size:22px;line-height:1}body[data-page=panel] .side-logo span{color:var(--red)}body[data-page=panel] .side-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-top:6px;font-size:10px}body[data-page=panel] .side-nav{flex:1;padding:12px 0;overflow-y:auto}body[data-page=panel] .snav{width:100%;font-family:var(--fb);color:var(--steel);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 22px;font-size:13px;transition:all .18s;display:flex}body[data-page=panel] .snav:hover{color:var(--ivory);background:#ffffff05}body[data-page=panel] .snav.active{color:var(--ivory);background:var(--graphite);border-left-color:var(--red)}body[data-page=panel] .snav b{font-family:var(--fm);color:var(--steel);min-width:16px;font-size:10px;font-weight:400}body[data-page=panel] .side-foot{border-top:1px solid var(--hairline);flex-direction:column;gap:10px;padding:16px 22px;display:flex}body[data-page=panel] .side-foot a{letter-spacing:.08em;text-transform:uppercase;font-size:11px;text-decoration:none}body[data-page=panel] .main{flex-direction:column;min-width:0;min-height:0;display:flex}body[data-page=panel] .topbar{border-bottom:1px solid var(--hairline);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 28px;display:flex}body[data-page=panel] .page-title{font-family:var(--fd);letter-spacing:.03em;font-size:24px}body[data-page=panel] .top-actions{align-items:center;gap:10px;display:flex}body[data-page=panel] .btn{font-family:var(--fb);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--hs);height:38px;color:var(--ivory);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 18px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}body[data-page=panel] .btn:hover{background:var(--ivory);color:var(--onyx)}body[data-page=panel] .btn-red{background:var(--red);border-color:var(--red)}body[data-page=panel] .btn-red:hover{color:var(--ivory);background:#c8161c;border-color:#c8161c}body[data-page=panel] .btn-ghost{border-color:var(--hairline);color:var(--steel)}body[data-page=panel] .btn-ghost:hover{border-color:var(--ivory);color:var(--ivory);background:0 0}body[data-page=panel] .view{flex:1;padding:26px 28px 40px;display:none;overflow-y:auto}body[data-page=panel] .view.active{display:block}body[data-page=panel] .stats{background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:26px;display:grid}body[data-page=panel] .stat{background:var(--carbon);padding:20px 22px}body[data-page=panel] .stat-l{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:10px;font-size:10px}body[data-page=panel] .stat-v{font-family:var(--fd);font-size:34px;line-height:1}body[data-page=panel] .stat-v.red{color:var(--red)}body[data-page=panel] .panel{border:1px solid var(--hairline);background:var(--carbon);margin-bottom:22px}body[data-page=panel] .panel-h{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 22px;display:flex}body[data-page=panel] .panel-t{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-size:11px}body[data-page=panel] .panel-b{padding:20px 22px}body[data-page=panel] table{border-collapse:collapse;width:100%}body[data-page=panel] th{letter-spacing:.12em;text-transform:uppercase;color:var(--steel);text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:12px 22px;font-size:10px;font-weight:500}body[data-page=panel] td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:14px 22px;font-size:13px}body[data-page=panel] tr:last-child td{border-bottom:none}body[data-page=panel] tbody tr{cursor:pointer;transition:background .15s}body[data-page=panel] tbody tr:hover{background:#ffffff05}body[data-page=panel] .mono{font-family:var(--fm);font-size:12px}body[data-page=panel] .muted{color:var(--steel)}body[data-page=panel] .pill{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--hs);color:var(--steel);white-space:nowrap;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:inline-flex}body[data-page=panel] .pill.ok{color:#4caf50;border-color:#4caf5073}body[data-page=panel] .pill.wait{color:#e0a53a;border-color:#e0a53a73}body[data-page=panel] .pill.no{color:var(--red);border-color:#e3212873}body[data-page=panel] .empty{text-align:center;color:var(--steel);padding:44px 22px;font-size:13px}body[data-page=panel] .f-row{grid-template-columns:repeat(4,1fr);gap:16px 20px;display:grid}body[data-page=panel] .f-row.two{grid-template-columns:repeat(2,1fr)}body[data-page=panel] .f-row.three{grid-template-columns:repeat(3,1fr)}body[data-page=panel] .field{flex-direction:column;gap:6px;min-width:0;display:flex}body[data-page=panel] .field label{letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-size:10px}body[data-page=panel] .field input,body[data-page=panel] .field textarea,body[data-page=panel] .field select{background:var(--onyx);border:1px solid var(--hairline);font-family:var(--fb);color:var(--ivory);outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s}body[data-page=panel] .field input:focus,body[data-page=panel] .field textarea:focus,body[data-page=panel] .field select:focus{border-color:var(--red)}body[data-page=panel] .field textarea{resize:vertical;min-height:88px;line-height:1.6}body[data-page=panel] .field .hint{color:var(--steel);font-size:10px}body[data-page=panel] .sub-h{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--hairline);margin:26px 0 12px;padding-bottom:8px;font-size:10px}body[data-page=panel] .sub-h:first-child{margin-top:0}body[data-page=panel] .preview{border:1px solid var(--hairline);background:var(--onyx);grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px;padding:18px 20px;display:grid}body[data-page=panel] .pv-l{letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:6px;font-size:10px}body[data-page=panel] .pv-v{font-family:var(--fm);font-size:14px}body[data-page=panel] .pv-v.red{color:var(--red)}body[data-page=panel] .drawer{background:var(--carbon);border-left:1px solid var(--hs);z-index:60;flex-direction:column;width:min(560px,100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}body[data-page=panel] .drawer.open{transform:none}body[data-page=panel] .drawer-h{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}body[data-page=panel] .drawer-t{font-family:var(--fd);font-size:26px;line-height:1.05}body[data-page=panel] .drawer-b{flex:1;padding:20px 24px;overflow-y:auto}body[data-page=panel] .drawer-f{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:10px;padding:16px 24px;display:flex}body[data-page=panel] .x{color:var(--steel);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}body[data-page=panel] .x:hover{color:var(--ivory)}body[data-page=panel] .dl{grid-template-columns:130px 1fr;gap:10px 16px;display:grid}body[data-page=panel] .dl dt{letter-spacing:.06em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--hairline);padding:8px 0;font-size:11px}body[data-page=panel] .dl dd{border-bottom:1px solid var(--hairline);word-break:break-word;padding:8px 0;font-size:13px}body[data-page=panel] .scrim{opacity:0;pointer-events:none;z-index:55;background:#0009;transition:opacity .28s;position:fixed;inset:0}body[data-page=panel] .scrim.show{opacity:1;pointer-events:auto}body[data-page=panel] .post-list{flex-direction:column;display:flex}body[data-page=panel] .post-row{border-bottom:1px solid var(--hairline);grid-template-columns:78px 1fr auto;align-items:center;gap:16px;padding:14px 22px;display:grid}body[data-page=panel] .post-row:last-child{border-bottom:none}body[data-page=panel] .thumb{object-fit:cover;background:var(--graphite);width:78px;height:52px;display:block}body[data-page=panel] .post-t{margin-bottom:4px;font-size:14px;font-weight:500}body[data-page=panel] .post-m{font-family:var(--fm);color:var(--steel);font-size:11px}body[data-page=panel] .row-actions{gap:8px;display:flex}body[data-page=panel] .mini{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--hairline);height:32px;color:var(--steel);cursor:pointer;background:0 0;padding:0 12px;font-size:10px;transition:all .2s}body[data-page=panel] .mini:hover{border-color:var(--ivory);color:var(--ivory)}body[data-page=panel] .mini.danger:hover{border-color:var(--red);color:var(--red)}body[data-page=panel] .gal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}body[data-page=panel] #areaGrid{border:1px solid var(--hairline);overflow-x:auto}body[data-page=panel] #areaGrid table{min-width:560px}body[data-page=panel] #areaGrid th,body[data-page=panel] #areaGrid td{padding:9px 10px}body[data-page=panel] #areaGrid th:first-child,body[data-page=panel] #areaGrid td:first-child{white-space:nowrap;padding-left:14px}body[data-page=panel] #areaGrid input{width:64px}body[data-page=panel] .gal-item{border:1px solid var(--hairline);background:var(--onyx)}body[data-page=panel] .gal-img{aspect-ratio:3/2;background:var(--graphite);overflow:hidden}body[data-page=panel] .gal-img img{object-fit:cover;width:100%;height:100%;display:block}body[data-page=panel] .gal-b{flex-direction:column;gap:8px;padding:12px 14px;display:flex}body[data-page=panel] .gal-b input{border:none;border-bottom:1px solid var(--hairline);font-family:var(--fb);color:var(--ivory);background:0 0;outline:none;padding:6px 0;font-size:12px}body[data-page=panel] .gal-b input:focus{border-color:var(--red)}body[data-page=panel] .log-row{border-bottom:1px solid var(--hairline);grid-template-columns:150px 170px 1fr;align-items:baseline;gap:16px;padding:11px 22px;font-size:12px;display:grid}body[data-page=panel] .log-row:last-child{border-bottom:none}body[data-page=panel] .log-ev{letter-spacing:.1em;text-transform:uppercase;font-size:10px}body[data-page=panel] .log-ev.ok{color:#4caf50}body[data-page=panel] .log-ev.warn{color:#e0a53a}body[data-page=panel] .log-ev.err{color:var(--red)}body[data-page=panel] .log-ev.info{color:var(--steel)}body[data-page=panel] .toast{background:var(--ivory);color:var(--onyx);letter-spacing:.06em;opacity:0;pointer-events:none;z-index:80;padding:12px 22px;font-size:12px;font-weight:600;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}body[data-page=panel] .toast.show{opacity:1;transform:translate(-50%)}body[data-page=panel] .search{background:var(--onyx);border:1px solid var(--hairline);font-family:var(--fb);color:var(--ivory);outline:none;flex:180px;min-width:180px;max-width:320px;padding:9px 12px;font-size:12px}body[data-page=panel] .search:focus{border-color:var(--red)}body[data-page=panel] .tabs{flex-wrap:wrap;gap:6px;display:flex}body[data-page=panel] .tab{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--steel);cursor:pointer;background:0 0;padding:7px 12px;font-size:10px;transition:all .2s}body[data-page=panel] .tab:hover{border-color:var(--hs);color:var(--ivory)}body[data-page=panel] .tab.active{border-color:var(--red);color:var(--ivory);background:#e321281a}@media (max-width:1100px){body[data-page=panel] .stats,body[data-page=panel] .f-row,body[data-page=panel] .f-row.three,body[data-page=panel] .preview{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){body[data-page=panel]{overflow:auto}body[data-page=panel] .app{grid-template-columns:1fr;height:auto}body[data-page=panel] .side{border-right:none;border-bottom:1px solid var(--hairline)}body[data-page=panel] .side-nav{display:flex;overflow-x:auto}body[data-page=panel] .snav{white-space:nowrap;border-bottom:2px solid #0000;border-left:none}body[data-page=panel] .snav.active{border-left-color:#0000;border-bottom-color:var(--red)}body[data-page=panel] .view{overflow:visible}body[data-page=panel] .f-row,body[data-page=panel] .f-row.two,body[data-page=panel] .f-row.three,body[data-page=panel] .preview{grid-template-columns:1fr}body[data-page=panel] .log-row{grid-template-columns:1fr;gap:4px}}body[data-page=panel] .auth{z-index:200;background:var(--onyx);justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}body[data-page=panel] .auth.hide{display:none}body[data-page=panel] .auth-card{border:1px solid var(--hs);background:var(--carbon);width:100%;max-width:400px;padding:36px 34px}body[data-page=panel] .auth-logo{font-family:var(--fd);letter-spacing:.04em;font-size:26px;line-height:1}body[data-page=panel] .auth-logo span{color:var(--red)}body[data-page=panel] .auth-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:8px 0 28px;font-size:10px}body[data-page=panel] .auth-h{font-family:var(--fd);letter-spacing:.02em;margin-bottom:8px;font-size:30px}body[data-page=panel] .auth-note{color:var(--steel);margin-bottom:22px;font-size:12px;line-height:1.6}body[data-page=panel] .auth-note b{color:var(--ivory);font-family:var(--fm);font-weight:400}body[data-page=panel] .auth-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}body[data-page=panel] .auth-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-size:10px}body[data-page=panel] .auth-field input{background:var(--onyx);border:1px solid var(--hairline);font-family:var(--fm);letter-spacing:.06em;color:var(--ivory);outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s}body[data-page=panel] .auth-field input:focus,body[data-page=panel] .auth-field input.invalid{border-color:var(--red)}body[data-page=panel] .otp-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}body[data-page=panel] .otp-boxes input{background:var(--onyx);border:1px solid var(--hairline);text-align:center;width:100%;min-width:0;height:52px;font-family:var(--fm);color:var(--ivory);outline:none;padding:0;font-size:20px;transition:border-color .2s}body[data-page=panel] .otp-boxes input:focus,body[data-page=panel] .otp-boxes.error input{border-color:var(--red)}body[data-page=panel] .auth-msg{color:var(--red);min-height:16px;margin-bottom:12px;font-size:11px}body[data-page=panel] .auth-btn{background:var(--red);width:100%;color:var(--ivory);font-family:var(--fb);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;height:48px;font-size:12px;font-weight:600;transition:background .2s}body[data-page=panel] .auth-btn:hover:enabled{background:#c8161c}body[data-page=panel] .auth-btn:disabled{background:var(--graphite);color:var(--steel)}body[data-page=panel] .auth-link{color:var(--steel);font-family:var(--fb);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:11px}body[data-page=panel] .auth-link:hover{color:var(--ivory)}body[data-page=panel] .auth-hint{color:#9a9a9f99;margin-top:16px;font-size:10px;line-height:1.5}body[data-page=panel] .side-user{color:var(--steel);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}body[data-page=panel] .side-user button{color:var(--red);font-family:var(--fb);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:11px}