/* REALISYD presentation and product photography. */
:root{
  --ink:#0b1629;
  --night:#081322;
  --night-2:#12243a;
  --muted:#607084;
  --paper:#f6f8f6;
  --line:#dce5e6;
  --mint:#35e5c5;
  --cyan:#29dff5;
  --electric-blue:#5488ff;
  --hot-pink:#f05ac7;
  --amber:#ffad45;
  --pink:#ef65bb;
  --purple:#7767e7;
  --radius:22px;
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--paper)}
h1,h2,h3{font-weight:850;text-wrap:balance}
.shell{width:min(1260px,calc(100% - 64px))}
.site-header{background:rgba(8,19,34,.91);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 10px 35px rgba(2,10,22,.12)}
.site-header::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--electric-blue),var(--hot-pink),var(--amber));opacity:.8}
.nav-inner{min-height:82px}
.brand{font-size:19px;letter-spacing:.105em}
.brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 4px 22px rgba(53,229,197,.22)}
.site-header nav{gap:6px;padding:5px;border:1px solid rgba(255,255,255,.11);border-radius:100px;background:rgba(255,255,255,.045)}
.site-header nav a{padding:10px 14px;border-radius:100px;font-size:12px;font-weight:750;color:#d5e0e9}
.site-header nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.nav-cta{border-radius:100px;padding:14px 20px;box-shadow:0 7px 22px rgba(53,229,197,.18)}
.hero{min-height:0;background:radial-gradient(circle at 73% 43%,#1c3d54 0%,#102239 35%,#081322 75%)}
.hero::before{inset:0;width:auto;height:auto;left:0;top:0;border:0;border-radius:0;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 15%,#000 75%);opacity:.45}
.hero::after{content:"";position:absolute;width:470px;height:470px;right:-210px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(53,229,197,.18),transparent 70%);filter:blur(8px);pointer-events:none}
.hero-grid{min-height:650px;grid-template-columns:1.04fr .96fr;gap:30px}
.hero-copy{padding:86px 0 80px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;padding:10px 14px;border-radius:100px;border:1px solid rgba(53,229,197,.28);background:rgba(53,229,197,.08);font-size:10px}
.hero h1{font-size:clamp(62px,6vw,94px);line-height:.98;max-width:750px;margin-bottom:29px}
.hero h1 em{color:#63f0d7;background:linear-gradient(105deg,#6af3e3 10%,#91bbff 48%,#f49cda 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead{font-size:17px;line-height:1.75;color:#d0dce8}
.hero-actions{margin-top:32px}
.hero-actions .button{min-height:57px;border-radius:100px}
.button-primary{background:linear-gradient(110deg,#42eace,#22d8b9);box-shadow:0 12px 30px rgba(28,217,185,.22)}
.button-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.28)}
.hero-note{margin-top:34px;color:#c4d1dc}
.hero-visual{height:565px}
.hero-halo{width:450px;height:450px;border-width:53px;right:15px;top:58px;opacity:.73;filter:drop-shadow(0 0 32px rgba(94,104,240,.18))}
.hero-main-card{width:75%;height:350px;left:3%;top:83px;border-radius:28px;transform:rotate(-4deg);border:5px solid rgba(255,255,255,.85)}
.hero-side-card{width:46%;height:245px;right:0;bottom:14px;border-radius:20px;transform:rotate(6deg);border:5px solid rgba(255,255,255,.9)}
.hero-main-card img,.hero-side-card img{object-position:center 58%}
.hero-main-card figcaption,.hero-side-card figcaption{font-size:9px;letter-spacing:.16em}
.hero-sticker{top:22px;right:0;padding:12px 17px;border-radius:9px;box-shadow:0 15px 35px rgba(0,0,0,.23)}
.hero-bottom{font-size:10px;letter-spacing:.19em;color:#aab9c8}
.brand-art{position:relative;background:#060b15;padding:22px 0 24px}
.brand-art .shell{overflow:hidden;border-radius:24px;border:1px solid #344056;box-shadow:0 16px 44px rgba(0,0,0,.2)}
.brand-art picture,.brand-art img{display:block;width:100%}
.brand-art img{height:auto}
.value-strip{position:relative;background:#101b2d;color:#f6fbff;border-bottom:1px solid #273a55}
.value-strip::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--electric-blue),var(--hot-pink),var(--amber))}
.value-grid{padding:21px 0;color:#f6fbff;font-size:10px;letter-spacing:.13em}
.section{padding:108px 0}
.section-heading{margin-bottom:36px}
.section-heading>p{max-width:335px;font-size:15px;line-height:1.65}
.section h2,.contact-section h2{font-size:clamp(43px,4.6vw,68px);line-height:1.05}
.products-section{background:linear-gradient(180deg,#f6f8f6,#eef4f1)}
.products-section h2 em{color:#645bd5}
.filter-row{gap:8px;margin-bottom:24px}
.filter-button{padding:12px 19px;border-color:#cbd8d7;background:#fff;color:#3d5264;font-size:12px;box-shadow:0 4px 13px rgba(13,47,52,.03)}
.filter-button.active,.filter-button:hover{background:#10273a;border-color:#10273a}
.product-grid{gap:19px;grid-auto-flow:dense}
.product-card{border:1px solid #e4ebea;border-radius:24px;box-shadow:0 10px 28px rgba(9,29,42,.045);transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(9,29,42,.12)}
.product-image,.business-visual{height:245px;background:#f7f6f2}
.product-image img{object-position:center 58%}
.product-card:nth-child(-n+2),.product-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1.16fr .84fr;min-height:305px}
.product-card:nth-child(-n+2) .product-image,.product-card:last-child .business-visual{height:100%;min-height:305px}
.product-card:nth-child(-n+2) .product-image img{object-fit:cover;object-position:center 58%;background:#f7f6f2}
.product-card[data-product="Figur Blau"] .product-image img{object-fit:contain;background:#f7f6f2}
.product-card[data-product="Rot-blaue Figur"] .product-image img{object-position:center 37%}
.product-card:last-child .product-info,.product-card:nth-child(-n+2) .product-info{padding:29px}
.product-card:last-child .product-info h3,.product-card:nth-child(-n+2) .product-info h3{font-size:25px;line-height:1.1}
.product-info{padding:22px}
.product-type{color:#0f8d83}
.product-info h3{font-size:19px;line-height:1.2}
.product-bottom{border-color:#e3ebe8}
.product-action{width:36px;height:36px;background:#10273a}
.product-action:hover{background:#645bd5}
.pill{border-radius:100px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.price-note{margin-top:24px;max-width:820px;padding:18px 20px;border-left:4px solid #28ceb4;border-radius:0 12px 12px 0;background:#fff;color:#496072;font-size:14px;line-height:1.65;box-shadow:0 8px 25px rgba(11,39,43,.04)}
.price-note strong{color:#10273a}
.process-section{background:#e9f0ed}
.steps{gap:20px}
.steps>div{position:relative;min-height:265px;padding:31px;background:#fff;border:1px solid #dce6e2;border-top:4px solid var(--mint);border-radius:18px;box-shadow:0 11px 29px rgba(11,39,43,.04)}
.steps span{font-size:52px;color:#acd4c9}
.steps h3{margin:27px 0 9px;font-size:23px}
.steps p{font-size:14px}
.about-section{background:radial-gradient(circle at 15% 45%,#213450,#0a1629 65%);border-top:1px solid #1e3649}
.about-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8%}
.about-photo{position:relative;width:100%;max-width:520px;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:28px;background:#1b3448;border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 70px rgba(0,0,0,.24)}
.about-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 53%}
.about-photo figcaption{position:absolute;z-index:1;top:22px;left:22px;display:grid;gap:5px;width:max-content;max-width:calc(100% - 44px);padding:14px 17px;border-radius:14px;background:rgba(8,25,40,.78);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.about-photo figcaption span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#83f3df}
.about-photo figcaption strong{font-size:clamp(21px,2.4vw,31px);line-height:1.1;letter-spacing:-.04em}
.about-mark{min-height:420px;border-radius:28px;background:radial-gradient(circle at 80% 30%,#263e63,#111f36 60%,#0c1729);border:1px solid #3f5b73;box-shadow:inset 0 0 50px rgba(98,120,188,.09),0 30px 70px rgba(0,0,0,.16)}
.about-mark>span{font-size:clamp(38px,4.5vw,66px)}
.about-grid>div:last-child p:not(.eyebrow){color:#cbd9e3}
.order-section{background:linear-gradient(145deg,#f5f7f5,#eaf2ee)}
.order-intro>p:not(.eyebrow){color:#526577}
.order-form{border:1px solid #dce7e3;border-radius:24px;box-shadow:0 25px 65px rgba(11,41,49,.09);padding:39px}
.order-form h3{font-size:28px}
.order-form input:not([type=checkbox]),.order-form select,.order-form textarea{background:#f9fbfa;border-color:#cfdddb;border-radius:11px;min-height:49px}
.order-form textarea{min-height:112px}
.photo-field{border-color:#b4d3c9;background:#f5faf7;border-radius:14px}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-feedback.is-error{background:#fff0ed;color:#862c25}
.form-actions .button{border-radius:11px}
.contact-section{background:linear-gradient(110deg,#153b42,#0f293b 65%,#092135);color:#f8fffc;padding:88px 0}
.contact-section .eyebrow{color:#7af2d8}
.contact-section h2 em{color:#65e9d4}
.contact-links a{border-color:rgba(255,255,255,.19);font-size:16px;color:#effffb}
.contact-links a:hover{color:#7af2d8}
.site-footer{background:#07111f}
.footer-bottom{border-color:#283c48}
.legal-main{background:#f6f8f6}
@media(max-width:1050px){
  .site-header nav{gap:0}
  .site-header nav a{padding:9px 10px}
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(58px,6vw,76px)}
  .product-card:nth-child(-n+2),.product-card:last-child{grid-column:span 2}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .shell{width:min(100% - 36px,620px)}
  .nav-inner{min-height:69px}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:74px 0 18px}
  .hero h1{font-size:clamp(52px,10.5vw,75px)}
  .hero-visual{height:420px}
  .hero-main-card{height:300px;top:35px;left:4%}
  .hero-side-card{height:210px;bottom:11px}
  .hero-halo{width:340px;height:340px;top:24px;right:8%}
  .hero-sticker{top:0;right:4%}
  .brand-art{padding:16px 0}
  .brand-art .shell{width:min(100% - 36px,520px);border-radius:20px}
  .section{padding:78px 0}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-card:nth-child(-n+2),.product-card:last-child{grid-column:span 2;min-height:270px}
  .product-card:nth-child(-n+2) .product-image,.product-card:last-child .business-visual{min-height:270px}
  .steps>div{min-height:0}
  .about-grid{grid-template-columns:1fr;gap:35px}
  .about-mark{min-height:320px}
  .about-photo{width:min(100%,520px);aspect-ratio:4/5;margin-inline:auto}
  .order-form{padding:27px}
}
@media(max-width:560px){
  .hero-visual{height:355px}
  .hero-main-card{width:77%;height:255px;top:24px}
  .hero-side-card{width:48%;height:175px}
  .hero-halo{width:280px;height:280px;border-width:36px;top:21px}
  .product-grid{grid-template-columns:1fr}
  .product-card:nth-child(-n+2),.product-card:last-child{grid-column:auto;display:flex;min-height:0}
  .product-card:nth-child(-n+2) .product-image,.product-card:last-child .business-visual{height:235px;min-height:0}
  .product-card:nth-child(-n+2) .product-info,.product-card:last-child .product-info{padding:21px}
  .product-card:nth-child(-n+2) .product-info h3,.product-card:last-child .product-info h3{font-size:21px}
  .product-image,.business-visual{height:235px}
  .about-photo{aspect-ratio:4/5}
  .about-photo figcaption{top:14px;left:14px;max-width:calc(100% - 28px);padding:11px 13px}
  .about-photo figcaption strong{font-size:18px}
  .contact-section{padding:75px 0}
}
@media(prefers-reduced-motion:reduce){.product-card:hover{transform:none}}