/* G Prints Miniatures — Crystal-Tech site */
:root{
  --bg:#05070a;
  --panel:#0b1118;
  --panel2:#0f1821;
  --ink:#f3efe4;
  --muted:#aeb9c3;
  --gold:#c8a258;
  --gold2:#ebd39a;
  --blue:#245f85;
  --blue2:#54b9e8;
  --blue3:#0d2f44;
  --line:rgba(84,185,232,.28);
  --goldline:rgba(200,162,88,.38);
  --shadow:0 30px 90px rgba(0,0,0,.55);
  --cut:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; color:var(--ink);
  font-family:Georgia,"Times New Roman",serif; line-height:1.6;
  background:
    linear-gradient(rgba(3,6,10,.78),rgba(3,6,10,.96)),
    url("Images/site-background.jpg") center/cover fixed no-repeat,
    radial-gradient(circle at 78% 8%,rgba(19,100,144,.18),transparent 28%),
    #05070a;
  overflow-x:hidden;
}
body:before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(84,185,232,.018) 80px),
    repeating-linear-gradient(0deg,transparent 0 79px,rgba(84,185,232,.012) 80px);
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.site-shell{width:min(1220px,calc(100% - 32px));margin:auto}

header{
  position:sticky;top:0;z-index:50;
  background:rgba(4,7,11,.88);border-bottom:1px solid rgba(84,185,232,.14);
  backdrop-filter:blur(16px);
}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{width:min(380px,72vw)}
.logo-fallback{display:none;color:var(--gold2);font:800 .88rem Arial,sans-serif;letter-spacing:.18em}
.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
nav{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
nav a,.basket-button{
  text-decoration:none;padding:9px 12px;
  font:800 .76rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:#cbd5dc;border:1px solid transparent;background:transparent;cursor:pointer;
}
nav a:hover,nav a.active,.basket-button:hover{
  color:var(--gold2);border-color:rgba(200,162,88,.28);background:rgba(200,162,88,.07);
}
.basket-button{
  border-color:rgba(84,185,232,.25);color:#e9f6fc;
}
.basket-count{
  min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:inline-grid;place-items:center;
  margin-left:5px;background:var(--gold);color:#090703;font:900 .66rem Arial,sans-serif;
}

main{padding:30px 0 70px}
.kicker{margin:0 0 11px;color:var(--blue2);font:900 .72rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em}
h1,h2,h3{line-height:1.04}
h1{margin:0;font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.05em}
h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,3rem);color:var(--gold2)}
h3{margin:0;font-size:1.24rem}
p{line-height:1.65}
.lede{font-size:clamp(1rem,2vw,1.18rem);color:#d7dbe0;max-width:760px}

.tech-panel,.panel{
  position:relative;
  background:linear-gradient(135deg,rgba(14,24,34,.96),rgba(6,10,15,.96));
  border:1px solid var(--line);
  box-shadow:var(--shadow),inset 0 0 50px rgba(42,137,190,.035);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
}
.tech-panel:before,.panel:before{
  content:"";position:absolute;inset:8px;pointer-events:none;
  clip-path:inherit;border:1px solid rgba(200,162,88,.15);
}
.tech-panel:after,.panel:after{
  content:"";position:absolute;left:30px;right:30px;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--blue2),var(--gold),transparent);opacity:.72;
}
.corner-code{position:absolute;right:22px;top:18px;color:rgba(84,185,232,.48);font:700 .63rem ui-monospace,Consolas,monospace;letter-spacing:.12em}

