@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#17201b;--cream:#f2eee6;--paper:#faf8f3;--sage:#7d8b7b;--line:#d8d2c7;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;top:0;width:100%;background:rgba(250,248,243,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}
.brand{font-weight:600;letter-spacing:.16em}.brand span{font-family:"Playfair Display";font-size:1.35em;letter-spacing:.04em}.nav nav{display:flex;gap:28px;align-items:center;font-size:14px}.navcta{border:1px solid var(--ink);padding:11px 16px}.menu{display:none;background:none;border:0;font-size:24px}
.hero{min-height:92vh;position:relative;display:flex;align-items:center;padding:130px 7vw 90px;color:white;background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2000&q=88') center/cover}
.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,14,.78),rgba(11,18,14,.22))}
.heroContent{position:relative;max-width:780px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600;margin:0 0 22px}.eyebrow.dark{color:#677267}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600}h1{font-size:clamp(56px,7.5vw,112px);line-height:.88;margin:0 0 30px;letter-spacing:-.045em}h1 em{font-weight:600}.lead{font-size:19px;line-height:1.7;max-width:650px;color:#eee}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-block;padding:15px 22px;border:1px solid white;font:600 13px "DM Sans";letter-spacing:.04em;cursor:pointer}.light{background:white;color:var(--ink)}.ghost{color:white}.heroStats{position:absolute;right:5vw;bottom:30px;display:flex;gap:36px}.heroStats div{display:flex;gap:10px;align-items:center}.heroStats b{font-family:"Playfair Display";font-size:28px}.heroStats span{font-size:12px}
.intro,.nrk{padding:110px 8vw;display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;align-items:start}.intro h2,.services h2,.process h2,.nrk h2{font-size:clamp(38px,4vw,62px);line-height:1.06;margin:0}.intro>div:last-child{font-size:17px;line-height:1.85;color:#4f5952}
.services{padding:105px 8vw;background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #cfc7ba;border-left:1px solid #cfc7ba}.cards article{padding:35px;border-right:1px solid #cfc7ba;border-bottom:1px solid #cfc7ba;min-height:245px}.cards span,.steps b{font-family:"Playfair Display";font-size:28px;color:#7b877c}.cards h3{font-size:20px;margin:55px 0 12px}.cards p,.steps p{color:#59615b;line-height:1.65;font-size:14px}
.gallery{background:#18201b;color:white;padding:105px 5vw}.sectionHead{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:50px}.sectionHead h2{font-size:clamp(42px,5vw,72px);margin:0}.sectionHead>p{line-height:1.7;color:#c9cfca}.grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:390px 390px;gap:14px}.grid figure{margin:0;position:relative;background-size:cover;background-position:center}.g1{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85')}.g2{background-image:url('https://images.unsplash.com/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&w=1000&q=85')}.g3{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1400&q=85')}.g4{background-image:url('https://images.unsplash.com/photo-1617806118233-18e1de247200?auto=format&fit=crop&w=1000&q=85')}.grid figcaption{position:absolute;left:22px;bottom:20px;background:rgba(20,27,22,.82);padding:12px 15px;display:flex;flex-direction:column}.grid figcaption b{font-family:"Playfair Display";font-size:20px}.grid figcaption span{font-size:11px;color:#d4dad5;margin-top:4px}
.process{padding:110px 8vw}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.steps>div{padding:25px 30px 25px 0;border-top:1px solid var(--line)}.steps h3{margin:55px 0 10px}
.remote{padding:100px 8vw;background:#738074;color:white;display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.remote h2{font-size:clamp(38px,4.5vw,68px);line-height:1.04;margin:0 0 25px}.remote p{line-height:1.7}.check{border-left:1px solid rgba(255,255,255,.4);padding-left:50px;align-self:center}.check p{border-bottom:1px solid rgba(255,255,255,.25);padding:13px 0;margin:0}
.nrkbox{background:#18201b;color:white;padding:45px}.nrkbox small{letter-spacing:.16em;color:#b8c0ba}.nrkbox strong{font-family:"Playfair Display";display:block;font-size:34px;margin:15px 0}.nrkbox p{color:#cbd0cc;line-height:1.6}.nrkbox a{display:inline-block;margin-top:12px;border-bottom:1px solid white;padding-bottom:4px}
.contact{padding:110px 8vw;background:#18201b;color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.contact h2{font-size:clamp(44px,5vw,72px);margin:0 0 20px}.contact>div>p{color:#cbd0cc;line-height:1.7}.contact .mail{color:white}.contact form{display:flex;flex-direction:column;gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:16px;background:transparent;color:white;border:1px solid #556057;font:14px "DM Sans"}select option{color:#111}textarea{resize:vertical}.contact button{align-self:flex-start}
footer{padding:50px 8vw;background:#101511;color:#cbd0cc;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}footer .brand{color:white}footer>div:nth-of-type(2){display:flex;gap:18px;justify-content:flex-end}footer small{grid-column:1/-1;border-top:1px solid #303832;padding-top:20px}
@media(max-width:850px){.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 5vw;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.menu{display:block}.hero{padding-left:6vw}.heroStats{display:none}.intro,.nrk,.remote,.contact,.sectionHead{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr;grid-template-rows:repeat(4,330px)}.steps{grid-template-columns:1fr 1fr}.check{border-left:0;padding-left:0}.two{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>div:nth-of-type(2){justify-content:flex-start}footer small{grid-column:auto}}