/* MIH — immersive homepage, service tabs, generous editorial typography. */
:root{--container:1200px;--paper:#fffefa}
html{scroll-padding-top:106px}
.announcement{display:none}
.site-header{position:fixed;inset:0 0 auto;background:transparent;color:white;border:0;transition:background .3s,box-shadow .3s}
.site-header.is-scrolled{background:#20221ff5;box-shadow:0 3px 20px #0002}
.header-inner{height:92px;width:calc(100% - 80px);max-width:1440px}
.brand-name{font-size:25px;letter-spacing:.16em;max-width:none}
.brand-mark.has-logo{width:48px;height:48px;background:transparent;transform:none}
.brand-mark img{transform:none}
.main-nav a{font-size:13px;color:white}
.main-nav a:hover{color:var(--gold)}
.language-toggle{color:white}.header-cta{background:var(--gold);color:var(--charcoal);border-radius:2px}
.hero{min-height:min(900px,100svh);background:#20221f;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:130px 0 28px}
.hero::before{inset:0;background:radial-gradient(ellipse at 90% 25%,#e76e1e20,transparent 55%),radial-gradient(ellipse at 75% 90%,#f5c66312,transparent 50%),#20221f;mask-image:none;z-index:-1;animation:none}
.hero::after{display:none}
.hero-grid{display:block;min-height:0;flex:1;align-content:center;width:calc(100% - 100px);max-width:1400px}
.hero-copy{max-width:760px;padding:30px 0 48px}
.hero h1{font-size:clamp(48px,5.7vw,84px);line-height:1.06;letter-spacing:-.045em;max-width:760px;margin-bottom:30px;font-weight:700}
.hero-word-accent{color:var(--white)}
.hero-lead{font-size:19px;line-height:1.55;max-width:580px;color:#f4efe5;margin-bottom:32px}
.hero .eyebrow{color:var(--gold);margin-bottom:24px}
.hero-art{display:none}
.hero-actions{gap:16px}.hero-actions .button{min-height:56px;padding:16px 28px;font-size:14px;border-radius:2px}
.hero-note{margin-top:24px;color:#e8dfce}
.hero-bottom{width:calc(100% - 100px);max-width:1400px;height:60px;border-color:#ffffff38}
.section{padding:105px 0}
.intro{padding-bottom:40px}
.intro .section-kicker{justify-content:center}
.intro-heading{display:block;text-align:center}
.intro h2{font-size:clamp(38px,4.4vw,64px);line-height:1.12;max-width:850px;margin:auto}
.intro p{max-width:700px;margin:24px auto 0;font-size:17px}
.service-navigation{position:relative;top:auto;box-shadow:none;border:0;background:transparent;scroll-margin-top:106px}
.service-index{justify-content:center;flex-wrap:wrap;gap:10px;overflow:visible;padding:0 0 35px;scroll-snap-type:none}
.service-index a,.service-index button{flex:none;min-width:0;border:1px solid #d8d5cc;background:transparent;color:var(--charcoal);border-radius:30px;padding:13px 21px;font-size:13px;font-weight:700;text-decoration:none;white-space:normal;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.service-index a:last-child{border-right:1px solid #d8d5cc}
.service-index button:hover{border-color:var(--orange);background:#f8f0e3}
.service-index button[aria-selected=true]{background:var(--charcoal);border-color:var(--charcoal);color:var(--gold)}
.services{border:0;padding-bottom:100px}
.service-row{max-width:1200px;width:calc(100% - 48px);margin:0 auto 24px;border:0;border-radius:8px;background:#f2f0e9;overflow:hidden}
.service-row[hidden]{display:none!important}
.service-row:hover{background:#f2f0e9}
.service-row::after{display:none}
.service-layout{grid-template-columns:1.1fr .9fr;gap:65px;width:100%;padding:56px;min-height:560px}
.service-number{display:none}
.service-content{max-width:none}
.service-content h3{font-size:clamp(32px,3.2vw,46px);line-height:1.12}
.service-content>p{font-size:16px}
.service-items{gap:10px 16px;margin-bottom:25px}
.service-items li{font-size:12px}
.service-row .service-visual{height:420px;border-radius:6px;background:#e6e0d2}
.service-visual::after{display:none}
.service-row:hover .service-visual{translate:none;box-shadow:none}
.service-detail{gap:24px}
.service-focus{background:#eae5d9}
.process{background:#f1eee6;text-align:center}
.process .section-kicker{justify-content:center}
.process-head{display:block}.process-head h2{max-width:820px;margin:auto;font-size:clamp(36px,4vw,60px)}
.process-head p{max-width:650px;margin:22px auto 0}
.steps{gap:40px;text-align:left;margin-top:65px}
.step{border-top:1px solid #c9c3b7;padding-top:24px}
.step-index{font:600 60px/1 Manrope,sans-serif;color:#a95118;letter-spacing:-.06em}
.step-icon{display:none}.step h3{font-size:22px;margin-top:28px}
.about{background:#20221f;border-radius:0}
.about-grid{grid-template-columns:1fr 1fr;gap:80px}
.about h2{font-size:clamp(40px,4.7vw,68px)}
.about-copy>p{font-size:18px}
.about-watermark{opacity:.04}
.business-photos{margin-top:48px}.business-photos img{width:100%;max-height:460px;object-fit:cover;border-radius:4px}
.faq{background:var(--white)}
.faq h2{font-size:clamp(36px,4vw,56px)}
.contact{border-radius:0;background:#252821;padding-bottom:100px}
.contact h2{font-size:clamp(40px,4.5vw,64px)}
.form-panel{border-radius:6px;box-shadow:none;padding:40px}
.footer{padding:60px 0 28px;background:#171a15}.footer-top{padding-bottom:42px}.footer-bottom{padding-top:25px}
@media(max-width:1050px){
 .header-inner{width:calc(100% - 48px)}.main-nav{gap:18px}
 .hero-grid,.hero-bottom{width:calc(100% - 64px)}
 .service-layout{padding:40px;gap:32px;grid-template-columns:1.15fr .85fr}
 .service-row .service-visual{height:360px}
 .steps{gap:25px}
}
@media(max-width:760px){
 .header-inner{height:76px;width:calc(100% - 36px)}
 .brand-name{font-size:22px}.brand-mark.has-logo{width:40px;height:40px}
 .menu-toggle span{background:white}.main-nav{top:76px;background:#20221f;border-color:#ffffff24}
 .hero{min-height:760px;min-height:100svh;padding:110px 0 20px}
 .hero-grid{display:block;width:calc(100% - 40px);min-height:0}
 .hero-copy{padding:22px 0 32px}
 .hero h1{font-size:clamp(42px,8.7vw,66px);max-width:650px}
 .hero-lead{font-size:16px;max-width:520px}
 .hero-bottom{width:calc(100% - 40px);height:auto;min-height:50px;gap:20px;font-size:9px}
 .hero-actions .button{padding:14px 20px;font-size:13px}
 .section{padding:75px 0}.intro{padding-bottom:30px}
 .service-index{gap:8px;padding-bottom:26px}.service-index button{font-size:12px;padding:10px 14px}
 .service-row{width:calc(100% - 36px)}
 .service-layout{display:flex;flex-direction:column;align-items:stretch;padding:30px;gap:30px;min-height:0}
 .service-row .service-visual{height:250px;margin:0}.service-content h3{font-size:34px}
 .services{padding-bottom:65px}
 .about-grid{display:block}.about-copy{padding-top:25px}
 .steps{grid-template-columns:1fr 1fr;gap:35px}.step-index{font-size:48px}
 .form-panel{padding:26px}.contact-grid{display:block}
 .contact-list{margin-bottom:32px}.form-panel{margin-top:36px}
}
@media(max-width:420px){
 .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
 .hero h1{font-size:42px}.hero-bottom>span{display:none}
 .service-layout{padding:24px}.service-detail{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}.step h3{margin-top:16px}
 .header-actions{flex-shrink:0}.brand-name{max-width:none}
}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none;transform:none}.service-index button{transition:none}}
@media(max-width:760px){.service-row .printing-art{transform:scale(.78) rotate(-7deg)}}

/* Sequential service stories with a compact, persistent index. */
.service-navigation{position:sticky;top:92px;z-index:25;background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:32px}
.service-navigation .service-index{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:14px 0;gap:8px;scrollbar-width:thin}
.service-index a{white-space:nowrap;padding:11px 16px;font-size:12px}
.service-index a[aria-current=location]{background:var(--charcoal);border-color:var(--charcoal);color:var(--gold)}
.service-row{margin-bottom:48px;scroll-margin-top:90px}
.service-row{opacity:var(--service-opacity,1);transition:opacity .16s linear,background-color .35s ease}
.service-row:focus-within{opacity:1;transition:none}
.service-row:nth-of-type(even){background:#eee8dc}
.service-row:nth-of-type(even):hover{background:#eee8dc}
.service-layout{position:relative}
.service-layout::after{content:"";position:absolute;bottom:0;left:56px;right:56px;height:2px;background:linear-gradient(90deg,var(--orange),var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.service-layout.service-entered::after{transform:scaleX(1)}
@media(min-width:1060px){.service-row:nth-of-type(even) .service-content{grid-column:2;grid-row:1}.service-row:nth-of-type(even) .service-visual{grid-column:1;grid-row:1}}
@media(max-width:760px){.service-navigation{top:76px;margin-bottom:24px}.service-navigation .service-index{padding:10px 0}.service-index a{padding:10px 14px}.service-row{margin-bottom:28px}.service-layout::after{left:24px;right:24px}.service-row{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){.service-layout::after{transform:scaleX(1);transition:none}}
@media(prefers-reduced-motion:reduce){.service-row{opacity:1;transition:none}}

/* Each card settles into the same stage, then yields to the next one. */
.services{padding-bottom:25vh}
.service-row{position:sticky;top:var(--service-pin-top,170px);z-index:1;box-shadow:0 -12px 35px #292a2708;scroll-margin-top:80px}
.service-row:focus-within{z-index:2}
@media(prefers-reduced-motion:reduce){.service-row{position:relative;top:auto;box-shadow:none}.services{padding-bottom:80px}}

/* Brand finish: orange ring, golden lightning and warm neutral surfaces. */
:root{--orange:#ff7a00;--gold:#ffc400;--charcoal:#20231f;--charcoal-deep:#171a16;--ink:#252820;--paper:#fffdf7;--white:#fffefa;--muted:#615f56;--line:#e8e0d2;--header-height:96px}
.hero{background:var(--charcoal-deep)}
.hero::before{background:radial-gradient(ellipse at 90% 20%,#ff7a001c,transparent 56%),radial-gradient(ellipse at 75% 90%,#ffc40012,transparent 50%),var(--charcoal-deep)}
.hero-word-accent{color:#ffd04a}
.section-kicker,.service-tag{color:#905015}.section-kicker.light{color:#e5d6b8}
.service-items li,.kicker-number{color:#914d0d}
.service-row,.service-row:hover{background:#f5f1e8}
.service-row:nth-of-type(even),.service-row:nth-of-type(even):hover{background:#efe8d9}
.service-focus{background:#ede5d5;border-left-color:var(--orange)}
.service-row .service-visual{background:#e9dfcb}

/* Floating navigation: a single restrained glass surface. */
.site-header,.site-header.is-scrolled{background:transparent;box-shadow:none;border:0;padding:14px 0;color:var(--white)}
.header-inner{height:68px;max-width:1280px;width:calc(100% - 40px);padding:0 18px;border:1px solid #ffd04a30;border-radius:16px;background:#24271ff2;box-shadow:0 8px 30px #0000001f;gap:22px;transition:background .25s ease,border-color .25s ease}
@supports(backdrop-filter:blur(16px)){.header-inner{background:#24271fdf;backdrop-filter:blur(16px)}}
.site-header.is-scrolled .header-inner{background:#20231ff5;border-color:#ffd04a45}
.brand{gap:10px}.brand-mark.has-logo{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none}
.brand-name{font-size:23px;letter-spacing:.08em}
.main-nav{gap:4px}.main-nav a{padding:11px 12px;border-radius:9px;font-size:12px;font-weight:600;color:#f4f0e6;transition:background .2s,color .2s}
.main-nav a::after{display:none}.main-nav a:hover,.main-nav a:focus-visible{background:#ffc40016;color:var(--gold)}
.header-actions{gap:10px}
.language-toggle{min-width:42px;min-height:42px;padding:10px;border:1px solid #ffffff26;border-radius:10px;color:#f4f0e6;background:#ffffff05;transition:background .2s,border-color .2s}
.language-toggle:hover{background:#ffc40014;border-color:#ffc40066}
.reading-progress{left:calc((100% - min(1280px,100% - 40px))/2 + 18px);right:calc((100% - min(1280px,100% - 40px))/2 + 18px);bottom:14px;height:2px;border-radius:2px}
.service-navigation{top:var(--header-height)}

/* Consistent action hierarchy across hero, contact and navigation. */
.button,.hero-actions .button,.header-cta{border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.01em;gap:18px;min-height:54px;padding:11px 18px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button::after,.header-cta::after{display:none}
.button-primary,.header-cta{background:var(--orange);color:#171a16;border:1px solid var(--orange);box-shadow:0 3px 0 #a74f0033}
.button-primary:hover,.header-cta:hover{background:var(--gold);border-color:var(--gold);color:#171a16;transform:translateY(-2px);box-shadow:0 6px 18px #ff7a0020}
.button-outline{background:#ffffff05;border:1px solid #e7c98b75;color:var(--white)}
.button-outline:hover{background:#ffc40010;border-color:var(--gold);color:var(--white)}
.button-light{background:#fff5da;border:1px solid #fff5da;color:var(--charcoal)}
.button-light:hover{background:var(--gold);border-color:var(--gold)}
.button span:last-child,.header-cta span:last-child{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#171a1610;font-size:18px;line-height:1}
.button-outline span:last-child{background:#ffffff10;color:var(--gold)}
.header-cta{min-height:42px;padding:6px 10px 6px 14px;gap:14px;display:inline-flex;align-items:center;font-size:12px}
.button:active,.header-cta:active{transform:translateY(0);box-shadow:none}
.button:disabled{opacity:.6;cursor:wait;transform:none}
.text-link{gap:16px;border-bottom:0;border-radius:10px;padding:10px 14px;background:#20231f;color:#fff6de;transition:background .2s,transform .2s}
.text-link:hover{gap:16px;background:#353a2e;color:var(--gold);transform:translateY(-2px)}
.text-link span:last-child{color:var(--gold)}
:focus-visible{outline:3px solid #b75a00;outline-offset:4px}
.hero :focus-visible,.site-header :focus-visible,.contact :focus-visible,.about :focus-visible{outline-color:var(--gold)}

/* The lower hero rail echoes the navigation without adding another card. */
.hero-bottom{border-color:#ffc4002e;font-size:10px;letter-spacing:.13em;color:#d2c8b5;min-height:70px}
.hero-bottom>span{display:flex;align-items:center;gap:10px}
.hero-bottom>span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
.hero-bottom a{gap:14px;align-items:center;color:#f2dbad}
.hero-bottom a span:last-child{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffc40050;border-radius:50%;color:var(--gold);transition:background .2s}
.hero-bottom a:hover span:last-child{background:#ffc40018}
.service-index a{border-radius:10px;border-color:#ded3bd;background:#fffaf0}
.service-index a[aria-current=location]{background:#20231f;border-color:#20231f;color:var(--gold);box-shadow:inset 0 -2px var(--orange)}
@media(max-width:1050px){.header-cta{display:none}.main-nav a{padding-inline:10px}.header-inner{gap:16px}}
@media(max-width:760px){
 :root{--header-height:80px}
 .site-header{padding:10px 0}.header-inner{width:calc(100% - 24px);height:60px;padding:0 12px;border-radius:14px;gap:12px}
 .brand-mark.has-logo{width:38px;height:38px}.brand-name{font-size:21px}
 .main-nav{top:calc(100% - 2px);left:12px;right:12px;padding:10px;border:1px solid #ffc40030;border-radius:14px;background:#20231ffa;box-shadow:0 12px 22px #0002}
 .main-nav a{padding:13px 14px}.menu-toggle{width:40px;height:42px;margin-left:auto}
 .language-toggle{min-width:40px;min-height:40px}.header-actions{gap:0}
 .reading-progress{left:28px;right:28px;bottom:10px}
 .service-navigation{top:var(--header-height)}
 .hero-actions .button{min-height:54px;padding:12px 16px;gap:16px}
 .hero-bottom{min-height:60px;font-size:9px}
}
@media(max-width:420px){.hero-bottom>span{display:none}.hero-bottom a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.button:hover,.header-cta:hover,.text-link:hover{transform:none}}
.form-panel :focus-visible{outline-color:#a34b00}

/* Symbol-only brand display. The original bitmap remains unmodified. */
:root{--orange:#ff7900;--orange-deep:#ff5100;--gold:#ffca00}
.brand-mark.has-logo,.footer .brand-mark.has-logo{position:relative;display:block;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#fff;transform:none;flex:none}
.brand-mark.has-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;filter:drop-shadow(0 4px 7px #8a43002e)}
.brand-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand{gap:0;min-width:48px}
.footer .brand-mark.has-logo{width:58px;height:58px;border-radius:14px}
.button-primary,.header-cta{background:linear-gradient(145deg,var(--orange),var(--orange-deep));border-color:var(--orange);color:#171a16}
.button-primary:hover,.header-cta:hover{background:var(--gold);border-color:var(--gold)}
.hero-word-accent{color:var(--gold)}
.hero::before{background:radial-gradient(ellipse at 90% 20%,#ff79001c,transparent 56%),radial-gradient(ellipse at 75% 90%,#ffca0012,transparent 50%),var(--charcoal-deep)}
.reading-progress{background:linear-gradient(90deg,var(--orange-deep),var(--orange),var(--gold))}
@media(max-width:760px){.brand-mark.has-logo{width:42px;height:42px;border-radius:10px}.brand{min-width:42px}}

/* Light MIH palette: warm white surfaces with the logo's yellow and orange. */
:root{--paper:#fffdf8;--white:#ffffff;--ink:#292923;--muted:#625e54;--line:#e9dfcb;--accent-ink:#944600}
body{background:var(--paper);color:var(--ink)}
.hero{background:#fffaf0;color:var(--ink)}
.hero::before{background:radial-gradient(ellipse at 92% 20%,#ffca0024,transparent 58%),radial-gradient(ellipse at 78% 88%,#ff790014,transparent 52%),#fffaf0}
.hero h1{color:var(--ink)}
.hero-word-accent{color:#a64b00}
.hero-lead,.hero-note{color:#5d574c}
.hero .eyebrow{color:var(--accent-ink)}
.eyebrow-line{background:var(--orange)}
.hero-bottom{color:#71634d;border-color:#e4cda7}
.hero-bottom a{color:#7f480f}
.hero-bottom a span:last-child{color:#944600;border-color:#d8b981;background:#fff8e6}
.hero-bottom a:hover span:last-child{background:#ffedb7}
.site-header,.site-header.is-scrolled{color:var(--ink)}
.header-inner{background:#fffffff5;border-color:#e5d7bb;box-shadow:0 8px 30px #8c641312}
@supports(backdrop-filter:blur(16px)){.header-inner{background:#ffffffea}}
.site-header.is-scrolled .header-inner{background:#fffffff5;border-color:#dcc8a0}
.main-nav a{color:#393a31}
.main-nav a:hover,.main-nav a:focus-visible{background:#fff0cd;color:#814100}
.language-toggle{color:#3c3a31;border-color:#dfd4bf;background:#fffaf0}
.language-toggle:hover{background:#ffefbc;border-color:#d1ad69}
.menu-toggle span{background:var(--ink)}
.button-primary,.header-cta{background:var(--gold);border-color:#e9b700;color:#292923;box-shadow:0 3px 0 #b98a001c}
.button-primary:hover,.header-cta:hover{background:#ffb52a;border-color:#df9c21;color:#292923;box-shadow:0 6px 18px #d690001a}
.button-outline,.button-light{background:#ffffff;border-color:#d6bc8b;color:#684016}
.button-outline:hover,.button-light:hover{background:#fff0c7;border-color:#bd9653;color:#56320d}
.button-outline span:last-child{background:#fff1cd;color:#934500}
.text-link{background:#fff0cc;border:1px solid #e2c58d;color:#754007}
.text-link:hover{background:#ffe4a1;color:#663600}
.text-link span:last-child{color:#934500}
.service-navigation{background:var(--paper);border-color:var(--line)}
.service-index a{background:#ffffff;border-color:#e2d7c0;color:#514b3f}
.service-index a:hover{background:#fff2ce;color:#78420d}
.service-index a[aria-current=location]{background:#ffecab;border-color:#d9b45d;color:#5c3608;box-shadow:inset 0 -2px var(--orange)}
.service-row,.service-row:hover{background:#ffffff;border:1px solid #eee3cf;box-shadow:0 -8px 28px #79520008}
.service-row:nth-of-type(even),.service-row:nth-of-type(even):hover{background:#fff9eb}
.service-row .service-visual{background:#fff0d0}
.service-focus{background:#fff4d9}
.process{background:#fff5dc}
.step{border-color:#e7cf9d}.step-index{color:#a45200}
.about{background:#fff9ed;color:var(--ink);border-top:1px solid var(--line)}
.about-copy>p,.about-copy .about-disclaimer{color:var(--muted)}
.about-watermark{color:var(--orange);opacity:.065}
.section-kicker.light{color:#8c4c0a}
.business-photos figcaption{color:var(--muted)}
.faq{background:#ffffff}
.contact{background:#fff3d9;color:var(--ink);border-top:1px solid #ecd7ac}
.contact-info>p{color:var(--muted)}
.contact-list,.contact-item{border-color:#dfcba3}
.contact-item>span{color:#85500d}
.contact-item a,.contact-item p{color:var(--ink)}
.form-panel{background:#ffffff;border:1px solid #ecdec4;box-shadow:0 16px 38px #a8770910}
.field input,.field select,.field textarea{background:#fffdf8;border-color:#d8cdb8}
.footer{background:#fffdf8;color:var(--ink);border-top:1px solid var(--line)}
.footer-brand{color:var(--ink)}
.footer-top p,.footer-bottom{color:#6b6252}
.footer-bottom{border-color:var(--line)}
.back-top:hover{color:#944600}
.hero :focus-visible,.site-header :focus-visible,.contact :focus-visible,.about :focus-visible{outline-color:#a34b00}
@media(max-width:760px){.main-nav{background:#fffffff9;border-color:#e5d7bb;box-shadow:0 12px 22px #8c641314}.menu-toggle span{background:var(--ink)}}

/* Light technology direction: connected services and precise surfaces. */
:root{--paper:#fdfcf9;--line:#e4e3dc;--muted:#60625b}
.hero{min-height:790px;padding-top:118px;background:#fdfcf9}
.hero::before{background:radial-gradient(ellipse at 90% 25%,#ffca001c,transparent 46%),linear-gradient(90deg,#fdfcf9 42%,#fcfaf4);opacity:1}
.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px;width:min(calc(100% - 80px),1280px)}
.hero-copy{max-width:680px;padding:46px 0 56px}
.hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.09;letter-spacing:-.052em;max-width:670px}
.hero-lead{font-size:17px;line-height:1.7;max-width:530px}
.hero .eyebrow{display:inline-flex;background:#fff5d8;border:1px solid #e8d7a7;padding:9px 12px;border-radius:6px;font-size:10px;letter-spacing:.13em;margin-bottom:24px}
.hero-note{font-size:11px;color:#66665d}.hero-note-symbol{font-size:17px}
.hero-actions .button{padding:12px 16px;font-size:12px;gap:15px}
.header-inner{border-color:#e4e2d7;box-shadow:0 6px 24px #2a2d1f09}
.main-nav a{font-weight:700}
.button,.hero-actions .button,.header-cta{border-radius:9px;box-shadow:none}
.button-primary,.header-cta{border-color:#e5b200}
.button-outline{border-color:#d6d6cb;color:#34392e}
.hero-bottom{width:min(calc(100% - 80px),1280px);border-color:#e3decd;font-size:9px}



















.service-navigation{background:#fdfcf9;border-color:#e6e4da}
.service-index a{border-radius:8px;border-color:#e3e0d4;background:#fff;font-size:11px}
.service-index a[aria-current=location]{background:#fff1b9;border-color:#dab750}
.service-row,.service-row:hover{border-color:#e2e2d8;border-radius:16px;background:#fff}
.service-row:nth-of-type(even),.service-row:nth-of-type(even):hover{background:#fcfbf6}
.service-row .service-visual{border:1px solid #e4decc;border-radius:12px;background-color:#faf8ef;background-image:linear-gradient(#b8a56b0e 1px,transparent 1px),linear-gradient(90deg,#b8a56b0e 1px,transparent 1px);background-size:28px 28px}
.service-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.13em}
.service-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange)}
.service-items li{color:#695337;font-size:12px;font-weight:600;border-color:#efc05a}
.service-focus{border-radius:0 8px 8px 0;background:#fffae9}
.service-detail>div{border-color:#e6e3d8}
.visual-badge{font-variant-numeric:tabular-nums;border:1px solid #d8cead;padding:6px 8px;border-radius:5px;background:#fffdf6;color:#7e672e}
.process{background:#f6f6f0;border-block:1px solid #e9e8de}
.step{border-color:#d9d9ca}.step-index{font-size:48px;color:#9a580e}
.about{background:#fffdf7}.about-watermark{opacity:.035}
.contact{background:#f8f6ee;border-color:#e5e1d4}
.form-panel{border-color:#e0dfd3;border-radius:14px;box-shadow:0 12px 36px #52451609}
.field input,.field select,.field textarea{background:#fdfdfa;border-radius:7px;border-color:#d9dacf}
.footer{background:#fff;border-color:#e6e4dc}

@media(max-width:1100px){.hero-grid{gap:32px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(42px,4.6vw,56px)}}
@media(max-width:900px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{max-width:740px;padding-bottom:35px}.hero h1{max-width:740px;font-size:clamp(43px,6.5vw,60px)}.hero{min-height:0}.hero-lead{max-width:650px}}
@media(max-width:760px){.hero{padding-top:106px}.hero-grid,.hero-bottom{width:calc(100% - 36px)}.hero-copy{padding-top:20px}.hero h1{font-size:clamp(40px,8.5vw,58px)}}


.business-photos[hidden]{display:none}

/* Open, transparent vector composition — no dashboard or icon tiles. */
.hero::before{background:var(--paper)}
.hero .eyebrow{background:none;border:0;padding:0;border-radius:0;letter-spacing:.16em}
.hero-grid{gap:48px;grid-template-columns:1.12fr 1fr}
.hero h1{font-weight:700;letter-spacing:-.055em}
.hero-art.studio-visual{display:block;position:relative;isolation:isolate;width:100%;max-width:560px;height:auto;aspect-ratio:1/1.04;left:auto;top:auto;margin:0;translate:none;transform:none;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hero-art.studio-visual::before{display:none}
.studio-orbits{position:absolute;inset:0;width:100%;height:100%;stroke:#d9d5c6;stroke-width:1;pointer-events:none}
.studio-orbits>path{stroke-dasharray:2 8;opacity:.55}
.studio-orbits>ellipse{opacity:.7}
.studio-orbits .orbit-dot{fill:var(--orange);stroke:none}
.studio-icon{position:absolute;transform:translate(-50%,-50%);translate:0 calc(var(--hero-shift,0) * var(--drift,24px));display:flex;align-items:center;flex-direction:column;gap:10px;width:18%;color:#394135;text-align:center;font-size:10px;font-weight:600;line-height:1.3;letter-spacing:.025em}
.studio-icon-drawing{width:100%;aspect-ratio:1;animation:studio-arrive 1s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay,0ms)}
.studio-icon svg{width:100%;height:100%;display:block;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.studio-icon .icon-accent{stroke:#ed7800;stroke-width:2}
.studio-icon .icon-screen{fill:#ffca0020;stroke:#cb9714;stroke-width:1.4}
.studio-startup{left:18%;top:23%;--drift:24px;--delay:50ms}
.studio-finance{left:64%;top:14%;--drift:-26px;--delay:130ms}
.studio-payments{left:53%;top:50%;width:35%;--drift:10px;--delay:0ms;font-size:12px;letter-spacing:.04em}
.studio-payments svg{stroke-width:1.2}
.studio-payments .icon-accent{stroke-width:1.5}
.studio-marketing{left:86%;top:42%;--drift:30px;--delay:180ms}
.studio-shirts{left:18%;top:67%;--drift:-22px;--delay:220ms}
.studio-printing{left:49%;top:84%;--drift:28px;--delay:280ms}
.studio-support{left:84%;top:79%;--drift:-16px;--delay:320ms}
.studio-signature{position:absolute;bottom:-14px;left:8%;right:0;display:flex;align-items:center;gap:12px;color:#777767;font-size:8px;font-weight:700;letter-spacing:.15em}
.studio-signature-line{width:26px;height:1px;background:var(--orange)}
@keyframes studio-arrive{from{opacity:0;transform:translateY(22px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(hover:hover) and (pointer:fine){.studio-icon svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.studio-icon:hover svg{transform:translateY(-6px)}}
@media(max-width:1100px){.hero-grid{gap:28px}.studio-icon{font-size:9px}.studio-payments{font-size:11px}}
@media(max-width:900px){.hero-grid{display:flex;gap:0}.hero-art.studio-visual{max-width:480px;margin:0 auto 50px}}
@media(max-width:760px){.hero-art.studio-visual{width:100%;height:auto;left:auto;top:auto;translate:none;transform:none;margin:0 auto 38px}.studio-icon{gap:6px;font-size:9px}.studio-payments{font-size:11px}.studio-signature{font-size:7px;letter-spacing:.12em;bottom:-10px}}
@media(prefers-reduced-motion:reduce){.studio-icon{translate:none}.studio-icon-drawing{animation:none}.studio-icon svg,.studio-icon:hover svg{transition:none;transform:none}}