/* Denser editorial layout, original POE item art, stronger depth and hierarchy. */
.wrap{width:min(1280px,calc(100% - 80px))}.section{padding-block:68px}.section-heading{margin-bottom:28px;gap:28px}.eyebrow{margin-bottom:14px}h2{font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.45;margin-bottom:18px}.section-heading>p{line-height:1.8}.nav{height:78px;background:linear-gradient(#07100cf5,#0b100ed0)}
.hero{min-height:690px;height:auto;background:#07100c}.hero-content{padding-top:135px;padding-bottom:122px}.hero h1{font-size:clamp(3.2rem,5.1vw,4.75rem);line-height:1.27;margin-bottom:23px;letter-spacing:-.015em}.hero-copy{font-size:1.0625rem;line-height:1.85;max-width:560px}.hero-actions{margin-top:25px}.hero:before{background:linear-gradient(90deg,#050c0be8 0%,#08100ca6 40%,#08100c15 74%),linear-gradient(0deg,#0b100e,transparent 40%)}.hero-art{background-position:center 48%}.hero-bottom{bottom:22px}.download-meta{margin-top:18px}
.hero-loadout{position:absolute;right:max(40px,calc((100% - 1280px)/2));top:190px;width:350px;padding:21px;border:1px solid #e3c78955;background:linear-gradient(145deg,#121c17eb,#050c09e8);box-shadow:0 30px 90px #0009,0 0 65px #ae8a3b16;transform:rotate(-3deg);border-radius:3px;animation:loadout-drift 8s ease-in-out infinite;backdrop-filter:blur(14px)}.loadout-heading,.loadout-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:#d8c79e}.loadout-heading{padding-bottom:13px;border-bottom:1px solid #e3c78930}.loadout-heading span:last-child{color:#738e7b;font-size:.625rem;letter-spacing:.18em}.loadout-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 0}.loadout-items figure{margin:0;background:radial-gradient(#7866381f,transparent 80%),#090e0bc0;border:1px solid #baa16825;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:98px;padding:9px;position:relative}.loadout-items img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 5px 8px #000)}.loadout-items figcaption{font-size:.625rem;color:#baa77f;margin-top:4px}.loadout-flask{grid-row:span 2}.loadout-items .loadout-flask img{width:70px;height:140px}.loadout-bottom{font-size:.625rem;border-top:1px solid #e3c78930;padding-top:13px;color:#9fb39f}.highlight-row{padding-block:18px}.highlight-row>span{display:flex;align-items:center;gap:13px;font-size:.875rem}.highlight-row img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}
.feature-tabs{gap:30px;margin-bottom:24px}.feature-tabs button{padding-block:13px}.feature-display{grid-template-columns:300px 1fr;gap:32px;min-height:0}.feature-detail h3{font-size:1.7rem;line-height:1.45;margin-bottom:15px}.feature-detail>p:not(.feature-label){line-height:1.8}.feature-detail ul{margin-block:16px}.feature-detail li{margin-bottom:6px}.feature-artifact{height:68px;margin-bottom:14px}.feature-artifact img{width:60px;height:80px;left:0;top:-5px}.screen-area{box-shadow:0 20px 65px #0006;border-color:#bca67440}.screen-top{padding-block:9px}.capabilities{padding-top:12px}.capabilities h2 .gold-word{display:block}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.capability-card{min-width:0;position:relative;padding:24px 24px 19px;background:radial-gradient(ellipse at top right,#a0863c22,transparent 60%),linear-gradient(140deg,#18251b,#0c1510);border:1px solid #bda66c32;box-shadow:0 12px 30px #0002;transition:border-color .25s,transform .25s;overflow:hidden}.capability-card:hover{border-color:#d8b76990;transform:translateY(-4px)}.capability-art{position:absolute;right:21px;top:23px;width:70px;height:80px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008);opacity:.9}.capability-number{font:italic 1rem var(--serif);color:#ae9767;display:block;margin-bottom:12px}.capability-card h3{font-family:var(--serif);font-size:1.25rem;color:#f1e9d7;padding-right:74px;margin-bottom:12px;line-height:1.5}.capability-card>p{font-size:.8125rem;line-height:1.8;margin:0 0 17px;padding-right:25px;max-width:260px}.capability-card ul{list-style:none;padding:0;margin:0 0 20px}.capability-card li{font-size:.8125rem;color:#bdc9ba;line-height:1.85;padding-left:13px;position:relative}.capability-card li:before{content:'·';position:absolute;left:0;color:#e2c384}.capability-tags{font-size:.625rem;color:#b4a172;letter-spacing:.055em;display:block;border-top:1px solid #ac976a25;padding-top:12px}
.demos{padding-top:0}.demo-grid{gap:18px}.demo-card{padding:24px}.demo-card h3{font-size:1.375rem;margin-bottom:12px}.demo-head{margin-bottom:13px}.demo-card>p{margin-bottom:16px}.hp-monitor{margin:18px 0 17px;padding:18px}.flask-stage{height:140px;margin-bottom:6px}.flask-stage img{height:134px;width:67px}.hp-track{margin-block:16px}.hp-label strong{font-size:1.3rem}.loot-map{height:268px}.loot-point[data-kind=card] img{background:none;border:0;box-shadow:none;padding:0;width:38px;height:48px;transform:rotate(-8deg)}.loot-point[data-kind=gear] img{width:38px;height:58px;filter:none}.demo-footer{min-height:54px;padding-top:14px}.crafting-demo{grid-template-columns:.9fr 1.1fr;gap:30px}.craft-console{padding:20px}.forge-art{height:200px;margin:-20px -20px 17px}.craft-flow{margin-block:23px}.craft-log{min-height:55px;padding-bottom:15px}.craft-description>p{margin-bottom:16px}.crafting-demo{background:linear-gradient(110deg,#0e1714e8,#18241bdd),url('assets/forge.webp') left center/cover}
.story-grid{grid-template-columns:1fr 420px;gap:60px}.update-visual{padding:24px 28px}.section-copy{line-height:1.85}.steps{gap:25px;margin-block:30px}.steps h3{margin-top:16px;margin-bottom:10px}.steps li{padding-top:19px}.steps p{line-height:1.8;font-size:.9375rem}.download-panel{padding:30px 36px}.updates{padding-top:0}.release-card{padding-block:24px;gap:30px}.faq{padding-top:0;gap:50px}.faq-list summary{padding-block:17px}.faq-list details p{line-height:1.85}.closing{padding-block:45px}.closing-symbol{font-size:2.3rem;margin-bottom:9px}.closing h2{margin-bottom:22px}.footer{padding-block:25px;gap:15px}
@keyframes loadout-drift{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}
@media(max-width:1150px){.hero-loadout{width:285px;right:35px;top:200px;padding:17px}.hero h1{font-size:3.5rem}.hero-copy{max-width:490px}.loadout-items img{width:55px;height:55px}.feature-display{grid-template-columns:260px 1fr;gap:24px}.capability-card{padding:20px}.capability-art{right:16px;width:56px}.capability-card h3{padding-right:54px}.story-grid{gap:30px}}
@media(max-width:950px){.hero{display:block;min-height:0;padding-bottom:77px}.hero-content{padding-top:125px;padding-bottom:26px}.hero-loadout{position:relative;inset:auto;width:calc(100% - 80px);max-width:650px;margin:0 auto;transform:none;animation:none;padding:15px 20px}.loadout-items{display:flex;gap:8px;padding-block:10px}.loadout-items figure{flex:1;min-height:90px;padding:5px;min-width:0}.loadout-items .loadout-flask img{width:35px;height:70px}.loadout-items img{width:50px;height:50px}.loadout-heading{padding-bottom:8px}.loadout-bottom{padding-top:8px}.hero h1{font-size:3.6rem}.hero-copy{max-width:550px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid{grid-template-columns:1fr 360px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:72px}.section{padding-block:44px}.hero-content{padding-top:105px;padding-bottom:22px}.hero h1{font-size:clamp(2.7rem,8.5vw,3.6rem);line-height:1.28}.hero-copy{font-size:.9375rem}.hero-actions{margin-top:20px}.hero-loadout{width:calc(100% - 40px);padding:13px}.loadout-items figure{min-height:87px}.loadout-items img{width:42px;height:42px}.loadout-items .loadout-flask img{width:28px;height:56px}.loadout-items figcaption{font-size:.5625rem}.loadout-bottom{font-size:.5625rem}.hero-bottom{bottom:17px}.highlight-row{display:flex;flex-wrap:wrap;gap:12px 22px;padding-block:14px}.highlight-row>span{font-size:.75rem;gap:7px}.highlight-row img{width:24px;height:24px}.section-heading{margin-bottom:23px}.section-heading>p{margin-top:14px}.feature-display{grid-template-columns:1fr;gap:18px}.feature-detail h3{font-size:1.5rem}.feature-artifact{float:right;height:80px;width:55px;margin:0 0 10px 10px}.feature-artifact img{width:45px;height:72px}.feature-detail ul{margin-block:12px}.feature-detail{display:flow-root}.capabilities{padding-top:6px}.capability-card{padding:22px}.capability-art{right:20px;width:58px}.capability-card>p{max-width:none;padding-right:0}.capability-card h3{padding-right:65px}.demos{padding-top:0}.demo-card{padding:21px}.crafting-demo{display:block}.craft-console{margin-top:20px;padding:18px}.forge-art{margin:-18px -18px 16px;height:190px}.crafting-demo .craft-description h3 br{display:none}.story-grid{grid-template-columns:1fr;gap:24px}.update-visual{padding:21px}.steps{gap:22px;margin-block:25px}.steps h3{margin-top:0}.download-panel{padding:23px}.download-panel h3{font-size:1.7rem}.faq{padding-top:0}.closing{padding-block:36px}.footer{padding-block:22px}.game-art-credit{font-size:.6875rem!important}}
@media(max-width:560px){.capability-grid{grid-template-columns:1fr;gap:13px}.capability-card{padding:20px}.capability-art{width:68px;height:88px;top:19px}.capability-card h3{font-size:1.1875rem}.capability-card>p{padding-right:55px;max-width:none}.capability-card ul{margin-bottom:14px}.capability-card li{font-size:.875rem}.loadout-heading{font-size:.6875rem}.highlight-row>span:last-child{display:none}.hero-actions{gap:15px}.feature-tabs{gap:22px}.capabilities h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.hero-loadout{animation:none}.capability-card:hover{transform:none}}

/* League artwork and effects are configured in league-theme.js. */
.hero-art{background-image:var(--league-hero,url('assets/hero.webp'));background-position:var(--league-position,center 48%)}
.hero{background:var(--bg)}
.loadout-mirror{grid-row:span 2;border-color:var(--gold)!important;background:radial-gradient(ellipse,#8caec230,transparent 75%),#090e0bc0!important;box-shadow:inset 0 0 24px #b5d6eb12,0 0 20px #c4d7ec15}
.loadout-items .loadout-mirror img{width:76px;height:100px;max-width:100%;filter:drop-shadow(0 0 9px #c9dbef65);animation:mirror-glimmer 5s ease-in-out infinite}
.loadout-items .loadout-mirror figcaption{color:var(--gold)}
.league-themed .nav{background:var(--surface)}
.league-themed .hero:before{background:linear-gradient(90deg,var(--bg) 0%,transparent 90%),linear-gradient(0deg,var(--bg),transparent 45%)}
.league-themed .capability-card{background:linear-gradient(145deg,var(--surface2),var(--surface));border-color:var(--league-border)}
.league-themed .demo-card,.league-themed .update-visual{background:var(--surface)}
.league-themed .gold-word{color:var(--gold);background:none;-webkit-text-fill-color:currentColor}
.league-themed .hero-loadout{background:var(--surface);border-color:var(--league-border)}
.league-themed .button.primary{background:var(--gold);color:var(--bg)}
@keyframes mirror-glimmer{50%{filter:drop-shadow(0 0 16px #c9dbefb0);transform:translateY(-3px)}}
@media(max-width:950px){.loadout-items .loadout-mirror img{width:50px;height:50px}}
@media(max-width:800px){.loadout-items .loadout-mirror img{width:40px;height:42px}.loadout-items img{max-width:100%}.loadout-items figure{padding-inline:3px}}
@media(prefers-reduced-motion:reduce){.loadout-items .loadout-mirror img{animation:none}}

/* Actual POE items, composed without redrawing their artwork. */
.capability-visual{position:relative;width:100%;height:132px;margin:-5px 0 8px;background:radial-gradient(ellipse at center,#74c7d91c,transparent 68%)}
.item-cluster img{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 8px #000b);width:80px;height:96px;left:50%;top:16px;transform:translateX(-50%);transition:filter .25s,transform .25s}
.capability-card h3{padding-right:0}.capability-card>p{max-width:none;padding-right:0}.capability-number{position:absolute;left:22px;top:22px;z-index:8}
.solo-currency img{width:100px;height:108px;top:12px}
.flask-skill img:nth-child(1){left:36%;width:58px;height:116px;top:5px;transform:translateX(-50%) rotate(-12deg)}
.flask-skill img:nth-child(2){left:60%;width:64px;height:120px;top:3px;transform:translateX(-50%) rotate(9deg)}
.flask-skill img:nth-child(3){left:50%;top:57px;width:65px;height:65px;z-index:3}
.belts img{width:150px;height:83px;top:4px;left:44%;transform:translateX(-50%) rotate(-9deg)}
.belts img:nth-child(2){left:58%;top:48px;z-index:2;transform:translateX(-50%) rotate(9deg)}
.radar-items img:nth-child(1){left:32%;top:23px;width:68px;height:78px;transform:translateX(-50%) rotate(-10deg)}
.radar-items img:nth-child(2){left:66%;top:18px;width:85px;height:96px;transform:translateX(-50%) rotate(12deg)}
.radar-items img:nth-child(3){left:49%;top:48px;width:82px;height:82px;z-index:3}
.craft-stack img{width:70px;height:78px}
.craft-stack img:nth-child(1){left:29%;top:13px;transform:translateX(-50%) rotate(-18deg)}
.craft-stack img:nth-child(2){left:70%;top:7px;transform:translateX(-50%) rotate(18deg)}
.craft-stack img:nth-child(3){left:34%;top:62px;z-index:2;transform:translateX(-50%) rotate(-12deg)}
.craft-stack img:nth-child(4){left:73%;top:57px;z-index:2;transform:translateX(-50%) rotate(13deg)}
.craft-stack img:nth-child(5){left:52%;top:20px;width:80px;height:85px;z-index:3;transform:translateX(-50%) rotate(-5deg)}
.craft-stack img:nth-child(6){left:49%;top:62px;width:79px;height:76px;z-index:4;transform:translateX(-50%) rotate(8deg)}
.feature-artifact{height:116px;width:190px;margin-bottom:10px;float:none}.feature-artifact .capability-visual{width:190px;height:115px;margin:0}.feature-artifact .item-cluster img{left:50%}.feature-artifact .craft-stack img:nth-child(1){left:24%}.feature-artifact .craft-stack img:nth-child(2){left:75%}.feature-artifact .craft-stack img:nth-child(3){left:28%;top:43px}.feature-artifact .craft-stack img:nth-child(4){left:73%;top:43px}.feature-artifact .craft-stack img:nth-child(6){top:46px}.feature-artifact .flask-skill img:nth-child(1){left:30%}.feature-artifact .flask-skill img:nth-child(2){left:65%}
.forge-art{background:radial-gradient(ellipse,#647ba544,transparent 72%),linear-gradient(145deg,#071119,#182935)}
.forge-art img.real-crafting-bench{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;transform:scale(1.4);padding:8px 20px 22px;filter:drop-shadow(0 8px 14px #0008)}
.crafting-demo{background:linear-gradient(135deg,var(--surface),var(--surface2))}
.forge-light{opacity:.4}.forge-caption{font-size:.75rem}.loot-map{height:290px}.loot-point[data-kind=gear] img{width:63px;height:40px;object-fit:contain}
@media(max-width:800px){.feature-artifact{height:110px;width:175px}.capability-visual{height:132px}.loot-map{height:268px}.forge-art img.real-crafting-bench{padding-inline:8px}}

/* Official Kalguuran Forgemaster Station art: preserve the complete workshop. */
body{background:#081119;background-image:linear-gradient(#08111980,#081119b0),var(--league-hero);background-position:center;background-size:cover;background-attachment:fixed}
.league-themed .features,.league-themed .capabilities,.league-themed .demos,.league-themed .story,.league-themed .faq,.league-themed .closing{background:transparent}
.capability-card,.demo-card:not(.crafting-demo),.feature-detail,.update-visual,.download-panel{backdrop-filter:blur(3px)}
.crafting-demo{position:relative;isolation:isolate;background:#111b22;overflow:hidden}
.crafting-demo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08121b8c 0%,#08121b42 43%,#08121b20 100%),url('assets/kalguuran-forgemaster.jpg') center 52%/cover no-repeat;opacity:1;pointer-events:none}
.crafting-demo .craft-description{padding:10px 0;text-shadow:0 2px 8px #000}
.crafting-demo .craft-console{background:#07111ee8;backdrop-filter:blur(4px);border:1px solid #b8875144}
.forge-art{height:280px;background:#1f1f1f}
.forge-art img.real-crafting-bench{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center;transform:none;filter:none;opacity:1}
.forge-caption{left:0;right:0;bottom:0;padding:18px 14px 11px;background:linear-gradient(transparent,#070b10f2);color:#f4d3a2;text-align:center;font-size:.8125rem}
.forge-light{background:radial-gradient(ellipse,#ff983533,transparent 65%);mix-blend-mode:screen}
@media(max-width:800px){.crafting-demo::before{background-position:center;background-size:auto 100%}.forge-art{height:240px}.forge-art img.real-crafting-bench{padding:0}.crafting-demo .craft-description{padding:0}}
