/* GULD – Ölands guldålder */
:root{--g1:#f7e3a1;--g2:#e6c97e;--g3:#c8a45a;--g4:#8d6a2c}
.goldtext{background:linear-gradient(100deg,var(--g2),#fff6dc 22%,var(--g3) 45%,var(--g4) 62%,var(--g2) 82%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s ease-in-out infinite}

/* Hero */
.ghero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;color:var(--cream);background:radial-gradient(ellipse at 75% 40%,#3a2a10 0%,#16120a 45%,#0b0a07 100%);padding:120px 0 80px}
.ghero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.ghero__title{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(6rem,20vw,16rem);line-height:1.05;margin:8px 0 20px;background:linear-gradient(100deg,var(--g2),#fff6dc 22%,var(--g3) 45%,var(--g4) 62%,var(--g2) 82%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s ease-in-out infinite;filter:drop-shadow(0 8px 30px rgba(230,201,126,.25))}
.ghero .kicker{color:var(--g2)}

/* Myntet som vänds */
.coin{position:relative;justify-self:center;perspective:1200px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--g2)}
.coin__inner{position:relative;width:min(320px,70vw);aspect-ratio:1;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,1.4,.5,1);animation:coinfloat 6s ease-in-out infinite}
.coin.is-flipped .coin__inner{transform:rotateY(180deg)}
@keyframes coinfloat{50%{translate:0 -14px}}
.coin__face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 0 0 6px #b8913f,0 0 0 9px #e9cf86,0 30px 70px rgba(0,0,0,.6),0 0 90px rgba(230,201,126,.35)}
.coin__front{background:#000}
.coin__front img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.coin__back{transform:rotateY(180deg);background:radial-gradient(circle at 35% 30%,#fff1c0,#e2bf63 40%,#a9812f 75%,#7a5b1f);display:grid;place-items:center}
.coin__back img{width:72%;filter:drop-shadow(0 2px 0 rgba(255,240,200,.6)) drop-shadow(0 -1px 0 rgba(90,60,10,.6));mix-blend-mode:multiply;opacity:.9}
.coin__hint{font-family:var(--type);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}

/* Siffror */
.gstats{background:#0b0a07;color:var(--cream);padding:0 0 100px}
.gstats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gstat{border-top:1px solid rgba(230,201,126,.35);padding-top:20px}
.gstat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,4.6rem);line-height:1.2;background:linear-gradient(100deg,var(--g2),#fff6dc 30%,var(--g3) 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gstat span{display:block;margin-top:6px;color:#cbbf9f;font-size:.95rem;line-height:1.5}

/* Varifrån */
.gorigin{background:var(--paper);padding:120px 0}
.gorigin__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.gorigin__img img{border-radius:20px;box-shadow:0 30px 70px rgba(60,40,10,.3)}
.gorigin__img figcaption{font-size:.75rem;opacity:.6;margin-top:10px}

/* Tidslinje */
.gtime{background:linear-gradient(180deg,#16120a,#0b0a07);color:var(--cream);padding:120px 0}
.gtime .kicker{color:var(--g2)}
.tl{list-style:none;position:relative;margin-top:50px;display:grid;gap:26px}
.tl::before{content:'';position:absolute;left:150px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--g3),rgba(200,164,90,.15))}
.tl li{display:grid;grid-template-columns:150px 1fr;gap:36px;align-items:baseline;position:relative}
.tl li::before{content:'';position:absolute;left:144px;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--g2);box-shadow:0 0 0 4px rgba(230,201,126,.2),0 0 20px rgba(230,201,126,.6)}
.tl__y{font-family:var(--display);font-size:1.7rem;line-height:1.3;color:var(--g2);text-align:right;padding-right:26px}
.tl p{font-family:var(--serif);font-size:1.35rem;line-height:1.45;color:#e8dfc8}
.tl--now .tl__y,.tl--now p{color:#fff}

/* Fynden */
.gfinds{background:var(--cream);padding:120px 0}
.gfinds__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.find{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 44px rgba(60,40,10,.08);transition:transform .35s,box-shadow .35s}
.find:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(60,40,10,.16)}
.find--wide{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.find__img{aspect-ratio:4/3;overflow:hidden;background:#111}
.find__img img{width:100%;height:100%;object-fit:cover}
.find__img--draw{background:#f4efe3;aspect-ratio:auto;display:grid;place-items:center;padding:30px}
.find__img--draw img{object-fit:contain;height:auto;mix-blend-mode:multiply}
.find__img--coin{background:radial-gradient(circle,#2a2216,#0b0a07);display:grid;place-items:center}
.find__img--coin img{width:62%;height:auto;border-radius:50%;box-shadow:0 0 0 4px #b8913f,0 20px 40px rgba(0,0,0,.5)}
.find__coin{position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a2a10,#0b0a07);font-family:var(--display);font-size:6rem;line-height:1;color:var(--g2);text-shadow:0 0 30px rgba(230,201,126,.5)}
.find__coin::after{content:'solidi';position:absolute;bottom:18%;font-family:var(--type);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#cbbf9f;text-shadow:none}
.find__body{padding:26px;display:flex;flex-direction:column;gap:10px}
.find__body h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.8rem;line-height:1.35}
.find__meta{font-family:var(--type);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#9a7630}
.find__body p:not(.find__meta):not(.find__where){font-size:.98rem;line-height:1.6}
.find__where{margin-top:auto;font-size:.85rem;font-weight:600;color:var(--petrol)}

/* Slutet */
.gend{position:relative;padding:130px 0;color:var(--cream);background:linear-gradient(rgba(11,10,7,.75),rgba(11,10,7,.85)),url(../img/guld/sandby.webp) center/cover}
.gend .kicker{color:var(--g2)}
.gend__inner{max-width:880px}

/* Fåken var där */
.gfaken{background:var(--paper);padding:120px 0}
.gfaken__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.gfaken__img{max-width:380px;margin-inline:auto;animation:hover 5s ease-in-out infinite}

/* Besök */
.gvisit{background:var(--cream);padding:120px 0}
.gvisit__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.place{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.place img{aspect-ratio:4/3;object-fit:cover}
.place figcaption{padding:18px;display:flex;flex-direction:column;gap:6px}
.place b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.3rem;line-height:1.35}
.place span{font-size:.92rem;line-height:1.5}
.place__icon{aspect-ratio:4/3;display:grid;place-items:center;font-size:4rem;background:linear-gradient(160deg,#f7efe0,#e9dcc0)}

/* Källor */
.gsources{background:var(--paper);padding:60px 0 100px;border-top:1px solid #e6dcc8}
.gsources__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:16px}
.gsources ul{list-style:none;display:grid;gap:8px;margin-top:8px;font-size:.88rem}
.gsources a{color:var(--petrol)}

@media (max-width:980px){
  .ghero__inner,.gorigin__grid,.gfaken__grid,.gsources__grid{grid-template-columns:1fr}
  .gstats__grid,.gvisit__grid{grid-template-columns:1fr 1fr}
  .gfinds__grid{grid-template-columns:1fr}
  .find--wide{grid-template-columns:1fr}
  .tl::before{left:8px}
  .tl li{grid-template-columns:1fr;gap:4px;padding-left:36px}
  .tl li::before{left:2px}
  .tl__y{text-align:left;padding-right:0}
}
@media (max-width:560px){.gstats__grid,.gvisit__grid{grid-template-columns:1fr}}
html[lang=ja] .ghero__title{font-size:clamp(4rem,14vw,10rem);font-weight:900}
html[lang=ja] .gstat b{font-weight:900}
html[lang=ja] .find__body h3,html[lang=ja] .place b,html[lang=ja] .tl__y{font-weight:900}

/* Guldet i vår design */
.gdesign{position:relative;padding:120px 0;color:var(--cream);background:radial-gradient(ellipse at 25% 50%,#3a2a10 0%,#16120a 50%,#0b0a07 100%);overflow:hidden}
.gdesign .kicker{color:var(--g2)}
.gdesign__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.gdesign__bottle{position:relative;display:grid;place-items:center}
.gdesign__bottle img{position:relative;z-index:1;height:min(70vh,620px);width:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6));animation:sway 7s ease-in-out infinite;transform-origin:50% 100%}
.gdesign__glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(230,201,126,.45),rgba(230,201,126,0) 65%);animation:blink 4s ease-in-out infinite}
.gdesign__list{list-style:none;display:grid;gap:18px;margin:28px 0}
.gdesign__list li{display:grid;gap:4px;padding-left:22px;border-left:2px solid var(--g3)}
.gdesign__list b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.35rem;line-height:1.35;color:var(--g2)}
.gdesign__list span{color:#e0d6bd;line-height:1.55}
.gdesign__end{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.3;background:linear-gradient(100deg,var(--g2),#fff6dc 40%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:980px){.gdesign__grid{grid-template-columns:1fr;gap:30px}.gdesign__bottle img{height:420px}}
html[lang=ja] .gdesign__list b{font-weight:900}