:root{--color-bg:#f6f1e7;--color-bg-alt:#f0e3d2;--color-bg-elevated:#fcf7ef;--color-bg-hero-overlay-light:rgba(48,34,20,0.35);--color-bg-hero-overlay-dark:rgba(24,16,10,0.7);--color-text:#4a3727;--color-text-soft:#6b5240;--color-text-muted:#8c725f;--color-primary:#e38a3b;--color-primary-soft:#f2b273;--color-primary-strong:#c66a1b;--color-success:#6d8b4c;--color-warning:#d89a3a;--color-danger:#b3503b;--color-border:#e0cfba;--color-neutral-50:#faf5ee;--color-neutral-100:#f1e4d4;--color-neutral-200:#e4d2bf;--color-neutral-300:#d0bba4;--color-neutral-400:#b89c82;--color-neutral-500:#9b7c60;--color-neutral-600:#7c624b;--color-neutral-700:#5e4a38;--color-neutral-800:#443329;--color-neutral-900:#2c2017;--font-sans:"Source Sans Pro","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI",sans-serif;--font-serif:"Merriweather","Georgia","serif";--font-mono:"JetBrains Mono","SFMono-Regular","Menlo",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(22,12,6,0.08);--shadow-sm:0 4px 10px rgba(22,12,6,0.12);--shadow-md:0 10px 30px rgba(22,12,6,0.18);--shadow-lg:0 18px 45px rgba(22,12,6,0.24);--shadow-soft-topographic:0 22px 60px rgba(43,28,18,0.32);--shadow-card:0 14px 40px rgba(30,18,10,0.16);--shadow-focus:0 0 0 2px rgba(246,241,231,0.9),0 0 0 4px rgba(227,138,59,0.8);--transition-fast:120ms ease-out;--transition-normal:200ms ease-out;--transition-slow:320ms ease-out;--container-max:1120px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(circle at top,#f9f3e8 0,#f2e4cf 40%,#e6d1b6 100%);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto;object-fit:cover}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;padding:0;margin:0}p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}ul{list-style:none !important}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}table{border-collapse:collapse;border-spacing:0}::selection{background:rgba(227,138,59,0.18);color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;color:var(--color-neutral-900);letter-spacing:0.02em}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-snug);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-md);line-height:var(--line-height-snug);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin-bottom:var(--space-2)}p {margin-bottom:var(--space-4);color:var(--color-text-soft);max-width:70ch}strong,b{font-weight:600;color:var(--color-neutral-900)}em,i{font-style:italic}small{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}code,kbd,pre,samp {font-family:var(--font-mono);font-size:0.9em}main{display:block}hr{border:none;border-top:1px solid rgba(184,156,130,0.4);margin:var(--space-8) 0}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1 0 auto}.page-footer{flex-shrink:0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-wide{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flow>*+*{margin-top:var(--space-4)}.flow-tight>*+*{margin-top:var(--space-2)}.flow-loose>*+*{margin-top:var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap {flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-gap-3{gap:var(--space-3)}.grid-gap-4{gap:var(--space-4)}.grid-gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-size-sm);letter-spacing:0.04em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:normal;text-align:center;line-height:1.3}.btn-primary{background:linear-gradient(135deg,#f2b273,#e38a3b);color:#2b1a10;border-color:rgba(155,124,96,0.4);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,#f5c184,#e99346);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background:linear-gradient(135deg,#e38a3b,#c66a1b);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-secondary{background:rgba(250,245,238,0.9);color:var(--color-text);border-color:rgba(155,124,96,0.6);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:#f5ebdd;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-text-soft);border-color:rgba(152,122,98,0.5)}.btn-ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(152,122,98,0.8)}.btn-tight{min-height:38px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-block{width:100%}.btn[disabled],.btn.disabled,.btn:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-icon svg{width:1em;height:1em;flex-shrink:0}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(197,171,145,0.9);background:rgba(252,247,239,0.9);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:#fdf8f0}.input[disabled],.textarea[disabled],.select[disabled]{background:rgba(243,233,220,0.7);color:var(--color-text-muted);cursor:not-allowed}.textarea{min-height:120px;resize:vertical}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 2px rgba(246,241,231,0.9),0 0 0 4px rgba(179,80,59,0.8)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted)}.form-help {margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.card{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(255,255,255,0.9) 0,rgba(250,243,233,0.95) 36%,rgba(238,219,196,0.98) 100%);box-shadow:var(--shadow-card);padding:var(--space-6);border:1px solid rgba(209,183,155,0.85);color:var(--color-text);overflow:hidden}.card::before{content:"";position:absolute;inset:-40%;opacity:0.2;background-image:radial-gradient(circle at 0 0,rgba(255,255,255,0.3) 0,transparent 55%),radial-gradient(circle at 100% 0,rgba(246,232,211,0.7) 0,transparent 60%),repeating-linear-gradient(135deg,rgba(209,183,155,0.4) 0,rgba(209,183,155,0.4) 1px,transparent 1px,transparent 6px)}.card>*{position:relative}.card-header{margin-bottom:var(--space-3)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-muted)}.card-body{font-size:var(--font-size-sm);color:var(--color-text-soft)}.card-compact{padding:var(--space-4);border-radius:var(--radius-md)}.topo-surface{position:relative;background:radial-gradient(circle at top,#f8f0e3 0,#edd6ba 36%,#e0c3a4 100%);overflow:hidden}.topo-surface::before{content:"";position:absolute;inset:-40%;opacity:0.28;background-image:radial-gradient(circle at 0 0,rgba(255,255,255,0.3) 0,transparent 60%),radial-gradient(circle at 100% 0,rgba(246,219,190,0.65) 0,transparent 60%),radial-gradient(circle at 100% 100,rgba(186,140,94,0.45) 0,transparent 55%);pointer-events:none}.topo-surface::after{content:"";position:absolute;inset:-10%;opacity:0.28;background-image:repeating-radial-gradient(circle at 0 0,rgba(186,140,94,0.55) 0,rgba(186,140,94,0.55) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(135deg,rgba(143,107,73,0.3) 0,rgba(143,107,73,0.3) 1px,transparent 1px,transparent 8px);mix-blend-mode:multiply;pointer-events:none}.hero-shell{position:relative;isolation:isolate;overflow:hidden;color:#fff}.hero-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:-2}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.1) brightness(0.95)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(245,214,168,0.45) 0,rgba(34,22,14,0.8) 55%,rgba(15,9,5,0.95) 100%);z-index:-1}.hero-panel{max-width:640px;margin:0 auto;border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(26,17,11,0.94),rgba(63,40,25,0.9));border:1px solid rgba(247,225,195,0.3);box-shadow:var(--shadow-soft-topographic);padding:var(--space-6) var(--space-5);backdrop-filter:blur(18px);color:#f7efe3}.hero-eyebrow{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:rgba(244,219,184,0.9);margin-bottom:var(--space-2)}.hero-title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.hero-meta{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:rgba(245,214,168,0.88);margin-bottom:var(--space-3)}.hero-meta span+span::before{content:"·";margin:0 var(--space-2);opacity:0.5}.hero-lead{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:rgba(251,241,227,0.96);margin-bottom:var(--space-5)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-cta-primary{min-width:210px}.hero-cta-secondary{background:rgba(29,19,13,0.9);color:rgba(247,225,195,0.96);border-color:rgba(244,219,184,0.7)}.chip {display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:28px;border-radius:999px;border:1px solid rgba(184,156,130,0.7);background:rgba(250,242,232,0.9);color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.chip-icon{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 0,#ffdca8 0,#e38a3b 55%,#8b5630 100%)}.chip-strong{background:rgba(227,138,59,0.12);border-color:rgba(227,138,59,0.55);color:var(--color-neutral-800)}.icon-marker{width:26px;height:26px;border-radius:8px;border:1px solid rgba(149,119,92,0.65);background:radial-gradient(circle at 30% 0,#ffe2b0 0,#f2b273 55%,#c46f28 100%);box-shadow:0 2px 7px rgba(60,37,20,0.35);display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem;color:#3a2414}.marker-stack{position:relative;display:inline-flex;align-items:center;justify-content:center}.marker-stack::before,.marker-stack::after{content:"";position:absolute;inset:3px;border-radius:7px;border:1px solid rgba(80,55,35,0.5);transform-origin:center}.marker-stack::before{transform:translate(1px,2px);opacity:0.7}.marker-stack::after{transform:translate(-1px,-2px);opacity:0.4}.route-line{position:relative;overflow:hidden}.route-line::before{content:"";position:absolute;inset:0;border-radius:999px;border:1px dashed rgba(177,145,112,0.7);border-style:dashed;border-width:1px;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);opacity:0.9}.timeline{position:relative;padding-left:var(--space-5);border-left:1px dashed rgba(168,135,104,0.9)}.timeline-item{position:relative;padding-bottom:var(--space-4);margin-bottom:var(--space-3)}.timeline-item:last-child{padding-bottom:0;margin-bottom:0}.timeline-marker{position:absolute;left:-12px;top:4px;width:14px;height:14px;border-radius:50%;border:2px solid #f6f1e7;background:radial-gradient(circle at 30% 0,#ffe4b3 0,#e38a3b 55%,#8b5630 100%);box-shadow:0 0 0 1px rgba(168,135,104,0.7)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{padding:2px 10px;border-radius:999px;background:rgba(247,231,211,0.9);border:1px solid rgba(213,183,148,0.8);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tag-contrast{background:rgba(51,33,22,0.95);border-color:rgba(231,192,143,0.9);color:#f7efe3}.badge-subtle{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);background:rgba(33,24,17,0.85);color:rgba(246,241,231,0.92)}.badge-subtle-dot{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 0,#ffe4b3 0,#e38a3b 55%,#8b5630 100%);margin-right:6px}.nav-shell{position:sticky;top:0;z-index:40;background:rgba(247,235,219,0.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(204,171,136,0.7);box-shadow:0 10px 30px rgba(61,40,23,0.12)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}.nav-brand{font-family:var(--font-serif);font-size:var(--font-size-md);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-neutral-900);padding:var(--space-3) var(--space-4);border-radius:999px;border:1px solid rgba(187,151,117,0.7);background:radial-gradient(circle at top,#fffaf4 0,#f1ddc5 60%,#dfc3a2 100%);box-shadow:0 4px 14px rgba(79,51,32,0.3)}.nav-links{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--color-text-muted)}.nav-link{position:relative;padding:var(--space-2) var(--space-3);border-radius:999px;cursor:pointer;white-space:nowrap}.nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent 0,rgba(173,139,106,0.9) 50%,transparent 100%);opacity:0;transform:scaleX(0.7);transform-origin:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-link:hover{background:rgba(251,243,233,0.96);color:var(--color-text)}.nav-link:hover::after{opacity:1;transform:scaleX(1)}.nav-link-active{color:var(--color-neutral-900);background:rgba(247,231,211,0.96);box-shadow:0 3px 9px rgba(84,56,37,0.25)}.nav-link-active::after{opacity:1;transform:scaleX(1)}.nav-toggle{display:none;flex-direction:column;width:44px;height:36px;align-items:center;justify-content:center;gap:5px;border-radius:999px;border:1px solid rgba(176,143,112,0.85);background:radial-gradient(circle at top,#fff8ee 0,#f0dcc4 60%,#dec1a0 100%);box-shadow:0 4px 14px rgba(84,56,37,0.35);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-toggle-bar{width:18px;height:1.8px;border-radius:999px;background:#4e3523;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast);transform-origin:center}.nav-toggle.is-open{box-shadow:0 6px 18px rgba(73,46,29,0.5);transform:translateY(1px)}.nav-toggle.is-open .nav-toggle-bar:nth-child(1){transform:translateY(3.9px) rotate(38deg);background:#2b1a11}.nav-toggle.is-open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-3.9px) rotate(-38deg);background:#2b1a11}.nav-drawer{position:fixed;inset:0 0 auto auto;width:100%;max-width:360px;transform:translateX(100%);transition:transform var(--transition-normal);background:radial-gradient(circle at top,#f8efe1 0,#e5c9a3 40%,#d5b188 100%);box-shadow:-20px 0 50px rgba(60,34,19,0.55);padding:var(--space-6) var(--space-5) var(--space-10);z-index:39;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;max-height:100vh}.nav-drawer.is-open{transform:translateX(0)}.nav-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.nav-drawer-title{font-family:var(--font-serif);font-size:var(--font-size-lg);letter-spacing:0.14em;text-transform:uppercase;color:var(--color-neutral-900)}.nav-drawer-links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.nav-drawer-link{padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(187,151,117,0.7);background:rgba(252,244,233,0.95);text-transform:uppercase;letter-spacing:0.16em;font-size:var(--font-size-xs);color:var(--color-text-muted)}.nav-drawer-link-active{background:rgba(46,31,21,0.96);color:#f7efe3;border-color:rgba(233,188,133,0.9)}.nav-backdrop {position:fixed;inset:0;background:rgba(27,18,12,0.55);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:38}.nav-backdrop.is-open{opacity:1;pointer-events:auto}.section{padding-top:var(--space-10);padding-bottom:var(--space-10);position:relative}.section-narrow .container{max-width:840px}.section-header{margin-bottom:var(--space-6);max-width:52rem}.section-eyebrow{font-size:var(--font-size-xs);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.section-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.section-intro{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-soft)}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}.mechanic-item{position:relative;border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(150deg,rgba(250,241,229,0.96),rgba(238,217,193,0.98));border:1px solid rgba(196,165,132,0.9);box-shadow:0 10px 28px rgba(66,42,26,0.18);overflow:hidden}.mechanic-item::before{content:"";position:absolute;inset:-40%;opacity:0.18;background-image:repeating-linear-gradient(125deg,rgba(204,171,136,0.9) 0,rgba(204,171,136,0.9) 1px,transparent 1px,transparent 7px)}.mechanic-item>*{position:relative}.mechanic-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-md);color:var(--color-neutral-900)}.mechanic-body{font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:var(--line-height-relaxed)}.mechanic-meta{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:var(--space-2)}.strategy-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.2fr);gap:var(--space-8);align-items:flex-start}.strategy-panel{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);background:linear-gradient(145deg,#271910,#3e2618);color:#f7efe3;border:1px solid rgba(227,189,146,0.8);box-shadow:0 16px 40px rgba(14,7,4,0.8);overflow:hidden}.strategy-panel::before{content:"";position:absolute;inset:-40%;opacity:0.25;background-image:radial-gradient(circle at 0 0,rgba(243,210,164,0.7) 0,transparent 60%),radial-gradient(circle at 100% 100,rgba(140,93,57,0.9) 0,transparent 55%),repeating-linear-gradient(130deg,rgba(104,70,45,0.8) 0,rgba(104,70,45,0.8) 1px,transparent 1px,transparent 7px)}.strategy-panel>*{position:relative}.strategy-grid-notes{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.strategy-note{display:flex;gap:var(--space-3);align-items:flex-start}.strategy-note-label{min-width:80px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:rgba(245,219,184,0.9)}.strategy-note-body{font-size:var(--font-size-sm);color:rgba(255,245,233,0.96);line-height:var(--line-height-relaxed)}.strategy-aside{position:relative;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(250,241,229,0.98),rgba(233,211,186,0.98));border:1px solid rgba(196,165,132,0.9);box-shadow:0 10px 30px rgba(57,37,23,0.32);padding:var(--space-5);overflow:hidden}.strategy-aside::before{content:"";position:absolute;inset:-40%;opacity:0.26;background-image:radial-gradient(circle at 0 0,rgba(250,236,215,0.7) 0,transparent 60%),radial-gradient(circle at 100% 100,rgba(196,165,132,0.9) 0,transparent 50%),repeating-linear-gradient(130deg,rgba(163,131,99,0.65) 0,rgba(163,131,99,0.65) 1px,transparent 1px,transparent 9px)}.strategy-aside>*{position:relative}.strategy-aside-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.18em;color:var(--color-neutral-800);margin-bottom:var(--space-3)}.strategy-aside-list{font-size:var(--font-size-sm);color:var(--color-text-soft);display:flex;flex-direction:column;gap:var(--space-2)}.strategy-aside-list li{position:relative;padding-left:var(--space-4)}.strategy-aside-list li::before{content:"";position:absolute;left:0;top:0.7em;width:18px;height:1px;background:linear-gradient(90deg,rgba(165,132,100,0.9) 0,rgba(214,176,129,0.95) 65%,transparent 100%)}.arena-shell{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:#1a100b;box-shadow:0 20px 50px rgba(15,8,4,0.9);border:1px solid rgba(212,176,138,0.85)}.arena-media{position:relative;width:100%;padding-bottom:58%;overflow:hidden}.arena-media img,.arena-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05) brightness(0.97)}.arena-overlay{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(238,191,134,0.4) 0,rgba(10,3,1,0.9) 60%,rgba(5,2,1,0.98) 100%);mix-blend-mode:multiply}.arena-meta-band{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:999px;background:radial-gradient(circle at top,#fdf4e5 0,#ebd1ac 55%,#c79b65 100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:0 14px 40px rgba(23,11,3,0.9);border:1px solid rgba(164,123,83,0.9)}.arena-meta-main{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:#3c2411;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em}.arena-meta-detail{font-size:var(--font-size-2xs);opacity:0.85}.summary-panel{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);background:linear-gradient(145deg,#24160f,#3b2417);color:#f7efe3;border:1px solid rgba(227,189,146,0.9);box-shadow:var(--shadow-soft-topographic);overflow:hidden}.summary-panel::before{content:"";position:absolute;inset:-40%;opacity:0.3;background-image:radial-gradient(circle at 0 0,rgba(248,214,163,0.7) 0,transparent 60%),radial-gradient(circle at 100% 100,rgba(143,96,60,0.9) 0,transparent 55%),repeating-linear-gradient(140deg,rgba(110,74,49,0.8) 0,rgba(110,74,49,0.8) 1px,transparent 1px,transparent 8px)}.summary-panel>*{position:relative}.summary-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr);gap:var(--space-8);align-items:flex-start}.summary-points{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.summary-point{display:flex;gap:var(--space-3);align-items:flex-start}.summary-point-marker{margin-top:5px}.summary-point-body{font-size:var(--font-size-sm);color:rgba(253,243,231,0.96);line-height:var(--line-height-relaxed)}.summary-actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.summary-note{font-size:var(--font-size-xs);color:rgba(247,231,211,0.92)}.cta-footnote{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.footer-shell{border-top:1px solid rgba(197,167,135,0.9);background:radial-gradient(circle at top,#f7ecdd 0,#e0c4a0 45%,#c99f71 100%);color:#3a2412}.footer-inner{padding-top:var(--space-6);padding-bottom:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between}.footer-brand{font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:0.18em;text-transform:uppercase}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em}.footer-link{padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid rgba(172,137,104,0.7);background:rgba(249,237,224,0.96)}.footer-meta{font-size:var(--font-size-xs);color:rgba(61,40,23,0.85)}.footer-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.footer-cta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:rgba(61,40,23,0.75)}.text-ancient-muted{color:var(--color-text-muted)}.text-ancient-strong{color:var(--color-neutral-900)}.bg-desert-soft{background:linear-gradient(145deg,#f8efe1,#e3c7a1)}.bg-desert-deep {background:linear-gradient(145deg,#2b1a10,#4a2d1a)}.no-wrap {white-space:nowrap}.break-word{word-wrap:break-word;overflow-wrap:break-word}.aspect-16-9{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.aspect-4-3{position:relative;width:100%;padding-bottom:75%;overflow:hidden}.aspect-3-2{position:relative;width:100%;padding-bottom:66.6667%;overflow:hidden}.aspect-1-1{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.aspect-inner{position:absolute;inset:0}.shadow-soft{box-shadow:var(--shadow-sm)}.shadow-strong{box-shadow:var(--shadow-lg)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.overlay-gradient-top {position:relative}.overlay-gradient-top::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(to bottom,rgba(246,241,231,1),rgba(246,241,231,0));pointer-events:none}.overlay-gradient-bottom{position:relative}.overlay-gradient-bottom::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to top,rgba(26,16,10,0.98),rgba(26,16,10,0));pointer-events:none}.focus-visible:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus)}[data-focus-ring="false"]:focus-visible{box-shadow:none}html.prefers-reduced-motion{scroll-behavior:auto}html.prefers-reduced-motion *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}}@media (max-width:960px){.strategy-layout{grid-template-columns:1fr;gap:var(--space-6)}.summary-grid{grid-template-columns:1fr;gap:var(--space-6)}.arena-meta-band{flex-direction:column;align-items:flex-start}}@media (max-width:768px){body{font-size:var(--font-size-sm)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container,.container-wide{padding-left:var(--space-3);padding-right:var(--space-3)}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.nav-links{display:none}.nav-toggle{display:flex}.nav-brand{margin:0 auto;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.hero-panel{margin-left:var(--space-3);margin-right:var(--space-3);padding:var(--space-5) var(--space-4)}.hero-title{font-size:var(--font-size-2xl)}.hero-lead{font-size:var(--font-size-sm)}.hero-ctas{flex-direction:column;align-items:stretch}.hero-cta-primary,.hero-cta-secondary{width:100%}.mechanic-item{padding:var(--space-4)}.strategy-panel{padding:var(--space-5)}.strategy-aside{padding:var(--space-4)}.summary-panel{padding:var(--space-5)}.footer-inner{flex-direction:column;align-items:flex-start}.arena-meta-band{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-lg)}}@media (max-width:520px){.hero-title{font-size:1.75rem}.nav-drawer{width:100%;max-width:none;border-radius:0}.arena-media{padding-bottom:66%}.card{padding:var(--space-5)}.summary-panel{border-radius:var(--radius-lg)}.arena-shell{border-radius:var(--radius-lg)}}body.nav-open{overflow:hidden}


.hero-title{
    color: white !important;
}

/* Keep mobile-only navigation out of the desktop layout after a resize. */
@media (min-width:769px){.nav-toggle,.nav-drawer,.nav-backdrop {display:none!important}body.nav-open{overflow:auto}}

/* The drawer has its own close button, so do not leave a duplicate burger beside it. */
@media (max-width:768px){.nav-toggle.is-open{display:none}}

/* Keep the drawer completely out of the rendered layout until it is opened. */
.nav-drawer{display:none!important;visibility:hidden;pointer-events:none;transition:none}
.nav-drawer.is-open{display:flex!important;visibility:visible;pointer-events:auto;transform:none}
.nav-backdrop {display:none!important}
.nav-backdrop.is-open{display:block!important}
@media (min-width:769px){.nav-drawer,.nav-drawer.is-open,.nav-backdrop,.nav-backdrop.is-open{display:none!important}}