:root{
  --red:#ea0d43; --crimson:#d1003d; --deep:#b8002f; --wine:#24030a; --ink:#080103;
  --font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-gutter:stable;background:var(--ink)}
body{background:var(--ink);color:#fff;font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
ul{list-style:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wrap{max-width:1100px;margin:0 auto}
.narrow{max-width:760px}
.center{text-align:center}
.muted{color:rgba(255,255,255,.7)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.glass{
  background:linear-gradient(135deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.1) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 1.5px rgba(255,255,255,.8),inset 0 -1px 2px rgba(0,0,0,.15);
}

.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:100px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .4s cubic-bezier(.175,.885,.32,1.25),box-shadow .3s,background .3s}
.btn:hover{transform:translateY(-3px)}
.btn-glass{
  background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.12));
  -webkit-backdrop-filter:blur(22px) saturate(190%);backdrop-filter:blur(22px) saturate(190%);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 1.5px rgba(255,255,255,.8),inset 0 -1px 2px rgba(0,0,0,.15);
}
.btn-glass:hover{box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 25px rgba(255,255,255,.35),inset 0 1px 2px #fff}
.btn-white{background:#fff;color:var(--red)}
.btn-white:hover{box-shadow:0 14px 30px rgba(0,0,0,.28)}

.glass-nav{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:60;
  width:min(1080px,calc(100% - 24px));display:flex;align-items:center;gap:10px;
  padding:8px 10px 8px 20px;border-radius:100px;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.1));
  -webkit-backdrop-filter:blur(26px) saturate(200%);backdrop-filter:blur(26px) saturate(200%);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 1.5px rgba(255,255,255,.85),inset 0 -1px 2px rgba(0,0,0,.18);
  transition:background .4s,box-shadow .4s;
}
.glass-nav.scrolled{background:linear-gradient(135deg,rgba(70,6,24,.66),rgba(24,2,9,.55))}
.brand{margin-right:auto;min-width:0;display:flex;align-items:center;text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:1.1rem;min-height:38px}
.brand-logo{height:34px;width:auto;max-width:170px;object-fit:contain}
.brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-links{position:relative;display:flex;align-items:center}
.nav-links a{position:relative;z-index:1;padding:10px 16px;border-radius:100px;font-size:.88rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.92);transition:color .3s}
.nav-links a.active{color:#fff}
.nav-ind{
  position:absolute;left:0;top:2px;bottom:2px;width:0;opacity:0;border-radius:100px;
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.14));
  border:1px solid rgba(255,255,255,.5);
  box-shadow:inset 0 1px 1.5px rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.18);
  transition:transform .55s cubic-bezier(.2,.9,.3,1.25),width .55s cubic-bezier(.2,.9,.3,1.25),opacity .3s;
}
.lang-sw{display:flex;flex:0 0 auto;padding:3px;border-radius:100px;background:rgba(0,0,0,.24);text-decoration:none;font-size:.76rem;font-weight:800}
.lang-sw span{padding:7px 12px;border-radius:100px;color:rgba(255,255,255,.85);transition:background .3s,color .3s}
.lang-sw span.on{background:#fff;color:var(--red)}

.nav-item{position:relative;display:flex;align-items:center}
.nav-links .sub-ch{margin-left:7px;font-size:.62rem;opacity:.8;transition:transform .3s}
.nav-item.has-sub:hover .sub-ch,.nav-item.has-sub.open .sub-ch{transform:rotate(180deg)}
.sub-tg{display:none}
.mega{position:absolute;top:100%;left:50%;--mx:0px;transform:translate(calc(-50% + var(--mx)),8px);z-index:70;padding-top:18px;width:max-content;max-width:min(760px,calc(100vw - 32px));
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .4s cubic-bezier(.2,.9,.3,1.15),visibility .25s}
.nav-item.has-sub:hover .mega,.nav-item.has-sub.open .mega,.nav-item.has-sub:has(:focus-visible) .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% + var(--mx)),0)}
.mega-in{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(230px,1fr));gap:6px;padding:12px;border-radius:28px;
  background:linear-gradient(135deg,rgba(60,6,22,.97),rgba(24,2,9,.97));border:1px solid rgba(255,255,255,.3);
  box-shadow:0 26px 60px rgba(0,0,0,.45),inset 0 1px 1.5px rgba(255,255,255,.5)}
