:root{--ink:#112a32;--dark:#10242c;--cream:#f4f2eb;--teal:#a5ece7;--line:#ccd4ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset,110px)}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #057d80;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}p+ p{margin-top:16px}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:var(--cream)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:16px;letter-spacing:.1em;white-space:nowrap}.brand img{width:48px;height:48px;border-radius:6px}.brand b{display:block;font-weight:400;letter-spacing:.32em;font-size:11px}nav{display:flex;align-items:center;gap:32px;font-size:15px}nav a{text-decoration:none}.nav-contact{border-bottom:1px solid;padding:8px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;padding:74px 5% 65px;align-items:center;max-width:1600px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:23px}h1{font-size:clamp(42px,4.5vw,75px);font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#28716d}.intro{max-width:600px;font-size:20px;margin-top:28px}.actions{display:flex;align-items:center;gap:26px;margin:32px 0 22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;padding:17px 23px;text-decoration:none;font-size:16px;border:1px solid var(--ink)}.button:hover{background:#20545c}.text-link{font-size:15px}.small{font-size:14px;line-height:1.6}.hero-note{color:#56696c}.hero-art{position:relative;padding:20px 20px 0;background:#dce5df;border-radius:150px 150px 0 0}.hero-art>img{border-radius:130px 130px 3px 3px;width:100%;height:auto}.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;padding:18px 0;gap:15px}.ribbon{background:var(--ink);color:#d2eae4;display:flex;justify-content:space-around;padding:22px 5%;font-size:14px;letter-spacing:.06em}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}h2{font-size:clamp(34px,3.7vw,56px);font-weight:500}.section-top>p{max-width:395px;font-size:17px;color:#53646a}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services .service-column{padding:30px 25px 30px 0;display:flex;flex-direction:column;gap:20px}.services .service-column+article{padding-left:25px;border-left:1px solid var(--line)}.number{font-size:13px;color:#47716e}.services h3{font-size:25px;line-height:1.2}.services p,.services ul{font-size:16px}.services ul{padding-left:19px;margin:0 0 15px}.services a{margin-top:auto;font-size:14px;font-weight:700}.work{background:#e7ebe5;max-width:none}.work>.section-top,.featured,.project-grid,.shop-links,.disclosure{max-width:1440px;margin-left:auto;margin-right:auto}.featured{display:grid;grid-template-columns:1.5fr 1fr;background:var(--dark);color:var(--cream)}.project-image{align-self:center;padding:26px}.project-image img{width:100%}.project-copy{padding:45px 35px}.project-copy h3{font-size:36px;margin-bottom:22px}.project-copy .small{color:#c4cece;margin-bottom:26px}.light{background:var(--teal);color:var(--ink);border-color:var(--teal)}.light:hover{background:#d1faf3}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:35px}.project-grid article{background:var(--cream)}.project-grid img{width:100%;aspect-ratio:1.6;object-fit:contain;background:#d8dfda}.project-grid article>div{padding:30px}.project-grid h3{font-size:28px;margin-bottom:17px}.project-grid p{font-size:16px}.project-grid .eyebrow{font-size:11px}.project-grid a:not(:has(img)){display:inline-block;margin-top:22px;font-size:15px;font-weight:700}.shop-links{display:flex;gap:30px;align-items:center;border-top:1px solid #b5c2bb;margin-top:40px;padding-top:25px;flex-wrap:wrap}.shop-links p{flex:1}.shop-links a{font-size:15px;font-weight:700}.disclosure{margin-top:22px;color:#52645f}.approach{display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach>div>p:last-child{margin-top:25px;max-width:440px}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.approach li:first-child{padding-top:0}.approach li>span{font-size:13px;color:#47716e}.approach h3{font-size:25px;margin-bottom:12px}.approach li p{font-size:16px}.contact{max-width:none;background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(42px,5vw,76px)}.contact>div>p:last-child{max-width:470px;margin-top:25px;color:#ccdad8}.contact-panel{padding:35px;background:#1c3941;align-self:center}.contact-panel h3{font-size:25px}.email{display:block;font-size:clamp(17px,2vw,26px);margin:24px 0;color:var(--teal);overflow-wrap:anywhere}.contact-panel p{font-size:16px;color:#d3e0dd}.contact-panel .button{background:var(--teal);color:var(--ink);margin:25px 0 0}.contact-panel .small{font-size:13px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p,footer>a:last-of-type{font-size:14px}footer small{width:100%;font-size:12px;color:#53646a;border-top:1px solid var(--line);padding-top:25px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){.work,.contact{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}@media(max-width:1050px){nav{gap:18px}.services{grid-template-columns:1fr 1fr}.services .service-column:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--line)}.services .service-column:nth-child(4){border-top:1px solid var(--line)}.hero{gap:30px}.featured{grid-template-columns:1fr}.project-copy{padding-top:15px}.approach,.contact{gap:7%}}@media(max-width:700px){header{flex-wrap:wrap;gap:15px;padding:16px 6%}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.brand img{width:42px;height:42px}.hero{grid-template-columns:1fr;padding:45px 6%}.hero-art{max-width:440px;margin:15px auto 0;width:100%}h1{font-size:46px}.intro{font-size:18px}.actions{flex-wrap:wrap;gap:20px}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;font-size:12px}.section{padding:60px 6%}.section-top{display:block}.section-top>p{margin-top:25px}.services{grid-template-columns:1fr}.services .service-column,.services .service-column+article{padding:28px 0;border-left:0;border-top:1px solid var(--line)}.services .service-column:first-child{border-top:0}.project-grid{grid-template-columns:1fr}.project-copy{padding:25px}.project-image{padding:12px}.project-copy h3{font-size:30px}.approach,.contact{grid-template-columns:1fr;gap:38px}.contact-panel{padding:25px}.shop-links{align-items:start;flex-direction:column;gap:16px}.section-top{margin-bottom:32px}.hero-note{max-width:300px}footer{padding:30px 6%;align-items:start}footer p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.art-grid figure{margin:0}.art-grid img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:filter .2s}.art-grid a:hover img{filter:brightness(1.06)}.art-grid figcaption{display:flex;justify-content:space-between;padding:13px 0;font-size:15px;border-bottom:1px solid var(--line)}.gallery-note{margin-top:20px;color:#53646a}.reel{display:grid;grid-template-columns:1fr 1.8fr;gap:45px;align-items:center;margin-top:60px;padding-top:50px;border-top:1px solid var(--line)}.reel h3{font-size:32px;margin-bottom:20px}.reel p{font-size:16px}.reel .small{font-size:13px;color:#53646a}.reel video{width:100%;aspect-ratio:16/9;background:#10242c}.reel .eyebrow{font-size:11px}@media(max-width:900px){.art-grid{grid-template-columns:1fr 1fr}.reel{grid-template-columns:1fr;gap:25px}}@media(max-width:500px){.art-grid{grid-template-columns:1fr;gap:20px}nav{font-size:12px}.art-grid img{object-fit:contain;background:#e7ebe5}}@media(prefers-reduced-motion:reduce){.art-grid img{transition:none}}
/* Refined presentation and comfortable, accessible controls. */
header{position:sticky;top:0;z-index:10;box-shadow:0 1px 0 #112a3214}nav{font-size:16px;gap:26px}nav a{min-height:44px;display:flex;align-items:center}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df8d30;outline-offset:5px}button{font:inherit;cursor:pointer}.menu-toggle{display:none}.hero-description{font-size:17px;max-width:560px;color:#53646a;margin-top:18px}.hero{padding-top:65px}.hero-art.collage{padding:0;background:none;border-radius:0}.collage-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;margin-bottom:17px}.collage-images{position:relative;aspect-ratio:1/1.05}.collage-images img{position:absolute;object-fit:cover;border-radius:0;border:8px solid var(--cream);box-shadow:0 18px 35px #112a3215}.collage-images .art-main{width:80%;height:78%;left:0;top:0}.collage-images .art-detail{width:65%;height:45%;right:0;bottom:0;border-color:#dbe6df}.collage-images .art-small{width:33%;height:31%;right:0;top:4%;border-width:6px}.collage .art-label{margin-top:15px;font-size:10px;border-top:1px solid var(--line)}.collage .art-label a{font-size:13px;letter-spacing:0}.services .service-fit{font-size:15px;color:#28716d;font-weight:700}.services a{min-height:44px;display:flex;align-items:center;font-size:15px}.services{gap:0}.project-grid a:not(:has(img)),.shop-links a{min-height:44px;display:inline-flex;align-items:center}.art-grid a{display:block}.art-grid figcaption{font-size:16px;min-height:48px}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;border-top:1px solid var(--line)}.questions>div>p:not(.eyebrow){margin:24px 0;max-width:380px}.faq-list details{border-top:1px solid var(--line);padding:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:19px;font-weight:600;padding:23px 35px 23px 0;position:relative;list-style:none;line-height:1.45}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px;font-weight:400;font-size:26px;top:17px}details[open] summary:after{content:'−'}.faq-list details p{padding:0 30px 24px 0;font-size:17px}.contact-prompts{padding-left:22px;color:#d3e0dd;font-size:17px;margin:10px 0}.contact .small{max-width:none}.nav-contact{font-weight:700}.hero .button{min-height:58px}.text-link{min-height:44px;display:inline-flex;align-items:center}dialog{padding:20px;border:0;background:#10242c;color:#f4f2eb;width:min(1100px,94vw);max-height:95vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#071317e8}dialog img{width:100%;height:min(65vh,750px);object-fit:contain}.viewer-head,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-head{margin-bottom:16px}.viewer-head p{font-size:18px}.viewer-controls{margin-top:16px}.viewer-controls button,.viewer-close{background:#21414a;color:white;border:1px solid #63818a;padding:10px 18px;min-height:46px;font-size:16px}.viewer-close{white-space:nowrap}body:has(dialog[open]){overflow:hidden}@media(max-width:1050px){nav{gap:17px;font-size:15px}.hero{grid-template-columns:1.2fr 1fr}}@media(max-width:900px){header{padding:14px 5%;flex-wrap:wrap;gap:0}.menu-toggle{display:flex;gap:18px;align-items:center;background:transparent;border:1px solid #53646a;padding:9px 15px;min-height:46px;font-size:17px}.menu-toggle span{font-size:19px}header nav{display:none;width:100%;padding-top:15px;grid-template-columns:1fr 1fr;gap:2px 20px;border-top:1px solid var(--line);margin-top:14px;font-size:17px}header nav.open{display:grid}header nav a{padding:12px 0;min-height:48px}.nav-contact{border:0}.questions{grid-template-columns:1fr;gap:30px}.hero .actions{flex-wrap:wrap;gap:15px}.hero .button{gap:15px}.hero .text-link{font-size:16px}html{scroll-padding-top:var(--anchor-offset,92px)}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:42px}.hero-art.collage{max-width:460px;margin-top:20px}.collage-images{aspect-ratio:1.15}.hero-description{font-size:17px}.services p,.services ul{font-size:17px}.small{font-size:15px}.hero-note{max-width:none}.services h3{font-size:27px}.section-top>p{font-size:18px}.project-copy p,.project-grid p,.approach li p{font-size:17px}.project-copy .small,.disclosure{font-size:15px}.contact-panel p,.contact-prompts{font-size:17px}.contact-panel .small{font-size:14px}.reel p{font-size:17px}.reel .small{font-size:15px}.email{font-size:19px}.section{padding-top:55px;padding-bottom:55px}}@media(max-width:400px){.brand{font-size:14px}.brand img{width:40px;height:40px}.menu-toggle{font-size:16px;padding:8px 12px}.viewer-head p{font-size:16px}.viewer-controls button{padding:10px;font-size:15px}}

.ribbon a{color:inherit;text-decoration:underline;text-decoration-color:#d2eae470;text-underline-offset:6px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}.ribbon a:hover{color:white;text-decoration-color:currentColor}.ribbon a:focus-visible{outline:3px solid #f6c36a;outline-offset:4px}

.inquiry-note{margin-top:22px;color:#53646a}.inquiry-note a{overflow-wrap:anywhere}
/* Multipage navigation and service presentation */
header nav a[aria-current]{color:#28716d;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.page-trail{padding:22px 5% 0;font-size:14px;display:flex;gap:10px;max-width:1600px;margin:auto}.page-intro{padding-bottom:35px}.page-intro .breadcrumb{display:none}.page-intro h1{max-width:1000px}.page-intro .intro{max-width:780px}.service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{display:flex;flex-direction:column;gap:18px;padding:32px;border:1px solid #a7b9b1;text-decoration:none;background:#e7ebe5;transition:background .15s}.service-card:hover{background:#dce9e3}.service-card h3{font-size:30px}.service-card p{font-size:18px}.card-action{font-size:16px;font-weight:bold;margin-top:auto}.next-step{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.next-step h2{font-size:36px}.next-step p{max-width:680px;margin-top:20px}.next-step .button{flex-shrink:0}.detail-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-top:20px}.service-detail{font-size:20px;line-height:1.7}.service-detail .service-fit{font-weight:bold;color:#28716d}.service-detail ul{padding-left:25px;margin:25px 0}.service-detail>a{display:inline-flex;background:var(--ink);color:white;padding:17px 23px;margin-top:10px;font-size:17px;text-decoration:none}.prepare-panel{background:#e7ebe5;padding:32px}.prepare-panel h2{font-size:27px}.prepare-panel ul{padding-left:22px}.prepare-panel p{font-size:16px}.prepare-panel a{display:inline-flex;margin-top:20px;font-size:16px;min-height:44px;align-items:center}.footer-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;font-size:14px;gap:12px 26px}.footer-nav a{min-height:44px}.contact h1{font-size:clamp(42px,5vw,76px)}.questions h1,.approach h1,.portfolio h1{font-size:clamp(38px,4vw,62px)}
@media(max-width:1050px){header{flex-wrap:wrap;gap:0}.menu-toggle{display:flex;gap:18px;align-items:center;background:transparent;border:1px solid #53646a;padding:9px 15px;min-height:46px;font-size:17px}header nav{display:none;width:100%;padding-top:15px;grid-template-columns:1fr 1fr;gap:2px 20px;border-top:1px solid var(--line);margin-top:14px;font-size:17px}header nav.open{display:grid}header nav a{padding:12px 0;min-height:48px}}
@media(max-width:700px){.service-links,.detail-layout{grid-template-columns:1fr}.detail-layout{gap:30px}.service-card{padding:26px}.service-card h3{font-size:27px}.next-step{display:block}.next-step .button{margin-top:24px}.page-trail{padding:20px 6% 0}.page-intro{padding-bottom:30px}.footer-nav{display:grid;grid-template-columns:1fr;gap:5px}.service-detail{font-size:18px}.prepare-panel{padding:25px}.next-step h2{font-size:32px}}
/* Quiet studio backdrop: architectural curves and warm metallic details. */
body{background-color:#f5f3ed;background-image:radial-gradient(ellipse at 100% 0%,#d9eae3a6,transparent 52%),url('/assets/studio-lines.svg');background-position:top right,top center;background-size:100% 1000px,1600px 1100px;background-repeat:no-repeat}
header{background:#f5f3edf5;border-bottom-color:#c7d2ca;box-shadow:0 3px 20px #10242c06}
.hero,.page-intro{position:relative}.hero-copy{position:relative;z-index:1}.hero .eyebrow,.page-intro .eyebrow{display:flex;align-items:center;gap:13px}.hero .eyebrow:before,.page-intro .eyebrow:before{content:'';display:block;width:32px;height:2px;background:#a77e43;flex-shrink:0}
.service-directory{background:linear-gradient(180deg,#f5f3ed00,#edf1ea85);border-top:1px solid #c7d2ca}.service-card{background:#fafbf6e8;border-color:#c4d0c7;box-shadow:0 8px 24px #10242c04;border-top:3px solid #2d6f6b}.service-card:hover{background:#f3f8f1;border-color:#749c90}.service-card .number{color:#936c36;font-size:14px;letter-spacing:.12em}.prepare-panel{background:linear-gradient(140deg,#e7eee6,#f4f4eb);border:1px solid #c9d5c9;border-top:3px solid #ac8c57}.next-step{background:#edf1e9b3}.portfolio{background:#f5f3eddd}.work{background:linear-gradient(135deg,#e6ede5,#eef1e8)}.questions,.approach{background:#f5f3edb8}.contact{background-color:#10242c;background-image:radial-gradient(ellipse at 0 0,#2b5658a0,transparent 70%)}footer{background:#edf0e9;border-top:1px solid #c7d2ca}.collage-images img{box-shadow:0 18px 38px #112a321b}.collage-label{color:#3d625e}
@media(max-width:700px){body{background-size:100% 700px,1100px 760px;background-position:top right,top right}.hero .eyebrow,.page-intro .eyebrow{font-size:11px;gap:9px}.hero .eyebrow:before,.page-intro .eyebrow:before{width:20px}.service-card{box-shadow:none}}
/* A visual vocabulary of design, web, development and everyday technology.
   Decorative vector outlines stay in the margins, outside the reading area. */
body{background-image:radial-gradient(ellipse at 100% 0%,#d9eae3a6,transparent 52%),url('/assets/studio-lines.svg');background-size:100% 1000px,100% auto;background-position:top right,top center;background-repeat:no-repeat,repeat-y}
.hero-copy{background:radial-gradient(ellipse at center,#f5f3edec 48%,#f5f3ed00 74%)}
@media(max-width:700px){body{background-image:radial-gradient(ellipse at 100% 0%,#d9eae3a6,transparent 52%);background-size:100% 700px;background-repeat:no-repeat}.hero-copy{background:none}}

/* One studio palette across all pages; service-specific schematic emphasis. */
body{--studio-art:url('/assets/studio-lines.svg');background-image:radial-gradient(ellipse at 100% 0%,#d9eae3a6,transparent 52%),var(--studio-art)}
.page-visual-design{--studio-art:url('/assets/studio-visual-design.svg')}
.page-websites{--studio-art:url('/assets/studio-websites.svg')}
.page-developer-tools{--studio-art:url('/assets/studio-developer-tools.svg')}
.page-technology-support{--studio-art:url('/assets/studio-technology-support.svg')}
.page-intro,.detail-layout{background:linear-gradient(90deg,#f5f3ed00 0%,#f5f3edc9 14%,#f5f3edc9 86%,#f5f3ed00 100%)}
.work{background:linear-gradient(135deg,#e6ede5e8,#eef1e8db)}
.contact{background:#f5f3edb8;color:var(--ink)}
.contact>div>p:last-child{color:#53646a}
.contact-panel{background:linear-gradient(140deg,#e7eee6,#f4f4eb);border:1px solid #c9d5c9;border-top:3px solid #ac8c57}
.contact-panel p,.contact-prompts{color:#425b60}
.contact-panel .button{background:var(--ink);color:white}
.contact-panel .button:hover{background:#20545c}
@media(max-width:700px){body{background-image:radial-gradient(ellipse at 100% 0%,#d9eae3a6,transparent 52%)}.page-intro,.detail-layout{background:transparent}}

.contact-panel .email-link,.contact-panel a:not(.button){color:#205a59}
/* Full-width, softly tinted masthead separates navigation from the canvas. */
header{background:#e1ebe5;border-bottom:1px solid #b5c9bf;box-shadow:0 3px 14px #10242c08;width:100%;max-width:none}
header nav a{color:#112a32}header nav a[aria-current]{color:#205a59}
@media(max-width:1050px){header nav{background:#e1ebe5;border-top-color:#b5c9bf}.menu-toggle{color:#112a32;border-color:#627e74}}
/* Distinct hover, keyboard-focus and current-page states. */
header nav a{padding:9px 11px;border-radius:5px;transition:background-color .15s,color .15s}
header nav a:hover{background:#c2d8cd;color:#102f35;text-decoration:none}
header nav a:focus-visible{outline:3px solid #205a59;outline-offset:3px;background:#c2d8cd;color:#102f35}
header nav a[aria-current]{background:#205a59;color:#fff;font-weight:700;text-decoration:none;border-bottom-color:transparent}
header nav a[aria-current]:hover,header nav a[aria-current]:focus-visible{background:#173f40;color:#fff}
@media(max-width:1050px){header nav a{padding:12px 11px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}}

header nav{gap:10px}@media(max-width:1050px){header nav{gap:4px 20px}}
/* Quiet interaction polish: content is visible immediately, never scroll-gated. */
.button,.service-detail>a{transition:background-color .18s,box-shadow .18s,transform .18s}
.button:hover,.service-detail>a:hover{transform:translateY(-2px);box-shadow:0 7px 18px #10242c18}
.button:focus-visible,.service-detail>a:focus-visible{box-shadow:0 0 0 4px #c2d8cd}
.service-card{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.service-card:hover,.service-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 23px #10242c0d}
.card-action{transition:color .18s}.service-card:hover .card-action{color:#205a59}
.text-link,.footer-nav a{transition:color .18s;text-decoration-color:transparent}
.text-link:hover,.footer-nav a:hover{color:#205a59;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.hero h1 em{display:inline-block;animation:studio-text-in .42s ease-out both}
.page-home .hero h1 em{--entrance-distance:-40px;animation:studio-home-text-in .85s cubic-bezier(.22,.61,.36,1) both}
@keyframes studio-home-text-in{from{opacity:.35;transform:translateX(var(--entrance-distance))}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.page-home .hero h1 em{--entrance-distance:-18px;animation-duration:.7s}}
@keyframes studio-text-in{from{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:studio-page-out .12s ease-out both}
::view-transition-new(root){animation:studio-page-in .2s ease-out both}
@keyframes studio-page-out{to{opacity:0}}
@keyframes studio-page-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.button:hover,.service-detail>a:hover,.service-card:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-detail>a,.service-card,.card-action,.text-link,.footer-nav a{transition:none}.button:hover,.service-detail>a:hover,.service-card:hover,.service-card:focus-visible{transform:none}.hero h1 em{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* Soft service-card fills keep each option distinct within the studio palette. */
.page-home .service-card:nth-child(1){background:#f1ede1}
.page-home .service-card:nth-child(2){background:#e5eee5}
.page-home .service-card:nth-child(3){background:#e1eceb}
.page-home .service-card:nth-child(4){background:#e9eee2}
.page-home .service-card:hover,.page-home .service-card:focus-visible{border-color:#487d70;box-shadow:0 10px 23px #10242c12}
.page-services .services .service-column:nth-child(1){background:#f1ede1}
.page-services .services .service-column:nth-child(2){background:#e5eee5}
.page-services .services .service-column:nth-child(3){background:#e1eceb}
.page-services .services .service-column:nth-child(4){background:#e9eee2}
/* Coordinated interactive feedback for both service-box layouts. */
.page-services .services .service-column{position:relative;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.page-services .services .service-column:hover,.page-services .services .service-column:focus-within{transform:translateY(-4px);box-shadow:0 9px 20px #10242c16,inset 0 3px #487d70;z-index:1}
.page-home .service-card:hover,.page-home .service-card:focus-visible{transform:translateY(-4px);box-shadow:0 9px 20px #10242c16,inset 0 3px #487d70}
.page-services .services .service-column:nth-child(1):is(:hover,:focus-within),.page-home .service-card:nth-child(1):is(:hover,:focus-visible){background:#e9e3d2}
.page-services .services .service-column:nth-child(2):is(:hover,:focus-within),.page-home .service-card:nth-child(2):is(:hover,:focus-visible){background:#d8e7d9}
.page-services .services .service-column:nth-child(3):is(:hover,:focus-within),.page-home .service-card:nth-child(3):is(:hover,:focus-visible){background:#d1e3e1}
.page-services .services .service-column:nth-child(4):is(:hover,:focus-within),.page-home .service-card:nth-child(4):is(:hover,:focus-visible){background:#dfe7d4}
@media(hover:none){.page-services .services .service-column:hover,.page-home .service-card:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.page-services .services .service-column,.page-home .service-card{transition:none}.page-services .services .service-column:hover,.page-services .services .service-column:focus-within,.page-home .service-card:hover,.page-home .service-card:focus-visible{transform:none}}

.services .service-column{color:inherit;text-decoration:none}.services .service-column .service-explore{margin-top:auto;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:5px}.services .service-column:focus-visible{outline:3px solid #205a59;outline-offset:4px}

/* Customer clarity review: preserve existing brand, motion and responsive system. */
.service-shortcuts{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.4rem 0}.service-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .8rem;border:1px solid #a7b4b0;border-radius:8px;background:#f5f4eb;color:#193f48;font-size:.95rem;text-decoration:none;font-weight:650}.service-shortcuts a:hover{background:#dde8e3}.service-shortcuts a:focus-visible{outline:3px solid #236272;outline-offset:3px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:1.5rem 0}.case-study{border:1px solid #cbd1c7;background:#f8f6ee;border-radius:16px;overflow:hidden;min-width:0}.case-study>a{display:block}.case-study img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#e8ece6}.case-study>div{padding:1.6rem}.case-study h3{font-size:1.6rem}.case-study dt{font-weight:700;margin-top:1rem;color:#193f48}.case-study dd{margin:.25rem 0 0}.case-study a{overflow-wrap:anywhere}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}.process-grid article{padding:1.3rem;border-left:3px solid #7b9a99;background:#f0f1e8}.process-grid h3{font-size:1.25rem}.approach ol h2{font-size:1.4rem;letter-spacing:normal}.portfolio-overview h1{max-width:900px}.portfolio-overview .intro{max-width:850px}@media(max-width:720px){.case-grid,.process-grid{grid-template-columns:1fr}.case-study>div{padding:1.2rem}.service-shortcuts{gap:.5rem}.service-shortcuts a{font-size:.9rem}.portfolio-overview{padding-top:2rem}}

/* Clearly labeled fictional website concepts. */
.concept-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.concept-card{display:block;text-decoration:none;color:inherit;border:1px solid #c5cec5;border-radius:14px;overflow:hidden;background:#faf8f0;transition:transform .2s,box-shadow .2s}.concept-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #17333215}.concept-card:focus-visible{outline:3px solid #245960;outline-offset:4px}.concept-summary{padding:23px}.concept-summary h3{font-size:25px}.concept-summary>span{font-weight:700;color:#20545b}.concept-thumb{min-height:290px;padding:22px;overflow:hidden}.mini-brand{font-size:12px;letter-spacing:2px;display:block;font-weight:750}.concept-thumb strong{display:block;font:32px/1.06 Georgia,serif;margin-top:30px}.mini-caption{font-size:9px;letter-spacing:1.4px;display:block;margin-top:16px}.market-thumb,.market-demo{background:#eeeede;color:#263d32}.shop-thumb,.shop-demo{background:#f2dbcb;color:#652d35}.service-thumb,.service-demo{background:#183546;color:#edf2ed}.mini-products{display:flex;align-items:center;justify-content:space-around;height:80px;margin-top:22px}.mini-products i{transform:scale(.5);flex-shrink:0}.mini-schedule{display:flex;gap:7px;margin-top:35px}.mini-schedule span{border:1px solid #ffffff55;padding:12px 5px;font-size:9px}.demo-surface{border-radius:18px;overflow:hidden;border:1px solid #adb9ae;margin-top:30px}.demo-top{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #63716144;gap:15px}.demo-top strong{letter-spacing:2px}.demo-top>span{font-size:14px}.demo-hero{padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.demo-hero h3{font:clamp(32px,4vw,60px)/1.04 Georgia,serif;letter-spacing:-1.5px;color:inherit}.demo-hero p{color:inherit}.demo-content{padding:30px;background:#ffffffa8;color:#203632}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-grid article{padding:20px;background:#fffaf3;border:1px solid #cbd2c4;border-radius:8px}.demo-grid article[hidden]{display:none}.demo-grid h4{font-size:22px;margin:18px 0 8px}.demo-grid p{font-size:16px}.demo-grid button,.filter-row button,.concept-close{font:inherit;min-height:44px;border:1px solid #365951;border-radius:6px;padding:10px 15px;background:#f5f2e8;color:#23443c;cursor:pointer}.demo-grid button:hover,.filter-row button:hover{background:#dde6dc}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row button.selected{background:#294d40;color:white}.demo-notice{padding:16px 25px;font-size:13px;letter-spacing:.3px;background:#fff9e8;color:#40382d;border-top:1px solid #d1c7b2}.concept-takeaway{max-width:900px;margin-top:24px}.object-scene{height:180px;background:#e2dfcd;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}.shop-demo .object-scene{background:#e9c4ad}.hero-object{display:flex;justify-content:center;align-items:center;gap:25px;min-height:210px}.object-vase{display:block;width:90px;height:135px;border-radius:35% 35% 42% 42%;background:linear-gradient(90deg,#aa694f,#dcac85 55%,#ac6d50);position:relative;box-shadow:15px 15px 25px #34251522}.object-vase:before{content:'';position:absolute;top:-9px;left:25px;width:40px;height:30px;border-radius:7px;background:#b67b58;border-top:7px solid #70482e}.object-print{display:block;width:110px;height:145px;border:8px solid #fef7e6;background:radial-gradient(circle at 60% 32%,#b25b3c 0 24px,transparent 25px),linear-gradient(145deg,transparent 50%,#476d62 51% 70%,#173c38 71%);box-shadow:7px 8px 10px #282a2222}.object-bowl{display:block;width:140px;height:72px;background:linear-gradient(0deg,#57766a,#adba91);border-radius:5% 5% 50% 50%;border-top:12px solid #3c5b51;box-shadow:10px 12px 18px #2222}.object-lamp{display:block;width:135px;height:90px;background:repeating-linear-gradient(90deg,#e6c09c 0 8px,#f6d9ba 9px 12px);clip-path:polygon(23% 0,77% 0,100% 90%,60% 90%,60% 100%,40% 100%,40% 90%,0 90%);border-radius:15px}.object-cushion{display:block;width:135px;height:115px;border-radius:25% 18% 25% 15%;background:repeating-linear-gradient(0deg,#ab7061 0 3px,#bf8573 4px 6px);box-shadow:10px 12px 18px #34251533}.plan-art{display:grid;gap:18px;transform:rotate(-5deg)}.plan-art span{padding:23px;background:#ffffff12;border:1px solid #9cbdc2;font-size:18px;letter-spacing:3px}.service-demo .eyebrow{color:inherit}.concept-dialog{max-width:620px;width:calc(100% - 32px);padding:32px;border:1px solid #9eafa4;border-radius:15px;background:#faf8ef;color:#193b41}.concept-dialog::backdrop{background:#10242caa}.concept-close{float:right;margin-bottom:20px}.concept-dialog .eyebrow{clear:both}.concept-dialog h2{font-size:32px}.concept-demo h2[id]{scroll-margin-top:0}.concept-intro .intro{max-width:850px}@media(max-width:850px){.concept-cards{grid-template-columns:1fr}.concept-card{display:grid;grid-template-columns:1fr 1fr}.demo-hero{padding:28px}.demo-grid{grid-template-columns:1fr}.object-scene{height:180px}.demo-top{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.concept-card,.demo-hero{grid-template-columns:1fr}.concept-thumb{min-height:270px}.demo-content{padding:18px}.demo-top{padding:20px}.hero-object{min-height:150px}.concept-dialog{padding:22px}.demo-hero h3{font-size:40px}}@media(prefers-reduced-motion:reduce){.concept-card{transition:none}.concept-card:hover{transform:none}}

@media(prefers-reduced-motion:reduce){.page-home .hero h1 em{animation:none;transform:none}}
/* Service review: focused descriptions, clear external form behavior. */
.page-services .service-column>p{text-align:center}.new-tab-label{font-size:.72em;white-space:normal;display:inline-block;margin-left:.3em;font-weight:400}.developer-choices{padding-top:20px;padding-bottom:20px}.services-intro-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px}.service-illustration{width:100%;max-width:380px;justify-self:end}.service-illustration svg{display:block;width:100%;height:auto}@media(max-width:700px){.services-intro-layout{grid-template-columns:1fr;gap:24px}.service-illustration{max-width:260px;justify-self:center}}