:root{--paper:#fafbf7;--white:#fff;--ink:#22281f;--muted:#697063;--lime:#b8d99a;--line:#e1e5da;--green:#3f5130;--radius:18px;--container:1224px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,h5,h6{font-family:Nunito,Arial,Helvetica,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(42px,5.5vw,76px)}h2{font-size:clamp(32px,3.4vw,47px)}h3{font-size:24px}a{color:inherit;text-decoration:none}a,button,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #557f18}a:hover{color:#4b6526}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.container{width:min(var(--container),calc(100% - 104px));margin-inline:auto}.section{padding-block:104px}.icon{vertical-align:middle}.eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:700;text-transform:uppercase;margin-bottom:23px}.section-description{font-size:16px;color:var(--muted);max-width:550px;line-height:1.8;margin-bottom:0}.section-intro{max-width:620px}.section-intro h2{margin-bottom:22px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:47px}.section-top .text-link{flex-shrink:0;margin-bottom:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--ink);color:#fff;border:1px solid var(--ink);line-height:1.4;font-weight:600;transition:background .2s,transform .2s}.button .icon{width:18px;height:18px}.button:hover{background:#425333;border-color:#425333;color:#fff;transform:translateY(-2px)}.button-secondary{background:transparent;color:var(--ink);border-color:#bfc6b3}.button-secondary:hover{background:#eaf0e0;color:var(--ink);border-color:#929d82}.button-group{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:600;border-bottom:1px solid #adb798;padding-bottom:5px}.text-link .icon{width:18px;height:18px}.small-note{font-size:13px;color:var(--muted)}.skip-link{position:fixed;z-index:10000;top:12px;left:12px;transform:translateY(-200%);padding:12px 20px;background:var(--ink);color:#fff}.skip-link:focus{transform:translateY(0)}.site-header{height:98px;border-bottom:1px solid var(--line);background:rgba(250,251,247,.97);position:relative;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:40px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;line-height:1;letter-spacing:-1.1px;font-weight:700;color:var(--ink)}.brand-light{font-weight:400}.brand-dot{color:#76932d}.brand-mark{display:grid;place-items:center;width:36px;height:36px}.brand-mark .icon{width:34px;height:34px;stroke-width:2.2}.custom-logo{max-width:220px;max-height:62px;object-fit:contain}.site-navigation{display:flex;align-items:center;gap:48px}.primary-menu{list-style:none;display:flex;gap:32px;margin:0;padding:0;align-items:center}.primary-menu>li{position:relative;display:flex;align-items:center;gap:4px}.primary-menu a{font-size:14px;font-weight:500;white-space:nowrap}.primary-menu .current-menu-item>a{color:#526e28}.header-cta{gap:28px;}.sub-menu{list-style:none;position:absolute;display:none;top:100%;left:-18px;min-width:238px;background:var(--white);border:1px solid var(--line);box-shadow:0 15px 40px #28382012;border-radius:8px;padding:12px 0;margin:0}.sub-menu a{display:block;padding:8px 19px;white-space:normal}.sub-menu a:hover{background:#f1f5e9}.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:inherit;line-height:1;padding:0}.submenu-chevron{display:block;width:14px;height:14px}.primary-menu>li:hover>.sub-menu,.primary-menu>li:focus-within>.sub-menu,.submenu-open>.sub-menu{display:block}.menu-toggle{display:none}.hero-home{padding-top:58px;overflow:hidden;background:radial-gradient(ellipse at 84% 39%,#eef3df,transparent 53%)}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:26px;min-height:560px}.hero-copy{padding-bottom:26px;position:relative;z-index:2}.hero-eyebrow{font-size:10px;letter-spacing:.11em;display:inline-flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;border-radius:100%;background:#6e843f;box-shadow:0 0 0 4px #eaf0dc}.hero h1{margin-bottom:25px;line-height:1.065;font-weight:500;max-width:670px}.hero-home h1{max-width:590px;font-size:clamp(52px,5.7vw,79px);letter-spacing:-.062em}.heading-accent{color:#657e3c}.hero-home .heading-accent{display:block}.hero-description{max-width:474px;font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:30px}.hero .button{gap:18px}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:36px;font-size:12px;line-height:1.55}.hero-footnote small{display:block;font-size:11px;color:var(--muted)}.mini-avatars{display:flex;padding-left:2px}.mini-avatars>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4ebd4;border:2px solid var(--paper);margin-left:-2px;transform:rotate(-7deg)}.mini-avatars>span:nth-child(2){background:#e7e2d9;transform:rotate(8deg);margin-left:-7px}.mini-avatars>span:nth-child(3){background:#dde4f2;margin-left:-7px}.mini-avatars .icon{width:17px;height:17px}.hero-art{min-width:0}.platform-strip{display:flex;align-items:center;gap:44px;border-top:1px solid #dce2d1;margin-top:24px;padding-top:27px;padding-bottom:34px}.platform-caption{font-size:11px;line-height:1.6;max-width:125px;color:var(--muted);flex-shrink:0}.platforms{display:flex;align-items:center;justify-content:space-between;gap:45px;flex:1;color:#485041}.platforms>span{display:flex;align-items:center;font-size:21px;white-space:nowrap;line-height:1}.wordpress-symbol{font-family:Georgia,serif;display:inline-grid;place-items:center;font-size:21px;width:29px;height:29px;border:1.6px solid currentColor;border-radius:50%;margin-right:6px;font-weight:400}.platforms .woo-word{font-size:26px;font-weight:800;letter-spacing:-1.7px}.woo-word span{font-size:18px;font-weight:500;letter-spacing:-.9px}.platforms .shopify-word{font-style:italic;font-weight:700;font-size:25px}.shopify-word .icon{margin-right:5px}.platforms .bigcommerce-word{font-weight:800;font-size:17px;letter-spacing:-.7px}.hero-inner{padding:44px 0 50px;background:#f1f4e9;overflow:hidden;border-bottom:1px solid var(--line)}.hero-inner .hero-grid{min-height:490px;grid-template-columns:1.17fr 1fr}.hero-inner h1{font-size:clamp(40px,4.2vw,58px);max-width:650px}.hero-inner .hero-description{font-size:16px}.hero-inner .studio-visual{transform:scale(.9);transform-origin:center right}.hero-inner .hero-copy{padding:20px 0}.breadcrumb,.breadcrumb-divider{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:inline-block;margin-right:12px;margin-bottom:20px}.hero-inner .hero-eyebrow{margin-bottom:20px}.hero-inner .status-dot{display:none} .studio-visual{width:100%;height:535px;position:relative;isolation:isolate}.art-orbit{width:445px;height:445px;position:absolute;left:44px;top:15px;border:1px solid #dfe7cc;border-radius:50%;background:#e6eccc55}.art-orbit::after{content:"";position:absolute;inset:30px;border:1px solid #dfe7cc;border-radius:50%}.art-spark{position:absolute;top:4px;right:35px;color:#6c7f42;font-size:71px;line-height:1}.art-label{position:absolute;left:20px;top:5px;letter-spacing:.14em;font-size:8px;color:#748060;transform:rotate(-5deg)}.mock-window{border:1px solid #dde1d4;border-radius:10px;overflow:hidden;box-shadow:0 22px 50px #2a391622;background:#fff}.main-window{position:absolute;width:450px;left:2px;top:65px;transform:rotate(-5deg);z-index:2}.window-chrome{height:31px;padding:0 12px;display:flex;gap:4px;align-items:center;border-bottom:1px solid #e2e4dc;background:#fff}.window-chrome>span,.mini-browser>i{width:4px;height:4px;border-radius:50%;background:#d5d9ce}.window-chrome>div{font-size:6px;margin:auto;color:#859075;background:#f4f6ef;padding:2px 55px;border-radius:3px}.window-chrome>.icon{width:9px;height:9px}.store-nav{background:#f9f8f0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 21px}.store-nav>strong{font-family:Georgia,serif;font-size:19px;font-weight:400;letter-spacing:-1px}.store-nav>strong>span{font-style:italic}.store-nav>span{font-size:6px;display:flex;align-items:center}.store-nav .icon{width:10px;height:10px}.store-content{display:flex;background:#f1f0e2;min-height:255px;padding:24px 20px 18px;position:relative}.store-content>div:first-child{width:58%;z-index:2}.mock-kicker{font-size:5px;font-weight:700;letter-spacing:1px}.store-content h3{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-1.3px;line-height:1.03;margin:14px 0 12px;color:#35492e}.store-content p{font-size:7px;line-height:1.7;color:#647459;margin-bottom:18px}.mock-button{display:inline-block;font-size:6px;border-bottom:1px solid #4f6540;padding-bottom:3px;color:#33482a}.vase-scene{position:relative;width:47%;margin-left:-5%;align-self:stretch}.scene-circle{position:absolute;width:160px;height:170px;border-radius:100px 100px 0 0;background:#e3e4cf;top:8px;left:4px}.vase-art{width:176px;position:absolute;left:-7px;top:-16px;height:247px}.product-tag{position:absolute;right:-5px;bottom:-1px;color:#677157;font-size:5px;line-height:1.7;z-index:3}.product-tag b{font-size:5px;font-weight:400}.store-bottom{background:#fff;height:33px;display:flex;align-items:center;justify-content:space-evenly;font-size:5px;color:#5e6b50}.side-window{width:184px;height:240px;position:absolute;right:-5px;top:220px;transform:rotate(7deg);z-index:3;background:#233f53;border-color:#668092;box-shadow:0 17px 32px #1e30451a}.mini-browser{height:18px;display:flex;gap:3px;align-items:center;padding-inline:7px;background:#f4f5f4}.mini-browser>i{width:3px;height:3px}.legal-nav{font-size:7px;letter-spacing:1.3px;color:#eef2ef;margin:10px 14px}.legal-nav span{color:#bca785}.legal-content{position:relative;padding:9px 14px;color:#f6f2e8}.legal-content>span:first-child{font-size:4px;letter-spacing:.8px;color:#c6d2d7}.legal-content h3{font-family:Georgia,serif;font-size:24px;line-height:1.04;letter-spacing:-.6px;margin:10px 0}.legal-content p{font-size:5px;line-height:1.7;letter-spacing:0}.legal-button{font-size:4px;display:inline-block;padding:5px 7px;border:1px solid #cbd4d0;margin-top:4px}.legal-columns{position:absolute;right:10px;bottom:-8px;display:flex;align-items:flex-end;gap:4px;transform:skewY(-8deg);opacity:.5}.legal-columns i{display:block;width:14px;height:53px;border-radius:12px 12px 0 0;background:#93a6ab}.legal-columns i:nth-child(2){height:74px}.legal-columns i:nth-child(3){height:94px}.craft-tag{display:flex;align-items:center;gap:11px;position:absolute;left:15px;bottom:40px;z-index:4;background:var(--lime);padding:14px 16px;border:1px solid #c3db94;border-radius:9px;transform:rotate(-3deg);box-shadow:0 10px 28px #35452312}.craft-tag>div{font-size:10px;font-weight:700;line-height:1.5}.craft-tag small{display:block;font-weight:400;font-size:8px}.craft-tag>.icon{width:24px;height:24px}.tag-check{margin-left:8px;border:1px solid #9db860;border-radius:50%;display:grid;place-items:center;width:20px;height:20px}.tag-check>.icon{width:12px;height:12px}.responsive-tag{position:absolute;right:-7px;top:117px;z-index:4;border-radius:7px;background:#fff;padding:12px;display:flex;align-items:center;gap:9px;transform:rotate(7deg);box-shadow:0 5px 18px #22281f12;border:1px solid #e6e8df}.responsive-tag>span{font-size:7px;line-height:1.5}.responsive-tag b{font-weight:500;color:#657056}.responsive-tag>.icon{width:20px;color:#788855}.concept-label{font-size:8px;color:#7b826e;position:absolute;bottom:5px;right:36px;letter-spacing:.06em}.visual-legal .main-window{filter:hue-rotate(105deg)}.visual-legal .side-window{transform:rotate(3deg) scale(1.18);right:15px}.visual-commerce .art-spark{color:#938244}.visual-code .art-orbit,.visual-editorial .art-orbit{background:#dce6ed77;border-color:#d8e2e7}.visual-design .art-orbit{background:#f0e5db88;border-color:#e8dacb}.custom-layout-image{width:100%;max-height:550px;object-fit:cover;border-radius:18px} .services-section{background:#fff;border-bottom:1px solid var(--line)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:29px 28px 24px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:284px;background:#fdfefa;transition:background .2s,border-color .2s,transform .2s}.service-card:hover{background:#f0f5e4;border-color:#c5d2ab;color:var(--ink);transform:translateY(-4px)}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.service-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:9px;background:#eef2e5}.service-icon .icon{width:22px;height:22px}.card-index{font-size:10px;color:#919886;letter-spacing:.06em}.service-card h3{font-size:22px;letter-spacing:-.035em;margin-bottom:13px}.service-card p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:26px;max-width:320px}.service-card-link{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.service-card-link .icon{width:16px;height:16px}.projects-section{background:#f3f5ed}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-image{height:340px;overflow:hidden;border-radius:12px;position:relative;display:grid;place-items:center;padding:45px 42px;background:#e1e6d0}.project-image-label{position:absolute;bottom:12px;left:20px;font-size:8px;letter-spacing:.12em;color:#607249}.project-browser{width:100%;background:#f8f6eb;transform:rotate(-3deg);box-shadow:0 16px 27px #52683a20;border-radius:5px;overflow:hidden}.project-browser>span{font-family:Georgia,serif;font-size:18px;display:flex;align-items:center;justify-content:space-between;padding:13px 19px;border-bottom:1px solid #e4e1d1}.project-browser small{font-family:Arial,sans-serif;font-size:5px}.project-mini-content{padding:27px 21px;min-height:175px;position:relative;overflow:hidden}.project-mini-content h3{font-family:Georgia,serif;font-size:37px;line-height:.97;letter-spacing:-1.8px;color:#435636;margin:4px 0 18px;position:relative;z-index:2}.mini-vase{width:82px;height:118px;border-radius:35% 35% 42% 42%;background:linear-gradient(90deg,#86946a,#b8c293 30%,#a2b07e 65%,#80935b);position:absolute;right:45px;top:47px;box-shadow:20px 15px 25px #62694129;transform:rotate(9deg)}.mini-vase::before{content:"";position:absolute;width:40px;height:35px;left:20px;top:-20px;background:linear-gradient(90deg,#8e9b70,#b8c293 40%,#8e9c6c);border-radius:5px 5px 0 0}.project-mini-bottom{font-size:6px;padding:9px 20px;border-top:1px solid #e3e0d2;color:#65734f}.project-legal{background:#d8e3e8}.project-legal .project-browser{background:#203d50;color:#f9f3e4;transform:rotate(3deg)}.project-legal .project-browser>span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;border-color:#365166}.project-legal .project-mini-content h3{color:#f9f3e4;font-size:33px}.project-legal .project-mini-bottom{border-color:#456074;color:#b9c9cf}.project-legal .project-image-label{color:#436077}.atlas-art{display:flex;align-items:flex-end;gap:8px;position:absolute;right:33px;bottom:12px;transform:skewY(-12deg);opacity:.65}.atlas-art i{width:24px;height:90px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#496b7d,#88a3ae)}.atlas-art i:nth-child(2){height:117px}.atlas-art i:nth-child(3){height:143px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.project-caption h3{font-size:22px;margin-bottom:6px}.project-caption p{font-size:12px;color:var(--muted);margin:0}.project-caption>a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cdd5c0;border-radius:50%}.project-caption .icon{width:16px;height:16px}.concept-disclaimer{font-size:11px;color:var(--muted);margin:27px 0 0}.split-section{border-bottom:1px solid var(--line);background:#fff}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.split-grid.is-reversed .split-art{order:2}.split-copy h2{margin-bottom:25px}.split-copy .prose{font-size:15px;line-height:1.85}.split-art{min-width:0}.split-art .studio-visual{transform:scale(.91);transform-origin:left center}.design-board{padding:29px 30px;background:#eff2e6;border:1px solid #e0e6d5;border-radius:16px;transform:rotate(-2deg);max-width:510px;box-shadow:0 10px 35px #28392006}.board-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#7b826e;margin-bottom:22px}.swatches{display:flex;gap:10px}.swatches>i{display:block;width:25%;height:70px;background:#22281f;border-radius:7px}.swatches>i:nth-child(2){background:#b8d99a}.swatches>i:nth-child(3){background:#a5b997}.swatches>i:nth-child(4){background:#fbfaf3;border:1px solid #e1e5d8}.type-sample{display:flex;align-items:center;gap:36px;margin:17px 0}.type-sample>span{font-size:87px;letter-spacing:-8px;line-height:1.4}.type-sample>div{font-size:12px;line-height:1.9;color:#637056}.code-preview{font-family:Consolas,monospace;font-size:12px;line-height:1.9;background:#fff;border:1px solid #e3e7da;border-radius:8px;padding:21px 24px;box-shadow:0 4px 12px #41532b08;color:#71805d}.code-preview>span{color:#899481}.code-preview b{color:#374c27;font-weight:400}.board-note{display:flex;align-items:center;gap:10px;font-size:9px;margin-top:20px;color:#6b795a}.board-note .icon{width:16px;height:16px}.check-list{list-style:none;margin:25px 0 0;padding:0}.check-list li{display:flex;align-items:flex-start;gap:11px;margin-top:14px;font-size:13px;line-height:1.6}.check-list .icon{background:#edf4df;border-radius:50%;padding:3px;width:20px;height:20px;color:#536e2c}.process-section{background:#f3f5ed}.process-section .section-intro{max-width:690px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:48px}.step-number{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-family:Consolas,monospace;border-bottom:1px solid #cfd8be;padding-bottom:22px;margin-bottom:23px;color:#6c8151}.step-number>span{color:#a8b299}.step-number .icon{width:20px;height:20px}.process-step:last-child .step-number>span{visibility:hidden}.process-step h3{font-size:20px;letter-spacing:-.035em;margin-bottom:14px}.process-step p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-grid .section-intro>p{color:var(--muted);font-size:14px;margin:27px 0 10px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:25px 0;font-size:15px;font-weight:500;line-height:1.55}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>.icon{width:17px;height:17px;transition:transform .2s}.faq-item[open] summary>.icon{transform:rotate(45deg)}.faq-item .prose{font-size:14px;padding:0 28px 16px 0}.cta-section{background:#fff;padding:20px 0 85px}.cta-panel{display:flex;align-items:center;gap:45px;position:relative;overflow:hidden;padding:58px 55px;background:var(--lime);border-radius:15px}.cta-panel>div{max-width:700px;position:relative;z-index:1}.cta-panel h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:17px}.cta-panel .eyebrow{margin-bottom:18px;font-size:10px}.cta-panel .section-description{font-size:14px;color:#506037;max-width:530px}.cta-panel .button{margin-left:auto;flex-shrink:0;position:relative;z-index:1}.cta-spark{position:absolute;right:105px;top:-70px;font-size:420px;line-height:1;color:#c5e66a;opacity:.6;transform:rotate(15deg)} .journal-section{background:#fff}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-art{background:#ecefdc;aspect-ratio:1.6;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-radius:10px;overflow:hidden;color:#627646;position:relative}.journal-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journal-art-symbol>.icon{width:50px;height:50px;stroke-width:.9}.journal-art-word{font-size:22px;font-weight:500;letter-spacing:-.7px}.journal-card:nth-child(3n+2) .journal-art{background:#e3ebed;color:#4e6d7a}.journal-card:nth-child(3n+3) .journal-art{background:#f0e8db;color:#8b704b}.journal-meta{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#727c66;margin:22px 0 12px}.journal-meta>span{margin-inline:8px;color:#a9b198}.journal-card h3{font-size:23px;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px}.journal-card>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:19px}.journal-card .text-link{font-size:11px}.prose{line-height:1.85;color:#626c58}.prose p{margin-bottom:20px}.prose h2,.prose h3,.prose h4{color:var(--ink);margin-top:1.8em;margin-bottom:.8em}.prose h2{font-size:33px}.prose h3{font-size:25px}.prose a{color:#4a6329;text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:24px}.prose li{padding-left:5px;margin-bottom:9px}.prose blockquote{border-left:3px solid #adca7b;padding:10px 25px;margin:30px 0;background:#f2f5e9}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{padding:10px;border:1px solid var(--line);text-align:left}.prose pre{overflow:auto;padding:22px;background:#edf1e4;border-radius:8px}.prose code{font-size:.9em;overflow-wrap:anywhere}.prose iframe{max-width:100%}.prose img{border-radius:8px}.entry-content{overflow-wrap:anywhere}.content-section>.prose{max-width:820px}.article-header{max-width:920px;padding-top:65px;padding-bottom:42px}.article-header .text-link{margin-bottom:24px}.article-header h1{font-size:clamp(38px,4.6vw,64px);margin-bottom:24px;line-height:1.1}.article-header .hero-description{max-width:740px}.article-body{max-width:800px;padding-bottom:55px}.article-featured{max-width:1020px;margin-bottom:45px}.article-featured img{width:100%;border-radius:12px}.single-article{background:#fff;padding-bottom:45px}.post-navigation,.posts-navigation,.pagination{margin-top:38px;padding-top:27px;border-top:1px solid var(--line)}.nav-links{display:flex;gap:24px;justify-content:space-between}.nav-subtitle{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.nav-title{font-size:15px}.page-numbers{padding:6px 13px;border-radius:3px}.page-numbers.current{background:#e5efcf}.comments-area{margin-top:50px}.comment-list{list-style:none;padding:0}.comment-body{border-bottom:1px solid var(--line);padding:24px 0}.comment-author .avatar{display:inline-block;border-radius:50%;margin-right:10px;vertical-align:middle}.comment-metadata{font-size:12px}.comment-respond label{display:block}.comment-respond .submit{background:var(--ink);color:white;border:0;width:auto}.search-input-row{display:flex;gap:10px}.search-form label{display:block;margin-bottom:10px}.error-page{min-height:65vh;max-width:950px;padding-block:130px}.error-page h1{font-size:clamp(42px,5.2vw,72px)}.error-page p{max-width:620px;color:var(--muted);margin-bottom:34px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-copy h2{margin-bottom:23px}.contact-next{margin-top:38px;border-top:1px solid var(--line);padding-top:28px}.contact-next h3{font-size:19px}.contact-next ol{padding-left:20px;font-size:14px;color:var(--muted)}.contact-next li{padding-left:5px;margin-bottom:14px}.contact-detail{display:flex;align-items:center;gap:12px;font-size:15px;margin-top:20px;overflow-wrap:anywhere}.contact-form-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:35px}.contact-form-panel>.eyebrow{font-size:9px;margin-bottom:17px}.contact-form-panel>h3{font-size:27px;line-height:1.2;margin-bottom:29px}.contact-form-panel label{font-size:12px;display:block;color:#48553c;font-weight:500;margin-bottom:18px}.contact-form-panel label input,.contact-form-panel label select,.contact-form-panel label textarea{margin-top:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{width:100%;min-width:0;border:1px solid #d8dfcc;border-radius:6px;background:#fcfdf9;padding:13px 14px;font-size:13px;line-height:1.6;color:var(--ink)}textarea{resize:vertical;min-height:115px}input::placeholder,textarea::placeholder{color:#8a9380}input:disabled,textarea:disabled,select:disabled{background:#f3f5ed;opacity:.8}.contact-form-panel .wpcf7-form p{margin:0 0 18px}.contact-form-panel .wpcf7-form p:empty{display:none}.contact-form-panel .wpcf7-submit{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:500;cursor:pointer;width:100%}.wpcf7-list-item{margin:0!important}.wpcf7-not-valid-tip{font-size:12px!important;margin-top:5px}.wpcf7-response-output{padding:12px!important;margin:20px 0 0!important;border-radius:5px;font-size:13px}.form-unavailable{background:#f2f5e8;border:1px solid #dbe4c8;border-radius:7px;padding:14px 16px;margin-bottom:25px;font-size:12px}.form-unavailable p{margin:4px 0 0;color:var(--muted)}.preview-form .button{width:100%}.form-note{font-size:11px;color:var(--muted)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.bypostauthor{border-left:2px solid var(--lime)}.sticky .journal-meta::before{content:"Featured / "}.wp-block-image figcaption{font-size:12px;color:var(--muted)}.shop-content{min-height:60vh}.woocommerce ul.products li.product .button,.woocommerce a.button{background:var(--ink);color:#fff}.woocommerce span.onsale{background:#516b2f} .site-footer{background:#f5f7ef;border-top:1px solid var(--line);padding-top:64px}.footer-grid{display:grid;grid-template-columns:1.6fr 1.1fr 1fr .65fr;gap:46px;padding-bottom:60px}.footer-about .brand{font-size:25px;margin-bottom:22px}.footer-about>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:245px;margin-bottom:22px}.footer-signoff{display:flex;align-items:center;gap:8px;font-size:12px;color:#748163}.footer-signoff .icon{width:16px;height:16px}.footer-grid h2{font-size:14px;font-weight:600;letter-spacing:0;margin:9px 0 23px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{font-size:14px;color:var(--muted);margin-top:11px}.footer-bottom{padding-block:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#768169}.footer-bottom p{margin:0}.footer-bottom>a{display:flex;gap:15px}.footer-bottom>a>span{font-size:15px}
@media(min-width:1450px){.hero-home{padding-top:70px}.hero-grid{min-height:590px}.hero-home h1{font-size:83px}}
@media(max-width:1200px){.container{width:calc(100% - 70px)}.site-navigation{gap:28px}.primary-menu{gap:22px}.hero-grid{grid-template-columns:1.05fr 1fr;gap:8px}.hero-home h1{font-size:65px}.hero .button{gap:10px;}.studio-visual{transform:scale(.87);transform-origin:left center;width:510px}.hero-inner .studio-visual{transform:scale(.78);transform-origin:left center}.hero-art{height:510px;display:flex;align-items:center}.hero-description{font-size:16px;max-width:430px}.hero-eyebrow{font-size:9px}.split-grid{gap:55px}.split-art .studio-visual{transform:scale(.76);margin-right:-100px}.faq-grid{gap:60px}.contact-grid{gap:50px}.cta-panel{padding:45px 40px;gap:30px}.cta-panel h2{font-size:39px}.platforms{gap:28px}.service-card{padding:25px}.footer-grid{gap:30px}.hero-inner h1{font-size:49px}}
@media(max-width:960px){.container{width:calc(100% - 48px)}.site-header{height:80px}.brand{font-size:24px}.brand-mark .icon{width:29px;height:29px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:1px solid #d4ddc6;}.menu-toggle-lines{display:block;width:18px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.menu-toggle-lines::after{content:"";position:absolute;top:4px;width:18px;left:0;border-top:1px solid currentColor}.site-navigation{position:absolute;top:79px;left:0;right:0;padding:20px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #2839200d;display:none;max-height:calc(100vh - 80px);overflow-y:auto}.site-navigation.is-open{display:block}.primary-menu{display:block}.primary-menu>li{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--line)}.primary-menu>li>a{padding:13px 0;font-size:14px;flex:1}.sub-menu{position:static;flex-basis:100%;border:0;box-shadow:none;background:#f0f4e5;min-width:0;padding:4px 0}.sub-menu a{font-size:14px}.primary-menu>li:hover>.sub-menu{display:none}.primary-menu>li.submenu-open>.sub-menu,.primary-menu>li:focus-within>.sub-menu{display:block}.site-navigation .header-cta{margin-top:20px}.hero-home{padding-top:45px}.hero-grid{grid-template-columns:1fr 1fr;min-height:510px;gap:0}.hero-home h1{font-size:clamp(43px,6.3vw,60px)}.hero-eyebrow{max-width:340px;line-height:1.8;font-size:8px}.hero-description{font-size:14px;line-height:1.85}.hero .button-group{gap:10px}.hero .button .icon{width:14px;height:14px}.hero-art{height:440px}.studio-visual{transform:scale(.69);transform-origin:left center}.hero-inner .studio-visual{transform:scale(.65)}.hero-inner .hero-grid{grid-template-columns:1.1fr 1fr;min-height:440px}.hero-inner h1{font-size:40px}.hero-inner .hero-description{font-size:14px}.platform-strip{gap:30px;padding-top:25px}.platforms{gap:18px}.platform-caption{font-size:9px;max-width:95px}.platforms>span{font-size:16px}.platforms .woo-word{font-size:21px}.woo-word span{font-size:13px}.platforms .shopify-word{font-size:20px}.platforms .bigcommerce-word{font-size:12px}.wordpress-symbol{width:24px;height:24px;font-size:17px}.section{padding-block:75px}.section-top{gap:24px}.section-top .text-link{font-size:11px}.section-top .section-intro{max-width:500px}.section-description{font-size:14px}.services-grid{gap:13px}.service-card{padding:22px 20px;min-height:280px}.service-card h3{font-size:19px}.service-card p{font-size:12px}.service-card-top{margin-bottom:25px}.project-image{padding:35px 25px;height:290px}.project-mini-content h3{font-size:29px}.project-legal .project-mini-content h3{font-size:28px}.project-mini-content{padding:25px 17px;min-height:145px}.mini-vase{right:32px;transform:scale(.8) rotate(9deg);transform-origin:bottom right;top:31px}.atlas-art{right:20px;transform:scale(.8) skewY(-12deg);transform-origin:bottom right}.split-grid{gap:38px}.split-copy h2{font-size:34px}.split-art .studio-visual{transform:scale(.6);height:520px}.split-copy .prose{font-size:13px}.design-board{padding:23px}.swatches>i{height:52px}.type-sample{gap:28px}.type-sample>span{font-size:68px;letter-spacing:-6px}.type-sample>div{font-size:10px}.code-preview{font-size:10px;padding:15px}.board-note{font-size:8px;gap:6px}.check-list li{font-size:12px}.process-grid{gap:24px}.process-step h3{font-size:18px}.process-step p{font-size:12px}.faq-grid{gap:40px}.faq-grid h2{font-size:32px}.faq-item summary{font-size:14px}.cta-panel{padding:40px 35px}.cta-panel h2{font-size:33px}.cta-panel .button{gap:12px}.cta-panel .section-description{font-size:13px}.journal-grid{gap:20px}.journal-art{padding:20px}.journal-art-word{font-size:20px}.journal-card h3{font-size:20px}.contact-grid{gap:35px}.contact-form-panel{padding:25px}.contact-form-panel>h3{font-size:24px}.form-row{gap:12px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-grid>div:last-child{grid-column:2/4;display:flex;gap:48px}.footer-grid>div:last-child h2{margin-top:0}.footer-grid>div:last-child ul{display:flex;gap:24px;flex-wrap:wrap}.footer-grid>div:last-child li{margin:0}.footer-about{grid-row:span 2}.footer-grid{padding-bottom:42px}.footer-bottom{font-size:12px}}
@media(max-width:680px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.site-header{height:74px}.header-inner{gap:15px}.brand{font-size:23px;gap:5px}.brand-mark{width:30px}.site-navigation{top:73px}.hero-home{padding-top:33px}.hero-grid,.hero-inner .hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-bottom:0}.hero-home h1{font-size:clamp(46px,10.8vw,67px);max-width:540px;margin-bottom:21px}.hero-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:21px;max-width:none}.hero-description{font-size:15px;max-width:470px;margin-bottom:25px}.hero .button{gap:13px;}.hero .button .icon{width:16px;height:16px}.hero .button-group{gap:10px}.hero-footnote{margin-top:25px}.hero-art{height:410px;width:min(100%,470px);margin-inline:auto;margin-top:6px;position:relative}.studio-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.74);transform-origin:center center;width:510px;height:535px}.hero-inner .studio-visual{transform:translate(-50%,-50%) scale(.69);transform-origin:center center}.hero-inner{padding:25px 0 30px}.hero-inner .hero-copy{padding:0}.hero-inner h1{font-size:43px}.hero-inner .hero-description{font-size:15px}.hero-inner .hero-art{height:365px;margin-top:5px}.platform-strip{margin-top:0;padding-top:21px;padding-bottom:29px;display:block}.platform-caption{display:block;max-width:none;margin-bottom:20px;font-size:10px;text-align:center}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:23px 28px;max-width:350px;margin:auto}.platforms>span{justify-content:center;font-size:19px}.platforms .woo-word{font-size:25px}.woo-word span{font-size:16px}.platforms .shopify-word{font-size:24px}.platforms .bigcommerce-word{font-size:15px}.section{padding-block:60px}.eyebrow{font-size:10px;margin-bottom:17px}h2{font-size:35px;line-height:1.1}.section-top{display:block;margin-bottom:30px}.section-top .text-link{margin-top:24px;font-size:12px}.section-top .small-note{display:block;margin-top:20px;font-size:12px}.section-intro h2{margin-bottom:18px}.section-description{font-size:14px;line-height:1.8}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:0;padding:25px}.service-card-top{margin-bottom:24px}.service-card h3{font-size:23px}.service-card p{font-size:14px;max-width:none;margin-bottom:24px}.service-card-link{font-size:12px}.service-icon{width:44px;height:44px}.projects-grid{grid-template-columns:1fr;gap:31px}.project-image{height:300px;padding:35px}.project-mini-content{min-height:161px}.project-mini-content h3,.project-legal .project-mini-content h3{font-size:34px}.project-caption h3{font-size:22px}.project-caption p{font-size:12px}.concept-disclaimer{font-size:10px;line-height:1.8;margin-top:23px}.split-grid{grid-template-columns:1fr;gap:39px}.split-art{max-width:510px;width:100%;margin:auto}.split-copy{order:-1}.split-grid.is-reversed .split-art{order:0}.split-copy h2{font-size:35px}.split-copy .prose{font-size:14px}.split-art:has(.studio-visual){height:385px;position:relative}.split-art .studio-visual{transform:translate(-50%,-50%) scale(.7);transform-origin:center center;height:535px;margin:0}.design-board{padding:26px;transform:rotate(-1deg)}.swatches>i{height:65px}.type-sample>span{font-size:80px}.type-sample>div{font-size:11px}.code-preview{font-size:11px;padding:20px}.board-label{font-size:7px}.board-note{font-size:9px}.check-list li{font-size:13px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:34px}.step-number{margin-bottom:18px;padding-bottom:16px}.process-step h3{font-size:20px}.process-step p{font-size:13px}.faq-grid{grid-template-columns:1fr;gap:32px}.faq-grid h2{font-size:35px}.faq-item summary{font-size:14px;padding:23px 0}.cta-section{padding:10px 0 55px}.cta-panel{display:block;padding:34px 26px;border-radius:12px}.cta-panel h2{font-size:35px}.cta-panel .section-description{font-size:13px}.cta-panel .button{margin-top:26px;}.cta-spark{right:-100px;top:80px;font-size:320px}.journal-grid{grid-template-columns:1fr;gap:38px}.journal-art{aspect-ratio:1.8;padding:28px}.journal-art-word{font-size:27px}.journal-card h3{font-size:24px}.journal-card>p{font-size:14px}.journal-meta{font-size:10px}.journal-card .text-link{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:35px}.contact-next{margin-top:27px}.contact-form-panel{padding:26px 21px}.contact-form-panel>h3{font-size:26px}.contact-form-panel>.eyebrow{font-size:8px}.contact-form-panel label{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}.article-header{padding-top:45px;padding-bottom:20px}.article-header h1{font-size:40px}.article-header .hero-description{font-size:16px}.article-body{padding-bottom:35px;font-size:15px}.prose h2{font-size:28px}.prose h3{font-size:23px}.nav-links{flex-wrap:wrap}.nav-next{margin-left:auto;text-align:right}.error-page{padding-block:90px}.error-page h1{font-size:47px}.error-page p{font-size:15px}.site-footer{padding-top:43px}.footer-grid{grid-template-columns:1fr 1fr;gap:31px 24px;padding-bottom:34px}.footer-about{grid-column:1/3;grid-row:auto}.footer-about .brand{margin-bottom:17px}.footer-about>p{max-width:300px;font-size:15px;margin-bottom:15px}.footer-signoff{font-size:12px}.footer-grid h2{font-size:14px;margin:0 0 17px}.footer-grid li{font-size:14px}.footer-grid>div:last-child{grid-column:1/3;display:block}.footer-grid>div:last-child ul{gap:12px 22px}.footer-bottom{align-items:flex-start;gap:15px;flex-wrap:wrap;font-size:12px;padding-block:19px}.footer-bottom p:nth-child(2){order:3;flex-basis:100%}.footer-bottom>a{margin-left:auto}.alignleft,.alignright{float:none;margin:20px auto}}
@media(max-width:374px){.container{width:calc(100% - 32px)}.hero-home h1{font-size:44px}.hero .button-group{flex-direction:column;align-items:stretch}.hero .button{justify-content:space-between}.hero-art{height:345px}.studio-visual{transform:translate(-50%,-50%) scale(.63)}.hero-inner .studio-visual{transform:translate(-50%,-50%) scale(.6)}.hero-inner .hero-art{height:325px}.hero-inner h1{font-size:37px}.hero-eyebrow{font-size:7px}.process-grid{grid-template-columns:1fr}.project-image{padding-inline:22px}.contact-form-panel{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.hero-art,.split-art,.button-group,.cta-section,.menu-toggle,.project-image,.journal-art{display:none!important}body{background:#fff;color:#000}.container{width:100%}.section{padding:20px 0}.hero-grid,.split-grid,.contact-grid{display:block}.hero-inner{background:#fff}.service-card,.project-card,.process-step{break-inside:avoid}a{text-decoration:underline}.hero h1{font-size:36px}.hero-copy{padding:0}} .contact-form-panel .wpcf7-acceptance,
.contact-form-panel .wpcf7-acceptance .wpcf7-list-item {
display: block;
}
.contact-form-panel .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0;
padding: 16px;
border: 1px solid #d8e2c9;
border-radius: 10px;
background: #f5f8ef;
color: #48553c;
font-size: 13px;
font-weight: 400;
line-height: 1.65;
cursor: pointer;
}
.contact-form-panel .wpcf7-acceptance label:hover {
border-color: #9eaf86;
}
.contact-form-panel .wpcf7-acceptance label:has(input:checked) {
background: #eef5e3;
border-color: #819b5f;
}
.contact-form-panel .wpcf7-acceptance label:focus-within {
border-color: #506d2d;
box-shadow: 0 0 0 3px #506d2d1a;
}
.contact-form-panel .wpcf7-acceptance input[type=checkbox] {
flex: 0 0 20px;
width: 20px;
height: 20px;
margin: 1px 0 0;
accent-color: #506d2d;
cursor: pointer;
}
.contact-form-panel .wpcf7-acceptance .wpcf7-list-item-label {
min-width: 0;
overflow-wrap: anywhere;
} button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
border-radius: 50px;
min-height: 40px;
padding: 10px 18px;
font-size: 14px;
} .contact-details-section { padding-bottom: 0; }
.contact-details-heading { max-width: 610px; margin-bottom: 32px; }
.contact-details-heading .eyebrow { margin-bottom: 14px; }
.contact-details-heading h2 { margin-bottom: 16px; }
.contact-details-heading p { margin: 0; color: var(--muted); }
.contact-details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 20px; }
.contact-info-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 30px; background: #f2f6e9; border: 1px solid #dce5cf; border-radius: 18px; }
.contact-info-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 26px; background: #e1edcb; color: var(--green); border-radius: 14px; }
.contact-info-icon .icon { width: 24px; height: 24px; }
.contact-info-card h3 { margin: 0 0 8px; font-size: 23px; letter-spacing: -.025em; }
.contact-info-caption { margin: 0 0 22px; color: var(--muted); font-size: 14px; }
.contact-info-value { display: block; margin-top: auto; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.7; overflow-wrap: anywhere; }
.contact-info-link { transition: background .2s, border-color .2s, transform .2s; }
.contact-info-link .contact-info-value { padding-right: 28px; }
.contact-info-link:hover { background: #eaf2dc; border-color: #b8cb9b; color: var(--ink); transform: translateY(-3px); }
.contact-info-arrow { position: absolute; right: 28px; top: 32px; color: #658343; }
.contact-info-arrow .icon { width: 19px; height: 19px; }
@media (max-width: 680px) {
.contact-details-grid { gap: 14px; }
.contact-info-card { padding: 25px; }
.contact-info-icon { margin-bottom: 20px; }
.contact-info-arrow { right: 24px; top: 27px; }
}
.journal-load-controls { margin-top: 40px; text-align: center; }
.journal-load-more[hidden] { display: none; }
.journal-load-status { margin: 12px 0 0; font-size: 14px; color: var(--muted); }
.journal-load-status:empty { display: none; }.studio-design {
--paper: #0c0c0c;
--white: #151515;
--ink: #f5f1e9;
--muted: #aaa7a0;
--line: #30302d;
--lime: #f9a65b;
--green: #ffc28a;
--container: 1320px;
background: var(--paper);
color: var(--ink);
color-scheme: dark;
}
.studio-design ::selection { background: #f9a65b; color: #111; }
.studio-design a:hover { color: #ffc28a; }
.studio-design a:focus-visible,
.studio-design button:focus-visible,
.studio-design input:focus-visible,
.studio-design textarea:focus-visible,
.studio-design select:focus-visible,
.studio-design summary:focus-visible { outline-color: #ffc28a; }
.studio-design h1, .studio-design h2 { font-weight: 800; letter-spacing: -.045em; }
.studio-design h2 { font-size: clamp(36px, 4.5vw, 66px); line-height: 1.06; }
.studio-design h3 { font-weight: 700; }
.studio-design .section { padding-block: 110px; } .studio-design .split-section,
.studio-design .faq-section,
.studio-design .journal-section,
.studio-design .cta-section,
.studio-design .single-article { background: var(--paper); color: var(--ink); }
.studio-design .skip-link { background: #f8ac67; color: #21160d; }
.studio-design .prose blockquote { background: #211c16; border-color: #f8ac67; color: #dfd0bd; }
.studio-design .prose pre { background: #191714; color: #dfd0bd; }
.studio-design .eyebrow { color: #f9b97a; font-size: 10px; font-weight: 600; letter-spacing: .18em; }
.studio-design .section-intro { max-width: 780px; }
.studio-design .section-description { max-width: 580px; font-size: 15px; line-height: 1.85; }
.studio-design .text-link { border-color: #57524a; font-size: 14px; }
.studio-design .button { background: #f8ac67; border-color: #f8ac67; color: #17120d; font-weight: 600; }
.studio-design .button:hover { background: #ffca97; border-color: #ffca97; color: #17120d; }
.studio-design .button-secondary { color: #f5f1e9; background: transparent; border-color: #6b645c; }
.studio-design .button-secondary:hover { background: #27221e; color: #fff; border-color: #f8ac67; } .studio-design .site-header { height: 88px; position: sticky; top: 0; background: #0c0c0cf2; border-color: #ffffff12; backdrop-filter: blur(16px); }
.studio-design.admin-bar .site-header { top: 32px; }
.studio-design .brand { color: #f6f2eb; letter-spacing: -1.4px; font-size: 26px; }
.studio-design .brand-mark { color: #f8ac67; }
.studio-design .brand-dot { color: #f8ac67; }
.studio-design .site-navigation { gap: 38px; }
.studio-design .primary-menu { gap: 28px; }
.studio-design .primary-menu a { font-size: 14px; color: #d1cec7; }
.studio-design .primary-menu a:hover,
.studio-design .primary-menu .current-menu-item > a { color: #ffc28a; }
.studio-design .header-cta { background: transparent; border-color: #797066; color: #f4e9dc; }
.studio-design .sub-menu { background: #191918; border-color: #3c3833; border-radius: 10px; box-shadow: 0 20px 45px #0009; }
.studio-design .sub-menu a:hover { background: #30251c; color: #ffc28a; }
.studio-design .submenu-toggle { min-height: 40px; padding: 0; } .studio-hero { position: relative; isolation: isolate; overflow: hidden; min-height: min(810px, 95svh); background: radial-gradient(ellipse at 78% 50%, #241a13 0, #100f0e 41%, #0c0c0c 72%); }
.studio-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.studio-hero-content { position: relative; padding-top: 58px; }
.studio-hero-top { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 68px; }
.studio-hero-top .eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0; line-height: 1.6; }
.studio-dot { width: 7px; height: 7px; border-radius: 50%; background: #fa9b51; box-shadow: 0 0 18px #ec772c99; flex-shrink: 0; }
.studio-edition { font-size: 11px; font-weight: 600; letter-spacing: .13em; color: #fff7ec; background: #0c0c0ceB; padding: 9px 12px; border: 1px solid #ffffff26; border-radius: 6px; }
.studio-hero h1 { position: relative; max-width: 1000px; font-size: clamp(64px, 8.5vw, 122px); line-height: .96; letter-spacing: -.065em; font-weight: 900; margin: 0 0 40px; }
.studio-hero .heading-accent { display: block; color: #ffc28a; }
.studio-hero-art { position: absolute; z-index: -1; width: min(76vw, 1100px); right: -120px; top: -110px; pointer-events: none; opacity: .86; }
.studio-hero-art img { width: 100%; height: auto; filter: saturate(.8); mask-image: linear-gradient(90deg, transparent 0%, #0005 25%, #000 52%); }
.studio-hero-bottom { display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; }
.studio-hero-intro { max-width: 500px; }
.studio-hero-intro p { color: #c7c0b7; font-size: 16px; line-height: 1.85; margin-bottom: 28px; }
.studio-hero-note { color: #fff7ec; font-size: 13px; font-weight: 500; line-height: 1.8; text-align: right; background: #0c0c0ceb; padding: 14px 18px; border: 1px solid #ffffff26; border-radius: 8px; }
.studio-hero-note > span { display: block; font-size: 28px; color: #f8ac67; margin-top: 20px; }
.studio-hero-index { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid #c1a18330; margin-top: 58px; padding: 22px 0; color: #aaa197; font-size: 10px; letter-spacing: .04em; }
.studio-hero-index > span { color: #fff7ec; font-size: 11px; font-weight: 500; background: #0c0c0ceb; padding: 8px 10px; border-radius: 5px; }
.studio-platforms { border-block: 1px solid var(--line); background: #121211; }
.studio-platforms > .container { display: flex; align-items: center; gap: 50px; padding-block: 30px; }
.studio-platforms > .container > span { font-size: 10px; color: #8c887f; text-transform: uppercase; letter-spacing: .12em; flex-shrink: 0; }
.studio-platforms > .container > div { display: flex; flex: 1; justify-content: space-between; flex-wrap: wrap; gap: 20px 28px; font-size: 16px; font-weight: 600; color: #aaa8a1; }
.studio-platforms > .container > div > span { display: inline-flex; align-items: center; gap: 10px; }
.studio-platforms .icon { width: 24px; height: 24px; flex-shrink: 0; color: #f9b97a; } .studio-design .services-section { background: #0c0c0c; border: 0; }
.studio-design .section-top { margin-bottom: 54px; }
.studio-design .services-grid { grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--line); }
.studio-design .service-card { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 32px 32px 30px 0; min-height: 290px; }
.studio-design .service-card:not(:nth-child(3n+1)) { padding-left: 32px; border-left: 1px solid var(--line); }
.studio-design .service-card:hover { background: #171411; transform: none; color: #fff; }
.studio-design .service-card h3 { font-size: 25px; }
.studio-design .service-card p { font-size: 14px; color: #aaa7a0; }
.studio-design .service-card-top { margin-bottom: 26px; }
.studio-design .service-icon { border: 1px solid #5d4936; color: #f9b97a; border-radius: 50%; background: transparent; }
.studio-design .card-index { color: #d8a26f; }
.studio-design .service-card-link { border: 0; color: #dfd8cf; padding-top: 5px; font-size: 12px; }
.studio-design .service-card:hover .service-card-link .icon { transform: translate(3px, -3px); }
.studio-design .service-card-link .icon { transition: transform .2s; }
.studio-design .projects-section { background: #151514; border-block: 1px solid #262522; }
.studio-design .project-image { border-radius: 8px; background: #b5643b; height: 430px; padding: 55px 45px; }
.studio-design .project-legal { background: #444d5b; }
.studio-design .project-browser { color: #2f3928; box-shadow: 0 35px 65px #0005; }
.studio-design .project-legal .project-browser { color: #f9f3e4; }
.studio-design .project-legal .project-image-label { color: #f7e9d5; }
.studio-design .project-image-label { color: #f7e9d5; font-size: 9px; }
.studio-design .project-caption { padding-top: 23px; }
.studio-design .project-caption h3 { font-size: 30px; }
.studio-design .project-caption p { color: #aaa7a0; font-size: 14px; }
.studio-design .project-caption > a { background: transparent; border: 1px solid #6f675b; color: #f9b97a; width: 44px; height: 44px; }
.studio-design .concept-disclaimer { color: #8e8b84; }
.studio-design .split-grid { gap: 90px; }
.studio-design .split-copy h2 { font-size: clamp(36px, 4.3vw, 61px); }
.studio-design .prose { color: #bbb7af; }
.studio-design .prose h2, .studio-design .prose h3 { color: #f5f1e9; }
.studio-design .prose a { color: #ffc28a; }
.studio-design .design-board { background: #1b1917; border-color: #4a3a2c; box-shadow: 0 30px 80px #0006; transform: rotate(-3deg); }
.studio-design .board-label { color: #c1a17f; }
.studio-design .swatches > i:nth-child(1) { background: #f9a65b; }
.studio-design .swatches > i:nth-child(2) { background: #f0e5d7; }
.studio-design .swatches > i:nth-child(3) { background: #8a715b; }
.studio-design .swatches > i:nth-child(4) { background: #10100f; }
.studio-design .type-sample > span { color: #ffc28a; }
.studio-design .type-sample > div, .studio-design .board-note { color: #c3b8ac; }
.studio-design .code-preview { background: #0b0b0a; color: #b6ac9f; border-color: #3b332c; }
.studio-design .code-preview b, .studio-design .code-preview > span { color: #f9b97a; }
.studio-design .check-list li { color: #c3b8ac; }
.studio-design .check-list .icon { color: #f9b97a; background: #352719; }
.studio-design .studio-visual { color: #22281f; color-scheme: light; }
.studio-design .process-section { background: #151514; border-block: 1px solid #262522; }
.studio-design .step-number { color: #f9b97a; border-color: #3e3831; font-size: 42px; font-weight: 400; }
.studio-design .process-step h3 { font-size: 24px; }
.studio-design .process-step p { color: #aaa7a0; font-size: 14px; }
.studio-design .faq-grid h2 { font-size: clamp(36px, 4.3vw, 60px); }
.studio-design .faq-item summary { font-size: 17px; }
.studio-design .faq-item summary .icon { color: #f9b97a; }
.studio-design .faq-item[open] summary { color: #ffc28a; } .studio-design .journal-art { background: #252920; color: #bdcba6; border-radius: 8px; }
.studio-design .journal-card:nth-child(3n+2) .journal-art { background: #20282b; color: #9dbfc6; }
.studio-design .journal-card:nth-child(3n) .journal-art { background: #30251c; color: #d4b18c; }
.studio-design .journal-card h3 { font-size: 26px; }
.studio-design .journal-meta { color: #a49b8e; }
.studio-design .journal-card > p { font-size: 14px; }
.studio-design .cta-section { padding: 35px 0 95px; }
.studio-design .cta-panel { padding: 70px 60px; background: #efab70; color: #21160e; border-radius: 10px; gap: 45px; }
.studio-design .cta-panel h2 { font-size: clamp(42px, 5.4vw, 76px); max-width: 800px; }
.studio-design .cta-panel .eyebrow { color: #603817; }
.studio-design .cta-panel .section-description { color: #543a25; }
.studio-design .cta-panel .button { color: #ffdebe; background: #221a13; border-color: #221a13; }
.studio-design .cta-panel .button:hover { background: #3b2b1d; }
.studio-design .cta-spark { color: #cf8244; opacity: .28; }
.studio-design .site-footer { background: #0a0a0a; border-color: #2b2926; padding-top: 0; }
.studio-footer-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 50px 0 35px; border-bottom: 1px solid #302b26; margin-bottom: 48px; }
.studio-footer-heading > span { font-family: Nunito, sans-serif; font-weight: 900; font-size: clamp(46px, 9.5vw, 145px); letter-spacing: -.065em; line-height: 1; color: #f1e8dc; }
.studio-footer-heading > a { display: grid; place-items: center; width: 64px; height: 64px; flex-shrink: 0; border: 1px solid #69533e; border-radius: 50%; color: #f9b97a; }
.studio-footer-heading .icon { width: 30px; height: 30px; }
.studio-design .footer-grid h2 { color: #eee4d6; font-size: 14px; letter-spacing: 0; }
.studio-design .footer-grid li, .studio-design .footer-about > p { color: #aaa398; }
.studio-design .footer-signoff, .studio-design .footer-bottom { color: #9b9286; } .studio-design .hero-inner { background: radial-gradient(ellipse at 88% 30%, #2b2017, #11100f 60%); border-color: #38302a; }
.studio-design .hero-inner h1 { font-size: clamp(42px, 4.8vw, 70px); }
.studio-design .heading-accent { color: #ffc28a; }
.studio-design .hero-inner .hero-description { color: #bab0a4; }
.studio-design .hero-inner .studio-visual { filter: saturate(.7); }
.studio-design .contact-form-panel { background: #181715; border-color: #3c352c; border-radius: 12px; }
.studio-design .contact-form-panel label { color: #ddd2c4; }
.studio-design input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.studio-design select, .studio-design textarea { background: #111110; border-color: #51473a; color: #f4eade; }
.studio-design input::placeholder, .studio-design textarea::placeholder { color: #aaa093; }
.studio-design .contact-form-panel .wpcf7-submit,
.studio-design .comment-respond .submit { background: #f8ac67; border-color: #f8ac67; color: #21160d; }
.studio-design .contact-form-panel .wpcf7-acceptance label { background: #232019; color: #dfd0bd; border-color: #574b39; }
.studio-design .contact-form-panel .wpcf7-acceptance label:has(input:checked) { background: #362a1c; border-color: #c28f55; }
.studio-design .contact-form-panel .wpcf7-acceptance label:focus-within { border-color: #ffc28a; box-shadow: 0 0 0 3px #ffc28a22; }
.studio-design .contact-form-panel .wpcf7-acceptance input { accent-color: #f8ac67; }
.studio-design .contact-details-section { padding-bottom: 0; }
.studio-design .contact-info-card { background: #191714; border-color: #40372c; border-radius: 12px; }
.studio-design .contact-info-icon { background: #352719; color: #ffc28a; }
.studio-design .contact-info-link:hover { background: #272019; border-color: #a67b50; color: #fff0df; }
.studio-design .contact-info-arrow { color: #f8ac67; }
.studio-design .form-unavailable { background: #252017; border-color: #60513b; }
.studio-design .page-numbers.current { background: #f8ac67; color: #21160d; }
.studio-design .article-header h1 { max-width: 1000px; font-size: clamp(40px, 5.6vw, 78px); }
.studio-design .article-body { color: #c5bdb2; }
.studio-design .woocommerce ul.products li.product .button { background: #f8ac67; color: #21160d; }
.studio-design .woocommerce a.button { background: #f8ac67; color: #21160d; }
.studio-design .woocommerce span.onsale { background: #f8ac67; color: #21160d; } .studio-reveal { animation: studio-enter .7s both; }
@keyframes studio-enter { from { opacity: .25; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
.studio-hero-art { animation: studio-arrive 1.2s ease-out both; }
@keyframes studio-arrive { from { transform: translate(25px, 10px) rotate(3deg); } to { transform: none; } }
@media (max-width: 1100px) {
.studio-design .site-navigation { gap: 24px; }
.studio-design .primary-menu { gap: 20px; }
.studio-hero { min-height: 0; }
.studio-hero h1 { font-size: clamp(68px, 9.5vw, 105px); }
.studio-hero-art { width: 90vw; right: -230px; top: -25px; opacity: .6; }
.studio-design .project-image { height: 350px; padding: 40px 28px; }
.studio-design .split-grid { gap: 50px; }
.studio-design .cta-panel { padding: 50px 40px; }
}
@media (max-width: 960px) {
.studio-design .site-header { height: 80px; }
.studio-design .menu-toggle { background: #1b1916; border-color: #6a5846; color: #f7dfc8; }
.studio-design .site-navigation { background: #131211; border-color: #3a3128; }
.studio-design .primary-menu > li { border-color: #3a3128; }
.studio-design .sub-menu { background: #1e1a16; }
.studio-design .submenu-toggle { width: 44px; }
.studio-design .section { padding-block: 80px; }
.studio-design .services-grid { grid-template-columns: repeat(2, 1fr); }
.studio-design .service-card:not(:nth-child(3n+1)) { border-left: 0; padding-left: 0; }
.studio-design .service-card:nth-child(even) { border-left: 1px solid var(--line); padding-left: 26px; }
.studio-design .service-card { padding-right: 26px; }
.studio-platforms > .container { gap: 25px; align-items: flex-start; }
.studio-platforms > .container > div { justify-content: flex-start; font-size: 14px; }
.studio-design .contact-details-section { padding-bottom: 0; }
}
@media (max-width: 782px) { .studio-design.admin-bar .site-header { top: 46px; } }
@media (max-width: 680px) {
.studio-design .site-header { height: 74px; }
.studio-design .brand { font-size: 23px; }
.studio-design .section { padding-block: 64px; }
.studio-design .section-top { margin-bottom: 35px; }
.studio-hero-content { padding-top: 32px; }
.studio-hero-top { margin-bottom: 64px; }
.studio-hero-top .eyebrow { font-size: 8px; max-width: 250px; }
.studio-edition { display: none; }
.studio-hero h1 { font-size: clamp(52px, 11.7vw, 78px); letter-spacing: -.065em; margin-bottom: 30px; max-width: 580px; }
.studio-hero-art { width: 760px; right: -420px; top: -95px; opacity: .46; }
.studio-hero-bottom { display: block; }
.studio-hero-intro p { font-size: 14px; max-width: 420px; }
.studio-hero-note { display: none; }
.studio-hero .button-group { gap: 12px; }
.studio-hero .button { gap: 12px; }
.studio-hero-index { margin-top: 45px; font-size: 9px; align-items: flex-start; }
.studio-hero-index > span:last-child { max-width: 150px; text-align: right; }
.studio-platforms > .container { display: block; padding-block: 24px; }
.studio-platforms > .container > span { display: block; margin-bottom: 20px; font-size: 9px; }
.studio-platforms > .container > div { font-size: 14px; gap: 16px 23px; }
.studio-design .services-grid { grid-template-columns: 1fr; }
.studio-design .service-card,
.studio-design .service-card:nth-child(even),
.studio-design .service-card:not(:nth-child(3n+1)) { padding: 26px 0; border-left: 0; min-height: 0; }
.studio-design .service-card-top { margin-bottom: 20px; }
.studio-design .service-card h3 { font-size: 28px; }
.studio-design .project-image { height: 310px; padding: 36px 26px; }
.studio-design .project-caption h3 { font-size: 26px; }
.studio-design .split-grid { gap: 40px; }
.studio-design .process-step h3 { font-size: 21px; }
.studio-design .process-step p { font-size: 13px; }
.studio-design .cta-section { padding: 15px 0 60px; }
.studio-design .cta-panel { padding: 36px 25px; }
.studio-design .cta-panel h2 { font-size: 43px; }
.studio-design .cta-panel .button { margin-top: 28px; }
.studio-footer-heading { padding-top: 38px; margin-bottom: 35px; gap: 12px; }
.studio-footer-heading > span { font-size: clamp(34px, 10vw, 64px); }
.studio-footer-heading > a { width: 40px; height: 40px; }
.studio-footer-heading .icon { width: 22px; height: 22px; }
.studio-design .hero-inner { overflow: hidden; }
.studio-design .hero-inner h1 { font-size: 44px; }
.studio-design .contact-details-section { padding-bottom: 0; }
.studio-design .contact-form-panel { padding: 25px 20px; }
.studio-design .footer-grid { column-gap: 22px; }
}
@media (max-width: 600px) { .studio-design.admin-bar .site-header { top: 0; } }
@media (prefers-reduced-motion: reduce) {
.studio-reveal, .studio-hero-art { animation: none; }
.studio-design *, .studio-design *::before, .studio-design *::after { transition: none !important; }
}
@media print {
.studio-design { --ink: #111; --muted: #444; --paper: #fff; color-scheme: light; }
.studio-hero-art, .studio-platforms, .studio-hero-note, .studio-footer-heading { display: none; }
.studio-hero { background: #fff; min-height: 0; }
.studio-hero h1, .studio-hero .heading-accent { color: #111; font-size: 42px; }
} .studio-platforms .platform-brand { display: inline-block; width: 24px; height: 24px; flex-shrink: 0; background-color: #f9b97a; mask: var(--platform-icon) center / contain no-repeat; -webkit-mask: var(--platform-icon) center / contain no-repeat; }
.platform-brand-wordpress { --platform-icon: url(//syltechweb.com/wp-content/themes/syltechweb/assets/images/platforms/wordpress.svg); }
.platform-brand-woocommerce { --platform-icon: url(//syltechweb.com/wp-content/themes/syltechweb/assets/images/platforms/woocommerce.svg); }
.platform-brand-shopify { --platform-icon: url(//syltechweb.com/wp-content/themes/syltechweb/assets/images/platforms/shopify.svg); }
.platform-brand-bigcommerce { --platform-icon: url(//syltechweb.com/wp-content/themes/syltechweb/assets/images/platforms/bigcommerce.svg); }.portfolio-section{background:var(--paper);border-block:1px solid var(--line)}
.portfolio-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}
.portfolio-track>.portfolio-card{flex:0 0 calc((100% - 56px)/3);min-width:0;scroll-snap-align:start}
.portfolio-image{display:block;aspect-ratio:1.5;overflow:hidden;border-radius:12px;background:#e7ebdf;color:#536345}
.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.portfolio-image:hover img{transform:scale(1.035)}
.portfolio-placeholder{display:grid;place-items:center;height:100%;background:linear-gradient(135deg,#e7ebdf,#c9d7ba)}
.portfolio-placeholder .icon{width:72px;height:72px}
.portfolio-caption{padding:24px 0}.portfolio-caption h3{font-size:28px;margin:8px 0 12px}.portfolio-caption p{color:var(--muted)}
.portfolio-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:12px}.portfolio-controls[hidden]{display:none}.portfolio-controls button:disabled{opacity:.35;cursor:default;transform:none}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.portfolio-header{padding-block:80px 45px}.portfolio-header h1{font-size:clamp(42px,6vw,82px);line-height:1.08;max-width:1000px;margin:24px 0}.portfolio-header p{max-width:700px;color:var(--muted)}
.portfolio-cover img{width:100%;height:auto;border-radius:12px}.portfolio-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:70px;padding-block:65px}.portfolio-detail-grid .prose{min-width:0}.portfolio-details{margin:0}.portfolio-details>div{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}.portfolio-details dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.portfolio-details dd{margin:6px 0 0;overflow-wrap:anywhere}
.studio-design .portfolio-image{background:#211c16;color:#ffc28a}.studio-design .portfolio-placeholder{background:linear-gradient(135deg,#33271d,#151514)}
@media(max-width:960px){.portfolio-track>.portfolio-card{flex-basis:calc((100% - 28px)/2)}}
@media(max-width:680px){.portfolio-track>.portfolio-card{flex-basis:100%}.portfolio-grid,.portfolio-detail-grid{grid-template-columns:1fr}.portfolio-detail-grid{gap:30px}.portfolio-header{padding-top:45px}.portfolio-section .section-top{display:block}.portfolio-section .section-top>.text-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.portfolio-image img{transition:none}}