/* NOCTRA STUDIO / EDITION 09 — Editorial dark identity, industry design lab */
:root{--n9-ink:#eee9e1;--n9-warm:#d2c6b6;--n9-muted:#a09c9e;--n9-night:#0a0a0c;--n9-paper:#eeece7;--n9-rule:rgba(240,235,227,.19);--n9-ease:cubic-bezier(.21,.8,.28,1)}
html{scroll-padding-top:92px}body{background:#0b0b0e}body,.btn,.filter-button{font-feature-settings:'kern' 1}
.site-header{background:linear-gradient(#0a0a0c69,transparent);border-bottom:1px solid rgba(248,242,234,.13)}
.site-header.fixed{background:rgba(9,9,11,.95)}.site-header .brand-mark{filter:drop-shadow(0 0 12px rgba(246,240,229,.2))}
.desktop-nav a{letter-spacing:.16em;font-size:10px}.desktop-nav a:hover{color:white}
.site-footer{background:#09090b}.site-footer .footer-top{border-bottom:0}.site-footer .footer-brand img:first-child{filter:drop-shadow(0 0 18px #ffffff25)}
.n9-kicker,.n9-cap{font:600 10px/1.7 'DM Sans',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.n9-kicker{color:#c5b9ae}.n9-cap{color:#b7b0ac}.n9-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;padding:20px 27px;min-height:62px;font:700 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;border:1px solid transparent;transition:transform .32s var(--n9-ease),background .2s,color .2s}
.n9-btn:hover{transform:translateY(-4px)}.n9-btn span{font-size:22px;line-height:1}.n9-btn-light{background:#f1eee7;color:#141417}.n9-btn-light:hover{background:#d4c7b6}.n9-btn-dark{background:#161619;color:#f7f3ec}.n9-btn-dark:hover{background:#343235}
.n9-link{font:700 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid rgba(238,233,225,.6);padding:12px 0 9px;display:inline-flex;align-items:center;gap:15px}
.n9-link:hover{color:#d5c2ae}
/* 01 / Cinematic and brand-specific hero; no orbit, bubbles or geometry */
.n9-hero{min-height:850px;height:min(990px,100svh);background:linear-gradient(103deg,#080809 5%,#0c0c10 51%,#242126 133%);position:relative;overflow:hidden;isolation:isolate}
.n9-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.032) calc(25% - 1px) 25%);pointer-events:none;z-index:-2}
.n9-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 21%,transparent 75%,rgba(0,0,0,.15)),linear-gradient(90deg,#09090ba9 0%,transparent 77%);z-index:-1;pointer-events:none}
.n9-hero-image{position:absolute;width:min(55vw,850px);height:90%;right:0;top:1%;display:grid;place-items:center;pointer-events:none;z-index:-1;animation:n9Sigil 11s ease-in-out infinite}
.n9-hero-image img{width:min(38vw,550px);height:min(40vw,600px);object-fit:contain;opacity:.27;filter:drop-shadow(0 0 75px rgba(230,222,210,.15))}
.n9-hero-light{position:absolute;top:-12%;right:18%;height:115%;width:15%;transform:skewX(-28deg) translateX(-500%);background:linear-gradient(90deg,transparent,rgba(241,226,211,.065),transparent);filter:blur(30px);animation:n9Light 15s ease-in-out 2s infinite;pointer-events:none}
@keyframes n9Sigil{0%,100%{transform:translateY(0);opacity:.86}50%{transform:translateY(-15px);opacity:1}}
@keyframes n9Light{0%,18%{transform:skewX(-28deg) translateX(-500%);opacity:0}28%{opacity:.7}53%{transform:skewX(-28deg) translateX(340%);opacity:.5}62%,100%{opacity:0;transform:skewX(-28deg) translateX(340%)}}
.n9-hero-wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:132px;padding-bottom:40px;position:relative}
.n9-hero-top,.n9-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.n9-hero-top{border-top:1px solid var(--n9-rule);padding-top:22px}.n9-hero-content{padding:45px 0 30px;max-width:1050px;position:relative;z-index:2}
.n9-hero .n9-line{display:block;margin-bottom:23px;color:#d7cbbd}
.n9-hero h1{font-size:clamp(80px,11.4vw,180px);font-weight:450;letter-spacing:-.105em;line-height:.9;margin:0 0 37px;max-width:1160px}
.n9-hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.05em;font-weight:400;letter-spacing:-.04em;color:#dfd4c7}
.n9-hero-content>p{font-size:clamp(16px,1.5vw,20px);line-height:1.78;max-width:650px;color:#b9b3b4;margin:0 0 35px}
.n9-hero-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.n9-hero-foot{padding-top:21px;border-top:1px solid var(--n9-rule)}.n9-scrollcue{font:500 10px Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#a9a3a1;display:flex;gap:22px}.n9-scrollcue span{font-size:18px}
/* 02 / White editorial statement */
.n9-statement{background:var(--n9-paper);color:#1b1b1d;padding:125px 0 155px}
.n9-statement .n9-kicker{color:#8a7870}.n9-statement-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-top:45px}
.n9-statement h2{font-size:clamp(70px,8.4vw,140px);line-height:.92;font-weight:450;letter-spacing:-.1em;margin:0}.n9-statement h2 em,.n9-showcase h2 em,.n9-workwith h2 em,.n9-case-head h1 em,.n9-demo-live h2 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.03em;font-weight:400;color:#b3a599;letter-spacing:-.06em}
.n9-statement-text p{font-size:clamp(18px,2.05vw,26px);line-height:1.55;letter-spacing:-.032em;color:#514d4b;margin:0 0 40px}.n9-underlink{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #302b28;padding-bottom:10px}
/* 03 / Photo-led demonstrator portfolio */
.n9-showcase{padding:135px 0 155px;background:#131316;color:#f3f0ea}
.n9-showcase-head{display:grid;grid-template-columns:1.1fr .65fr;align-items:end;gap:8vw;margin-bottom:70px}
.n9-showcase h2{font-size:clamp(66px,8vw,130px);line-height:.96;font-weight:400;letter-spacing:-.09em;margin:30px 0 0}
.n9-showcase-side p{font-size:16px;line-height:1.85;color:#b7b0ae;margin:0 0 25px}.n9-disclosure{font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#cab4a1;text-transform:uppercase;border-bottom:1px solid #8e7d73;padding-bottom:12px}
.n9-home-grid,.n9-portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:35px 25px;align-items:start}
.n9-demo-item{min-width:0;display:block;color:inherit;position:relative;text-decoration:none}
.n9-home-grid .n9-demo-item:nth-child(1){grid-column:span 7}.n9-home-grid .n9-demo-item:nth-child(2){grid-column:span 5;padding-top:80px}.n9-home-grid .n9-demo-item:nth-child(3){grid-column:span 8;padding-top:20px}
.n9-portfolio-grid .n9-demo-item:nth-child(1){grid-column:span 7}.n9-portfolio-grid .n9-demo-item:nth-child(2){grid-column:span 5;padding-top:90px}.n9-portfolio-grid .n9-demo-item:nth-child(3){grid-column:span 5}.n9-portfolio-grid .n9-demo-item:nth-child(4){grid-column:span 7;padding-top:85px}.n9-portfolio-grid .n9-demo-item:nth-child(5){grid-column:span 9;margin-left:12.5%;padding-top:30px}
.n9-demo-photo{width:100%;height:clamp(290px,37vw,590px);overflow:hidden;position:relative;background:#393234}
.n9-demo-photo img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--n9-ease),filter .4s;filter:saturate(.77) contrast(1.03)}
.n9-demo-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 42%),linear-gradient(90deg,#0002,transparent);pointer-events:none;z-index:3}
.n9-demo-item:hover .n9-demo-photo img{transform:scale(1.045);filter:saturate(1) contrast(1.04)}
.n9-demo-auto .n9-demo-photo{background:#21191d}.n9-demo-building .n9-demo-photo{background:#334750}.n9-demo-beauty .n9-demo-photo{background:#d8babb}.n9-demo-architecture .n9-demo-photo{background:#c4bcb0}.n9-demo-hospitality .n9-demo-photo{background:#203830}
.n9-overlay-type{position:absolute;z-index:4;left:27px;top:24px;color:white;font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 6px #000}
.n9-demo-arrow{position:absolute;z-index:4;bottom:24px;right:27px;color:#fff;font-size:35px;line-height:1;transition:transform .3s}
.n9-demo-item:hover .n9-demo-arrow{transform:translate(5px,-5px)}
.n9-poster-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;z-index:1;text-align:center;padding:25px;text-transform:uppercase;letter-spacing:.14em}
.n9-poster-fallback span{font-size:12px;letter-spacing:.3em}.n9-poster-fallback strong{font-size:clamp(30px,4vw,70px);line-height:1;letter-spacing:-.05em}
.n9-demo-info{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(240,235,227,.26);padding-top:19px;margin-top:20px}
.n9-demo-info h3{font-size:clamp(27px,3vw,44px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:12px 0 10px}
.n9-demo-info p{font-size:13px;color:#b7b0ae;line-height:1.7;max-width:490px;margin:0}
.n9-demo-info .n9-cap{font-size:9px;color:#d5c3b1}
.n9-demo-status{align-self:flex-start;max-width:135px;font:700 9px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.1em;color:#aca6a4;text-transform:uppercase;text-align:right;flex-shrink:0}
.n9-section-end{border-top:1px solid var(--n9-rule);padding-top:37px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:70px}
/* 04 / Principles */
.n9-workwith{padding:145px 0 155px;background:#0b0b0d;color:#f2eee7}
.n9-workwith-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:11vw;margin-top:60px;align-items:start}
.n9-workwith h2{font-size:clamp(72px,8vw,134px);line-height:.97;font-weight:400;letter-spacing:-.09em;margin:0;position:sticky;top:145px}
.n9-principles>div{border-top:1px solid var(--n9-rule);padding:33px 0 47px;position:relative}.n9-principles>div:last-child{border-bottom:1px solid var(--n9-rule)}
.n9-principles span{font:600 11px 'DM Sans',sans-serif;color:#b7a99a;letter-spacing:.18em}.n9-principles h3{font-size:clamp(24px,2.5vw,37px);letter-spacing:-.055em;font-weight:500;margin:17px 0}.n9-principles p{font-size:16px;color:#aaa5a3;line-height:1.8;max-width:540px}
/* Final call to action */
.n9-final{padding:120px 0 130px;background:linear-gradient(115deg,#252228,#151416 58%,#0e0d0f);color:#f4eee6}
.n9-final-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-top:46px}
.n9-final h2{font-size:clamp(74px,9vw,152px);line-height:.94;font-weight:400;letter-spacing:-.09em;margin:0}
.n9-final p{font-size:19px;line-height:1.75;color:#c5bdba;margin-bottom:35px}
.n9-whatsapp{display:block;margin-top:25px;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
/* Rework older common pages: quiet structure */
.page-hero:before,.end-cta:before{display:none!important}.page-hero{background:linear-gradient(105deg,#0e0d10,#1b191e 110%);min-height:525px}
.page-hero h1{font-weight:400;letter-spacing:-.083em}
.page-hero .lead{color:#b3adab}.page-hero .hero-serial{color:#a49d99}
.service-block{background:#0b0b0d}.service-block:nth-of-type(even){background:#111013}
.service-block-main h2{font-weight:400}.process-teaser{background:#17161a}
.np-card,.price-card{border:1px solid #393537;box-shadow:none}
.np-card:hover{border-color:#7b6e65}
/* Portfolio directory */
.n9-portfolio-hero{padding:205px 0 110px;background:linear-gradient(108deg,#09090c,#1a181c);color:#f3efe9}
.n9-portfolio-hero h1{font-size:clamp(75px,10vw,155px);line-height:.93;letter-spacing:-.09em;font-weight:400;margin:38px 0 63px}
.n9-portfolio-hero h1 em{font-family:'Instrument Serif',Georgia,serif;color:#d9cec0;font-weight:400;letter-spacing:-.055em}
.n9-portfolio-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:start;border-top:1px solid var(--n9-rule);padding-top:35px}
.n9-portfolio-intro>p{font-size:clamp(17px,2vw,24px);line-height:1.6;color:#bbb4b1;max-width:650px}
.n9-fairnotice{padding-left:24px;border-left:2px solid #c7b4a1;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.8;color:#a9a3a1}
.n9-fairnotice strong{color:#eae0d5;font-size:16px;font-weight:600}
.n9-portfolio-catalog{padding:85px 0 125px;background:#111114;color:#f2eee8}
.n9-filters{display:flex;align-items:center;gap:12px;margin-bottom:65px;flex-wrap:wrap;border-bottom:1px solid var(--n9-rule);padding-bottom:24px}
.n9-filters .filter-button{border:0;padding:10px 16px;color:#b4ada8;background:transparent;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.n9-filters .filter-button:hover,.n9-filters .filter-button.active{background:#eae4db;color:#171519}
.n9-portfolio-end{border-top:1px solid var(--n9-rule);margin-top:100px;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.n9-portfolio-end p{font-size:20px;color:#c0b8b2;max-width:590px;margin:0}
/* Project case studies: informative not fake client references */
.n9-case-head{padding:175px 0 85px;background:#0d0c10}
.n9-back{display:inline-block;font:700 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b8aca4;border-bottom:1px solid #9c8e80;padding-bottom:9px;margin-bottom:80px}
.n9-case-head h1{font-weight:400;font-size:clamp(65px,8.4vw,132px);line-height:.94;letter-spacing:-.085em;margin:35px 0 60px}
.n9-case-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--n9-rule);padding-top:25px;text-transform:uppercase;font:700 11px 'DM Sans',sans-serif;letter-spacing:.12em;color:#c2bab2}
.n9-case-meta strong{color:#d0af98;font-size:10px}
.n9-case-visual{height:min(65vw,760px);min-height:370px;position:relative;overflow:hidden;background:#211f23}
.n9-case-visual>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8)}
.n9-case-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050505d6,transparent 67%)}
.n9-case-overlay{position:absolute;z-index:2;bottom:7%;left:max(5%,calc((100vw - 1360px)/2));right:5%;color:white}
.n9-case-overlay>span{font:700 11px Arial,sans-serif;letter-spacing:.2em}
.n9-case-overlay h2{font-size:clamp(50px,8vw,120px);line-height:.9;margin:21px 0 0;letter-spacing:-.07em;font-weight:400}
.n9-case-story{background:#eeece7;color:#151517;padding:125px 0 135px}
.n9-case-columns{display:grid;grid-template-columns:.35fr 1fr;gap:11vw}
.n9-case-columns .n9-kicker{color:#847970}
.n9-case-story h2{font-size:clamp(51px,5.5vw,92px);line-height:1;letter-spacing:-.075em;font-weight:400;margin:0 0 43px}
.n9-case-story p{font-size:18px;line-height:1.85;max-width:750px;color:#55514d}
/* Editorial project facts — designed as a quiet specification line, not chips */
.n9-case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.7vw,36px);border-top:1px solid #c8c0b6;margin:47px 0 0;padding:23px 0 0;max-width:790px}
.n9-case-fact{min-width:0}
.n9-case-fact dt{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-size:10px;letter-spacing:.15em;line-height:1.4;color:#8b8177;margin:0 0 11px;text-transform:uppercase}
.n9-case-fact dd{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.015em;line-height:1.5;color:#282625;margin:0;overflow-wrap:break-word}
@media(max-width:600px){.n9-case-facts{grid-template-columns:1fr;gap:0;margin-top:33px;padding:8px 0 0}.n9-case-fact{display:grid;grid-template-columns:minmax(100px,.85fr) minmax(0,1.25fr);align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid #d8d1c8}.n9-case-fact:last-child{border-bottom:0}.n9-case-fact dt{font-size:9px;margin:0;letter-spacing:.1em}.n9-case-fact dd{font-size:13px}}

.n9-demo-live{padding:135px 0 170px;background:#121114}
.n9-demo-live h2{font-size:clamp(58px,7vw,115px);line-height:.98;font-weight:400;letter-spacing:-.085em;margin:40px 0 28px}
.n9-demo-live p{font-size:17px;line-height:1.8;color:#ada7a5;max-width:700px}
.n9-live-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin:40px 0 60px}
.n9-demo-browser{border:1px solid #5a5459;box-shadow:0 45px 100px #0006;background:#18171a}
.n9-browser-bar{height:45px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;font:600 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9f9996;background:#242227}
.n9-demo-browser iframe{height:580px;width:100%;border:0;background:#141316;display:block}
/* Focus & responsive */
.n9-demo-item:focus-visible,.n9-btn:focus-visible,.n9-underlink:focus-visible{outline:2px solid #d4c7b6;outline-offset:6px}
@media(min-width:1001px){.desktop-nav{gap:clamp(12px,2vw,36px)}.nav-row{gap:16px}}
@media(max-width:1180px){.n9-hero{min-height:800px}.n9-hero h1{font-size:clamp(75px,11vw,137px)}.n9-demo-status{max-width:100px}.n9-showcase-side p{font-size:15px}}
@media(max-width:850px){.n9-statement-grid,.n9-showcase-head,.n9-workwith-layout,.n9-final-grid,.n9-portfolio-intro,.n9-case-columns{grid-template-columns:1fr;gap:35px}.n9-statement,.n9-showcase,.n9-workwith,.n9-final{padding:90px 0}.n9-statement h2{font-size:clamp(63px,11vw,100px)}.n9-showcase h2,.n9-workwith h2{font-size:clamp(61px,11vw,100px)}.n9-workwith h2{position:static}.n9-showcase-head{margin-bottom:45px}.n9-demo-status{display:none}.n9-demo-info{min-height:115px}.n9-portfolio-hero{padding:155px 0 80px}.n9-case-head{padding:150px 0 65px}.n9-back{margin-bottom:55px}.n9-case-story,.n9-demo-live{padding:85px 0}.n9-portfolio-end{flex-direction:column;align-items:flex-start}.n9-demo-browser iframe{height:470px}}
@media(max-width:760px){.n9-hero{min-height:760px;height:auto;max-height:none}.n9-hero-wrap{padding-top:120px;padding-bottom:25px;min-height:760px}.n9-hero-content{padding:62px 0 70px}.n9-hero h1{font-size:clamp(65px,14vw,110px);margin-bottom:29px}.n9-hero-image{right:-25%;width:100%;height:75%;top:7%}.n9-hero-image img{width:70%;height:70%;opacity:.14}.n9-hero-top .n9-cap{font-size:9px}.n9-hero-content>p{font-size:15px;max-width:470px}.n9-hero-actions{gap:23px}.n9-hero-foot .n9-cap{font-size:9px}.n9-home-grid .n9-demo-item,.n9-home-grid .n9-demo-item:nth-child(2),.n9-home-grid .n9-demo-item:nth-child(3),.n9-portfolio-grid .n9-demo-item,.n9-portfolio-grid .n9-demo-item:nth-child(1),.n9-portfolio-grid .n9-demo-item:nth-child(2),.n9-portfolio-grid .n9-demo-item:nth-child(3),.n9-portfolio-grid .n9-demo-item:nth-child(4),.n9-portfolio-grid .n9-demo-item:nth-child(5){grid-column:span 12;padding-top:0;margin-left:0}.n9-home-grid,.n9-portfolio-grid{gap:55px}.n9-demo-photo{height:clamp(320px,76vw,520px)}.n9-demo-info h3{font-size:33px}.n9-section-end{align-items:flex-start;flex-direction:column}.n9-statement h2{font-size:clamp(61px,13vw,97px)}.n9-portfolio-hero h1{font-size:clamp(63px,13vw,98px)}.n9-case-head h1{font-size:clamp(57px,12vw,93px)}.n9-case-visual{height:440px}.n9-case-overlay h2{font-size:clamp(48px,13vw,91px)}.n9-browser-bar{font-size:9px}.n9-browser-bar span:last-child{display:none}.n9-demo-browser iframe{height:430px}.n9-final h2{font-size:clamp(64px,13vw,105px)}}
@media(max-width:460px){.n9-hero{min-height:730px}.n9-hero-wrap{min-height:730px}.n9-hero h1{font-size:clamp(59px,13.5vw,79px)}.n9-hero-top{gap:10px}.n9-hero-top .n9-cap{font-size:8px;letter-spacing:.1em}.n9-hero-foot .n9-cap{font-size:8px;letter-spacing:.1em}.n9-scrollcue{font-size:8px}.n9-hero-actions .n9-btn{max-width:100%}.n9-statement h2,.n9-showcase h2,.n9-workwith h2,.n9-final h2{font-size:clamp(52px,12vw,78px)}.n9-portfolio-hero h1,.n9-demo-live h2,.n9-case-story h2{font-size:clamp(49px,11vw,70px)}.n9-demo-photo{height:310px}.n9-demo-info{display:block}.n9-demo-info h3{font-size:32px}.n9-btn{gap:25px;padding:16px 18px;white-space:normal}.n9-portfolio-filters .filter-button{padding:9px 11px}.n9-portfolio-end p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.n9-hero-image,.n9-hero-light{animation:none!important}.n9-demo-photo img{transition:none!important}.n9-btn{transition:none!important}}
/* 320–760px: keep the twelve-column desktop system from creating implicit tracks */
@media(max-width:760px){
.n9-home-grid,.n9-portfolio-grid{display:flex;flex-direction:column;width:100%;gap:58px}
.n9-home-grid .n9-demo-item,.n9-portfolio-grid .n9-demo-item{display:block;width:100%!important;max-width:100%;min-width:0;margin-left:0!important;padding-top:0!important;grid-column:auto!important;flex:0 0 auto}
.n9-demo-photo{max-width:100%;overflow:hidden}.n9-demo-photo img{max-width:100%;width:100%}
.n9-demo-info h3{overflow-wrap:anywhere}
.n9-case-head h1{overflow-wrap:anywhere}
.n9-case-head h1 em{font-size:.88em}
}


/* NOCTRA V9.4 — transparent VAT-inclusive pricing, editorial styling */
.np-price .np-vat{flex:0 0 100%;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#aaa09c;margin-top:3px;line-height:1.5}
.np-card.np-featured .np-price .np-vat{color:#5c554f}
.price-card .price-main .care-vat{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#aaa09c;margin:8px 0 0}
.price-card.emphasis .price-main .care-vat{color:#5c554f}
.quote-vat-context{font-size:12px;line-height:1.75;color:#b5aba4;margin:12px 0 0;max-width:39rem}
@media(max-width:400px){.np-price .np-amount{font-size:clamp(37px,10.7vw,45px)}}