.features{--fx-h:min(calc(100svh - var(--header) - var(--hud) - 56px),584px);--fx-row:calc((var(--fx-h) - 14px)/2);--fx-card:clamp(292px,calc(var(--fx-row)*1.02),336px);isolation:isolate}.h-mode .features{background:radial-gradient(min(30vw,440px) 66% at 0 58%,#deb2681a 0% 8%,#deb26817 24%,#deb26812 40%,#deb2680d 56%,#deb26807 72%,#deb26803 86%,#0000 100%),radial-gradient(min(30vw,450px) 66% at 100% 56%,#deb2681d 0% 8%,#deb2681a 24%,#deb26815 40%,#deb2680f 56%,#deb26808 72%,#deb26803 86%,#0000 100%),linear-gradient(90deg,#e0ba7808,#e0ba780a)}.features:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(62% 70% at 60% 104%,rgba(226,190,128,calc(.1 + var(--draw,1)*.05)),transparent 100%),radial-gradient(46% 60% at 22% 40%,#dcba7e0d,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));position:absolute;inset:0}.v-mode .features:before{display:none}.h-mode .features{width:max-content;min-width:100vw}.features .panel-inner{padding-right:calc(var(--gutter) + 4vw);flex-direction:row;align-items:center}.features .fx-intro{flex:none;width:clamp(320px,29vw,450px);margin-right:clamp(56px,6.5vw,120px)}.features .fx-intro h2{margin:26px 0 30px}.features h2 em{padding-right:.08em}.features .fx-intro .lede{text-wrap:pretty;max-width:400px}.features .fx-grid{grid-template-rows:repeat(2,var(--fx-row));grid-template-columns:repeat(6,var(--fx-card));flex:none;gap:14px;display:grid}.features .fx-card{--mx:50%;--my:0%;--lit:1;background:radial-gradient(420px circle at var(--mx) var(--my),#ffd8991f,transparent 60%),linear-gradient(160deg,#25221c,#181714 72%);min-height:0;transition:border-color .5s,opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);border:1px solid #5b4a3055;border-radius:16px;flex-direction:column;padding:26px 26px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3dc0a,0 30px 60px -40px #000}.features .fx-card:before{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),#f1d9a8aa,transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.features .fx-card:after{content:"";height:1px;opacity:calc(var(--lit)*.75);transform:scaleX(calc(.2 + var(--lit)*.8));pointer-events:none;background:linear-gradient(90deg,#0000,#f1d9a8 50%,#0000);position:absolute;top:0;left:18px;right:18px}.features .fx-card:hover{border-color:#8a6d4488}.features .fx-card:hover:before{opacity:1}.features .fx-top{justify-content:space-between;align-items:flex-start;display:flex}.features .fx-top svg{fill:none;stroke:#e2c38c;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px;opacity:calc(.45 + var(--lit)*.55);filter:drop-shadow(0 0 calc(var(--lit)*9px) #ffcf7a55)}.features .fx-top span{font:10px/1 var(--mono);letter-spacing:.08em;color:color-mix(in srgb,#f1d9a8 calc(var(--lit)*100%),#a89880)}.features .fx-card h3{letter-spacing:-.025em;color:#f2ebdd;margin:24px 0 10px;font-size:19px;font-weight:600;line-height:1.2}.features .fx-card p{color:#a69b87;text-wrap:pretty;margin-bottom:16px;font-size:13px;line-height:1.66}.features .fx-card small{font:9.5px/1.4 var(--mono);letter-spacing:.16em;color:#a99a7f;white-space:nowrap;border-top:1px solid #3b342966;align-items:center;gap:9px;margin-top:auto;padding-top:14px;display:flex}.features .fx-card small:before{content:"";width:4px;height:4px;opacity:calc(.25 + var(--lit)*.75);box-shadow:0 0 calc(var(--lit)*9px) #ffcf7a;background:#f1d9a8;border-radius:50%;flex:none}@media (max-height:780px){.features .fx-card{padding:20px 22px 16px}.features .fx-top svg{width:32px;height:32px}.features .fx-card h3{margin:16px 0 8px;font-size:17.5px}.features .fx-card p{font-size:12.5px;line-height:1.58}.features .fx-card small{padding-top:11px}}@media (max-height:680px){.h-mode .features .fx-grid{grid-template-rows:auto;grid-template-columns:repeat(12,280px)}}@media (max-width:700px){.h-mode .features .fx-intro{width:calc(100vw - var(--gutter)*2);max-width:420px;margin-right:48px}.features h2{font-size:clamp(36px,10vw,44px)}.h-mode .features .fx-grid{grid-template-rows:min(var(--fx-h),356px);grid-template-columns:repeat(12,268px);gap:12px}.h-mode .features .fx-card{padding:24px 22px 18px}.h-mode .features .fx-card h3{margin:28px 0 10px;font-size:19px}.h-mode .features .fx-card p{font-size:13px;line-height:1.66}.features .fx-top span{font-size:11px}.features .fx-card small{letter-spacing:.12em;font-size:11px}}.v-mode .features{background:0 0}.v-mode .features .panel-inner{padding-right:var(--gutter);flex-direction:column;align-items:stretch}.v-mode .features .fx-intro{width:auto;margin:0 0 40px}.v-mode .features .fx-grid{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}