.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 18px;text-decoration:none;border:0;cursor:pointer;
  font:900 .76rem Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.btn-primary{color:#080704;background:linear-gradient(180deg,#e1c47f,#b8873a);box-shadow:0 0 28px rgba(200,162,88,.18)}
.btn-secondary{color:#e5eef3;border:1px solid rgba(84,185,232,.34);background:rgba(19,68,95,.23)}
.btn:hover{filter:brightness(1.1)}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* Homepage */
.founders-hero{min-height:650px;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;padding-top:48px}
.release-banner{
  position:absolute;z-index:8;left:0;right:0;top:0;height:48px;
  display:flex;align-items:center;justify-content:center;gap:14px;color:#130e06;
  background:linear-gradient(90deg,#8f672c,#e3c47d,#a77832);
  border-bottom:1px solid rgba(255,235,184,.45);
  box-shadow:0 8px 30px rgba(0,0,0,.32),0 0 28px rgba(200,162,88,.16);
  font:950 .78rem Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;
}
.release-banner:before,.release-banner:after{content:"◆";font-size:.62rem;opacity:.7}
.founders-copy{position:relative;z-index:2;padding:clamp(34px,6vw,76px);display:flex;flex-direction:column;justify-content:center}
.release-subline{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 14px;color:var(--blue2);font:900 .72rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em}
.release-subline:before{content:"001";display:inline-grid;place-items:center;width:42px;height:26px;border:1px solid rgba(84,185,232,.35);background:rgba(84,185,232,.08);color:var(--gold2);font:900 .68rem ui-monospace,Consolas,monospace}
.founders-copy h1 span{color:var(--gold2)}
.teaser-title{margin:24px 0 6px;color:#fff;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:700}
.founders-copy .lede{margin:0}
.micro{margin-top:22px;color:#94a8b4;font:700 .72rem Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.hero-visual{min-height:650px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(55,176,228,.23),transparent 27%),radial-gradient(circle at 50% 60%,rgba(15,66,94,.46),transparent 48%),linear-gradient(150deg,rgba(12,22,31,.55),rgba(4,7,10,.98))}
.hero-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;left:14%;top:10%;border:1px solid rgba(84,185,232,.16);transform:rotate(45deg);box-shadow:0 0 80px rgba(31,127,175,.12),inset 0 0 80px rgba(31,127,175,.08)}
.hero-visual:after{content:"";position:absolute;inset:auto 5% 3% 5%;height:24%;background:linear-gradient(to top,rgba(4,7,10,.98),transparent)}
.model-image{position:relative;z-index:2;width:min(92%,600px);height:90%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 35px rgba(0,0,0,.7))}
.image-placeholder{z-index:1;position:absolute;inset:15%;display:grid;place-items:center;text-align:center;color:#718795;border:1px dashed rgba(84,185,232,.28);background:rgba(7,13,18,.32);font:700 .8rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.price-chip{position:absolute;z-index:3;right:24px;bottom:24px;padding:12px 15px;border:1px solid var(--goldline);background:rgba(5,8,12,.88);color:var(--gold2);font:900 1.08rem Arial,sans-serif}

.section{margin-top:28px}
.world-panel{padding:clamp(30px,5vw,58px)}
.world-panel .lede{margin:0}
.world-grid{display:grid;grid-template-columns:1fr .45fr;gap:30px;align-items:end}
.world-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.store-gateway{
  min-height:230px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;
  background:radial-gradient(circle at 80% 20%,rgba(84,185,232,.16),transparent 28%),linear-gradient(145deg,rgba(15,28,39,.94),rgba(7,11,16,.98));
  border:1px solid rgba(84,185,232,.24);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
}
.store-gateway:before{content:"";position:absolute;inset:8px;border:1px solid rgba(200,162,88,.16);clip-path:inherit;pointer-events:none}
.store-gateway:after{content:"STORE";position:absolute;right:-10px;bottom:8px;color:rgba(84,185,232,.055);font:900 3.4rem Arial,sans-serif;letter-spacing:.12em}
.store-gateway .store-kicker{position:relative;z-index:2;margin:0 0 8px;color:var(--blue2);font:900 .68rem Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.store-gateway h3{position:relative;z-index:2;margin:0 0 10px;color:var(--gold2);font-size:1.55rem}
.store-gateway p{position:relative;z-index:2;margin:0 0 18px;color:#b8c5cd;max-width:300px}
.store-gateway .btn{position:relative;z-index:2}
.store-gateway img{position:absolute;right:18px;top:16px;width:70px;opacity:.16;pointer-events:none}

.strike{padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}
.strike-visual{min-height:390px;position:relative;display:grid;place-items:center;background:linear-gradient(180deg,transparent,rgba(5,9,13,.75)),radial-gradient(circle at 50% 60%,rgba(42,148,197,.17),transparent 45%);border:1px solid rgba(84,185,232,.12)}
.strike-visual img{width:96%;height:380px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.6))}
.strike-price{color:var(--gold2);font:900 clamp(1.7rem,3vw,2.4rem) Arial,sans-serif;margin:16px 0 0}
.roster{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.roster span{padding:7px 10px;border-left:2px solid var(--blue2);background:rgba(84,185,232,.07);color:#d9e6ed;font:800 .72rem Arial,sans-serif;letter-spacing:.04em}

.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:44px 0 17px}
.section-head p{margin:0;max-width:520px;color:var(--muted);text-align:right}
.preview-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.product-card{min-height:390px;padding:16px;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease}
.product-card:hover{transform:translateY(-4px);border-color:rgba(84,185,232,.48)}
.product-art{height:245px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(49,137,181,.15),transparent 43%)}
.product-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(0,0,0,.55))}
.product-card .type{margin:10px 0 4px;color:var(--blue2);font:900 .63rem Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.product-card h3{color:#f1e8d6}
.product-card .description{margin:8px 0 0;color:#aeb9c3;font-size:.9rem;line-height:1.5}
.product-bottom{margin-top:auto;padding-top:14px}
.small-price{color:var(--gold2);font:900 1rem Arial,sans-serif;margin-bottom:10px}
.product-code{color:#718795;font:700 .62rem ui-monospace,Consolas,monospace;letter-spacing:.08em;margin-bottom:10px}
.add-to-cart{width:100%}
.fallback-mini{text-align:center;color:#5f7785;font:700 .65rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.lore-link{margin-top:28px;padding:clamp(32px,5vw,56px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:radial-gradient(circle at 85% 40%,rgba(46,143,188,.17),transparent 28%),linear-gradient(135deg,rgba(13,22,31,.96),rgba(6,10,15,.98))}
.lore-link p{margin:0;color:#cad5db;max-width:780px}

/* Store */
.store-hero{padding:clamp(38px,6vw,72px);overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(52,158,207,.2),transparent 30%),linear-gradient(130deg,rgba(7,13,19,.97),rgba(8,15,23,.9))}
.quick-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.quick-nav a{text-decoration:none;padding:9px 12px;border:1px solid rgba(84,185,232,.24);background:rgba(84,185,232,.06);color:#dcebf2;font:800 .7rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.collection{scroll-margin-top:110px}
.collection + .collection{margin-top:52px}
.founders-store-card{border-color:rgba(200,162,88,.45)}
.strike-store-card{grid-column:span 2}

/* Lore */
.lore-hero{padding:clamp(40px,7vw,78px);background:radial-gradient(circle at 78% 20%,rgba(55,176,228,.19),transparent 32%),linear-gradient(135deg,rgba(13,22,31,.96),rgba(6,10,15,.98))}
.lore-title{max-width:850px}
.lore-wrap{max-width:900px;margin:24px auto 0}
.chapter{padding:clamp(28px,5vw,48px);margin-top:20px}
.chapter-number{color:var(--blue2);letter-spacing:.18em;text-transform:uppercase;font:800 .72rem Arial,sans-serif;margin-bottom:8px}
.chapter p{margin:0 0 16px;color:#d8d7d1;font-size:1.05rem}
.pullquote{margin:24px 0 0;padding:22px 24px;border-left:3px solid var(--gold);color:var(--gold2);font-size:clamp(1.18rem,2.7vw,1.55rem);background:rgba(198,161,91,.07)}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.timeline .panel{padding:24px}
.timeline .tech-panel{padding:24px}
.timeline strong{display:block;color:var(--gold2);margin-bottom:7px}
.timeline p{margin:0;color:var(--muted);font-size:.94rem}

/* Founders product */
.founders-page-banner{margin-bottom:18px;padding:10px 14px;text-align:center;color:#130e06;background:linear-gradient(90deg,#8f672c,#e3c47d,#a77832);font:950 .76rem Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.hero-product{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:24px}
.product-image{min-height:610px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(55,176,228,.22),transparent 35%),linear-gradient(150deg,rgba(10,16,24,.96),rgba(4,6,9,.98))}
.product-image img{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.65))}
.product-copy{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.product-title{font-size:clamp(2.5rem,5vw,4.6rem)}
.subtitle{margin:10px 0 0;color:var(--gold2);font-size:1.2rem}
.price-row{margin:28px 0 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px}
.price{font:800 2rem Arial,sans-serif}
.delivery{color:var(--muted);font:.88rem Arial,sans-serif;text-align:right}
.note{margin-top:22px;padding:16px 18px;border-left:3px solid var(--blue2);background:rgba(29,83,112,.14);color:#dae5ea}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px}
.pad{padding:clamp(26px,4vw,42px)}
.specs{list-style:none;padding:0;margin:0}
.specs li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);font:.92rem Arial,sans-serif}
.specs li:last-child{border-bottom:0}
.specs span:first-child{color:var(--muted)}
.specs span:last-child{text-align:right;font-weight:700}

/* Basket drawer */
.cart-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:90;
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{
  position:fixed;z-index:100;top:0;right:0;width:min(430px,94vw);height:100vh;
  background:linear-gradient(160deg,#0e1822,#05080c 70%);
  border-left:1px solid rgba(84,185,232,.28);box-shadow:-25px 0 70px rgba(0,0,0,.55);
  transform:translateX(105%);transition:transform .2s ease;display:flex;flex-direction:column;
}
.cart-drawer.open{transform:translateX(0)}
.cart-header{padding:22px;border-bottom:1px solid rgba(84,185,232,.16);display:flex;justify-content:space-between;align-items:center}
.cart-header h2{font-size:1.55rem;margin:0}
.cart-close{background:transparent;color:#dbe6eb;border:1px solid rgba(255,255,255,.12);width:38px;height:38px;cursor:pointer}
.cart-items{padding:12px 20px;overflow:auto;flex:1}
.cart-empty{padding:35px 8px;color:var(--muted);text-align:center}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cart-item-name{font-weight:700;color:#f2ecdf}
.cart-item-code{color:#718795;font:700 .6rem ui-monospace,Consolas,monospace;margin-top:3px}
.cart-item-price{color:var(--gold2);font:800 .88rem Arial,sans-serif;margin-top:5px}
.qty{display:flex;align-items:center;gap:7px;margin-top:9px}
.qty button{width:28px;height:28px;border:1px solid rgba(84,185,232,.22);background:rgba(84,185,232,.08);color:white;cursor:pointer}
.qty span{min-width:20px;text-align:center;font:800 .78rem Arial,sans-serif}
.remove-item{margin-top:8px;background:transparent;border:0;color:#9aa8b0;padding:0;cursor:pointer;font:700 .66rem Arial,sans-serif;text-transform:uppercase}
.cart-footer{padding:20px;border-top:1px solid rgba(84,185,232,.16);background:rgba(3,6,9,.8)}
.cart-total{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.cart-total span{color:var(--muted);font:800 .72rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.cart-total strong{color:var(--gold2);font:900 1.5rem Arial,sans-serif}
.checkout-note{margin:10px 0 0;color:#84949d;font:.72rem Arial,sans-serif;line-height:1.45}
.toast{
  position:fixed;z-index:120;left:50%;bottom:24px;transform:translate(-50%,25px);
  background:#111b24;border:1px solid rgba(84,185,232,.32);color:#edf4f7;padding:11px 16px;
  opacity:0;pointer-events:none;transition:.18s ease;font:800 .74rem Arial,sans-serif;
}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Success page */
.success-card{max-width:760px;margin:60px auto;padding:clamp(35px,6vw,70px);text-align:center}
.success-card .check{font-size:3rem;color:var(--gold2)}

footer{padding:20px 0 42px;text-align:center;color:#7f8e97;font:700 .7rem Arial,sans-serif;letter-spacing:.06em}
footer img{width:64px;margin:0 auto 10px;opacity:.65}

@media(max-width:1000px){
  .preview-grid,.product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .founders-hero{grid-template-columns:1fr}
  .hero-visual{min-height:500px;order:1}.founders-copy{order:2}
  .world-grid,.strike,.hero-product,.two-col{grid-template-columns:1fr}
  .preview-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
  .strike-store-card{grid-column:span 2}
  .timeline{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-direction:column}.section-head p{text-align:left}
}
@media(max-width:650px){
  .site-shell{width:min(100% - 18px,1220px)}
  .header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}
  .header-actions{width:100%;justify-content:space-between}
  nav{justify-content:flex-start}
  .hero-visual{min-height:420px}.founders-copy{padding:30px 24px 38px}
  .preview-grid,.product-grid{grid-template-columns:1fr 1fr;gap:9px}
  .product-card{min-height:350px;padding:11px}.product-art{height:195px}
  .lore-link{grid-template-columns:1fr}
  .product-image{min-height:450px}
}
@media(max-width:440px){
  .preview-grid,.product-grid{grid-template-columns:1fr}
  .strike-store-card{grid-column:auto}
}