.nav-links .mega-link{display:flex;align-items:center;gap:13px;padding:10px 14px 10px 10px;border-radius:20px;font-size:.92rem;font-weight:600;line-height:1.25;color:#fff;transition:background .3s,transform .3s}
.nav-links .mega-link:hover{background:rgba(255,255,255,.12);transform:translateX(4px)}
.mega-link .mi{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:14px;font-size:1rem;color:#ffd0da;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 1.5px rgba(255,255,255,.55),0 6px 14px rgba(0,0,0,.25);transition:background .3s,color .3s,transform .4s cubic-bezier(.175,.885,.32,1.4)}
.mega-link:hover .mi{background:#ea0d43;color:#fff;border-color:#ea0d43;transform:scale(1.1) rotate(-6deg)}

.sec{position:relative;padding:clamp(92px,10vw,140px) clamp(16px,4vw,48px) clamp(64px,9vw,120px)}
.page-top{padding-top:clamp(120px,14vw,170px)}
.sec-head{margin-bottom:clamp(32px,5vw,56px)}
.grad-title{font-size:clamp(2.4rem,8vw,5.6rem);font-weight:800;line-height:1.14;padding-bottom:.1em;letter-spacing:-.03em;
  background:linear-gradient(135deg,#fff 30%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec-head p{margin-top:16px;max-width:48ch;font-size:clamp(.95rem,1.6vw,1.1rem);color:rgba(255,255,255,.72)}

.hero{--hp:var(--h-d);position:relative;height:calc(var(--hp)*1vh);min-height:400px;overflow:hidden;background:var(--red)}
@supports (height:1svh){.hero{height:calc(var(--hp)*1svh)}}
@media(max-width:1023px){.hero{--hp:var(--h-t)}}
@media(max-width:600px){.hero{--hp:var(--h-m)}}
.hero.boxed{margin:88px clamp(12px,3vw,32px) 0;border-radius:32px;min-height:340px}
.slides,.slide{position:absolute;inset:0}
.slides-wrap{position:absolute;inset:0}
.slides-wrap[data-device="mobile"]{display:none}
@media(max-width:767px){
  .slides-wrap[data-device="desktop"]{display:none}
  .slides-wrap[data-device="mobile"]{display:block}
}
.slide{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.slide.active{opacity:1;visibility:visible}
.slide>img,.slide>video{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit)}
.slide::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,1,3,calc(var(--ov)*.55)) 0%,rgba(8,1,3,var(--ov)) 100%)}
.slide.fallback{background:linear-gradient(135deg,#ea0d43 0%,#b8002f 100%)}
.slide.fallback::after{display:none}
.slide-copy{position:absolute;z-index:2;left:clamp(20px,6vw,80px);bottom:clamp(124px,18vh,176px);max-width:min(760px,88%)}
.slide-title{display:block;font-size:clamp(2.1rem,6vw,4.8rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.slide-sub{margin:14px 0 24px;max-width:52ch;font-size:clamp(.95rem,1.6vw,1.2rem);color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(0,0,0,.4)}
.slide-title+.btn{margin-top:22px}
.hero-ctrl{position:absolute;z-index:5;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:100px}
.hc-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);font-size:.8rem;transition:background .3s,transform .3s}
.hc-btn:hover{background:rgba(255,255,255,.4);transform:scale(1.08)}
.hc-dots{display:flex;gap:0;padding:0 2px}
.hc-dot{box-sizing:content-box;width:8px;height:8px;padding:8px;background-clip:content-box;border-radius:16px;background-color:rgba(255,255,255,.55);transition:width .4s var(--ease),background .3s}
.hc-dot.active{width:26px;background-color:#fff}

main{display:flow-root}
.stk{position:relative}
.stk-on .stk{position:sticky}
.stk.lift{margin-top:-32px;border-radius:32px 32px var(--rb,0px) var(--rb,0px);box-shadow:0 -22px 60px rgba(0,0,0,.5)}
.hero.boxed.stk{border-radius:32px}
.hero+.stk.lift{margin-top:0;box-shadow:none}
.stk{border-radius:0 0 var(--rb,0px) var(--rb,0px)}
.hero.stk{border-radius:var(--rb,0px)}
.stk::after{content:'';position:absolute;inset:0;background:#000;opacity:var(--pd,0);pointer-events:none;z-index:50;border-radius:inherit}

.about{padding-bottom:clamp(56px,7vw,88px);background:linear-gradient(180deg,#12020a 0%,var(--ink) 100%)}
.about-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4.5vw,52px);align-items:center;padding:clamp(24px,3.6vw,42px) clamp(24px,4vw,48px);border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px rgba(0,0,0,.35)}
.about-card::before,.foot-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(234,13,67,.85),rgba(234,13,67,0) 32%,rgba(255,255,255,0) 68%,rgba(234,13,67,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.about-orb{position:relative;width:clamp(104px,12vw,148px);aspect-ratio:1;margin:16px}
.about-orb .lens{position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(234,13,67,.6);animation:ringRotate 40s linear infinite}
.about-orb .lens::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(234,13,67,.22)}
.about-pic{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 14px 44px rgba(234,13,67,.35)}
.about-pic img{width:100%;height:100%;object-fit:cover}
.about-ph{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ea0d43,#8f0028)}
.ph-logo{max-width:62%;max-height:44%;object-fit:contain}
.about-ph .brand-text{font-size:.9rem;font-weight:800;text-align:center;padding:10px}
.about-body .grad-title{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.16;padding-bottom:.1em;margin-bottom:8px}
.about-body p{margin-bottom:10px;font-size:clamp(.94rem,1.25vw,1.02rem);color:rgba(255,255,255,.76);max-width:64ch}
.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.about-tags li{list-style:none}
.about-tags span{position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;padding:8px 16px;border-radius:100px;cursor:default;user-select:none;
  font-size:.78rem;font-weight:600;color:#ff8aa5;background:rgba(234,13,67,.12);border:1px solid rgba(234,13,67,.32);
  transition:transform .4s cubic-bezier(.175,.885,.32,1.35),background .3s,color .3s,box-shadow .3s,border-color .3s}
.about-tags span::before{content:'';flex:0 0 6px;height:6px;border-radius:50%;background:currentColor;transition:transform .4s cubic-bezier(.175,.885,.32,1.5)}
.about-tags span::after{content:'';position:absolute;inset:0;pointer-events:none;transform:translateX(-120%);background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transition:transform .7s ease}
.about-tags li:hover span{transform:translateY(-3px) scale(1.04);background:linear-gradient(135deg,#ea0d43,#b8002f);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(234,13,67,.4)}
.about-tags li:hover span::before{transform:scale(1.6)}
.about-tags li:hover span::after{transform:translateX(120%)}

.t-red{--panel:rgba(255,255,255,.14);--ckbg:#fff;--ckfg:#ea0d43;--bg:linear-gradient(135deg,#ea0d43 0%,#b8002f 100%);--fg:#fff;--muted:rgba(255,255,255,.86);--chip:rgba(255,255,255,.2);--chipfg:#fff;--line:rgba(255,255,255,.38);--btn-bg:#fff;--btn-fg:#ea0d43;--media:rgba(0,0,0,.2);--icon:rgba(255,255,255,.55)}
.t-white{--panel:rgba(234,13,67,.06);--ckbg:#ea0d43;--ckfg:#fff;--bg:#fff;--fg:#1a0208;--muted:rgba(26,2,8,.7);--chip:rgba(234,13,67,.1);--chipfg:#b8062c;--line:rgba(26,2,8,.18);--btn-bg:#ea0d43;--btn-fg:#fff;--media:linear-gradient(135deg,#ffe1e8,#ffc2d0);--icon:rgba(234,13,67,.55);--bd:rgba(234,13,67,.18)}
.t-dark{--panel:rgba(255,255,255,.05);--ckbg:#ea0d43;--ckfg:#fff;--bg:linear-gradient(135deg,#2c040d 0%,#0d0104 100%);--fg:#fff;--muted:rgba(255,255,255,.74);--chip:rgba(234,13,67,.22);--chipfg:#ff7b98;--line:rgba(255,255,255,.2);--btn-bg:#ea0d43;--btn-fg:#fff;--media:linear-gradient(135deg,rgba(234,13,67,.4),rgba(234,13,67,.08));--icon:rgba(234,13,67,.75);--bd:rgba(234,13,67,.45)}
.t-crimson{--panel:rgba(0,0,0,.18);--ckbg:#fff;--ckfg:#b8002f;--bg:linear-gradient(135deg,#d1003d 0%,#8f0028 100%);--fg:#fff;--muted:rgba(255,255,255,.84);--chip:rgba(0,0,0,.22);--chipfg:#fff;--line:rgba(255,255,255,.34);--btn-bg:#fff;--btn-fg:#b8002f;--media:rgba(0,0,0,.22);--icon:rgba(255,255,255,.5)}

.services{background:radial-gradient(60% 40% at 90% 0%,rgba(234,13,67,.3),transparent 70%),linear-gradient(180deg,var(--ink),#150209)}
.services{padding-bottom:0}
.htrack{display:grid;gap:20px;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,48px) clamp(64px,9vw,120px)}
.hprog{display:none}
.hcard{--pad:clamp(24px,4vw,52px);position:relative;display:flex;align-items:center;padding:var(--pad);border-radius:30px;overflow:hidden;background:var(--bg);color:var(--fg);
  border:1px solid var(--bd,rgba(255,255,255,.12));box-shadow:0 18px 60px rgba(0,0,0,.35);will-change:transform}
.hcard::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;transform:translateX(-130%);
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);animation:sheen 8s ease-in-out infinite}
.hin{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:center;transform-origin:0 50%}
.hcard.solo .hin{grid-template-columns:1fr}
.hcard h3{font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:14px}
.hmain p{max-width:40ch;color:var(--muted);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.65}
.hlist{display:grid;gap:6px;padding:clamp(14px,2vw,22px);border-radius:26px;background:var(--panel);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hlist li{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:16px;font-size:clamp(.88rem,1.3vw,1rem);font-weight:600;
  opacity:0;transform:translateX(26px);transition:opacity .6s var(--ease),transform .6s var(--ease),background .3s}
.hcard.in .hlist li{opacity:1;transform:none;transition-delay:calc(var(--n)*70ms)}
.hcard.in .hlist li:hover{background:var(--chip);transform:translateX(7px);transition-delay:0s}
.ck{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--ckbg);color:var(--ckfg);font-size:.68rem;box-shadow:0 4px 12px rgba(0,0,0,.22);transition:transform .4s cubic-bezier(.175,.885,.32,1.4)}
.hlist li:hover .ck{transform:rotate(360deg) scale(1.15)}
.hmain .btn{margin-top:22px}
.hcard.has-img{overflow:visible;padding-left:calc(44% + clamp(24px,3.4vw,48px))}
.hcard.has-img::before{display:none}
.hphoto{position:absolute;z-index:1;left:-40px;top:44px;bottom:-8px;width:44%;border-radius:28px;overflow:hidden;
  border:1px solid rgba(255,255,255,.28);box-shadow:0 30px 70px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.3)}
.hphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;backface-visibility:hidden}
.hphoto::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,0,3,.35),transparent 45%)}
.hcard.has-img .hin{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px}
.hcard.has-img .hlist{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.hcard.has-img .hlist li{padding:7px 13px 7px 8px;border-radius:11px;font-size:.84rem;font-weight:600;gap:8px;
  background:rgba(255,255,255,.07);border:1px solid var(--line);box-shadow:none}
.hcard.in.has-img .hlist li:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.hcard.has-img .hlist .ck{flex:0 0 19px;height:19px;font-size:.5rem;box-shadow:none}
.hcard.has-img .hlist li:hover .ck{transform:none}
.hcard.has-img .hin>.hbtn{margin-top:6px;padding:15px 32px;font-size:1rem}
.hcard.has-img .hin .hmain p{max-width:44ch}
.hcard .hbtn{border:1px solid rgba(255,255,255,.85);color:#b8002f;font-weight:800;text-shadow:none;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,255,255,.8));
  box-shadow:0 14px 32px rgba(0,0,0,.3),inset 0 1px 2px #fff,inset 0 -2px 4px rgba(184,0,47,.12)}
.hcard .hbtn:hover{box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 26px rgba(255,255,255,.55),inset 0 1px 2px #fff}
.hcard.t-white .hbtn{border-color:rgba(255,255,255,.55);color:#fff;
  background:linear-gradient(135deg,#ff2d5f,#c20034);
  box-shadow:0 14px 30px rgba(234,13,67,.38),inset 0 1px 2px rgba(255,255,255,.7),inset 0 -2px 4px rgba(0,0,0,.18)}
.hcard.t-white .hbtn:hover{box-shadow:0 18px 40px rgba(234,13,67,.5),inset 0 1px 2px rgba(255,255,255,.8)}
.hcard.t-white.has-img .hlist li{background:rgba(234,13,67,.05);border-color:rgba(234,13,67,.28)}

@media(max-width:900px){
  .hcard.has-img{flex-direction:column;align-items:stretch;padding:0 var(--pad) var(--pad)}
  .hphoto{position:relative;left:auto;top:auto;bottom:auto;width:auto;flex:1 1 0;min-height:120px;max-height:min(46vh,380px);margin:-18px 0 18px;border-radius:24px}
  .hcard.has-img .hin{flex:0 0 auto;gap:16px}
}
@media(max-width:560px){
  .hphoto{max-height:min(38vh,280px);border-radius:20px}
  .hmain .btn,.hcard.has-img .hin>.hbtn{margin-top:4px;padding:11px 24px;font-size:.88rem}
  .hcard.has-img .hlist li{padding:6px 11px 6px 7px;font-size:.78rem}
}
@media(max-width:1000px) and (max-height:560px){
  .hcard.has-img{flex-direction:row;align-items:center;padding:var(--pad) var(--pad) var(--pad) calc(36% + var(--pad)*1.6)}
  .hphoto{position:absolute;left:var(--pad);top:var(--pad);bottom:var(--pad);width:36%;max-height:none;min-height:0;margin:0;border-radius:18px}
  .hcard.has-img .hin{gap:10px}
  .hmain .btn{margin-top:10px}
}
@keyframes sheen{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.hs-on .hscene{height:calc(100vh + (var(--n) - 1)*80vh)}
@supports (height:1svh){.hs-on .hscene{height:calc(100svh + (var(--n) - 1)*80svh)}}
.hs-on .hpin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;padding:94px clamp(16px,4vw,48px) 32px;overflow:hidden}
.hs-on .htrack{position:relative;display:block;flex:1;min-height:0;width:100%;max-width:1100px;max-height:640px;margin:0 auto;padding:0;clip-path:inset(-90px 0 -90px -90px)}
.hs-on .hcard{position:absolute;inset:0}
.hveil{display:none}
.hs-on .hveil{display:block;position:absolute;inset:0;z-index:6;border-radius:inherit;pointer-events:none;opacity:var(--veil,0);
  background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.07));
  -webkit-backdrop-filter:blur(9px) saturate(140%);backdrop-filter:blur(9px) saturate(140%)}
.hs-on .hprog{display:flex;gap:8px;justify-content:center;margin-top:16px}
.hprog span{width:26px;height:4px;border-radius:4px;background:rgba(255,255,255,.28);transition:background .4s,width .5s var(--ease)}
.hprog span.on{width:48px;background:var(--red)}
@media(max-width:900px){.hin{grid-template-columns:1fr;gap:16px;align-items:start}}
@media(min-width:601px) and (max-width:900px){.hlist{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
  .hcard{--pad:20px;border-radius:24px}
  .hcard h3{font-size:1.5rem;margin-bottom:8px}
  .hmain p{font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hlist{grid-template-columns:1fr 1fr;padding:8px;gap:2px}
  .hlist li{padding:6px 7px;gap:7px;font-size:.78rem;line-height:1.25}
  .ck{flex-basis:20px;height:20px;font-size:.55rem}
  .hs-on .hpin{padding-top:94px;padding-bottom:26px}
}

.portfolio{background:radial-gradient(60% 38% at 88% 0%,rgba(234,13,67,.3),transparent 70%),radial-gradient(50% 30% at 0% 45%,rgba(209,0,61,.2),transparent 70%),linear-gradient(180deg,#150209,#0d0104 60%,var(--ink))}
.stack{--top:92px;--step:18px;max-width:1100px;margin:0 auto;padding-bottom:6vh}
.pcard{position:sticky;top:calc(var(--top) + var(--i)*var(--step));height:clamp(440px,68vh,560px);margin-bottom:clamp(20px,4vh,40px);
  display:grid;grid-template-columns:1.05fr .95fr;border-radius:28px;overflow:hidden;background:var(--bg);color:var(--fg);
  border:1px solid var(--bd,rgba(255,255,255,.12));box-shadow:0 -12px 40px rgba(0,0,0,.35),0 24px 60px rgba(0,0,0,.3);transform-origin:50% 0;will-change:transform}
.pcard::after,.hcard::after{content:'';position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none;border-radius:inherit;z-index:5}
.pcard.flip{grid-template-columns:.95fr 1.05fr}
.pcard-body{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(22px,3.6vw,46px);min-width:0}
.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:var(--chip);color:var(--chipfg);font-size:.8rem;font-weight:600}
.pcard h3{font-size:clamp(1.55rem,3.5vw,2.7rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:14px}
.pcard p{max-width:44ch;font-size:clamp(.9rem,1.35vw,1.02rem);line-height:1.6;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tags li{padding:5px 13px;border:1px solid var(--line);border-radius:100px;font-size:.76rem;font-weight:500}
.pcard-link{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:100px;background:var(--btn-bg);color:var(--btn-fg);font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.25),box-shadow .3s}
.pcard-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.pcard-media{position:relative;margin:14px 14px 14px 0;border-radius:20px;overflow:hidden;background:var(--media);display:grid;place-items:center}
.pcard.flip .pcard-media{order:-1;margin:14px 0 14px 14px}
.media-icon{font-size:clamp(3rem,7vw,5rem);color:var(--icon)}
.pf-hid{display:none}
.pf-in{animation:pfIn .7s ease both}
@keyframes pfIn{from{opacity:0}to{opacity:1}}
.pf-more{display:flex;justify-content:center;padding:clamp(8px,2vh,20px) 0 clamp(36px,7vh,72px);position:relative;z-index:2}
.pf-more-btn{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:700;cursor:pointer}
.pf-more-btn small{font-size:.82rem;font-weight:600;opacity:.85;padding-left:12px;border-left:1px solid rgba(255,255,255,.45)}
.pf-more-btn i{font-size:.8rem;animation:pfBob 1.8s ease-in-out infinite}
@keyframes pfBob{50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.pf-in,.pf-more-btn i{animation:none}}
.pcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pcard:hover .pcard-media img{transform:scale(1.05)}

.blog{background:var(--ink)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}
.post-card{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;text-decoration:none;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);transition:transform .5s var(--ease),box-shadow .5s,border-color .5s}
.post-card:hover{transform:translateY(-8px);border-color:rgba(234,13,67,.6);box-shadow:0 26px 60px rgba(234,13,67,.22)}
.post-cover{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(135deg,rgba(234,13,67,.45),rgba(36,3,10,.9));font-size:2.4rem;color:rgba(255,255,255,.5);overflow:hidden}
.post-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post-card:hover .post-cover img{transform:scale(1.06)}
.post-body{display:flex;flex-direction:column;gap:10px;padding:22px;flex:1}
.post-body time,.post-page time{font-size:.8rem;font-weight:600;color:#ff7b98}
.post-body h3{font-size:1.2rem;font-weight:800;line-height:1.25;letter-spacing:-.01em}
.post-body p{font-size:.92rem;color:rgba(255,255,255,.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-body .more{margin-top:auto;padding-top:6px;font-size:.88rem;font-weight:700;color:#fff}
.post-body .more i{transition:transform .3s;margin-left:4px}
.post-card:hover .more i{transform:translateX(5px)}

.post-page .back{display:inline-flex;gap:8px;align-items:center;margin-bottom:22px;font-size:.9rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.8)}
.post-page .back:hover{color:#fff}
.post-title{font-size:clamp(2rem,5.5vw,3.8rem);margin:10px 0 26px}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:28px;margin-bottom:34px;box-shadow:0 26px 70px rgba(234,13,67,.22)}
.prose{font-size:1.06rem;line-height:1.8;color:rgba(255,255,255,.86)}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:1.7rem;font-weight:800;line-height:1.2;margin-top:1.8em;color:#fff}
.prose h3{font-size:1.3rem;font-weight:700;margin-top:1.6em;color:#fff}
.prose ul,.prose ol{padding-left:1.4em}
.prose ul{list-style:disc}
.prose li+li{margin-top:.4em}
.prose a{color:#ff7b98;text-underline-offset:3px}
.prose blockquote{padding:14px 22px;border-left:4px solid var(--red);background:rgba(234,13,67,.1);border-radius:0 16px 16px 0;font-style:italic}
.prose img{border-radius:20px;margin:1.6em auto}
.prose pre,.prose code{background:rgba(255,255,255,.08);border-radius:8px;padding:2px 6px;font-size:.92em}
.prose pre{padding:14px;overflow-x:auto}
.more-posts{margin-top:clamp(56px,8vw,100px)}
.more-posts h2{font-size:1.8rem;font-weight:800;margin-bottom:24px}
.nf .grad-title{margin-bottom:16px}
.nf .btn{margin-top:28px}

.contact{background:linear-gradient(135deg,#ea0d43 0%,#b8002f 100%);overflow:hidden}
.contact::before{content:'';position:absolute;width:520px;height:520px;right:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}
.contact-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,72px);align-items:start}
.contact-info h2{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin-bottom:16px}
.contact-info>p{max-width:40ch;font-size:1.05rem;color:rgba(255,255,255,.9);margin-bottom:30px}
.contact-info li{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;font-weight:600}
.contact-info li i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}
.contact-info li a,.contact-info li span{align-self:center;text-decoration:none;overflow-wrap:anywhere}
.contact-info li a:hover{text-decoration:underline}
.contact-form{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,3.4vw,38px);border-radius:32px}
.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:500;resize:vertical}
.field::placeholder{color:rgba(255,255,255,.7)}
.field:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.24)}
.field.bad{border-color:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.contact-form .btn{align-self:flex-start;border:0}
.contact-form .btn[disabled]{opacity:.7;cursor:progress}
.form-msg{min-height:1.4em;font-weight:600;font-size:.92rem}

.site-footer{position:relative;overflow:hidden;background:#050102;padding:clamp(56px,7vw,96px) clamp(16px,4vw,48px) 0}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.foot-glow{position:absolute;left:50%;top:-240px;width:900px;max-width:100%;height:460px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(234,13,67,.28),transparent);pointer-events:none}
.site-footer>.wrap{position:relative}
.foot-card{position:relative;display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,46px);border-radius:32px;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.foot-brand p{margin-top:14px;max-width:34ch;font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.62)}
.foot-social{display:flex;gap:10px;margin-top:20px}
.fs{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;text-decoration:none;font-size:1rem;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px rgba(255,255,255,.5);
  transition:transform .35s cubic-bezier(.175,.885,.32,1.3),background .3s}
.fs:hover{background:var(--red);transform:translateY(-3px)}
.site-footer h3{font-size:.92rem;font-weight:700;margin-bottom:16px}
.site-footer li{margin-bottom:4px;font-size:.92rem}
.foot-col li a,.foot-col li span{display:inline-flex;align-items:center;gap:10px;padding:5px 0;text-decoration:none;color:rgba(255,255,255,.7);transition:color .3s,transform .3s}
.foot-col li a:hover{color:#fff;transform:translateX(4px)}
.foot-col li i{width:18px;text-align:center;color:var(--red)}
.foot-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 6px;font-size:.82rem;color:rgba(255,255,255,.5)}
.totop{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);transition:background .3s,transform .3s}
.totop:hover{background:var(--red);transform:translateY(-3px)}
.foot-mark{position:relative;height:clamp(52px,9vw,124px);overflow:hidden;text-align:center;font-weight:800;letter-spacing:-.04em;line-height:1;white-space:nowrap;text-transform:uppercase;user-select:none;
  font-size:clamp(2.6rem,11.5vw,9.5rem);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:1023px){.foot-card{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}

.page-nav{position:fixed;right:clamp(8px,1.6vw,22px);top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  opacity:0;pointer-events:none;transition:opacity .8s ease .3s;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.page-nav.ready{opacity:1;pointer-events:auto}
.page-nav a{position:relative;display:flex;align-items:center;min-height:24px;gap:8px;color:#fff;text-decoration:none;font-size:.72rem;font-weight:700}
.page-nav a .n{opacity:.6;transition:opacity .3s}
.page-nav a::after{content:'';display:block;width:18px;height:3px;border-radius:3px;background:rgba(255,255,255,.5);transition:width .4s var(--ease),background .3s}
.page-nav a.active .n{opacity:1}
.page-nav a.active::after{width:34px;background:#fff}
.page-nav .lbl{position:absolute;right:calc(100% + 12px);padding:6px 13px;border-radius:100px;white-space:nowrap;font-size:.76rem;
  background:rgba(24,2,9,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);
  opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .3s,transform .3s}
.page-nav a:hover .lbl{opacity:1;transform:none}
.page-nav .hint{min-width:24px;justify-content:center;align-self:center;margin-top:4px;font-size:.9rem;animation:hintBounce 1.6s ease-in-out infinite}
.page-nav .hint::after{display:none}
.page-nav.off-home .hint{display:none}
@keyframes hintBounce{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}

@media(max-width:1023px){
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .stack{--top:84px;--step:16px}
  .pcard{height:clamp(420px,62vh,520px)}
}

.nav-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.nav-cta{display:none}
.scroll-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#ff7a98,#ea0d43 70%,#ff3a6c);box-shadow:0 0 12px rgba(234,13,67,.7)}
@media(min-width:1001px){
  .glass-nav{width:min(1200px,calc(100% - 28px));padding:6px 6px 6px 20px;gap:14px}
  .brand{margin-right:0;min-height:0}
  .nav-links{margin:0 auto}
  .nav-links a.is-cta{display:none}
  .nav-ic{display:none}
  .mega-parent{display:none}
  .nav-tools{gap:10px}
  .nav-cta{display:inline-flex;align-items:center;padding:10px 20px;border-radius:100px;background:#fff;color:var(--red);font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap;
    box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .3s cubic-bezier(.175,.885,.32,1.25),box-shadow .3s}
  .nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.3)}
}

@media(max-width:1000px){
  .glass-nav,.glass-nav.scrolled,html[data-theme="light"] .glass-nav,html[data-theme="light"] .glass-nav.scrolled{
    top:10px;left:12px;right:12px;width:auto;transform:none;padding:6px 8px 6px 14px;gap:8px;border:0;box-shadow:none;background:none;
    -webkit-backdrop-filter:none;backdrop-filter:none}
  .glass-nav::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:100px;pointer-events:none;
    background:linear-gradient(135deg,rgba(40,4,14,.58),rgba(20,2,8,.48));border:1px solid rgba(255,255,255,.42);
    -webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);
    box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 1.5px rgba(255,255,255,.6);transition:background .4s}
  .glass-nav.scrolled::before{background:linear-gradient(135deg,rgba(52,5,19,.94),rgba(24,2,9,.92))}
  .nav-links{position:fixed;left:8px;right:8px;bottom:max(10px,env(safe-area-inset-bottom));z-index:61;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:0;padding:5px;border-radius:26px;
    background:linear-gradient(135deg,rgba(52,5,19,.92),rgba(24,2,9,.9));-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);
    border:1px solid rgba(255,255,255,.34);box-shadow:0 16px 44px rgba(0,0,0,.45),inset 0 1px 1.5px rgba(255,255,255,.45)}
  .nav-links>a,.nav-item{flex:1 1 0;min-width:0}
  .nav-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 0 8px;border-radius:19px;font-size:.6rem;letter-spacing:-.015em;font-weight:700;line-height:1.1;text-align:center;color:rgba(255,255,255,.78)}
  .nav-lb{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-ic{font-size:1.1rem}
  .nav-links a.active{background:rgba(255,255,255,.18);color:#fff}
  .nav-ind,.nav-links .sub-ch,.sub-tg,.nav-cta{display:none}
  .nav-item{position:static;display:block}
  .nav-item>a{width:100%;height:100%}
  .mega{position:absolute;left:0;right:0;bottom:calc(100% + 10px);top:auto;display:none;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;width:auto;max-width:none;padding:0}
  .nav-item.open .mega{display:block}
  .mega-in{grid-template-columns:1fr;gap:2px;padding:8px;border-radius:24px;background:linear-gradient(135deg,rgba(52,5,19,.96),rgba(24,2,9,.95));border:1px solid rgba(255,255,255,.34);box-shadow:0 16px 44px rgba(0,0,0,.45)}
  .nav-links .mega-link{flex-direction:row;justify-content:flex-start;gap:12px;padding:9px 12px 9px 9px;font-size:.95rem;font-weight:600;color:#fff;border-radius:18px;text-align:left}
  .nav-links .mega-link.mega-parent{background:rgba(255,255,255,.08)}
  .nav-links .mega-link:hover{transform:none}
  .nav-item.open>a{background:rgba(255,255,255,.18);color:#fff}
  .site-footer{padding-bottom:96px}
}

@media(max-width:767px){
  .page-nav{right:0;gap:0}
  .page-nav a{min-width:24px;min-height:24px;justify-content:center}
  .page-nav a .n,.page-nav .lbl{display:none}
  .page-nav a::after{width:6px;height:6px;border-radius:6px}
  .page-nav a.active::after{width:6px;height:20px}
  .contact-grid{grid-template-columns:1fr}
  .about-card{grid-template-columns:1fr;gap:22px;padding:22px;border-radius:26px}
  .about-orb{width:92px;margin:14px}
  .foot-card{grid-template-columns:1fr;gap:26px;border-radius:26px}
  .foot-bottom{padding:18px 4px}
  .stk.lift{margin-top:-24px;border-radius:24px 24px var(--rb,0px) var(--rb,0px)}
  .hero.boxed.stk{border-radius:24px}
  .post-grid{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .hero.boxed{margin-top:80px;border-radius:24px}
  .slide-copy{bottom:116px}
  .hero-ctrl{bottom:48px}

  .stack{--top:78px;--step:14px}
  .pcard,.pcard.flip{height:clamp(470px,74vh,610px);grid-template-columns:1fr;grid-template-rows:36% 1fr;border-radius:22px}
  .pcard .pcard-media,.pcard.flip .pcard-media{order:-1;margin:10px 10px 0;border-radius:16px}
  .pcard-body{gap:12px;padding:18px}
  .pcard h3{margin-bottom:8px}
  .pcard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .tags{margin-top:12px;gap:6px}
  .tags li:nth-child(n+4){display:none}
  .pcard-link{padding:10px 18px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pcard{will-change:auto}
}

.theme-sw{position:relative;flex:0 0 auto;width:54px;height:32px;padding:0;border-radius:100px;border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.14));box-shadow:inset 0 1px 1.5px rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.2)}
.theme-sw .knob{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--red);font-size:.7rem;
  box-shadow:0 3px 8px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.theme-sw .i-sun{display:none}
html[data-theme="light"] .theme-sw .knob{transform:translateX(22px)}
html[data-theme="light"] .theme-sw .i-sun{display:block}
html[data-theme="light"] .theme-sw .i-moon{display:none}
@media(max-width:600px){.theme-sw{width:48px;height:30px}.theme-sw .knob{width:22px;height:22px}html[data-theme="light"] .theme-sw .knob{transform:translateX(18px)}}

html[data-theme="light"]{background:#fff7f9;color-scheme:light}
html[data-theme="light"] body{background:#fff7f9;color:#1a0208}
html[data-theme="light"] :focus-visible{outline-color:#ea0d43}
html[data-theme="light"] .muted{color:rgba(26,2,8,.62)}
html[data-theme="light"] .grad-title{background:linear-gradient(135deg,#1a0208 30%,#ea0d43 100%);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .sec-head p{color:rgba(26,2,8,.68)}
html[data-theme="light"] .stk.lift{box-shadow:0 -20px 60px rgba(120,0,30,.16)}
html[data-theme="light"] .about{background:linear-gradient(180deg,#ffffff 0%,#fff0f4 100%)}
html[data-theme="light"] .about-card{background:#fff;box-shadow:0 22px 60px rgba(234,13,67,.12)}
html[data-theme="light"] .about-body p{color:rgba(26,2,8,.74)}
html[data-theme="light"] .about-tags li:not(:hover) span{color:#c4003a;background:rgba(234,13,67,.08)}
html[data-theme="light"] .services{background:radial-gradient(60% 40% at 90% 0%,rgba(234,13,67,.16),transparent 70%),linear-gradient(180deg,#fff0f4,#ffe4eb)}
html[data-theme="light"] .portfolio{background:radial-gradient(60% 38% at 88% 0%,rgba(234,13,67,.14),transparent 70%),radial-gradient(50% 30% at 0% 45%,rgba(209,0,61,.1),transparent 70%),linear-gradient(180deg,#ffe4eb,#fff0f4 60%,#fff7f9)}
html[data-theme="light"] .blog{background:#fff7f9}
html[data-theme="light"] .hprog span{background:rgba(26,2,8,.2)}
html[data-theme="light"] .hprog span.on{background:var(--red)}
html[data-theme="light"] .post-card{background:#fff;border-color:rgba(26,2,8,.1);box-shadow:0 14px 40px rgba(234,13,67,.08)}
html[data-theme="light"] .post-card:hover{border-color:rgba(234,13,67,.55);box-shadow:0 24px 56px rgba(234,13,67,.18)}
html[data-theme="light"] .post-body p{color:rgba(26,2,8,.68)}
html[data-theme="light"] .post-body .more{color:#1a0208}
html[data-theme="light"] .post-body time,html[data-theme="light"] .post-page time{color:#ea0d43}
html[data-theme="light"] .blog .btn-glass,html[data-theme="light"] .nf .btn-glass,html[data-theme="light"] .portfolio .btn-glass{color:#1a0208;background:linear-gradient(135deg,rgba(234,13,67,.14),rgba(234,13,67,.06));border-color:rgba(234,13,67,.4);box-shadow:0 10px 26px rgba(234,13,67,.15),inset 0 1px 1.5px rgba(255,255,255,.9)}
html[data-theme="light"] .post-page .back{color:rgba(26,2,8,.7)}
html[data-theme="light"] .post-page .back:hover{color:#1a0208}
html[data-theme="light"] .prose{color:rgba(26,2,8,.86)}
html[data-theme="light"] .prose h2,html[data-theme="light"] .prose h3{color:#1a0208}
html[data-theme="light"] .prose a{color:#ea0d43}
html[data-theme="light"] .prose blockquote{background:rgba(234,13,67,.08)}
html[data-theme="light"] .prose pre,html[data-theme="light"] .prose code{background:rgba(26,2,8,.07)}
html[data-theme="light"] .page-nav.off-home{filter:drop-shadow(0 1px 3px rgba(255,255,255,.7))}
html[data-theme="light"] .page-nav.off-home a{color:#1a0208}
html[data-theme="light"] .page-nav.off-home a::after{background:rgba(26,2,8,.4)}
html[data-theme="light"] .page-nav.off-home a.active::after{background:#1a0208}

html[data-theme="light"] .glass-nav{background:linear-gradient(135deg,rgba(52,5,19,.74),rgba(24,2,9,.64));border-color:rgba(255,255,255,.34);
  box-shadow:0 14px 40px rgba(70,0,22,.32),inset 0 1px 1.5px rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.2)}
html[data-theme="light"] .glass-nav.scrolled{background:linear-gradient(135deg,rgba(52,5,19,.95),rgba(24,2,9,.93))}

.sec>:not(.deco){position:relative;z-index:1}
.hpin{position:relative}
.htrack,.hprog{position:relative;z-index:1}
.deco{--dc:rgba(234,13,67,.30);--dc2:rgba(255,255,255,.55);--dg:rgba(234,13,67,.20);position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hpin>.deco{z-index:0}
html[data-theme="light"] .deco{--dc:rgba(234,13,67,.26);--dc2:rgba(234,13,67,.55);--dg:rgba(234,13,67,.14)}
.contact .deco,html[data-theme="light"] .contact .deco{--dc:rgba(255,255,255,.32);--dc2:rgba(255,255,255,.8);--dg:rgba(255,255,255,.2)}
.deco>*{position:absolute;display:block}
.dc-ring{width:var(--s);height:var(--s);border-radius:50%;border:1px dashed var(--dc);animation:ringRotate 70s linear infinite}
.dc-ring::after{content:'';position:absolute;inset:14%;border-radius:50%;border:1px solid var(--dc);opacity:.5}
.dc-orb{width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,var(--dg),transparent 68%);animation:drift 16s ease-in-out infinite alternate}
.dc-dots{width:var(--s);height:var(--s);background-image:radial-gradient(var(--dc) 1.3px,transparent 1.6px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent)}
.dc-spark{width:var(--s);height:var(--s);background:var(--dc2);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle 4.5s ease-in-out infinite}
.dc-curl{width:130px;height:64px;background:var(--dc);transform:rotate(var(--r,0deg));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 64'%3E%3Cpath d='M4 40C18 6 34 6 40 32S62 62 74 32 98 4 126 30' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 64'%3E%3Cpath d='M4 40C18 6 34 6 40 32S62 62 74 32 98 4 126 30' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.dc-icon{font-size:clamp(9rem,18vw,15rem);line-height:1;color:var(--dc);opacity:.32;transform:rotate(var(--r,-12deg))}
@keyframes drift{to{transform:translate(36px,28px)}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.95;transform:scale(1.15)}}
@media(max-width:767px){.dc-icon{display:none}.dc-orb{opacity:.85}}
@media(prefers-reduced-motion:reduce){.deco>*{animation:none!important}}
.deco.paused>*,.reel.paused .reel-track{animation-play-state:paused}

.glass-nav,.hero,.contact,.site-footer{color:#fff}
.page-nav .lbl{color:#fff}

@media(min-width:768px){
  .sec{padding-left:max(clamp(16px,4vw,48px),88px);padding-right:max(clamp(16px,4vw,48px),88px)}
  .hs-on .hpin{padding-left:max(clamp(16px,4vw,48px),88px);padding-right:max(clamp(16px,4vw,48px),88px)}
}

.theme-sw::after{content:attr(data-to-light);position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,6px);padding:7px 14px;border-radius:100px;white-space:nowrap;
  font-size:.76rem;font-weight:700;color:#fff;background:rgba(24,2,9,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 26px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
html[data-theme="light"] .theme-sw::after{content:attr(data-to-dark)}
.theme-sw:hover::after,.theme-sw:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media(hover:none){.theme-sw::after{display:none}}

.sec.services{padding-left:0;padding-right:0}
.sec.services>.wrap{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
@media(min-width:768px){.sec.services>.wrap{padding-left:max(clamp(16px,4vw,48px),88px);padding-right:max(clamp(16px,4vw,48px),88px)}}
.hpin>.deco{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}

.deco{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}

.instagram-card{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;padding:12px 28px;border-radius:100px;
  background:linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.12) 100%);-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);
  border:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-size:.98rem;font-weight:700;letter-spacing:.4px;
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 1.5px rgba(255,255,255,.8),inset 0 -1px 2px rgba(0,0,0,.15);
  transition:transform .4s cubic-bezier(.175,.885,.32,1.25),box-shadow .4s,background .4s,border-color .4s}
.instagram-card::before{content:'';position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .75s ease}
.instagram-card:hover::before{left:120%}
.instagram-card i{font-size:1.3rem;transition:transform .4s ease;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.instagram-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.22) 100%);transform:translateY(-3px) scale(1.04);border-color:rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 25px rgba(255,255,255,.3),inset 0 1px 2px #fff}
.instagram-card:hover i{transform:rotate(12deg) scale(1.2)}
.foot-ig{margin-top:10px;padding:10px 24px;font-size:.92rem}

.hero{--rs:var(--rs-base,72px)}
@media(max-width:600px){.hero{--rs:calc(var(--rs-base,72px) * .82)}}
.reel{position:absolute;z-index:6;left:50%;bottom:28px;transform:translateX(-50%);width:min(900px,94%);overflow:hidden;padding:20px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.reel-track{display:flex;width:max-content;animation:reelMove var(--dur,30s) linear infinite}
.reel-group{display:flex;gap:14px;padding-right:14px}
.reel:hover .reel-track{animation-play-state:paused}
.reel.static{display:flex;justify-content:center}
.reel.static .reel-track{animation:none}
@keyframes reelMove{to{transform:translateX(calc(-1 * var(--gw,0px)))}}
.reel-item{position:relative;display:block;flex:0 0 auto;width:var(--rs);height:var(--rs);border-radius:50%;overflow:hidden;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.6);
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 1px rgba(255,255,255,.7),inset 0 -1px 2px rgba(0,0,0,.15);
  transition:transform .45s cubic-bezier(.175,.885,.32,1.3),box-shadow .4s,border-color .4s}
.reel-sq .reel-item{border-radius:28%}
.reel-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease;-webkit-user-drag:none;user-select:none}
.reel-item::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 48%)}
.reel-veil{position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-size:calc(var(--rs) * .27);
  background:linear-gradient(135deg,rgba(234,13,67,.66),rgba(184,0,47,.5));-webkit-backdrop-filter:blur(8px) saturate(170%);backdrop-filter:blur(8px) saturate(170%);
  opacity:0;transition:opacity .35s ease}
.reel-item:hover,.reel-item:focus-visible{transform:translateY(-6px) scale(1.14);border-color:#fff;box-shadow:0 16px 34px rgba(234,13,67,.5),0 0 22px rgba(255,255,255,.4),inset 0 1px 2px #fff}
.reel-item:hover img{transform:scale(1.15)}
.reel-item:hover .reel-veil,.reel-item:focus-visible .reel-veil{opacity:1}
.reel-item.no-link{cursor:default}

.hero.has-reel .slide-copy{bottom:calc(var(--rs) + 78px)}
.hero.has-reel.has-ctrl .slide-copy{bottom:calc(var(--rs) + 132px)}
.hero.has-reel .hero-ctrl{bottom:calc(var(--rs) + 62px);z-index:7}

.reel-pl{left:auto;right:clamp(12px,3vw,44px);bottom:0;transform:none;width:min(640px,58%);padding:34px 0 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.reel-pl.static{justify-content:flex-end}
.reel-pl .reel-group{gap:18px;padding-right:18px;align-items:flex-end}
.reel-pl .reel-item{--rot:-5deg;--lift:0px;width:calc(var(--rs) * 1.12);height:auto;border-radius:4px;overflow:visible;background:#fff;border:0;
  padding:calc(var(--rs) * .08) calc(var(--rs) * .08) calc(var(--rs) * .42);box-shadow:0 12px 26px rgba(0,0,0,.38);
  transform:translateY(var(--lift)) rotate(var(--rot))}
.reel-pl .reel-item:nth-child(4n+2){--rot:4deg;--lift:-8px}
.reel-pl .reel-item:nth-child(4n+3){--rot:-2.5deg;--lift:4px}
.reel-pl .reel-item:nth-child(4n+4){--rot:7deg;--lift:-4px}
.reel-pl .reel-item img{width:100%;height:auto;aspect-ratio:1/1;border-radius:2px;transition:none}
.reel-pl .reel-item::before{inset:auto;left:50%;top:calc(var(--rs) * -.1);width:calc(var(--rs) * .42);height:calc(var(--rs) * .17);
  transform:translateX(-50%) rotate(-3deg);border-radius:1px;background:rgba(255,236,170,.8);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.reel-pl .reel-item:nth-child(even)::before{transform:translateX(-50%) rotate(4deg);background:rgba(255,255,255,.7)}
.reel-pl .reel-veil{display:none}
.reel-note{position:absolute;left:4px;right:4px;bottom:calc(var(--rs) * .06);text-align:center;color:#7a1030;font:700 calc(var(--rs) * .2)/1.1 'Caveat','Segoe Print','Comic Sans MS',cursive;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-pl .reel-item:hover,.reel-pl .reel-item:focus-visible{transform:translateY(-8px) rotate(0deg) scale(1.1);box-shadow:0 20px 38px rgba(0,0,0,.45);z-index:3}
@media(max-width:899px){
  .reel-pl{right:0;left:0;width:100%;padding-bottom:16px}
  .reel-pl.static{justify-content:center}
  .hero.has-pl .slide-copy{bottom:calc(var(--rs) * 1.6 + 72px)}
  .hero.has-pl.has-ctrl .slide-copy{bottom:calc(var(--rs) * 1.6 + 124px)}
  .hero.has-pl .hero-ctrl{bottom:calc(var(--rs) * 1.6 + 58px)}
}
@media(min-width:900px){
  .hero.has-pl .slide-copy{bottom:78px}
  .hero.has-pl.has-ctrl .slide-copy{bottom:120px}
  .hero.has-pl .hero-ctrl{bottom:52px}
}
@media(prefers-reduced-motion:reduce){.reel{overflow-x:auto}.reel-track{animation:none}}

@media(max-width:430px){
  .glass-nav{gap:6px}
  .brand{font-size:1rem;flex:1 1 auto}
  .brand-logo{height:28px;max-width:min(120px,100%)}
  .theme-sw{width:44px;height:28px}
  .theme-sw .knob{top:3px;left:3px;width:20px;height:20px}
  html[data-theme="light"] .theme-sw .knob{transform:translateX(16px)}
  .lang-sw{padding:2px;font-size:.7rem}
  .lang-sw span{padding:6px 9px}
}
@media(max-width:350px){
  .nav-links a{font-size:.54rem}
  .brand{font-size:.92rem}
  .lang-sw span{padding:6px 7px}
  .theme-sw{width:40px}
  html[data-theme="light"] .theme-sw .knob{transform:translateX(12px)}
}

@media(max-width:1000px){
  .hero,.hpin{--dk:78px}
  .hs-on .hpin{padding-bottom:calc(var(--dk) + 18px)}
  .reel{bottom:calc(28px + var(--dk))}
  .reel-pl{bottom:var(--dk)}
  .slide-copy{bottom:calc(clamp(124px,18vh,176px) + var(--dk))}
  .hero-ctrl{bottom:calc(52px + var(--dk))}
  .hero.has-reel .slide-copy{bottom:calc(var(--rs) + 78px + var(--dk))}
  .hero.has-reel.has-ctrl .slide-copy{bottom:calc(var(--rs) + 132px + var(--dk))}
  .hero.has-reel .hero-ctrl{bottom:calc(var(--rs) + 62px + var(--dk))}
  .hero.has-pl .slide-copy{bottom:calc(78px + var(--dk))}
  .hero.has-pl.has-ctrl .slide-copy{bottom:calc(120px + var(--dk))}
  .hero.has-pl .hero-ctrl{bottom:calc(52px + var(--dk))}
}
@media(max-width:899px){
  .hero.has-pl .slide-copy{bottom:calc(var(--rs) * 1.6 + 72px + var(--dk))}
  .hero.has-pl.has-ctrl .slide-copy{bottom:calc(var(--rs) * 1.6 + 124px + var(--dk))}
  .hero.has-pl .hero-ctrl{bottom:calc(var(--rs) * 1.6 + 58px + var(--dk))}
}
@media(max-width:600px){
  .slide-copy{bottom:calc(116px + var(--dk))}
  .hero-ctrl{bottom:calc(48px + var(--dk))}
}

.maint-pill{position:fixed;z-index:95;left:50%;top:78px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:8px 16px;border-radius:100px;background:#fff;color:#b8002f;font-size:.74rem;font-weight:800;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 22px rgba(0,0,0,.3)}
@media(max-width:1000px){.maint-pill{top:70px;font-size:.68rem}}

html.lite *,html.lite *::before,html.lite *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.lite .deco{display:none}
html.lite .glass-nav,html.lite .glass-nav::before,html.lite .nav-links{background:rgba(24,2,9,.92)}
html.lite .glass,html.lite .btn-glass,html.lite .hero-ctrl{background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.2))}
html.lite .reel,html.lite .deco,html.lite .pcard-media{-webkit-mask-image:none;mask-image:none}
html.lite .pcard,html.lite .hcard{will-change:auto}

html.phone *,html.phone *::before,html.phone *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}
html.phone .deco{display:none}
html.phone .glass-nav,html.phone .glass-nav::before,html.phone .nav-links{background:rgba(24,2,9,.94)}
html.phone .glass,html.phone .btn-glass,html.phone .hero-ctrl,html.phone .instagram-card{background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.16))}
html.phone .reel,html.phone .pcard-media{-webkit-mask-image:none;mask-image:none}
html.phone .hveil{display:none!important}
html.phone .hcard::before,html.phone .hcard::after{display:none!important;animation:none!important}
html.phone .hprog span{transition:none}
html.phone .hlist li{opacity:1!important;transform:none!important;transition:none!important}
html.phone.hs-on .htrack{clip-path:none}
html.phone.hs-on .hcard{will-change:transform;backface-visibility:hidden}

.about-pic.fit{display:grid;place-items:center;background:linear-gradient(135deg,#ea0d43,#8f0028)}
.about-pic.fit img{width:72%;height:auto;max-height:60%;object-fit:contain}

html.phone .hscene{height:auto}
html.phone .hpin{position:relative;height:auto;overflow:visible;padding:0}
html.phone .htrack{display:block;max-width:none;max-height:none;overflow:visible;padding:8px 16px 40px;clip-path:none}
html.phone .hcard{position:sticky;inset:auto;top:calc(88px + var(--i,0)*16px);margin-bottom:max(30vh,180px);transform:none!important;will-change:auto}
html.phone .hcard:last-child{margin-bottom:0}
html.phone .hcard{outline:6px solid #080103;outline-offset:0;border:1.5px solid rgba(255,255,255,.4)}
html.phone .hprog{display:none}

html.phone .hcard.has-img{display:grid;grid-template-columns:36% 1fr;column-gap:14px;align-items:start;padding:var(--pad)}
html.phone .hcard.has-img .hphoto{position:relative;left:auto;top:auto;bottom:auto;width:auto;max-height:none;min-height:0;margin:0;aspect-ratio:4/5;grid-column:1;grid-row:1;border-radius:18px}
html.phone .hcard.has-img .hin{display:contents}
html.phone .hcard.has-img .hmain{grid-column:2;grid-row:1;align-self:center}
html.phone .hcard.has-img .hmain h3{font-size:1.25rem;margin-bottom:6px}
html.phone .hcard.has-img .hlist{grid-column:1/-1;margin-top:16px}
html.phone .hcard.has-img .hin>.hbtn{grid-column:1/-1;justify-self:start;margin-top:14px}
html.phone .hmain p{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;font-size:.85rem;line-height:1.5}

.pcard-link{margin-top:22px}
@media(max-width:600px){
  .pcard,.pcard.flip{height:auto;min-height:clamp(470px,74vh,610px);grid-template-rows:auto 1fr}
  .pcard .pcard-media,.pcard.flip .pcard-media{aspect-ratio:16/10;min-height:0;height:auto}
  .pcard-body{justify-content:flex-start;gap:14px}
  .pcard-link{margin-top:16px}
}

.project-page .back{display:inline-flex;gap:8px;align-items:center;margin-bottom:26px;font-size:.9rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.8)}
.project-page .back:hover{color:#fff}
.pj-head{max-width:880px;margin-bottom:clamp(28px,5vw,52px)}
.pj-title{font-size:clamp(2.3rem,7vw,5.2rem);line-height:1.04;margin:18px 0 20px}
.pj-lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;color:rgba(255,255,255,.82);max-width:62ch}
.pj-meta{display:flex;flex-wrap:wrap;gap:22px clamp(28px,5vw,56px);margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.pj-meta dt{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff7b98;margin-bottom:6px}
.pj-meta dd{font-size:1.02rem;font-weight:700}
.pj-tags dd{display:flex;flex-wrap:wrap;gap:8px}
.pj-tags dd span{padding:5px 14px;border:1px solid rgba(255,255,255,.28);border-radius:100px;font-size:.82rem;font-weight:600}
.pj-cover{margin:0 0 clamp(40px,7vw,84px)}
.pj-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(20px,3vw,32px);border:1px solid rgba(255,255,255,.14)}
.pj-h{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff7b98;display:flex;align-items:center;gap:14px}
.pj-h::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.16)}
.pj-story{max-width:780px;margin:0 auto clamp(48px,8vw,96px)}
.pj-story .prose{margin-top:26px}
.pj-story .prose>p:first-child{font-size:clamp(1.15rem,2.2vw,1.38rem);line-height:1.65;color:#fff}
.pj-gallery{margin-bottom:clamp(40px,6vw,80px)}
.pj-gh{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.pj-gh .pj-h{flex:1}
.pj-gh>span{font-size:.85rem;color:rgba(255,255,255,.62);white-space:nowrap}
.pg-grid{columns:3 260px;column-gap:14px}
.pg-item{position:relative;display:block;break-inside:avoid;margin-bottom:14px;border-radius:20px;overflow:hidden;background:#150209;border:1px solid rgba(255,255,255,.1);cursor:zoom-in}
.pg-item img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}
.pg-item:hover img,.pg-item:focus-visible img{transform:scale(1.045)}
.pg-zoom{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;color:#fff;background:rgba(8,1,3,.55);border:1px solid rgba(255,255,255,.4);opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}
.pg-item:hover .pg-zoom,.pg-item:focus-visible .pg-zoom{opacity:1;transform:none}
@media(hover:none){.pg-zoom{opacity:.9;transform:none}}
.pg-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;font-size:.84rem;font-weight:600;line-height:1.35;color:#fff;background:linear-gradient(0deg,rgba(8,1,3,.78),transparent)}
.pj-visit{margin:0 0 clamp(36px,6vw,64px)}
.pj-next{display:flex;align-items:center;gap:20px;padding:14px 26px 14px 14px;border-radius:30px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));transition:transform .4s var(--ease),border-color .3s}
.pj-next:hover{transform:translateY(-4px);border-color:rgba(234,13,67,.7)}
.pj-next-img{flex:0 0 clamp(72px,12vw,120px);aspect-ratio:4/3;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(234,13,67,.5),rgba(36,3,10,.9));font-size:1.6rem}
.pj-next-img img{width:100%;height:100%;object-fit:cover}
.pj-next-t{flex:1;min-width:0}
.pj-next-t small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff7b98;margin-bottom:4px}
.pj-next-t strong{display:block;font-size:clamp(1.1rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.pj-next>i{font-size:1.3rem;transition:transform .3s}
.pj-next:hover>i{transform:translateX(6px)}

html.lb-open{overflow:hidden}
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;background:#080103;color:#fff;opacity:0;transition:opacity .26s}
.lb.on{opacity:1}
.lb-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 8px}
.lb-count{font-size:.88rem;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.75)}
.lb-btn,.lb-nav{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1rem;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);transition:background .25s,transform .25s}
.lb-btn:hover,.lb-nav:hover{background:rgba(234,13,67,.85);transform:scale(1.07)}
.lb-nav{align-self:center;margin:0 14px}
.lb-stage{position:relative;grid-column:2;display:grid;place-items:center;min-height:0;min-width:0}
.lb-stage img{max-width:100%;max-height:calc(100vh - 230px);max-height:calc(100svh - 230px);object-fit:contain;border-radius:14px;touch-action:pan-y}
.lb-stage img.in-r{animation:lbInR .38s var(--ease)}
.lb-stage img.in-l{animation:lbInL .38s var(--ease)}
@keyframes lbInR{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes lbInL{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
.lb-spin{position:absolute;width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:lbSpin .8s linear infinite;opacity:0;transition:opacity .2s .15s;pointer-events:none}
.lb.loading .lb-spin{opacity:1}
@keyframes lbSpin{to{transform:rotate(360deg)}}
.lb-cap{grid-column:1/-1;text-align:center;padding:12px 24px 4px;font-size:.98rem;font-weight:600;color:rgba(255,255,255,.9);min-height:1.4em}
.lb-cap[hidden]{display:block;visibility:hidden}
.lb-thumbs{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;padding:10px 18px calc(14px + env(safe-area-inset-bottom,0px));scrollbar-width:none;justify-content:safe center}
.lb-thumbs::-webkit-scrollbar{display:none}
.lb-thumbs button{flex:0 0 auto;width:58px;height:58px;border-radius:12px;overflow:hidden;border:2px solid transparent;opacity:.5;transition:opacity .25s,border-color .25s}
.lb-thumbs button.on{opacity:1;border-color:#fff}
.lb-thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){
  .lb{grid-template-columns:minmax(0,1fr)}
  .lb-stage{grid-column:1;grid-row:2}
  .lb-nav{position:absolute;z-index:2;top:50%;margin:0;width:42px;height:42px;background:rgba(8,1,3,.55)}
  .lb-prev{left:8px}.lb-next{right:8px}
  .lb-stage img{border-radius:10px}
  .lb-thumbs button{width:48px;height:48px}
}
@media(max-height:520px){.lb-thumbs{display:none}.lb-stage img{max-height:calc(100svh - 130px)}}
@media(prefers-reduced-motion:reduce){.lb,.pg-item img{transition:none}.lb-stage img{animation:none!important}}
html[data-theme="light"] .pj-lead,html[data-theme="light"] .pj-gh>span{color:rgba(26,2,8,.72)}
html[data-theme="light"] .project-page .back{color:rgba(26,2,8,.75)}
html[data-theme="light"] .pj-meta{border-top-color:rgba(26,2,8,.14)}
html[data-theme="light"] .pj-tags dd span{border-color:rgba(26,2,8,.25)}
html[data-theme="light"] .pj-story .prose>p:first-child,html[data-theme="light"] .pj-next{color:#1a0208}
html[data-theme="light"] .pj-next{background:#fff;border-color:rgba(26,2,8,.12)}
html.phone .pg-item{border-color:rgba(255,255,255,.1)}

@media(max-width:600px){
  .pcard .pcard-link{position:absolute;top:20px;right:20px;margin:0;z-index:6;padding:9px 16px;font-size:.82rem;box-shadow:0 6px 18px rgba(0,0,0,.35)}
}

.glass-nav:not(.scrolled){background:linear-gradient(135deg,rgba(214,12,64,.82),rgba(128,6,38,.84));border-color:rgba(255,255,255,.45)}
.slide-title{text-shadow:0 2px 3px rgba(30,2,12,.35),0 4px 30px rgba(30,2,12,.5)}
.slide-sub{color:#fff;text-shadow:0 1px 3px rgba(30,2,12,.5),0 2px 14px rgba(30,2,12,.55)}
@media(max-width:1000px){
  .glass-nav:not(.scrolled)::before{background:linear-gradient(135deg,rgba(214,12,64,.84),rgba(128,6,38,.86))}
  .hero,.hpin{--dk:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:1001px){html.lite .nav-links,html.phone .nav-links{background:none}}
@media(min-width:1001px){html.lite .glass-nav:not(.scrolled),html.phone .glass-nav:not(.scrolled){background:linear-gradient(135deg,rgba(214,12,64,.9),rgba(128,6,38,.92))}}
@media(max-width:1000px){html.lite .glass-nav:not(.scrolled)::before,html.phone .glass-nav:not(.scrolled)::before{background:linear-gradient(135deg,rgba(214,12,64,.9),rgba(128,6,38,.92))}}

h1,h2,h3,h4,.slide-title,.brand-text,.grad-title{font-family:var(--font-head,var(--font))}
button,input,select,textarea{font-family:inherit}

.sx{--bg:#0c0408;--fg:#f6e9e2;--on-fg:#2a0712;--mute:rgba(246,233,226,.72);--line:rgba(246,233,226,.22);--accent:#ff6b86;--tabbg:rgba(24,6,12,.82);--soft:rgba(246,233,226,.06);--soft2:rgba(246,233,226,.18);--t0:#3a0a1a;--t1:#2a0712;--t2:#34091a;--t3:#240512;--glow:.45;--blend:screen;--arch1:#4a0d22;--arch2:#0c0408;
--sxd:var(--display,'Fraunces',Georgia,'Times New Roman',serif);--sxb:var(--font,'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif);--sxe:cubic-bezier(.2,.8,.2,1);color:var(--fg);font-family:var(--sxb)}
html[data-theme="light"] .sx{--bg:#fbf1ed;--fg:#2a0712;--on-fg:#fbf1ed;--mute:rgba(42,7,18,.68);--line:rgba(42,7,18,.2);--accent:#c8003a;--tabbg:rgba(255,255,255,.72);--soft:rgba(42,7,18,.05);--soft2:rgba(42,7,18,.12);--t0:#f4cfd6;--t1:#f2d3da;--t2:#f6d9cc;--t3:#f1ccd5;--glow:.3;--blend:multiply;--arch1:#f0c3cd;--arch2:#fbf1ed}
.sx{background:var(--bg)}
.sx *{box-sizing:border-box}
.sx-stage{padding:0}
.sx-stage{position:relative;background:var(--bg)}
.sx-tabs{position:absolute;z-index:5;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 74px);display:flex;padding:4px;border-radius:20px;background:var(--tabbg);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.45);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.sx-tabs::-webkit-scrollbar{display:none}
.sx-ind{position:absolute;left:0;top:4px;bottom:4px;width:80px;border-radius:16px;background:var(--fg);box-shadow:0 6px 16px rgba(0,0,0,.35);will-change:transform;pointer-events:none}
.sx-tab{appearance:none;background:none;border:0;position:relative;z-index:1;flex:1 0 auto;min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:0 12px;color:var(--mute);font:700 10px/1 var(--sxb);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .35s}
.sx-tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.sx-tab.sx-on{color:var(--on-fg)}
.sx-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:16px}
.sx-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.sx-track::-webkit-scrollbar{display:none}
.sx-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;min-height:100svh;padding-top:136px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.sx-art{position:relative;flex:1 1 420px;min-height:420px;overflow:hidden;margin-top:-136px;padding-top:136px}
.sx-art svg{position:absolute;left:0;right:0;top:136px;bottom:0;width:100%;height:calc(100% - 136px);overflow:visible}
.sx-art::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,var(--bg))}
.sx-panel{position:relative;z-index:2;background:var(--bg);margin-top:-34px;padding:0 max(22px,env(safe-area-inset-left,0px)) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.sx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}
.sx-pager{display:flex;align-items:center;gap:10px}
.sx-pg{appearance:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--fg);font:400 1.25rem/1 var(--sxd);display:grid;place-items:center;cursor:pointer;padding:0 0 3px;transition:background .3s,transform .3s}
.sx-pp{padding:0}.sx-pp .ic-play{display:none}.sx-pp[aria-pressed=true] .ic-play{display:block}.sx-pp[aria-pressed=true] .ic-pause{display:none}
.sx-pg:active{transform:scale(.92);background:var(--soft2)}.sx-pg:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sx-seg{display:flex;gap:5px}.sx-seg i{display:block;width:14px;height:3px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.sx-seg i::after{content:'';position:absolute;inset:0;background:var(--fg);transform-origin:left;transform:scaleX(var(--f,0))}
.sx-eyebrow{font:600 11px/1 var(--sxb);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.sx .sx-t{font-family:var(--sxd);font-weight:300;font-size:clamp(2.3rem,11.6vw,4.4rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance;font-variation-settings:'opsz' 144}
.sx .sx-t.sx-len-l{font-size:clamp(2rem,9.6vw,3.3rem)}.sx .sx-t.sx-len-xl{font-size:clamp(1.8rem,8.4vw,2.9rem);line-height:1}
.sx .sx-t{hyphens:auto;overflow-wrap:anywhere}
.sx-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .26em;margin-bottom:-.2em}
.sx-w>i{display:inline-block;font-style:normal}.sx-w.sx-it>i{font-style:italic;font-weight:300;color:var(--accent)}
.sx-lead{font-size:.92rem;line-height:1.55;color:var(--mute);max-width:38ch}
.sx-subs{list-style:none;padding:0}
.sx-subs li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;font-family:var(--sxd);font-size:1.04rem;font-weight:300;transition:padding .4s var(--sxe),background .4s}
.sx-subs li::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.sx-subs li b{font:500 .8rem/1 var(--sxb);color:var(--accent);opacity:.55;transition:transform .4s var(--sxe),opacity .4s}
.sx-subs li:active,.sx-subs li:hover{padding-left:10px;background:linear-gradient(90deg,rgba(255,107,134,.16),transparent 80%)}
.sx-subs li:active b,.sx-subs li:hover b{opacity:1;transform:translate(3px,-3px)}
.sx-subs.sx-many{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.sx-subs.sx-many li{font-size:.92rem;padding:9px 2px}
.sx-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;margin-top:6px;color:var(--fg);text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.02em}
.sx-cta span{border-bottom:1px solid var(--fg);padding-bottom:3px}
.sx-cta b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--fg);color:var(--on-fg);font-size:1.05rem;transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.sx-cta:hover b,.sx-cta:focus-visible b{transform:translateX(5px)}
.sx-cta:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:30px}
.sx-hint{position:absolute;z-index:6;right:max(16px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 136px);font:600 10px/1 var(--sxb);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:8px;transition:opacity .5s}
.sx-hint i{display:block;width:26px;height:1px;background:var(--fg);animation:sx-nudge 1.8s ease-in-out infinite}
@keyframes sx-nudge{50%{transform:translateX(7px)}}
.sx-stage.sx-moved .sx-hint{opacity:0}
@keyframes sx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html.sx-js .sx-rv .sx-eyebrow,html.sx-js .sx-rv .sx-lead,html.sx-js .sx-rv .sx-cta{opacity:0}
html.sx-js .sx-rv.sx-on .sx-eyebrow,html.sx-js .sx-rv.sx-on .sx-lead,html.sx-js .sx-rv.sx-on .sx-cta{animation:sx-rise .8s var(--sxe) both}
html.sx-js .sx-rv.sx-on .sx-lead{animation-delay:.3s}html.sx-js .sx-rv.sx-on .sx-cta{animation-delay:.8s}
html.sx-js .sx-w>i{transform:translateY(108%)}
html.sx-js .sx-rv.sx-on .sx-w>i{transform:none;transition:transform 1.05s var(--sxe);transition-delay:calc(var(--k)*.1s + .06s)}
html.sx-js .sx-subs li{opacity:0}html.sx-js .sx-subs li::after{transform:scaleX(0);transform-origin:left}
html.sx-js .sx-rv.sx-on .sx-subs li{opacity:1;transition:opacity .6s ease,padding .4s var(--sxe),background .4s;transition-delay:calc(var(--k)*.05s + .4s),0s,0s}
html.sx-js .sx-rv.sx-on .sx-subs li::after{transform:none;transition:transform 1s var(--sxe);transition-delay:calc(var(--k)*.05s + .35s)}
@supports (animation-timeline:view()){
 .sx-art svg{animation:sx-px linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%}
 @keyframes sx-px{from{transform:translateX(18%) scale(.96)}50%{transform:none}to{transform:translateX(-18%) scale(.96)}}
 .sx-sq,.sx-rg,.sx-c1,.sx-c2,.sx-c3,.sx-bar{transform-box:fill-box;transform-origin:center}
 .sx-sq{animation:sx-pop linear both;animation-timeline:view(inline);animation-range:entry calc(var(--k)*3%) entry calc(70% + var(--k)*2%)}@keyframes sx-pop{from{transform:scale(.4) rotate(-12deg);opacity:0}}
 .sx-rg{animation:sx-ring linear both;animation-timeline:view(inline);animation-range:entry calc(var(--k)*4%) entry calc(75% + var(--k)*3%)}@keyframes sx-ring{from{transform:scale(.45);opacity:0}}
 .sx-c1,.sx-c2,.sx-c3{animation:sx-conv linear both;animation-timeline:view(inline);animation-range:entry 0% entry 90%}.sx-c1{--x:-80px;--y:0px}.sx-c2{--x:80px;--y:0px}.sx-c3{--x:0px;--y:90px}@keyframes sx-conv{from{transform:translate(var(--x),var(--y));opacity:.2}}
 .sx-bar{transform-origin:50% 100%;animation:sx-grow linear both;animation-timeline:view(inline);animation-range:entry calc(var(--k)*5%) entry calc(65% + var(--k)*6%)}@keyframes sx-grow{from{transform:scaleY(.12);opacity:.1}}
}
@media(min-width:900px){.sx-slide{flex-direction:row;align-items:center;min-height:min(100svh,820px)}.sx-art{flex:1 1 50%;align-self:stretch}.sx-art::after{width:40%;height:100%;left:auto;right:0;background:linear-gradient(90deg,transparent,var(--bg))}.sx-panel{flex:1 1 50%;margin:0;padding-block:80px}.sx-subs.sx-many{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sx-art svg,.sx-sq,.sx-rg,.sx-c1,.sx-c2,.sx-c3,.sx-bar,.sx-hint i{animation:none!important}html.sx-js .sx-rv .sx-eyebrow,html.sx-js .sx-rv .sx-lead,html.sx-js .sx-rv .sx-cta{opacity:1;animation:none!important}html.sx-js .sx-w>i,html.sx-js .sx-subs li,html.sx-js .sx-subs li::after{transition:none;transform:none;opacity:1}}
.sx-a0{background:radial-gradient(70% 45% at 78% 22%,rgba(224,32,79,var(--glow)),transparent 70%),linear-gradient(180deg,var(--t0),var(--bg))}
.sx-a1{background:radial-gradient(70% 45% at 50% 28%,rgba(255,107,134,var(--glow)),transparent 70%),linear-gradient(180deg,var(--t1),var(--bg))}
.sx-a2{background:radial-gradient(70% 45% at 30% 26%,rgba(255,138,92,var(--glow)),transparent 70%),linear-gradient(180deg,var(--t2),var(--bg))}
.sx-a3{background:radial-gradient(70% 45% at 70% 30%,rgba(255,107,134,var(--glow)),transparent 70%),linear-gradient(180deg,var(--t3),var(--bg))}
.sx-mix{mix-blend-mode:var(--blend)}
.sx-art svg{color:var(--fg)}

.sx-about{position:relative;padding-block:calc(104px + env(safe-area-inset-top,0px)) 72px;padding-inline:max(22px,env(safe-area-inset-left,0px));overflow:hidden;background:radial-gradient(60% 40% at 90% 10%,rgba(224,32,79,calc(var(--glow)*.6)),transparent 70%),var(--bg)}
.sx-ab{display:grid;gap:44px;max-width:1080px;margin:0 auto}
.sx-ab-vis{position:relative;width:min(72%,300px);justify-self:start;margin-left:2px}
.sx-arch{aspect-ratio:4/5;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(180deg,var(--arch1),var(--arch2));border:1px solid var(--line)}
.sx-ab-vis::before{content:'';position:absolute;inset:0;transform:translate(14px,14px);border:1px solid var(--accent);border-radius:30px;opacity:.55;pointer-events:none}
.sx-arch svg{position:absolute;inset:0;width:100%;height:100%}
.sx-arch small{position:absolute;left:0;right:0;bottom:16px;text-align:center;font:600 9px/1.4 var(--sxb);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.sx-ring{position:absolute;right:-26px;bottom:34px;width:112px;height:112px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center}
.sx-ring svg{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);animation:sx-spin 26s linear infinite}
.sx-ring text{font:700 12.5px var(--sxb);letter-spacing:.2em;fill:var(--fg)}
.sx-ring b{font:300 1.7rem/1 var(--sxd);color:var(--accent)}
@keyframes sx-spin{to{transform:rotate(360deg)}}
.sx-ab-tx{display:flex;flex-direction:column;gap:18px;min-width:0}
.sx-ab-tx .sx-t{font-size:clamp(2.4rem,11.5vw,4.2rem);line-height:1.04}.sx-ab-tx .sx-t.sx-len-l{font-size:clamp(2rem,9.4vw,3.4rem)}.sx-ab-tx .sx-t.sx-len-xl{font-size:clamp(1.8rem,8.2vw,3rem)}
.sx-ab-tx .sx-lead{max-width:40ch;font-size:.98rem}
.sx-ab-tx .sx-subs li{font-size:1.1rem}
.sx-about .sx-cta{margin-top:10px}
@media(min-width:900px){.sx-about{padding-block:120px}.sx-ab{grid-template-columns:5fr 6fr;align-items:center;gap:7vw}.sx-ab-vis{width:100%;max-width:420px;justify-self:center}.sx-ring{right:-40px;width:132px;height:132px}.sx-ab-tx .sx-t{font-size:clamp(3rem,5vw,4.8rem)}}
@media(prefers-reduced-motion:reduce){.sx-ring svg{animation:none}}
.sx-ph{position:absolute;inset:0;display:grid;place-items:center;padding:18%}
.sx-ph img{max-width:46%;max-height:30%;object-fit:contain;position:relative}
.sx-ph .brand-text{font:400 1.35rem/1.1 var(--sxd);color:var(--fg);position:relative;text-align:center}
.sx-arch>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx-arch>img.fit{object-fit:contain;padding:10%}
.sx-ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sx-art>img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover}
.sx-art.has-photo::after{height:60%}
.sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sx-empty{padding:calc(104px + env(safe-area-inset-top,0px)) 22px 96px;text-align:center}
.sx .sx-subs li span{min-width:0;overflow-wrap:anywhere}
@media(min-width:900px){
.sx-tabs{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(92vw,900px);top:92px}
.sx-hint{top:92px}
.sx-tab{min-width:92px}
.sx-slide{padding-top:0}
.sx-art{margin-top:0;padding-top:0}
.sx-art svg{top:0;height:100%}
.sx-panel{padding:150px 110px 90px 0}.sx-about{padding-right:max(22px,96px)}
.sx-art.has-photo::after{width:30%;height:100%}
}
@media(max-width:899px){.sx-about{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
@media(max-width:899px){
.sx-art{flex:0 0 auto;min-height:0;height:calc(136px + 22svh)}
.sx-slide{min-height:0}
.sx-panel{margin-top:-26px}
}

.sx-tarr{position:sticky;z-index:3;flex:0 0 0;width:0;overflow:visible;pointer-events:none}
.sx-tl{left:0}.sx-tr{right:0}
.sx-tarr button{appearance:none;border:0;position:absolute;top:-4px;bottom:-4px;width:38px;padding:0;color:var(--fg);font:400 1.5rem/1 var(--sxd);cursor:pointer;opacity:0;transition:opacity .3s;pointer-events:none;display:grid;place-items:center}
.sx-tl button{left:-4px;border-radius:20px 0 0 20px;background:linear-gradient(90deg,var(--tabbg) 40%,transparent);justify-items:start;padding-left:8px}
.sx-tr button{right:-4px;border-radius:0 20px 20px 0;background:linear-gradient(270deg,var(--tabbg) 40%,transparent);justify-items:end;padding-right:8px}
.sx-tabs.sx-ml .sx-tl button,.sx-tabs.sx-mr .sx-tr button{opacity:1;pointer-events:auto}
.sx-tabs.sx-mr .sx-tr button{animation:sx-nudgeR 1.8s ease-in-out infinite}
@keyframes sx-nudgeR{50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.sx-tabs.sx-mr .sx-tr button{animation:none}}
.sx-row{min-width:0}
.sx-row .sx-eyebrow{flex:0 0 auto}
.sx-pager{flex:0 1 auto;min-width:0}
.sx-pg{flex:0 0 auto}
.sx-seg{flex:0 1 auto;min-width:0}
.sx-seg i{flex:0 1 14px;min-width:3px}
@media(max-width:380px){.sx-pager{gap:7px}.sx-pg{width:34px;height:34px}.sx-seg{gap:3px}.sx-seg i{width:auto;flex:0 1 10px}}
.sx-arch svg{color:var(--fg)}
.sx-track{align-items:flex-start;overflow-y:hidden;transition:height .35s var(--sxe,ease)}
.sx-slide{align-self:flex-start}

.sx-stage{padding-top:calc(env(safe-area-inset-top,0px) + 78px)}
.sx-tabs{position:relative;left:auto;right:auto;top:auto;transform:none;margin:0 max(14px,env(safe-area-inset-left,0px)) 14px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.sx-art{margin-top:0;padding-top:0;height:max(210px,27svh)}
.sx-art svg{top:0;height:100%}
.sx-hint{top:calc(env(safe-area-inset-top,0px) + 154px)}
.sx-art.has-photo::after{height:42%}
@media(min-width:900px){
.sx-stage{padding-top:96px}
.sx-tabs{margin:0 auto 22px;width:max-content;max-width:min(92vw,900px);left:auto;transform:none;top:auto}
.sx-slide{min-height:min(calc(100svh - 190px),700px)}
.sx-art{height:auto;min-height:0}
.sx-panel{padding:40px 110px 70px 0}
.sx-hint{top:118px;right:104px}
.sx-art.has-photo::after{height:100%;width:34%}
}
.sx-slide{padding-top:0}

@media(max-width:899px){
.sx-about{padding-bottom:36px}
.sx-stage{padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
.sx-art.has-photo{height:auto}
.sx-art.has-photo>img{position:relative;display:block;width:100%;height:auto;max-height:50svh;object-fit:cover;object-position:50% 25%}
.sx-art.has-photo::after{height:34%}
}
.sx-art>img{object-position:50% 25%}

.slide-title{background:none;-webkit-text-fill-color:#fff;color:#fff;filter:none;letter-spacing:-.028em;
  text-shadow:0 1px 0 rgba(150,8,52,.75),0 2px 6px rgba(150,8,52,.6),0 8px 28px rgba(110,5,38,.55)}
.slide-sub{color:#fff;font-weight:600;letter-spacing:.005em;text-shadow:0 1px 1px rgba(150,8,52,.7),0 2px 8px rgba(150,8,52,.6),0 6px 26px rgba(110,5,38,.6)}
.slide-copy .btn-glass{color:#fff;background:linear-gradient(135deg,rgba(214,22,78,.62),rgba(130,8,46,.55));border:1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);text-shadow:0 1px 3px rgba(110,5,38,.6);
  box-shadow:0 10px 30px rgba(110,5,38,.35),inset 0 1px 1.5px rgba(255,255,255,.85),0 0 0 1px rgba(255,255,255,.06)}
.slide-copy .btn-glass:hover{background:linear-gradient(135deg,rgba(234,32,92,.75),rgba(150,10,54,.68))}

.slide-title,.slide-sub,.slide-copy .btn{transition:color .5s,text-shadow .5s,background .5s,border-color .5s}
.slide.tone-dark .slide-title{background:none;-webkit-text-fill-color:#3a0615;filter:none;color:#3a0615;text-shadow:0 0 22px rgba(255,255,255,.65),0 1px 2px rgba(255,255,255,.5)}
.slide.tone-dark .slide-sub{color:#4a0a1d;font-weight:600;text-shadow:0 0 16px rgba(255,255,255,.7),0 1px 2px rgba(255,255,255,.5)}
.slide.tone-dark .slide-copy .btn-glass{background:linear-gradient(135deg,rgba(168,12,56,.95),rgba(110,6,36,.95));color:#fff;border-color:rgba(255,255,255,.55);text-shadow:none;box-shadow:0 10px 26px rgba(120,6,36,.35),inset 0 1px 1.5px rgba(255,255,255,.4)}

.slide-copy{max-width:min(720px,88%)}
.slide-title{font-family:var(--display,'Fraunces',Georgia,'Times New Roman',serif);font-weight:300;font-size:clamp(2.3rem,6.2vw,5rem);line-height:1.06;letter-spacing:-.022em;font-variation-settings:'opsz' 144}
.slide-title em{font-style:italic;font-weight:300;-webkit-text-fill-color:#ffd3df;color:#ffd3df;padding-right:.04em}
.slide-sub{margin:20px 0 0;padding-left:16px;border-left:2px solid rgba(255,255,255,.75);max-width:46ch;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.6}
.slide .slide-copy .btn-glass{margin-top:26px;padding:0;gap:14px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:700;font-size:.95rem;letter-spacing:.02em}
.slide .slide-copy .btn-glass:hover{background:none;box-shadow:none}
.slide .slide-copy .btn-glass span{border-bottom:1px solid rgba(255,255,255,.9);padding-bottom:3px}
.slide .slide-copy .btn-glass i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#a30a36;font-size:.95rem;text-shadow:none;box-shadow:0 8px 22px rgba(110,5,38,.35);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.slide .slide-copy .btn-glass:hover i{transform:translateX(5px)}
@keyframes aw-rise{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero.anim .slide.active .slide-title{animation:aw-rise .9s cubic-bezier(.2,.8,.2,1) both}
.hero.anim .slide.active .slide-sub{animation:aw-rise .9s .15s cubic-bezier(.2,.8,.2,1) both}
.hero.anim .slide.active .slide-copy .btn{animation:aw-rise .9s .3s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.slide.active .slide-title,.slide.active .slide-sub,.hero.anim .slide.active .slide-copy .btn{animation:none}}
.slide.tone-dark .slide-title em{-webkit-text-fill-color:#a30a36;color:#a30a36}
.slide.tone-dark .slide-sub{border-left-color:rgba(58,6,21,.6)}
.slide.tone-dark .slide .slide-copy .btn-glass{background:none;color:#3a0615;box-shadow:none}
.slide.tone-dark .slide .slide-copy .btn-glass span{border-bottom-color:#3a0615}
.slide.tone-dark .slide .slide-copy .btn-glass i{background:#a30a36;color:#fff}

.slide.tone-dark .slide-title{-webkit-text-fill-color:#34081b;color:#34081b;text-shadow:0 0 24px rgba(255,255,255,.45)}
.slide.tone-dark .slide-title em{-webkit-text-fill-color:#c8003a;color:#c8003a}
.slide.tone-dark .slide-sub{color:#4a1226;text-shadow:0 0 18px rgba(255,255,255,.5);border-left-color:#c8003a}
.slide.tone-dark .slide .slide-copy .btn-glass,.slide.tone-dark .slide-copy .btn-glass{color:#34081b}
.slide.tone-dark .slide-copy .btn-glass span{border-bottom-color:#34081b}
.slide.tone-dark .slide-copy .btn-glass i{background:#34081b;color:#fff;box-shadow:0 8px 22px rgba(52,8,27,.3)}
.slide.tone-dark .slide-copy .btn-glass{background:none;border:0;box-shadow:none;text-shadow:none}

.slide.fallback.tone-dark .slide-title{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 2px 6px rgba(110,5,38,.55),0 8px 28px rgba(110,5,38,.5)}
.slide.fallback.tone-dark .slide-title em{-webkit-text-fill-color:#ffd3df;color:#ffd3df}
.slide.fallback.tone-dark .slide-sub{color:#fff;border-left-color:rgba(255,255,255,.75);text-shadow:0 1px 2px rgba(110,5,38,.6)}