#preview-model-background { position:fixed; inset:72px 0 0; z-index:0; pointer-events:none; overflow:hidden; visibility:hidden; }
.preview-employee-brand { position:absolute; bottom:calc(100% + 28px); left:-36px; width:calc(100% + 72px); display:flex; justify-content:center; align-items:center; gap:20px; color:#f5f1e9; text-shadow:0 3px 16px #0006; white-space:nowrap; }
.preview-employee-brand strong { font:500 92px/1 system-ui,sans-serif; letter-spacing:-.055em; }
.preview-employee-brand > span { width:112px; height:112px; flex:none; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--p-accent,#c9b77d) 55%,transparent); border-radius:16px; background:linear-gradient(145deg,#344248f5,#172126f5); box-shadow:inset 0 1px 0 #ffffff14,0 12px 30px #0002; color:var(--p-accent,#c9b77d); font:500 56px/1 system-ui,sans-serif; letter-spacing:-.07em; text-shadow:none; }
@media(max-width:1000px) { .preview-employee-brand { bottom:calc(100% + 14px); left:0; width:100%; gap:8px; } .preview-employee-brand strong { font-size:30px; } .preview-employee-brand > span { width:46px; height:46px; border-radius:9px; font-size:23px; } }
#preview-model-background iframe { position:absolute; inset:0; border:0; width:100%; height:100%; }
#preview-model-background::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#10161985,#10161926 45%,transparent 72%); }
html[data-preview-model="ready"] #preview-model-background { visibility:visible; }
html[data-preview-model="ready"] :is(.hero__water-bg,.water-bg,.blog-water-bg,.hero__video-toggle) { display:none!important; }
/* Let the manifold occupy the opening viewport before introducing products. */
html[data-preview-photo="true"][data-preview-layout] #hero { min-height:100svh; box-sizing:border-box; }
html[data-preview-photo="true"][data-preview-layout] #hero + #programvare { padding-top:clamp(24px,4svh,48px); }
#preview-model-controls { position:fixed; z-index:105; bottom:12px; right:16px; display:flex; gap:8px; align-items:center; font:12px system-ui,sans-serif; }
#preview-model-controls :is(button,a) { border:1px solid #ffffff50; border-radius:6px; background:#191d20ed; color:#f1eee8; padding:10px 13px; cursor:pointer; text-decoration:none; font:inherit; min-height:40px; }
#preview-model-controls :focus-visible { outline:2px solid #e2b891; outline-offset:3px; }
#preview-model-status { position:fixed; z-index:105; bottom:18px; left:18px; background:#191d20ed; color:#f1eee8; padding:10px 14px; border-radius:5px; font:12px system-ui,sans-serif; }
html[data-preview-model="ready"] section:not(.hero) { background:linear-gradient(90deg,color-mix(in srgb,var(--p-bg) 91%,transparent),color-mix(in srgb,var(--p-bg) 65%,transparent)); }
html[data-preview-photo="true"][data-preview-model="ready"] :is(#tjenester,#blogg,#ansatte,#erfaring,#kontakt) { background:linear-gradient(90deg,#14191dcc,#14191d44 70%,#14191d22); }
html[data-preview-photo="true"] :is(.section__title,.section__desc,.section__label) { color:#f1eee8; text-shadow:0 1px 3px #000,0 2px 12px #000b!important; }
html[data-preview-photo="true"] section#preview-scene-finale { height:100svh; min-height:560px; padding:0; background:transparent!important; display:flex; align-items:flex-end; justify-content:flex-start; }
html[data-preview-photo="true"] .footer { background:transparent!important; backdrop-filter:none!important; border:0; padding:12px 0 62px; }
html[data-preview-photo="true"] .footer__text { color:#f1eee8; text-shadow:0 1px 5px #000; font-size:12px; }
@media(max-width:650px) { #preview-model-controls { bottom:10px; right:10px; } #preview-model-status { bottom:64px; left:10px; right:10px; } }

/* The existing employee section accompanies the person in the final scene. */
html[data-preview-photo="true"] section#preview-scene-finale { display:block; height:110svh; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte { position:sticky; top:96px; width:clamp(300px,28vw,400px); margin-left:clamp(24px,3vw,52px); padding:30px!important; background:#172025ee!important; border:1px solid #ffffff30; border-radius:12px; box-shadow:0 20px 60px #0003; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .section__inner { width:100%; max-width:none; margin:0; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .section__inner > .reveal:first-child { display:block; border:0; padding:0; margin:0 0 16px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte :is(.section__title,.section__desc,.employee-card__photo,.employee-panel__list,.tech-grid) { display:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .section__label { color:var(--p-accent); letter-spacing:.14em; text-shadow:none!important; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte :is(.employees__grid,.employee-card,.employee-card__body) { display:block; min-height:0; height:auto; padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__role { color:#cbd0d0; font-size:13px; margin:0 0 8px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__name { color:#f1eee8; font:400 36px/1.1 Georgia,serif; margin:0 0 16px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__text { color:#e1e5e4; font-size:16px; line-height:1.65; margin:0; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__text + .employee-card__text { display:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .about__stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0 0; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .stat-card { padding:14px 0 0; margin:0; text-align:left; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .stat-card:nth-child(n+3) { display:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .stat-card__number { color:var(--p-accent); font-size:28px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .stat-card__label { color:#cbd0d0; font-size:11px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info { display:grid; gap:12px; margin:20px 0 0; padding-top:18px; border-top:1px solid #ffffff30; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__card { display:block; min-height:0; margin:0; padding:0; background:transparent; border:0; box-shadow:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__icon { display:none; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__label { color:#adb9bd; font-size:10px; margin-bottom:3px; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__value { color:#f1eee8; font-size:13px; line-height:1.4; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__value a { color:var(--p-accent); text-decoration:underline; text-underline-offset:3px; }
html[data-preview-photo="true"] #kontakt .contact__grid { grid-template-columns:minmax(0,1fr); max-width:740px; margin-inline:auto; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte { top:var(--person-card-top,96px); margin-left:var(--person-card-left,3vw); width:var(--person-card-width,340px); }
@media(max-width:1000px) {
 html[data-preview-photo="true"] #preview-scene-finale #ansatte { top:82px; width:calc(100% - 40px); margin-left:20px; padding:14px 16px!important; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .section__inner > .reveal:first-child { margin-bottom:8px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__role { margin:0 0 5px; font-size:11px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__name { font-size:25px; margin-bottom:8px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__text { font-size:12px; line-height:1.5; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .about__stats { display:none; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__text { display:none; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info { gap:5px; margin-top:12px; padding-top:10px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__label { display:none; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .contact-info__value { font-size:12px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .section__inner > .reveal:first-child { display:none; }
 html[data-preview-photo="true"] .footer { padding:8px 0 12px; }
 html[data-preview-photo="true"] .footer__inner { align-items:center; }
 html[data-preview-photo="true"] .footer__text { font-size:10px; }
 html[data-preview-photo="true"] .footer__text + .footer__text { display:none; }
 html[data-preview-photo="true"] #preview-model-controls { bottom:40px; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte { top:var(--person-card-top,260px); margin-left:var(--person-card-left,52%); width:var(--person-card-width,44%); padding:14px 12px!important; }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__name { font-size:20px; }
}

/* Contact is a separate, readable section after the complete portrait scene. */
html[data-preview-photo="true"] section#preview-scene-finale { position:relative; }
html[data-preview-photo="true"] #preview-scene-finale #ansatte { position:absolute; top:calc(var(--finale-stop-offset,0px) + var(--person-card-top,96px)); scroll-margin-top:var(--person-card-top,96px); }
html[data-preview-photo="true"] #kontakt { position:relative; z-index:2; background:#172025!important; border-top:1px solid #ffffff24; padding:72px 24px 88px; }
html[data-preview-photo="true"] #kontakt .section__inner { width:min(1040px,100%); max-width:1040px; margin-inline:auto; }
html[data-preview-photo="true"] #kontakt .contact__grid { display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr); gap:40px; max-width:none; align-items:start; }
html[data-preview-photo="true"] #kontakt .contact-info { display:grid; gap:24px; padding:10px 0; }
html[data-preview-photo="true"] #kontakt .contact-info__card { padding:0; min-height:0; background:transparent; border:0; box-shadow:none; }
html[data-preview-photo="true"] #kontakt .contact-info__icon { display:none; }
html[data-preview-photo="true"] #kontakt .contact-info__label { color:#aebabc; font-size:12px; margin-bottom:7px; }
html[data-preview-photo="true"] #kontakt .contact-info__value { color:#f5f1e9; font-size:16px; }
html[data-preview-photo="true"] #kontakt .contact-info__value a { color:var(--p-accent); text-decoration:underline; text-underline-offset:4px; }
html[data-preview-photo="true"] #kontakt .contact-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; background:#202d35; border:1px solid #ffffff24; border-radius:12px; padding:28px; }
html[data-preview-photo="true"] #kontakt .contact-form :is(.form-group:nth-of-type(n+3),.form-status,button) { grid-column:1/-1; }
html[data-preview-photo="true"] #kontakt .contact-form .form-group { margin:0; min-width:0; }
html[data-preview-photo="true"] #kontakt .contact-form textarea { min-height:140px; }
html[data-preview-photo="true"] #kontakt .contact-form button { justify-self:start; }
@media(max-width:700px) {
 html[data-preview-photo="true"] #kontakt { padding:40px 20px 80px; }
 html[data-preview-photo="true"] #kontakt .contact__grid { grid-template-columns:1fr; gap:24px; }
 html[data-preview-photo="true"] #kontakt .contact-info { gap:16px; }
 html[data-preview-photo="true"] #kontakt .contact-form { grid-template-columns:1fr; padding:20px; }
}

/* One neutral readability layer; do not stack a second tint over the person. */
html[data-preview-photo="true"] #preview-model-background::after { background:none; }

/* One continuous fade across the photograph; section boundaries cannot darken it. */
html[data-preview-photo="true"][data-preview-model="ready"] section:not(#kontakt):not(#ansatte) { background:transparent!important; }
html[data-preview-photo="true"] #preview-model-background::after { background:linear-gradient(90deg,#101619b8 0%,#1016197a 24%,#10161920 48%,transparent 65%); }

/* Keep the headline within the quiet wall area beside the light. */
html[data-preview-photo="true"][data-preview-arrangement="products"] #hero { padding-top:clamp(116px,13svh,164px); }
html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-headline { max-width:8.8em; font-size:clamp(42px,4.3vw,68px); line-height:1.04; text-wrap:balance; }
html[data-preview-photo="true"][data-preview-arrangement="products"] .hero__subtitle--support { max-width:430px; margin-top:20px; font-size:16px; line-height:1.6; }
html[data-preview-photo="true"] :is(.hero__water-bg,.water-bg,.hero__video-toggle) { display:none!important; }
@media(max-width:700px) {
 html[data-preview-photo="true"][data-preview-arrangement="products"] #hero { padding-top:104px; }
 html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-headline { font-size:clamp(34px,9vw,48px); }
 html[data-preview-photo="true"][data-preview-arrangement="products"] .hero__subtitle--support { max-width:320px; font-size:14px; margin-top:14px; }
}

html[data-preview-photo="true"] #preview-model-background{visibility:visible;background-image:url('Ressurser/showroom-material-finish-v21.webp');background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
html[data-preview-photo="true"] #preview-model-background iframe{visibility:hidden;}
html[data-preview-photo="true"][data-preview-model="ready"] #preview-model-background iframe{visibility:visible;}
@media(max-width:699px){html[data-preview-photo="true"] #preview-model-background{background-size:130.465116vw auto;background-position:left -30.465116vw top;background-color:#1c252b;}}
/* A quiet vignette adds depth without hiding the technical scene. */
html[data-preview-photo="true"] #preview-model-background::after {
 background:linear-gradient(90deg,#101619c4 0%,#10161982 24%,#10161920 48%,transparent 65%),linear-gradient(0deg,#10161920,transparent 24%);
}
/* A personal signature beside the portrait, with an open edge toward Marton. */
@media(min-width:1001px){
 .preview-employee-brand {left:-46px;width:calc(100% + 92px);bottom:calc(100% + 34px);gap:24px;}
 .preview-employee-brand strong {font-size:clamp(100px,7vw,132px);font-weight:500;}
 .preview-employee-brand > span {width:140px;height:140px;font-size:70px;border-radius:20px;}
 html[data-preview-photo="true"] #preview-scene-finale #ansatte {
  padding:30px 34px!important;border:0;border-left:2px solid var(--p-accent);border-radius:0;
  background:linear-gradient(90deg,#172025ed,#172025c9 75%,#17202588)!important;box-shadow:0 20px 60px #0002;
 }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte::after {
  content:'';position:absolute;right:-30px;top:108px;width:30px;height:1px;background:var(--p-accent);opacity:.7;
 }
 html[data-preview-photo="true"] #preview-scene-finale #ansatte .employee-card__name {font-size:44px;}
}
@media(min-width:701px) and (max-width:1000px){
 .preview-employee-brand strong {font-size:40px;}
 .preview-employee-brand > span {width:52px;height:52px;font-size:26px;}
}
@media(min-width:1001px) and (max-width:1399px){
 .preview-employee-brand {left:0;width:100%;gap:14px;}
 .preview-employee-brand strong {font-size:clamp(60px,6.5vw,90px);}
 .preview-employee-brand > span {width:80px;height:80px;font-size:40px;border-radius:14px;}
}
@media(max-width:760px){
 html[data-preview-photo="true"][data-preview-arrangement="products"] #programvare .section__inner > .reveal:first-child {position:relative;isolation:isolate;}
 html[data-preview-photo="true"][data-preview-arrangement="products"] #programvare .section__inner > .reveal:first-child::before {
  content:'';position:absolute;inset:0 -12px -14px;z-index:-1;border-radius:8px;
  background:linear-gradient(90deg,#101619d9,#10161988 75%,#10161955);pointer-events:none;
 }
}

/* The hero signature uses the quiet space above the heading. */
.preview-hero-brand {display:none;}
html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-hero-brand {display:flex;align-items:center;gap:13px;margin-bottom:20px;color:#f5f1e9;}
.preview-hero-brand strong {font:500 46px/1 system-ui,sans-serif;letter-spacing:-.055em;}
.preview-hero-brand > span {display:grid;place-items:center;width:56px;height:56px;border:1px solid #d4a58166;border-radius:10px;background:linear-gradient(145deg,#344248,#172126);color:var(--p-accent);font:500 28px/1 system-ui,sans-serif;letter-spacing:-.07em;}
html[data-preview-photo="true"][data-preview-arrangement="products"] #hero {padding-top:clamp(92px,8svh,112px);}
@media(max-width:700px){
 html[data-preview-photo="true"][data-preview-arrangement="products"] #hero {padding-top:92px;}
 html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-hero-brand {margin-bottom:14px;gap:10px;}
 .preview-hero-brand strong {font-size:32px;}
 .preview-hero-brand > span {width:40px;height:40px;font-size:21px;border-radius:8px;}
}

@media(max-width:700px){
 html[data-preview-photo="true"][data-preview-arrangement="products"] #hero {padding-top:80px;}
 html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-hero-brand {margin-bottom:8px;}
 .preview-hero-brand strong {font-size:28px;}
 .preview-hero-brand > span {width:30px;height:30px;font-size:17px;border-radius:6px;}
}

/* One prominent signature in the scene; navigation remains available. */
html[data-preview-photo="true"] .nav__logo {visibility:hidden;pointer-events:none;}
html[data-preview-photo="true"] .nav__links {margin-left:auto;}
html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-hero-brand {gap:20px;margin-bottom:24px;}
html[data-preview-photo="true"] .preview-hero-brand strong {font-size:clamp(60px,7svh,88px);letter-spacing:-.055em;}
html[data-preview-photo="true"] .preview-hero-brand > span {width:clamp(72px,8svh,100px);height:clamp(72px,8svh,100px);font-size:clamp(36px,4svh,50px);border-radius:16px;box-shadow:inset 0 1px 0 #fff2,0 10px 32px #0002;}
@media(max-width:700px){
 html[data-preview-photo="true"][data-preview-arrangement="products"] .preview-hero-brand {gap:13px;margin-bottom:12px;}
 html[data-preview-photo="true"] .preview-hero-brand strong {font-size:46px;}
 html[data-preview-photo="true"] .preview-hero-brand > span {width:54px;height:54px;font-size:27px;border-radius:10px;}
}
/* Gentle edge falloff and restrained depth, with the original left shadow. */
html[data-preview-photo="true"] #preview-model-background::after {
 background:linear-gradient(90deg,#101619c4 0%,#10161982 24%,#10161920 48%,transparent 65%),radial-gradient(ellipse at 66% 43%,transparent 38%,#1016191a 85%,#10161930 100%),linear-gradient(0deg,#10161920,transparent 24%);
}
/* A local fade keeps the mobile introduction readable over the equipment. */
@media(max-width:700px){
 html[data-preview-photo="true"] #hero .hero__inner {position:relative;isolation:isolate;}
 html[data-preview-photo="true"] #hero .hero__inner::before {content:'';position:absolute;inset:-12px -12px -18px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101619a8,#10161965 70%,#10161900);border-radius:8px;}
}
@media(max-width:700px){
 html[data-preview-photo="true"] #hero .hero__inner::before {display:block;width:auto;height:auto;transform:none;filter:blur(12px);}
}