/* Shared milestone cards; scoped to the public homepage timeline. */
.gb-milestones{--gold:#e2bd68;--muted:#b8b8b8;--line:#414141;--frame:#71633e;color:#eee;font:16px/1.6 Verdana,Tahoma,sans-serif;margin-block:32px}
.gb-milestones *,.gb-milestones *::before,.gb-milestones *::after{box-sizing:border-box}
.gb-milestones h2,.gb-milestones h3{font-family:Verdana,Tahoma,sans-serif}
.gb-milestones ol{list-style:none;margin:0;padding:0}
.gb-milestones .portrait-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:16px}.gb-milestones .portrait-heading h2{font-size:18px;color:#ddcda8;margin:0}.gb-milestones .portrait-heading p{font-size:13px;color:var(--muted);margin:0}.gb-milestones .portrait-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}.gb-milestones .portrait-journey>li{min-width:0;display:flex;flex-direction:column}.gb-milestones .portrait-gap{min-height:42px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline;justify-content:center;gap:0 5px;text-align:center;margin:0;font-size:13px;color:#a9a391;line-height:1.6}.gb-milestones .portrait-gap b{font-weight:400;color:#d8c394}.gb-milestones .start-gap{color:#a9a391}.gb-milestones .portrait-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:330px;height:100%;border:1px solid #6b5e41;border-radius:3px;background:#191919;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff02}.gb-milestones .portrait-art{flex:none;height:171px;position:relative;background-color:#191919;background-image:image-set(url('/guildbound/brand/milestones-journey-small.webp') 1x,url('/guildbound/brand/milestones-journey-cards.webp') 2x);background-size:500% auto;background-position:var(--crop) 50%;background-repeat:no-repeat;border-bottom:1px solid #70613f55}.gb-milestones .portrait-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#191919d9,#19191900 45%);pointer-events:none}.gb-milestones .camp-art{--crop:24%}.gb-milestones .closed-gate-art{--crop:49%}.gb-milestones .parchment-art{--crop:71%}.gb-milestones .open-gate-art{--crop:95%}.gb-milestones .raid-portrait{background-image:none}.gb-milestones .raid-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.gb-milestones .portrait-source{position:absolute;z-index:2;right:7px;top:7px;display:inline-flex;align-items:center;min-height:44px;padding:5px 9px;font-size:13px;text-decoration:none;color:#ddd0b1;background:#111d;border:1px solid #8a75464d;border-radius:2px}.gb-milestones .portrait-source:hover{color:#ffe4a5;border-color:#b99d5e}.gb-milestones .portrait-source:focus-visible{outline-offset:-3px}.gb-milestones .portrait-copy{padding:16px 15px 20px;min-width:0;flex:1}.gb-milestones .portrait-copy h3{font-size:18px;color:#ead9b4;margin:0 0 13px;line-height:1.4}.gb-milestones .portrait-dates{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.gb-milestones .portrait-dates>time{display:inline-flex;align-items:center;min-height:33px;padding:5px 10px;font-size:16px;line-height:1.4;font-weight:700;color:#f0dba9;border:1px solid #8e7645;background:#2a261e;border-radius:2px;white-space:nowrap}.gb-milestones .portrait-hour{display:inline-flex;align-items:center;min-height:29px;padding:4px 9px;font-size:13px;line-height:1.4;color:#ddceb0;background:#201f1a;border:1px solid #5c533c;border-radius:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.gb-milestones .portrait-today{position:absolute;left:11px;bottom:calc(100% - 170px);font-size:13px;color:#e2c88e;padding:4px 7px;border-left:2px solid #baa06a;background:#151511eb;line-height:1.5;z-index:2}.gb-milestones .launch-card{border-color:#e2bd68;box-shadow:0 0 0 1px #e2bd6845,inset 0 0 0 3px #d7b26012;background:#211e17}.gb-milestones .launch-card .portrait-art:after{background:linear-gradient(0deg,#211e17dc,#211e1700 45%)}.gb-milestones .launch-card .portrait-art{border-bottom-color:#aa8a48}.gb-milestones .launch-card .portrait-copy h3{font-size:23px;line-height:1.2;color:#f2d28d;margin-bottom:13px}.gb-milestones .launch-card .portrait-dates>time{background:var(--gold);border-color:#ebce8b;color:#211b0f;font-size:17px;box-shadow:inset 0 1px #fff4}.gb-milestones .launch-card .portrait-hour{color:#f4dfb3;border-color:#aa8a48;background:#322b1c;font-weight:700}.gb-milestones .raid-card .portrait-dates>time{border-color:#a58a53;color:#f0d99e;background:#2a261e}.gb-milestones .portrait-timezone{font-size:13px;color:#aaa596;padding-top:15px;margin-top:16px;border-top:1px solid var(--line)}.gb-milestones .portrait-future{display:flex;align-items:center;gap:18px;margin-top:24px;padding:20px 24px;border-top:1px solid var(--frame);border-bottom:1px solid var(--frame);background:linear-gradient(90deg,#252217,#181818 50%,#151515)}.gb-milestones .future-emblem{font-size:31px;line-height:1.3;color:var(--gold);flex:none}.gb-milestones .portrait-future h2{font-size:19px;color:#e0cfa6;margin:0 0 7px}.gb-milestones .portrait-future p{font-size:14px;color:var(--muted);margin:0}.gb-milestones .portrait-future>strong{margin-left:auto;color:#dac28c;font-size:13px;white-space:nowrap;font-weight:400}
@media(min-width:721px) and (max-width:1100px){.gb-milestones .portrait-journey{gap:9px}.gb-milestones .portrait-copy{padding-inline:11px}.gb-milestones .portrait-copy h3{font-size:16px}.gb-milestones .portrait-dates>time{font-size:14px;padding-inline:8px}.gb-milestones .portrait-hour{font-size:13px;padding-inline:6px}.gb-milestones .portrait-art{height:160px}.gb-milestones .portrait-card{min-height:321px}.gb-milestones .portrait-today{left:6px;bottom:calc(100% - 160px);font-size:13px;padding-inline:5px}.gb-milestones .portrait-heading{display:block}.gb-milestones .portrait-heading p{margin-top:7px}.gb-milestones .portrait-gap{min-height:47px;font-size:13px}}
@media(max-width:720px){.gb-milestones .portrait-heading{display:block;margin-bottom:12px}.gb-milestones .portrait-heading h2{font-size:17px}.gb-milestones .portrait-heading p{margin-top:7px;font-size:13px;line-height:1.7}.gb-milestones .portrait-journey{grid-template-columns:minmax(0,330px);justify-content:center;gap:17px}.gb-milestones .portrait-gap{min-height:0;margin:0 0 10px;font-size:13px;line-height:1.8;align-content:center;align-items:baseline}.gb-milestones .portrait-card{min-height:330px}.gb-milestones .portrait-art{height:177px;background-size:500% auto}.gb-milestones .portrait-copy{padding:16px 19px 19px}.gb-milestones .portrait-copy h3{font-size:20px;margin-bottom:13px}.gb-milestones .portrait-dates{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.gb-milestones .portrait-dates>time{font-size:16px;min-height:35px;padding:6px 10px}.gb-milestones .portrait-hour{font-size:13px;min-height:33px;padding:6px 9px}.gb-milestones .portrait-source{top:9px;right:9px}.gb-milestones .portrait-today{left:13px;bottom:calc(100% - 177px)}.gb-milestones .launch-card .portrait-copy h3{font-size:25px}.gb-milestones .launch-card .portrait-dates>time{font-size:17px}.gb-milestones .portrait-timezone{font-size:13px;line-height:1.7}.gb-milestones .portrait-future{display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px 13px;padding:17px 16px;margin-top:22px}.gb-milestones .portrait-future h2{font-size:18px}.gb-milestones .portrait-future p{font-size:13px;line-height:1.8}.gb-milestones .future-emblem{font-size:25px;align-self:start}.gb-milestones .portrait-future>strong{grid-column:2;margin-left:0;white-space:normal;font-size:13px}}.gb-milestones .connected-timeline .portrait-heading{margin-bottom:22px}.gb-milestones .chronology-track{position:relative}.gb-milestones .connected-journey{grid-template-columns:1fr 1fr 1fr 1.2fr 1fr;gap:14px;align-items:stretch;position:relative}.gb-milestones .connected-journey>li{justify-content:flex-end}.gb-milestones .connected-journey .portrait-card{order:1;flex:none;height:310px;min-height:310px;border-color:#675b41;background:#181818}.gb-milestones .connected-journey .portrait-art{height:145px;filter:saturate(.85)}.gb-milestones .connected-journey .portrait-copy{padding:15px 13px 18px}.gb-milestones .connected-journey .portrait-copy h3{font-size:18px}.gb-milestones .connected-journey .portrait-dates{flex-direction:column;align-items:flex-start;gap:7px}.gb-milestones .connected-journey .portrait-dates>time{font-size:16px;padding-inline:9px}.gb-milestones .connected-journey .portrait-hour{padding-inline:8px}.gb-milestones .connected-journey .portrait-today{top:115px;bottom:auto;left:9px}.gb-milestones .connected-journey .launch-card{height:374px;min-height:374px;border-color:#e2bd68;background:#252117;box-shadow:0 0 0 1px #e2bd6860,inset 0 0 0 3px #d7b26012,0 8px 28px #0003}.gb-milestones .connected-journey .launch-card .portrait-art{height:190px;filter:none}.gb-milestones .connected-journey .launch-card .portrait-copy{padding:18px 17px}.gb-milestones .connected-journey .launch-card h3{font-size:27px;margin-bottom:15px}.gb-milestones .connected-journey .launch-card .portrait-dates>time{font-size:18px}.gb-milestones .chronology-anchor{order:2;position:relative;flex:none;height:70px;text-align:center;padding-top:34px;line-height:1.4;font-size:13px;color:#d5c49d}.gb-milestones .chronology-anchor:before{content:'';position:absolute;left:50%;top:0;height:20px;width:1px;background:#988052}.gb-milestones .chronology-anchor:after{content:'';position:absolute;left:calc(50% - 6px);top:14px;width:12px;height:12px;border:2px solid #b99b61;border-radius:50%;background:#242015;box-shadow:0 0 0 4px #111}.gb-milestones .connected-journey>li:has(.launch-card) .chronology-anchor{color:#f4d492;font-weight:700}.gb-milestones .connected-journey>li:has(.launch-card) .chronology-anchor:after{width:16px;height:16px;top:12px;left:calc(50% - 8px);background:#e2bd68;border-color:#ffe2a0;box-shadow:0 0 0 4px #111,0 0 16px #e2bd6833}.gb-milestones .connected-journey .portrait-gap{order:3;min-height:36px;margin:0;align-content:flex-start;font-size:13px}.gb-milestones .chronology-rail{position:absolute;z-index:0;left:9.1%;right:9.1%;bottom:86px;height:3px;background:linear-gradient(90deg,#6a593b,#a88a51 43%,#e2bd68 72%,#a88a51);box-shadow:0 1px #e2bd6820}.gb-milestones .chronology-rail:after{content:'';position:absolute;right:-8px;top:-4px;width:10px;height:10px;border-top:2px solid #bba06a;border-right:2px solid #bba06a;transform:rotate(45deg)}.gb-milestones .connected-timeline .portrait-timezone{margin-top:6px}.gb-milestones .connected-timeline .portrait-future{margin-top:19px}
@media(min-width:721px) and (max-width:1100px){.gb-milestones .connected-journey{gap:9px}.gb-milestones .connected-journey .portrait-copy{padding-inline:10px}.gb-milestones .connected-journey .portrait-copy h3{font-size:16px}.gb-milestones .connected-journey .portrait-dates>time{font-size:14px;padding-inline:7px}.gb-milestones .connected-journey .portrait-hour{font-size:12px;padding-inline:5px}.gb-milestones .connected-journey .launch-card .portrait-copy{padding-inline:12px}.gb-milestones .connected-journey .launch-card h3{font-size:24px}.gb-milestones .connected-journey .launch-card .portrait-dates>time{font-size:16px}}
@media(max-width:720px){.gb-milestones .connected-timeline .portrait-heading{margin-bottom:20px}.gb-milestones .connected-journey{grid-template-columns:minmax(0,1fr);gap:8px;justify-content:stretch}.gb-milestones .connected-journey>li{display:flex;align-items:flex-start;justify-content:flex-start}.gb-milestones .connected-journey .portrait-gap{order:-1;min-height:32px;margin:0 0 0 33px;text-align:left;justify-content:flex-start;align-content:center;line-height:1.6}.gb-milestones .connected-journey .start-gap{display:none}.gb-milestones .chronology-anchor{order:0;width:100%;height:36px;text-align:left;padding:0 0 0 33px;line-height:25px;font-size:13px}.gb-milestones .chronology-anchor:after{left:5px;top:6px;width:12px;height:12px;box-shadow:0 0 0 4px #111}.gb-milestones .chronology-anchor:before{left:10px;top:17px;height:20px;width:23px;background:none;border-left:1px solid #988052;border-bottom:1px solid #988052}.gb-milestones .connected-journey>li:has(.launch-card) .chronology-anchor:after{left:3px;top:4px;width:16px;height:16px}.gb-milestones .connected-journey .portrait-card{order:1;margin-left:33px;width:calc(100% - 59px);height:auto;min-height:297px}.gb-milestones .connected-journey .portrait-art{height:145px}.gb-milestones .connected-journey .portrait-copy{padding:15px 14px 18px}.gb-milestones .connected-journey .portrait-copy h3{font-size:19px}.gb-milestones .connected-journey .portrait-dates{flex-direction:column;align-items:flex-start;gap:7px}.gb-milestones .connected-journey .portrait-dates>time{font-size:16px;min-height:33px;padding:5px 9px}.gb-milestones .connected-journey .portrait-hour{font-size:13px;min-height:29px;padding:4px 8px}.gb-milestones .connected-journey .portrait-today{top:115px;bottom:auto;left:10px}.gb-milestones .connected-journey .launch-card{width:calc(100% - 33px);min-height:355px;height:auto}.gb-milestones .connected-journey .launch-card .portrait-art{height:185px}.gb-milestones .connected-journey .launch-card .portrait-copy{padding:18px 16px 21px}.gb-milestones .connected-journey .launch-card h3{font-size:27px}.gb-milestones .connected-journey .launch-card .portrait-dates>time{font-size:18px}.gb-milestones .chronology-rail{left:10px;right:auto;top:12px;bottom:20px;width:3px;height:auto;background:linear-gradient(#6a593b,#a88a51 43%,#e2bd68 72%,#a88a51)}.gb-milestones .chronology-rail:after{top:auto;right:-3px;bottom:-6px;transform:rotate(135deg)}.gb-milestones .connected-timeline .portrait-timezone{margin-top:20px}.gb-milestones .connected-timeline .portrait-future{margin-top:18px}}
@media(max-width:720px){.gb-milestones .connected-journey .portrait-card{width:calc(100% - 65px)}.gb-milestones .connected-journey .launch-card{width:calc(100% - 33px)}}
@media(min-width:721px){.gb-milestones .connected-journey .portrait-gap{height:52px;min-height:52px;flex:none}.gb-milestones .chronology-rail{bottom:102px}}


.gb-milestones [data-milestone] .gb-milestone-state{display:none}
.gb-milestones [data-state="next"] .gb-milestone-state{display:block}
.gb-milestones .gb-milestones-footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #414141;margin-top:20px;padding-top:16px;color:#b8b8b8;font-size:13px}
.gb-milestones .gb-milestones-footer p{margin:0}
.gb-milestones .gb-milestones-footer strong{display:block;color:#eee;font-size:16px;font-variant-numeric:tabular-nums}
.gb-milestones .gb-milestones-footer [hidden]{display:none}
.gb-milestones .portrait-source:focus-visible{outline:2px solid #e2bd68;outline-offset:2px}