/* The homepage is a web design studio; business-specific work lives in the portfolio. */
.studio-home { --studio-sage:#e8ecdf; --studio-ink:#263c32; --studio-peach:#edd5c2; }
.studio-home .site-utility { display:none; }
.studio-home .site-header { height:90px; }
.studio-home .desktop-nav { gap:1.6rem; }
.studio-home .studio-hero { padding-top:4.6rem; overflow:hidden; }
.studio-hero-grid { display:grid; grid-template-columns:.94fr 1.2fr; gap:3.5rem; align-items:center; }
.studio-hero-copy .eyebrow { margin-bottom:1.6rem; }
.studio-home .studio-hero h1 { font-size:clamp(4.4rem,6.5vw,6.2rem); line-height:.99; letter-spacing:-.06em; font-weight:600; }
.studio-home .studio-hero h1 em { font-size:1.16em; line-height:1.02; }
.studio-hero-copy > p:not(.eyebrow) { max-width:390px; font-size:1.03rem; line-height:1.8; margin-top:1.75rem; color:#566357; }
.studio-hero .actions { margin-top:1.6rem; gap:1.15rem; flex-wrap:wrap; }
.studio-hero-proof { margin-top:1.7rem; display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.studio-proof-stars { color:#9e452c; letter-spacing:.08em; font-size:.78rem; }
.studio-hero-proof a { display:inline-flex; align-items:center; gap:.4rem; min-height:32px; font-size:.72rem; color:#566357; }
.studio-hero-proof svg { width:13px; height:13px; }
.studio-hero-bottom { display:flex; justify-content:space-between; gap:1rem; padding-block:2.5rem 1.6rem; margin-top:2.2rem; color:#5d695d; font-size:.74rem; }
.studio-hero-bottom a { display:flex; gap:.7rem; align-items:center; min-height:32px; }
.studio-hero-bottom svg { width:17px; height:17px; transform:rotate(90deg); }
.studio-loop { min-width:0; }
.studio-loop-topline { display:flex; align-items:center; justify-content:space-between; font-size:.62rem; letter-spacing:.02em; color:#59695a; margin-bottom:.85rem; gap:.7rem; }
.studio-loop-topline > span:first-child { display:flex; gap:.5rem; align-items:center; }
.studio-loop-topline > span:last-child { font-size:.49rem; letter-spacing:.14em; }
.studio-loop-topline i { width:6px; height:6px; background:#798b65; border-radius:50%; }
.studio-canvas { height:435px; position:relative; isolation:isolate; background:#e8ecdf; border-radius:11px; }
.studio-orbit { position:absolute; width:350px; height:350px; border:1px solid #c7d0b9; border-radius:50%; top:25px; left:85px; }
.studio-orbit:after { content:''; position:absolute; inset:25px; border:1px solid #c7d0b9; border-radius:50%; }
.studio-canvas-note { position:absolute; top:23px; left:27px; font:italic 1.3rem var(--font-serif); color:#465a3c; transform:rotate(-6deg); }
.studio-browser { position:absolute; inset:72px 39px 62px 22px; border:5px solid #fffefa; border-radius:8px; box-shadow:0 15px 35px #253b2825; background:#faf7ef; transform:rotate(-3deg); overflow:hidden; }
.studio-browser-chrome { height:21px; display:flex; padding:0 7px; align-items:center; justify-content:space-between; gap:.5rem; border-bottom:1px solid #e6e7dc; background:#fffefa; color:#526252; font-size:.39rem; letter-spacing:.06em; }
.studio-browser-chrome > span:first-child { color:#8d9785; letter-spacing:.1em; font-size:.35rem; }
.studio-browser-chrome svg { width:11px; height:11px; }
.studio-browser-nav { display:flex; justify-content:space-between; align-items:center; padding:14px 20px 10px; color:#344739; }
.studio-browser-nav strong { font-size:.89rem; letter-spacing:-.05em; }
.studio-browser-nav strong span { font-size:.42rem; vertical-align:super; margin-left:2px; }
.studio-browser-nav > span { font-size:.43rem; }
.studio-frames { position:relative; height:184px; }
.studio-frame { position:absolute; inset:0; display:grid; grid-template-columns:1.15fr 1fr; gap:8px; padding:8px 20px 15px; opacity:0; transform:translateY(7px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.studio-frame[aria-hidden=true] { visibility:hidden; transition:opacity .6s ease,transform .6s ease,visibility 0s .6s; }
.studio-loop[data-active="0"] .studio-frame--0,.studio-loop[data-active="1"] .studio-frame--1,.studio-loop[data-active="2"] .studio-frame--2 { opacity:1; visibility:visible; transform:translateY(0); }
.studio-demo-copy { align-self:center; }
.studio-demo-kicker { display:block; font-size:.44rem; text-transform:uppercase; letter-spacing:.11em; color:#6c5747; margin-bottom:9px; }
.studio-demo-heading { font-family:var(--font-serif); font-weight:600; letter-spacing:-.035em; font-size:1.75rem; line-height:1; color:#314a3d; margin:0; }
.studio-demo-description { font-size:.49rem; line-height:1.6; color:#525c4f; max-width:125px; margin:10px 0; }
.studio-demo-action { display:inline-flex; align-items:center; gap:10px; background:#344d3e; color:#fff; font-size:.42rem; padding:7px 9px; border-radius:2px; }
.studio-demo-action svg { width:10px; height:10px; }
.studio-art { position:relative; min-width:0; overflow:hidden; background:#e9c2a6; border-radius:70px 70px 3px 3px; }
.studio-art-disc { position:absolute; top:26px; right:12px; width:93px; height:93px; background:#bc6141; border-radius:50%; }
.studio-art-arch { position:absolute; width:93px; height:140px; left:15px; top:51px; border-radius:50px 50px 0 0; background:#778b6c; transform:rotate(-19deg); }
.studio-art-line { position:absolute; top:29px; right:30px; height:140px; width:100px; border:1px solid #f9f3e6; border-radius:70px 70px 0 0; transform:rotate(26deg); }
.studio-art > span { position:absolute; bottom:7px; left:9px; font-size:.28rem; letter-spacing:.1em; color:#2a3e30; }
.studio-art--1 { border-radius:3px; background:#dedec4; }.studio-art--1 .studio-art-disc { background:#4e6854; left:10px; top:10px; }.studio-art--1 .studio-art-arch { background:#c8956b; left:auto; right:0; top:55px; transform:rotate(18deg); }.studio-art--1 .studio-art-line { transform:rotate(-20deg); }
.studio-art--2 { border-radius:3px 65px 3px 3px; background:#e7d2ca; }.studio-art--2 .studio-art-disc { background:#a7624c; right:-20px; top:45px; }.studio-art--2 .studio-art-arch { background:#737e64; transform:rotate(0); left:10px; top:22px; }.studio-art--2 .studio-art-line { transform:rotate(-25deg); right:0; }
.studio-browser-footer { border-top:1px solid #e4e4d7; display:flex; justify-content:space-between; padding:10px 20px; font-size:.39rem; color:#53634f; }
.studio-mobile { position:absolute; bottom:24px; right:12px; width:121px; height:238px; background:#faf7ef; border:5px solid #334c3c; border-radius:19px; box-shadow:0 15px 25px #263d2a22; transform:rotate(7deg); padding:17px 10px 9px; color:#314a3d; }
.studio-mobile-camera { position:absolute; width:37px; height:7px; border-radius:0 0 5px 5px; background:#334c3c; left:37px; top:0; }
.studio-mobile > strong { font-size:.53rem; letter-spacing:-.04em; display:block; margin-bottom:10px; }
.studio-mobile-art { height:65px; background:#d9bd9e; border-radius:40px 40px 2px 2px; overflow:hidden; position:relative; }
.studio-mobile-art:after { content:''; position:absolute; width:61px; height:75px; left:-6px; top:18px; border-radius:50%; background:#667f63; transform:rotate(30deg); }.studio-mobile-art span { position:absolute; width:45px; height:45px; border-radius:50%; background:#bb6548; top:10px; right:8px; }
.studio-mobile-title { display:block; font:600 1.1rem/.94 var(--font-serif); letter-spacing:-.03em; margin-top:10px; }
.studio-mobile-lines { display:grid; gap:4px; margin-top:8px; }.studio-mobile-lines i { height:3px; background:#d9ddce; }.studio-mobile-lines i:last-child { width:70%; }
.studio-mobile-button { display:block; margin-top:10px; text-align:center; background:#344d3e; color:white; padding:6px 2px; font-size:.38rem; border-radius:2px; }
.studio-design-stamp { position:absolute; bottom:15px; left:26px; color:#4a6042; font-size:.59rem; line-height:1; transform:rotate(-6deg); }.studio-design-stamp em { font-family:var(--font-serif); font-size:1.4rem; }
.studio-loop-caption { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:91px; padding:17px 0 13px; }
.studio-loop-caption strong { font-size:.87rem; font-weight:650; }.studio-loop-caption p { font-size:.73rem; line-height:1.6; color:#5b685a; margin-top:4px; max-width:380px; }
.studio-motion-control { display:inline-flex; gap:6px; align-items:center; min-width:66px; min-height:44px; padding:8px 0 8px 8px; border:0; background:transparent; color:#4b5d46; font-size:.66rem; flex-shrink:0; }
.studio-loop-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.studio-loop-steps button { position:relative; border:0; border-top:2px solid #dce1d4; background:transparent; padding:12px 0; display:flex; align-items:center; gap:5px; min-height:44px; font-size:.65rem; color:#53634e; text-align:left; }
.studio-loop-steps button > span { font-size:.52rem; color:#69745e; }.studio-loop-steps button > i { position:absolute; top:-2px; height:2px; left:0; width:var(--step-progress,0%); background:#a8462a; }.studio-loop-steps button[aria-pressed=true] { color:#873e28; font-weight:650; }
.studio-static-note { font-size:.75rem; padding-block:.75rem; }
.studio-section-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #dce1d4; }
.studio-section-index a { display:flex; gap:12px; align-items:center; padding:23px 0; color:#69745e; font-size:.65rem; }.studio-section-index a span { color:#374b3b; font-size:.8rem; }.studio-section-index a:hover span { color:#a9482c; }
.studio-section { padding-block:6.4rem; scroll-margin-top:110px; }
.studio-section-heading { display:flex; justify-content:space-between; gap:3rem; align-items:end; margin-bottom:3rem; }
.studio-section-heading h2,.studio-depth h2,.studio-about h2 { font-size:clamp(2.6rem,4.2vw,4rem); line-height:1.05; }
.studio-section-heading > p,.studio-section-heading > div:last-child > p { max-width:330px; color:#596657; font-size:.91rem; line-height:1.8; }
.studio-section-heading > div:last-child .text-link { margin-top:1rem; }
.studio-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.8rem; }
.studio-service-grid article { display:flex; flex-direction:column; border-top:1px solid #cfd8c8; padding-top:1.1rem; align-items:start; }
.studio-service-number { color:#607058; font-size:.59rem; letter-spacing:.09em; }
.studio-service-grid article > svg { width:29px; height:29px; margin-block:2.1rem 1.3rem; color:#9c4a30; }
.studio-service-grid h3 { font-size:1.2rem; font-weight:600; letter-spacing:-.035em; }
.studio-service-grid p { font-size:.87rem; color:#5c695a; line-height:1.85; margin-block:.8rem 1.25rem; }
.studio-service-grid .text-link { margin-top:auto; }
.studio-work { background:#f0f1e8; border-block:1px solid #e1e5d8; }
.studio-home .studio-work .portfolio-image { height:300px; padding:22px 18px 0; border-radius:7px; }
.studio-work-note { font-size:.7rem; color:#5c6955; margin-top:1.7rem; }
.studio-depth { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.studio-depth > div:last-child > p:not(.eyebrow) { color:#596657; font-size:.94rem; line-height:1.9; margin-block:1.4rem; }
.studio-page-stack { position:relative; min-height:430px; background:#eee4d5; border-radius:9px; isolation:isolate; }
.studio-page-sheet { position:absolute; width:55%; height:300px; box-shadow:0 12px 24px #5c4e3517; border:1px solid #d6dccd; background:#fffefa; padding:22px; border-radius:3px; }
.studio-page-sheet > span { display:block; font-size:.43rem; color:#4f6049; letter-spacing:.1em; margin-bottom:1.2rem; }.studio-page-sheet > b { font:600 1.65rem/1 var(--font-serif); color:#354b38; display:block; }.studio-page-sheet > i { display:block; height:4px; margin-top:9px; background:#d9dfd0; }.studio-page-sheet > i:last-child { width:65%; }
.studio-sheet-back { top:60px; right:15px; transform:rotate(10deg); background:#e6ecde; }.studio-sheet-middle { top:47px; left:30%; transform:rotate(1deg); background:#f3e7dc; }.studio-sheet-front { top:81px; left:30px; transform:rotate(-10deg); }
.studio-sheet-art { height:108px; margin-block:14px; border-radius:50px 50px 0 0; background:#b8c5a6; position:relative; overflow:hidden; }.studio-sheet-art:after { content:''; width:99px; height:99px; border-radius:50%; background:#bd7b57; position:absolute; right:-20px; bottom:-20px; }
.studio-sheet-tiles { display:flex; gap:7px; margin-top:15px; }.studio-sheet-tiles i { background:#cead91; width:50%; height:99px; border-radius:40px 40px 0 0; }.studio-sheet-tiles i:last-child { background:#879577; border-radius:0; }
.studio-check-list { list-style:none; padding:0; margin:1.7rem 0; display:grid; gap:.85rem; }.studio-check-list li { display:flex; align-items:start; gap:.7rem; font-size:.83rem; line-height:1.6; }.studio-check-list svg { width:17px; height:17px; color:#6a805c; flex-shrink:0; margin-top:2px; }
.studio-process { background:#2b4335; color:#fff9ed; }.studio-home .studio-process h2 em { color:#e0c0a1; }.studio-home .studio-process .eyebrow { color:#d3ddc8; }.studio-process .text-link { color:#f2eadb; }.studio-process .text-link:hover { color:#e0c0a1; }
.studio-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; gap:2rem; }
.studio-process-grid li { border-top:1px solid #667a63; padding-top:1.5rem; }.studio-process-grid li > span { color:#dbbd9c; font-size:.68rem; }.studio-process-grid h3 { margin-block:1.4rem .75rem; font-size:1.03rem; font-weight:550; letter-spacing:-.015em; }.studio-process-grid p { color:#d5decf; font-size:.83rem; line-height:1.85; }
.studio-reviews { background:#f5f1e8; }.studio-review-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1rem; }.studio-review { grid-column:span 2; padding:1.65rem; background:#fffefa; border:1px solid #e3e2d6; border-radius:5px; }.studio-review:nth-child(n+4) { grid-column:span 3; }.studio-stars { color:#a04429; letter-spacing:.16em; font-size:.87rem; }.studio-review > p { color:#394b3c; font-size:1.03rem; line-height:1.75; margin:1.2rem 0 1.8rem; min-height:86px; }.studio-review-person { display:flex; align-items:center; gap:.7rem; }.studio-avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#e8ecdf; color:#4a5b41; font-size:.69rem; }.studio-review-person strong { font-size:.8rem; display:block; font-weight:600; }.studio-review-person small { font-size:.63rem; color:#68715f; }.studio-review-note { margin-top:1.4rem; font-size:.7rem; color:#606a59; }
.studio-about { display:grid; grid-template-columns:.25fr 1fr .85fr; gap:2rem; align-items:center; border-bottom:1px solid #dce1d4; }.studio-about-symbol { color:#a95134; font-size:6.5rem; line-height:1; }.studio-about h2 { font-size:3rem; }.studio-about > div:last-child p { color:#596657; font-size:.91rem; line-height:1.9; margin-bottom:1.2rem; }
.studio-final { text-align:center; padding:5.8rem 0 5rem; background:#e9eddc; }.studio-home .studio-final h2 { font-size:clamp(3.8rem,6.5vw,6rem); line-height:1; }.studio-final .eyebrow { justify-content:center; }.studio-final p:not(.eyebrow) { font-size:.94rem; margin:1.4rem auto; max-width:510px; color:#53624c; line-height:1.8; }.studio-final .actions { justify-content:center; margin-top:1.8rem; flex-wrap:wrap; }.studio-pricing-link { display:inline-flex; gap:.4rem; align-items:center; min-height:44px; margin-top:1rem; font-size:.72rem; color:#4c6044; }.studio-pricing-link svg { width:14px; height:14px; }
.studio-home [hidden] { display:none!important; }
@media(min-width:1550px) { .studio-hero-grid { gap:4.5rem; } }
@media(max-width:1100px) { .studio-hero-grid { gap:2rem; grid-template-columns:.9fr 1fr; }.studio-home .studio-hero h1 { font-size:4.5rem; }.studio-canvas { height:390px; }.studio-browser { inset:66px 26px 57px 14px; }.studio-browser-nav { padding-inline:12px; }.studio-frame { padding-inline:12px; grid-template-columns:1.1fr .9fr; }.studio-demo-heading { font-size:1.45rem; }.studio-frames { height:165px; }.studio-art-disc { width:70px; height:70px; }.studio-art-arch { left:5px; width:75px; }.studio-mobile { width:105px; height:219px; right:7px; bottom:18px; }.studio-mobile-camera { left:28px; }.studio-mobile-art { height:52px; }.studio-mobile-title { font-size:1rem; }.studio-loop-caption { min-height:107px; }.studio-loop-steps button { font-size:.57rem; }.studio-loop-steps { gap:7px; }.studio-depth { gap:3rem; }.studio-about { grid-template-columns:.2fr 1fr 1fr; }.studio-about h2 { font-size:2.5rem; }.studio-service-grid { gap:1.5rem; }.studio-process-grid { gap:1.5rem; }.studio-home .desktop-nav { gap:1rem; } }
@media(max-width:800px) { .studio-home .studio-hero { padding-top:3rem; }.studio-hero-grid { grid-template-columns:1fr; gap:2.6rem; }.studio-home .studio-hero h1 { font-size:clamp(4.2rem,10vw,6rem); }.studio-hero-copy > p:not(.eyebrow) { max-width:470px; }.studio-loop { width:100%; max-width:600px; margin-inline:auto; }.studio-canvas { height:435px; }.studio-browser { inset:70px 44px 65px 24px; }.studio-frame { padding-inline:20px; }.studio-demo-heading { font-size:1.85rem; }.studio-frames { height:183px; }.studio-mobile { width:121px; height:238px; right:16px; bottom:21px; }.studio-mobile-camera { left:37px; }.studio-mobile-art { height:65px; }.studio-mobile-title { font-size:1.1rem; }.studio-loop-caption { min-height:94px; }.studio-loop-steps button { font-size:.68rem; }.studio-section { padding-block:4.5rem; }.studio-section-heading { align-items:start; gap:1.5rem; flex-direction:column; margin-bottom:2.5rem; }.studio-section-heading > p,.studio-section-heading > div:last-child > p { max-width:480px; }.studio-hero-bottom { margin-top:.6rem; }.studio-section-index a { gap:7px; }.studio-section-index a span { font-size:.69rem; }.studio-depth { gap:2.7rem; grid-template-columns:1fr; }.studio-page-stack { max-width:580px; width:100%; margin-inline:auto; }.studio-depth > div:last-child { max-width:580px; }.studio-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }.studio-review { grid-column:span 3; }.studio-review:last-child { grid-column:span 6; }.studio-about { grid-template-columns:1fr 1fr; }.studio-about-symbol { display:none; }.studio-about h2 { font-size:2.8rem; }.studio-home .studio-work .portfolio-grid { grid-template-columns:1fr; gap:2rem; }.studio-home .studio-work .portfolio-image { height:390px; padding:28px 28px 0; }.studio-home .studio-work .portfolio-card { max-width:620px; width:100%; margin-inline:auto; } }
@media(max-width:600px) { .studio-home .site-header { height:76px; }.studio-home .studio-hero { padding-top:2.5rem; }.studio-home .studio-hero h1 { font-size:clamp(3.7rem,15vw,5.25rem); }.studio-hero-copy .eyebrow { margin-bottom:1.3rem; }.studio-hero-copy > p:not(.eyebrow) { font-size:.97rem; margin-top:1.5rem; }.studio-hero .actions { gap:1rem; }.studio-hero .actions .text-link { min-height:44px; }.studio-hero-proof { margin-top:1.1rem; gap:.5rem; }.studio-hero-proof a { font-size:.66rem; }.studio-hero-bottom { flex-direction:column; padding-block:1.7rem; gap:.6rem; font-size:.7rem; }.studio-canvas { height:360px; }.studio-orbit { width:260px; height:260px; left:35px; }.studio-browser { inset:62px 25px 57px 10px; border-width:4px; }.studio-browser-nav { padding:10px 12px; }.studio-browser-nav strong { font-size:.75rem; }.studio-browser-nav > span { font-size:.38rem; }.studio-frames { height:155px; }.studio-frame { padding:7px 12px 10px; grid-template-columns:1.05fr .95fr; }.studio-demo-heading { font-size:1.4rem; }.studio-demo-kicker { font-size:.4rem; margin-bottom:7px; }.studio-demo-description { font-size:.43rem; margin-block:8px; }.studio-demo-action { font-size:.37rem; padding:6px; gap:5px; }.studio-demo-action svg { width:8px; height:8px; }.studio-art-disc { width:69px; height:69px; right:5px; }.studio-art-arch { width:70px; left:6px; }.studio-art-line { right:10px; width:70px; }.studio-art > span { font-size:.25rem; }.studio-browser-footer { padding:8px 12px; font-size:.31rem; }.studio-mobile { width:96px; height:190px; border-width:4px; right:4px; bottom:18px; border-radius:14px; padding:14px 8px 8px; }.studio-mobile-camera { width:31px; left:28px; height:5px; }.studio-mobile > strong { font-size:.44rem; margin-bottom:7px; }.studio-mobile-art { height:50px; }.studio-mobile-title { font-size:.86rem; margin-top:8px; }.studio-mobile-lines { margin-top:7px; gap:3px; }.studio-mobile-lines i { height:2px; }.studio-mobile-button { font-size:.3rem; margin-top:7px; padding:5px 1px; }.studio-canvas-note { font-size:1.18rem; top:19px; left:21px; }.studio-design-stamp { left:20px; bottom:14px; }.studio-design-stamp em { font-size:1.2rem; }.studio-loop-topline > span:last-child { display:none; }.studio-loop-caption { gap:.7rem; padding-top:17px; min-height:115px; }.studio-loop-caption strong { font-size:.8rem; }.studio-loop-caption p { font-size:.7rem; }.studio-motion-control { min-width:60px; }.studio-loop-steps { gap:9px; }.studio-loop-steps button { display:block; font-size:.59rem; padding-block:10px; }.studio-loop-steps button > span { display:block; margin-bottom:4px; }.studio-section-index { grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:.3rem; }.studio-section-index a { padding-block:12px; gap:9px; }.studio-section-index a span { font-size:.74rem; }.studio-section-heading h2,.studio-depth h2 { font-size:2.65rem; }.studio-section { padding-block:3.7rem; scroll-margin-top:90px; }.studio-service-grid { grid-template-columns:1fr; gap:2.5rem; }.studio-service-grid article > svg { margin-block:1.3rem 1rem; }.studio-service-grid p { max-width:440px; }.studio-home .studio-work .portfolio-image { height:310px; padding:20px 16px 0; }.studio-work-note { font-size:.68rem; line-height:1.75; }.studio-page-stack { min-height:360px; }.studio-page-sheet { height:260px; padding:17px; width:57%; }.studio-page-sheet > b { font-size:1.45rem; }.studio-page-sheet > span { font-size:.35rem; }.studio-sheet-front { left:20px; top:62px; }.studio-sheet-middle { top:37px; }.studio-sheet-back { right:10px; top:46px; }.studio-sheet-art { height:90px; }.studio-process-grid { gap:2rem 1.2rem; }.studio-process-grid h3 { font-size:.95rem; line-height:1.4; }.studio-process-grid p { font-size:.8rem; }.studio-process-grid li { padding-top:1rem; }.studio-review-grid { grid-template-columns:1fr; }.studio-review,.studio-review:nth-child(n+4),.studio-review:last-child { grid-column:auto; padding:1.5rem; }.studio-review > p { min-height:0; margin-block:1rem 1.5rem; font-size:1rem; }.studio-review-note { font-size:.67rem; line-height:1.7; }.studio-about { grid-template-columns:1fr; gap:1.5rem; }.studio-about h2 { font-size:2.65rem; }.studio-final { padding-block:4rem 3.5rem; }.studio-home .studio-final h2 { font-size:3.55rem; }.studio-final p:not(.eyebrow) { font-size:.87rem; }.studio-final .actions { gap:1rem; }.studio-final .eyebrow { font-size:.56rem; }.studio-home .site-footer { padding-top:3.5rem; } }
@media(max-width:360px) { .studio-canvas { height:330px; }.studio-browser { inset:57px 19px 55px 9px; }.studio-frames { height:137px; }.studio-browser-nav { padding:8px 10px; }.studio-demo-heading { font-size:1.17rem; }.studio-demo-description { max-width:100px; }.studio-mobile { transform:rotate(5deg) scale(.9); transform-origin:bottom right; bottom:13px; }.studio-art-disc { width:60px; height:60px; }.studio-art-arch { width:56px; }.studio-section-heading h2,.studio-depth h2,.studio-about h2 { font-size:2.3rem; }.studio-loop-steps button { font-size:.55rem; }.studio-home .studio-final h2 { font-size:3rem; }.studio-home .studio-work .portfolio-image { height:275px; }.studio-page-sheet { padding:13px; }.studio-page-sheet > b { font-size:1.3rem; } }
@media(prefers-reduced-motion:reduce) { .studio-frame { transition:none!important; transform:none!important; }.studio-loop-steps button[aria-pressed=true] { border-top-color:#a8462a; } }