:root{--paper:#f3efe6;--white:#fffdf8;--navy:#15203b;--blue:#3155f5;--coral:#ff6b4a;--yellow:#ffd94f;--mint:#4ed9ad;--line:rgba(21,32,59,.18);--muted:rgba(21,32,59,.68);--mono:"DM Mono",monospace;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:var(--paper);font-family:"Manrope",sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:10px 14px;color:#fff;background:var(--blue);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header,main>section,footer{width:min(1240px,calc(100% - 64px));margin-inline:auto}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:var(--blue);border-radius:11px;box-shadow:4px 4px 0 var(--navy);font-family:var(--mono);letter-spacing:-.15em}.brand-mark span{color:var(--yellow)}.site-header nav{display:flex;gap:34px}.site-header nav a,.header-link{font-size:.78rem;font-weight:800;text-decoration:none}.site-header nav a:hover,.header-link:hover{color:var(--blue)}.header-link{justify-self:end}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,100px);align-items:center;min-height:690px;padding-block:72px 96px}.eyebrow{margin:0 0 22px;color:var(--blue);font:500 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:28px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{max-width:680px;margin-bottom:28px;font-size:clamp(4.2rem,7.2vw,7.8rem);line-height:.88;letter-spacing:-.085em}h1 em,h2 em{color:var(--coral);font-family:var(--serif);font-weight:400}.hero-intro{max-width:570px;margin-bottom:36px;color:var(--muted);font-size:1.1rem}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:18px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:800;text-decoration:none;transition:.16s}.button-primary{color:#fff;background:var(--blue);box-shadow:4px 4px 0 var(--navy)}.button-primary:hover{background:#2445d8;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.button-quiet{border-color:var(--line)}.button-quiet:hover{color:var(--blue);border-color:var(--blue)}.hero-visual{position:relative;min-width:0;padding:18px 18px 42px;background:var(--yellow);border:2px solid var(--navy);border-radius:28px;transform:rotate(1.5deg);box-shadow:12px 12px 0 var(--navy)}.hero-visual img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;border:2px solid var(--navy);border-radius:16px;filter:saturate(.9)}.visual-label{position:absolute;right:22px;bottom:18px;display:grid;gap:3px;min-width:235px;padding:15px 19px;color:#fff;background:var(--coral);border:2px solid var(--navy);border-radius:12px;box-shadow:5px 5px 0 var(--navy)}.visual-label span{font:500 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.visual-label strong{font-size:.88rem}.visual-index{position:absolute;top:32px;right:32px;padding:7px 10px;color:#fff;background:var(--navy);border-radius:999px;font:.6rem var(--mono)}.projects{padding-block:112px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:40px;align-items:end;margin-bottom:54px}.section-heading h2,.about h2,.community h2{margin-bottom:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.06em}.section-heading>p{margin:0;color:var(--muted)}.feature-card{position:relative;display:grid;grid-template-columns:90px 1.1fr .9fr;min-height:520px;overflow:hidden;color:#fff;background:var(--blue);border:2px solid var(--navy);border-radius:26px 26px 0 0;box-shadow:9px 9px 0 var(--navy)}.card-number{padding:32px 0 0 32px;color:var(--yellow);font:.7rem var(--mono)}.card-copy{z-index:1;align-self:center;padding:54px 24px 54px 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tags span,.status{padding:5px 9px;border:1px solid currentColor;border-radius:999px;font:500 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.tags span{color:rgba(255,255,255,.78)}.project-logo{width:min(370px,100%);max-height:116px;margin:4px 0 14px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.card-copy h3{margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.04em}.card-copy>p{max-width:540px;margin-bottom:28px;color:rgba(255,255,255,.76)}.feature-card .button-primary{color:var(--navy);background:var(--yellow)}.feature-card .text-link{color:rgba(255,255,255,.78)}.text-link{font-size:.76rem;font-weight:700;text-underline-offset:4px}.card-art{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--coral)}.die{z-index:2;display:grid;width:170px;height:170px;place-items:center;color:var(--navy);background:var(--yellow);border:3px solid var(--navy);border-radius:22px;box-shadow:9px 9px 0 var(--navy);font:500 2.8rem var(--mono);transform:rotate(12deg)}.orbit{position:absolute;width:340px;height:340px;border:2px dashed rgba(21,32,59,.42);border-radius:50%}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:28px}.project-card{display:flex;min-height:410px;flex-direction:column;padding:34px;background:var(--white);border:2px solid var(--navy);border-radius:20px;box-shadow:6px 6px 0 var(--navy);transition:.18s}.project-card:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--navy)}.project-top{display:flex;justify-content:space-between;align-items:start}.number{color:var(--muted);font:.68rem var(--mono)}.status{color:var(--blue)}.status.building{color:#be4e35}.status.private{color:#08795a}.symbol{display:grid;width:76px;height:76px;place-items:center;margin:auto 0 30px;color:#fff;background:var(--blue);border:2px solid var(--navy);border-radius:24px;box-shadow:5px 5px 0 var(--navy);font:1.8rem var(--mono);transform:rotate(-3deg)}.family .symbol{background:var(--coral)}.grub .symbol{background:#ff8a72}.veyrindel .symbol{background:#7d68db}.map .symbol{background:#47a8eb}.password .symbol{background:var(--mint);font-size:1rem;letter-spacing:.2em}.type{margin-bottom:7px;color:var(--muted);font:.63rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-card h3{margin-bottom:10px;font-size:1.62rem;letter-spacing:-.04em}.project-card div>p:last-child{max-width:48ch;margin-bottom:28px;color:var(--muted);font-size:.92rem}.project-link{display:flex;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid var(--line);font-size:.76rem;font-weight:800;text-decoration:none}.project-link span{color:var(--blue);font-size:1rem}.project-link:hover{color:var(--blue)}.about{padding-block:124px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,10vw,150px)}.about-grid>div{padding:28px;color:var(--muted);background:var(--yellow);border:2px solid var(--navy);border-radius:20px;box-shadow:7px 7px 0 var(--navy);font-size:1.06rem;transform:rotate(1deg)}.community{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:110px;padding:clamp(38px,6vw,74px);color:#fff;background:var(--coral);border:2px solid var(--navy);border-radius:28px;box-shadow:10px 10px 0 var(--navy)}.community .eyebrow{color:var(--yellow)}.community h2{max-width:700px}.community p:last-child{max-width:620px;margin:24px 0 0;color:rgba(255,255,255,.82)}.button-light{min-width:190px;color:var(--navy);background:var(--yellow);box-shadow:4px 4px 0 var(--navy)}.button-light:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-block:55px 38px;border-top:1px solid var(--line)}.footer-links{display:flex;justify-content:flex-end;gap:26px}.footer-links a{color:var(--muted);font-size:.78rem;text-decoration:none}.footer-links a:hover{color:var(--blue)}footer>p{color:var(--muted);font-size:.78rem}.copyright{grid-column:1/-1;margin:36px 0 0;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:900px){.site-header,main>section,footer{width:min(100% - 36px,1240px)}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:64px 88px}.hero-copy{max-width:720px}.hero-visual{max-width:680px}.section-heading,.about-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:58px 1fr}.card-number{padding-left:20px}.card-art{display:none}.community{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:620px){.site-header,main>section,footer{width:min(100% - 24px,1240px)}.site-header{min-height:72px}.site-header .brand>span:last-child{display:none}.header-link{font-size:.7rem}.hero{gap:50px;padding-top:42px}h1{font-size:clamp(3.25rem,17vw,5rem)}.hero-intro{font-size:1rem}.hero-actions .button{width:100%}.hero-visual{padding:10px 10px 38px;border-radius:20px;box-shadow:7px 7px 0 var(--navy);transform:none}.hero-visual img{border-radius:12px}.visual-label{right:10px;bottom:10px;min-width:0;max-width:calc(100% - 20px);padding:12px 14px}.visual-index{top:20px;right:20px}.projects,.about{padding-block:78px}.section-heading{gap:20px;margin-bottom:38px}.feature-card{display:block;min-height:0;padding:25px;border-radius:20px;box-shadow:6px 6px 0 var(--navy)}.card-number{padding:0 0 30px}.card-copy{padding:0}.project-grid{grid-template-columns:1fr;gap:14px;padding-top:20px}.project-card{min-height:370px;padding:26px}.about-grid>div{padding:24px;transform:none}.community{margin-bottom:72px;padding:30px 24px;border-radius:20px;box-shadow:7px 7px 0 var(--navy)}.community .button{width:100%}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.copyright{grid-column:auto;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-card{transition:none}}

/* Hero layout after removing the large artwork */
.hero{display:block;min-height:auto;padding-block:clamp(80px,12vw,150px)}
.hero-copy{max-width:1000px}
h1{max-width:980px;font-size:clamp(4.2rem,9vw,8.8rem)}
.hero-intro{max-width:680px}
@media(max-width:620px){.hero{padding-block:64px 78px}h1{font-size:clamp(3.25rem,17vw,5rem)}}

/* Dark GrubClique-led direction */
:root{--paper:#0d0f0f;--white:#151817;--navy:#f7f0e9;--blue:#f15f49;--coral:#ff7c45;--yellow:#ffb33f;--mint:#8d9b78;--line:rgba(247,240,233,.14);--muted:rgba(247,240,233,.64)}
body{color:var(--navy);background:radial-gradient(circle at 75% 8%,rgba(241,95,73,.12),transparent 25%),var(--paper)}
.brand-mark{color:#171918;background:linear-gradient(145deg,var(--yellow),var(--coral));box-shadow:4px 4px 0 rgba(247,240,233,.9)}
.brand-mark span{color:#171918}.site-header{border-color:var(--line)}.site-header nav a:hover,.header-link:hover{color:var(--coral)}
.hero .eyebrow,.eyebrow{color:var(--coral)}.hero .eyebrow span{background:var(--coral)}h1 em,h2 em{color:var(--coral)}
.button-primary{color:#171918;background:linear-gradient(135deg,var(--yellow),var(--coral));box-shadow:4px 4px 0 rgba(247,240,233,.9)}.button-primary:hover{color:#171918;background:linear-gradient(135deg,#ffc461,#ff7055);box-shadow:2px 2px 0 rgba(247,240,233,.9)}
.button-quiet{border-color:var(--line)}.button-quiet:hover{color:var(--coral);border-color:var(--coral)}
.feature-card{color:#fff;background:linear-gradient(135deg,#191b1a 0%,#111313 58%,#241414 100%);border-color:rgba(255,122,74,.48);box-shadow:9px 9px 0 #38201b}
.grub-feature:before{position:absolute;inset:auto auto -180px -100px;width:420px;height:420px;background:rgba(241,95,73,.12);border-radius:50%;filter:blur(30px);content:""}.card-number{color:var(--coral)}.feature-kicker{margin:0 0 12px;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:800;line-height:1;letter-spacing:-.07em}.feature-kicker span{color:var(--coral)}.grub-feature .card-copy h3{font-size:clamp(1.8rem,3.2vw,2.8rem)}.feature-card .button-primary{color:#171918;background:linear-gradient(135deg,var(--yellow),var(--coral))}
.card-art{background:radial-gradient(circle,rgba(255,179,63,.18),transparent 45%),linear-gradient(145deg,#151817,#0b0d0c)}.card-art img{position:relative;z-index:2;width:min(250px,64%);border-radius:28px;filter:drop-shadow(0 28px 34px rgba(0,0,0,.58))}.orbit{border-color:rgba(241,95,73,.42)}
.project-card{background:#151817;border-color:rgba(247,240,233,.2);box-shadow:6px 6px 0 #050606}.project-card:hover{background:#191d1b;box-shadow:3px 3px 0 #050606}.status{color:var(--coral)}.status.building{color:#ff9a5f}.status.private{color:#aabd91}.symbol{color:#171918;background:linear-gradient(145deg,var(--yellow),var(--coral));border-color:#080909;box-shadow:5px 5px 0 #050606}.tales .symbol{font-size:1.1rem}.veyrindel .symbol{background:#7f719e}.password .symbol{background:#8d9b78}.project-link span,.project-link:hover{color:var(--coral)}
.about-grid>div{color:#171918;background:linear-gradient(145deg,#d6c69e,#8d9b78);border-color:#050606;box-shadow:7px 7px 0 #050606}.community{background:linear-gradient(135deg,#e85342,#ff8247);border-color:#050606;box-shadow:10px 10px 0 #050606}.community .eyebrow{color:#ffe0a7}.button-light{color:#171918;background:#fff3e5;box-shadow:4px 4px 0 #171918}.footer-links a:hover{color:var(--coral)}
@media(max-width:620px){.feature-kicker{font-size:2.7rem}.feature-card{background:linear-gradient(150deg,#191b1a,#261513)}}
.brand-image{overflow:hidden;background:#090909;border:1px solid rgba(255,74,64,.65);box-shadow:0 0 18px rgba(213,25,25,.22)}
.brand-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%;transform:scale(1.45)}
.project-emblem{display:flex;width:min(270px,75%);height:92px;align-items:center;margin:auto 0 26px}.project-emblem img{display:block;width:100%;max-height:88px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}
.grub-feature:before,.grub-feature .card-art,.grub-feature .orbit{pointer-events:none}.grub-link{position:relative;z-index:10;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,124,69,.25)}
.hero .eyebrow b{font:inherit}.site-announcement{display:flex;justify-content:center;align-items:center;gap:18px;padding:11px 24px;color:#171918;background:linear-gradient(90deg,var(--yellow),var(--coral));font-size:.78rem;text-align:center;text-decoration:none}.site-announcement strong{white-space:nowrap}.site-announcement[hidden]{display:none}@media(max-width:620px){.site-announcement{align-items:flex-start;justify-content:space-between;padding:10px 14px;font-size:.7rem;text-align:left}}