/* Atsovia 2026 — shared rules, generated from the canvas. */
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#9A5A12;text-decoration:none}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dashmove{to{stroke-dashoffset:-32}}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.anim{animation:rise .95s cubic-bezier(.22,1,.36,1) both}
.a1{animation-delay:.05s}.a2{animation-delay:.14s}.a3{animation-delay:.23s}.a4{animation-delay:.32s}
.wipe{transform-origin:left center;animation:wipe 1.1s cubic-bezier(.22,1,.36,1) both}
.bob{animation:bob 7s ease-in-out infinite}
.flow{stroke-dasharray:5 9;animation:dashmove 1.4s linear infinite}
.blip{animation:pulse 2.6s ease-in-out infinite}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
}
@supports (animation-timeline: scroll()){
.prog{transform-origin:left center;animation:wipe linear both;animation-timeline:scroll()}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

@keyframes riseBlur{from{opacity:0;transform:translateY(38px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes clipUp{from{clip-path:inset(110% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(300%) skewX(-18deg)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes plx{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes spin{to{transform:rotate(360deg)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-0.03em}
.serif{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600}
.it{font-style:italic}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.num{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.04em;line-height:1}
.hw{display:inline-block;animation:riseBlur 1.1s cubic-bezier(.22,1,.36,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.65s}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.lift{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(14,31,26,.5)}
.btn{position:relative;overflow:hidden}
.sheen{position:absolute;top:0;left:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shine 5s ease-in-out infinite}
.pkt{opacity:0}
@supports (offset-path: path('M0 0L1 1')){.pkt{opacity:1;offset-rotate:0deg;animation:travel 3.6s linear infinite}}
@supports (animation-timeline: view()){
.count{animation:clipUp linear both;animation-timeline:view();animation-range:entry 6% entry 72%}
.plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
}

.navitem{position:relative;display:flex;align-items:center}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}

.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}

.navcard .navlink:nth-child(7){transition-delay:.20s}
.navcard .navlink:nth-child(8){transition-delay:.23s}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-0.03em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.navitem{position:relative}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:40}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}
.lift{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(14,31,26,.45)}

.prog{transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.prog{animation:progress linear;animation-timeline:scroll()}}
@keyframes progress{to{transform:scaleX(1)}}
.rev{opacity:0;transform:translateY(22px)}
@supports (animation-timeline: view()){
  .rev{animation:rise .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 26%}
}
@supports not (animation-timeline: view()){.rev{opacity:1;transform:none}}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
.ent{opacity:0;transform:translateY(16px);animation:rise .72s cubic-bezier(.22,1,.36,1) forwards}
.e1{animation-delay:.05s}.e2{animation-delay:.14s}.e3{animation-delay:.23s}.e4{animation-delay:.32s}.e5{animation-delay:.41s}
.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}
.glow{position:absolute;inset:-160px -240px auto -240px;height:420px;background:radial-gradient(60% 60% at 30% 0%,rgba(232,163,61,.20),rgba(232,163,61,0) 70%);pointer-events:none}
.cta-btn{position:relative;overflow:hidden}
.cta-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);animation:sheen 4.5s ease-in-out infinite}
@keyframes sheen{0%,62%{left:-120%}88%,100%{left:170%}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

.dgm-draw{stroke-dasharray:1400;stroke-dashoffset:1400}
@supports (animation-timeline: view()){
  .dgm-draw{animation:dgmdraw .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 34%}
  .dgm-node{opacity:0;animation:dgmpop .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 28%}
}
@supports not (animation-timeline: view()){.dgm-draw{stroke-dashoffset:0}.dgm-node{opacity:1}}
@keyframes dgmdraw{to{stroke-dashoffset:0}}
@keyframes dgmpop{to{opacity:1}}
.dgm-flow{animation:dgmflow 2.4s linear infinite;opacity:.9}
@keyframes dgmflow{to{stroke-dashoffset:-32}}
@media (prefers-reduced-motion: reduce){
  .dgm-draw{stroke-dashoffset:0!important;animation:none!important}
  .dgm-node{opacity:1!important;animation:none!important}
  .dgm-flow{animation:none!important;opacity:0}
}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#9A5A12;text-decoration:none}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes dashmove{to{stroke-dashoffset:-32}}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.anim{animation:rise .95s cubic-bezier(.22,1,.36,1) both}
.a1{animation-delay:.05s}.a2{animation-delay:.14s}.a3{animation-delay:.23s}.a4{animation-delay:.32s}
.wipe{transform-origin:left center;animation:wipe 1.1s cubic-bezier(.22,1,.36,1) both}
.flow{stroke-dasharray:5 9;animation:dashmove 1.4s linear infinite}
.blip{animation:pulse 2.6s ease-in-out infinite}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
.bar{transform-origin:left center;animation:wipe linear both;animation-timeline:view();animation-range:entry 12% cover 40%}
.col{transform-origin:bottom center;animation:grow linear both;animation-timeline:view();animation-range:entry 12% cover 40%}
}
@supports (animation-timeline: scroll()){
.prog{transform-origin:left center;animation:wipe linear both;animation-timeline:scroll()}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

@keyframes riseBlur{from{opacity:0;transform:translateY(38px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes clipUp{from{clip-path:inset(110% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(300%) skewX(-18deg)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes plx{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes spin{to{transform:rotate(360deg)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-0.03em}
.serif{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600}
.it{font-style:italic}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.num{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.04em;line-height:1}
.hw{display:inline-block;animation:riseBlur 1.1s cubic-bezier(.22,1,.36,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.65s}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.lift{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(14,31,26,.5)}
.btn{position:relative;overflow:hidden}
.sheen{position:absolute;top:0;left:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shine 5s ease-in-out infinite}
.pkt{opacity:0}
@supports (offset-path: path('M0 0L1 1')){.pkt{opacity:1;offset-rotate:0deg;animation:travel 3.6s linear infinite}}
@supports (animation-timeline: view()){
.count{animation:clipUp linear both;animation-timeline:view();animation-range:entry 6% entry 72%}
.plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
}

.navitem{position:relative;display:flex;align-items:center}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}

.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}

.navcard .navlink:nth-child(7){transition-delay:.20s}
.navcard .navlink:nth-child(8){transition-delay:.23s}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#9A5A12;text-decoration:none}
input,select,textarea,button{font-family:inherit}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dashmove{to{stroke-dashoffset:-32}}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.anim{animation:rise .95s cubic-bezier(.22,1,.36,1) both}
.a1{animation-delay:.05s}.a2{animation-delay:.14s}.a3{animation-delay:.23s}.a4{animation-delay:.32s}.a5{animation-delay:.41s}
.wipe{transform-origin:left center;animation:wipe 1.1s cubic-bezier(.22,1,.36,1) both}
.flow{stroke-dasharray:5 9;animation:dashmove 1.4s linear infinite}
.blip{animation:pulse 2.6s ease-in-out infinite}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
}
@supports (animation-timeline: scroll()){
.prog{transform-origin:left center;animation:wipe linear both;animation-timeline:scroll()}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

@keyframes riseBlur{from{opacity:0;transform:translateY(38px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes clipUp{from{clip-path:inset(110% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(300%) skewX(-18deg)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes plx{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes spin{to{transform:rotate(360deg)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-0.03em}
.serif{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600}
.it{font-style:italic}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.num{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.04em;line-height:1}
.hw{display:inline-block;animation:riseBlur 1.1s cubic-bezier(.22,1,.36,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.65s}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.lift{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(14,31,26,.5)}
.btn{position:relative;overflow:hidden}
.sheen{position:absolute;top:0;left:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shine 5s ease-in-out infinite}
.pkt{opacity:0}
@supports (offset-path: path('M0 0L1 1')){.pkt{opacity:1;offset-rotate:0deg;animation:travel 3.6s linear infinite}}
@supports (animation-timeline: view()){
.count{animation:clipUp linear both;animation-timeline:view();animation-range:entry 6% entry 72%}
.plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
}

.navitem{position:relative;display:flex;align-items:center}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}

.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}

.navcard .navlink:nth-child(7){transition-delay:.20s}
.navcard .navlink:nth-child(8){transition-delay:.23s}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-0.03em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.navitem{position:relative}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:40}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}
.lift{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(14,31,26,.45)}

.prog{transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.prog{animation:progress linear;animation-timeline:scroll()}}
@keyframes progress{to{transform:scaleX(1)}}
.rev{opacity:0;transform:translateY(22px)}
@supports (animation-timeline: view()){
  .rev{animation:rise .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 26%}
}
@supports not (animation-timeline: view()){.rev{opacity:1;transform:none}}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
.ent{opacity:0;transform:translateY(16px);animation:rise .72s cubic-bezier(.22,1,.36,1) forwards}
.e1{animation-delay:.05s}.e2{animation-delay:.14s}.e3{animation-delay:.23s}.e4{animation-delay:.32s}.e5{animation-delay:.41s}
.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}
.glow{position:absolute;inset:-160px -240px auto -240px;height:420px;background:radial-gradient(60% 60% at 30% 0%,rgba(232,163,61,.20),rgba(232,163,61,0) 70%);pointer-events:none}
.cta-btn{position:relative;overflow:hidden}
.cta-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);animation:sheen 4.5s ease-in-out infinite}
@keyframes sheen{0%,62%{left:-120%}88%,100%{left:170%}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

.dgm-draw{stroke-dasharray:1400;stroke-dashoffset:1400}
@supports (animation-timeline: view()){
  .dgm-draw{animation:dgmdraw .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 34%}
  .dgm-node{opacity:0;animation:dgmpop .01s linear forwards;animation-timeline:view();animation-range:entry 0% cover 28%}
}
@supports not (animation-timeline: view()){.dgm-draw{stroke-dashoffset:0}.dgm-node{opacity:1}}
@keyframes dgmdraw{to{stroke-dashoffset:0}}
@keyframes dgmpop{to{opacity:1}}
.dgm-flow{animation:dgmflow 2.4s linear infinite;opacity:.9}
@keyframes dgmflow{to{stroke-dashoffset:-32}}
@media (prefers-reduced-motion: reduce){
  .dgm-draw{stroke-dashoffset:0!important;animation:none!important}
  .dgm-node{opacity:1!important;animation:none!important}
  .dgm-flow{animation:none!important;opacity:0}
}


input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;background:#E6E0D2;outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#C87A21;border:3px solid #FFFFFF;box-shadow:0 2px 8px rgba(14,31,26,.3);cursor:pointer}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#C87A21;border:3px solid #FFFFFF;cursor:pointer}
.pill{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease;user-select:none}
.step{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid #E6E0D2;background:#FFFFFF;font-size:16px;font-weight:600;color:#46564F;cursor:pointer;user-select:none;transition:background .15s ease,color .15s ease}
.step:hover{background:#C87A21;color:#FFFFFF;border-color:#C87A21}
.bar{height:34px;border-radius:8px;transition:width .5s cubic-bezier(.22,1,.36,1)}
.selbox{border:1px solid #E6E0D2;border-radius:12px;background:#FFFFFF;padding:20px 22px}
select{font-family:inherit;font-size:15px;font-weight:600;color:#0E1F1A;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:10px;padding:12px 14px;width:100%;cursor:pointer;outline:none}
.oprow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #E6E0D2}
.tcard{display:block;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:16px;padding:30px 32px}
.artrow{display:flex;gap:34px;padding:26px 0;border-top:1px solid #E6E0D2;align-items:flex-start}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#9A5A12;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-0.03em}
.serif{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600}
.it{font-style:italic}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.num{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.04em;line-height:1}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes riseBlur{from{opacity:0;transform:translateY(38px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes clipUp{from{clip-path:inset(110% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dashmove{to{stroke-dashoffset:-32}}
@keyframes pulse{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(300%) skewX(-18deg)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes plx{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
.anim{animation:rise .9s cubic-bezier(.22,1,.36,1) both}
.hw{display:inline-block;animation:riseBlur 1.1s cubic-bezier(.22,1,.36,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.65s}.d13{animation-delay:.75s}.d14{animation-delay:.85s}
.wipe{transform-origin:left center;animation:wipe 1.1s cubic-bezier(.22,1,.36,1) both}
.drift{animation:drift 8s ease-in-out infinite}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.flow{stroke-dasharray:5 9;animation:dashmove 1.5s linear infinite}
.blip{animation:pulse 2.6s ease-in-out infinite}
.lift{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(14,31,26,.5)}
.btn{position:relative;overflow:hidden}
.sheen{position:absolute;top:0;left:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shine 5s ease-in-out infinite}
.pkt{opacity:0}
@supports (offset-path: path('M0 0L1 1')){.pkt{opacity:1;offset-rotate:0deg;animation:travel 3.6s linear infinite}}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.bar{transform-origin:left center;animation:wipe linear both;animation-timeline:view();animation-range:entry 14% cover 36%}
.count{animation:clipUp linear both;animation-timeline:view();animation-range:entry 6% entry 72%}
.plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
}
@supports (animation-timeline: scroll()){.prog{transform-origin:left center;animation:wipe linear both;animation-timeline:scroll()}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

.navitem{position:relative;display:flex;align-items:center}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}

.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}

.navcard .navlink:nth-child(7){transition-delay:.20s}
.navcard .navlink:nth-child(8){transition-delay:.23s}

/* Ambient hero background — the film's motion with none of its narrative.
   Everything sits under 12% opacity so the headline keeps its contrast. */
.amb{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.amb-b{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.amb-b1{width:900px;height:620px;left:-180px;top:-260px;background:radial-gradient(closest-side,rgba(200,122,33,.34),rgba(200,122,33,0));animation:ambDrift1 34s ease-in-out infinite}
.amb-b2{width:760px;height:560px;right:-160px;bottom:-240px;background:radial-gradient(closest-side,rgba(47,107,82,.34),rgba(47,107,82,0));animation:ambDrift2 42s ease-in-out infinite}
.amb-b3{width:620px;height:460px;left:44%;top:16%;background:radial-gradient(closest-side,rgba(232,163,61,.18),rgba(232,163,61,0));animation:ambDrift3 38s ease-in-out infinite}
@keyframes ambDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(90px,70px)}}
@keyframes ambDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,-60px)}}
@keyframes ambDrift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,50px) scale(1.12)}}

.amb-grid{position:absolute;inset:0;opacity:.55;
  background-image:radial-gradient(rgba(159,179,170,.16) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(70% 62% at 50% 45%,#000,transparent 78%);
  mask-image:radial-gradient(70% 62% at 50% 45%,#000,transparent 78%)}

/* Six ghost cards drifting inward — the convergence, at a whisper. */
.amb-cards{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 58%)}
.amb-c{position:absolute;width:150px;height:50px;border-radius:12px;filter:blur(.6px);
  border:1px solid rgba(159,179,170,.11);background:rgba(243,239,229,.022);opacity:0}
.amb-c1{left:4%;top:16%;animation:ambCard 26s ease-in-out infinite}
.amb-c2{left:26%;top:70%;animation:ambCard 26s ease-in-out infinite 3.2s}
.amb-c3{left:52%;top:9%;animation:ambCard 26s ease-in-out infinite 6.4s}
.amb-c4{left:74%;top:62%;animation:ambCard 26s ease-in-out infinite 9.6s}
.amb-c5{left:88%;top:22%;animation:ambCard 26s ease-in-out infinite 12.8s}
.amb-c6{left:14%;top:44%;animation:ambCard 26s ease-in-out infinite 16s}
@keyframes ambCard{
  0%{opacity:0;transform:translate(0,0) scale(1)}
  14%{opacity:.75}
  62%{opacity:.6;transform:translate(calc(50vw - 50% - 620px),-6px) scale(.82)}
  80%,100%{opacity:0;transform:translate(calc(50vw - 50% - 620px),-6px) scale(.5)}}

/* Connector lines with a slow travelling dash. */
.amb-w{position:absolute;inset:0;width:100%;height:100%}
.amb-l{fill:none;stroke:rgba(232,163,61,.26);stroke-width:1.4;stroke-dasharray:3 13;
  animation:ambFlow 9s linear infinite}
.amb-l2{stroke:rgba(159,179,170,.20);animation-duration:13s;animation-direction:reverse}
.amb-l3{stroke:rgba(232,163,61,.16);animation-duration:17s}
@keyframes ambFlow{to{stroke-dashoffset:-320}}

@media (prefers-reduced-motion: reduce){
  .amb-b,.amb-c,.amb-l{animation:none!important}
  .amb-c{opacity:.5!important;transform:none!important}
}

/* --- film band --- */

.fx-reel *{box-sizing:border-box}

.fx-reel p{margin:0}
.fx-reel h1,.fx-reel h2{margin:0;font-weight:600;letter-spacing:-.035em}
.fx-reel .mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.fx-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}
.fx-scene{animation-duration:40.0s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}
.fx-el{animation-duration:40.0s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;opacity:0}
.fx-card{background:#132420;border:1px solid #23413A;border-radius:14px;padding:20px 22px;width:300px}
.fx-kick{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#E8A33D}
.fx-lead{font-size:44px;line-height:1.12;color:#F3EFE5;max-width:1000px;text-align:center}
.fx-sub{margin-top:16px;font-size:18px;line-height:1.65;color:#9FB3AA;max-width:760px;text-align:center}
.fx-rail{position:absolute;left:0;right:0;bottom:0;height:3px;background:#16211D}
.fx-railbar{height:3px;transform-origin:0 50%;background:linear-gradient(90deg,#C87A21,#E8A33D);animation:fx_rail 40.0s linear infinite}
@media (prefers-reduced-motion: reduce){
  .fx-scene,.fx-el,.fx-railbar{animation:none!important}
  .fx-stage{opacity:0}
  #fx-still{opacity:1!important}
  .fx-el{opacity:1!important;transform:none!important}
}

@keyframes fx_sc1{0%,0.0%{opacity:0;transform:translateY(16px) scale(.985)}1.75%,18.25%{opacity:1;transform:none}20.0%,100%{opacity:0;transform:translateY(-12px) scale(1.012)}}
@keyframes fx_sc2{0%,20.0%{opacity:0;transform:translateY(16px) scale(.985)}21.75%,38.25%{opacity:1;transform:none}40.0%,100%{opacity:0;transform:translateY(-12px) scale(1.012)}}
@keyframes fx_sc3{0%,40.0%{opacity:0;transform:translateY(16px) scale(.985)}41.75%,58.25%{opacity:1;transform:none}60.0%,100%{opacity:0;transform:translateY(-12px) scale(1.012)}}
@keyframes fx_sc4{0%,60.0%{opacity:0;transform:translateY(16px) scale(.985)}61.75%,78.25%{opacity:1;transform:none}80.0%,100%{opacity:0;transform:translateY(-12px) scale(1.012)}}
@keyframes fx_sc5{0%,80.0%{opacity:0;transform:translateY(16px) scale(.985)}81.75%,98.25%{opacity:1;transform:none}100.0%,100%{opacity:0;transform:translateY(-12px) scale(1.012)}}
@keyframes fx_s1c0{0%,1.25%{opacity:0;transform:translateY(18px)}3.125%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1c1{0%,1.95%{opacity:0;transform:translateY(18px)}3.825%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1c2{0%,2.65%{opacity:0;transform:translateY(18px)}4.525%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1c3{0%,3.35%{opacity:0;transform:translateY(18px)}5.225%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1c4{0%,4.05%{opacity:0;transform:translateY(18px)}5.925%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1c5{0%,4.75%{opacity:0;transform:translateY(18px)}6.625%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1h{0%,0.5%{opacity:0;transform:translateY(12px)}2.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s1n{0%,13.5%{opacity:0;transform:translateY(10px)}15.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2h{0%,20.5%{opacity:0;transform:translateY(12px)}22.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2r0{0%,22.0%{opacity:0;transform:translateY(18px)}23.875%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2r1{0%,22.75%{opacity:0;transform:translateY(18px)}24.625%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2r2{0%,23.5%{opacity:0;transform:translateY(18px)}25.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2r3{0%,24.25%{opacity:0;transform:translateY(18px)}26.125%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s2n{0%,31.5%{opacity:0;transform:translateY(10px)}33.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s3c0{0%,41.5%{opacity:0;transform:translate(-560px,-180px) scale(.92)}42.375%{opacity:1;transform:translate(-560px,-180px) scale(.92)}45.25%{opacity:1;transform:translate(-347px,-112px) scale(.74)}47.75%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3c1{0%,41.9%{opacity:0;transform:translate(0px,-215px) scale(.92)}42.775%{opacity:1;transform:translate(0px,-215px) scale(.92)}45.65%{opacity:1;transform:translate(0px,-133px) scale(.74)}48.15%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3c2{0%,42.3%{opacity:0;transform:translate(560px,-180px) scale(.92)}43.175%{opacity:1;transform:translate(560px,-180px) scale(.92)}46.05%{opacity:1;transform:translate(347px,-112px) scale(.74)}48.55%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3c3{0%,42.7%{opacity:0;transform:translate(-560px,180px) scale(.92)}43.575%{opacity:1;transform:translate(-560px,180px) scale(.92)}46.45%{opacity:1;transform:translate(-347px,112px) scale(.74)}48.95%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3c4{0%,43.1%{opacity:0;transform:translate(0px,215px) scale(.92)}43.975%{opacity:1;transform:translate(0px,215px) scale(.92)}46.85%{opacity:1;transform:translate(0px,133px) scale(.74)}49.35%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3c5{0%,43.5%{opacity:0;transform:translate(560px,180px) scale(.92)}44.375%{opacity:1;transform:translate(560px,180px) scale(.92)}47.25%{opacity:1;transform:translate(347px,112px) scale(.74)}49.75%,100%{opacity:0;transform:translate(0px,0px) scale(.38)}}
@keyframes fx_s3h{0%,40.5%{opacity:0;transform:translateY(12px)}42.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s3core{0%,48.5%{opacity:0;transform:translateY(0px)}50.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4h{0%,60.5%{opacity:0;transform:translateY(12px)}62.375%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4n{0%,62.25%{opacity:0;transform:translateY(10px) scale(.96)}65.0%,100%{opacity:1;transform:none}}
@keyframes fx_s4t0{0%,64.0%{opacity:0;transform:translateY(18px)}65.875%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4t1{0%,64.55%{opacity:0;transform:translateY(18px)}66.425%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4t2{0%,65.1%{opacity:0;transform:translateY(18px)}66.975%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4t3{0%,65.65%{opacity:0;transform:translateY(18px)}67.525%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s4f{0%,68.0%{opacity:0;transform:translateY(10px)}69.875%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s5l{0%,80.75%{opacity:0;transform:translateY(14px)}82.625%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s5t{0%,82.25%{opacity:0;transform:translateY(12px)}84.125%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_s5c{0%,84.0%{opacity:0;transform:translateY(12px)}85.875%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx_rail{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}.faq-sign{transition:color .15s ease}
button:hover .faq-sign{color:#C87A21}
body{margin:0;background:#FBF9F4;font-family:'Instrument Sans',system-ui,sans-serif;color:#0E1F1A;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#9A5A12;text-decoration:none}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dashmove{to{stroke-dashoffset:-32}}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.anim{animation:rise .95s cubic-bezier(.22,1,.36,1) both}
.a1{animation-delay:.05s}.a2{animation-delay:.14s}.a3{animation-delay:.23s}.a4{animation-delay:.32s}.a5{animation-delay:.41s}.a6{animation-delay:.5s}
.wipe{transform-origin:left center;animation:wipe 1.1s cubic-bezier(.22,1,.36,1) both}
.bob{animation:bob 7s ease-in-out infinite}
.flow{stroke-dasharray:5 9;animation:dashmove 1.4s linear infinite}
.blip{animation:pulse 2.6s ease-in-out infinite}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
.bar{transform-origin:left center;animation:wipe linear both;animation-timeline:view();animation-range:entry 12% cover 38%}
}
@supports (animation-timeline: scroll()){
.prog{transform-origin:left center;animation:wipe linear both;animation-timeline:scroll()}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rev,.ent,.anim,.reveal,.lift,[class*="e1"],[class*="e2"],[class*="e3"],[class*="e4"],[class*="e5"],[class*="a1"],[class*="a2"],[class*="a3"]{opacity:1!important;transform:none!important;visibility:visible!important}}

@keyframes riseBlur{from{opacity:0;transform:translateY(38px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes clipUp{from{clip-path:inset(110% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes shine{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(300%) skewX(-18deg)}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes plx{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes spin{to{transform:rotate(360deg)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-0.03em}
.serif{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600}
.it{font-style:italic}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500}
.num{font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.04em;line-height:1}
.hw{display:inline-block;animation:riseBlur 1.1s cubic-bezier(.22,1,.36,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.65s}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.lift{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 20px 44px -24px rgba(14,31,26,.5)}
.btn{position:relative;overflow:hidden}
.sheen{position:absolute;top:0;left:0;width:38%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shine 5s ease-in-out infinite}
.pkt{opacity:0}
@supports (offset-path: path('M0 0L1 1')){.pkt{opacity:1;offset-rotate:0deg;animation:travel 3.6s linear infinite}}
@supports (animation-timeline: view()){
.count{animation:clipUp linear both;animation-timeline:view();animation-range:entry 6% entry 72%}
.plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
}

.navitem{position:relative;display:flex;align-items:center}
.navmenu{position:absolute;top:100%;left:-18px;padding-top:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.navitem:hover .navmenu{opacity:1;visibility:visible;transform:translateY(0)}
.navcard{min-width:300px;background:#FFFFFF;border:1px solid #E6E0D2;border-radius:14px;padding:10px;box-shadow:0 26px 54px -26px rgba(14,31,26,.32)}
.navlink{display:block;padding:11px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:#0E1F1A;transition:background .15s ease,color .15s ease}
.navlink:hover{background:#F3EFE5;color:#C87A21}
.navtop:hover{color:#C87A21}

.navcard .navlink{opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease}
.navitem:hover .navcard .navlink{opacity:1;transform:translateX(0)}
.navcard .navlink:nth-child(1){transition-delay:.02s}
.navcard .navlink:nth-child(2){transition-delay:.05s}
.navcard .navlink:nth-child(3){transition-delay:.08s}
.navcard .navlink:nth-child(4){transition-delay:.11s}
.navcard .navlink:nth-child(5){transition-delay:.14s}
.navcard .navlink:nth-child(6){transition-delay:.17s}

.navcard .navlink:nth-child(7){transition-delay:.20s}
.navcard .navlink:nth-child(8){transition-delay:.23s}
/* The plain template, for pages with no board assigned. */
body.atsovia-fallback{margin:0;background:#FBF9F4;color:#0E1F1A;
  font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.atsx-bar{display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding:20px clamp(20px,4.6vw,56px);border-bottom:1px solid #E6E0D2}
.atsx-brand{font-weight:600;font-size:20px;letter-spacing:-.03em;color:#0E1F1A;text-decoration:none}
.atsx-bar nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.atsx-bar nav a{font-size:14px;color:#46564F;text-decoration:none}
.atsx-bar nav a:hover{color:#C87A21}
.atsx-main{max-width:840px;margin:0 auto;padding:72px clamp(20px,4.6vw,56px) 96px}
.atsx-main h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.03em;margin:0 0 24px}
.atsx-content{font-size:17px;line-height:1.7;color:#46564F}
.atsx-content h2{font-size:28px;letter-spacing:-.03em;color:#0E1F1A;margin:40px 0 12px}
.atsx-content h3{font-size:21px;letter-spacing:-.02em;color:#0E1F1A;margin:32px 0 10px}
.atsx-content a{color:#C87A21}
.atsx-archive-title{font-size:24px;letter-spacing:-.02em;margin:40px 0 8px}
.atsx-archive-title a{color:#0E1F1A;text-decoration:none}
.atsx-archive-title a:hover{color:#C87A21}
.atsx-content img{max-width:100%;height:auto;border-radius:12px}
.atsx-foot{border-top:1px solid #E6E0D2;padding:28px clamp(20px,4.6vw,56px);
  font-size:13px;color:#5E6E66}
.atsx-foot p{margin:0}