@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--orange:#e87945;--muted:#b1afb0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#151719;color:#f5f2ee;font-family:Inter,Arial,sans-serif;font-size:14px}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#14161944,#17191c88 50%,#151719 95%),linear-gradient(90deg,#39201b77,#12192366),url('landscape.jpg') center/cover no-repeat}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffb375;outline-offset:5px}header{height:84px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#111315ed;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:800;letter-spacing:2px}.mini{font:italic 800 30px 'Barlow Condensed',Arial;color:var(--orange);letter-spacing:-6px;margin-right:6px}.mini span{color:#dfd9d3}nav{display:flex;align-items:center;gap:30px;height:100%;color:#aba9a8}nav a,nav button{display:grid;align-items:center;height:100%;font-size:12px;background:none;border:0;padding:0;position:relative}nav .active{color:white}nav .active:after{content:'';height:2px;background:var(--orange);position:absolute;bottom:0;width:100%}.outline{padding:13px 18px;border:1px solid #d17b4a80;background:transparent;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:1px;color:#eea275}.outline span{margin-left:14px}.outline:hover{background:#e8794520}.menu{display:none;background:none;border:0;font-size:23px}main{max-width:1030px;padding:60px 30px 0;margin:auto;text-align:center}.eyebrow{font-size:9px;font-weight:600;letter-spacing:3px;color:#d6c7ba;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow>span{width:5px;height:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}.emblem{width:230px;margin:26px auto 10px;position:relative}.emblem svg{display:block;width:100%;filter:drop-shadow(0 10px 32px #d3562328)}.coords{font-size:7px;letter-spacing:3px;color:#d5a486;position:relative;top:3px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:86px;letter-spacing:9px;line-height:1;margin:27px 0 15px;font-weight:800;text-shadow:0 5px 30px #0004}.divider{display:flex;align-items:center;justify-content:center;gap:13px}.divider span{height:1px;width:110px;background:linear-gradient(90deg,transparent,#bda28c88)}.divider span:last-child{transform:rotate(180deg)}.divider b{font-size:13px;color:var(--orange)}.subtitle{font-size:16px;letter-spacing:.2px;color:#e4ddd6;margin:18px 0 8px}.descriptor{font-size:11px;color:#a8a6a4;margin:0}.tiles{max-width:780px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{display:flex;align-items:center;gap:20px;text-align:left;background:#111416dd;border:1px solid #ffffff0d;min-height:90px;padding:20px 25px;border-radius:3px;transition:transform .2s,background .2s,border-color .2s}.tile:hover{transform:translateY(-3px);background:#24201b;border-color:#c27b4d99}.tile.featured{background:linear-gradient(110deg,#71412ad9,#35271eeb);border-color:#b97e494a}.tile>span:nth-child(2){font-size:11px;font-weight:800;letter-spacing:1.8px}.tile small{display:block;font-weight:400;letter-spacing:0;font-size:10px;color:#a9a6a3;margin-top:8px}.tile .icon{color:#db9b6b;font-size:25px;width:28px;text-align:center}.tile i{margin-left:auto;color:#9d8d7e;font-style:normal}.explore{display:inline-flex;gap:18px;margin:30px 0 55px;font-size:8px;letter-spacing:2px;color:#a9a6a1}.explore span{color:var(--orange)}section{text-align:left;padding:40px 0 55px;border-top:1px solid #ffffff13}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}section .eyebrow{justify-content:flex-start;font-size:8px;color:#d58b61}h2{font:700 33px 'Barlow Condensed',Arial;margin:10px 0}section>p{font-size:12px;line-height:1.9;max-width:650px;color:#a5a5a4}.badge{font-size:8px;letter-spacing:1.5px;padding:8px 12px;border:1px solid #ffffff20;color:#b8ada3}.server-row{display:flex;align-items:center;gap:20px;padding:22px;margin-top:25px;border:1px solid #ffffff12;background:#10131599}.server-row h3{font-size:13px;margin:0 0 7px}.server-row div>span{color:#969795;font-size:11px}.server-row button{margin-left:auto}.server-icon{font-size:25px;color:#b38360}footer{border-top:1px solid #ffffff0d;background:#111315d9;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;color:#777d7e;font-size:10px}footer .brand{font-size:12px;color:#b7b9b7}.orange{color:var(--orange)}.footer-links{display:flex;gap:22px}.footer-links button{border:0;background:none;color:inherit;font-size:10px}dialog{width:min(480px,calc(100% - 36px));background:#1b1e20;border:1px solid #71503c;color:#eee;padding:40px;border-radius:5px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#07090bc9;backdrop-filter:blur(7px)}dialog p,dialog li{font-size:13px;line-height:1.8;color:#bcbab7}dialog ul{padding-left:18px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px;color:#aaa}.dialog-kicker{font-size:8px;letter-spacing:2px;color:var(--orange)}.dialog-done{background:#bc663b;border:0;padding:12px 20px;margin-top:15px;font-size:10px;letter-spacing:1px} @media(min-width:1450px){main{padding-top:75px}.emblem{width:260px}.tiles{margin-top:45px}}@media(max-width:850px){header{padding:0 24px;height:70px}nav{gap:20px}header>.outline{display:none}h1{font-size:72px}}@media(max-width:600px){header .brand{font-size:12px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;padding:20px;background:#151719;z-index:5;flex-direction:column;align-items:flex-start;gap:22px}nav.open{display:flex}nav .active:after{display:none}main{padding:42px 20px 0}.emblem{width:190px;margin-top:24px}h1{font-size:54px;letter-spacing:4px}.subtitle{font-size:12px}.eyebrow{font-size:7px;letter-spacing:2px}.tiles{gap:10px;margin-top:30px}.tile{padding:18px 13px;gap:10px;min-height:88px}.tile .icon{font-size:21px;width:21px}.tile>span:nth-child(2){font-size:9px;letter-spacing:1px}.tile small{font-size:9px;line-height:1.6}.tile i{display:none}.section-top{align-items:flex-start}h2{font-size:27px}.badge{white-space:nowrap;font-size:7px}.server-row{flex-wrap:wrap;padding:18px}.server-row button{margin:0 0 0 40px}footer{padding:24px 20px;flex-wrap:wrap;gap:24px}footer .brand{font-size:10px}.footer-links{width:100%;justify-content:center}.explore{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}
/* Gravelwake: an editorial field-journal layout */
:root{--orange:#ee8b58}body{background:#161b19;color:#ede6d6}body:before{background:linear-gradient(90deg,#161b19fa,#161b19e8),url('landscape.jpg') center/cover}header{height:88px;background:#161b19;border-bottom-color:#d2cfad25;padding:0 6%}.brand{letter-spacing:2px}.mini{width:42px;height:38px;object-fit:contain;margin:0}nav .active:after{background:#ee8b58}main{max-width:1380px;padding:65px 6% 0;text-align:left}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;min-height:565px}.eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:2px;color:#d9c5ac}h1{font-size:clamp(70px,8vw,120px);letter-spacing:0;line-height:.88;margin:32px 0 26px;text-shadow:none;font-weight:800}h1 em{font-style:normal;color:#ee8b58}.subtitle{font-size:19px;line-height:1.5;color:#e3dccd;margin:0 0 17px}.descriptor{font-size:12px;line-height:1.9;max-width:370px;color:#a4aaa0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.primary{background:#ee8b58;color:#1b201c;padding:17px 20px;font-size:10px;letter-spacing:1px;font-weight:800;display:flex;gap:25px}.primary:hover{background:#f8a679}.text-action{border:0;background:none;color:#d4d7c4;font-size:9px;padding:12px 0;font-weight:600;letter-spacing:1px}.hero-art{height:485px;position:relative;border:1px solid #dcd4b13a;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#18201a22,#18201acc),url('landscape.jpg') 55% center/cover;box-shadow:14px 14px 0 -1px #161b19,14px 14px 0 #b9ba9c25;transform:rotate(2deg)}.hero-art:after{content:'';position:absolute;inset:10px;border:1px solid #e0d7bc22;pointer-events:none}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px;letter-spacing:1.8px;color:#e5dfca;position:relative;z-index:1}.art-bottom{line-height:1.8}.cross{font-size:32px;font-weight:400}.seal{align-self:center;display:flex;align-items:center;flex-direction:column;width:82%;gap:20px}.seal img{width:100%;filter:drop-shadow(0 8px 10px #1119)}.seal>span{font-size:8px;letter-spacing:3px;color:#eee4d1;border-top:1px solid #eee4d166;padding-top:15px}.field-strip{border-top:1px solid #c8d0ac40;border-bottom:1px solid #c8d0ac25;margin-top:68px;padding:18px 0;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px;color:#959d8c}.field-strip span:first-child{color:#ee8b58}.tiles{max-width:none;margin:0;grid-template-columns:repeat(3,1fr);gap:0}.tile{border:0;border-bottom:1px solid #c8d0ac25;background:transparent;border-radius:0;padding:26px 20px 26px 0;min-height:105px}.tile.featured{background:none;border-color:#c8d0ac25}.tile:hover{background:#c7cda00b;transform:none}.tile .icon{color:#ee8b58}.tile small{color:#919989}.tile>span:nth-child(2){font-size:10px}.explore{margin:25px 0 40px}.section-top{align-items:center}section{border-top:1px solid #c8d0ac25;padding:35px 0 60px}h2{font-size:39px;color:#e4e3ce}.server-row{background:#20271f;border-color:#b5c19625}.server-row .outline{border-color:#ee8b5870}.badge{color:#b8c2a8}footer{background:#111710;border-top-color:#b9c29d20}dialog{background:#1c241c;border-color:#8e987b}.dialog-done{background:#ee8b58;color:#182019}
@media(min-width:1450px){main{padding-top:75px}.tiles{margin-top:0}}@media(max-width:1000px){.hero{gap:6%;grid-template-columns:1.1fr 1fr;min-height:490px}.hero-art{height:420px}.hero-actions{gap:12px}.tiles{grid-template-columns:1fr 1fr}header{padding:0 5%}nav{gap:22px}h1{font-size:90px}.subtitle{font-size:16px}.field-strip{margin-top:50px}}@media(max-width:700px){header{height:75px}.brand{font-size:12px}.mini{width:37px;height:33px}nav{display:none;top:75px;background:#161b19}nav.open{display:flex}.menu{display:block}main{padding:38px 23px 0}.hero{grid-template-columns:1fr;gap:35px}.hero-copy .eyebrow{font-size:7px}h1{font-size:83px;margin:26px 0 22px}.subtitle{font-size:17px}.descriptor{max-width:390px}.hero-art{height:310px;transform:rotate(1deg);margin:0 8px 10px 0}.seal{width:58%;gap:10px}.seal img{max-height:180px}.field-strip{margin-top:35px;font-size:7px;padding:15px 0}.field-strip span:nth-child(2){display:none}.tiles{grid-template-columns:1fr 1fr}.tile{gap:10px;padding:23px 8px 23px 0}.tile>span:nth-child(2){font-size:9px;letter-spacing:.8px}.tile small{font-size:9px;line-height:1.7}.tile i{display:none}h2{font-size:30px}.section-top{align-items:flex-start}footer{padding:25px 23px}}