/* Four visual systems share the same authenticated application and controls. */
.design-gallery{background:#f3f3ef;color:#15282d}.gallery-header{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:34px 5vw;border-bottom:1px solid #d6dcd8}.gallery-header>a:last-child{font-size:.875rem}.gallery-main{max-width:1400px;margin:auto;padding:78px 5vw}.gallery-kicker{font-size:.72rem;letter-spacing:.18em;font-weight:700;margin-bottom:24px}.gallery-main>h1{font-size:clamp(2.8rem,5.5vw,5.4rem);font-weight:500;line-height:1.03;letter-spacing:-.055em}.gallery-intro{font-size:1.15rem;max-width:710px;color:#526266;margin:28px 0 60px}.design-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.design-option{border:1px solid #d4ddd8;background:white;border-radius:16px;overflow:hidden}.design-cover{display:flex;position:relative;isolation:isolate;flex-direction:column;min-height:345px;padding:30px 34px;overflow:hidden}.design-cover:hover{text-decoration:none}.design-cover>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em}.design-cover>strong{font-size:clamp(1.8rem,3vw,3rem);line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:40px 0;position:relative;z-index:2}.design-cover>small{margin-top:auto;z-index:2}.cover-coast{background:#daeae4;color:#163f3c}.cover-coast>strong{font-family:Georgia,serif}.cover-signal{background:#0b202b;color:#d9efac}.cover-mainstreet{background:#f1dbbc;color:#513723}.cover-mainstreet>strong{font-family:Georgia,serif;font-style:italic}.cover-studio{background:#eceaff;color:#2722a3}.cover-studio>strong{font-size:3.4rem;font-weight:600}.cover-lines{position:absolute;right:-85px;bottom:-120px;width:350px;height:350px;z-index:0}.cover-lines i{position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;opacity:.18}.cover-lines i:nth-child(2){inset:30px}.cover-lines i:nth-child(3){inset:60px}.cover-signal .cover-lines i{border-radius:40px;transform:rotate(45deg)}.cover-mainstreet .cover-lines i{border-radius:0}.cover-studio .cover-lines{background:#8b85f3;border-radius:50%;opacity:.25}.design-option-copy{padding:30px}.design-option-copy h2{font-size:1.8rem}.design-option-copy p{font-size:.92rem;color:#526266;margin-top:15px}.design-option-copy .design-fit{color:#182e32;font-size:1rem;font-weight:600}.design-preview-links{display:flex;gap:25px;margin:27px 0;font-weight:600;font-size:.9rem}.design-option-copy form{margin-top:20px}.design-verdict{margin-top:70px;padding:45px;max-width:900px;border-left:3px solid #175e56;background:#e7ede8}.design-verdict h2{font-size:2rem;margin-bottom:20px}.design-verdict p{max-width:750px}.design-verdict form{margin-top:25px}.design-review-bar{background:#fff!important;color:#182e32!important;display:flex;gap:24px;align-items:center;padding:12px 26px;border-bottom:1px solid #ccd6d6;font:12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:56px;position:relative;z-index:100}.design-review-bar nav{display:flex;gap:8px}.design-review-bar nav a{padding:6px 12px;border-radius:5px}.design-review-bar nav a[aria-current]{background:#152e35;color:white}.design-review-bar>span{margin-left:auto;color:#5e6b70}.design-review-bar+*{--preview-offset:56px}.sample-app .sidebar{top:56px;height:calc(100vh - 56px)}.sample-notice{display:flex;gap:14px;align-items:center;font-size:.65rem;letter-spacing:.12em;font-weight:700;border:1px dashed var(--line);padding:12px 16px;margin-bottom:32px;border-radius:var(--radius);color:var(--muted)}.sample-notice span{font-size:.8rem;font-weight:400;letter-spacing:0}.sample-task{display:flex;align-items:center;gap:18px;padding:24px;border-bottom:1px solid var(--line)}.sample-task>span{font-size:.8rem;color:var(--muted)}.sample-task strong{font-size:.88rem}.sample-task small{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}.sample-highlight p{margin:14px 0 22px}.sample-highlight a{font-size:.9rem;font-weight:600}.sample-network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:22px 0}.sample-network-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.sample-network-grid article>span{font-size:2rem}.sample-network-grid h3{margin:15px 0 8px}.sample-network-grid p,.sample-network-grid small{color:var(--muted);font-size:.85rem}.sample-message{border-top:1px solid var(--line);margin-top:25px;padding:20px 0}.sample-message p{margin-top:10px}.sample-message small{font-weight:400;color:var(--muted);margin-left:10px}.sample-message.reply{border-left:3px solid var(--link);padding-left:18px}.appearance-panel{margin-top:28px}.appearance-panel form{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.appearance-panel select{width:auto}.request-review,.request-applying{background:#fff0cf;color:#74470b}
/* Shared tokens carry into every real CRM and portal page. */
html[data-design]{--ink:#213f3d;--muted:#586e68;--navy:#174e47;--deep:#103c36;--link:#1b655b;--ocean:#72baa6;--canvas:#f0f4ef;--line:#d4dfd6;--white:#fff;--radius:16px;--shadow:0 6px 25px #153e3510;--paper:#f6f7f0;--accent:#cbe9a2;--hero-font:Georgia,'Times New Roman',serif}
html[data-design] body{color:var(--ink)}html[data-design] .workspace,html[data-design] .customer-portal{background:var(--canvas)}html[data-design] .panel,html[data-design] .stat-card{border-radius:var(--radius);border-color:var(--line);box-shadow:none}html[data-design] .sidebar{background:var(--deep)}html[data-design] .sidebar .brand-symbol{background:white;padding:5px;border-radius:12px}html[data-design] .sidebar nav a.active{background:#ffffff20;border-left:3px solid var(--accent);color:white}html[data-design] .sidebar nav a{color:#d1e0dc}html[data-design] .sidebar-bottom a{color:#d1e0dc}html[data-design] .sidebar .nav-label{color:#aac7bf}html[data-design] .stat-card.accent{background:var(--navy);color:white}html[data-design] .stat-card.accent>span,html[data-design] .stat-card.accent>a{color:#e4f2ed}html[data-design] .page-heading h1{font-family:var(--hero-font);font-weight:500;font-size:2.4rem;letter-spacing:-.04em}html[data-design] .button.ocean{background:var(--navy);color:#fff}html[data-design] .button{border-radius:calc(var(--radius) / 2)}html[data-design] .portal-header{border-bottom:1px solid var(--line)}html[data-design] .request-options>a{border-color:var(--line);border-radius:var(--radius);background:white}html[data-design] .request-options>a:hover{border-color:var(--link)}html[data-design] .request-options>a>span{color:var(--link)}html[data-design] .support-metrics{border-color:var(--line)}html[data-design] .support-metrics>div{background:var(--white)}html[data-design] .workspace-topbar{background:var(--white);border-color:var(--line)}html[data-design] .portal-organization{color:var(--link)}html[data-design] :focus-visible{outline:3px solid var(--link);outline-offset:4px}
html[data-design=signal]{--ink:#142a38;--muted:#566b78;--navy:#133b52;--deep:#0a202c;--link:#235770;--ocean:#b4d977;--canvas:#e9eff2;--line:#cbd8df;--radius:5px;--paper:#0a202c;--accent:#c3e992;--hero-font:'Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html[data-design=signal] .workspace-topbar{background:#153343;color:#ecf3f7}html[data-design=signal] .stat-card{border-top:3px solid #8fa6b4}html[data-design=signal] .stat-card.accent{border-color:#bddf91}html[data-design=signal] .page-heading h1{font-weight:650;font-size:2.1rem}html[data-design=signal] .portal-header{background:#0a202c;color:#edf4f5}html[data-design=signal] .portal-header .brand-symbol{background:#fff;border-radius:4px;padding:4px}html[data-design=signal] .portal-header .button{color:white;border-color:#607988}html[data-design=signal] .support-metrics{gap:1px;background:var(--line)}html[data-design=signal] .request-options>a{border-top:3px solid var(--link)}
html[data-design=mainstreet]{--ink:#49392d;--muted:#786251;--navy:#62573c;--deep:#423a2a;--link:#80501e;--ocean:#daaa72;--canvas:#f5efe4;--line:#e0d6c6;--radius:20px;--paper:#f7eddf;--accent:#e9c28b;--hero-font:Georgia,'Times New Roman',serif}html[data-design=mainstreet] .stat-card.accent{background:#e9c791;color:#483923}html[data-design=mainstreet] .stat-card.accent>span,html[data-design=mainstreet] .stat-card.accent>a{color:#584227}html[data-design=mainstreet] .button{border-radius:30px}html[data-design=mainstreet] .portal-header{background:#faf7f1}html[data-design=mainstreet] .support-metrics>div{background:#fffaf1}html[data-design=mainstreet] .request-options>a:nth-child(2){background:#eee8d8}html[data-design=mainstreet] .panel-header{padding-top:26px;padding-bottom:26px}html[data-design=mainstreet] .stat-card{padding-top:30px;padding-bottom:30px}
html[data-design=studio]{--ink:#22212b;--muted:#676673;--navy:#4437bd;--deep:#272244;--link:#4437bd;--ocean:#9287f2;--canvas:#f6f5fa;--line:#dcdae5;--radius:0px;--paper:#fbfaf8;--accent:#bcb4ff;--hero-font:'Helvetica Neue',Arial,sans-serif}html[data-design=studio] .page-heading h1{font-size:2.8rem;font-weight:500;letter-spacing:-.055em}html[data-design=studio] .sidebar{background:#fdfcfa;border-right:1px solid var(--line);color:var(--ink)}html[data-design=studio] .sidebar nav a,html[data-design=studio] .sidebar-bottom a{color:#565364}html[data-design=studio] .sidebar .nav-label{color:#6b6579}html[data-design=studio] .sidebar nav a.active{background:#e9e5fb;color:#3b2fa2;border-left:3px solid #4437bd}html[data-design=studio] .sidebar .brand-symbol{padding:0}html[data-design=studio] .sidebar .owner-card{border-color:var(--line)}html[data-design=studio] .sidebar .owner-card small{color:#676673}html[data-design=studio] .stat-card{border:0;border-bottom:2px solid var(--line);background:transparent}html[data-design=studio] .stat-card.accent{background:#eae5ff;color:#3c328a}html[data-design=studio] .stat-card.accent>span,html[data-design=studio] .stat-card.accent>a{color:#514798}html[data-design=studio] .portal-header{background:#fff}html[data-design=studio] .portal-main{max-width:1280px}html[data-design=studio] .request-options>a{border:0;border-top:1px solid var(--ink);padding-left:0;background:transparent}html[data-design=studio] .support-metrics{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}html[data-design=studio] .support-metrics>div{background:transparent}
/* Public websites */
.design-website{background:var(--paper)}.design-public-header{max-width:1440px;padding:32px 5vw;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.design-public-header nav{display:flex;align-items:center;gap:30px;font-size:.85rem}.design-public-header .button{font-size:.85rem}.design-hero{max-width:1440px;margin:auto;padding:65px 5vw 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;min-height:630px}.design-kicker{font:700 .68rem/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.15em;color:var(--link);margin-bottom:25px}.design-hero h1{font-family:var(--hero-font);font-size:clamp(3rem,4.9vw,5.1rem);letter-spacing:-.055em;line-height:1.05;font-weight:400}.design-hero-intro{font-size:1.1rem;line-height:1.7;max-width:470px;margin:28px 0 32px;color:var(--muted)}.design-hero-actions{display:flex;gap:26px;align-items:center}.design-text-link{font-size:.9rem;font-weight:650;border-bottom:1px solid currentColor;padding:4px 0}.design-location{font-size:.7rem;color:var(--muted);margin-top:45px}.design-hero-visual{min-width:0}.connection-art{height:460px;position:relative;border-radius:44% 44% 8px 8px;overflow:hidden;background:#dceae1;color:#1b5149;isolation:isolate}.art-orbit{position:absolute;border:1px solid #83afa080;border-radius:50%;width:500px;height:500px;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:370px;height:370px}.orbit-three{width:240px;height:240px}.art-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center}.art-wave{display:block;font-size:75px;color:#367d69;line-height:.9;margin-bottom:15px}.art-center strong{font-size:1.1rem;line-height:1.1;font-weight:500;font-family:var(--hero-font)}.art-node{position:absolute;padding:17px 20px;background:#fafff3;box-shadow:0 6px 16px #365d4512;border:1px solid #c7d9ce;border-radius:14px;width:180px}.art-node>span{float:left;margin-right:12px;font-size:1.6rem}.art-node b{display:block;font-size:.8rem;font-weight:650}.art-node small{display:block;font-size:.62rem;color:#536e64;margin-top:3px}.node-staff{top:55px;left:30px}.node-guest{right:23px;top:190px}.node-work{left:25px;bottom:60px}.art-caption{position:absolute;bottom:20px;text-align:center;width:100%;font-size:.65rem;letter-spacing:.06em}.design-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.65rem;letter-spacing:.14em;max-width:1440px;margin:auto}.design-section{padding:100px 5vw;max-width:1440px;margin:auto}.design-section-heading{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:40px;align-items:start;margin-bottom:50px}.design-section h2,.design-ai h2{font-family:var(--hero-font);font-weight:400;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em}.design-section-heading>p:last-child{font-size:.96rem;color:var(--muted);line-height:1.8}.design-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.design-service{display:block;padding:30px 28px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);transition:transform .2s,border-color .2s}.design-service:hover{transform:translateY(-3px);border-color:var(--link);text-decoration:none}.service-index{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-bottom:40px}.service-index b{font-size:1.3rem;font-weight:400}.design-service h3{font-size:1.13rem;font-weight:600;letter-spacing:-.025em;margin-bottom:16px}.design-service p{font-size:.88rem;line-height:1.7;color:var(--muted)}.design-ai{background:#174e47;color:#f0f4ed;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px max(5vw,calc((100vw - 1296px)/2))}.design-ai .design-kicker{color:#b5d0c4}.design-ai>div>p:not(.design-kicker){font-size:.97rem;line-height:1.85;color:#d1e4dc}.design-ai .design-text-link{display:inline-block;margin-top:22px}.design-approach{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.design-approach>div>p:last-child{margin-top:26px;color:var(--muted)}.design-approach ol{list-style:none;margin:0;padding:0}.design-approach li{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line)}.design-approach li>span{font-size:.75rem;min-width:24px;color:var(--link)}.design-approach h3{font-weight:600;font-size:1.15rem;margin-bottom:12px}.design-approach li p{font-size:.9rem;color:var(--muted);line-height:1.7}.design-contact{padding:85px max(5vw,calc((100vw - 1296px)/2));background:#e2eadf;display:grid;grid-template-columns:1fr 1fr;gap:80px}.design-contact h2{font-family:var(--hero-font);font-size:clamp(2.6rem,4vw,4.3rem);font-weight:400;line-height:1.08}.design-contact>div>p:not(.design-kicker){max-width:450px;color:var(--muted);margin-top:25px}.design-email,.design-phone{display:block;margin-top:25px;font-weight:600;overflow-wrap:anywhere}.design-phone{margin-top:14px}.design-area{font-size:.75rem}.contact-note{align-self:center;border-left:1px solid #adc4b5;padding:20px 0 20px 55px}.contact-note>span{font-size:.65rem;letter-spacing:.15em}.contact-note h3{font-family:var(--hero-font);font-size:2.1rem;font-weight:400;margin:22px 0}.contact-note p{font-size:.95rem;max-width:350px;margin-bottom:25px;color:var(--muted)}.design-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 5vw;max-width:1440px;margin:auto}.design-footer p{font-size:.78rem;color:var(--muted)}.design-footer nav{display:flex;gap:20px;font-size:.75rem}.design-detail-hero{padding:90px 5vw;max-width:1200px;margin:auto}.design-detail-hero h1{font-family:var(--hero-font);font-size:clamp(2.8rem,5vw,5rem);font-weight:400;max-width:1000px;margin:30px 0}.design-detail-hero>p{max-width:700px;font-size:1.15rem;color:var(--muted);margin-bottom:30px}.design-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.design-detail-grid h3{font-size:1.4rem;margin-bottom:20px}.design-detail-grid article>p:last-child{color:var(--muted);font-size:.95rem;line-height:1.8}
/* Direction 02: technical, with a dark opening and a compact service index. */
[data-design=signal] .design-website{background:#f1f5f6}[data-design=signal] .design-public-header{background:#0a202c;color:#e7f0f3;max-width:none}[data-design=signal] .design-public-header .brand-symbol{background:white;padding:5px;border-radius:8px}[data-design=signal] .design-public-header .button,[data-design=signal] .design-hero .button{background:#c3e992;color:#102d31}[data-design=signal] .design-hero{background:#0a202c;color:#edf4f6;max-width:none;padding-top:80px;padding-bottom:100px}[data-design=signal] .design-hero h1{font-weight:600;font-size:clamp(3rem,5.1vw,5.3rem)}[data-design=signal] .design-hero .design-kicker{color:#c3e992}[data-design=signal] .design-hero-intro,[data-design=signal] .design-location{color:#b3c7d1}[data-design=signal] .connection-art{border-radius:0;background:linear-gradient(#29485444 1px,transparent 1px),linear-gradient(90deg,#29485444 1px,transparent 1px);background-size:36px 36px;border:1px solid #365766;color:#d2e5ec}[data-design=signal] .art-orbit{border-radius:28%;transform:translate(-50%,-50%) rotate(45deg);border-color:#7cae7e55}[data-design=signal] .art-node{background:#173745;color:#eef5f7;border:1px solid #537580;border-radius:4px;box-shadow:0 0 0 5px #0a202c}[data-design=signal] .art-node small{color:#bed2db}[data-design=signal] .art-wave{color:#c3e992}[data-design=signal] .design-strip{background:#c3e992;border:0;max-width:none;color:#143c38}[data-design=signal] .design-service-grid{gap:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr)}[data-design=signal] .design-service{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:transparent}[data-design=signal] .design-ai{background:#153746}[data-design=signal] .design-contact{background:#dfe8eb}[data-design=signal] .design-detail-hero{background:#f1f5f6}
/* Direction 03: warm storefront imagery drawn in CSS, with hospitality first. */
[data-design=mainstreet] .design-hero{grid-template-columns:1.1fr 1fr}[data-design=mainstreet] .design-hero h1{font-size:clamp(3.1rem,5vw,5.2rem);font-style:italic;line-height:1.05}[data-design=mainstreet] .design-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.mainstreet-scene{position:relative;min-height:480px;background:#ded9bc;border-radius:160px 160px 24px 24px;padding:40px;isolation:isolate}.scene-label{text-align:center;font-size:.63rem;letter-spacing:.18em;margin:15px 0 25px}.scene-menu{background:#4c503c;color:#f1ead8;border:9px solid #9f8965;box-shadow:0 14px 25px #554d3225;width:80%;padding:24px;transform:rotate(-4deg);margin:0 auto}.scene-menu>span{font-size:.56rem;letter-spacing:.12em}.scene-menu strong{display:block;font-family:Georgia,serif;font-size:1.65rem;font-weight:400;margin:15px 0}.scene-menu i{display:block;height:2px;background:#d9d2b755;width:80%;margin:13px 0}.scene-menu i:last-child{width:45%}.scene-pos{position:relative;background:#fdf4e5;padding:22px;border:7px solid #514933;border-radius:14px;width:245px;margin:-25px 0 0 auto;transform:rotate(3deg);box-shadow:0 10px 0 #51493320}.scene-pos>span{font-size:.66rem;color:#5b703f}.scene-pos>b{display:block;font-size:1.05rem;margin:7px 0 18px}.scene-pos>div{font-size:.54rem;letter-spacing:.1em;border-top:1px solid #daceb9;padding-top:10px}.scene-wifi{position:absolute;left:15px;bottom:75px;background:#e9c48e;padding:18px;border-radius:12px;transform:rotate(-4deg);font-size:1.8rem;box-shadow:0 7px 17px #625d2820}.scene-wifi strong{font-size:.75rem}.scene-wifi span{display:block;font-size:.62rem}.mainstreet-scene>p{text-align:center;font-size:.65rem;margin-top:36px}[data-design=mainstreet] .design-strip{border-style:dashed}[data-design=mainstreet] .design-service-grid{grid-template-columns:repeat(3,1fr);gap:25px}[data-design=mainstreet] .design-service{border:0;background:#fffaf1;border-radius:22px;padding:35px}[data-design=mainstreet] .design-service:nth-child(3){order:-2;background:#e6d3af}[data-design=mainstreet] .design-service:nth-child(2){order:-1;background:#dedec6}[data-design=mainstreet] .design-service:nth-child(4){background:#ece0cb}[data-design=mainstreet] .design-service h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}[data-design=mainstreet] .design-ai{background:#5b6045}[data-design=mainstreet] .design-ai .design-kicker{color:#e4e6c5}[data-design=mainstreet] .design-contact{background:#e8d3b3}
/* Direction 04: editorial, typographic, and deliberately spare. */
[data-design=studio] .design-public-header{border-bottom:1px solid var(--line);padding-top:28px;padding-bottom:28px}[data-design=studio] .design-hero{grid-template-columns:1.45fr 1fr;padding-top:90px;padding-bottom:100px;gap:60px}[data-design=studio] .design-hero h1{font-size:clamp(4rem,7.1vw,7.5rem);font-weight:500;letter-spacing:-.07em;line-height:.98}[data-design=studio] .design-hero-intro{font-size:1rem;margin-top:35px;max-width:440px}[data-design=studio] .design-kicker{color:#625d77}[data-design=studio] .design-hero-actions{gap:26px}.studio-sculpture{position:relative;aspect-ratio:1;background:#e6e0fc;overflow:hidden}.sculpture-circle{position:absolute;width:86%;height:86%;border:62px solid #5141c5;border-radius:50%;top:8%;left:7%;box-shadow:inset 15px 15px 30px #544a9c22}.sculpture-bar{position:absolute;left:45%;right:0;height:21%;top:40%;background:#e6e0fc;transform:rotate(-30deg);transform-origin:left}.studio-sculpture>span{position:absolute;left:20px;bottom:18px;font-size:.68rem;letter-spacing:.15em;color:#544a8a}.studio-caption{display:flex;justify-content:space-between;font-size:.68rem;margin-top:15px;color:var(--muted)}[data-design=studio] .design-strip{font-size:.6rem;padding-top:20px;padding-bottom:20px}[data-design=studio] .design-section-heading{grid-template-columns:1fr 1.5fr 1fr}[data-design=studio] .design-section-heading h2{font-size:3.2rem}[data-design=studio] .design-service-grid{grid-template-columns:1fr 1fr;gap:0 65px}[data-design=studio] .design-service{padding:25px 0;border:0;border-top:1px solid var(--ink);background:transparent;display:grid;grid-template-columns:35px 1fr;gap:15px}[data-design=studio] .service-index{display:block;position:relative;margin:0}[data-design=studio] .service-index b{display:none}[data-design=studio] .design-service h3{font-size:1.2rem;margin:0}[data-design=studio] .design-service p{grid-column:2}[data-design=studio] .design-ai{background:#e9e5fc;color:#32295d}[data-design=studio] .design-ai .design-kicker,[data-design=studio] .design-ai>div>p:not(.design-kicker){color:#5b517c}[data-design=studio] .design-contact{background:#282238;color:#f6f1ff}[data-design=studio] .design-contact .design-kicker,[data-design=studio] .design-contact>div>p:not(.design-kicker),[data-design=studio] .contact-note p{color:#c7bed8}[data-design=studio] .design-contact .button{background:#b5a8fc;color:#282238}[data-design=studio] .contact-note{border-color:#645875}
@media(min-width:1100px){html[data-design=mainstreet] .workspace .sidebar{position:relative;inset:auto;width:auto;height:auto;padding:22px 4vw 0;background:#faf6ed;color:#49392d;border-bottom:1px solid var(--line)}html[data-design=mainstreet] .workspace .sidebar>.brand{font-size:1.5rem;margin-bottom:20px}html[data-design=mainstreet] .workspace .sidebar .nav-label{display:none}html[data-design=mainstreet] .workspace .sidebar>nav{display:flex;gap:5px;flex-wrap:wrap}html[data-design=mainstreet] .workspace .sidebar>nav a{color:#63533e;margin:0;padding:13px 16px;border-radius:10px 10px 0 0;border:0;font-size:.8rem}html[data-design=mainstreet] .workspace .sidebar>nav a.active{background:#e9dfcb;color:#443622}html[data-design=mainstreet] .workspace .sidebar-bottom{position:static;padding:12px 0;margin-top:0;display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid var(--line)}html[data-design=mainstreet] .workspace .sidebar-bottom>a{display:inline-flex;color:var(--ink);font-size:.75rem;margin:0}html[data-design=mainstreet] .workspace .owner-card{position:absolute;right:4vw;top:26px;padding:0;border:0;margin:0;color:#4b3b27}html[data-design=mainstreet] .workspace .owner-card small{color:#746047}html[data-design=mainstreet] .workspace-body{margin-left:0}html[data-design=mainstreet] .office-main{max-width:1440px;margin:auto;padding:40px 4vw}html[data-design=mainstreet] .workspace-topbar{padding-left:4vw;padding-right:4vw;background:#f5efe4}html[data-design=mainstreet] .office-footer{max-width:1320px;margin:auto;padding:24px 0}}
@media(max-width:1100px){.design-public-header nav{gap:18px}.design-nav-extra{display:none}.design-hero{gap:30px}.design-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.connection-art{height:420px}.art-node{width:160px;padding:14px}.node-guest{right:10px}.node-staff{left:10px}.node-work{left:10px}.design-section-heading{grid-template-columns:1fr 1.7fr}.design-section-heading>p:last-child{grid-column:2}.design-section-heading h2{font-size:2.5rem}.design-review-bar>span{display:none}.design-footer{flex-wrap:wrap}.design-section-heading,.design-approach,.design-ai,.design-contact{gap:40px}[data-design=studio] .design-section-heading{grid-template-columns:1fr 2fr}[data-design=studio] .design-section-heading h2{font-size:2.7rem}.mainstreet-scene{padding:25px;min-height:465px}.scene-menu{width:95%}.scene-wifi{bottom:58px;left:10px}.scene-pos{width:210px}.design-service{padding:25px 22px}}
@media(max-width:760px){.gallery-header{padding:24px}.gallery-header>a:last-child{display:none}.gallery-main{padding:50px 22px}.design-option-grid{grid-template-columns:1fr;gap:30px}.design-cover{min-height:300px;padding:28px}.design-cover>strong{font-size:2.6rem}.design-option-copy{padding:24px}.design-verdict{padding:28px;margin-top:40px}.design-review-bar{padding:10px 15px;gap:10px;flex-wrap:wrap;min-height:90px}.design-review-bar>strong{margin-left:auto}.design-review-bar nav{width:100%;justify-content:center}.design-review-bar nav a{padding:5px 12px}.sample-app .sidebar{top:90px;height:calc(100vh - 90px)}.sample-notice{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:24px}.sample-network-grid{grid-template-columns:1fr}.design-public-header{padding:23px;gap:15px;align-items:center}.design-public-header .brand{font-size:1.4rem;gap:8px}.design-public-header .brand-symbol{width:39px;height:39px}.design-public-header .brand-sub{font-size:.57rem}.design-public-header nav{gap:12px}.design-public-header nav>a:not(.button){display:none}.design-public-header .button{padding:9px 12px;font-size:.75rem;gap:12px}.design-hero,[data-design=mainstreet] .design-hero,[data-design=studio] .design-hero{grid-template-columns:1fr;padding:45px 24px 55px;gap:40px;min-height:0}.design-hero h1,[data-design=mainstreet] .design-hero h1,[data-design=signal] .design-hero h1{font-size:clamp(2.8rem,9.8vw,4rem)}[data-design=studio] .design-hero h1{font-size:clamp(3.6rem,12vw,5rem)}.design-kicker{font-size:.62rem;margin-bottom:22px}.design-hero-intro{font-size:1rem;margin:24px 0}.design-hero-actions{gap:19px}.design-location{margin-top:30px;line-height:1.7;max-width:250px}.design-hero-visual{max-width:500px;width:100%;margin:auto}.connection-art{height:365px}.art-node{width:160px;padding:13px}.node-staff{top:28px;left:18px}.node-guest{top:158px;right:14px}.node-work{bottom:54px;left:16px}.art-center{left:43%;top:47%}.art-center strong{font-size:.95rem}.art-wave{font-size:55px}.design-strip{padding:20px 24px;gap:15px;font-size:.51rem;line-height:1.7}.design-section{padding:60px 24px}.design-section-heading,[data-design=studio] .design-section-heading{display:block;margin-bottom:30px}.design-section-heading h2,[data-design=studio] .design-section-heading h2{font-size:2.4rem}.design-section-heading>p:last-child{margin-top:24px}.design-service-grid,[data-design=signal] .design-service-grid,[data-design=mainstreet] .design-service-grid,[data-design=studio] .design-service-grid{grid-template-columns:1fr;gap:14px}.design-service{padding:25px}.service-index{margin-bottom:23px}.design-ai,.design-contact,.design-approach{grid-template-columns:1fr;gap:35px;padding:55px 24px}.design-ai h2{font-size:2.4rem}.design-contact h2{font-size:3rem}.contact-note{border-left:0;border-top:1px solid #b5c4ba;padding:30px 0 0}.design-footer{padding:35px 24px;display:grid;gap:25px}.design-footer nav{flex-wrap:wrap}.design-email{font-size:.9rem}.mainstreet-scene{min-height:460px;padding:28px;max-width:420px;margin:auto}.scene-menu{width:90%}.scene-pos{width:225px}.scene-wifi{left:14px;bottom:65px}.mainstreet-scene>p{margin-top:42px}.studio-sculpture{max-width:360px;margin:auto}.sculpture-circle{border-width:52px}[data-design=signal] .design-hero{padding-top:45px;padding-bottom:55px}[data-design=studio] .design-service{grid-template-columns:30px 1fr;gap:10px;padding:22px 0}[data-design=studio] .design-service h3{font-size:1.13rem}.design-detail-hero{padding:45px 24px}.design-detail-grid{grid-template-columns:1fr;gap:35px}.design-detail-hero h1{font-size:2.8rem}.design-detail-hero>p{font-size:1rem}.design-detail-grid .design-kicker{margin-bottom:14px}html[data-design] .page-heading h1{font-size:1.85rem}html[data-design=studio] .page-heading h1{font-size:2.15rem}html[data-design] .portal-header{padding:22px 18px;gap:20px}html[data-design] .portal-header nav{flex-wrap:wrap;gap:15px}.design-review-bar~.portal-header{margin-top:0}}
@media(prefers-reduced-motion:reduce){.design-service{transition:none}.design-service:hover{transform:none}}
@media print{.design-review-bar,.sample-notice{display:none!important}html[data-design] .workspace-body{margin:0!important}}
html[data-design] .stat-card.accent>strong{color:inherit}
html[data-design=signal] .workspace-topbar strong,html[data-design=signal] .workspace-topbar .menu-button{color:#edf4f6}
html[data-design=studio] .sidebar .brand,html[data-design=studio] .sidebar .brand-sub,html[data-design=studio] .owner-card strong{color:var(--ink)}
@media(min-width:1100px){html[data-design=mainstreet] .workspace .sidebar>nav{flex-direction:row}html[data-design=mainstreet] .workspace .sidebar>.brand,html[data-design=mainstreet] .workspace .sidebar .brand-sub,html[data-design=mainstreet] .workspace .owner-card strong{color:var(--ink)}}
html[data-design] .request-options h2{color:var(--ink)}
@media(max-width:760px){html[data-design] .sidebar{top:64px;height:calc(100vh - 64px);overflow-y:auto}html[data-design] .sample-app .sidebar{top:154px;height:calc(100vh - 154px)}html[data-design] .sidebar-bottom{margin-top:30px}}
.design-public-header{position:relative}.design-mobile-menu{display:none}
@media(max-width:760px){.design-mobile-menu{display:block}.design-mobile-menu summary{cursor:pointer;list-style:none;font-size:.85rem;font-weight:600;padding:12px}.design-mobile-menu summary::-webkit-details-marker{display:none}.design-mobile-menu>div{position:absolute;right:24px;top:calc(100% - 10px);z-index:25;min-width:230px;padding:12px;background:#fff;color:#213f3d;border:1px solid var(--line);box-shadow:0 12px 25px #0002;border-radius:8px}.design-mobile-menu>div a{display:block;padding:12px}.design-public-header nav>.button{display:none}}