/* MAX CUSTOM – rolig, kontinuerlig galleripanorama bak forsiden. Ingen brå bildeskift. */
.hero-flow{position:relative;isolation:isolate;min-height:clamp(510px,66vh,760px);width:100%;overflow:hidden;background:#101e23;display:flex;align-items:center}
.hero-flow-visual,.hero-flow-shade,.hero-flow-edge{position:absolute;inset:0;pointer-events:none}
.hero-flow-visual{z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 74% 48%,#28404a 0%,#17292f 52%,#0b1418 100%)}
.hero-flow-track{position:absolute;inset:0;display:flex;width:max-content;height:100%;transform:translate3d(0,0,0);will-change:transform;animation:mc-gallery-pan var(--mc-gallery-duration,82s) linear infinite}
.hero-flow-track:hover{animation-play-state:paused}
.hero-gallery-group{height:100%;display:flex;flex:0 0 auto;align-items:stretch}
.hero-gallery-slide{height:100%;width:clamp(400px,49vw,790px);flex:0 0 auto;margin-right:-15vw;position:relative;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.hero-gallery-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.90) brightness(.82)}
.hero-flow-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0813186a,transparent 35%,#09171d20),linear-gradient(90deg,#0a161b33,transparent 65%)}
.hero-flow-shade{z-index:-1;background:linear-gradient(90deg,#071014f5 0%,#081417e2 27%,#07101496 49%,#07101417 86%,#07101422 100%),linear-gradient(0deg,#07101488,transparent 58%)}
.hero-flow-content{width:100%;padding-top:105px;padding-bottom:105px;position:relative;z-index:2}
.hero-flow-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffb07a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin:0 0 22px}
.hero-flow-eyebrow:before{content:"";height:2px;width:22px;background:#f88c3f}
.hero-flow h1{font-size:clamp(54px,7.2vw,118px)!important;line-height:.97!important;letter-spacing:-.055em!important;margin:0 0 34px!important;max-width:1000px;color:#fff;font-weight:900;text-shadow:0 6px 40px #0009}
.hero-flow h1 span{color:#ff974a}
.hero-flow-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-flow-actions .btn{padding:15px 23px;box-shadow:0 12px 36px #0005}
.hero-flow-actions .btn span{margin-left:8px}
.hero-flow-secondary{background:#071115b3!important;color:#fff!important;border:1px solid #eaf4f466!important;backdrop-filter:blur(10px)}
.hero-flow-secondary:hover{background:#18262bc9!important}
.hero-flow-edge{top:auto;height:2px;background:linear-gradient(90deg,#ff974a8c,transparent 64%);z-index:3}
.hero-gallery-meta{position:absolute;right:34px;bottom:28px;z-index:4;text-align:right;padding:9px 13px;background:#0b1619a9;backdrop-filter:blur(8px);border:1px solid #ffffff1b;border-radius:6px;color:#f4f5f3;font-size:11px;letter-spacing:.10em;text-transform:uppercase;font-weight:750}
.hero-gallery-meta a{color:inherit;text-decoration:none}
.hero-gallery-meta a:hover,.hero-gallery-meta a:focus-visible{color:#ffb27b;text-decoration:underline}
@keyframes mc-gallery-pan{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:700px){
 .hero-flow{min-height:560px}
 .hero-gallery-slide{width:90vw;margin-right:-26vw;mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent)}
 .hero-flow-shade{background:linear-gradient(0deg,#071014fa 0%,#071014da 28%,#07101496 64%,#07101456 100%)}
 .hero-flow-content{align-self:flex-end;padding-top:50px;padding-bottom:135px}
 .hero-flow h1{font-size:clamp(45px,9.3vw,74px)!important;letter-spacing:-.05em!important;margin-bottom:24px!important}
 .hero-flow-actions .btn{padding:13px 14px;font-size:13px}
 .hero-flow-eyebrow{margin-bottom:17px;font-size:10px}
 .hero-gallery-meta{right:15px;bottom:15px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-flow-track{animation:none!important;transform:none!important}}

/* FOTOBANNER: ekte fotograferte objekter, ikke tekniske illustrasjoner */
.hero-gallery-slide{background:linear-gradient(120deg,#0d1e24,#22373b 55%,#10242a)}
.hero-gallery-photo{transition:none;image-rendering:auto}
.mc-photo-missing{background:linear-gradient(125deg,#081418,#263d40,#102025)}
.mc-photo-note{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;z-index:4;color:#d8e0e1ba;font-size:11px;text-shadow:0 2px 4px #000b;pointer-events:none;text-align:center;width:min(75%,660px)}
@media(max-width:700px){.mc-photo-note{left:15px;transform:none;bottom:63px;width:calc(100% - 30px);text-align:left;font-size:10px}}

/* Kontinuerlig fotobanner: fotografiene flyter inn i hverandre uten striper/mellomrom.
   Mira (originalfoto) og Junior (ferdig statue) er faste innslag. */
.hero-flow{min-height:clamp(510px,65vh,740px)}
.hero-flow-visual{background:#08171d}
.hero-gallery-slide{
 width:clamp(380px,49vw,760px);
 margin-right:clamp(-200px,-15vw,-72px);
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 76%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 76%,transparent 100%);
}
.hero-gallery-photo{width:100%;height:100%;object-fit:cover;filter:saturate(.91) brightness(.88)}
.hero-flow .hero-flow-content h1{font-size:clamp(48px,6vw,91px)!important;line-height:1.04!important;max-width:min(900px,78%)}
.hero-flow-shade{background:linear-gradient(90deg,#081317ed 0%,#081317d6 27%,#08131780 52%,#08131715 90%),linear-gradient(0deg,#0813177a,transparent 60%)}
.hero-gallery-caption{position:absolute;right:20%;bottom:35px;z-index:2;color:#fff;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px #000;padding:7px 12px;border-radius:3px;background:#0815179e;backdrop-filter:blur(5px)}
.hero-gallery-caption b{color:#ff9c55}
/* Bilder fra kunden: denne ekte Junior-statuen erstatter den uferdige Mira-illustrasjonen. */
.feature-image.dog{background-image:url('galleri/junior-originalfoto.jpg')!important;background-position:center 45%!important}
@media(max-width:780px){
 .hero-flow{min-height:560px}
 .hero-flow .hero-flow-content h1{font-size:clamp(43px,8.8vw,70px)!important;max-width:100%;line-height:1.04!important}
 .hero-gallery-slide{width:90vw;margin-right:-27vw}
 .hero-flow-shade{background:linear-gradient(0deg,#081317f7 0%,#081317d3 28%,#08131789 68%,#0813173d 100%)}
 .hero-gallery-caption{bottom:120px;right:22%;font-size:10px}
}