:root{color-scheme:dark;--canvas:#111410;--surface:#1a1f17;--text:#f4f3e8;--muted:#b7bcb0;--line:#3d4636;--accent:#d9edaa;font-family:Inter,Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{min-width:280px;background:var(--canvas)}
body{margin:0;color:var(--text);background:radial-gradient(ellipse at 90% 40%,#27311c55 0,transparent 55%),var(--canvas)}
.page{max-width:1600px;min-height:100svh;margin:auto;padding:34px clamp(24px,5.2vw,84px) 24px;display:flex;flex-direction:column}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:block;width:256px;height:auto;max-width:72%;object-fit:contain}
.site-address{font-size:12px;letter-spacing:.06em;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;flex:1;padding:64px 0 80px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px}
.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #d9edaa0c}
h1{font-size:clamp(80px,9.4vw,150px);font-weight:600;letter-spacing:-.075em;line-height:.9;margin:0 0 34px}
h1 span{color:var(--accent)}
.intro{font-size:clamp(22px,2.05vw,31px);font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px}
.description{max-width:34ch;font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.card-art{position:relative;isolation:isolate;min-height:450px;display:grid;place-items:center}
.orbit{position:absolute;z-index:-1;border:1px solid #3d463655;border-radius:50%;width:410px;height:410px;max-width:100%;max-height:100%}
.orbit-two{width:500px;height:500px;border-color:#3d463625}
.playing-card{position:absolute;width:226px;height:318px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 28px 45px #0003;display:grid;place-items:center}
.card-back{transform:translate(-54px,-9px) rotate(-15deg);color:#7f8d6f;background:#191e16}
.card-front{transform:translate(48px,20px) rotate(12deg);border-color:#697858;color:var(--accent);background:linear-gradient(140deg,#2b3522,#1b2317)}
.suit{font-family:Georgia,'Times New Roman',serif;font-size:145px;line-height:1;transform:translateY(-8px)}
.corner{position:absolute;left:17px;top:14px;font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1}
.corner-bottom{left:auto;top:auto;right:17px;bottom:14px;transform:rotate(180deg)}
.art-note{position:absolute;bottom:-3px;color:#a7b29b;font-size:11px;letter-spacing:.055em;text-align:center}
.site-footer{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid #3d46367a;padding-top:19px;font-size:11px;line-height:1.6;color:var(--muted)}
.site-footer p{margin:0}
.site-footer span{padding:0 10px;color:#697858}
.footer-note{white-space:nowrap;color:var(--accent)}
::selection{background:var(--accent);color:var(--canvas)}
@media(min-width:1450px){.hero{padding-top:82px;padding-bottom:100px}.playing-card{width:250px;height:352px}.card-art{min-height:490px}}
@media(max-width:900px){.hero{grid-template-columns:1.1fr .9fr;gap:12px;padding:60px 0 70px}.card-art{min-height:365px}.playing-card{width:174px;height:250px;border-radius:13px}.card-back{transform:translate(-33px,-5px) rotate(-15deg)}.card-front{transform:translate(32px,13px) rotate(12deg)}.suit{font-size:112px}.corner{font-size:20px;left:13px;top:12px}.corner-bottom{left:auto;top:auto;right:13px;bottom:12px}.orbit{width:300px;height:300px}.orbit-two{width:365px;height:365px}.art-note{font-size:10px;max-width:180px;bottom:-4px}}
@media(max-width:650px){.page{padding-top:23px;padding-bottom:21px}.site-header{min-height:58px}.brand{width:218px;max-width:76%}.site-address{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:44px 0 40px}.eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:25px}h1{font-size:clamp(79px,22vw,126px);margin-bottom:27px}.intro{font-size:25px;line-height:1.3;margin-bottom:15px}.description{font-size:15px;line-height:1.6}.card-art{min-height:295px;max-width:340px;width:100%;margin:3px auto 0;overflow:visible}.playing-card{width:154px;height:215px;border-radius:12px}.card-back{transform:translate(-41px,-9px) rotate(-15deg)}.card-front{transform:translate(37px,9px) rotate(12deg)}.suit{font-size:96px}.corner{font-size:17px;left:12px;top:10px}.corner-bottom{left:auto;top:auto;right:12px;bottom:10px}.orbit{width:248px;height:248px}.orbit-two{width:295px;height:295px}.art-note{bottom:-6px;font-size:10px;max-width:none}.site-footer{font-size:10px;gap:12px;align-items:flex-start}.site-footer p:first-child{max-width:24ch}.site-footer span{padding:0 4px}}
@media(max-width:340px){.page{padding-left:20px;padding-right:20px}.eyebrow{font-size:9px}.card-art{min-height:274px}.playing-card{width:137px;height:194px}.orbit{width:220px;height:220px}.orbit-two{width:250px;height:250px}.card-back{transform:translate(-32px,-9px) rotate(-15deg)}.card-front{transform:translate(29px,9px) rotate(12deg)}.suit{font-size:88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}