@font-face{font-family:"Anton";src:url("assets/fonts/Anton-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* Full-width fjord and mountain introduction. */
.nature-intro{position:relative;isolation:isolate;width:100%;height:clamp(520px,82svh,1000px);overflow:hidden;background:#142c39;color:#fff}
.nature-photo{position:absolute;inset:0;z-index:-3;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.nature-intro::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,transparent 25%,rgba(8,24,35,.12) 46%,rgba(8,24,35,.72) 87%,#142c39 100%)}
.nature-intro::after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;z-index:-1;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000)}
.nature-message{position:absolute;top:0;left:0;width:clamp(260px,32vw,430px);height:170px;isolation:isolate}
.nature-message::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(246,248,249,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:radial-gradient(ellipse at 18% 12%,#000 18%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 18% 12%,#000 18%,transparent 77%)}

.nature-copy{position:absolute;left:0;right:0;bottom:48px;padding-right:32px;text-shadow:0 2px 16px #07172388}
.nature-copy .eyebrow{color:#ffb477;margin-bottom:16px;letter-spacing:.2em}
.nature-copy h1{font:700 clamp(2rem,4.5vw,4.8rem)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:0 0 20px;max-width:1000px}
.nature-copy h1 span{color:#eef2f4}
.nature-copy p{color:#edf3f7;font-size:clamp(.95rem,1.3vw,1.16rem);line-height:1.6;margin-bottom:22px}
.nature-link{display:inline-flex;gap:22px;align-items:center;color:#ffb477;font-weight:700;font-size:.95rem;text-decoration:none;border-bottom:1px solid #ffb47780;padding:8px 0}
.nature-link:hover{color:white;border-color:white}.nature-link:focus-visible{outline:3px solid #ffb477;outline-offset:6px}
.nature-credit{position:absolute;right:24px;bottom:18px;color:#e0e8eb99;font:700 12px/1 Arial,sans-serif;letter-spacing:.16em}
#arbeidsbilder{scroll-margin-top:30px}
@media(max-width:700px){.nature-intro{height:clamp(580px,83svh,850px)}.nature-photo{object-position:50% 53%}.nature-copy{bottom:48px;padding-right:0}.nature-copy h1{font-size:clamp(1.9rem,7.6vw,3rem)}.nature-copy p br{display:none}.nature-message{height:145px;width:280px}.nature-copy .eyebrow{font-size:.7rem}}
@media(orientation:landscape) and (max-height:600px){.nature-intro{height:570px}}

body.vB .hero .brand-copy .work-intro-title{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.12;margin:0;color:#fff;letter-spacing:-.02em}

/* Clean geometric typography, with the landscape and logo leading. */
@font-face{font-family:Space Grotesk;src:url(assets/fonts/SpaceGrotesk.ttf) format("truetype");font-weight:300 700;font-display:swap}
.nature-intro{height:clamp(680px,82svh,1000px)}
.nature-message{width:min(800px,100%);height:320px}
.nature-message::before{inset:-35px -60px -25px -30px;background:rgba(246,248,249,.96);mask-image:radial-gradient(ellipse at 25% 28%,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 25% 28%,#000 35%,transparent 78%)}
.nature-slogan{margin:34px 0 0 42px;color:#10252f;font:700 clamp(46px,5.1vw,76px)/1.08 "Space Grotesk",Arial,sans-serif;letter-spacing:-.055em;text-shadow:none;max-width:calc(100% - 60px)}
.slogan-lead,.slogan-hit{display:block}.slogan-hit{margin-top:4px}
.nature-trades{margin:24px 40px 0;max-width:calc(100% - 60px);font:600 clamp(17px,1.5vw,22px)/1.55 "Space Grotesk",Arial,sans-serif;color:#263c47;letter-spacing:-.02em}
.nature-trades::before{content:"";display:block;width:48px;height:3px;background:#e7782e;margin-bottom:13px}
.nature-tool{position:absolute;right:32px;top:32px;width:265px;padding:18px 20px;text-decoration:none;background:rgba(16,32,43,.88);color:#fff;border:1px solid #ffffff30;border-radius:10px;backdrop-filter:blur(12px)}
.nature-tool>span{display:block;font:700 10px/1.4 Arial,sans-serif;color:#ffb477;letter-spacing:.13em}.nature-tool strong{display:flex;justify-content:space-between;align-items:center;font:700 24px/1.5 "Space Grotesk",Arial,sans-serif;margin:5px 0}.nature-tool small{display:block;color:#e2e8ec;font:13px/1.5 Arial,sans-serif}.nature-tool:hover{background:#142c39}.nature-tool:focus-visible{outline:3px solid #ffb477;outline-offset:4px}
@media(max-width:1100px){.nature-tool{top:300px;right:28px;padding:12px 17px;width:255px}.nature-tool strong{font-size:21px;margin:2px 0}.nature-intro{min-height:780px}}
@media(max-width:700px){.nature-intro{height:clamp(790px,100svh,1000px);min-height:790px}.nature-message{height:290px}.nature-slogan{margin:26px 0 0 24px;font-size:clamp(35px,8.7vw,60px);max-width:calc(100% - 42px)}.nature-trades{margin:22px 24px 0;max-width:calc(100% - 42px);font-size:clamp(16px,4.2vw,21px)}.nature-tool{top:270px;left:24px;right:auto;width:calc(100% - 48px);max-width:330px}.nature-message::before{inset:-25px -20px -15px -30px;mask-image:radial-gradient(ellipse at 28% 25%,#000 38%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 28% 25%,#000 38%,transparent 80%)}}