@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Space+Mono:wght@400&display=swap');

@theme {
  --color-bg-primary: #0e0f10;
  --color-bg-secondary: #161819;
  --color-ink-primary: #e8e4dc;
  --color-ink-muted: #7a7670;
  --color-accent: #c4b49a;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Space Mono', monospace;
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-hard: 4px 4px 0px #c4b49a;
}

*,::before,::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background-color:#0e0f10;color:#e8e4dc;font-family:'Space Mono',monospace;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
address{font-style:normal;}
input,textarea,select,button{font-family:inherit;}

/* ─────────────────── LAYOUT ─────────────────── */
.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;}
.flex{display:flex;}.inline-flex{display:inline-flex;}.grid{display:grid;}.block{display:block;}.hidden{display:none;}.inline-block{display:inline-block;}
.flex-col{flex-direction:column;}.flex-row{flex-direction:row;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}
.items-start{align-items:flex-start;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-stretch{align-items:stretch;}
.justify-start{justify-content:flex-start;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}
.self-start{align-self:flex-start;}.self-center{align-self:center;}.self-end{align-self:flex-end;}.self-stretch{align-self:stretch;}
.grow{flex-grow:1;}.shrink-0{flex-shrink:0;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.col-span-1{grid-column:span 1/span 1;}.col-span-2{grid-column:span 2/span 2;}.col-span-3{grid-column:span 3/span 3;}.col-span-full{grid-column:1/-1;}
.row-span-2{grid-row:span 2/span 2;}
.gap-1{gap:.25rem;}.gap-2{gap:.5rem;}.gap-3{gap:.75rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.gap-6{gap:1.5rem;}.gap-7{gap:1.75rem;}.gap-8{gap:2rem;}.gap-10{gap:2.5rem;}.gap-12{gap:3rem;}.gap-16{gap:4rem;}.gap-x-4{column-gap:1rem;}.gap-x-6{column-gap:1.5rem;}.gap-x-8{column-gap:2rem;}.gap-y-4{row-gap:1rem;}.gap-y-6{row-gap:1.5rem;}.gap-y-8{row-gap:2rem;}.gap-y-12{row-gap:3rem;}
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.inset-0{inset:0;}.inset-x-0{left:0;right:0;}.top-0{top:0;}.bottom-0{bottom:0;}.bottom-4{bottom:1rem;}.left-0{left:0;}.right-0{right:0;}.left-1\/2{left:50%;}
.z-10{z-index:10;}.z-20{z-index:20;}.z-50{z-index:50;}.z-40{z-index:40;}
.overflow-hidden{overflow:hidden;}.overflow-x-hidden{overflow-x:hidden;}.overflow-auto{overflow:auto;}

/* ─────────────────── SPACING ─────────────────── */
.p-0{padding:0;}.p-2{padding:.5rem;}.p-3{padding:.75rem;}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.p-6{padding:1.5rem;}.p-8{padding:2rem;}.p-10{padding:2.5rem;}.p-12{padding:3rem;}.p-16{padding:4rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;}.px-3{padding-left:.75rem;padding-right:.75rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.px-8{padding-left:2rem;padding-right:2rem;}.px-10{padding-left:2.5rem;padding-right:2.5rem;}.px-12{padding-left:3rem;padding-right:3rem;}
.py-1{padding-top:.25rem;padding-bottom:.25rem;}.py-2{padding-top:.5rem;padding-bottom:.5rem;}.py-3{padding-top:.75rem;padding-bottom:.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-16{padding-top:4rem;padding-bottom:4rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.py-24{padding-top:6rem;padding-bottom:6rem;}
.pt-2{padding-top:.5rem;}.pt-3{padding-top:.75rem;}.pt-4{padding-top:1rem;}.pt-6{padding-top:1.5rem;}.pt-8{padding-top:2rem;}.pt-10{padding-top:2.5rem;}.pt-12{padding-top:3rem;}.pt-16{padding-top:4rem;}.pt-20{padding-top:5rem;}.pt-24{padding-top:6rem;}
.pb-2{padding-bottom:.5rem;}.pb-4{padding-bottom:1rem;}.pb-6{padding-bottom:1.5rem;}.pb-8{padding-bottom:2rem;}.pb-12{padding-bottom:3rem;}.pb-16{padding-bottom:4rem;}.pb-20{padding-bottom:5rem;}.pb-24{padding-bottom:6rem;}
.pl-4{padding-left:1rem;}.pl-6{padding-left:1.5rem;}.pl-8{padding-left:2rem;}.pr-4{padding-right:1rem;}.pr-6{padding-right:1.5rem;}
.m-0{margin:0;}.mx-auto{margin-left:auto;margin-right:auto;}.mt-1{margin-top:.25rem;}.mt-2{margin-top:.5rem;}.mt-3{margin-top:.75rem;}.mt-4{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.mt-6{margin-top:1.5rem;}.mt-8{margin-top:2rem;}.mt-10{margin-top:2.5rem;}.mt-12{margin-top:3rem;}.mt-16{margin-top:4rem;}.mt-20{margin-top:5rem;}.mt-24{margin-top:6rem;}
.mb-1{margin-bottom:.25rem;}.mb-2{margin-bottom:.5rem;}.mb-3{margin-bottom:.75rem;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.mb-10{margin-bottom:2.5rem;}.mb-12{margin-bottom:3rem;}.mb-16{margin-bottom:4rem;}.mb-20{margin-bottom:5rem;}
.ml-auto{margin-left:auto;}.mr-auto{margin-right:auto;}.ml-2{margin-left:.5rem;}.ml-4{margin-left:1rem;}.mr-2{margin-right:.5rem;}.mr-4{margin-right:1rem;}

/* ─────────────────── SIZING ─────────────────── */
.w-full{width:100%;}.w-auto{width:auto;}.w-1\/2{width:50%;}.w-1\/3{width:33.333%;}.w-2\/3{width:66.666%;}.w-3\/4{width:75%;}.w-5{width:1.25rem;}.w-6{width:1.5rem;}.w-8{width:2rem;}.w-10{width:2.5rem;}.w-12{width:3rem;}.w-16{width:4rem;}.w-20{width:5rem;}.w-24{width:6rem;}.w-32{width:8rem;}.w-48{width:12rem;}.w-64{width:16rem;}
.h-full{height:100%;}.h-auto{height:auto;}.h-1{height:.25rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-8{height:2rem;}.h-10{height:2.5rem;}.h-12{height:3rem;}.h-16{height:4rem;}.h-20{height:5rem;}.h-24{height:6rem;}.h-32{height:8rem;}.h-48{height:12rem;}.h-64{height:16rem;}.h-80{height:20rem;}.h-96{height:24rem;}.h-screen{height:100vh;}.h-\[50vh\]{height:50vh;}.h-\[60vh\]{height:60vh;}.h-\[70vh\]{height:70vh;}.h-\[80vh\]{height:80vh;}.h-\[400px\]{height:400px;}.h-\[440px\]{height:440px;}.h-\[480px\]{height:480px;}.h-\[520px\]{height:520px;}.h-\[560px\]{height:560px;}.h-\[600px\]{height:600px;}
.min-h-screen{min-height:100vh;}.min-h-\[400px\]{min-height:400px;}.min-h-\[500px\]{min-height:500px;}.min-h-\[600px\]{min-height:600px;}
.max-w-xs{max-width:20rem;}.max-w-sm{max-width:24rem;}.max-w-md{max-width:28rem;}.max-w-lg{max-width:32rem;}.max-w-xl{max-width:36rem;}.max-w-2xl{max-width:42rem;}.max-w-3xl{max-width:48rem;}.max-w-4xl{max-width:56rem;}.max-w-5xl{max-width:64rem;}.max-w-6xl{max-width:72rem;}.max-w-7xl{max-width:80rem;}.max-w-full{max-width:100%;}
.max-w-\[1220px\]{max-width:1220px;}.max-w-\[960px\]{max-width:960px;}.max-w-\[840px\]{max-width:840px;}.max-w-\[760px\]{max-width:760px;}.max-w-\[720px\]{max-width:720px;}.max-w-\[640px\]{max-width:640px;}.max-w-\[600px\]{max-width:600px;}.max-w-\[560px\]{max-width:560px;}.max-w-\[520px\]{max-width:520px;}
.min-w-0{min-width:0;}.min-w-\[200px\]{min-width:200px;}
.aspect-square{aspect-ratio:1/1;}.aspect-video{aspect-ratio:16/9;}.aspect-\[16\/9\]{aspect-ratio:16/9;}.aspect-\[21\/9\]{aspect-ratio:21/9;}.aspect-\[4\/3\]{aspect-ratio:4/3;}.aspect-\[3\/4\]{aspect-ratio:3/4;}

/* ─────────────────── TYPOGRAPHY ─────────────────── */
.font-display{font-family:'Space Grotesk',sans-serif;}.font-body{font-family:'Space Mono',monospace;}.font-mono{font-family:'Space Mono',monospace;}
.text-xs{font-size:.75rem;line-height:1rem;}.text-sm{font-size:.875rem;line-height:1.25rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-5xl{font-size:3rem;line-height:1;}.text-6xl{font-size:3.75rem;line-height:1;}.text-7xl{font-size:4.5rem;line-height:1;}.text-8xl{font-size:6rem;line-height:1;}.text-9xl{font-size:8rem;line-height:1;}
.text-\[11px\]{font-size:11px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\]{font-size:14px;}.text-\[15px\]{font-size:15px;}.text-\[16px\]{font-size:16px;}.text-\[18px\]{font-size:18px;}.text-\[20px\]{font-size:20px;}.text-\[22px\]{font-size:22px;}.text-\[24px\]{font-size:24px;}.text-\[28px\]{font-size:28px;}.text-\[32px\]{font-size:32px;}.text-\[36px\]{font-size:36px;}.text-\[40px\]{font-size:40px;}.text-\[48px\]{font-size:48px;}.text-\[54px\]{font-size:54px;}.text-\[60px\]{font-size:60px;}.text-\[72px\]{font-size:72px;}.text-\[80px\]{font-size:80px;}.text-\[90px\]{font-size:90px;}
.font-normal{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.font-black{font-weight:900;}
.italic{font-style:italic;}.not-italic{font-style:normal;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.capitalize{text-transform:capitalize;}.normal-case{text-transform:none;}
.tracking-tighter{letter-spacing:-.05em;}.tracking-tight{letter-spacing:-.025em;}.tracking-normal{letter-spacing:0;}.tracking-wide{letter-spacing:.025em;}.tracking-wider{letter-spacing:.05em;}.tracking-widest{letter-spacing:.1em;}.tracking-\[0\.2em\]{letter-spacing:0.2em;}.tracking-\[0\.25em\]{letter-spacing:0.25em;}.tracking-\[0\.3em\]{letter-spacing:0.3em;}.tracking-\[0\.4em\]{letter-spacing:0.4em;}
.leading-none{line-height:1;}.leading-tight{line-height:1.25;}.leading-snug{line-height:1.375;}.leading-normal{line-height:1.5;}.leading-relaxed{line-height:1.625;}.leading-loose{line-height:2;}.leading-\[1\.3\]{line-height:1.3;}.leading-\[1\.4\]{line-height:1.4;}.leading-\[1\.45\]{line-height:1.45;}.leading-\[1\.5\]{line-height:1.5;}.leading-\[1\.6\]{line-height:1.6;}.leading-\[1\.7\]{line-height:1.7;}
.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.text-justify{text-align:justify;}
.text-balance{text-wrap:balance;}.text-pretty{text-wrap:pretty;}
.underline{text-decoration:underline;}.no-underline{text-decoration:none;}.line-through{text-decoration:line-through;}
.decoration-1{text-decoration-thickness:1px;}.underline-offset-4{text-underline-offset:4px;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.break-words{word-break:break-word;}.break-all{word-break:break-all;}

/* ─────────────────── COLORS ─────────────────── */
.text-\[\#e8e4dc\]{color:#e8e4dc;}.text-\[\#7a7670\]{color:#7a7670;}.text-\[\#c4b49a\]{color:#c4b49a;}.text-\[\#0e0f10\]{color:#0e0f10;}.text-\[\#161819\]{color:#161819;}.text-\[\#ffffff\]{color:#ffffff;}.text-\[\#d8d4cc\]{color:#d8d4cc;}.text-\[\#b0aba4\]{color:#b0aba4;}.text-\[\#f0ece4\]{color:#f0ece4;}.text-\[\#a09a93\]{color:#a09a93;}.text-\[\#3a3733\]{color:#3a3733;}.text-\[\#504c47\]{color:#504c47;}.text-\[\#c0b8b0\]{color:#c0b8b0;}.text-\[\#2c2a27\]{color:#2c2a27;}
.bg-\[\#0e0f10\]{background-color:#0e0f10;}.bg-\[\#161819\]{background-color:#161819;}.bg-\[\#1a1c1e\]{background-color:#1a1c1e;}.bg-\[\#1e2022\]{background-color:#1e2022;}.bg-\[\#242628\]{background-color:#242628;}.bg-\[\#2a2c2e\]{background-color:#2a2c2e;}.bg-\[\#c4b49a\]{background-color:#c4b49a;}.bg-\[\#e8e4dc\]{background-color:#e8e4dc;}.bg-\[\#e0dcd4\]{background-color:#e0dcd4;}.bg-\[\#7a7670\]{background-color:#7a7670;}.bg-transparent{background-color:transparent;}.bg-\[\#0e0f10\]\/80{background-color:rgba(14,15,16,.8);}.bg-\[\#c4b49a\]\/10{background-color:rgba(196,180,154,.1);}.bg-\[\#c4b49a\]\/15{background-color:rgba(196,180,154,.15);}.bg-\[\#c4b49a\]\/20{background-color:rgba(196,180,154,.2);}.bg-\[\#7a7670\]\/20{background-color:rgba(122,118,112,.2);}.bg-\[\#7a7670\]\/10{background-color:rgba(122,118,112,.1);}.bg-\[\#e8e4dc\]\/5{background-color:rgba(232,228,220,.05);}.bg-\[\#e8e4dc\]\/10{background-color:rgba(232,228,220,.1);}.bg-\[\#1b261c\]\/14{background-color:rgba(27,38,28,.14);}

/* ─────────────────── BORDERS ─────────────────── */
.border{border-width:1px;}.border-0{border-width:0;}.border-2{border-width:2px;}.border-4{border-width:4px;}
.border-t{border-top-width:1px;}.border-b{border-bottom-width:1px;}.border-l{border-left-width:1px;}.border-r{border-right-width:1px;}
.border-t-2{border-top-width:2px;}.border-b-2{border-bottom-width:2px;}.border-l-4{border-left-width:4px;}
.border-\[\#7a7670\]{border-color:#7a7670;}.border-\[\#c4b49a\]{border-color:#c4b49a;}.border-\[\#e8e4dc\]{border-color:#e8e4dc;}.border-\[\#2a2c2e\]{border-color:#2a2c2e;}.border-\[\#3a3c3e\]{border-color:#3a3c3e;}.border-\[\#1e2022\]{border-color:#1e2022;}
.border-\[\#7a7670\]\/20{border-color:rgba(122,118,112,.2);}.border-\[\#7a7670\]\/30{border-color:rgba(122,118,112,.3);}.border-\[\#7a7670\]\/40{border-color:rgba(122,118,112,.4);}.border-\[\#c4b49a\]\/30{border-color:rgba(196,180,154,.3);}.border-\[\#c4b49a\]\/40{border-color:rgba(196,180,154,.4);}.border-\[\#e8e4dc\]\/10{border-color:rgba(232,228,220,.1);}.border-\[\#e8e4dc\]\/15{border-color:rgba(232,228,220,.15);}.border-\[\#e8e4dc\]\/20{border-color:rgba(232,228,220,.2);}.border-\[\#ffffff\]\/18{border-color:rgba(255,255,255,.18);}
.rounded-none{border-radius:0;}.rounded-sm{border-radius:2px;}.rounded{border-radius:4px;}.rounded-md{border-radius:6px;}.rounded-lg{border-radius:8px;}.rounded-xl{border-radius:12px;}.rounded-2xl{border-radius:16px;}.rounded-full{border-radius:9999px;}
.divide-y>*+*{border-top-width:1px;border-style:solid;}.divide-\[\#7a7670\]\/20>*+*{border-color:rgba(122,118,112,.2);}

/* ─────────────────── EFFECTS ─────────────────── */
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.3);}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.4);}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.5);}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.5);}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.6);}
.shadow-\[4px_4px_0px_\#c4b49a\]{box-shadow:4px 4px 0px #c4b49a;}.shadow-\[3px_3px_0px_\#c4b49a\]{box-shadow:3px 3px 0px #c4b49a;}.shadow-\[6px_6px_0px_\#c4b49a\]{box-shadow:6px 6px 0px #c4b49a;}.shadow-\[2px_2px_0px_\#c4b49a\]{box-shadow:2px 2px 0px #c4b49a;}.shadow-\[8px_8px_0px_\#c4b49a\]{box-shadow:8px 8px 0px #c4b49a;}
.opacity-0{opacity:0;}.opacity-50{opacity:.5;}.opacity-60{opacity:.6;}.opacity-70{opacity:.7;}.opacity-80{opacity:.8;}.opacity-90{opacity:.9;}.opacity-100{opacity:1;}
.blur-sm{filter:blur(4px);}.blur{filter:blur(8px);}.blur-md{filter:blur(12px);}.blur-xl{filter:blur(24px);}
.backdrop-blur-sm{backdrop-filter:blur(4px);}.backdrop-blur-md{backdrop-filter:blur(12px);}.backdrop-blur-xl{backdrop-filter:blur(24px);}
.grayscale{filter:grayscale(100%);}.grayscale-\[40\%\]{filter:grayscale(40%);}

/* ─────────────────── TRANSFORMS ─────────────────── */
.rotate-90{transform:rotate(90deg);}.rotate-\[-90deg\]{transform:rotate(-90deg);}.rotate-\[90deg\]{transform:rotate(90deg);}
.scale-100{transform:scale(1);}.scale-105{transform:scale(1.05);}
.-translate-x-1\/2{transform:translateX(-50%);}.translate-y-0{transform:translateY(0);}.translate-y-1{transform:translateY(.25rem);}.translate-y-2{transform:translateY(.5rem);}

/* ─────────────────── TRANSITIONS ─────────────────── */
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.duration-150{transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.duration-500{transition-duration:500ms;}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1);}

/* ─────────────────── HOVER / FOCUS / STATES ─────────────────── */
.hover\:text-\[\#c4b49a\]:hover{color:#c4b49a;}
.hover\:text-\[\#e8e4dc\]:hover{color:#e8e4dc;}
.hover\:text-\[\#0e0f10\]:hover{color:#0e0f10;}
.hover\:bg-\[\#c4b49a\]:hover{background-color:#c4b49a;}
.hover\:bg-\[\#d4c4aa\]:hover{background-color:#d4c4aa;}
.hover\:bg-\[\#e8e4dc\]:hover{background-color:#e8e4dc;}
.hover\:bg-\[\#1a1c1e\]:hover{background-color:#1a1c1e;}
.hover\:bg-\[\#2a2c2e\]:hover{background-color:#2a2c2e;}
.hover\:bg-\[\#c4b49a\]\/20:hover{background-color:rgba(196,180,154,.2);}
.hover\:border-\[\#c4b49a\]:hover{border-color:#c4b49a;}
.hover\:shadow-\[4px_4px_0px_\#c4b49a\]:hover{box-shadow:4px 4px 0px #c4b49a;}
.hover\:shadow-\[6px_6px_0px_\#c4b49a\]:hover{box-shadow:6px 6px 0px #c4b49a;}
.hover\:opacity-80:hover{opacity:.8;}
.hover\:opacity-90:hover{opacity:.9;}
.hover\:scale-105:hover{transform:scale(1.05);}
.hover\:translate-y-\[-2px\]:hover{transform:translateY(-2px);}
.group:hover .group-hover\:text-\[\#c4b49a\]{color:#c4b49a;}
.group:hover .group-hover\:scale-105{transform:scale(1.05);}
.group:hover .group-hover\:opacity-80{opacity:.8;}
.focus\:outline-none:focus{outline:none;}
.focus\:border-\[\#c4b49a\]:focus{border-color:#c4b49a;}

/* ─────────────────── MISC UTILITIES ─────────────────── */
.cursor-pointer{cursor:pointer;}.select-none{user-select:none;}.pointer-events-none{pointer-events:none;}
.object-cover{object-fit:cover;}.object-center{object-position:center;}.object-top{object-position:top;}
.list-none{list-style:none;}.list-disc{list-style:disc;}
.space-y-1>*+*{margin-top:.25rem;}.space-y-2>*+*{margin-top:.5rem;}.space-y-3>*+*{margin-top:.75rem;}.space-y-4>*+*{margin-top:1rem;}.space-y-6>*+*{margin-top:1.5rem;}.space-y-8>*+*{margin-top:2rem;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;}
.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem);}
.border-collapse{border-collapse:collapse;}.table{display:table;}.table-auto{table-layout:auto;}.w-\[100\%\]{width:100%;}

/* ─────────────────── RESPONSIVE: sm (640px) ─────────────────── */
@media(min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sm\:flex-row{flex-direction:row;}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}
}

/* ─────────────────── RESPONSIVE: md (768px) ─────────────────── */
@media(min-width:768px){
  .md\:flex{display:flex;}.md\:hidden{display:none;}.md\:block{display:block;}.md\:inline-block{display:inline-block;}.md\:grid{display:grid;}
  .md\:flex-row{flex-direction:row;}.md\:flex-col{flex-direction:column;}
  .md\:items-center{align-items:center;}.md\:items-start{align-items:flex-start;}
  .md\:justify-between{justify-content:space-between;}.md\:justify-end{justify-content:flex-end;}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
  .md\:col-span-1{grid-column:span 1/span 1;}.md\:col-span-2{grid-column:span 2/span 2;}.md\:col-span-3{grid-column:span 3/span 3;}
  .md\:gap-6{gap:1.5rem;}.md\:gap-8{gap:2rem;}.md\:gap-10{gap:2.5rem;}.md\:gap-12{gap:3rem;}.md\:gap-x-4{column-gap:1rem;}.md\:gap-x-6{column-gap:1.5rem;}
  .md\:gap-4{gap:1rem;}
  .md\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.md\:px-8{padding-left:2rem;padding-right:2rem;}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem;}.md\:px-12{padding-left:3rem;padding-right:3rem;}
  .md\:py-8{padding-top:2rem;padding-bottom:2rem;}.md\:py-12{padding-top:3rem;padding-bottom:3rem;}.md\:py-16{padding-top:4rem;padding-bottom:4rem;}.md\:py-20{padding-top:5rem;padding-bottom:5rem;}.md\:py-24{padding-top:6rem;padding-bottom:6rem;}
  .md\:pt-0{padding-top:0;}.md\:pt-8{padding-top:2rem;}.md\:pt-16{padding-top:4rem;}.md\:pt-24{padding-top:6rem;}
  .md\:pb-0{padding-bottom:0;}.md\:pb-8{padding-bottom:2rem;}.md\:pb-16{padding-bottom:4rem;}.md\:pb-24{padding-bottom:6rem;}
  .md\:pl-8{padding-left:2rem;}.md\:pl-12{padding-left:3rem;}.md\:pl-16{padding-left:4rem;}
  .md\:mt-0{margin-top:0;}.md\:mt-4{margin-top:1rem;}.md\:mt-8{margin-top:2rem;}
  .md\:mb-0{margin-bottom:0;}.md\:mb-4{margin-bottom:1rem;}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem;}.md\:text-2xl{font-size:1.5rem;line-height:2rem;}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.md\:text-5xl{font-size:3rem;line-height:1;}.md\:text-6xl{font-size:3.75rem;line-height:1;}.md\:text-7xl{font-size:4.5rem;line-height:1;}
  .md\:text-\[40px\]{font-size:40px;}.md\:text-\[48px\]{font-size:48px;}.md\:text-\[54px\]{font-size:54px;}.md\:text-\[60px\]{font-size:60px;}.md\:text-\[72px\]{font-size:72px;}.md\:text-\[80px\]{font-size:80px;}.md\:text-\[90px\]{font-size:90px;}
  .md\:w-1\/2{width:50%;}.md\:w-1\/3{width:33.333%;}.md\:w-2\/3{width:66.666%;}.md\:w-3\/5{width:60%;}.md\:w-2\/5{width:40%;}.md\:w-auto{width:auto;}
  .md\:h-\[60vh\]{height:60vh;}.md\:h-\[70vh\]{height:70vh;}.md\:h-\[80vh\]{height:80vh;}.md\:h-\[500px\]{height:500px;}.md\:h-\[560px\]{height:560px;}.md\:h-\[600px\]{height:600px;}.md\:h-\[640px\]{height:640px;}
  .md\:max-w-none{max-width:none;}.md\:max-w-sm{max-width:24rem;}.md\:max-w-md{max-width:28rem;}.md\:max-w-xl{max-width:36rem;}.md\:max-w-2xl{max-width:42rem;}.md\:max-w-3xl{max-width:48rem;}
  .md\:aspect-\[16\/9\]{aspect-ratio:16/9;}.md\:aspect-\[21\/9\]{aspect-ratio:21/9;}
  .md\:flex-wrap{flex-wrap:wrap;}.md\:flex-nowrap{flex-wrap:nowrap;}
  .md\:items-end{align-items:flex-end;}
  .md\:justify-start{justify-content:flex-start;}
  .md\:self-end{align-self:flex-end;}
  .md\:border-l{border-left-width:1px;}.md\:border-0{border-width:0;}
  .md\:text-left{text-align:left;}.md\:text-center{text-align:center;}.md\:text-right{text-align:right;}
  .md\:order-1{order:1;}.md\:order-2{order:2;}
}

/* ─────────────────── RESPONSIVE: lg (1024px) ─────────────────── */
@media(min-width:1024px){
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
  .lg\:col-span-2{grid-column:span 2/span 2;}.lg\:col-span-3{grid-column:span 3/span 3;}.lg\:col-span-4{grid-column:span 4/span 4;}
  .lg\:flex{display:flex;}.lg\:hidden{display:none;}.lg\:block{display:block;}
  .lg\:gap-8{gap:2rem;}.lg\:gap-10{gap:2.5rem;}.lg\:gap-12{gap:3rem;}.lg\:gap-16{gap:4rem;}
  .lg\:px-8{padding-left:2rem;padding-right:2rem;}.lg\:px-12{padding-left:3rem;padding-right:3rem;}.lg\:px-16{padding-left:4rem;padding-right:4rem;}
  .lg\:py-16{padding-top:4rem;padding-bottom:4rem;}.lg\:py-20{padding-top:5rem;padding-bottom:5rem;}.lg\:py-24{padding-top:6rem;padding-bottom:6rem;}
  .lg\:pt-32{padding-top:8rem;}.lg\:pb-32{padding-bottom:8rem;}
  .lg\:text-5xl{font-size:3rem;line-height:1;}.lg\:text-6xl{font-size:3.75rem;line-height:1;}.lg\:text-7xl{font-size:4.5rem;line-height:1;}.lg\:text-8xl{font-size:6rem;line-height:1;}
  .lg\:text-\[60px\]{font-size:60px;}.lg\:text-\[72px\]{font-size:72px;}.lg\:text-\[80px\]{font-size:80px;}.lg\:text-\[90px\]{font-size:90px;}.lg\:text-\[100px\]{font-size:100px;}
  .lg\:w-3\/5{width:60%;}.lg\:w-2\/5{width:40%;}.lg\:w-1\/2{width:50%;}.lg\:w-2\/3{width:66.666%;}
  .lg\:h-\[80vh\]{height:80vh;}.lg\:h-\[640px\]{height:640px;}.lg\:h-\[700px\]{height:700px;}
  .lg\:flex-row{flex-direction:row;}
  .lg\:items-center{align-items:center;}
}

/* ─────────────────── RESPONSIVE: xl (1280px) ─────────────────── */
@media(min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
  .xl\:text-\[90px\]{font-size:90px;}.xl\:text-\[100px\]{font-size:100px;}.xl\:text-\[110px\]{font-size:110px;}
  .xl\:gap-16{gap:4rem;}.xl\:px-16{padding-left:4rem;padding-right:4rem;}
}

/* ─────────────────── COMPONENT PATTERNS ─────────────────── */

/* Marquee strip */
.marquee-track{display:flex;gap:3rem;animation:marquee 30s linear infinite;white-space:nowrap;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.marquee-wrapper{overflow:hidden;width:100%;}

/* Hard offset card (Industrial) */
.card-offset{border:1px solid rgba(122,118,112,.3);background:#161819;transition:box-shadow 150ms,transform 150ms;}
.card-offset:hover{box-shadow:4px 4px 0px #c4b49a;transform:translate(-2px,-2px);}

/* Blueprint grid overlay */
.blueprint-grid{background-image:linear-gradient(rgba(196,180,154,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(196,180,154,.04) 1px,transparent 1px);background-size:40px 40px;}

/* Stencil label */
.stencil-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#7a7670;}

/* Section number marker */
.section-num{font-family:'Space Grotesk',sans-serif;font-size:4.5rem;font-weight:700;line-height:1;color:rgba(196,180,154,.15);}

/* Numbered step */
.step-number{width:2.5rem;height:2.5rem;border:1px solid rgba(196,180,154,.4);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:.75rem;font-weight:700;color:#c4b49a;flex-shrink:0;}

/* Stat block */
.stat-number{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1;color:#c4b49a;}

/* CTA button primary */
.btn-primary{display:inline-block;background-color:#c4b49a;color:#0e0f10;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;padding:.875rem 2rem;border:1px solid #c4b49a;transition:all 150ms;}
.btn-primary:hover{background-color:#d4c4aa;box-shadow:3px 3px 0px #7a7670;}

/* CTA button ghost */
.btn-ghost{display:inline-block;background-color:transparent;color:#e8e4dc;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;padding:.875rem 2rem;border:1px solid rgba(232,228,220,.3);transition:all 150ms;}
.btn-ghost:hover{border-color:#c4b49a;color:#c4b49a;}

/* Chip / badge */
.chip{display:inline-block;border:1px solid rgba(196,180,154,.3);padding:.2rem .75rem;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#c4b49a;}

/* Vertical rotated label */
.label-vertical{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#7a7670;}

/* Progress bar */
.progress-bar{height:2px;background:rgba(122,118,112,.2);}
.progress-fill{height:100%;background:#c4b49a;}

/* Form inputs */
.input-field{width:100%;background:#161819;border:1px solid rgba(122,118,112,.3);padding:.875rem 1rem;font-family:'Space Mono',monospace;font-size:.875rem;color:#e8e4dc;outline:none;transition:border-color 150ms;}
.input-field:focus{border-color:#c4b49a;}
.input-field::placeholder{color:#7a7670;}

/* FAQ accordion */
.accordion-item{border-top:1px solid rgba(122,118,112,.2);}
.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:700;text-align:left;}
.accordion-content{display:none;padding-bottom:1.25rem;font-family:'Space Mono',monospace;font-size:.875rem;line-height:1.6;color:#b0aba4;}
.accordion-content.open{display:block;}

/* Blockquote */
blockquote{border-left:4px solid #c4b49a;padding-left:1.5rem;font-style:italic;color:#b0aba4;}

/* Table */
table{border-collapse:collapse;width:100%;}
th,td{border:1px solid rgba(122,118,112,.2);padding:.75rem 1rem;font-family:'Space Mono',monospace;font-size:.8125rem;text-align:left;}
th{color:#c4b49a;font-weight:400;letter-spacing:.1em;text-transform:uppercase;}

/* Scrollbar */
::-webkit-scrollbar{width:6px;}.:-webkit-scrollbar-track{background:#0e0f10;}.:-webkit-scrollbar-thumb{background:#2a2c2e;border-radius:3px;}

/* ─────────────────── AOS OVERRIDES ─────────────────── */
[data-aos]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
[data-aos].aos-animate{opacity:1;transform:translateY(0);}