.clans-guide-page{--ink:#142b29;--deep:#0d211e;--leaf:#89ad7d;--stone:#cfd6c9;--sun:#e2ae50;--pale:#f4f2e9;color:var(--ink);background:var(--pale)}.clans-header{background:var(--deep)}.clans-hero{color:#e7eee6;background:radial-gradient(circle at 76% 15%,#89ad7d2e,#0000 22%),linear-gradient(125deg,#0b211e,#193b33);grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr);align-items:center;gap:56px;min-height:655px;padding:clamp(66px,9vw,130px) clamp(22px,8vw,132px) 58px;display:grid;overflow:hidden}.clans-hero-copy{z-index:1;position:relative}.clans-hero h1,.clans-guide-page h2{font:600 clamp(55px,7vw,98px)/.84 var(--serif);letter-spacing:-.06em;margin:0}.clans-hero h1 em,.clans-guide-page h2 em{color:var(--leaf)}.clans-hero-copy>p:not(.eyebrow){color:#c5d4ca;max-width:440px;margin:28px 0 0;font-size:19px;line-height:1.55}.clans-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button-fill,.button-line{border:1px solid var(--sun);background:var(--sun);color:var(--deep);font:700 13px var(--sans);cursor:pointer;padding:14px 17px;text-decoration:none}.button-line{color:#e7eee6;background:0 0;border-color:#e7eee68f}.button-fill span,.button-line span{margin-left:17px}.terrain-lines{grid-template-columns:repeat(5,1fr);align-items:end;gap:9px;height:408px;display:grid;position:relative}.terrain-lines:before{content:"";border:1px solid #e6efe524;border-radius:50% 45% 55%;position:absolute;inset:20% -10% 9%;transform:rotate(-8deg)}.terrain-lines a{z-index:1;color:#dce8dc;outline-offset:5px;flex-direction:column;justify-content:flex-end;min-height:220px;text-decoration:none;display:flex;position:relative}.terrain-lines a:nth-child(2){min-height:290px}.terrain-lines a:nth-child(3){min-height:340px}.terrain-lines a:nth-child(4){min-height:264px}.terrain-lines a:nth-child(5){min-height:380px}.terrain-lines span{font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;writing-mode:vertical-rl;color:var(--sun);margin:0 0 10px 5px}.terrain-lines svg{width:100%;height:145px;overflow:visible}.terrain-lines path{fill:none;stroke:#a7c99a;stroke-width:2.2px;stroke-linecap:round}.terrain-lines path+path{stroke:#a7c99a59;stroke-width:1px}.terrain-lines a:hover path,.terrain-lines a:focus-visible path{stroke:var(--sun);stroke-width:3px}.quick-answer{background:#d7ded4;grid-template-columns:.7fr 1.3fr;gap:50px;padding:92px clamp(22px,8vw,132px);display:grid}.quick-answer>div{max-width:720px}.quick-answer h2{font-size:clamp(49px,5vw,76px)}.quick-answer p:not(.eyebrow){font:19px/1.65 var(--sans);margin:26px 0}.quick-answer a,.canon-card a,.clans-sources a{color:inherit;text-underline-offset:5px;font-weight:700}.quick-answer a span{color:#a46e22;margin-left:8px}.canon-clans{padding:110px clamp(22px,8vw,132px)}.section-title{max-width:740px}.section-title h2{font-size:clamp(52px,5.5vw,84px)}.section-title>p:last-child{max-width:630px;font-size:17px;line-height:1.6}.clan-card-grid{grid-template-columns:repeat(12,1fr);gap:18px;margin-top:54px;display:grid}.canon-card{border-top:4px solid var(--ink);background:#e4e8df;flex-direction:column;grid-column:span 4;min-height:515px;padding:26px;display:flex;position:relative;overflow:hidden}.canon-card:nth-child(4){grid-column:3/span 4}.canon-card:nth-child(5){grid-column:7/span 4}.card-landscape{opacity:.76;clip-path:polygon(0 56%,20% 35%,38% 63%,57% 15%,76% 51%,100% 25%,100% 100%,0 100%);background:linear-gradient(145deg,#93b08d,#3d6657);height:125px;position:absolute;inset:0 0 auto}.card-landscape span{transform-origin:bottom;background:#163c32;width:4px;position:absolute;bottom:0}.card-landscape span:first-child{height:86px;left:20%}.card-landscape span:nth-child(2){height:58px;left:48%}.card-landscape span:nth-child(3){height:103px;left:76%}.card-2 .card-landscape{clip-path:polygon(0 66%,20% 38%,44% 66%,61% 39%,81% 57%,100% 26%,100% 100%,0 100%);background:linear-gradient(145deg,#a5bba1,#477e80)}.card-3 .card-landscape{background:linear-gradient(145deg,#cfb879,#667845)}.card-4 .card-landscape{background:linear-gradient(145deg,#537967,#172c29)}.card-5 .card-landscape{background:linear-gradient(145deg,#acd1df,#4f806e)}.card-number{font:500 10px var(--mono);letter-spacing:.12em;color:#50645b;margin:116px 0 22px;position:relative}.canon-card h3{font:600 48px/.9 var(--serif);letter-spacing:-.045em;margin:0;position:relative}.canon-card dl{border-top:1px solid #142b293d;border-bottom:1px solid #142b293d;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 16px;padding:16px 0;display:grid;position:relative}.canon-card dt{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#587167}.canon-card dd{font:600 18px/1.05 var(--serif);margin:7px 0 0}.canon-card>p{margin:0;font-size:14px;line-height:1.55;position:relative}.card-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:22px;display:flex;position:relative}.card-actions a,.card-actions button{color:var(--ink);font:700 12px/1.35 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.card-actions button{color:#385e4e}.card-actions span{color:#a46e22;margin-left:5px}.custom-contrast{color:#e4ebe4;background:#1b3f35;grid-template-columns:.82fr 1.18fr;gap:48px;padding:98px clamp(22px,8vw,132px);display:grid}.custom-contrast h2{font-size:clamp(48px,5.4vw,78px)}.contrast-table{border-top:1px solid #e4ebe45c;align-self:start;font-size:15px}.contrast-table [role=row]{border-bottom:1px solid #e4ebe447;grid-template-columns:1fr 1fr;display:grid}.contrast-table span{padding:17px 18px;line-height:1.45}.contrast-table span+span{border-left:1px solid #e4ebe447}.contrast-head{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}.custom-note{border-top:1px solid #e4ebe447;grid-column:2;justify-content:space-between;align-items:center;gap:28px;padding-top:27px;display:flex}.custom-note p{max-width:350px;margin:0;line-height:1.55}.create-clan{text-align:center;background:linear-gradient(#f4f2e9 0 65%,#cfd8cc 65%);padding:116px clamp(22px,8vw,132px)}.create-clan h2{font-size:clamp(53px,6.3vw,90px)}.create-clan>p:not(.eyebrow){max-width:575px;margin:27px auto 31px;line-height:1.6}.related-guides{padding:95px clamp(22px,8vw,132px)}.related-guides h2{font-size:clamp(49px,5vw,72px)}.related-guides>div{border-top:1px solid #9caea1;border-left:1px solid #9caea1;grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}.related-guides a{min-height:170px;color:var(--ink);border-bottom:1px solid #9caea1;border-right:1px solid #9caea1;padding:20px;text-decoration:none;position:relative}.related-guides b{font:600 30px/1 var(--serif);display:block}.related-guides span{margin-top:14px;font-size:13px;line-height:1.4;display:block}.related-guides i{color:#a46e22;font-size:20px;font-style:normal;position:absolute;bottom:17px;right:20px}.related-guides a:hover{background:#e0e7db}.clans-faq{background:#d9dfd4;padding:90px clamp(22px,8vw,132px)}.clans-faq h2{font-size:clamp(49px,5vw,72px)}.clans-faq>div{border-top:1px solid #142b294d;max-width:800px;margin-top:35px}.clans-faq details{border-bottom:1px solid #142b294d;padding:20px 0}.clans-faq summary{cursor:pointer;font:600 25px/1.1 var(--serif)}.clans-faq details p{max-width:650px;line-height:1.6}.clans-sources{background:#e8e8df;padding:36px clamp(22px,8vw,132px)}.clans-sources p:last-child{max-width:750px;margin:0;font-size:13px;line-height:1.6}.clans-footer{background:var(--deep)}@media (max-width:850px){.clans-hero,.quick-answer,.custom-contrast{grid-template-columns:1fr}.clans-hero{gap:25px}.terrain-lines{height:275px}.terrain-lines a{min-height:150px!important}.terrain-lines a:nth-child(3){min-height:230px!important}.terrain-lines a:nth-child(5){min-height:255px!important}.canon-card,.canon-card:nth-child(4){grid-column:span 6}.canon-card:nth-child(5){grid-column:4/span 6}.custom-note{grid-column:auto}.related-guides>div{grid-template-columns:1fr 1fr}}@media (max-width:560px){.clans-hero{min-height:610px;padding-top:70px}.clans-hero h1{font-size:61px}.clans-hero-copy>p:not(.eyebrow){font-size:16px}.terrain-lines{gap:4px;height:220px}.terrain-lines svg{height:90px}.terrain-lines span{font-size:8px}.quick-answer,.canon-clans,.custom-contrast,.create-clan,.related-guides,.clans-faq{padding-top:68px;padding-bottom:68px}.canon-card,.canon-card:nth-child(4),.canon-card:nth-child(5){grid-column:1/-1;min-height:465px}.custom-note{display:block}.custom-note .button-fill{margin-top:20px}.contrast-table span{padding:13px 10px;font-size:13px}.related-guides>div{grid-template-columns:1fr}.related-guides a{min-height:130px}.clans-faq summary{font-size:22px}}.breadcrumb{color:#c9d8cd;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;display:flex}.breadcrumb a{color:var(--sun);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.clans-hero{background:linear-gradient(90deg,#071715ed 0%,#0a211dab 42%,#091c191a 100%),url(/images/clans-five-territories.webp) 50%/cover}.canon-card .card-source{font:500 10px/1.45 var(--mono);letter-spacing:.01em;color:#50645b;margin-top:13px}.card-source a{font:inherit}.creative-example{background:#dce5d8;grid-template-columns:.8fr 1.2fr;gap:54px;padding:105px clamp(22px,8vw,132px);display:grid}.creative-example h2{font-size:clamp(47px,5vw,74px)}.creative-example-copy{max-width:680px}.creative-example-copy>p{margin:0;font-size:17px;line-height:1.7}.creative-example-copy .creative-example-boundary{background:#ffffff61;border-left:3px solid #6d9470;margin-top:20px;padding:16px 18px;font-size:14px}.creative-example .button-fill{margin-top:27px}@media (max-width:850px){.creative-example{grid-template-columns:1fr}}@media (max-width:560px){.creative-example{padding-top:68px;padding-bottom:68px}}.clans-guide-page section[id],.canon-card[id]{scroll-margin-top:22px}.clans-hero-custom{color:#e7eee6;font:600 13px/1.5 var(--sans);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e7eee68c;align-items:center;gap:12px;margin-top:18px;padding:3px 0;display:inline-flex}.clans-hero-custom:hover{color:var(--sun)}.clan-comparison,.clan-four-five,.clan-life,.clan-starclan,.clans-quiz-cta{padding:clamp(60px,8vw,105px) clamp(22px,8vw,132px)}.clan-comparison{background:#edf0e8}.clan-comparison h2,.clan-four-five h2,.clan-life h2,.clan-starclan h2,.clans-quiz-cta h2{max-width:1020px;font-size:clamp(40px,5.3vw,76px);line-height:.97}.clan-comparison>p:not(.eyebrow),.clan-four-five>p:not(.eyebrow),.clan-life>p:not(.eyebrow),.clan-starclan>p:not(.eyebrow),.clans-quiz-cta>p:not(.eyebrow){max-width:850px;font-size:16px;line-height:1.7}.clan-comparison-scroll{border-top:2px solid var(--ink);margin:32px 0 18px;overflow-x:auto}.clan-comparison-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:670px}.clan-comparison-scroll th,.clan-comparison-scroll td{vertical-align:top;border-bottom:1px solid #a9b6aa;padding:17px 15px 17px 0;font-size:14px;line-height:1.55}.clan-comparison-scroll thead th{color:#3d5f50;font:700 12px/1.4 var(--sans)}.clan-comparison-scroll tbody th{font:600 21px/1.2 var(--serif)}.clan-comparison-scroll a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #7b9e89;text-decoration:underline #7b9e89}.clan-comparison .clan-comparison-footnote{color:#55685b;margin-top:16px;font-size:13px;line-height:1.6}.clan-comparison-quiz{color:#234637;font:700 14px/1.55 var(--sans);border-bottom:2px solid #a46e22;margin-top:10px;padding-bottom:5px;text-decoration:none;display:inline-flex}.clan-comparison-quiz span{margin-left:10px}.canon-card{min-height:0}.canon-card .clan-tagline{color:#3b6250;font:700 13px/1.5 var(--sans);margin:-7px 0 0}.canon-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:18px 0}.canon-card dt{font-size:10px}.canon-card dd{overflow-wrap:anywhere;font-size:17px;line-height:1.15}.canon-card>p:not(.card-number):not(.clan-tagline):not(.card-source){line-height:1.7}.canon-card .card-source{margin-top:18px}.canon-card .card-actions{gap:13px;padding-top:22px}.clan-four-five{color:#e7eee6;background:#173b33}.clan-four-five h2 em{color:var(--leaf)}.clan-four-five>p:not(.eyebrow){color:#d0ded1}.clan-four-five a{color:#dcefc5;text-underline-offset:4px}.clan-life{background:#e4eade}.clan-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0;display:grid}.clan-role-grid article{background:#f5f6ee;border:1px solid #bec9bb;min-width:0;padding:20px}.clan-role-grid h3{font:600 27px/1.05 var(--serif);margin:0 0 10px}.clan-role-grid p{margin:0;font-size:14px;line-height:1.55}.clan-life a{color:#305b49;text-underline-offset:4px;font-weight:700}.clan-starclan{background:#d5dfd4}.clan-starclan a{color:var(--ink);border-bottom:2px solid #a46e22;margin-top:15px;padding-bottom:5px;font-weight:700;text-decoration:none;display:inline-block}.clans-quiz-cta{color:#e9f0e5;text-align:center;background:linear-gradient(125deg,#123b31,#1c5243)}.clans-quiz-cta h2,.clans-quiz-cta>p{margin-left:auto;margin-right:auto}.clans-quiz-cta h2 em{color:#b5d5a6}.clans-quiz-cta>p:not(.eyebrow){color:#d3e6d5}.clans-quiz-cta .button-fill{align-items:center;gap:10px;margin-top:24px;display:inline-flex}.create-clan{padding-top:84px;padding-bottom:84px}.create-clan>p:not(.eyebrow){max-width:680px}.clans-guide-page button:focus-visible,.clans-guide-page a:focus-visible{outline-offset:4px;outline:3px solid #d9a949}@media (max-width:900px){.clan-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.clan-comparison,.clan-four-five,.clan-life,.clan-starclan,.clans-quiz-cta{padding:60px 22px}.clan-comparison-scroll th,.clan-comparison-scroll td{padding:13px 12px 13px 0}.clan-role-grid{grid-template-columns:1fr}.clan-role-grid article{padding:17px}.clans-hero-custom{font-size:12px}.canon-card dl{gap:14px 10px}.clans-actions>a{flex:170px}}.clan-comparison h2 em,.clan-life h2 em,.clan-starclan h2 em{color:#345c49}.clans-hero-custom:focus-visible{outline-color:var(--sun)}.canon-card .clan-identity{color:#375f4d;margin:0 0 12px;font-size:13px;line-height:1.55}.clan-notable-note{color:#526b59;font-size:13px!important}
