:root{--blue:#0868df;--blue-dark:#054aaf;--ink:#101b30;--body:#4d5a6d;--line:#dce6f2;--wash:#f5f9ff;--pale:#eaf3ff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #338aff;outline-offset:4px}p{line-height:1.65}.wrap{max-width:1170px;padding:0 34px;margin:auto}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;z-index:50}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:#ffffffef;backdrop-filter:blur(16px);border-bottom:1px solid #edf1f5}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px}.brand{display:flex;align-items:center;gap:13px}.brand img,.footer-brand img{object-fit:contain}.brand-name{display:flex;flex-direction:column;line-height:1.1}.brand-name strong{font-size:23px;letter-spacing:.075em;font-weight:850}.brand-name em{font-style:normal;color:var(--blue)}.brand-name small{font-size:10px;letter-spacing:.48em;margin-top:5px;font-weight:600}.nav{display:flex;align-items:center;gap:29px}.nav>a:not(.btn){font-size:13px;font-weight:600;color:#273246;transition:color .2s}.nav>a:not(.btn):hover,.text-link:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 19px;border-radius:30px;font-size:13px;line-height:1.2;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:var(--blue);box-shadow:0 8px 20px #0868df22}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 11px 24px #0868df30}.btn-outline{background:white;border:1px solid #bed1e8;color:#263e62}.nav .btn{padding:12px 21px}.menu-toggle{display:none}.blue{color:var(--blue)}.eyebrow{color:#647c9f;font-size:10px;font-weight:800;letter-spacing:.28em;line-height:1.5;margin:0 0 18px}.hero{overflow:hidden;background:linear-gradient(105deg,#fff 35%,#f9fcff 100%)}.hero-grid{min-height:545px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding:48px 0 58px}.hero h1{font-size:clamp(37px,4.1vw,57px);line-height:1.09;letter-spacing:-.053em;font-weight:760;margin:0 0 24px}.hero-lead{font-size:16px;font-weight:750;margin:0 0 8px}.body-copy{font-size:14px;color:var(--body);max-width:450px;margin:0}.hero-note{font-weight:750;font-size:13px;margin:14px 0 25px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{height:440px;position:relative;min-width:0;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:25px -130px -10px 2%;z-index:-2;background:radial-gradient(circle at 63% 40%,#dfecf6 0,#f4f9ff 50%,transparent 75%)}.pixel{position:absolute;width:19px;height:19px;background:#c7deff}.pixel-1{top:36px;right:110px}.pixel-2{top:59px;right:87px;background:#7db4fa}.pixel-3{top:36px;right:65px;width:13px;height:13px;background:#e0ecff}.pixel-4{bottom:108px;left:33px;width:13px;height:13px;background:#9fc7ff}.desk-light{position:absolute;bottom:65px;right:0;width:100%;height:26px;border-radius:50%;background:#d5e1ed80;filter:blur(13px)}.desk-line{position:absolute;bottom:65px;left:-60px;right:-120px;border-bottom:2px solid #d9e2e9;z-index:-1}.plant{position:absolute;right:9px;bottom:100px;width:100px;height:170px;opacity:.65}.plant b{position:absolute;bottom:0;right:22px;width:62px;height:75px;background:linear-gradient(90deg,#c4bdb2,#f2ede6);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.plant i{position:absolute;bottom:64px;right:51px;height:94px;width:2px;background:#698266;transform-origin:bottom}.plant i:before{content:"";position:absolute;top:2px;left:-23px;width:45px;height:25px;background:#67846a;border-radius:70% 5% 70% 8%;transform:rotate(-25deg)}.plant i:nth-child(2){transform:rotate(35deg);height:110px}.plant i:nth-child(3){transform:rotate(-39deg);height:118px}.plant i:nth-child(4){transform:rotate(65deg);height:75px}.plant i:nth-child(5){transform:rotate(-66deg);height:79px}.laptop{position:absolute;width:min(96%,505px);left:3%;bottom:80px;filter:drop-shadow(9px 21px 16px #2a45602a);transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}.laptop-screen{border:12px solid #18212c;border-bottom-width:15px;border-radius:13px 13px 5px 5px;background:#fff;aspect-ratio:1.62;overflow:hidden;box-shadow:0 0 0 2px #798491}.browser-top{display:flex;justify-content:space-between;padding:13px 16px;font-size:8px;font-weight:750;color:#15243b;position:relative;z-index:1}.browser-top span:last-child{font-size:6px;color:#718199}.screen-body{padding:20px 23px;position:relative}.screen-kicker{font-size:6px;letter-spacing:.23em;color:#718199}.screen-body strong{display:block;font-size:clamp(21px,2.7vw,36px);letter-spacing:-.05em;line-height:1.04;margin:8px 0;color:#1b2a35}.screen-desc{display:block;font-size:8px;line-height:1.45;color:#607084}.screen-button{display:inline-block;margin-top:12px;background:#1062bf;color:#fff;padding:8px 11px;border-radius:16px;font-size:7px;font-weight:bold}.screen-art{position:absolute;right:0;top:0;width:48%;height:210px;background:linear-gradient(145deg,#d6e8f3,#e9ded0);overflow:hidden}.screen-art div:first-child{position:absolute;inset:36px 15px 0 30px;background:#67827a;border-radius:90px 90px 0 0;transform:rotate(-20deg)}.screen-art div:last-child{position:absolute;inset:80px -20px -20px 57px;background:#c9d5d1;border-radius:100% 0 0 0}.laptop-base{width:112%;margin-left:-6%;height:15px;background:linear-gradient(#b9c3ca,#667684 58%,#e5edf3 70%);border-radius:3px 3px 38% 38%}.section{padding:85px 0}.section-top,.work-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:35px}h2{font-size:clamp(27px,3.1vw,39px);line-height:1.15;letter-spacing:-.042em;font-weight:720;margin:0}.section-aside{max-width:340px;color:var(--body);font-size:14px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service{padding:28px;border:1px solid var(--line);border-radius:13px;min-height:254px;background:#fff;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-4px);box-shadow:0 16px 30px #182d4510}.service-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:var(--blue);font-size:29px;margin-bottom:19px}.service h3{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px}.service p{color:var(--body);font-size:13px;margin:0 0 18px}.service a,.text-link{color:var(--blue);font-weight:700;font-size:13px}.service a span{padding-left:4px}.package-section{padding-top:32px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--wash);border-radius:20px;overflow:hidden}.package-card{padding:48px 49px}.package-card h2{font-size:29px}.price{display:flex;align-items:baseline;color:var(--blue);margin:16px 0 0}.price strong{font-size:57px;letter-spacing:-.07em}.price span{font-size:16px;margin-left:9px}.muted{font-size:12px;color:#627186;margin:0 0 20px}.checklist{list-style:none;padding:0;margin:0 0 25px}.checklist li{position:relative;padding-left:27px;margin:0 0 9px;font-size:13px;line-height:1.45}.checklist li:before{content:'✓';position:absolute;left:0;top:0;border-radius:50%;background:#d5eaff;color:var(--blue);font-size:11px;font-weight:bold;width:18px;height:18px;display:grid;place-items:center}.fineprint{font-size:10px;color:#7c899b;line-height:1.6;margin:18px 0 0}.package-visual{position:relative;background:linear-gradient(145deg,#e8f1f7,#d0e3f3 75%,#eef6fc);display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.package-visual:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#ffffff70;right:-150px;bottom:-150px}.workspace-frame{position:relative;width:83%;aspect-ratio:1.12;max-height:405px;display:grid;place-items:center}.workspace-browser{position:relative;width:100%;height:74%;border:10px solid #202a34;border-radius:8px;background:white;box-shadow:12px 20px 32px #38557444;overflow:hidden}.workspace-nav{position:relative;z-index:2;padding:17px;font-size:10px;font-weight:900}.workspace-nav span{color:var(--blue)}.workspace-nav small{font-weight:400;font-size:7px;float:right}.workspace-content{position:relative;z-index:2;padding:20px}.workspace-content p{letter-spacing:.2em;color:#667c8f;font-size:7px}.workspace-content h3{font-size:clamp(19px,2.5vw,31px);letter-spacing:-.045em;line-height:1.08;margin:6px 0 12px}.workspace-content h3 em{font-style:normal;color:var(--blue)}.workspace-content>span{display:block;font-size:9px;color:#667487}.workspace-content b{display:inline-block;margin-top:15px;background:var(--blue);color:white;font-size:8px;border-radius:15px;padding:8px}.workspace-shape{position:absolute;width:140px;height:230px;right:-20px;bottom:-40px;border-radius:80px 80px 0 0;background:linear-gradient(25deg,#8eb6d8,#f2e8da);transform:rotate(16deg)}.visual-label{color:#3f5a75;font-size:13px;font-weight:650;position:relative;z-index:1}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}.hub-grid p:not(.eyebrow){color:var(--body);font-size:14px;max-width:420px}.hub-features{display:grid;gap:20px}.hub-features>div{display:flex;gap:16px;align-items:center}.hub-features>div>span{flex:0 0 44px;height:44px;display:grid;place-items:center;background:#e8f3ff;border-radius:50%;color:var(--blue);font-size:23px}.hub-features p{margin:0!important}.hub-features strong,.hub-features small{display:block}.hub-features strong{font-size:14px;color:var(--ink)}.hub-features small{font-size:12px;color:var(--body);margin-top:3px}.work-section{background:#fbfdff}.work-heading{margin-bottom:15px}.sample-note{font-size:12px;color:#61738c;margin:0 0 23px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.project-art{aspect-ratio:1.45;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative}.project-web{background:linear-gradient(135deg,#d5e8e6,#a5c5c2)}.project-brand{background:#e8e4db}.project-commerce{background:#eadbd2}.mini-browser{background:#fff;width:79%;height:77%;border:7px solid #27313a;border-radius:8px;box-shadow:10px 17px 17px #172a3740;padding:14px;transform:rotate(-5deg);position:relative;overflow:hidden}.mini-browser:after{content:"";width:75px;height:165px;position:absolute;right:-15px;bottom:-30px;background:linear-gradient(160deg,#557c7f,#cbdcd8);border-radius:60px 60px 0 0}.mini-browser>div{font-size:6px;font-weight:800;position:relative;z-index:1}.mini-browser small{float:right;font-size:5px;font-weight:400}.mini-browser strong{display:block;margin:22px 0 6px;font-size:17px;line-height:1.1;letter-spacing:-.04em;position:relative;z-index:1}.mini-browser>span{display:block;font-size:6px;position:relative;z-index:1}.mini-browser b{display:inline-block;background:#123d52;color:white;border-radius:12px;font-size:6px;padding:6px 8px;margin-top:12px;position:relative;z-index:1}.brand-tile{background:#204c43;color:#f6ecd1;text-align:center;padding:38px 12px;width:70%;box-shadow:9px 15px 22px #242f2a33;transform:rotate(-9deg)}.brand-sigil{font-size:43px;line-height:1;margin-bottom:12px}.brand-tile strong{display:block;letter-spacing:.15em;font-family:Georgia,serif;font-size:17px}.brand-tile span{display:block;letter-spacing:.29em;font-size:7px;margin-top:6px}.ecommerce{transform:rotate(5deg)}.ecommerce:after{background:linear-gradient(140deg,#b99570,#efe4d2)}.project h3{margin:14px 0 3px;font-size:14px}.project p{font-size:11px;color:#728096;margin:0}.about-grid,.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:95px;align-items:center}.about-grid>div:last-child p,.contact-grid>div:last-child p{color:var(--body);font-size:14px}.about-grid .text-link{display:inline-block;margin-top:5px}.contact-section{background:linear-gradient(125deg,#edf5ff,#f8fbff 70%,#e5f2ff);padding:78px 0}.contact-section .eyebrow{margin-bottom:14px}.contact-section .btn{margin-top:11px}.site-footer{border-top:1px solid var(--line);padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850;letter-spacing:.05em;line-height:1}.footer-brand b{color:var(--blue)}.footer-brand small{display:block;font-size:7px;letter-spacing:.4em;margin-top:4px}.footer-inner p,.footer-inner>a{font-size:11px;color:#63768f}
@media(max-width:950px){.wrap{padding:0 24px}.nav{gap:17px}.hero-grid{grid-template-columns:1.08fr .92fr}.hero h1{font-size:42px}.hero-art{transform:scale(.9);transform-origin:center left}.actions .btn{font-size:11px}.hub-grid{gap:60px}.package-card{padding:32px}.section{padding:65px 0}}
@media(max-width:720px){html{scroll-padding-top:72px}.header-inner{min-height:72px}.brand img{width:29px;height:42px}.brand-name strong{font-size:18px}.brand-name small{font-size:8px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:11px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:var(--ink)}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 26px 25px;box-shadow:0 14px 22px #20385815;gap:0}.nav.open{display:flex}.nav>a:not(.btn){padding:13px 4px}.nav .btn{margin-top:12px}.hero-grid,.package-grid,.hub-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.hero-grid{min-height:0}.hero-copy{padding:57px 0 5px}.hero h1{font-size:clamp(37px,9vw,52px)}.hero-art{height:330px;transform:none}.laptop{width:83%;left:8%;bottom:43px}.desk-line{bottom:40px}.plant{bottom:53px}.section{padding:62px 0}.section-top,.work-heading{display:block}.section-aside{margin-top:18px}.service-grid,.project-grid{grid-template-columns:1fr}.service{min-height:0;padding:25px}.package-section{padding-top:5px}.package-card{padding:31px 27px}.package-visual{min-height:310px}.workspace-frame{height:300px}.hub-grid{gap:30px}.project-art{max-height:310px}.about-grid,.contact-grid{gap:15px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 2026 hero refresh — streamlined type and original user-provided photographs */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:clamp(24px,4vw,64px);min-height:520px}
.hero h1{margin:0 0 24px;letter-spacing:-.055em;line-height:1.05}
.hero-title-main,.hero-title-accent,.hero-title-sub{display:block}
.hero-title-main,.hero-title-accent{font-size:clamp(40px,4.25vw,62px);font-weight:800}
.hero-title-accent{color:var(--blue)}
.hero-title-sub{font-size:clamp(22px,2.25vw,32px);line-height:1.18;font-weight:650;color:var(--ink);letter-spacing:-.035em;margin-top:16px}
.hero-photo{width:100%;height:430px;min-width:0;overflow:hidden;border-radius:16px;background:#e7eef3}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center}
.modern-section{background:#f5f9fd}
.modern-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(32px,6vw,90px)}
.modern-copy h2{max-width:450px}
.modern-copy>p:not(.eyebrow){max-width:460px;color:var(--body);font-size:15px;margin:20px 0}
.modern-photo{display:block;width:100%;aspect-ratio:1.58;object-fit:cover;border-radius:14px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr 1fr}.hero-title-main,.hero-title-accent{font-size:clamp(34px,4.6vw,48px)}.hero-title-sub{font-size:clamp(20px,2.4vw,28px)}.hero-photo{height:360px}}
@media(max-width:720px){.hero-grid,.modern-grid{grid-template-columns:1fr;gap:24px}.hero-copy{padding-bottom:0}.hero-photo{height:auto;aspect-ratio:1.5;margin-bottom:30px}.hero-title-main,.hero-title-accent{font-size:clamp(35px,9vw,49px)}.hero-title-sub{font-size:clamp(21px,5vw,27px)}.modern-photo{aspect-ratio:1.55}}

.portfolio-home-cta{text-align:center;margin:32px 0 0}