/* LSN Web Studio — shared visual system, responsive layouts and local CSS artwork. */
.brand-description { max-width: 125px; font-size: 8px; line-height: 1.55; }
.site-nav { gap: clamp(16px, 1.6vw, 25px); }
.site-nav > a { font-size: 12px; }
.studio-breadcrumb { padding-top: 26px; }
.studio-breadcrumb .breadcrumbs { margin-bottom: 0; }
.studio-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: clamp(30px,4.8vw,70px); padding-block: 42px 64px; }
.studio-home-hero { padding-block: 67px 72px; }
.studio-hero-copy { min-width: 0; }
.studio-hero-copy h1 { font-size: clamp(46px,5.25vw,77px); line-height: 1.04; letter-spacing: -.06em; margin-top: 25px; }
.studio-hero-copy h1 > span { display: block; width: fit-content; max-width: 100%; }
.studio-highlight { position: relative; isolation: isolate; }
.studio-highlight::after { content: ''; position: absolute; z-index: -1; height: .28em; bottom: .03em; left: -.035em; right: -.07em; background: var(--lime); }
.studio-hero-description { max-width: 500px; margin-top: 27px; font-size: 15px; line-height: 1.82; }
.studio-hero .hero-actions { gap: 15px 24px; margin-top: 28px; }
.studio-hero .hero-actions > .text-link { font-size: 13px; }
.studio-hero .hero-footnote { margin-top: 24px; }
.studio-hero-price { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 6px 13px; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 28px; max-width: 470px; }
.studio-hero-price > span:first-child { color: var(--muted); font-size: 12px; }
.studio-hero-price > span:nth-child(2) { font-size: 29px; line-height: 1.2; letter-spacing: -.04em; }
.studio-hero-price .price-prefix { font-size: 12px; letter-spacing: 0; }
.studio-hero-price strong { font-weight: 700; white-space: nowrap; }
.studio-hero-price small { grid-column: 1 / -1; max-width: 430px; color: var(--muted); font-size: 11px; line-height: 1.65; margin-top: 4px; }
.studio-agency-note { max-width: 450px; margin-top: 17px; font-size: 12px; line-height: 1.75; color: #627153; }

/* Decorative concept: browser, phone and product workflow. */
.studio-art { position: relative; isolation: isolate; overflow: hidden; container-type: inline-size; width: 100%; min-width: 0; aspect-ratio: .98; border-radius: 27px; border: 1px solid #d9e0cc; background: #e9eedf; }
.studio-art-top, .studio-art-bottom { position: absolute; display: flex; align-items: center; justify-content: space-between; z-index: 5; left: 6%; right: 6%; font-size: 8px; font-size: 1.55cqw; line-height: 1.4; letter-spacing: .075em; text-transform: uppercase; }
.studio-art-top { top: 6%; color: #536443; }
.studio-art-top .icon { width: 16px; height: 16px; width: 3cqw; height: 3cqw; margin-left: 15px; }
.studio-art-grid { position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(#cad5ba 1px,transparent 1px),linear-gradient(90deg,#cad5ba 1px,transparent 1px); background-size: 10% 10%; mask-image: linear-gradient(transparent,black 32%,black 75%,transparent); }
.studio-art-orbit { position: absolute; width: 95%; aspect-ratio: 1; left: 4%; top: 6%; border: 1px solid #aebe9859; border-radius: 50%; }
.studio-art-orbit::before, .studio-art-orbit::after { content: ''; position: absolute; inset: 12%; border: 1px solid #adbf9259; border-radius: inherit; }
.studio-art-orbit::after { inset: 24%; }
.studio-browser { position: absolute; width: 77%; height: 57%; top: 21%; left: 6%; background: #f8f9f2; border: 1px solid #c3cdb6; border-radius: 14px; border-radius: 2.8cqw; overflow: hidden; transform: rotate(-7deg); box-shadow: 1.8cqw 2.8cqw 0 #42562b0a,0 3cqw 7cqw #344b2612; }
.studio-browser-bar { display: flex; align-items: center; justify-content: space-between; height: 14%; padding-inline: 6%; border-bottom: 1px solid #d9dfcf; background: #fff; }
.studio-browser-bar > span { display: flex; gap: 1cqw; }
.studio-browser-bar i { width: 4px; height: 4px; width: .9cqw; height: .9cqw; background: #bec9ae; border-radius: 50%; }
.studio-browser-bar i:first-child { background: #526742; }
.studio-browser-bar b { font-size: 2.2cqw; letter-spacing: -.045em; margin-left: -8%; }
.studio-browser-bar > .icon { width: 2.7cqw; height: 2.7cqw; color: #697b54; }
.studio-browser-main { position: relative; height: 62%; padding: 6% 7%; overflow: hidden; background: #293521; color: #fff; }
.studio-visual-label { display: block; font-size: 7px; font-size: 1.4cqw; letter-spacing: .12em; text-transform: uppercase; }
.studio-browser-main > .studio-visual-label { color: #ccd7bf; }
.studio-browser-main > strong { position: relative; z-index: 1; display: block; max-width: 65%; margin-top: 3%; font-size: 28px; font-size: 6cqw; font-weight: 500; line-height: .97; letter-spacing: -.045em; }
.studio-screen-button { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: space-between; gap: 1.3cqw; padding: 1.4cqw 1.7cqw; margin-top: 4%; max-width: 71%; font-size: 1.35cqw; line-height: 1.2; color: #26321f; background: var(--lime); border-radius: 8cqw; }
.studio-screen-button .icon { width: 2cqw; height: 2cqw; }
.studio-browser-flower { position: absolute; width: 35%; top: 16%; right: -3%; transform: rotate(12deg); }
.studio-browser-cards { display: flex; gap: 5%; height: 24%; padding: 5% 7%; }
.studio-browser-cards i { position: relative; flex: 1; border-radius: 1cqw; background: #e4ebd9; }
.studio-browser-cards i:nth-child(2) { background: #d4dfc4; }
.studio-browser-cards i:nth-child(3) { background: #c9d9b4; }
.studio-browser-cards i::after { content: ''; position: absolute; left: 17%; right: 17%; top: 34%; height: 15%; border-radius: 3px; background: #93a67c; box-shadow: 0 1.5cqw 0 #b1c29c; }
.studio-phone { position: absolute; z-index: 3; width: 31%; height: 65%; right: 6%; top: 27%; padding: 6% 4% 4%; overflow: hidden; border: 1.05cqw solid #242e1e; border-radius: 6.5cqw; background: #f4f6ec; color: #26321f; transform: rotate(9deg); box-shadow: 1.5cqw 2cqw 5cqw #263b2325,inset 0 0 0 1px #d8dfcc; }
.studio-phone-camera { position: absolute; top: 2.5%; left: 34%; width: 32%; height: 2.3%; border-radius: 10px; background: #26321f; }
.studio-phone-top { display: flex; align-items: center; gap: 1cqw; margin-bottom: 14%; font-size: 2.2cqw; font-weight: 700; letter-spacing: -.04em; }
.studio-phone-top .icon { width: 3cqw; height: 3cqw; }
.studio-phone .studio-visual-label { font-size: 1.4cqw; letter-spacing: .04em; }
.studio-phone-orb { display: flex; align-items: center; justify-content: center; position: relative; aspect-ratio: 1; margin: 13% -2% 12%; border: 1px solid #aabd9270; border-radius: 50%; background: #e4ecd7; }
.studio-phone-orb::before { content: ''; position: absolute; inset: 10%; border: 1px solid #aabd9260; border-radius: 50%; }
.studio-phone-orb > span { display: flex; align-items: center; justify-content: center; width: 67%; aspect-ratio: 1; border: 1px solid #c4e46d; border-radius: 28%; background: var(--lime); transform: rotate(-12deg); }
.studio-phone-orb .icon { width: 9cqw; height: 9cqw; stroke-width: 1; }
.studio-phone > strong { display: block; max-width: 100%; font-size: 3.25cqw; letter-spacing: -.04em; font-weight: 600; line-height: 1.09; }
.studio-phone-lines { display: grid; gap: 1.3cqw; margin-top: 12%; }
.studio-phone-lines i { height: .9cqw; border-radius: 4px; background: #ccd6bd; }
.studio-phone-lines i:last-child { width: 65%; background: #dde4d3; }
.studio-phone-dock { position: absolute; display: flex; align-items: center; justify-content: space-between; gap: 2cqw; bottom: 6%; left: 15%; right: 15%; padding-top: 9%; border-top: 1px solid #dce3d1; color: #5e7347; }
.studio-phone-dock .icon { width: 2.8cqw; height: 2.8cqw; }
.studio-art-sticker { position: absolute; z-index: 4; top: 13%; right: 7%; display: flex; align-items: center; gap: 1.8cqw; padding: 2.5cqw 3cqw; background: var(--lime); color: #2b3b1f; border: 1px solid #b6d76a; border-radius: 2cqw; box-shadow: 0 1.2cqw 2.4cqw #3749250c; transform: rotate(7deg); font-size: 1.7cqw; font-weight: 600; line-height: 1.5; }
.studio-art-sticker > .icon { width: 4.2cqw; height: 4.2cqw; border: 1px solid #769b40; border-radius: 50%; padding: .7cqw; }
.studio-art-bottom { bottom: 5%; right: 40%; gap: 1.4cqw; font-size: 1.3cqw; letter-spacing: .03em; color: #596f43; }
.studio-art-bottom > i { width: .5cqw; height: .5cqw; border-radius: 50%; background: #8da875; flex-shrink: 0; }
.studio-art-bottom > .icon { width: 2.6cqw; height: 2.6cqw; }

/* Studio navigation and development prices. */
.studio-section-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-block: 19px; border-block: 1px solid var(--line); gap: 22px; }
.studio-section-nav > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; font-weight: 600; line-height: 1.45; min-height: 44px; }
.studio-section-nav > a .icon { width: 17px; height: 17px; color: #6a8050; transition: transform .2s; }
.studio-section-nav > a:hover { color: #476524; }
.studio-section-nav > a:hover .icon { transform: translateX(4px); }
.studio-pricing { scroll-margin-top: 100px; }
.studio-price-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.studio-price-card { min-width: 0; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: #fff; transition: border-color .25s,box-shadow .25s; }
.studio-price-card--featured { background: #edf3df; border-color: #b1c587; }
.studio-price-card:hover { border-color: #9fb582; box-shadow: 0 12px 32px #27371b09; }
.studio-price-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; }
.studio-price-card .icon-box { width: 46px; height: 46px; border-radius: 14px; background: var(--paper); }
.studio-price-card--featured .icon-box { background: #dfefc0; border-color: #bacf98; }
.studio-badge { display: inline-flex; padding: 6px 10px; border-radius: 50px; background: var(--lime); color: #374725; font-size: 9px; font-weight: 600; line-height: 1.4; text-align: center; }
.studio-price-card h3 { font-size: 23px; line-height: 1.15; margin-top: 26px; min-height: 2.3em; }
.studio-offer-description { font-size: 13px; line-height: 1.75; margin-top: 15px; min-height: 6.75em; }
.studio-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-size: 40px; line-height: 1.15; letter-spacing: -.055em; }
.studio-price > strong { font-weight: 600; white-space: nowrap; }
.studio-price .price-prefix { color: var(--muted); font-size: 13px; letter-spacing: 0; }
.studio-price-card .studio-price { margin-top: 25px; }
.studio-price-unit { font-size: 11px; line-height: 1.6; margin-top: 5px; }
.studio-feature-list { display: grid; gap: 12px; padding-block: 23px 26px; margin-top: 22px; border-top: 1px solid var(--line); }
.studio-feature-list > li { display: flex; align-items: flex-start; gap: 10px; color: #48563d; font-size: 12px; line-height: 1.55; }
.studio-feature-list > li > .icon { width: 16px; height: 16px; color: #6a8647; margin-top: 2px; }
.studio-feature-list > li > span { min-width: 0; }
.studio-offer-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 45px; margin-top: auto; padding: 15px 0 0; border-top: 1px solid var(--line); font-size: 12px; font-weight: 600; }
.studio-offer-link > .icon { width: 21px; height: 21px; transition: transform .2s; }
.studio-offer-link:hover { text-decoration: underline; }
.studio-offer-link:hover > .icon { transform: translate(2px,-2px); }
.studio-pricing-note { display: flex; align-items: flex-start; gap: 15px; max-width: 880px; margin-top: 26px; font-size: 12px; line-height: 1.8; }
.studio-pricing-note .icon { width: 21px; height: 21px; margin-top: 2px; color: #7a8e60; }

/* Separate store submission and release services. */
.studio-stores-section { background: #242e20; color: var(--paper); padding-block: 88px; scroll-margin-top: 91px; }
.studio-stores-header { display: flex; align-items: center; justify-content: space-between; gap: 50px; margin-bottom: 42px; }
.studio-stores-header > div:first-child { max-width: 720px; min-width: 0; }
.studio-stores-header .eyebrow { color: #bccea8; }
.studio-stores-header h2 { margin-top: 22px; font-size: clamp(35px,3.8vw,54px); line-height: 1.08; }
.studio-stores-header p:not(.eyebrow) { color: #c4d0b8; font-size: 14px; line-height: 1.8; max-width: 580px; margin-top: 22px; }
.studio-store-names { display: grid; gap: 13px; flex-shrink: 0; }
.studio-store-names > span { display: flex; align-items: center; gap: 15px; min-width: 190px; padding: 13px 20px; border: 1px solid #56644c; border-radius: 13px; font-size: 15px; }
.studio-store-names .icon { width: 23px; height: 23px; color: var(--lime); }
.studio-store-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.studio-store-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; border: 1px solid #59684c; border-radius: 22px; padding: clamp(28px,3.2vw,45px); background: #303d29; }
.studio-store-card:first-child { background: #ecf1e3; color: var(--ink); border-color: #ecf1e3; }
.studio-store-card-top { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 29px; }
.studio-store-card .icon-box { border-color: #6a7d58; color: var(--lime); background: #35452b; }
.studio-store-card:first-child .icon-box { border-color: #c4d1b2; color: #405b2d; background: #e2ebd5; }
.studio-store-number { color: #aebf9c; font-size: 12px; letter-spacing: .09em; }
.studio-store-card:first-child .studio-store-number { color: #72855f; }
.studio-store-card h3 { font-size: 29px; line-height: 1.17; margin-bottom: 14px; }
.studio-store-card > p:not(.studio-price-unit) { color: #c4d2b5; font-size: 14px; line-height: 1.8; max-width: 430px; min-height: 3.6em; }
.studio-store-card:first-child > p:not(.studio-price-unit) { color: #5d6d4d; }
.studio-store-card .studio-price { margin-top: 26px; font-size: clamp(41px,4.2vw,58px); }
.studio-store-card .studio-price-unit { color: #bfd1aa; }
.studio-store-card:first-child .studio-price-unit { color: #60734e; }
.studio-store-card .studio-feature-list { width: 100%; border-color: #576a46; margin-top: 23px; padding-bottom: 28px; }
.studio-store-card .studio-feature-list > li { color: #d3dfc7; font-size: 13px; }
.studio-store-card .studio-feature-list .icon { color: var(--lime); }
.studio-store-card:first-child .studio-feature-list { border-color: #cdd8be; }
.studio-store-card:first-child .studio-feature-list > li { color: #4d6240; }
.studio-store-card:first-child .studio-feature-list .icon { color: #668344; }
.studio-store-card .button { font-size: 13px; margin-top: auto; min-width: 235px; max-width: 100%; }
.studio-stores-note { color: #b5c5a6; max-width: 1000px; font-size: 12px; line-height: 1.8; margin-top: 25px; }
.studio-stores-section :focus-visible { outline-color: var(--lime); }
.studio-store-card:first-child :focus-visible { outline-color: #507223; }

/* Compact portfolio, process and ongoing support. */
.studio-work-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 23px; }
.studio-work-card { display: block; min-width: 0; border-radius: 20px; }
.studio-work-card .project-art { aspect-ratio: 1.25; border-radius: 19px; }
.studio-work-card .project-art-tag { top: 18px; left: 19px; font-size: 8px; }
.studio-work-card .project-art-bottom { bottom: 22px; left: 22px; right: 22px; gap: 10px; }
.studio-work-card .project-art-bottom strong { font-size: clamp(24px,7.4cqw,34px); }
.studio-work-card .project-arrow { width: 33px; height: 33px; }
.studio-work-card .project-arrow .icon { width: 17px; height: 17px; }
.studio-work-card .record { width: 60%; top: 8%; }
.studio-work-card .equalizer { top: 47%; }
.studio-work-card .product-emblem { top: 23%; width: 31%; }
.studio-work-card .product-spark { top: 32%; }
.studio-work-card > div:not(.project-art) { display: flex; justify-content: space-between; align-items: center; gap: 14px; font-size: 19px; line-height: 1.3; letter-spacing: -.035em; font-weight: 600; margin-top: 19px; }
.studio-work-card > div:not(.project-art) > .icon { width: 19px; height: 19px; color: #607849; transition: transform .2s; }
.studio-work-card > p { font-size: 10px; line-height: 1.6; margin-top: 8px; }
.studio-work-card:hover > div:not(.project-art) > .icon { transform: translate(3px,-3px); }
.studio-work-card:hover .project-art { transform: translateY(-3px); }
.studio-own-note { font-size: 11px; margin-top: 23px; }
.studio-process-section { scroll-margin-top: 91px; }
.studio-process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
.studio-process-grid > article { min-width: 0; border-top: 1px solid #c9d2bb; padding-top: 22px; }
.studio-process-index { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border: 1px solid #bdcca7; border-radius: 50%; color: #6a8050; font-size: 12px; line-height: 1; margin-bottom: 30px; }
.studio-process-grid h3 { font-size: 21px; line-height: 1.18; margin-bottom: 16px; }
.studio-process-grid p { font-size: 13px; line-height: 1.8; }
.studio-maintenance { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 32px; align-items: center; padding-block: 68px; border-bottom: 1px solid var(--line); margin-bottom: 76px; }
.studio-maintenance-symbol { display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; background: #e8eedc; border: 1px solid #d4dec6; border-radius: 25px; color: #58783b; align-self: start; }
.studio-maintenance-symbol > .icon { width: 39px; height: 39px; stroke-width: 1.25; }
.studio-maintenance h2 { margin-top: 8px; font-size: 31px; line-height: 1.17; }
.studio-maintenance h2 + p { font-size: 13px; line-height: 1.8; margin-top: 15px; max-width: 560px; }
.studio-maintenance-list { display: flex; flex-wrap: wrap; gap: 9px 21px; margin-top: 17px; }
.studio-maintenance-list > li { display: inline-flex; align-items: flex-start; gap: 7px; font-size: 11px; line-height: 1.6; color: #61734e; }
.studio-maintenance-list > li > .icon { width: 14px; height: 14px; margin-top: 1px; }
.studio-maintenance-price { min-width: 210px; padding-left: 28px; border-left: 1px solid var(--line); }
.studio-maintenance-price .studio-price { font-size: 35px; }
.studio-maintenance-price > p { font-size: 11px; margin-top: 7px; }
.studio-maintenance-price .text-link { font-size: 12px; margin-top: 14px; }
.studio-faq { padding-bottom: 16px; }
.studio-faq h2 { font-size: 40px; }

/* Home and services teaser. */
.studio-teaser-wrap { padding-block: 20px 66px; }
.studio-teaser { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); align-items: center; gap: 55px; padding: 45px 48px; background: #eaf0de; border: 1px solid #d2dec0; border-radius: 24px; }
.studio-teaser-copy { min-width: 0; }
.studio-teaser-copy h2 { font-size: clamp(33px,3.7vw,51px); margin-top: 17px; line-height: 1.05; }
.studio-teaser-copy > p:not(.eyebrow) { max-width: 430px; font-size: 14px; line-height: 1.8; margin-top: 21px; }
.studio-teaser-copy .text-link { margin-top: 21px; font-size: 13px; }
.studio-teaser-prices { min-width: 0; display: grid; gap: 12px; }
.studio-teaser-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 19px; min-height: 102px; background: #f8faf2; border: 1px solid #d3dfc1; border-radius: 15px; transition: background .2s,border-color .2s; }
.studio-teaser-item .icon-box { width: 38px; height: 38px; border: 0; background: #e7efda; border-radius: 12px; }
.studio-teaser-item .icon-box .icon { width: 21px; height: 21px; }
.studio-teaser-label { min-width: 0; font-size: 12px; font-weight: 600; line-height: 1.45; }
.studio-teaser-label small { display: block; color: #71805f; font-size: 9px; font-weight: 400; line-height: 1.5; margin-top: 5px; }
.studio-small-price { min-width: 0; white-space: nowrap; font-size: 19px; line-height: 1.25; letter-spacing: -.045em; }
.studio-small-price .price-prefix { display: block; font-size: 9px; color: #71805f; font-weight: 400; letter-spacing: 0; }
.studio-small-price strong { font-weight: 600; }
.studio-teaser-item > .icon { width: 16px; height: 16px; color: #617b47; }
.studio-teaser-item:hover { background: #fff; border-color: #adc18e; }

/* Closing project brief. */
.studio-contact-wrap { padding-block: 72px 100px; scroll-margin-top: 95px; }
.studio-contact { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.9fr); gap: 50px; align-items: center; padding: 56px 60px; border-radius: 26px; background: var(--lime); color: var(--ink); overflow: hidden; }
.studio-contact h2 { font-size: clamp(36px,4.5vw,62px); line-height: 1.03; margin-top: 20px; }
.studio-contact .eyebrow { color: #405b25; }
.studio-contact h2 + p { font-size: 14px; color: #4c642e; line-height: 1.8; max-width: 510px; margin-top: 23px; }
.studio-contact .button { margin-top: 25px; max-width: 100%; }
.studio-contact-side { display: flex; flex-direction: column; align-items: flex-end; justify-self: end; gap: 12px; min-width: 0; }
.studio-contact-side .burst { width: 190px; transform: rotate(12deg); margin: 0 0 25px; }
.studio-contact-side > a { display: inline-flex; align-items: center; gap: 13px; min-height: 44px; max-width: 100%; font-size: clamp(15px,1.7vw,23px); font-weight: 600; line-height: 1.3; letter-spacing: -.04em; }
.studio-contact-side > a .icon { width: 21px; height: 21px; }
.studio-contact-side > a:hover { text-decoration: underline; }
.studio-contact-side > .studio-contact-phone { color: #48612a; font-size: 16px; font-weight: 400; letter-spacing: -.02em; }

/* The closing order block keeps every contact visible and directly actionable. */
.studio-contact-side, .contact-band-side { width: 100%; }
.contact-band-side { display: flex; }
.order-contact-list { display: grid; width: 100%; gap: 12px; }
.order-contact { display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 78px; padding: 15px 18px; border: 1px solid #91b33e80; border-radius: 15px; background: #ffffff38; transition: background .2s, border-color .2s; }
.order-contact:hover { background: #ffffff70; border-color: #719726; }
.order-contact-icon { flex: 0 0 37px; display: flex; align-items: center; justify-content: center; height: 37px; border-radius: 50%; background: #25371a0b; }
.order-contact-icon .icon { width: 20px; height: 20px; }
.order-contact-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.order-contact-copy small { color: #4d622d; font-size: 10px; line-height: 1.5; }
.order-contact-copy strong { font-size: clamp(16px,1.45vw,21px); line-height: 1.35; font-weight: 600; letter-spacing: -.035em; overflow-wrap: anywhere; }
.order-contact > .icon { width: 18px; height: 18px; margin-left: auto; }
@media (max-width: 599px) {
  .order-contact { padding: 13px; min-height: 75px; gap: 11px; }
  .order-contact-icon { flex-basis: 30px; height: 30px; }
  .order-contact-copy strong { font-size: 17px; }
  .order-contact > .icon { width: 15px; height: 15px; }
}
@media (max-width: 819px) {
  .contact-band { row-gap: 25px; }
  .contact-band-side { display: flex; align-items: stretch; padding-top: 24px; border-top: 1px solid #a4c94c; margin-top: 0; }
}
@media (max-width: 359px) {
  .order-contact-icon { display: none; }
  .order-contact-copy strong { font-size: 17px; }
}
@media (forced-colors: active) { .order-contact { border-color: CanvasText; } }
@media (prefers-reduced-motion: reduce) { .order-contact { transition: none; } }

@media (max-width: 1279px) {
  .brand-description { display: none; }
  .header-inner { gap: 22px; }
  .studio-hero { gap: 36px; }
  .studio-hero .hero-actions { gap: 12px 18px; }
  .studio-hero .button { font-size: 12px; padding-left: 20px; gap: 18px; }
  .studio-hero .hero-actions > .text-link { font-size: 12px; gap: 10px; }
  .studio-price-card { padding: 25px; }
  .studio-price-card h3 { font-size: 21px; }
  .studio-price { font-size: 36px; }
  .studio-process-grid { gap: 25px; }
  .studio-process-grid h3 { font-size: 20px; }
  .studio-teaser { padding: 37px; gap: 35px; }
  .studio-teaser-item { gap: 11px; padding: 16px; }
  .studio-teaser-item > .icon { display: none; }
  .studio-teaser-item { grid-template-columns: auto minmax(0,1fr) auto; }
  .studio-small-price { font-size: 18px; }
  .studio-maintenance { gap: 26px; }
  .studio-maintenance-symbol { width: 68px; height: 68px; border-radius: 21px; }
  .studio-maintenance-symbol > .icon { width: 32px; height: 32px; }
}
@media (max-width: 1023px) {
  .site-nav { gap: 0; }
  .site-nav > a { font-size: 15px; }
  .studio-hero { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); align-items: start; gap: 27px; padding-top: 34px; }
  .studio-hero-copy h1 { font-size: clamp(39px,5.3vw,55px); }
  .studio-hero-description { font-size: 14px; margin-top: 22px; }
  .studio-art { margin-top: 17px; }
  .studio-home-hero { padding-top: 45px; }
  .studio-hero-price { margin-top: 23px; padding-top: 18px; }
  .studio-hero-price small { font-size: 10px; }
  .studio-hero .hero-actions { gap: 8px 18px; }
  .studio-hero .hero-actions > .text-link { min-height: 40px; }
  .studio-section-nav { gap: 16px; }
  .studio-section-nav > a { font-size: 10px; gap: 8px; }
  .studio-price-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-price-card { padding: 28px; }
  .studio-price-card h3 { font-size: 23px; }
  .studio-offer-description { min-height: 5.25em; }
  .studio-stores-section { padding-block: 65px; }
  .studio-stores-header { align-items: flex-start; gap: 25px; }
  .studio-store-names { margin-top: 45px; }
  .studio-store-names > span { min-width: 155px; font-size: 13px; padding: 12px 15px; gap: 11px; }
  .studio-store-card { padding: 28px; }
  .studio-store-card h3 { font-size: 25px; }
  .studio-store-card > p:not(.studio-price-unit) { font-size: 13px; min-height: 5.4em; }
  .studio-store-card .button { min-width: 0; width: 100%; font-size: 12px; gap: 14px; padding-left: 18px; }
  .studio-work-grid { gap: 19px; }
  .studio-work-card .project-art { aspect-ratio: .96; }
  .studio-work-card .project-art-tag { font-size: 6px; padding: 6px 7px; left: 14px; top: 15px; }
  .studio-work-card .project-art-bottom { left: 17px; right: 17px; bottom: 20px; }
  .studio-work-card .project-art-bottom strong { font-size: 24px; }
  .studio-work-card .project-arrow { display: none; }
  .studio-work-card .product-emblem { top: 27%; width: 34%; }
  .studio-work-card .product-spark { top: 32%; left: 13%; }
  .studio-work-card .product-spark > .icon { width: 27px; height: 27px; }
  .studio-work-card .record { width: 66%; top: 16%; }
  .studio-work-card > div:not(.project-art) { font-size: 16px; }
  .studio-work-card > p { font-size: 9px; }
  .studio-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px; }
  .studio-process-index { margin-bottom: 23px; }
  .studio-process-grid h3 { font-size: 23px; }
  .studio-maintenance { grid-template-columns: minmax(0,1fr) auto; gap: 25px; padding-block: 55px; margin-bottom: 60px; }
  .studio-maintenance-symbol { display: none; }
  .studio-maintenance h2 { font-size: 29px; }
  .studio-maintenance-price { min-width: 185px; padding-left: 22px; }
  .studio-maintenance-price .studio-price { font-size: 30px; }
  .studio-faq { gap: 36px; }
  .studio-faq h2 { font-size: 34px; }
  .studio-teaser { padding: 32px; gap: 28px; }
  .studio-teaser-copy > p:not(.eyebrow) { font-size: 13px; }
  .studio-teaser-item { grid-template-columns: minmax(0,1fr) auto; min-height: 98px; padding: 17px; }
  .studio-teaser-item .icon-box { display: none; }
  .studio-teaser-label { font-size: 11px; }
  .studio-small-price { font-size: 17px; }
  .studio-contact { padding: 43px 38px; gap: 35px; }
  .studio-contact h2 { font-size: 43px; }
  .studio-contact-side .burst { width: 155px; }
  .studio-contact-side > a { font-size: 18px; gap: 8px; }
  .studio-contact-side > .studio-contact-phone { font-size: 14px; }
}
@media (max-width: 819px) {
  .studio-breadcrumb { padding-top: 20px; }
  .studio-hero { grid-template-columns: minmax(0,1fr); padding-block: 28px 42px; gap: 30px; }
  .studio-home-hero { padding-top: 38px; }
  .studio-hero-copy h1 { font-size: clamp(44px,8.5vw,65px); max-width: 100%; line-height: 1.02; }
  .studio-hero-description { max-width: 580px; font-size: 14px; }
  .studio-hero .hero-actions { gap: 14px 20px; }
  .studio-hero .button { font-size: 13px; }
  .studio-hero-price { max-width: 100%; margin-top: 25px; }
  .studio-hero-price small { font-size: 11px; max-width: 550px; }
  .studio-art { margin-top: 0; max-width: 540px; justify-self: center; aspect-ratio: 1.06; border-radius: 23px; }
  .studio-phone { height: 70%; top: 22%; }
  .studio-browser { height: 60%; top: 20%; }
  .studio-section-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 22px; padding-block: 12px; }
  .studio-section-nav > a { font-size: 10px; }
  .studio-price-grid { gap: 16px; }
  .studio-price-card { padding: 22px; border-radius: 19px; }
  .studio-price-card h3 { font-size: 21px; margin-top: 22px; }
  .studio-offer-description { font-size: 12px; min-height: 7em; }
  .studio-price-card .studio-price { font-size: 32px; margin-top: 22px; gap: 7px; }
  .studio-price .price-prefix { font-size: 11px; }
  .studio-feature-list > li { font-size: 11px; }
  .studio-feature-list { gap: 10px; padding-block: 20px 23px; }
  .studio-offer-link { font-size: 11px; }
  .studio-badge { font-size: 8px; padding-inline: 8px; }
  .studio-price-card .icon-box { width: 39px; height: 39px; border-radius: 12px; }
  .studio-price-card .icon-box .icon { width: 22px; height: 22px; }
  .studio-pricing-note { font-size: 11px; gap: 11px; }
  .studio-stores-section { padding-block: 50px; }
  .studio-stores-header { display: block; margin-bottom: 29px; }
  .studio-stores-header h2 { font-size: clamp(33px,6vw,43px); margin-top: 18px; }
  .studio-stores-header p:not(.eyebrow) { font-size: 13px; margin-top: 18px; }
  .studio-store-names { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
  .studio-store-names > span { min-width: 0; padding: 10px 15px; font-size: 12px; }
  .studio-store-names .icon { width: 20px; height: 20px; }
  .studio-store-grid { gap: 17px; }
  .studio-store-card { padding: 24px; border-radius: 19px; }
  .studio-store-card-top { margin-bottom: 22px; }
  .studio-store-card h3 { font-size: 23px; }
  .studio-store-card > p:not(.studio-price-unit) { font-size: 12px; }
  .studio-store-card .studio-price { font-size: 40px; }
  .studio-store-card .studio-price-unit { font-size: 10px; }
  .studio-store-card .studio-feature-list > li { font-size: 11px; }
  .studio-store-card .button { font-size: 11px; gap: 9px; min-height: 49px; padding-left: 15px; }
  .studio-store-card .button-icon { width: 31px; height: 31px; }
  .studio-stores-note { font-size: 10px; }
  .studio-work-grid { grid-template-columns: minmax(0,1fr); gap: 27px; }
  .studio-work-card .project-art { aspect-ratio: 1.65; }
  .studio-work-card .project-art-tag { font-size: 8px; padding: 7px 10px; left: 22px; top: 22px; }
  .studio-work-card .project-art-bottom { left: 25px; right: 25px; bottom: 25px; }
  .studio-work-card .project-art-bottom strong { font-size: clamp(28px,7cqw,39px); }
  .studio-work-card .project-arrow { display: flex; width: 38px; height: 38px; }
  .studio-work-card .product-emblem { top: 23%; width: 27%; }
  .studio-work-card .record { width: 46%; top: -3%; }
  .studio-work-card .product-spark { top: 30%; left: 17%; }
  .studio-work-card .product-spark > .icon { width: 34px; height: 34px; }
  .studio-work-card > div:not(.project-art) { font-size: 20px; margin-top: 17px; }
  .studio-work-card > p { font-size: 10px; }
  .studio-own-note { font-size: 10px; }
  .studio-process-grid { gap: 29px; }
  .studio-process-grid h3 { font-size: 20px; }
  .studio-process-grid p { font-size: 12px; }
  .studio-maintenance { grid-template-columns: minmax(0,1fr); gap: 26px; padding-block: 44px; margin-bottom: 44px; }
  .studio-maintenance h2 { font-size: 30px; }
  .studio-maintenance-list { gap: 10px 20px; }
  .studio-maintenance-price { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 13px; min-width: 0; border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
  .studio-maintenance-price .studio-price { font-size: 32px; }
  .studio-maintenance-price > p { margin: 0; }
  .studio-maintenance-price .text-link { margin: 0 0 0 auto; }
  .studio-faq { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .studio-faq h2 { font-size: 33px; }
  .studio-teaser-wrap { padding-block: 12px 44px; }
  .studio-teaser { grid-template-columns: minmax(0,1fr); padding: 31px; gap: 27px; border-radius: 21px; }
  .studio-teaser-copy h2 { font-size: 39px; }
  .studio-teaser-copy > p:not(.eyebrow) { max-width: 540px; }
  .studio-teaser-copy .text-link { margin-top: 15px; }
  .studio-teaser-item { grid-template-columns: auto minmax(0,1fr) auto auto; min-height: 89px; padding: 17px 19px; gap: 14px; }
  .studio-teaser-item .icon-box { display: inline-flex; }
  .studio-teaser-item > .icon { display: block; }
  .studio-teaser-label { font-size: 12px; }
  .studio-small-price { font-size: 20px; }
  .studio-contact-wrap { padding-block: 45px 65px; }
  .studio-contact { grid-template-columns: minmax(0,1fr); padding: 34px; gap: 30px; border-radius: 22px; }
  .studio-contact h2 { font-size: clamp(34px,7vw,46px); }
  .studio-contact h2 + p { font-size: 13px; margin-top: 18px; }
  .studio-contact-side { position: relative; justify-self: stretch; align-items: flex-start; gap: 6px; padding-top: 25px; border-top: 1px solid #a4c94c; }
  .studio-contact-side .burst { position: absolute; width: 75px; right: 0; bottom: 7px; margin: 0; }
  .studio-contact-side > a { max-width: calc(100% - 85px); font-size: 20px; letter-spacing: -.035em; }
  .studio-contact-side > .studio-contact-phone { font-size: 14px; }
}
@media (max-width: 599px) {
  .studio-hero-copy h1 { font-size: clamp(39px,10vw,56px); }
  .studio-hero-copy > .eyebrow { font-size: 10px; }
  .studio-hero-description { font-size: 14px; line-height: 1.8; margin-top: 22px; }
  .studio-hero .hero-actions { gap: 12px 20px; }
  .studio-hero-price { column-gap: 10px; }
  .studio-hero-price > span:first-child { font-size: 11px; }
  .studio-hero-price > span:nth-child(2) { font-size: 27px; }
  .studio-hero-price small { font-size: 10px; }
  .studio-art { aspect-ratio: 1; }
  .studio-phone { height: 67%; top: 25%; }
  .studio-browser { height: 58%; }
  .studio-art-top { font-size: 1.6cqw; }
  .studio-section-nav { column-gap: 22px; }
  .studio-section-nav > a { font-size: 9px; }
  .studio-section-nav > a .icon { width: 14px; height: 14px; }
  .studio-price-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .studio-price-card { padding: 27px; }
  .studio-price-card h3 { font-size: 25px; min-height: 0; margin-top: 24px; }
  .studio-offer-description { min-height: 0; font-size: 13px; }
  .studio-price-card .icon-box { width: 45px; height: 45px; border-radius: 14px; }
  .studio-price-card .icon-box .icon { width: 25px; height: 25px; }
  .studio-badge { font-size: 9px; padding: 7px 11px; }
  .studio-price-card .studio-price { font-size: 39px; margin-top: 24px; }
  .studio-price .price-prefix { font-size: 12px; }
  .studio-price-unit { font-size: 11px; }
  .studio-feature-list { gap: 12px; margin-top: 23px; padding-block: 22px 24px; }
  .studio-feature-list > li { font-size: 12px; }
  .studio-offer-link { font-size: 12px; min-height: 48px; }
  .studio-pricing-note { margin-top: 20px; font-size: 10px; }
  .studio-store-grid { grid-template-columns: minmax(0,1fr); }
  .studio-store-card { padding: 29px; }
  .studio-store-card h3 { font-size: 27px; }
  .studio-store-card > p:not(.studio-price-unit) { min-height: 0; font-size: 13px; }
  .studio-store-card .studio-price { font-size: 45px; }
  .studio-store-card .studio-price-unit { font-size: 11px; }
  .studio-store-card .studio-feature-list > li { font-size: 12px; }
  .studio-store-card .button { font-size: 12px; min-height: 54px; padding-left: 20px; }
  .studio-store-card .button-icon { width: 36px; height: 36px; }
  .studio-stores-note { font-size: 11px; }
  .studio-process-grid { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .studio-process-grid > article { display: grid; grid-template-columns: 41px minmax(0,1fr); gap: 10px 20px; padding-top: 22px; }
  .studio-process-index { grid-row: 1 / 3; width: 41px; height: 41px; margin: 0; }
  .studio-process-grid h3 { font-size: 21px; margin: 0; }
  .studio-process-grid p { grid-column: 2; font-size: 13px; }
  .studio-maintenance h2 { font-size: 29px; }
  .studio-maintenance-list { display: grid; }
  .studio-maintenance-price .text-link { width: 100%; margin-top: 4px; }
  .studio-faq .faq-list summary { font-size: 14px; gap: 15px; }
  .studio-faq .faq-list details > p { padding-right: 0; font-size: 13px; }
  .studio-teaser { padding: 28px 23px; gap: 26px; }
  .studio-teaser-copy h2 { font-size: 38px; }
  .studio-teaser-item { grid-template-columns: minmax(0,1fr) auto; padding: 17px; gap: 16px; }
  .studio-teaser-item .icon-box, .studio-teaser-item > .icon { display: none; }
  .studio-teaser-label { font-size: 12px; }
  .studio-teaser-label small { font-size: 9px; }
  .studio-small-price { font-size: 19px; }
  .studio-contact { padding: 31px 27px; }
  .studio-contact .button { font-size: 12px; padding-left: 18px; gap: 16px; }
  .studio-contact-side .burst { width: 58px; bottom: 13px; }
  .studio-contact-side > a { max-width: calc(100% - 68px); font-size: 18px; }
  .studio-contact-side > a > .icon { width: 17px; height: 17px; }
  .studio-contact-side > .studio-contact-phone { font-size: 13px; }
}
@media (max-width: 359px) {
  .studio-hero-copy h1 { font-size: 37px; }
  .studio-hero .hero-actions > .text-link { font-size: 11px; }
  .studio-hero .button { font-size: 12px; }
  .studio-hero-price > span:first-child { font-size: 10px; }
  .studio-hero-price > span:nth-child(2) { font-size: 25px; }
  .studio-price-card { padding: 23px; }
  .studio-price-card h3 { font-size: 23px; }
  .studio-price-card .studio-price { font-size: 36px; }
  .studio-store-card { padding: 24px; }
  .studio-store-card h3 { font-size: 25px; }
  .studio-store-card .studio-price { font-size: 41px; }
  .studio-work-card .project-art { aspect-ratio: 1.36; }
  .studio-work-card .project-art-bottom { left: 20px; right: 20px; bottom: 22px; }
  .studio-work-card .project-art-bottom strong { font-size: 27px; }
  .studio-work-card .project-art-tag { left: 17px; top: 18px; }
  .studio-teaser { padding: 24px 19px; }
  .studio-teaser-copy h2 { font-size: 33px; }
  .studio-teaser-item { padding: 15px 13px; gap: 10px; }
  .studio-teaser-label { font-size: 11px; }
  .studio-small-price { font-size: 17px; }
  .studio-contact { padding: 28px 22px; }
  .studio-contact h2 { font-size: 33px; }
  .studio-contact .button { font-size: 11px; padding-left: 15px; gap: 10px; }
  .studio-contact-side .burst { display: none; }
  .studio-contact-side > a { max-width: 100%; font-size: 20px; }
  .studio-contact-side > .studio-contact-phone { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-art *, .studio-price-card, .studio-teaser-item, .studio-offer-link > .icon, .studio-work-card > div:not(.project-art) > .icon, .studio-section-nav > a .icon { transition: none; animation: none; }
  .studio-work-card:hover .project-art, .studio-work-card:hover > div:not(.project-art) > .icon, .studio-offer-link:hover > .icon, .studio-section-nav > a:hover .icon { transform: none; }
}
@media (forced-colors: active) {
  .studio-art { forced-color-adjust: none; }
  .studio-price-card, .studio-store-card, .studio-teaser, .studio-teaser-item, .studio-contact, .studio-store-names > span, .studio-badge, .studio-maintenance-symbol, .studio-process-index { border: 1px solid CanvasText; }
  .studio-highlight::after { display: none; }
  .studio-stores-section :focus-visible { outline-color: Highlight; }
  .studio-feature-list > li, .studio-price .price-prefix, .studio-store-card > p, .studio-store-card .studio-feature-list > li, .studio-stores-note, .studio-store-card .studio-price-unit { color: CanvasText; }
}
@media print {
  .studio-art, .studio-section-nav, .studio-contact-wrap { display: none !important; }
  .studio-hero { display: block; padding-block: 20px; }
  .studio-hero-copy h1 { font-size: 32pt; }
  .studio-hero-description { max-width: 100%; }
  .studio-hero .hero-actions { display: none; }
  .studio-hero-price { margin-top: 18px; }
  .studio-highlight::after { display: none; }
  .studio-price-grid, .studio-store-grid, .studio-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-price-card, .studio-store-card, .studio-process-grid > article, .studio-work-card, .studio-teaser { break-inside: avoid; background: white; color: black; box-shadow: none; border-color: #ccc; }
  .studio-price-card { padding: 18px; }
  .studio-price-card h3 { min-height: 0; font-size: 17pt; }
  .studio-offer-description { min-height: 0; }
  .studio-price { font-size: 25pt; }
  .studio-stores-section { padding-block: 30px; background: white; color: black; }
  .studio-stores-section p, .studio-stores-section .eyebrow, .studio-stores-section .studio-feature-list > li, .studio-store-card:first-child > p:not(.studio-price-unit), .studio-store-card > p:not(.studio-price-unit), .studio-store-card .studio-price-unit, .studio-store-card:first-child .studio-price-unit { color: black; }
  .studio-stores-header { margin-bottom: 22px; }
  .studio-store-names { display: none; }
  .studio-stores-header h2 { font-size: 25pt; }
  .studio-store-card { padding: 22px; }
  .studio-store-card .button, .studio-offer-link { display: none; }
  .studio-store-card .studio-feature-list { padding-bottom: 0; }
  .studio-work-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .studio-work-card .project-art { aspect-ratio: 1.3; }
  .studio-work-card > div:not(.project-art) { font-size: 12pt; }
  .studio-process-section { background: white; }
  .studio-maintenance { padding-block: 25px; margin-bottom: 28px; }
  .studio-maintenance-price .text-link { display: none; }
  .studio-faq { display: block; }
  .studio-faq > div:first-child { margin-bottom: 20px; }
  .studio-faq details > :not(summary) { display: block !important; content-visibility: visible; }
  .studio-faq details::details-content { content-visibility: visible; }
  .studio-faq .faq-plus { display: none; }
  .studio-teaser-wrap { padding-block: 25px; }
  .studio-teaser { padding: 22px; border: 1px solid #ccc; }
  .studio-teaser .text-link { display: none; }
}