:root{color-scheme:dark;--bg:#101719;--panel:#172023;--text:#f0f0e7;--muted:#a7b4b5;--mint:#b5d9bd;--line:#2a3638}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.skip{position:absolute;top:-90px;left:20px;z-index:99;background:var(--mint);color:#111;padding:12px}.skip:focus{top:10px}header{height:100px;max-width:1360px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.08em}.wordmark sup{font-size:8px}.wordmark small{display:block;color:var(--muted);font-size:8px;letter-spacing:.23em;margin-top:3px}.brand-symbol{font-size:28px;font-weight:900;letter-spacing:-.11em}.brand-symbol span{font-size:23px;color:var(--mint);padding-left:2px}nav{display:flex;gap:36px;font-size:12px}nav span{color:var(--mint)}.hero{max-width:1360px;margin:auto;padding:90px 64px 98px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--mint);margin:0 0 22px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;display:inline-block;background:var(--mint);border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,4.8vw,72px);letter-spacing:-.045em;line-height:1.08;margin:0 0 24px}h1 em{color:var(--mint);font-weight:400}.intro{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:28px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--mint);color:#142019;padding:13px 20px;border-radius:5px;font-size:12px;font-weight:700}.primary span{font-size:18px}.hero-note{color:var(--muted);font-size:10px;margin-top:20px;letter-spacing:.02em}.hero-art{position:relative;min-height:360px;background:radial-gradient(ellipse at center,#293f35 0,transparent 67%)}.orbit-line{position:absolute;border:1px solid #35453d;border-radius:50%;left:7%;top:8%;width:86%;height:84%;transform:rotate(-24deg)}.orbit-two{transform:rotate(31deg);left:20%;width:60%;top:1%;height:98%;border-style:dashed;opacity:.6}.art-label{position:absolute;font-size:8px;letter-spacing:.21em;color:var(--muted)}.top-label{top:0;left:29%}.bottom-label{bottom:-10px;right:12%;}.bottom-label span{color:var(--mint);font-size:14px;margin-left:16px}.tile{position:absolute;width:90px;height:90px;padding:8px;border:1px solid #465147;border-radius:21px;box-shadow:0 18px 40px #0006;background:#1b2425;display:grid;place-items:center;overflow:hidden}.tile img{width:100%;height:100%;object-fit:contain;border-radius:14px}.tile-a{left:9%;top:13%;transform:rotate(-12deg)}.tile-b{right:9%;top:9%;transform:rotate(10deg)}.tile-c{left:13%;bottom:4%;transform:rotate(-8deg)}.tile-d{right:7%;bottom:8%;transform:rotate(12deg)}.tile-center{width:162px;height:162px;left:calc(50% - 81px);top:calc(50% - 81px);background:linear-gradient(150deg,#324b3d,#19251f);border-color:#5d7963;border-radius:32px;transform:rotate(-7deg);text-align:center;padding:22px}.tile-center>span{font-size:60px;font-weight:900;letter-spacing:-.12em;line-height:1}.star{font-size:33px;color:var(--mint);vertical-align:top}.tile-center small{font-size:6px;letter-spacing:.12em;margin-top:8px}.catalog{max-width:1360px;margin:auto;padding:55px 64px 80px;border-top:1px solid var(--line)}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.catalog-heading .eyebrow{margin-bottom:12px}h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;line-height:1.2;margin:0;letter-spacing:-.025em}h2>span{color:var(--mint)}.catalog-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{cursor:pointer;border:1px solid transparent;color:var(--muted);background:transparent;border-radius:5px;padding:9px 12px;font-size:11px}.filters button span{opacity:.65;margin-left:5px;font-size:9px}.filters button.active{background:#293b30;border-color:#3c5544;color:#d8ecdc}.filters button:hover{color:#fff;border-color:var(--line)}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:8px 10px;gap:9px;background:#151e20}.search svg{width:15px;height:15px;stroke:var(--muted);stroke-width:1.5;fill:none}.search input{background:none;border:0;color:var(--text);font-size:11px;width:155px;min-width:0}.search input::placeholder{color:var(--muted)}.catalog-note{font-size:10px;color:var(--muted);margin:20px 0 0}.results{color:var(--muted);font-size:10px;margin:9px 0 15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;display:flex;flex-direction:column;background:linear-gradient(140deg,#1b2629,#172023);border:1px solid #2d3b3d;border-radius:12px;padding:25px;transition:border-color .2s,transform .2s}.card:hover{border-color:#617b69;transform:translateY(-3px)}.card-top{display:flex;gap:14px;align-items:center;margin-bottom:24px}.app-icon{width:64px;height:64px;object-fit:contain;border-radius:14px;background:#101719;flex-shrink:0}.card-title{min-width:0}.card h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.subtitle{color:var(--muted);font-size:10px;margin:6px 0 0}.product-tag{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 9px}.lead{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.3;letter-spacing:-.015em;margin:0 0 12px}.description{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:8px;letter-spacing:.05em}.catalog-id{font-family:monospace}.art-note{color:var(--muted)}#empty{color:var(--muted);padding:40px 0}.studio{max-width:1232px;margin:0 auto 60px;padding:45px;background:#1a2721;border:1px solid #354a3c;border-radius:12px}.studio>div{display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio h2{font-size:34px}.studio>div>p{margin:0;color:#b6c4b9;font-size:13px;line-height:1.9}.studio-signature{border-top:1px solid #354a3c;padding-top:20px;margin:30px 0 0;font-size:9px;letter-spacing:.12em;color:var(--muted)}.studio-signature span{margin:0 14px;color:var(--mint)}footer{border-top:1px solid var(--line);padding:25px 64px;max-width:1360px;margin:auto;display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:9px}@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:120px}}@media(max-width:1050px){header,.hero,.catalog{padding-left:32px;padding-right:32px}.hero{gap:20px}.hero-art{min-height:320px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{margin-left:32px;margin-right:32px}.catalog-controls{flex-wrap:wrap}.studio>div{gap:30px}}@media(max-width:680px){header{height:82px;padding:0 20px}.wordmark{font-size:11px;gap:8px}.brand-symbol{font-size:24px}.wordmark small{font-size:6px}nav{gap:14px;font-size:10px}.hero{grid-template-columns:1fr;padding:48px 20px 35px;gap:30px}.hero h1{font-size:51px}.hero .eyebrow{font-size:8px}.hero-art{min-height:290px;max-width:360px;width:100%;justify-self:center}.tile{width:74px;height:74px}.tile-center{width:140px;height:140px;left:calc(50% - 70px);top:calc(50% - 70px)}.tile-center>span{font-size:50px}.art-label{font-size:7px}.catalog{padding:35px 20px 45px}.catalog-heading{display:block;margin-bottom:22px}.catalog-heading>p{margin-top:16px}.catalog h2{font-size:34px}.catalog-controls{gap:15px}.filters{gap:1px}.filters button{font-size:10px;padding:8px}.search{width:100%}.search input{width:100%;font-size:13px}.cards{grid-template-columns:1fr}.card{padding:24px}.card h3{font-size:21px}.description{font-size:13px}.card-top{margin-bottom:22px}.studio{margin:0 20px 35px;padding:26px}.studio>div{grid-template-columns:1fr;gap:20px}.studio h2{font-size:29px}.studio .eyebrow{font-size:8px}footer{padding:24px 20px;flex-direction:column;gap:8px}.catalog-note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}

/* Original DIEGOAT Studios identity retained; catalog layout preserved. */
:root{--bg:#08090a;--panel:#141618;--text:#f4f4f4;--muted:#b8bbbf;--mint:#dedfe1;--line:#ffffff26}
body{background:#08090a url('assets/stone-bg.jpg') center top/cover fixed}
header{max-width:none;height:82px;padding:0 5vw;background:#050607ed;border-bottom:1px solid var(--line)}
.original-mark{display:flex;align-items:center}.original-mark img{width:155px;height:65px;object-fit:contain;object-position:left center}
header nav{gap:32px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.original-hero{max-width:none;display:grid;grid-template-columns:1fr;place-items:center;text-align:center;padding:45px 20px 65px;gap:0;background:linear-gradient(#0002,#0008);min-height:680px}
.hero-inner{max-width:900px}.hero-logo{width:min(500px,80vw);height:auto;display:block;margin:0 auto 0;filter:drop-shadow(0 12px 22px #0009)}
.kicker{font-size:10px;font-weight:700;letter-spacing:.35em;color:#d6d7da;margin:0 0 16px}
.original-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(42px,5.5vw,74px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;text-shadow:0 5px 20px #000a}
.original-hero h1 span{color:#c7c9cc}.original-hero .intro{font-size:16px;line-height:1.7;margin:0 0 25px;color:#d0d2d5}
.actions{display:flex;justify-content:center;gap:14px;align-items:center}.primary{background:#fff;color:#111;border:1px solid #fff;font-size:12px}.secondary{border:1px solid #ffffff65;border-radius:5px;padding:16px 20px;font-size:12px;background:#090a0b80}
.catalog{max-width:none;padding:52px max(5vw,calc((100vw - 1232px)/2)) 65px;background:#080a0ceF}
.catalog h2,.studio h2,.details h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.035em}
.catalog .eyebrow{color:#bbc0c6}.catalog h2>span{color:#aeb3ba}
.filters button.active{background:#34383d;border-color:#6e747c;color:#fff}.filters button:hover{border-color:#757b82}.search{background:#121518}
.card{background:linear-gradient(135deg,#1b1e22,#111417);border-color:#34393f}.card:hover{border-color:#8c939b}.lead{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:600}.app-icon{background:#0c0e11}
.studio{max-width:none;margin:0;padding:45px max(5vw,calc((100vw - 1232px)/2));border-radius:0;background:#080a0cf2;border:0;border-top:1px solid var(--line)}.studio>div>p{color:#bfc2c7}.studio-signature{border-color:var(--line)}
.details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px max(5vw,calc((100vw - 1232px)/2));background:#080a0cf2;border-top:1px solid var(--line)}.details h2{font-size:26px;margin:0 0 15px}.details p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;max-width:540px}.details .detail-note{font-size:11px!important;color:#999fa7!important}
footer{max-width:none;padding:25px 5vw;background:#050607}.skip{background:#fff}
@media(max-width:680px){header{height:76px;padding:0 15px;gap:12px}.original-mark img{width:90px;height:56px}header nav{gap:10px;font-size:8px;letter-spacing:.04em}.original-hero{min-height:620px;padding:40px 20px 50px}.original-hero h1{font-size:49px}.hero-logo{width:88vw}.original-hero .intro{font-size:14px}.desktop-break{display:none}.actions{gap:10px;flex-wrap:wrap}.catalog{padding:35px 20px 45px}.studio{padding:35px 20px}.details{grid-template-columns:1fr;padding:35px 20px;gap:35px}.catalog h2{font-size:32px}.studio h2{font-size:29px}}