/* FullstackFrame garment studio — one scoped layout system. */
.gbs-page {
  --gbs-ink:#192a32; --gbs-muted:#5b6669; --gbs-paper:#fcfbf8;
  --gbs-ivory:#f3efe7; --gbs-line:#dedbd2; --gbs-accent:#9c512f;
  --gbs-gutter:clamp(22px,5vw,96px);
  --gbs-serif:"Newsreader",Georgia,serif;
  position:relative; isolation:isolate; color:var(--gbs-ink);
  background:var(--gbs-paper); font-family:var(--font,"DM Sans",Arial,sans-serif); font-size:14px; line-height:1.65;
}
.gbs-page *, .gbs-page *::before, .gbs-page *::after { box-sizing:border-box; }
.gbs-page::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/assets/garment-brand/fabric-to-fashion-hero-v1.png") left top/1600px auto repeat-y;opacity:.012;filter:grayscale(1);}
.gbs-page [hidden] {display:none!important;}
.gbs-page :is(h1,h2,h3,p,figure,blockquote,ul,ol) {margin:0;}
.gbs-page :is(h1,h2,h3) {color:inherit;font-weight:400;letter-spacing:-.035em;}
.gbs-page h1 {font-family:var(--gbs-serif);font-size:clamp(40px,3.7vw,60px);line-height:1.05;}
.gbs-page h2 {font-family:var(--gbs-serif);font-size:clamp(29px,2.6vw,40px);line-height:1.12;}
.gbs-page h3 {font-size:18px;line-height:1.3;font-weight:500;}
.gbs-page :is(h1,h2) em {color:var(--gbs-accent);font-weight:400;}
.gbs-page p {font-size:14px;line-height:1.75;color:var(--gbs-muted);}
.gbs-page a {color:inherit;text-decoration:none;}
.gbs-page button {font:inherit;}
.gbs-page :focus-visible {outline:2px solid var(--gbs-accent);outline-offset:4px;}
.gbs-page :is(section,[id]) {scroll-margin-top:108px;}
.gbs-page img {display:block;max-width:100%;}
.gbs-page :is(ul,ol) {padding-left:18px;}
.gbs-page li+li {margin-top:8px;}
.gbs-page .gbs-kicker,.gbs-page .gbs-heading>p {font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gbs-accent);line-height:1.5;}
.gbs-page .gbs-breadcrumb {display:flex;flex-wrap:wrap;gap:10px;padding:26px var(--gbs-gutter) 22px;color:var(--gbs-muted);font-size:11px;}
.gbs-page .gbs-breadcrumb b {font-weight:500;color:var(--gbs-ink);}
.gbs-page .gbs-breadcrumb a:hover {text-decoration:underline;}
.gbs-page .gbs-btn {display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 20px;border:1px solid var(--gbs-ink);border-radius:4px;background:var(--gbs-ink);color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-align:center;transition:transform .2s;cursor:pointer;}
.gbs-page .gbs-btn:hover {transform:translateY(-2px);}
.gbs-page .gbs-btn-ghost {background:transparent;border-color:#b4b9b5;color:var(--gbs-ink);}
.gbs-page .gbs-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.gbs-page .gbs-hero {padding:16px var(--gbs-gutter) 0;}
.gbs-page .gbs-hero-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,90px);}
.gbs-page .gbs-hero-copy {padding-block:16px;}
.gbs-page .gbs-hero-copy h1 {margin:18px 0;max-width:640px;}
.gbs-page .gbs-hero-copy>p:not(.gbs-kicker) {max-width:580px;font-size:15px;}
.gbs-page .gbs-hero-note {display:block;margin-top:18px;font-size:11px;color:var(--gbs-muted);}
.gbs-page .gbs-hero-figure {position:relative;min-width:0;margin:0;}
.gbs-page .gbs-hero-photo {width:100%;height:clamp(290px,27vw,410px);object-fit:cover;object-position:center;border-radius:6px;}
.gbs-page .gbs-hero-figure::before {content:"01 / THE MAKING OF A BRAND";position:absolute;z-index:1;top:18px;left:18px;background:#fcfbf8ee;padding:7px 10px;border-radius:2px;font-size:9px;letter-spacing:.13em;}
.gbs-page .gbs-image-caption {display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:10px;color:var(--gbs-muted);}
.gbs-page .gbs-image-caption strong {font-weight:500;color:var(--gbs-ink);}
.gbs-page .gbs-capability-rail {display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--gbs-line);border-bottom:1px solid var(--gbs-line);margin-top:34px;padding:18px 0;font-size:11px;letter-spacing:.02em;}
.gbs-page .gbs-capability-rail>span {color:var(--gbs-accent);font-size:9px;font-weight:700;letter-spacing:.15em;flex-shrink:0;}
.gbs-page .gbs-capability-rail ol {display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;padding:0;}
.gbs-page .gbs-capability-rail li {margin:0;}
.gbs-page .gbs-capability-rail b {color:#949b97;margin-right:6px;font-size:9px;font-weight:500;}
.gbs-page .gbs-section {padding:64px var(--gbs-gutter);}
.gbs-page .gbs-heading {display:grid;grid-template-columns:190px minmax(0,760px);align-items:start;gap:30px;margin-bottom:28px;}
.gbs-page .gbs-heading>p {padding-top:7px;}
.gbs-page .gbs-heading h2 {max-width:740px;}
.gbs-page .gbs-audience-layout {display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--gbs-line);background:#fffefb;border-radius:6px;overflow:hidden;}
.gbs-page .gbs-tabs {display:flex;flex-direction:column;padding:12px;border-right:1px solid var(--gbs-line);gap:6px;}
.gbs-page .gbs-tabs button {display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-radius:3px;background:transparent;padding:18px;font-size:13px;color:var(--gbs-muted);}
.gbs-page .gbs-tabs button::after {content:"↗";font-size:16px;}
.gbs-page .gbs-tabs button[aria-selected=true] {background:var(--gbs-ink);color:#fff;}
.gbs-page .gbs-tabpanel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:28px;}
.gbs-page .gbs-tabpanel b {font-size:9px;letter-spacing:.1em;color:var(--gbs-accent);}
.gbs-page .gbs-tabpanel h3 {font-family:var(--gbs-serif);font-size:26px;font-weight:400;margin:10px 0;}
.gbs-page .gbs-tabpanel :is(p,li) {font-size:13px;color:var(--gbs-muted);}
.gbs-page .gbs-tabpanel ul {align-self:center;}
.gbs-page .gbs-dark {background:var(--gbs-ink);color:#f9f5ed;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px 7vw;}
.gbs-page .gbs-dark .gbs-heading {display:block;margin:0;}
.gbs-page .gbs-dark .gbs-heading>p {color:#d4ac82;margin-bottom:18px;padding:0;}
.gbs-page .gbs-dark h2 {max-width:560px;}
.gbs-page .gbs-dark h2 em {color:#d4ac82;}
.gbs-page .gbs-dark .gbs-lede {grid-column:1;max-width:560px;font-size:13px;color:#c1c9c7;}
.gbs-page .gbs-compare {grid-column:2;grid-row:1/3;align-self:center;}
.gbs-page .gbs-compare>div {display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff21;}
.gbs-page .gbs-compare :is(span,b,strong) {padding:13px 14px;font-size:12px;font-weight:400;}
.gbs-page .gbs-compare>div:first-child {background:#ffffff0c;}
.gbs-page .gbs-compare strong {color:#ead1b6;}
.gbs-page .gbs-services {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gbs-line);border-left:1px solid var(--gbs-line);}
.gbs-page .gbs-service {min-width:0;display:flex;flex-direction:column;padding:25px;border-right:1px solid var(--gbs-line);border-bottom:1px solid var(--gbs-line);background:#fffefa;}
.gbs-page .gbs-service-index {display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px;color:var(--gbs-accent);}
.gbs-page .gbs-service-index svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.25;}
.gbs-page .gbs-service h3 {margin-bottom:10px;font-size:17px;}
.gbs-page .gbs-service>p {font-size:13px;margin-bottom:16px;}
.gbs-page .gbs-service details {margin-top:auto;border-top:1px solid var(--gbs-line);padding-top:12px;}
.gbs-page summary {cursor:pointer;}
.gbs-page summary::-webkit-details-marker {display:none;}
.gbs-page .gbs-service summary {display:flex;justify-content:space-between;list-style:none;font-size:11px;font-weight:600;}
.gbs-page .gbs-service summary::after,.gbs-page .gbs-faq summary::after {content:"+";font-size:17px;color:var(--gbs-accent);font-weight:400;}
.gbs-page details[open]>summary::after {content:"−";}
.gbs-page .gbs-service details :is(p,ul) {font-size:12px;color:var(--gbs-muted);margin-top:12px;}
.gbs-page .gbs-inline {display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--gbs-line);padding:18px 0;font-size:12px;}
.gbs-page .gbs-inline a {color:var(--gbs-accent);border-bottom:1px solid currentColor;font-weight:600;flex-shrink:0;}
.gbs-page .gbs-process-section {background:var(--gbs-ivory);}
.gbs-page .gbs-process-section .gbs-heading {grid-template-columns:190px 1fr auto;align-items:center;}
.gbs-page .gbs-process-section .gbs-heading>span {font-size:11px;color:var(--gbs-muted);}
.gbs-page .gbs-stepper {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #c9c6be;margin-bottom:24px;gap:12px;}
.gbs-page .gbs-stepper button {position:relative;text-align:left;background:transparent;border:0;border-radius:0;padding:8px 0 16px;font-size:12px;color:var(--gbs-muted);line-height:1.5;}
.gbs-page .gbs-stepper button>b {display:block;font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:5px;}
.gbs-page .gbs-stepper button[aria-selected=true] {color:var(--gbs-ink);font-weight:600;}
.gbs-page .gbs-stepper button[aria-selected=true]::after {content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--gbs-accent);}
.gbs-page .gbs-process-body {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:center;}
.gbs-page .gbs-step {padding:10px 0;min-width:0;animation:gbs-enter .25s ease-out;}
.gbs-page .gbs-step-eyebrow {font-size:10px;color:var(--gbs-accent);letter-spacing:.12em;}
.gbs-page .gbs-step h3 {font-family:var(--gbs-serif);font-size:30px;font-weight:400;line-height:1.17;max-width:560px;margin:12px 0;}
.gbs-page .gbs-step p {max-width:610px;font-size:13px;}
.gbs-page .gbs-step-output {display:flex;gap:10px;align-items:start;border-top:1px dashed #c9c1b4;padding-top:14px;margin-top:20px;font-size:12px;color:var(--gbs-muted);}
.gbs-page .gbs-step-output b {white-space:nowrap;font-size:9px;letter-spacing:.1em;color:var(--gbs-ink);padding-top:3px;}
.gbs-page .gbs-process-photo {min-width:0;}
.gbs-page .gbs-process-photo img {width:100%;height:242px;object-fit:cover;border-radius:4px;}
.gbs-page .gbs-process-photo figcaption {display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--gbs-muted);margin-top:9px;}
.gbs-page .gbs-process-photo figcaption b {font-weight:500;color:var(--gbs-ink);}
.gbs-page .gbs-guide .gbs-heading {margin-bottom:16px;}
.gbs-page .gbs-filters {display:flex;flex-wrap:wrap;gap:20px;margin-bottom:22px;}
.gbs-page .gbs-filters button {border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--gbs-muted);padding:6px 0;font-size:12px;}
.gbs-page .gbs-filters button[aria-pressed=true] {border-color:var(--gbs-accent);color:var(--gbs-accent);}
.gbs-page .gbs-fabrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.gbs-page .gbs-fabrics article {position:relative;padding:16px;background:#fffefa;border:1px solid var(--gbs-line);border-radius:4px;min-width:0;}
.gbs-page .gbs-fabrics i {display:block;height:64px;margin-bottom:16px;border-radius:2px;background-color:#ece4d4;}
.gbs-page .gbs-fabrics h3 {font-size:15px;margin-bottom:4px;}
.gbs-page .gbs-fabrics b {display:block;font-size:10px;letter-spacing:.06em;color:var(--gbs-accent);margin-bottom:8px;}
.gbs-page .gbs-fabrics p {font-size:12px;line-height:1.65;}
.gbs-page .gbs-fabrics .cotton {background-image:repeating-linear-gradient(90deg,#e6ddce 0 2px,#f7f3ec 2px 6px);}
.gbs-page .gbs-fabrics .poly {background:linear-gradient(135deg,#bbc9ce,#eef3f4);}
.gbs-page .gbs-fabrics .fleece {background:radial-gradient(circle,#d7c9b5 0 2px,#eee5d7 3px);background-size:8px 8px;}
.gbs-page .gbs-fabrics .terry {background:repeating-radial-gradient(ellipse,#aaa 0 1px,#d5d1c8 2px 5px);background-size:7px 11px;}
.gbs-page .gbs-fabrics .denim {background:repeating-linear-gradient(45deg,#38577a 0 2px,#567395 2px 4px);}
.gbs-page .gbs-fabrics .linen {background:repeating-linear-gradient(0deg,#d8c7a7 0 1px,#eee3cc 1px 5px);}
.gbs-page .gbs-fabrics .viscose {background:linear-gradient(120deg,#815266,#d8a8b9);}
.gbs-page .gbs-guide-note {margin-top:15px;font-size:11px;color:var(--gbs-muted);}
.gbs-page .gbs-tech {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;background:#f2f3ef;align-items:center;}
.gbs-page .gbs-tech h2 {margin:16px 0;max-width:560px;}
.gbs-page .gbs-tech p {max-width:580px;font-size:13px;}
.gbs-page .gbs-tech ul {margin-top:18px;columns:2;column-gap:26px;font-size:12px;color:var(--gbs-muted);}
.gbs-page .gbs-tech li {break-inside:avoid;}
.gbs-page .gbs-dashboard {background:#fff;border:1px solid #d5ded7;border-radius:7px;padding:24px;box-shadow:0 14px 40px #20332909;}
.gbs-page .gbs-dash-top {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;}
.gbs-page .gbs-dash-top>span {font-size:9px;color:#48604c;background:#eef3ec;border-radius:30px;padding:4px 8px;}
.gbs-page .gbs-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;}
.gbs-page .gbs-metrics div {border-left:1px solid var(--gbs-line);padding-left:14px;}
.gbs-page .gbs-metrics small {display:block;font-size:10px;color:var(--gbs-muted);}
.gbs-page .gbs-metrics b {display:block;font-weight:500;font-size:25px;margin-top:4px;}
.gbs-page .gbs-bars {height:100px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--gbs-line);}
.gbs-page .gbs-bars i {flex:1;height:45%;border-radius:3px 3px 0 0;background:#becbc3;}
.gbs-page .gbs-bars i:nth-child(2){height:64%}.gbs-page .gbs-bars i:nth-child(3){height:54%}.gbs-page .gbs-bars i:nth-child(4){height:79%}.gbs-page .gbs-bars i:nth-child(5){height:69%}.gbs-page .gbs-bars i:nth-child(6){height:87%}.gbs-page .gbs-bars i:nth-child(7){height:96%;background:#967459}
.gbs-page .gbs-dash-note {margin-top:14px;font-size:10px;color:var(--gbs-muted);}
.gbs-page .gbs-cases,.gbs-page .gbs-packages {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.gbs-page .gbs-cases article {padding:24px 24px 24px 0;border-right:1px solid var(--gbs-line);}
.gbs-page .gbs-cases article:last-child {border:0;}
.gbs-page .gbs-cases span,.gbs-page .gbs-packages article>span {font-size:9px;letter-spacing:.15em;color:var(--gbs-accent);}
.gbs-page .gbs-cases h3 {font-family:var(--gbs-serif);font-weight:400;font-size:25px;margin:15px 0 12px;max-width:360px;}
.gbs-page .gbs-cases p {font-size:13px;}
.gbs-page .gbs-package-section {border-top:1px solid var(--gbs-line);}
.gbs-page .gbs-package-toggle {display:flex;width:fit-content;gap:4px;background:var(--gbs-ivory);padding:4px;border-radius:4px;margin-bottom:22px;}
.gbs-page .gbs-package-toggle button {border:0;background:transparent;color:var(--gbs-muted);border-radius:2px;font-size:11px;padding:9px 16px;}
.gbs-page .gbs-package-toggle button[aria-pressed=true] {color:var(--gbs-ink);background:#fff;box-shadow:0 1px 5px #1b29200a;}
.gbs-page .gbs-packages article {display:flex;flex-direction:column;min-width:0;border:1px solid var(--gbs-line);border-radius:5px;padding:26px;background:#fffefa;}
.gbs-page .gbs-packages h3 {font-family:var(--gbs-serif);font-size:28px;font-weight:400;margin:14px 0;}
.gbs-page .gbs-packages p,.gbs-page .gbs-packages li {font-size:13px;}
.gbs-page .gbs-packages ul {margin:20px 0;color:var(--gbs-muted);}
.gbs-page .gbs-packages article>b {font-size:11px;font-weight:500;margin-top:auto;padding:16px 0;border-top:1px solid var(--gbs-line);}
.gbs-page .gbs-packages article>a {font-size:12px;font-weight:600;border-bottom:1px solid var(--gbs-line);padding-bottom:8px;}
.gbs-page .gbs-packages article>a::after {content:"↗";float:right;}
.gbs-page .gbs-packages .gbs-featured {background:var(--gbs-ink);color:var(--gbs-paper);border-color:var(--gbs-ink);}
.gbs-page .gbs-packages .gbs-featured :is(p,ul) {color:#c7cfca;}
.gbs-page .gbs-packages .gbs-featured>span {color:#ddba94;}
.gbs-page .gbs-packages .gbs-featured :is(b,a) {border-color:#ffffff26;}
.gbs-page .gbs-quiz {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:center;padding-top:28px;padding-bottom:28px;background:var(--gbs-ivory);}
.gbs-page .gbs-quiz h2 {font-size:29px;margin:10px 0;}
.gbs-page .gbs-quiz>div>p:last-child {font-size:12px;max-width:430px;}
.gbs-page .gbs-quiz form {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.gbs-page label {display:block;min-width:0;margin:0;font-size:11px;font-weight:500;color:var(--gbs-ink);}
.gbs-page :is(input,select,textarea) {display:block;width:100%;min-height:44px;padding:10px 12px;margin:7px 0 0;border:1px solid #c9cec7;border-radius:3px;background:#fffefa;color:var(--gbs-ink);font:inherit;font-size:13px;line-height:1.5;}
.gbs-page textarea {resize:vertical;}
.gbs-page .gbs-quiz form>.gbs-btn {grid-column:1/-1;justify-self:start;}
.gbs-page .gbs-quiz output {grid-column:1/-1;font-size:12px;}
.gbs-page .gbs-quiz output:empty {display:none;}
.gbs-page .gbs-quiz output a {text-decoration:underline;color:var(--gbs-accent);margin-left:6px;}
.gbs-page .gbs-proof {padding-top:38px;padding-bottom:38px;border-bottom:1px solid var(--gbs-line);}
.gbs-page .gbs-proof .gbs-heading {margin-bottom:22px;}
.gbs-page .gbs-proof-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.gbs-page .gbs-proof-row>div {border-top:1px solid var(--gbs-line);padding-top:14px;}
.gbs-page .gbs-proof-row b {display:block;font-size:12px;font-weight:500;margin-bottom:6px;}
.gbs-page .gbs-proof-row p {font-size:12px;}
.gbs-page .gbs-faq-section {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:7vw;}
.gbs-page .gbs-faq-section .gbs-heading {display:block;}
.gbs-page .gbs-faq-section .gbs-heading h2 {margin-top:16px;font-size:34px;}
.gbs-page .gbs-faq {min-width:0;}
.gbs-page .gbs-faq details {border-bottom:1px solid var(--gbs-line);}
.gbs-page .gbs-faq summary {display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;font-size:13px;padding:13px 0;color:var(--gbs-ink);}
.gbs-page .gbs-faq details>p {font-size:12px;padding:0 28px 16px 0;}
.gbs-page .gbs-contact {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;padding:58px var(--gbs-gutter);background:#e9e5dc;}
.gbs-page .gbs-contact h2 {max-width:540px;margin:16px 0;}
.gbs-page .gbs-contact>div>p {max-width:500px;}
.gbs-page .gbs-contact>div>a {display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;font-size:13px;color:var(--gbs-accent);}
.gbs-page .gbs-contact form {display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start;}
.gbs-page .gbs-contact .gbs-full {grid-column:1/-1;}
.gbs-page .gbs-contact form>.gbs-btn {justify-self:start;}
.gbs-page .gbs-contact output {font-size:12px;color:var(--gbs-ink);}
.gbs-page .gbs-contact output:empty {display:none;}
.gbs-page .gbs-mobile {display:none;}
@keyframes gbs-enter {from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1700px) {
  .gbs-page .gbs-fabrics {grid-template-columns:repeat(7,minmax(0,1fr));}
  .gbs-page .gbs-process-body {grid-template-columns:minmax(0,1fr) minmax(0,.65fr);}
}
@media(max-width:1100px) {
  .gbs-page .gbs-heading {grid-template-columns:155px 1fr;gap:24px;}
  .gbs-page .gbs-audience-layout {grid-template-columns:240px 1fr;}
  .gbs-page .gbs-tabpanel {grid-template-columns:1fr;gap:16px;}
  .gbs-page .gbs-services {grid-template-columns:repeat(2,minmax(0,1fr));}
  .gbs-page .gbs-process-section .gbs-heading {grid-template-columns:155px 1fr;}
  .gbs-page .gbs-process-section .gbs-heading>span {display:none;}
  .gbs-page .gbs-tech ul {columns:1;}
  .gbs-page .gbs-quiz {grid-template-columns:1fr;}
  .gbs-page .gbs-capability-rail {align-items:start;}
}
@media(max-width:760px) {
  .gbs-page .gbs-breadcrumb {padding-top:22px;padding-bottom:12px;font-size:10px;}
  .gbs-page .gbs-hero-layout {grid-template-columns:1fr;gap:24px;}
  .gbs-page .gbs-hero-copy {padding-top:4px;}
  .gbs-page .gbs-hero-photo {height:260px;}
  .gbs-page .gbs-capability-rail {display:block;margin-top:24px;}
  .gbs-page .gbs-capability-rail ol {margin-top:12px;gap:10px 18px;}
  .gbs-page .gbs-section {padding-block:44px;}
  .gbs-page .gbs-heading,.gbs-page .gbs-process-section .gbs-heading {display:block;margin-bottom:22px;}
  .gbs-page .gbs-heading>p {margin-bottom:10px;padding:0;}
  .gbs-page .gbs-audience-layout {display:block;}
  .gbs-page .gbs-tabs {flex-direction:row;border:0;border-bottom:1px solid var(--gbs-line);padding:8px;}
  .gbs-page .gbs-tabs button {flex:1;padding:12px;font-size:11px;}
  .gbs-page .gbs-tabpanel {padding:22px;}
  .gbs-page .gbs-dark {display:block;}
  .gbs-page .gbs-dark .gbs-lede {margin-top:20px;}
  .gbs-page .gbs-compare {margin-top:24px;}
  .gbs-page .gbs-compare :is(span,b,strong) {padding:12px 8px;font-size:11px;}
  .gbs-page .gbs-service {padding:20px;}
  .gbs-page .gbs-stepper {gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));border:0;}
  .gbs-page .gbs-stepper button {border-bottom:1px solid #c9c6be;font-size:11px;}
  .gbs-page .gbs-process-body,.gbs-page .gbs-tech {grid-template-columns:1fr;gap:24px;}
  .gbs-page .gbs-process-photo img {height:210px;}
  .gbs-page .gbs-step h3 {font-size:27px;}
  .gbs-page .gbs-fabrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .gbs-page .gbs-fabrics article {padding:13px;}
  .gbs-page .gbs-cases {grid-template-columns:1fr;}
  .gbs-page .gbs-cases article {padding:18px 0;border:0;border-bottom:1px solid var(--gbs-line);}
  .gbs-page .gbs-packages {grid-template-columns:1fr;}
  .gbs-page .gbs-packages article {padding:24px;}
  .gbs-page .gbs-quiz form {grid-template-columns:1fr;}
  .gbs-page .gbs-proof-row {grid-template-columns:1fr 1fr;}
  .gbs-page .gbs-faq-section {display:block;}
  .gbs-page .gbs-contact {grid-template-columns:1fr;gap:30px;padding-block:44px;}
  .gbs-page .gbs-contact form {gap:14px;}
  .gbs-page .gbs-mobile {display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;bottom:0;z-index:10;background:#fcfbf8f5;border-top:1px solid var(--gbs-line);padding:10px var(--gbs-gutter);backdrop-filter:blur(10px);}
  .gbs-page .gbs-mobile span {font-size:11px;}
  .gbs-page .gbs-mobile .gbs-btn {min-height:40px;padding:10px 15px;font-size:11px;}
  .gbs-page input,.gbs-page select,.gbs-page textarea {font-size:16px;}
}
@media(max-width:480px) {
  .gbs-page .gbs-services {grid-template-columns:1fr;}
  .gbs-page .gbs-inline {align-items:start;font-size:11px;}
  .gbs-page .gbs-process-photo figcaption {display:block;}
  .gbs-page .gbs-process-photo figcaption span {display:block;margin-top:3px;}
  .gbs-page .gbs-contact form {grid-template-columns:1fr;}
  .gbs-page .gbs-metrics {gap:6px;}
  .gbs-page .gbs-metrics div {padding-left:8px;}
  .gbs-page .gbs-metrics b {font-size:22px;}
}
@media(prefers-reduced-motion:reduce) {
  .gbs-page * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}