.nn-home{
--nn-navy:#0f2740;
--nn-blue:#155f7d;
--nn-blue-2:#2d7894;
--nn-orange:#ef7b4f;
--nn-orange-dark:#dc6941;
--nn-ink:#122033;
--nn-text:#465467;
--nn-muted:#778294;
--nn-line:#e3e9ee;
--nn-soft:#f6f8fa;
--nn-warm:#f4efe7;
--nn-radius:7px;
color:var(--nn-ink);
background:#fff;
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:16px;
line-height:1.5;
overflow:hidden;
}
.nn-home *{box-sizing:border-box}
.nn-home a{text-decoration:none!important;color:inherit}
.nn-home img{display:block;max-width:100%}
.nn-home svg{display:block;width:100%;height:100%;shape-rendering:geometricPrecision}
.nn-home h1,.nn-home h2,.nn-home h3{font-family:Georgia,"Times New Roman",serif;color:var(--nn-ink);font-weight:400;margin:0}
.nn-home p{margin:0}
.nn-home .nn-wrap{width:min(1400px,calc(100% - 72px));margin-inline:auto}
.nn-home .nn-section{padding-top:54px} .nn-home .nn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.nn-home .nn-head>div>span,.nn-home .nn-hero-copy>span,.nn-home .nn-project-top span,.nn-home .nn-architect span,.nn-home .nn-cta-copy>span{
display:block;font:700 10px/1.2 Inter,ui-sans-serif,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--nn-blue);margin-bottom:9px
}
.nn-home .nn-head h2{font-size:clamp(38px,4vw,58px)!important;line-height:.96!important;letter-spacing:-.04em!important}
.nn-home .nn-head>a{font:700 10px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-blue)!important;padding-bottom:7px;white-space:nowrap}
.nn-home .nn-head>a b{font-size:14px} .nn-home .nn-hero{
min-height:530px;position:relative;display:flex;align-items:stretch;background-color:#edf4f7;background-image:var(--nn-overlay),var(--nn-image);background-size:cover;background-position:center right;background-repeat:no-repeat
}
.nn-home .nn-hero:not([style]){background-image:linear-gradient(108deg,#fff 0%,#f8fbfc 48%,#dce8ea 100%)}
.nn-home .nn-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:54px 0 38px;min-height:530px}
.nn-home .nn-hero h1{font-size:clamp(52px,5.35vw,82px)!important;line-height:.91!important;letter-spacing:-.055em!important;max-width:650px;margin-bottom:18px!important}
.nn-home .nn-hero p{max-width:600px;font-size:15px;line-height:1.48;color:#425268;margin-bottom:22px}
.nn-home .nn-actions{display:flex;gap:12px;flex-wrap:wrap}
.nn-home .nn-actions a,.nn-home .nn-project-top>a,.nn-home .nn-cta a{
min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:4px;font:800 10px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.2s ease
}
.nn-home .nn-actions .primary,.nn-home .nn-cta a{background:var(--nn-orange);color:#fff!important;box-shadow:0 10px 24px rgba(239,123,79,.24)}
.nn-home .nn-actions .primary:hover,.nn-home .nn-cta a:hover{background:var(--nn-orange-dark);transform:translateY(-1px)}
.nn-home .nn-actions .secondary{background:#fff;border:1px solid #cbd5de;color:var(--nn-navy)!important}
.nn-home .nn-actions .secondary:hover{border-color:#9fb4c1;background:#f9fbfc}
.nn-home .nn-hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:660px;margin-top:30px}
.nn-home .nn-hero-benefits>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;min-height:50px;padding:0 20px;border-right:1px solid rgba(18,48,67,.14)}
.nn-home .nn-hero-benefits>div:first-child{padding-left:0}.nn-home .nn-hero-benefits>div:last-child{border-right:0}
.nn-home .nn-hero-benefits i{width:30px;height:30px;color:var(--nn-blue)}
.nn-home .nn-hero-benefits span{font-size:10px;line-height:1.35;color:#31465a}
.nn-home .nn-hero-scribble{position:absolute;z-index:2;right:27%;top:17%;transform:rotate(-5deg);font-family:"Segoe Print","Bradley Hand",cursive;font-size:25px;line-height:1.03;color:#0d5f82;text-align:left;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.nn-home .nn-hero-scribble:after{content:'↘';display:block;font:32px/1 Georgia,serif;margin:1px 0 0 53px;transform:rotate(8deg)} .nn-home .nn-iconnav{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:18px;margin-bottom:0}
.nn-home .nn-iconnav a{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;background:#fff;border:1px solid var(--nn-line);border-radius:9px;overflow:hidden;box-shadow:0 10px 26px rgba(15,39,64,.055);transition:.2s ease;padding-bottom:15px}
.nn-home .nn-iconnav a:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(15,39,64,.10);border-color:#ccd9e1}
.nn-home .nn-iconnav-media{display:block;width:100%;height:92px;background:#f1eee8 center/cover no-repeat}
.nn-home .nn-iconnav-media-empty{height:0!important;background:none!important}
.nn-home .nn-iconnav i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:9px;margin:-24px auto 4px;border-radius:50%;background:#fff;color:var(--nn-blue);border:1px solid #e6edf1;box-shadow:0 5px 14px rgba(15,39,64,.10);position:relative;z-index:2}
.nn-home .nn-iconnav a:has(.nn-iconnav-media-empty) i{margin:17px auto 5px}
.nn-home .nn-iconnav strong{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.04;font-weight:400;color:var(--nn-ink);padding:0 10px}
.nn-home .nn-iconnav span:not(.nn-iconnav-media){font-size:9px;line-height:1.36;color:#74808e;padding:5px 14px 0;max-width:190px}
.nn-home .nn-iconnav a:after{content:'→';display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--nn-blue);color:#fff;font-size:12px;margin-top:8px} .nn-home .nn-inspirations{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nn-home .nn-inspiration{position:relative;min-height:315px;border:1px solid var(--nn-line);border-radius:7px;overflow:hidden;background:#f1ece4;background-image:var(--nn-image);background-size:100% 55%;background-position:top center;background-repeat:no-repeat;box-shadow:0 4px 18px rgba(15,39,64,.025);transition:.2s ease}
.nn-home .nn-inspiration:not([style]){background-image:linear-gradient(#d3c4b2,#d3c4b2);background-size:100% 55%}
.nn-home .nn-inspiration:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,39,64,.08)}
.nn-home .nn-inspiration>div{position:absolute;left:0;right:0;bottom:0;min-height:45%;padding:15px 16px 16px;background:#fff;border-top:1px solid rgba(15,39,64,.06)}
.nn-home .nn-inspiration h3{font-size:20px!important;line-height:1.08!important;margin-bottom:6px!important}
.nn-home .nn-inspiration p{font-size:10px!important;line-height:1.45!important;color:#687486;margin-bottom:12px!important}
.nn-home .nn-inspiration b{font:800 9px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--nn-blue)} .nn-home .nn-transform-section{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;align-items:start;padding-top:48px}
.nn-home .nn-transform-section>.nn-head{display:block;margin:0;padding-top:8px}
.nn-home .nn-transform-section>.nn-head h2{font-size:50px!important;max-width:260px}
.nn-home .nn-transform-section>.nn-head .nn-note{display:block;margin-top:14px;max-width:230px;font-size:12px;line-height:1.5;color:#566679}
.nn-home .nn-transform-section>.nn-head:after{content:'••';display:block;color:#dce9e3;font:700 48px/1 Georgia,serif;letter-spacing:-.28em;transform:rotate(-28deg);margin:30px 0 0 17px}
.nn-home .nn-transform{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
.nn-home .nn-room{position:relative;min-height:166px;border:1px solid var(--nn-line);border-radius:6px;overflow:hidden;background:#efe9df;background-image:var(--nn-image);background-size:100% calc(100% - 42px);background-position:top center;background-repeat:no-repeat;transition:.2s ease}
.nn-home .nn-room:not([style]){background-image:linear-gradient(#cdbda9,#cdbda9);background-size:100% calc(100% - 42px)}
.nn-home .nn-room:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,39,64,.08)}
.nn-home .nn-room>div{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;background:#fff;padding:8px 42px 8px 12px}
.nn-home .nn-room h3{font-size:15px!important;line-height:1!important}
.nn-home .nn-room p{display:none}
.nn-home .nn-room>div:after{content:'→';position:absolute;right:9px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:1px solid #9db6c4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--nn-blue);font:12px/1 Inter,sans-serif} .nn-home .nn-project{position:relative;margin-top:48px;background-color:var(--nn-navy);background-image:var(--nn-overlay),var(--nn-image);background-size:cover;background-position:center;border-radius:7px;overflow:hidden;width:min(1460px,calc(100% - 48px));margin-inline:auto}
.nn-home .nn-project:not([style]){background-image:linear-gradient(120deg,#0f2b43,#124964 70%,#2d6e80)}
.nn-home .nn-project>.nn-wrap{width:min(1340px,calc(100% - 48px));padding:31px 0 22px}
.nn-home .nn-project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;color:#fff}
.nn-home .nn-project-top span{color:#d8e9f0;margin-bottom:8px}
.nn-home .nn-project h2{color:#fff!important;font-size:42px!important;line-height:.97!important;letter-spacing:-.03em!important;margin-bottom:7px!important}
.nn-home .nn-project p{max-width:800px;font-size:10px;line-height:1.5;color:#d7e3ea}
.nn-home .nn-project-top>a{background:var(--nn-orange);color:#fff!important;min-width:210px;flex:0 0 auto;margin-top:8px}
.nn-home .nn-project-top>a:hover{background:var(--nn-orange-dark);transform:translateY(-1px)}
.nn-home .nn-project-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid rgba(255,255,255,.16)}
.nn-home .nn-project-steps a{display:flex;align-items:flex-start;gap:11px;padding:15px 20px 4px 0;margin-right:20px;color:#fff;border-right:1px solid rgba(255,255,255,.14)}
.nn-home .nn-project-steps a:last-child{border-right:0;margin-right:0}
.nn-home .nn-project-steps i{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--nn-navy);font:800 9px/1 Inter,sans-serif;font-style:normal}
.nn-home .nn-project-steps strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.1;font-weight:400;margin:1px 0 4px}
.nn-home .nn-project-steps small{display:block;font-size:8px;line-height:1.36;color:#c8d7df} .nn-home .nn-practical-section{padding-top:30px}
.nn-home .nn-practical-section .nn-head{margin-bottom:15px}
.nn-home .nn-practical{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--nn-line);background:#fff}
.nn-home .nn-practical a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100px;padding:12px 8px;border-right:1px solid var(--nn-line);transition:.18s ease}
.nn-home .nn-practical a:last-child{border-right:0}
.nn-home .nn-practical a:hover{background:#f8fbfc}
.nn-home .nn-practical i{width:30px;height:30px;color:var(--nn-blue);margin-bottom:4px}
.nn-home .nn-practical h3{font-size:14px!important;line-height:1.05!important;margin-bottom:3px!important}
.nn-home .nn-practical p{font-size:8px!important;line-height:1.3!important;color:#84909d}
.nn-home .nn-practical b{display:none} .nn-home .nn-editorial{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:15px}
.nn-home .nn-edit{display:grid;grid-template-columns:38% 62%;min-height:190px;border-radius:5px;overflow:hidden;background-color:#b04f2d;background-image:var(--nn-image);background-size:38% 100%;background-position:left center;background-repeat:no-repeat}
.nn-home .nn-edit-media{min-height:190px;background:rgba(171,72,39,.9)}
.nn-home .nn-edit-copy{padding:20px 22px;background:linear-gradient(135deg,#12425d,#1c637e);color:#fff}
.nn-home .nn-edit-2{background-color:#35513f}
.nn-home .nn-edit-2 .nn-edit-media{background:rgba(45,79,56,.9)}
.nn-home .nn-edit-2 .nn-edit-copy{background:linear-gradient(135deg,#d9683e,#ef7b4f)}
.nn-home .nn-edit span{display:block;font:800 8px/1.2 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px;color:#e9f3f7}
.nn-home .nn-edit h2{font-size:27px!important;line-height:1.02!important;color:#fff!important;margin-bottom:7px!important}
.nn-home .nn-edit p{font-size:9px!important;line-height:1.45!important;color:rgba(255,255,255,.88);margin-bottom:11px!important}
.nn-home .nn-edit b{display:inline-block;background:#fff;color:#164660;font:800 8px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:9px 11px;border-radius:2px}
.nn-home .nn-edit-2 b{color:#b64f2d} .nn-home .nn-architect{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding:11px 12px;border:1px solid var(--nn-line);background:#f7f9fb}
.nn-home .nn-architect-img{height:68px;background:#d8cabb;background-image:var(--nn-overlay),var(--nn-image);background-size:cover;background-position:center}
.nn-home .nn-architect h2{font-size:22px!important;line-height:1!important;margin-bottom:4px!important}
.nn-home .nn-architect p{font-size:8px!important;line-height:1.4!important;color:#768292}
.nn-home .nn-architect>a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #7ba3b7;color:var(--nn-blue)!important;background:#fff;font:800 8px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase} .nn-home .nn-latest-section{padding-top:38px}
.nn-home .nn-latest{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nn-home .nn-latest article{min-width:0;transition:.2s ease}
.nn-home .nn-latest article:hover{transform:translateY(-3px)}
.nn-home .nn-latest img,.nn-home .nn-latest-placeholder{width:100%;aspect-ratio:1.63;object-fit:cover;background:#d9d0c4}
.nn-home .nn-latest-copy{padding-top:8px}
.nn-home .nn-latest time{display:block;font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:#9aa2ad;margin-bottom:6px}
.nn-home .nn-latest h3{font-size:16px!important;line-height:1.1!important} .nn-home .nn-cta{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:225px;margin-top:36px;margin-bottom:36px;border-radius:7px;overflow:hidden;background-color:#55735d;background-image:var(--nn-overlay),var(--nn-image);background-size:cover;background-position:center}
.nn-home .nn-cta:not([style]){background-image:linear-gradient(120deg,#456855,#67866a)}
.nn-home .nn-cta-panel{width:62%;min-height:148px;margin-right:18px;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:20px;padding:23px 28px;background:rgba(255,255,255,.96)}
.nn-home .nn-cta-copy>span{margin-bottom:7px;color:var(--nn-blue)}
.nn-home .nn-cta h2{font-size:32px!important;line-height:1!important;letter-spacing:-.02em!important;margin-bottom:7px!important}
.nn-home .nn-cta p{font-size:10px;line-height:1.45;color:#6f7a87;margin-bottom:14px}
.nn-home .nn-cta a{min-height:40px;padding:0 15px}
.nn-home .nn-cta-scribble{font-family:"Segoe Print","Bradley Hand",cursive;color:#146587;font-size:21px;line-height:1.04;transform:rotate(-5deg)}
.nn-home .nn-cta-scribble:after{content:'↗';display:block;font:28px/1 Georgia,serif;color:var(--nn-navy);margin:2px 0 0 -20px} @media(max-width:1150px){
.nn-home .nn-wrap{width:min(100% - 44px,1400px)}
.nn-home .nn-hero-scribble{right:18%}
.nn-home .nn-transform-section{grid-template-columns:235px 1fr}
.nn-home .nn-transform-section>.nn-head h2{font-size:44px!important}
.nn-home .nn-cta-panel{width:70%}
}
@media(max-width:920px){
.nn-home .nn-hero{min-height:560px;background-position:62% center}
.nn-home .nn-hero-copy{min-height:560px}
.nn-home .nn-hero-scribble{right:7%;top:13%}
.nn-home .nn-iconnav{grid-template-columns:repeat(2,1fr)}
.nn-home .nn-iconnav a:last-child{grid-column:1/3}
.nn-home .nn-inspirations{grid-template-columns:repeat(2,1fr)}
.nn-home .nn-transform-section{grid-template-columns:1fr;gap:18px}
.nn-home .nn-transform-section>.nn-head h2{max-width:none!important}
.nn-home .nn-transform-section>.nn-head:after{display:none}
.nn-home .nn-project-steps{grid-template-columns:repeat(2,1fr)}
.nn-home .nn-project-steps a:nth-child(2){border-right:0}
.nn-home .nn-practical{grid-template-columns:repeat(3,1fr)}
.nn-home .nn-practical a:nth-child(3){border-right:0}
.nn-home .nn-practical a:nth-child(-n+3){border-bottom:1px solid var(--nn-line)}
.nn-home .nn-editorial{grid-template-columns:1fr}
.nn-home .nn-latest{grid-template-columns:repeat(2,1fr)}
.nn-home .nn-cta-panel{width:78%}
}
@media(max-width:640px){
.nn-home .nn-wrap{width:min(100% - 24px,1400px)}
.nn-home .nn-section{padding-top:38px}
.nn-home .nn-head{align-items:flex-start;gap:12px}
.nn-home .nn-head h2{font-size:36px!important}
.nn-home .nn-head>a{font-size:8px;padding-top:6px}
.nn-home .nn-hero{min-height:650px;background-position:65% center}
.nn-home .nn-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 67%,rgba(255,255,255,.60) 100%)}
.nn-home .nn-hero-copy{min-height:650px;padding:42px 0 30px}
.nn-home .nn-hero h1{font-size:45px!important;max-width:390px}
.nn-home .nn-hero p{font-size:13px;max-width:360px}
.nn-home .nn-hero-benefits{grid-template-columns:1fr;max-width:290px;margin-top:20px}
.nn-home .nn-hero-benefits>div{border-right:0;border-bottom:1px solid rgba(18,48,67,.13);padding:5px 0}
.nn-home .nn-hero-benefits>div:last-child{border-bottom:0}
.nn-home .nn-hero-scribble{display:none}
.nn-home .nn-iconnav{grid-template-columns:1fr}
.nn-home .nn-iconnav a:last-child{grid-column:auto}
.nn-home .nn-inspirations{grid-template-columns:1fr}
.nn-home .nn-inspiration{min-height:320px}
.nn-home .nn-transform{grid-template-columns:1fr}
.nn-home .nn-room{min-height:205px}
.nn-home .nn-project{width:calc(100% - 24px);margin-top:36px}
.nn-home .nn-project>.nn-wrap{width:calc(100% - 28px);padding:25px 0 18px}
.nn-home .nn-project-top{display:block}
.nn-home .nn-project h2{font-size:33px!important}
.nn-home .nn-project-top>a{margin-top:18px}
.nn-home .nn-project-steps{grid-template-columns:1fr}
.nn-home .nn-project-steps a{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);margin-right:0;padding-bottom:12px}
.nn-home .nn-project-steps a:last-child{border-bottom:0}
.nn-home .nn-practical{grid-template-columns:repeat(2,1fr)}
.nn-home .nn-practical a{border-right:1px solid var(--nn-line)!important;border-bottom:1px solid var(--nn-line)}
.nn-home .nn-practical a:nth-child(2n){border-right:0!important}
.nn-home .nn-practical a:nth-last-child(-n+2){border-bottom:0}
.nn-home .nn-edit{grid-template-columns:1fr}
.nn-home .nn-edit-media{min-height:145px}
.nn-home .nn-architect{grid-template-columns:85px 1fr}
.nn-home .nn-architect>a{grid-column:1/3;width:max-content}
.nn-home .nn-latest{grid-template-columns:1fr}
.nn-home .nn-cta{min-height:360px;align-items:flex-end;padding:12px}
.nn-home .nn-cta-panel{width:100%;margin:0;grid-template-columns:1fr;padding:20px}
.nn-home .nn-cta-scribble{display:none}
} @media (min-width:921px){ .nn-home .nn-hero-scribble{
right:38%;
top:16%;
font-size:24px;
}
.nn-home .nn-hero-scribble:after{
margin-left:48px;
} .nn-home .nn-hero,
.nn-home .nn-hero-copy{
min-height:515px;
}
.nn-home .nn-hero-copy{
padding-top:48px;
padding-bottom:34px;
}
.nn-home .nn-hero h1{
max-width:625px;
} .nn-home .nn-section{
padding-top:50px;
}
.nn-home .nn-iconnav{
margin-top:16px;
}
.nn-home .nn-transform-section{
padding-top:44px;
}
.nn-home .nn-project{
margin-top:44px;
}
.nn-home .nn-latest-section{
padding-top:44px;
} .nn-home .nn-inspiration{
min-height:325px;
}
.nn-home .nn-inspiration>div{
min-height:46%;
padding:14px 15px 15px;
}
.nn-home .nn-inspiration h3{
font-size:19px!important;
}
.nn-home .nn-room{
min-height:170px;
} .nn-home .nn-project>.nn-wrap{
padding-top:29px;
padding-bottom:20px;
}
.nn-home .nn-cta{
min-height:210px;
margin-top:32px;
}
.nn-home .nn-cta-panel{
width:61%;
min-height:142px;
}
}
@media (min-width:1160px){
.nn-home .nn-hero-scribble{right:39%;}
}
@media (min-width:921px) and (max-width:1150px){
.nn-home .nn-hero-scribble{right:33%;top:15%;}
} .nn-home{--nn-navy:#07111f;--nn-blue:#3267ff;--nn-orange:#7c5cff;--nn-orange-dark:#6546ea;--nn-line:#dce4f1;--nn-text:#101828;--nn-muted:#64748b;background:#f8fafc;color:var(--nn-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.nn-home h1,.nn-home h2,.nn-home h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:800!important;letter-spacing:-.045em!important}
.nn-home .nn-hero{background-color:#07111f;color:#fff;min-height:545px;background-position:center;background-size:cover}
.nn-home .nn-hero:not([style]){background-image:radial-gradient(circle at 75% 20%,rgba(50,103,255,.34),transparent 30%),radial-gradient(circle at 90% 80%,rgba(124,92,255,.28),transparent 35%),linear-gradient(120deg,#07111f,#0b1730 62%,#101f42)}
.nn-home .nn-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.nn-home .nn-hero-copy{position:relative;z-index:2;color:#fff}
.nn-home .nn-hero-copy>span{color:#8db1ff!important}
.nn-home .nn-hero h1{color:#fff!important;font-size:68px!important;line-height:.92!important;max-width:620px}
.nn-home .nn-hero p{color:#c7d3e6!important;max-width:650px;font-size:14px!important;line-height:1.65!important}
.nn-home .nn-actions .primary{background:#3267ff!important;color:#fff!important}.nn-home .nn-actions .secondary{border-color:#52627d!important;color:#fff!important;background:rgba(255,255,255,.04)!important}
.nn-home .nn-hero-benefits>div{border-color:rgba(255,255,255,.12)!important}.nn-home .nn-hero-benefits i{color:#8db1ff!important}.nn-home .nn-hero-benefits span{color:#dbe6f7!important}
.nn-home .nn-hero-scribble{color:#94a3ff!important}
.nn-home .nn-iconnav{margin-top:-24px;position:relative;z-index:4;background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.12);overflow:hidden;border:1px solid #e6ebf4}
.nn-home .nn-iconnav a{min-height:154px!important;border-color:#edf1f7!important}.nn-home .nn-iconnav a:hover{background:#f5f8ff!important}.nn-home .nn-iconnav i{color:#3267ff!important}.nn-home .nn-iconnav strong{font-family:Inter,sans-serif!important;font-weight:800!important}
.nn-home .nn-head>div>span,.nn-home .nn-project-top span,.nn-home .nn-edit span,.nn-home .nn-architect>div>span{color:#3267ff}
.nn-home .nn-head h2{font-size:46px!important;line-height:.98!important}.nn-home .nn-head>a{color:#3267ff!important}
.nn-home .nn-inspiration,.nn-home .nn-room{border-radius:14px!important;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.nn-home .nn-inspiration:not([style]),.nn-home .nn-room:not([style]){background-image:linear-gradient(145deg,#16223b,#3267ff)!important}
.nn-home .nn-inspiration>div,.nn-home .nn-room>div{background:linear-gradient(180deg,transparent,rgba(3,9,22,.92))!important;color:#fff}
.nn-home .nn-inspiration h3,.nn-home .nn-room h3{color:#fff!important}.nn-home .nn-inspiration p,.nn-home .nn-room p{color:#cbd5e1!important}
.nn-home .nn-transform-section>.nn-head:after{background:#3267ff!important}.nn-home .nn-note{color:#64748b!important}
.nn-home .nn-project{border-radius:18px!important;background-color:#07111f!important}.nn-home .nn-project:not([style]){background-image:radial-gradient(circle at 85% 20%,rgba(124,92,255,.33),transparent 32%),linear-gradient(120deg,#07111f,#10224a)!important}.nn-home .nn-project-top>a{background:#3267ff!important}
.nn-home .nn-project-steps i{color:#3267ff!important}.nn-home .nn-project-steps strong{font-family:Inter,sans-serif!important;font-weight:800!important}
.nn-home .nn-practical{border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.06)}.nn-home .nn-practical i{color:#3267ff!important}.nn-home .nn-practical a:hover{background:#f4f7ff!important}
.nn-home .nn-edit{border-radius:16px!important}.nn-home .nn-edit-copy{background:linear-gradient(135deg,#0b1730,#173b82)!important}.nn-home .nn-edit-2 .nn-edit-copy{background:linear-gradient(135deg,#422a81,#7958e8)!important}.nn-home .nn-edit-media{background:rgba(16,39,86,.42)!important}.nn-home .nn-edit-2 .nn-edit-media{background:rgba(72,44,135,.38)!important}.nn-home .nn-edit h2{color:#fff!important}
.nn-home .nn-architect{border-radius:14px!important;background:#fff!important;box-shadow:0 8px 25px rgba(15,23,42,.05)}.nn-home .nn-architect>a{border-color:#b7c7ff!important;color:#3267ff!important}
.nn-home .nn-latest article{background:#fff;border:1px solid #e8edf5;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.05)}.nn-home .nn-latest-copy{padding:13px 14px 16px!important}.nn-home .nn-latest img{border-radius:0!important}
.nn-home .nn-cta{border-radius:18px!important;background-color:#0b1730!important}.nn-home .nn-cta:not([style]){background-image:radial-gradient(circle at 20% 30%,rgba(50,103,255,.48),transparent 32%),linear-gradient(120deg,#07111f,#172657)!important}.nn-home .nn-cta-panel{background:rgba(255,255,255,.96)!important;border-radius:12px}.nn-home .nn-cta a{background:#3267ff!important;color:#fff!important}.nn-home .nn-cta-scribble{color:#5e61d8!important}
@media(max-width:640px){.nn-home .nn-hero:after{background:linear-gradient(90deg,rgba(7,17,31,.98),rgba(7,17,31,.88) 72%,rgba(7,17,31,.62))!important}.nn-home .nn-hero h1{font-size:48px!important}.nn-home .nn-iconnav{margin-top:12px}} .nn-home{
--nn-navy:#071a34;
--nn-navy-2:#0a2348;
--nn-blue:#1668ff;
--nn-cyan:#29d4ff;
--nn-violet:#6946f5;
--nn-text:#071a34;
--nn-muted:#65758d;
--nn-line:#e7edf6;
--nn-soft:#f7faff;
background:#fff;
color:var(--nn-text);
}
.nn-home .nn-wrap{width:min(calc(100% - 64px),1320px)}
.nn-home a{text-decoration:none!important}
.nn-home h1,.nn-home h2,.nn-home h3{color:var(--nn-text)!important}
.nn-home .nn-section{padding-top:64px}
.nn-home .nn-head{margin-bottom:22px}
.nn-home .nn-head>div>span,
.nn-home .nn-project-top>div>span,
.nn-home .nn-edit-copy>span,
.nn-home .nn-cta-copy>span{
color:var(--nn-blue)!important;
font:800 10px/1 Inter,system-ui,sans-serif!important;
letter-spacing:.18em!important;
text-transform:uppercase;
}
.nn-home .nn-head h2{font-size:46px!important;line-height:.98!important;letter-spacing:-.055em!important}
.nn-home .nn-head>a{color:var(--nn-blue)!important;font-weight:800!important;letter-spacing:.05em} .nn-home .nn-hero{
min-height:510px!important;
overflow:hidden;
background-color:#06162d!important;
background-position:center!important;
border-radius:0;
}
.nn-home .nn-hero:not([style]){
background-image:
radial-gradient(circle at 84% 22%,rgba(24,104,255,.42),transparent 26%),
radial-gradient(circle at 94% 70%,rgba(106,70,245,.35),transparent 32%),
linear-gradient(120deg,#06162d 0%,#08234b 63%,#0e2f68 100%)!important;
}
.nn-home .nn-hero:before{
opacity:.72;
background-image:
linear-gradient(rgba(79,155,255,.08) 1px,transparent 1px),
linear-gradient(90deg,rgba(79,155,255,.08) 1px,transparent 1px)!important;
background-size:44px 44px!important;
-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 90%);
mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 90%);
}
.nn-home .nn-hero:after{
content:"";
position:absolute;
right:-90px;top:-110px;
width:640px;height:640px;
border-radius:50%;
background:
radial-gradient(circle at 50% 50%,transparent 0 39%,rgba(54,139,255,.16) 39.5% 40%,transparent 40.5% 49%,rgba(108,83,255,.13) 49.5% 50%,transparent 50.5%),
radial-gradient(circle,rgba(64,169,255,.14),transparent 66%);
filter:blur(.2px);
pointer-events:none;
}
.nn-home .nn-hero-copy{
min-height:510px!important;
padding:72px 0 92px!important;
position:relative;z-index:2;
}
.nn-home .nn-hero-copy>span{color:#48d7ff!important;font-size:11px!important;letter-spacing:.21em!important}
.nn-home .nn-hero h1{
color:#fff!important;
font-size:72px!important;
line-height:.9!important;
max-width:670px!important;
margin:14px 0 18px!important;
text-shadow:0 10px 40px rgba(0,0,0,.22);
}
.nn-home .nn-hero p{max-width:670px!important;color:#d9e5f6!important;font-size:15px!important;line-height:1.58!important}
.nn-home .nn-actions{gap:12px;margin-top:24px}
.nn-home .nn-actions a,
.nn-home .nn-project-top>a,
.nn-home .nn-cta a{
border-radius:5px!important;
min-height:48px!important;
padding:0 20px!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.05em!important;
box-shadow:none!important;
}
.nn-home .nn-actions .primary,
.nn-home .nn-project-top>a,
.nn-home .nn-cta a{background:linear-gradient(135deg,#1470ff,#3268ff)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(22,104,255,.22)!important}
.nn-home .nn-actions .secondary{border:1px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.035)!important;color:#fff!important}
.nn-home .nn-actions a:hover{transform:translateY(-2px)}
.nn-home .nn-hero-benefits{margin-top:34px!important;max-width:720px!important;gap:0!important}
.nn-home .nn-hero-benefits>div{padding:0 24px!important;min-height:46px!important}
.nn-home .nn-hero-benefits>div:first-child{padding-left:0!important}
.nn-home .nn-hero-benefits i{width:27px!important;height:27px!important;color:#65cfff!important}
.nn-home .nn-hero-benefits span{font-size:9px!important;line-height:1.42!important;color:#e3ecfb!important}
.nn-home .nn-hero-scribble{right:25%!important;top:15%!important;color:#9ea4ff!important;font-size:24px!important;line-height:1.02!important;text-shadow:0 4px 20px rgba(0,0,0,.22)} .nn-home .nn-iconnav{
margin-top:-46px!important;
border:0!important;
border-radius:14px!important;
overflow:visible!important;
background:transparent!important;
box-shadow:none!important;
gap:16px!important;
}
.nn-home .nn-iconnav a{
min-height:176px!important;
border:1px solid #e8edf5!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 13px 35px rgba(20,44,84,.09)!important;
padding:26px 18px 18px!important;
transition:.22s ease!important;
}
.nn-home .nn-iconnav a:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(20,44,84,.14)!important;background:#fff!important}
.nn-home .nn-iconnav-media{display:none!important}
.nn-home .nn-iconnav i{
width:54px!important;height:54px!important;
display:grid!important;place-items:center!important;
margin:0 auto 10px!important;
color:var(--nn-blue)!important;
background:linear-gradient(180deg,#fff,#f6f9ff)!important;
border:1px solid #e2eaff!important;
border-radius:50%!important;
box-shadow:0 8px 20px rgba(25,100,255,.10)!important;
}
.nn-home .nn-iconnav i svg{width:30px!important;height:30px!important}
.nn-home .nn-iconnav strong{font-size:17px!important;line-height:1.05!important;color:#071a34!important;margin-bottom:7px!important}
.nn-home .nn-iconnav a>span:last-child{font-size:9px!important;line-height:1.42!important;color:#738198!important;max-width:170px;margin:auto}
.nn-home .nn-iconnav a:after{
content:'→';display:grid;place-items:center;
width:24px;height:24px;border-radius:50%;
background:var(--nn-blue);color:#fff;font-size:13px;font-weight:900;
margin:10px auto -2px;
} .nn-home .nn-inspirations{gap:18px!important}
.nn-home .nn-inspiration{
min-height:340px!important;
border-radius:12px!important;
overflow:hidden;
background-color:#0f3e91!important;
background-position:center!important;
box-shadow:0 12px 30px rgba(16,45,87,.10);
border:1px solid #e6ebf4;
transition:.22s ease;
}
.nn-home .nn-inspiration:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,45,87,.15)}
.nn-home .nn-inspiration:not([style]){
background-image:
radial-gradient(circle at 75% 15%,rgba(46,215,255,.22),transparent 30%),
linear-gradient(135deg,#123d87,#3268ff 58%,#213c7b)!important;
}
.nn-home .nn-inspiration:nth-child(2):not([style]){background-image:radial-gradient(circle at 60% 30%,rgba(67,214,255,.27),transparent 28%),linear-gradient(135deg,#071a34,#154fae 65%,#2f6eff)!important}
.nn-home .nn-inspiration:nth-child(3):not([style]){background-image:radial-gradient(circle at 70% 25%,rgba(111,83,255,.32),transparent 30%),linear-gradient(135deg,#13254b,#2d5dcc 64%,#6a46f5)!important}
.nn-home .nn-inspiration:nth-child(4):not([style]){background-image:radial-gradient(circle at 55% 20%,rgba(52,217,255,.22),transparent 30%),linear-gradient(135deg,#0d1830,#284f9b 64%,#112143)!important}
.nn-home .nn-inspiration:before{
content:'';position:absolute;inset:0;
background:linear-gradient(180deg,transparent 26%,rgba(5,14,29,.08) 45%,rgba(5,14,29,.92) 100%);
z-index:0;
}
.nn-home .nn-inspiration>div{position:absolute!important;left:0;right:0;bottom:0!important;min-height:auto!important;padding:22px 20px 20px!important;background:transparent!important;z-index:1}
.nn-home .nn-inspiration h3{font-size:19px!important;color:#fff!important;line-height:1.04!important;margin-bottom:7px!important}
.nn-home .nn-inspiration p{font-size:10px!important;line-height:1.45!important;color:#dbe5f5!important;margin-bottom:12px!important}
.nn-home .nn-inspiration b{color:#4edcff!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important} .nn-home .nn-transform-section{grid-template-columns:260px 1fr!important;gap:36px!important;padding-top:72px!important}
.nn-home .nn-transform-section>.nn-head{display:block!important;padding-top:8px}
.nn-home .nn-transform-section>.nn-head h2{font-size:48px!important;line-height:.94!important;max-width:240px!important}
.nn-home .nn-note{font-size:11px!important;line-height:1.55!important;color:#718096!important;max-width:220px!important;margin-top:16px!important;display:block!important}
.nn-home .nn-transform-section>.nn-head:after{
content:'Des contenus concrets pour le monde d’aujourd’hui ↗'!important;
display:block!important;
margin-top:34px!important;
color:#356bff!important;
font-family:"Segoe Print","Bradley Hand",cursive!important;
font-size:17px!important;
line-height:1.08!important;
transform:rotate(-4deg)!important;
width:185px!important;height:auto!important;background:none!important;
}
.nn-home .nn-transform{gap:14px!important}
.nn-home .nn-room{
min-height:190px!important;
border-radius:11px!important;
overflow:hidden;
background-color:#173f86!important;
box-shadow:0 10px 24px rgba(10,35,72,.10);
border:1px solid #e1e7f0;
}
.nn-home .nn-room:not([style]){background-image:radial-gradient(circle at 75% 25%,rgba(42,210,255,.25),transparent 32%),linear-gradient(135deg,#112c61,#2457b1 60%,#0c2147)!important}
.nn-home .nn-room:nth-child(2):not([style]),.nn-home .nn-room:nth-child(5):not([style]){background-image:radial-gradient(circle at 70% 25%,rgba(120,91,255,.28),transparent 32%),linear-gradient(135deg,#151b3f,#334fa5 60%,#6b48ef)!important}
.nn-home .nn-room:nth-child(6):not([style]){background-image:radial-gradient(circle at 70% 25%,rgba(41,211,255,.16),transparent 32%),linear-gradient(135deg,#0f274c,#194e79 58%,#183a60)!important}
.nn-home .nn-room:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,13,28,.86));z-index:0}
.nn-home .nn-room>div{z-index:1!important;padding:14px 16px!important}
.nn-home .nn-room h3{color:#fff!important;font-size:16px!important}
.nn-home .nn-room p{color:#cdd9ed!important;font-size:9px!important;opacity:0;max-height:0;transition:.2s ease}
.nn-home .nn-room:hover p{opacity:1;max-height:50px;margin-top:5px!important}
.nn-home .nn-room:after{content:'→';position:absolute;right:13px;bottom:13px;z-index:2;width:27px;height:27px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px} .nn-home .nn-project{
width:min(calc(100% - 64px),1390px)!important;
margin:64px auto 0!important;
border-radius:14px!important;
overflow:hidden;
background:#071a34!important;
background-image:radial-gradient(circle at 82% 8%,rgba(88,84,255,.38),transparent 27%),linear-gradient(120deg,#06172f,#0b2551 66%,#16295f)!important;
box-shadow:0 16px 40px rgba(7,26,52,.16);
}
.nn-home .nn-project>.nn-wrap{width:calc(100% - 56px)!important;padding:31px 0 23px!important}
.nn-home .nn-project-top h2{font-size:38px!important;color:#fff!important;line-height:.95!important;margin:8px 0 8px!important}
.nn-home .nn-project-top p{font-size:10px!important;color:#cad7eb!important;max-width:740px!important}
.nn-home .nn-project-top>div>span{color:#48d7ff!important}
.nn-home .nn-project-steps{margin-top:24px!important;padding-top:19px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.nn-home .nn-project-steps i{color:#1668ff!important;width:32px!important;height:32px!important;flex-basis:32px!important}
.nn-home .nn-project-steps strong{font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;font-weight:800!important;color:#fff!important}
.nn-home .nn-project-steps small{font-size:8px!important;color:#c3d1e5!important} .nn-home .nn-practical-section{padding-top:42px!important}
.nn-home .nn-practical{
border:1px solid #e8edf5!important;
border-radius:12px!important;
overflow:hidden!important;
box-shadow:0 10px 30px rgba(20,44,84,.06);
}
.nn-home .nn-practical a{min-height:112px!important;background:#fff!important}
.nn-home .nn-practical a:hover{background:#f6f9ff!important}
.nn-home .nn-practical i{width:34px!important;height:34px!important;color:#1668ff!important}
.nn-home .nn-practical h3{font-size:14px!important;color:#071a34!important}
.nn-home .nn-practical p{font-size:8px!important;color:#8491a5!important} .nn-home .nn-editorial{gap:18px!important;padding-top:34px!important}
.nn-home .nn-edit{
min-height:265px!important;
grid-template-columns:40% 60%!important;
border-radius:13px!important;
border:0!important;
box-shadow:0 14px 34px rgba(9,35,74,.12);
background-size:40% 100%!important;
}
.nn-home .nn-edit-media{min-height:265px!important;background:linear-gradient(135deg,rgba(15,55,118,.82),rgba(11,31,64,.24))!important}
.nn-home .nn-edit-copy{padding:34px 30px!important;background:linear-gradient(135deg,#0d326d,#185dba)!important}
.nn-home .nn-edit-2 .nn-edit-media{background:linear-gradient(135deg,rgba(35,27,91,.76),rgba(75,50,180,.22))!important}
.nn-home .nn-edit-2 .nn-edit-copy{background:linear-gradient(135deg,#342278,#6b45f1)!important}
.nn-home .nn-edit span{color:#61ddff!important;font-size:9px!important}
.nn-home .nn-edit h2{font-size:30px!important;color:#fff!important;line-height:.98!important;margin-bottom:10px!important}
.nn-home .nn-edit p{font-size:10px!important;line-height:1.5!important;color:#e8eef9!important}
.nn-home .nn-edit b{border-radius:4px!important;color:#1354b8!important;padding:11px 13px!important}
.nn-home .nn-edit-2 b{color:#5e3ed5!important} .nn-home .nn-architect{
border:1px solid #e7edf6!important;
border-radius:12px!important;
margin-top:22px!important;
padding:14px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(20,44,84,.05);
}
.nn-home .nn-architect-img{border-radius:8px!important;background-color:#eaf0f9!important}
.nn-home .nn-architect h2{font-size:22px!important}
.nn-home .nn-architect p{font-size:9px!important;color:#75839a!important}
.nn-home .nn-architect>a{border:1px solid #dfe8f7!important;border-radius:5px!important;color:#1668ff!important;background:#f8fbff!important;font-weight:900!important} .nn-home .nn-latest{gap:18px!important}
.nn-home .nn-latest article{
border:1px solid #e7edf6!important;
border-radius:11px!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:0 10px 28px rgba(20,44,84,.07);
}
.nn-home .nn-latest img,.nn-home .nn-latest-placeholder{aspect-ratio:1.75!important}
.nn-home .nn-latest-placeholder{background:linear-gradient(135deg,#0e2d60,#2a69da)!important}
.nn-home .nn-latest-copy{padding:13px 14px 16px!important}
.nn-home .nn-latest time{font-size:8px!important;color:#8a97aa!important}
.nn-home .nn-latest h3{font-size:15px!important;color:#071a34!important;line-height:1.08!important} .nn-home .nn-cta{
min-height:245px!important;
margin-top:48px!important;
margin-bottom:44px!important;
border-radius:14px!important;
background-color:#0a2a5e!important;
background-image:var(--nn-overlay),var(--nn-image)!important;
box-shadow:0 16px 38px rgba(7,26,52,.14);
}
.nn-home .nn-cta:not([style]){
background-image:radial-gradient(circle at 16% 50%,rgba(40,178,255,.23),transparent 27%),linear-gradient(115deg,#09275a,#0a3473 53%,#071b3b)!important;
}
.nn-home .nn-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,72,.08),rgba(8,31,72,.24));pointer-events:none}
.nn-home .nn-cta-panel{
width:63%!important;
min-height:168px!important;
margin-right:18px!important;
border-radius:11px!important;
grid-template-columns:minmax(0,1fr) 160px!important;
background:rgba(255,255,255,.97)!important;
box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.nn-home .nn-cta h2{font-size:33px!important;color:#071a34!important}
.nn-home .nn-cta p{font-size:10px!important;color:#6b7890!important}
.nn-home .nn-cta-scribble{color:#6558f5!important;font-size:22px!important}
.nn-home .nn-cta-scribble:after{color:#071a34!important}
@media(max-width:920px){
.nn-home .nn-wrap{width:min(calc(100% - 36px),1320px)}
.nn-home .nn-hero,.nn-home .nn-hero-copy{min-height:570px!important}
.nn-home .nn-hero h1{font-size:58px!important}
.nn-home .nn-hero-scribble{right:8%!important}
.nn-home .nn-iconnav{margin-top:-36px!important;grid-template-columns:repeat(2,1fr)!important}
.nn-home .nn-transform-section{grid-template-columns:1fr!important}
.nn-home .nn-transform-section>.nn-head h2{max-width:none!important}
.nn-home .nn-transform-section>.nn-head:after{display:none!important}
.nn-home .nn-cta-panel{width:78%!important}
}
@media(max-width:640px){
.nn-home .nn-wrap{width:min(calc(100% - 24px),1320px)}
.nn-home .nn-section{padding-top:44px!important}
.nn-home .nn-head h2{font-size:36px!important}
.nn-home .nn-hero,.nn-home .nn-hero-copy{min-height:610px!important}
.nn-home .nn-hero-copy{padding:48px 0 54px!important}
.nn-home .nn-hero h1{font-size:49px!important;max-width:360px!important}
.nn-home .nn-hero p{font-size:13px!important;max-width:360px!important}
.nn-home .nn-hero:after{display:none!important}
.nn-home .nn-hero-scribble{display:none!important}
.nn-home .nn-iconnav{grid-template-columns:1fr!important;margin-top:-28px!important;gap:10px!important}
.nn-home .nn-iconnav a:last-child{grid-column:auto!important}
.nn-home .nn-iconnav a{min-height:150px!important}
.nn-home .nn-inspiration{min-height:300px!important}
.nn-home .nn-transform{grid-template-columns:1fr!important}
.nn-home .nn-room{min-height:210px!important}
.nn-home .nn-project{width:calc(100% - 24px)!important;margin-top:44px!important}
.nn-home .nn-project>.nn-wrap{width:calc(100% - 28px)!important}
.nn-home .nn-editorial{grid-template-columns:1fr!important}
.nn-home .nn-edit{grid-template-columns:1fr!important}
.nn-home .nn-edit-media{min-height:155px!important}
.nn-home .nn-cta{min-height:380px!important}
.nn-home .nn-cta-panel{width:100%!important;margin:0!important;grid-template-columns:1fr!important}
} .nn-home .nn-hero h1{color:#fff!important;text-shadow:0 3px 22px rgba(0,10,30,.24)!important}
.nn-home .nn-hero p{color:#e6efff!important;text-shadow:0 2px 14px rgba(0,10,30,.18)!important}
.nn-home .nn-hero-copy>span{color:#55ddff!important}
.nn-home .nn-hero .secondary{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(9,27,58,.24)!important;backdrop-filter:blur(4px)}
.nn-home .nn-hero-benefits span{color:#edf5ff!important}
.nn-home .nn-hero-benefits>div{border-color:rgba(255,255,255,.16)!important}
@media(max-width:800px){.nn-home .nn-hero{background-position:68% center!important}.nn-home .nn-hero-copy{background:linear-gradient(90deg,rgba(4,18,42,.86),rgba(4,18,42,.36) 72%,transparent)!important}}