/* Octovia Nexus / Studio Collection — October 2026. Shared by every public page. */
:root{--bg:#fafaf7;--bg-deep:#efefe9;--card:#fff;--ink:#142b2a;--ink-soft:#596562;--ink-faint:#6c7672;--line:#daddd5;--teal:#184f47;--teal-dark:#184f47;--teal-deep:#123c36;--navy:#142b2a;--accent-grad:linear-gradient(100deg,#184f47,#184f47);--font-display:'Satoshi','Segoe UI',sans-serif;--font-body:'Geist','Segoe UI',sans-serif;--radius:4px;--radius-sm:3px;--gutter:clamp(22px,4.6vw,76px);--section-gap:100px}
html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--bg);font-family:var(--font-body);color:var(--ink);line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}[hidden],.work-card.is-hidden{display:none!important}:focus-visible{outline:3px solid #30796c;outline-offset:5px}.skip-link:focus{z-index:10000}.topbar{position:relative;height:34px;min-height:34px;display:flex;justify-content:center;align-items:center;gap:8px;background:#183d36;color:#edf4ed;font-size:10px;letter-spacing:.08em;font-weight:400;z-index:101}.topbar a{text-decoration:underline;text-underline-offset:3px}.nav,.nav.nav--scrolled{position:sticky;top:0;inset-inline:0;background:#fafaf7f5;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(16px);z-index:100}.nav__inner{height:88px;min-height:88px;max-width:1600px;padding:0 var(--gutter);gap:30px}.nav__lockup{width:210px!important;height:auto!important;max-height:none!important}.nav__links{gap:30px;margin-left:auto}.nav__links>a,.nav__drop-btn{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;color:var(--ink)}.nav__drop-btn{display:flex;align-items:center;gap:8px}.nav__links>a:hover,.nav__drop-btn:hover{color:var(--teal)}.nav__drop-panel{border-radius:4px;padding:14px;box-shadow:0 18px 50px #162b2a15;background:var(--bg);min-width:290px}.nav__drop-panel a{font-size:12px;padding:10px 12px}.nav__drop-panel a:hover{background:#e9eee7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:13px 22px;border-radius:3px;font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;letter-spacing:0;box-shadow:none}.btn--primary{background:#184f47;color:#fff;border:1px solid #184f47;box-shadow:none}.btn--primary:hover{background:#123c36;box-shadow:none}.btn--ghost{background:transparent;border:1px solid #bcc5ba;color:var(--ink)}.btn--ghost:hover{background:#edf0e8}.nav__cta{min-height:43px;padding:10px 19px;margin-left:8px;gap:30px}.nav__burger{flex-shrink:0}.mobile-menu{top:122px;background:var(--bg);padding:24px var(--gutter);bottom:0;overflow:auto}.mobile-menu>a,.mobile-menu__svc-toggle{font-size:21px;letter-spacing:-.02em}.mobile-menu__svc>a{font-size:15px}.mobile-menu .btn{color:#fff}.sf-wrap{max-width:1600px;margin:auto;padding-inline:var(--gutter)}.sf-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;line-height:1.5}.sf-label::before{content:'';display:inline-block;background:#4f7b60;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin:0 9px 2px 0}.sf-hero{overflow:hidden;background:var(--bg)}.sf-hero__grid{min-height:635px;display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:26px;padding-block:52px 50px}.sf-hero__copy{position:relative;z-index:2;padding-block:20px}.sf-hero h1{font-size:clamp(60px,6.05vw,100px);font-weight:500;line-height:1.01;letter-spacing:-.075em;margin:28px 0 25px;max-width:720px}.sf-hero h1 em{font-style:normal;color:#4c7562}.sf-hero__lead{max-width:420px;font-size:15px;color:var(--ink-soft);line-height:1.8}.sf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.sf-text-link{font-size:12px;text-decoration:none;border-bottom:1px solid #aab8a8;padding:10px 0;display:inline-flex;gap:22px;align-items:center}.sf-hero__footnote{display:flex;align-items:center;gap:11px;margin-top:35px;font-size:10px;color:#6a756c}.sf-hero__footnote .mini-mark{width:28px;height:28px}.sf-hero__visual{position:relative;height:520px;isolation:isolate;background:#e8eee3;border-radius:50% 50% 8px 8px;max-width:720px;width:100%}.sf-hero__visual::before{content:'';position:absolute;inset:14% 6% 0;border:1px solid #ccd8c6;border-radius:50% 50% 0 0;z-index:-1}.sf-hero__visual::after{content:'';position:absolute;bottom:12%;left:15%;right:5%;height:18%;border-radius:50%;background:#60735c30;filter:blur(26px);z-index:-1}.hero-orbit{position:absolute;top:15px;left:26px;display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.12em;z-index:4}.hero-orbit span{height:5px;width:5px;border-radius:50%;background:#447b5d}.hero-screen{position:absolute;width:91%;left:2%;top:88px;border:7px solid #283b34;border-bottom-width:10px;border-radius:11px;background:#fff;box-shadow:0 20px 40px #213c3426;transform:rotate(-5deg);overflow:hidden}.browser-bar{height:27px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#fbfbf9;color:#89928a;border-bottom:1px solid #e4e7df;font-family:var(--font-body);font-size:8px;letter-spacing:.02em}.browser-dots{font-size:6px;letter-spacing:3px;white-space:nowrap;color:#b3bab0}.hero-screen>img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}.hero-mini{position:absolute;width:47%;right:-5%;bottom:26px;transform:rotate(6deg);border:5px solid #fff;border-radius:5px;background:white;box-shadow:0 15px 45px #182e3326;overflow:hidden}.hero-mini img{width:100%;display:block;aspect-ratio:1.44;object-fit:cover;object-position:top}.hero-note{position:absolute;bottom:18px;left:2px;padding:12px 17px;border:1px solid #d2ddce;background:#fafbf4;box-shadow:0 5px 15px #203e2510;z-index:4;transform:rotate(-5deg);font-size:11px}.hero-note span{color:#52725c;margin-right:10px}.hero-annotation{position:absolute;right:9px;top:41px;font-size:9px;letter-spacing:.09em;color:#59705d}.sf-credentials{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f2f3ed}.sf-credentials__inner{display:flex;justify-content:space-between;align-items:center;gap:26px;padding-block:26px}.sf-credentials p{font-size:10px;line-height:1.7;color:#6c766c;max-width:135px}.sf-client-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.sf-client-name.cherut{font-family:Georgia,serif;letter-spacing:.05em;font-weight:400}.sf-client-name.irene{font-size:13px;letter-spacing:.12em;font-weight:500}.sf-client-name.dynasty{font-size:15px;letter-spacing:.06em}.sf-client-name.oshicart{color:#4c7562}.sf-section{padding-block:90px}.sf-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.sf-section-head .sf-label{margin-bottom:15px}.sf-section h2,.sf-section-head h2{font-size:clamp(37px,4.1vw,64px);line-height:1.08;letter-spacing:-.06em;font-weight:500}.sf-section-head>p{color:var(--ink-soft);font-size:13px;max-width:335px;margin-bottom:6px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;border:0}.filters button{border:1px solid #d9dfd3;background:transparent;color:#5b685e;border-radius:2px;padding:8px 17px;font-size:11px;cursor:pointer;min-height:37px;transition:background .2s,color .2s}.filters button.is-active,.filters button[aria-pressed=true]{background:#234b3c;border-color:#234b3c;color:#fff}.filters button:hover{border-color:#234b3c}.sf-project-grid,.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px}.project-card.work-card{background:transparent;border:0;border-radius:0;overflow:visible;display:block;box-shadow:none;transform:none}.project-card:hover{box-shadow:none;transform:none}.project-visual{position:relative;display:block;overflow:hidden;aspect-ratio:1.4;border-radius:4px;padding:55px 36px 0;background:#eee7db;text-decoration:none}.tone-sand{background:#eae5d9}.tone-blue{background:#dfe8ee}.tone-olive{background:#e5e7dc}.tone-lilac{background:#e8e4ef}.project-index{position:absolute;top:21px;left:25px;font-size:8px;letter-spacing:.12em;color:#59655b}.project-open{position:absolute;top:15px;right:21px;border:1px solid #9ca99c70;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:16px;transition:background .25s,transform .25s}.project-visual:hover .project-open{background:white;transform:rotate(45deg)}.project-browser{width:100%;background:#fff;border:4px solid #fff;border-radius:5px 5px 0 0;box-shadow:0 9px 30px #23372920;transform:translateY(8px);transition:transform .5s cubic-bezier(.2,.7,.3,1);overflow:hidden}.project-visual:hover .project-browser{transform:translateY(0)}.project-browser>img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.project-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px}.project-caption p{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#607064;margin-bottom:3px}.project-caption h3{font-size:22px;line-height:1.3;letter-spacing:-.04em;font-weight:500}.project-caption h3 a{text-decoration:none}.project-live{font-size:10px;white-space:nowrap;text-decoration:none;border-bottom:1px solid #b8c1b3;padding:5px 0}.project-description{font-size:12px;color:#6a736b;margin-top:9px;max-width:460px}.sf-project-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.sf-project-bottom p{font-size:11px;color:var(--ink-soft)}.sf-services{background:#eeefe8;border-block:1px solid #e3e5db}.sf-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sf-service{position:relative;border:1px solid #d8dfd1;border-radius:4px;background:#fafbf5;padding:28px 25px;display:flex;flex-direction:column;min-height:330px;text-decoration:none;transition:border-color .2s,transform .2s}.sf-service:hover{border-color:#678468;transform:translateY(-3px)}.sf-service-top{display:flex;justify-content:space-between;font-size:11px;color:#6f7b6e}.sf-service-icon{width:49px;height:49px;border:1px solid #a7b7a2;border-radius:50%;display:grid;place-items:center;margin:25px 0 28px;color:#35634e}.sf-service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}.sf-service h3{font-size:26px;letter-spacing:-.04em;line-height:1.15;margin-bottom:13px}.sf-service>p{font-size:12px;color:var(--ink-soft);max-width:290px}.sf-service small{font-size:10px;color:#64806b;display:block;margin-top:22px}.sf-systems{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:65px;padding-top:55px;border-top:1px solid #d8dfd1}.sf-systems h3{font-size:33px;line-height:1.15;letter-spacing:-.045em;margin:15px 0}.sf-systems p{font-size:13px;color:var(--ink-soft);max-width:460px}.sf-systems-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.sf-systems-links a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d1d9cc;padding:17px 0;font-size:11px;text-decoration:none}.sf-studio{background:#173b32;color:#edf0df;position:relative;overflow:hidden}.sf-studio__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;position:relative;z-index:1}.sf-studio .sf-label{color:#b3c6aa}.sf-studio h2{margin-top:24px;max-width:650px;font-size:clamp(44px,4.9vw,76px);line-height:1.06}.sf-studio h2 em{color:#c8d6a1;font-style:normal}.sf-studio__copy{padding-top:38px}.sf-studio__copy>p{font-size:14px;line-height:1.9;color:#c5d0c3;margin-bottom:22px}.sf-studio .sf-text-link{color:#e9f2d6;border-color:#66816c}.sf-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;border-top:1px solid #ffffff26;padding-top:28px}.sf-principles span{font-size:10px;color:#9eb391;display:block;margin-bottom:10px}.sf-principles h3{font-size:17px;margin-bottom:7px;letter-spacing:-.02em}.sf-principles p{color:#b3c5b3;font-size:11px;max-width:300px}.sf-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.sf-price{padding:30px;border-right:1px solid var(--line)}.sf-price:last-child{border:0}.sf-price:nth-child(2){background:#f0f2e9}.sf-price .sf-label{font-size:9px}.sf-price h3{font-size:22px;letter-spacing:-.04em;margin:15px 0 5px}.sf-price p{color:var(--ink-soft);font-size:12px;max-width:290px}.sf-price .amount{display:block;font-family:var(--font-display);font-size:36px;font-weight:500;letter-spacing:-.045em;margin:25px 0 5px}.sf-price .amount small{font-family:var(--font-body);font-size:10px;letter-spacing:0;color:#687264;font-weight:400;margin-right:4px}.sf-price ul{list-style:none;margin:25px 0 30px;min-height:93px}.sf-price li{font-size:11px;line-height:2.3}.sf-price li::before{content:'✓';font-size:10px;color:#4c795c;margin-right:10px}.sf-price .btn{width:100%;gap:20px}.sf-price-note{font-size:10px;color:#6a7567;margin-top:17px}.sf-faq{padding-top:0}.sf-faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.sf-faq-grid h2{margin:20px 0}.sf-faq-grid>div>p{font-size:13px;color:var(--ink-soft);max-width:300px}.sf-faq details{border-bottom:1px solid var(--line);padding:20px 0}.sf-faq details:first-child{border-top:1px solid var(--line)}.sf-faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.sf-faq summary::-webkit-details-marker{display:none}.sf-faq summary::after{content:'+';font-size:22px;color:#6e8066}.sf-faq details[open] summary::after{content:'−'}.sf-faq details p{font-size:12px;color:var(--ink-soft);padding-top:16px;max-width:540px;line-height:1.9}.cta.section{background:#edf0e6;padding:75px var(--gutter);border-top:1px solid #dce2d5}.cta__card{max-width:1448px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:75px;background:none;border:0;border-radius:0;padding:0;box-shadow:none}.cta__text{padding:20px 0}.cta__text::before{content:'A GOOD NEXT STEP';font-size:10px;letter-spacing:.15em;color:#5c755d;display:block;margin-bottom:25px}.cta__text h2{font-size:clamp(40px,4.8vw,70px);line-height:1.06;letter-spacing:-.06em;color:var(--ink)}.cta__text h2 em{color:#577b59;font-style:normal}.cta__text>p{font-size:14px;color:var(--ink-soft);max-width:420px;margin-top:24px}.cta__channels{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:30px}.cta__channel{font-size:12px;color:var(--ink);text-decoration:none}.cta__dot{display:none}.cta__form{display:grid;gap:16px;background:#fafbf6;border:1px solid #dae0d3;border-radius:4px;padding:28px}.cta__form label{display:flex;flex-direction:column;gap:7px}.cta__form label>span{font-size:10px;font-weight:500;color:#4f6251}.cta__form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cta__form input,.cta__form select,.cta__form textarea{width:100%;min-width:0;background:transparent;border:1px solid #d6dfcf;border-radius:2px;padding:12px;font-size:12px;color:var(--ink);min-height:43px}.cta__form textarea{resize:vertical}.cta__form input:focus,.cta__form select:focus,.cta__form textarea:focus{border-color:#59845c;outline:2px solid #59845c30;outline-offset:1px}.cta__form button{width:100%}.cta__privacy{font-size:10px!important;color:#6a7667!important;line-height:1.8!important}.cta__privacy a{color:#365d43}.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.footer3{background:var(--bg);color:var(--ink);border:0;padding:0 var(--gutter)}.footer3__inner{max-width:1448px}.footer3__trust{padding:30px 0;gap:25px;border-bottom:1px solid var(--line)}.footer3__trust b{font-size:10px;color:var(--ink)}.footer3__trust span{font-size:10px;color:#6e796a}.footer3__brandrow{padding:42px 0;gap:50px;border-bottom:1px solid var(--line)}.footer3__logo img{max-width:250px;filter:none}.footer3__brand p,.footer3__cta p{font-size:11px;color:var(--ink-soft);max-width:350px}.footer3__cta h4{font-size:18px;color:var(--ink);letter-spacing:-.03em}.footer3__cols{padding:35px 0;gap:30px}.footer3__cols h4{font-size:10px;color:#3d5b43;text-transform:uppercase;letter-spacing:.1em;margin-bottom:17px}.footer3__cols a,.footer3__muted{font-size:11px;color:#6a7667}.footer3__bottom{border-top:1px solid var(--line);font-size:10px;color:#6b7768;padding:20px 0}.footer-socials{margin-top:20px}.footer-socials__link{background:#f4f5ee!important;border-color:#dfe3d7!important;box-shadow:none!important;width:34px!important;height:34px!important}.footer-socials__icon{width:18px!important;height:18px!important}.wa-fab{width:46px;height:46px;background:#184f47;border-radius:50%;box-shadow:0 4px 12px #0c352722}.wa-greet{display:none!important}.oa-launch{box-shadow:0 3px 15px #19372b15!important}.section{padding-block:75px}.section__inner,.page-hero__inner{max-width:1448px}.page-hero{padding:65px var(--gutter) 55px;margin-top:0;background:#eff1e9;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(43px,6.2vw,86px);font-weight:500;letter-spacing:-.065em;line-height:1.05;max-width:1030px;margin:25px 0}.page-hero h1 em{font-style:normal;color:#527756;background:none}.page-hero__lead{font-size:15px;line-height:1.85;max-width:680px;color:var(--ink-soft)}.page-hero__actions{gap:12px}.breadcrumb{font-size:10px;color:#60705f;gap:8px}.section__title{font-size:clamp(34px,3.9vw,58px);letter-spacing:-.055em;font-weight:500}.section__lead{font-size:14px}.section__eyebrow{font-size:10px;color:#5b7758}.price-card,.service-card,.cap-card,.sol-card{border-radius:4px;box-shadow:none;background:#fafbf6;border-color:#dce1d6}.price-card{padding:27px}.price-card h3{font-size:22px;letter-spacing:-.04em}.price-card__price{color:#234e38}.quote-band{background:#e8ede1;color:var(--ink);border-block:1px solid #dce1d6}.quote-band h2{font-size:clamp(34px,4vw,59px);font-weight:500;letter-spacing:-.055em;color:var(--ink)}.quote-band p{color:var(--ink-soft);font-size:14px}.quote-band .btn--ghost{color:var(--ink);border-color:#a9baa1}.cs-meta{background:#eff2e8;border:1px solid #dce4d4;border-radius:3px;padding:24px;gap:25px}.cs-meta span{font-size:9px;letter-spacing:.09em;color:#667b5c}.cs-meta>div{font-size:14px;color:var(--ink)}.cs-section{max-width:900px}.cs-section h2{font-size:29px;letter-spacing:-.04em;font-weight:500;margin-top:38px}.cs-section p,.cs-section li{font-size:14px;line-height:1.9;color:var(--ink-soft)}.cs-shots figure{border:1px solid var(--line);border-radius:4px;background:#edf0e7;padding:20px}.cs-shots img{height:auto;max-height:none;object-fit:contain;object-position:top;border-radius:2px}.cs-shots figcaption{font-size:10px;margin-top:10px;color:#62765a}.article__body{font-size:15px}.legal-top{max-width:1448px;padding:28px var(--gutter);margin:auto}.legal-top .btn{margin-left:auto}.legal{padding-top:40px}.legal h1{font-size:60px;letter-spacing:-.06em}.service-evidence{padding-inline:var(--gutter);gap:60px}.service-evidence h2{font-size:42px;letter-spacing:-.05em;font-weight:500}.service-evidence__screen{border-radius:4px;box-shadow:0 15px 40px #1b37281a}.page-scene{border-radius:4px}.sf-work-intro{max-width:500px;font-size:13px;color:var(--ink-soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body #octovia-assistant button:disabled{opacity:.5;cursor:wait}body #octovia-assistant .oa-foot>a{color:#365d43;text-decoration:underline;text-underline-offset:2px}
.sf-systems-visual{min-width:0}.sf-systems-visual figure{margin:0 0 12px}.sf-stock-photo{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center;border-radius:3px}.sf-systems-visual figcaption{font-size:9px;color:#6e786c;margin-top:7px;text-align:right}.sf-systems-visual figcaption a{text-decoration:underline;text-underline-offset:2px}
body #octovia-assistant .oa-avatar{display:none}body #octovia-assistant .oa-launch{padding:11px 16px;min-height:44px;gap:9px;font-family:var(--font-body);font-size:11px;font-weight:500;border-radius:4px}body #octovia-assistant .oa-launch::before{content:'?';display:grid;place-items:center;width:20px;height:20px;border:1px solid #dfe8d987;border-radius:50%;font-size:11px}
.nav__burger{flex-direction:column;justify-content:center;align-items:center;gap:6px}.nav__burger span{flex-shrink:0}.nav__burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.nav__burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
body #octovia-assistant{--oa-navy:#183d36;--oa-teal:#184f47;bottom:20px;right:20px}body:has(.mobile-menu.open) #octovia-assistant{visibility:hidden}.sf-hero,.storefront-home main>.sf-section:not(.sf-services):not(.sf-studio){background:var(--bg)}
.nav,.nav.nav--scrolled{padding:0}.hero-screen>img,.hero-mini>img{height:auto}.sf-studio h2,.sf-studio h3{color:#edf0df}.sf-studio h2 em{background:none}.cta.section{max-width:none;margin-inline:0}.cta__card::before{display:none}.page-hero::after{display:none}main>section.quote-band{background:#e8ede1}.sf-hero h1 em{background:none}.sf-label{color:#536b55}.sf-studio .sf-label{color:#b3c6aa}
main>.section .project-card.work-card{background:transparent;box-shadow:none;transform:none}.quote-band::before{display:none}.nav__links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(min-width:1601px){.sf-hero__grid{min-height:700px}.sf-hero__visual{height:580px}.hero-screen{top:105px}}
@media(max-width:1150px){.nav__links{gap:19px}.nav__lockup{width:180px!important}.nav__inner{gap:20px}.sf-hero h1{font-size:70px}.sf-hero__grid{min-height:570px}.sf-hero__visual{height:450px}.hero-screen{top:85px}.sf-client-name{font-size:16px}.sf-studio__grid{gap:55px}.sf-systems{gap:40px}.sf-service{padding:23px 20px}.sf-service h3{font-size:23px}.cta__card{gap:40px}}
@media(max-width:960px){.nav__links{display:none}.nav__cta{margin-left:auto}.nav__burger{display:flex}.sf-hero h1{font-size:clamp(51px,7vw,68px)}.sf-hero__grid{gap:10px;min-height:535px}.sf-hero__visual{height:395px}.hero-screen{top:80px;border-width:5px}.hero-mini{bottom:27px}.hero-note{font-size:9px;padding:9px 12px;bottom:10px}.hero-annotation{font-size:7px;top:45px}.sf-hero__lead{font-size:13px}.sf-credentials__inner{gap:23px;flex-wrap:wrap;justify-content:center;padding-block:24px}.sf-credentials p{max-width:none;flex-basis:100%;text-align:center}.sf-client-name{font-size:19px}.sf-credentials p br{display:none}.sf-section{padding-block:65px}.sf-section-head{gap:25px}.sf-section-head>p{font-size:12px;max-width:260px}.project-visual{padding:50px 20px 0;aspect-ratio:1.25}.project-caption h3{font-size:19px}.project-live{font-size:9px}.project-index{left:20px}.sf-service-grid{gap:12px}.sf-service{min-height:330px}.sf-service h3{font-size:22px}.sf-service>p{font-size:11px}.sf-service small{font-size:9px}.sf-studio__grid{gap:35px}.sf-studio__copy{padding-top:28px}.sf-studio__copy>p{font-size:12px}.sf-principles{gap:25px}.sf-price{padding:25px 20px}.sf-price h3{font-size:20px}.sf-price .amount{font-size:30px}.sf-faq-grid{gap:40px}.sf-faq summary{font-size:12px}.cta__card{gap:30px}.cta__form{padding:22px}.footer3__trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:84px}.topbar{font-size:8px;height:29px;min-height:29px;letter-spacing:.04em}.nav__inner{height:72px;min-height:72px;gap:15px}.nav__lockup{width:166px!important}.nav__cta{font-size:10px;min-height:36px;padding:8px 13px;gap:16px;margin-left:auto}.nav__burger{width:30px}.mobile-menu{top:101px}.sf-hero__grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:15px}.sf-hero__copy{padding:12px 0}.sf-label{font-size:8px}.sf-hero h1{font-size:clamp(52px,11vw,76px);margin:21px 0;max-width:530px}.sf-hero__lead{font-size:13px;max-width:420px}.sf-actions{gap:23px;margin-top:24px}.sf-hero__footnote{margin-top:24px;font-size:9px}.sf-hero__visual{height:390px;max-width:470px;width:95%;margin:12px auto 0}.hero-screen{top:68px;left:0;width:93%}.hero-mini{bottom:14px;right:-4%;width:46%}.hero-note{bottom:0}.hero-orbit{left:18px;font-size:8px}.hero-annotation{right:8px;top:36px;font-size:7px}.sf-credentials__inner{gap:18px 24px}.sf-client-name{font-size:18px}.sf-client-name.irene{font-size:10px}.sf-client-name.dynasty{font-size:11px}.sf-credentials p{font-size:9px}.sf-section{padding-block:55px}.sf-section-head{display:block;margin-bottom:25px}.sf-section-head>p{max-width:390px;margin-top:18px}.sf-section h2{font-size:39px}.filters{gap:6px;margin-bottom:23px}.filters button{font-size:10px;padding:8px 12px}.sf-project-grid,.work-grid{grid-template-columns:1fr;gap:30px}.project-visual{aspect-ratio:1.4;padding:50px 25px 0}.project-index{left:20px;top:19px;font-size:7px}.project-caption{margin-top:14px}.project-caption h3{font-size:23px}.project-caption p{font-size:8px}.project-live{font-size:10px}.project-description{font-size:11px}.sf-project-bottom{align-items:start;flex-direction:column;gap:18px;margin-top:28px;padding-top:22px}.sf-service-grid{grid-template-columns:1fr;gap:12px}.sf-service{min-height:0;display:grid;grid-template-columns:55px 1fr;gap:0 17px;padding:23px}.sf-service-top{grid-column:1/-1;margin-bottom:18px}.sf-service-icon{grid-column:1;grid-row:2/5;margin:0}.sf-service h3{grid-column:2;font-size:25px}.sf-service>p{grid-column:2;max-width:none;font-size:12px}.sf-service small{grid-column:2;margin-top:15px;font-size:9px}.sf-systems{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:35px}.sf-systems h3{font-size:29px}.sf-systems p{font-size:12px}.sf-systems-links{gap:0 18px}.sf-systems-links a{font-size:10px}.sf-studio__grid{grid-template-columns:1fr;gap:10px}.sf-studio h2{font-size:44px;max-width:460px;margin-top:20px}.sf-studio__copy{padding-top:20px}.sf-studio__copy>p{font-size:13px}.sf-principles{grid-template-columns:1fr;gap:23px;margin-top:32px;padding-top:24px}.sf-principles>div{display:grid;grid-template-columns:25px 1fr;column-gap:12px}.sf-principles span{grid-row:1/3;padding-top:3px}.sf-principles h3{font-size:17px}.sf-principles p{max-width:none;font-size:11px}.sf-pricing-grid{grid-template-columns:1fr}.sf-price{border-right:0;border-bottom:1px solid var(--line);padding:27px}.sf-price h3{font-size:25px}.sf-price .amount{font-size:36px;margin-top:20px}.sf-price ul{min-height:0;margin-block:20px}.sf-price p{max-width:none}.sf-price-note{font-size:9px}.sf-faq{padding-top:0}.sf-faq-grid{grid-template-columns:1fr;gap:27px}.sf-faq-grid>div>p{max-width:370px}.sf-faq summary{font-size:13px}.sf-faq details{padding:18px 0}.cta.section{padding:50px var(--gutter)}.cta__card{grid-template-columns:1fr;gap:28px}.cta__text{padding:0}.cta__text h2{font-size:45px}.cta__text>p{font-size:13px}.cta__channels{gap:6px;margin-top:20px}.cta__form{padding:22px;gap:14px}.cta__form-row{gap:12px}.cta__form input,.cta__form select,.cta__form textarea{font-size:12px;padding:10px}.footer3__trust{gap:20px 15px;padding:25px 0}.footer3__trust b,.footer3__trust span{font-size:9px}.footer3__brandrow{display:block;padding:30px 0}.footer3__brand p{font-size:11px}.footer3__cta{margin-top:25px}.footer3__cols{display:grid;grid-template-columns:1fr 1fr;padding:30px 0;gap:27px 18px}.footer3__cols a{font-size:10px}.footer3__cols h4{font-size:9px;margin-bottom:12px}.footer3__bottom{display:block;font-size:9px}.footer3__bottom p+p{margin-top:8px}.page-hero{padding:35px var(--gutter) 38px}.page-hero h1{font-size:45px;margin-block:23px}.page-hero__lead{font-size:13px}.section{padding-block:45px}.section__title{font-size:36px}.service-evidence{grid-template-columns:1fr;gap:25px}.service-evidence h2{font-size:36px}.cs-meta{grid-template-columns:1fr;padding:20px;gap:15px}.cs-section h2{font-size:26px}.cs-section p,.cs-section li{font-size:13px}.cs-shots{grid-template-columns:1fr}.cs-shots figure{padding:12px}.quote-band h2{font-size:37px}.legal h1{font-size:43px}.sf-faq-grid h2{margin-top:15px}.oa-launch{max-width:165px}.wa-fab{width:42px;height:42px}}
@media(max-width:380px){.nav__lockup{width:145px!important}.nav__cta{gap:10px;padding:8px 10px}.nav__inner{gap:12px}.sf-hero h1{font-size:48px}.sf-hero__visual{height:315px}.hero-screen{top:65px}.hero-mini{bottom:12px}.sf-text-link{font-size:11px}.sf-actions{gap:17px}.sf-hero__footnote{font-size:8px}.sf-client-name{font-size:16px}.cta__form-row{grid-template-columns:1fr}.project-caption h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-browser{transform:none!important}}

.cs-shots .cs-shot--wide{grid-column:1/-1}.cs-shots .cs-shot--wide img{aspect-ratio:auto}