:root{--paper:#f6efe3;--sand:#e8dac2;--ink:#27221e;--muted:#6d6258;--red:#9e3f36;--line:rgba(39,34,30,.16);--wrap:min(1160px,calc(100% - 38px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#6c543d 0.7px,transparent .8px);background-size:17px 19px;z-index:10}.wrap{width:var(--wrap);margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(246,239,227,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.16em;font-family:Georgia,serif}.mark{width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center;color:var(--red)}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:.92rem}#menuBtn{display:none;background:none;border:0;font-size:1.5rem}.hero{padding:90px 0;background:linear-gradient(135deg,#faf6ee,var(--sand));overflow:hidden}.heroGrid,.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.overline{font-size:.73rem;letter-spacing:.2em;font-weight:700;color:var(--red);margin:0 0 14px}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3.2rem,6vw,5.8rem);letter-spacing:-.045em;margin:0 0 24px}h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.035em;margin:0 0 22px}.lead{font-size:1.25rem;color:var(--muted);max-width:620px}.buttons{display:flex;gap:22px;align-items:center;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700}.link{color:var(--ink);text-decoration:none;border-bottom:1px solid}.visual{min-height:590px;position:relative;display:grid;place-items:center}.ring{position:absolute;width:520px;height:520px;border:1px solid rgba(158,63,54,.28);border-radius:50%}.demoCard{width:min(410px,88%);aspect-ratio:1;background:#fffdf8;padding:52px 35px;box-shadow:0 25px 70px rgba(60,40,25,.18);text-align:center;transform:rotate(-2deg);position:relative}.demoCard p,.demoCard strong{font-family:"Comic Sans MS",cursive;font-size:2rem;line-height:1.2;margin:0}.demoCard strong{display:block;color:var(--red)}.demoCard small{position:absolute;bottom:12px;left:15px;right:15px;color:#8c8178;font-size:.65rem}.angel{margin:30px auto 0;width:115px;height:120px;border:3px solid;border-radius:48% 48% 30% 30%;display:grid;place-items:center;position:relative}.angel i{position:absolute;width:42px;height:14px;border:3px solid;border-radius:50%;top:-22px}.angel b{color:var(--red);font-size:38px}.seal{position:absolute;right:-8px;bottom:24px;width:150px;height:150px;border:1px solid;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.62rem;letter-spacing:.15em;background:rgba(232,218,194,.88);transform:rotate(9deg)}.seal b{color:var(--red);font-size:26px}.features{background:var(--sand);border-block:1px solid var(--line)}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr)}.featureGrid div{padding:28px;border-right:1px solid var(--line)}.featureGrid div:last-child{border-right:0}.featureGrid b,.featureGrid span{display:block}.featureGrid span{color:var(--muted);font-size:.9rem}.section{padding:115px 0}.section p{color:var(--muted);font-size:1.04rem}.fan{min-height:440px;position:relative}.fan article{position:absolute;width:250px;aspect-ratio:1;background:#fffdf8;padding:35px 28px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:"Comic Sans MS",cursive;font-size:1.25rem;box-shadow:0 22px 55px rgba(60,40,25,.15);border:1px solid var(--line)}.fan article b{color:var(--red);font-size:34px}.fan article:nth-child(1){left:0;top:100px;transform:rotate(-10deg)}.fan article:nth-child(2){left:135px;top:20px;transform:rotate(3deg);z-index:2}.fan article:nth-child(3){right:0;top:135px;transform:rotate(10deg)}.dark{background:var(--ink);color:var(--paper)}.dark p{color:#d8cec3}.dark .overline{color:#d7847b}.phone{width:300px;height:590px;margin:auto;border:7px solid #eee3d2;border-radius:45px;background:#f8f1e6;color:var(--ink);padding:38px 24px;text-align:center;box-shadow:0 35px 80px rgba(0,0,0,.35)}.phoneCard{background:white;min-height:345px;padding:55px 25px 20px;display:flex;flex-direction:column;justify-content:center}.phoneCard b{color:var(--red);font-size:62px}.phoneCard p{color:var(--ink);font-family:"Comic Sans MS",cursive;font-size:1.25rem}.phone span{display:inline-block;margin-top:24px;background:var(--red);color:white;padding:12px 20px;border-radius:999px}.sand{background:var(--sand)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.products article{background:rgba(255,253,248,.7);padding:30px;min-height:300px;border:1px solid var(--line)}.products article>div{height:120px;display:grid;place-items:center;border:1px solid var(--line);font-size:3rem;color:var(--red)}.bigMark{width:330px;aspect-ratio:1;border:1px solid;border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:90px;margin:auto}.contact{padding-top:20px}.contactBox{background:var(--red);color:white;padding:65px;display:flex;justify-content:space-between;align-items:center;gap:50px}.contactBox p{color:#f3d9d5}.contactBox .overline{color:#f4bcb5}.light{background:white;color:var(--red);white-space:nowrap}footer{background:var(--ink);color:#eee4d7;padding:50px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{color:#bdb1a5;margin:7px 0}@media(max-width:900px){#menuBtn{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.heroGrid,.two{grid-template-columns:1fr}.featureGrid{grid-template-columns:1fr}.featureGrid div{border-right:0;border-bottom:1px solid var(--line)}.products{grid-template-columns:repeat(2,1fr)}.contactBox{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.section{padding:82px 0}.hero{padding:60px 0}.visual{min-height:440px}.ring{width:370px;height:370px}.demoCard{padding:38px 24px}.demoCard p,.demoCard strong{font-size:1.45rem}.seal{width:105px;height:105px;font-size:.45rem;bottom:0}.fan{transform:scale(.78);transform-origin:left top;width:125%;min-height:390px}.products{grid-template-columns:1fr}.contactBox{padding:40px 25px}.foot{flex-direction:column}.buttons{align-items:flex-start;flex-direction:column}}


/* Verkliga kortbilder */
.image-card { padding: 16px; }
.image-card img { width: 100%; height: 100%; object-fit: contain; display: block; }
.image-card small { background: rgba(255,253,248,.9); padding: 3px 8px; }
.small-card { padding: 10px; overflow: hidden; }
.small-card img { width:100%; height:100%; object-fit:contain; display:block; }
.gallery-section { background: #f4ecdf; }
.card-gallery { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.gallery-card { position:relative; border:1px solid var(--line); background:var(--white); padding:8px; cursor:zoom-in; box-shadow:0 10px 30px rgba(62,45,31,.08); transition:transform .18s ease, box-shadow .18s ease; }
.gallery-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(62,45,31,.14); }
.gallery-card img { width:100%; aspect-ratio:1; object-fit:contain; display:block; }
.gallery-card span { position:absolute; right:12px; bottom:10px; background:rgba(255,253,248,.9); padding:2px 7px; font-size:.7rem; letter-spacing:.08em; }
.card-dialog { border:0; padding:20px; background:var(--paper-light); box-shadow:0 30px 90px rgba(0,0,0,.35); max-width:min(92vw,760px); }
.card-dialog::backdrop { background:rgba(25,20,17,.72); }
.card-dialog img { display:block; max-width:100%; max-height:82vh; object-fit:contain; }
.dialog-close { position:absolute; right:7px; top:4px; z-index:2; width:38px; height:38px; border:0; border-radius:50%; background:var(--ink); color:white; font-size:24px; cursor:pointer; }
@media (max-width:900px){.card-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:560px){.card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.gallery-card{padding:5px;}}