/* NORKET presentation layer. Demo websites retain their own visual identity. */
:root{--paper:#f6f5f0;--ink:#202d29;--lime:#dcf3a0;--muted:#69726f}
html{scroll-padding-top:100px}body{line-height:1.65}.container{width:min(100% - 80px,1360px)}h1,h2,h3{letter-spacing:-.035em}.header{background:rgba(246,245,240,.97)}.nav{height:84px}.logo-mark{background:#202d29;color:#fff;width:38px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;padding-right:4px}.logo-name{letter-spacing:-.03em}.logo-name small{font-size:.6rem}.desktop-nav{gap:24px}.desktop-nav a{font-size:.8rem}.button{border-radius:7px;padding:15px 21px}.nav-action{font-size:.78rem}.section{padding:96px 0}.section-heading h2{font-size:clamp(2.2rem,3.7vw,3.7rem);line-height:1.22;max-width:830px}.section-heading>p:last-child:not(.eyebrow){max-width:680px;line-height:1.75;font-size:.98rem}.eyebrow{letter-spacing:.09em;line-height:1.7;font-size:.66rem}.side-note{letter-spacing:.1em}.studio-hero{background:#202f29;color:#fffdf4;overflow:hidden;position:relative}.studio-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:48px;align-items:center;min-height:680px;padding-block:70px}.studio-hero-copy{padding-block:10px}.studio-hero .eyebrow{color:#c4d5c8}.studio-hero .dot{background:#d7ee9b}.studio-hero h1{font-size:clamp(2.8rem,4.35vw,4.65rem);line-height:1.23;margin:26px 0 24px;font-weight:700;letter-spacing:-.035em}.studio-hero h1 em{color:#d7ee9b}.studio-intro{font-size:1rem;color:#c2cfc6;max-width:545px;line-height:1.8}.studio-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.studio-text-link{color:#ecf0e8;font-size:.82rem;border-bottom:1px solid #7f9285;padding:8px 0}.studio-points{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:36px;max-width:510px;color:#bdcfc3;font-size:.69rem}.studio-points span:before{content:'✓';color:#d7ee9b;margin-right:7px}.hero-workspace{position:relative;height:475px;min-width:0}.workspace-label{font-size:.58rem;color:#afc3b7;letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin-bottom:21px}.workspace-live{width:6px;height:6px;border-radius:50%;background:#d7ee9b}.hero-screen-primary{display:block;position:absolute;top:42px;right:0;left:5%;transform:rotate(3deg);transition:transform .35s}.hero-screen-primary:hover{transform:rotate(0)}.hero-screen-secondary{position:absolute;left:-15px;bottom:60px;width:58%;transform:rotate(-6deg);box-shadow:0 22px 50px #0005;transition:transform .35s}.hero-screen-secondary:hover{transform:rotate(-2deg)}.hero-screen-secondary .screen-chrome{height:22px;font-size:6px}.workspace-caption{position:absolute;bottom:0;right:0;display:flex;gap:14px;align-items:center;color:#c6d4ca}.workspace-caption strong{font-size:2.5rem;font-weight:500;color:#e3eddd;line-height:1}.workspace-caption span{font-size:.65rem;line-height:1.6}.workspace-caption a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #78917d;margin-left:10px}.studio-strip{border-bottom:1px solid #d5dcd0;background:#e8edde;padding:19px 0}.studio-strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.76rem;color:#596854}.studio-strip i{font-style:normal;margin-inline:13px;color:#819970}.studio-strip b{font-size:1.3rem;margin-left:10px}.work-section{background:#f6f5f0}.work-section .section-header-row{align-items:center;margin-bottom:32px}.work-section .side-note{display:none}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;border-bottom:1px solid #dce0d7;padding-bottom:22px}.gallery-filters{display:flex;gap:7px;flex-wrap:wrap}.gallery-filter{border:1px solid #d9ded5;background:transparent;border-radius:7px;padding:11px 15px;font-size:.77rem;font-weight:650;color:#5e6b60;white-space:nowrap;display:flex;gap:11px;align-items:center;transition:background .15s}.gallery-filter span{font-size:.65rem;opacity:.7}.gallery-filter:hover{background:#e6ecdf}.gallery-filter.selected{background:#23352b;color:#fff;border-color:#23352b}.gallery-count{font-size:.74rem;white-space:nowrap;color:#697967}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.project-card{border:1px solid #dde1d6;background:#fffefa;border-radius:12px;overflow:hidden;transition:box-shadow .25s,border-color .25s}.project-card:hover{box-shadow:0 15px 40px #273c2710;border-color:#a5b69a;transform:none}.project-visual-link{position:relative;display:block;padding:30px 30px 0;background:#e5e7dc;overflow:hidden}.project-card.rose .project-visual-link{background:#ecdcd6}.project-card.olive .project-visual-link{background:#d8e5dc}.project-card.sand .project-visual-link{background:#e4ded2}.project-card.lilac .project-visual-link{background:#e0d6e2}.project-card.ink .project-visual-link{background:#cdd7cf}.project-card .site-screen{border-radius:6px 6px 0 0;box-shadow:0 8px 30px #16251c20;transition:transform .3s}.project-visual-link:hover .site-screen{transform:translateY(-5px)}.site-screen{background:#fff;overflow:hidden;border:1px solid #c2c5b955;border-radius:8px;min-width:0;isolation:isolate}.screen-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#fafbf6;color:#7d897d;font-size:.54rem;border-bottom:1px solid #e4e7de;white-space:nowrap;overflow:hidden}.screen-dots{color:#c4ccc0;font-size:7px;letter-spacing:2px}.screen-viewport{aspect-ratio:1200/820;position:relative;overflow:hidden;contain:layout paint;background:#eeeee7}.screen-viewport iframe{position:absolute;left:0;top:0;width:1200px;height:820px;border:0;pointer-events:none;transform-origin:top left;transform:scale(var(--screen-scale,.4));user-select:none}.preview-cue{position:absolute;bottom:16px;right:19px;display:flex;gap:15px;align-items:center;background:#22382f;color:white;padding:9px 15px;border-radius:30px;font-size:.71rem;box-shadow:0 5px 15px #0002}.preview-cue b{font-size:1rem;font-weight:400}.project-description{padding:23px 27px 25px}.project-kicker{display:flex;justify-content:space-between;gap:10px;color:#667460;font-size:.64rem}.project-kicker span:last-child{color:#7c8679}.project-description h3{font-size:1.42rem;margin:14px 0 10px;color:#26382a;line-height:1.35}.project-description>p{font-size:.87rem;color:#697165;max-width:480px;line-height:1.75}.project-features{font-size:.69rem;color:#6d7d63;margin-top:16px}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e3e7dc;padding-top:18px;margin-top:21px;font-size:.77rem;font-weight:700}.project-actions>a:first-child{color:#788371;font-weight:500}.project-actions>a:hover{text-decoration:underline;text-underline-offset:5px}.choose-example span{margin-left:7px}.demo-disclaimer{font-size:.75rem;max-width:850px;color:#77816f}.services-section{border-top:1px solid #dfe3d8;background:#edf0e5}.service-grid{border:0;gap:14px}.service-card{background:#fffdf9;border:1px solid #dbe2d2;border-radius:10px;padding:26px;min-height:310px}.service-card:hover{background:#e5edcf}.service-card h3{font-size:1.25rem;line-height:1.4}.service-card .service-icon{font-size:2.25rem;margin:26px 0;color:#677d4e}.compare-section{background:#fffdfa}.compare-grid h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.3}.price-card{border-radius:10px}.price-card h3{line-height:1.4}.price-card .amount{font-size:2.1rem}.price-card ul{margin-top:12px}.process-section{background:#25372c}.process-grid h3{line-height:1.5;margin-top:25px}.contact-section{background:#e0e9d1}.contact-grid h2{font-size:clamp(2.1rem,3.8vw,3.7rem);line-height:1.3}.contact-form{border-radius:12px;border:1px solid #cdd9bd;box-shadow:0 15px 45px #2846210c}.contact-form input,.contact-form select,.contact-form textarea{border-radius:6px}.chosen-example{background:#eef4dc;padding:14px;border-radius:5px;font-size:.83rem;margin-bottom:18px;color:#3e5d29}.footer{background:#1e2e25}.footer-columns{gap:60px}.preview-dialog{border:1px solid #c8d0c1;border-radius:12px;width:min(1400px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;overflow:hidden;background:#e6e9e1;color:#24352a;box-shadow:0 30px 100px #0004}.preview-dialog[open]{display:flex;flex-direction:column}.preview-dialog::backdrop{background:#17251fbc;backdrop-filter:blur(8px)}.preview-toolbar{flex:none;display:flex;align-items:center;gap:25px;padding:14px 20px;background:#fffdf7;border-bottom:1px solid #d9dfd1}.preview-toolbar small{font-size:.54rem;color:#74826b;letter-spacing:.06em}.preview-toolbar h2{font-size:1rem;line-height:1.4;margin-top:4px;letter-spacing:0}.preview-devices{display:flex;border:1px solid #d2dac9;border-radius:6px;padding:3px;margin-left:auto;gap:3px}.preview-devices button{font-size:.72rem;border:0;background:transparent;border-radius:4px;padding:8px 13px;color:#6b7862}.preview-devices button[aria-pressed=true]{background:#243a2c;color:white}.preview-close{flex:none;width:34px;height:34px;background:#f0f2e9;border:1px solid #d9dfd1;border-radius:50%;font-size:1.5rem;line-height:1;color:#4d5e45}.preview-stage{flex:1;min-height:0;padding:18px;display:flex;justify-content:center;overflow:auto}.preview-stage iframe{width:100%;height:100%;border:1px solid #d1d7c9;background:#fff;border-radius:5px;flex-shrink:0}.preview-stage.mobile iframe{width:min(390px,100%)}.preview-bottom{flex:none;padding:12px 20px;background:#fffdf7;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.77rem}.preview-bottom .button{min-height:42px;padding:11px 18px;font-size:.76rem}.modal-open{overflow:hidden}a:focus-visible,button:focus-visible{outline:3px solid #a6bb74;outline-offset:4px}.site-screen .screen-chrome span:nth-child(2){overflow:hidden;text-overflow:ellipsis}body:has(.studio-hero) .section-heading{max-width:880px}
@media(min-width:1500px){.hero-workspace{height:510px}.studio-hero-grid{min-height:730px}.hero-screen-secondary{bottom:65px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.studio-hero-grid{gap:28px;min-height:600px;padding-block:55px}.hero-workspace{height:380px}.hero-screen-secondary{bottom:75px;width:65%}.studio-hero h1{font-size:3rem}.studio-points{gap:8px 12px;font-size:.62rem}.workspace-caption strong{font-size:2rem}.desktop-nav{gap:15px}.desktop-nav a{font-size:.7rem}.nav{gap:20px}.project-visual-link{padding:20px 20px 0}.project-actions{font-size:.7rem;flex-wrap:wrap}.gallery-filter{font-size:.7rem;padding:10px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.nav{height:68px}.studio-hero-grid{grid-template-columns:1fr;padding-block:43px 32px;gap:40px}.studio-hero h1{font-size:clamp(2.35rem,7.9vw,3.5rem);line-height:1.3;margin:24px 0 21px}.studio-intro{font-size:.94rem}.studio-buttons{gap:22px;margin-top:25px}.studio-buttons .button{font-size:.78rem}.studio-points{font-size:.67rem;margin-top:26px}.hero-workspace{height:420px;max-width:560px;width:100%;margin:auto}.hero-screen-primary{left:8%;right:5px}.hero-screen-secondary{bottom:68px;left:0;width:61%}.workspace-label{font-size:.53rem}.studio-strip{padding:16px 0}.studio-strip .container{font-size:.68rem;flex-wrap:wrap;gap:10px}.studio-strip .container>span:last-child{display:none}.studio-strip i{margin:0 5px}.section{padding:65px 0}.section-heading h2{font-size:2.1rem;line-height:1.3}.section-heading>p:last-child:not(.eyebrow){font-size:.91rem}.gallery-toolbar{display:block;margin-bottom:22px;padding-bottom:17px}.gallery-filters{gap:6px}.gallery-filter{font-size:.69rem;padding:9px 11px;gap:8px}.gallery-count{display:block;font-size:.65rem;margin-top:15px}.project-grid{grid-template-columns:1fr;gap:24px}.project-description{padding:21px}.project-description h3{font-size:1.25rem}.project-actions{font-size:.72rem}.preview-cue{font-size:.65rem;padding:8px 12px}.preview-toolbar{gap:10px;padding:12px}.preview-toolbar h2{font-size:.83rem}.preview-toolbar small{font-size:.48rem}.preview-devices{display:none}.preview-close{margin-left:auto}.preview-stage{padding:8px}.preview-bottom{padding:10px;font-size:.68rem;gap:8px}.preview-bottom .button{font-size:.65rem;padding:11px 10px;white-space:normal}.preview-dialog{height:96dvh;max-height:96dvh}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.contact-grid h2{font-size:2.3rem}.contact-details{margin-top:32px}.footer-columns{gap:35px}.service-hero-image{height:350px}}
@media(max-width:400px){.hero-workspace{height:350px}.hero-screen-secondary{bottom:68px}.studio-hero h1{font-size:2.25rem}.studio-buttons{gap:17px}.studio-text-link{font-size:.73rem}.project-visual-link{padding:16px 16px 0}.workspace-caption strong{font-size:1.7rem}.workspace-caption span{font-size:.58rem}.project-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}