/* Proposed Startuper.me designbook v1 tokens. Not imported by the live site. */
:root {
  --brand-paper: #FAFBF6;
  --brand-ink: #344630;
  --brand-green: #536B46;
  --brand-green-deep: #415638;
  --brand-lime: #E4EDCD;
  --brand-wash: #EEF3E5;
  --brand-yellow: #E4B742;
  --brand-sun: #F6EDCF;
  --brand-red: #B95246;
  --brand-rose: #F8E8E2;
  --brand-line: #DCE4D4;
  /* Proposed functional secondary blue; retain existing trainer semantics. */
  --brand-blue: #315E80;
  --brand-mist: #E3EEF5;
  --brand-font-heading: Manrope, Arial, sans-serif;
  --brand-font-body: Inter, Arial, sans-serif;
  --brand-radius: 12px;
  --brand-radius-large: 16px;
  --brand-duration: 200ms;
  --brand-space-unit: 4px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --brand-duration: 0ms; }
}
/* Applied design book: catalogue + native pages + trainer presentation only. */
:root{--bg:var(--brand-paper);--paper:var(--brand-paper);--ink:var(--brand-ink);--muted:#586950;--line:var(--brand-line);--accent:var(--brand-lime);--soft:var(--brand-wash);--olive:var(--brand-green);--warn:var(--brand-sun);--bad:var(--brand-rose);--radius:16px;--solution-dark:var(--brand-green-deep);--solution-accent:var(--brand-lime)}
body{background:var(--brand-paper);color:var(--brand-ink);font-family:var(--brand-font-body)}
h1,h2,h3,.brand-name,.brandword{font-family:var(--brand-font-heading)}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}
#shell .wrap,#shell .header-inner{max-width:1200px}#shell .wrap{width:calc(100% - 48px)}
#shell .site-header{background:var(--brand-paper);border-bottom:1px solid var(--brand-line)}
#shell .brand-mark,.site-header .brand-mark,.brandmark{width:48px;height:48px;flex-basis:48px;overflow:visible;background:transparent;border-radius:0}
.brand-mark img,.brandmark img{object-fit:contain;mix-blend-mode:multiply}.brandword{letter-spacing:-.02em}
#shell h1,#shell .page-head h1,#shell .solution-hero h1,#shell .ai-hub-head h1{font-size:clamp(40px,4.6vw,64px);font-weight:650;line-height:1.08;letter-spacing:-.045em}
#shell h2,#shell .section-head h2,#shell .marketing-story h2,#shell .tool-context h2,#shell .marketing-consult h2{font-size:clamp(28px,3vw,36px);font-weight:650;line-height:1.2;letter-spacing:-.035em}
#shell h3{font-size:23px;line-height:1.24;font-weight:650}#shell .lead,#shell .page-head .lead{font-size:18px;line-height:1.65;max-width:70ch}
#shell p{max-width:70ch}#shell .eyebrow{font-size:12px;font-weight:650;letter-spacing:.13em;color:var(--muted)}
#shell .button,.action,.primary{background:var(--brand-green);border-color:var(--brand-green);color:#fff;border-radius:12px;min-height:44px;transition:background var(--brand-duration),transform var(--brand-duration)}
#shell .button:hover,.action:hover,.primary:hover:not(:disabled){background:var(--brand-green-deep);border-color:var(--brand-green-deep);color:#fff}
#shell .button.secondary,.action.light,.lime{background:var(--brand-lime);border-color:var(--brand-line);color:var(--brand-ink)}
#shell .text-link{color:var(--brand-green);border-color:var(--brand-green)}
#shell input,#shell select,#shell textarea{min-height:44px;border:1px solid var(--brand-line);background:#fff;border-radius:12px;color:var(--ink);font-size:16px}
#shell summary{min-height:44px}#shell .section{padding-top:48px;padding-bottom:48px}
#shell .solution-hero{background:var(--brand-paper);color:var(--ink);border-bottom:1px solid var(--line)}
#shell .solution-hero-inner{padding-top:48px;padding-bottom:48px}#shell .solution-hero h1{color:var(--ink);max-width:1000px;margin-bottom:32px}#shell .solution-hero h1 em{color:var(--brand-green);font-style:normal}#shell .solution-hero p{color:var(--muted);font-size:18px;line-height:1.6}
#shell .solution-hero .eyebrow{font-size:12px}#shell .solution-hero-note,#shell .tools-hero-drawing{color:var(--brand-green);transform:none}#shell .solution-hero-note .note-before{color:var(--muted)}#shell .solution-hero-note .note-after,#shell .tools-hero-drawing strong{color:var(--ink);background:var(--brand-sun);padding:8px 12px;border-radius:2px 12px 12px 12px}#shell .tools-hero-drawing small{color:var(--muted)}
#shell .marketing-consult{background:var(--brand-wash);color:var(--ink);border-top:1px solid var(--line)}#shell .marketing-consult p{color:var(--muted)}#shell .marketing-consult .button{color:white;background:var(--brand-green);border-color:var(--brand-green)}#shell .marketing-consult .text-link{color:var(--brand-green);border-color:var(--brand-green)}
#shell .marketing-proof{background:var(--brand-wash)}#shell .marketing-take{background:var(--brand-sun);color:var(--ink);padding:16px 20px;border-left:3px solid var(--brand-yellow);border-radius:0 12px 12px 0}
#shell .marketing-bundle{gap:64px;padding:48px 0}#shell .marketing-body,#shell .tool-benefit{font-size:18px;line-height:1.65}#shell .marketing-choice h3{font-size:22px}
#shell .tool-story{gap:64px;padding:48px 0}#shell .tool-formula{color:var(--brand-green);border-color:var(--brand-yellow);transform:none}#shell .tool-example{border-color:var(--brand-yellow)}
#shell .book-home,#shell .book-home .hero-inner{min-height:0;background:var(--brand-paper)}#shell .book-home .hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;width:calc(100% - 48px);max-width:1200px;margin:auto;padding:56px 0 64px}
#shell .book-home h1{font-size:clamp(40px,4.4vw,60px);margin:20px 0 24px;max-width:680px}#shell .book-home p{font-size:18px;line-height:1.6;margin:0 0 24px}#shell .book-home .eyebrow{font-size:11px;line-height:1.6}#shell .book-home .book-participation{font-size:14px;line-height:1.5;margin:24px 0 0;color:var(--muted)}
.book-artifact{background:var(--brand-wash);padding:32px 24px 24px;border-radius:16px}.book-sheet{background:var(--brand-paper);padding:24px;border-top:4px solid var(--brand-green);border-radius:2px 14px 14px 14px}.book-sheet.focus{background:var(--brand-sun);border-color:var(--brand-yellow);margin:24px 0 0 24px}.book-sheet>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.book-sheet h3{margin:0 0 12px}#shell .book-sheet p{font-size:16px;margin:0}#shell .book-artifact-caption{font-size:12px;line-height:1.5;color:var(--muted);margin:20px 0 0}
#shell .ai-hub-head,#shell .ink-band{background:var(--brand-wash);color:var(--ink)}#shell .training-case-note{background:var(--brand-sun);border-color:var(--brand-yellow);padding:24px;border-radius:0 16px 16px 0}
#shell .variant-price{color:var(--brand-green)}#shell .product-variant{border-color:var(--line)}#shell .scope-note{border-left:3px solid var(--brand-red);background:var(--brand-rose);padding:16px 20px;color:var(--ink)}
#shell .request-layout aside{background:var(--brand-paper);border-top:2px solid var(--line);border-radius:0}#shell .request-form{background:var(--brand-paper)}
/* Feedback colours retain their original meanings; secondary blue stays blue. */
.note.good,.account-success{background:var(--brand-wash);border-color:var(--brand-green);color:var(--ink)}.note.warn{background:var(--brand-sun);border-color:var(--brand-yellow);color:var(--ink)}.note.bad,.form-error{background:var(--brand-rose);border-color:var(--brand-red);color:var(--ink)}
header .brandmark{background:transparent}.primary{border-radius:12px}.lime:hover:not(:disabled){background:var(--brand-wash)}.account-notice{border-color:var(--brand-yellow);background:var(--brand-sun);padding:16px}.account-page{padding-top:48px}.account-intro h1{font-size:clamp(36px,4vw,60px)}
@media(max-width:900px){#shell .book-home .hero-inner{gap:32px}#shell .book-home h1{font-size:44px}.book-artifact{padding:24px 16px}.book-sheet{padding:20px}#shell .marketing-bundle,#shell .tool-story{gap:32px}}
@media(max-width:760px){#shell .wrap,#shell .book-home .hero-inner{width:calc(100% - 40px)}#shell .header-inner{padding-left:20px;padding-right:20px}#shell h1,#shell .page-head h1,#shell .solution-hero h1,#shell .ai-hub-head h1,#shell .book-home h1{font-size:36px;line-height:1.12;letter-spacing:-.035em}#shell h2,#shell .section-head h2,#shell .marketing-story h2,#shell .tool-context h2,#shell .marketing-consult h2{font-size:30px}#shell .book-home .hero-inner{grid-template-columns:1fr;padding:32px 0 40px;gap:32px}#shell .book-home p,#shell .lead,#shell .page-head .lead,#shell .solution-hero p{font-size:16px;line-height:1.6}#shell .book-home .eyebrow,#shell .solution-hero .eyebrow{font-size:10px}#shell .book-home .hero-actions{flex-wrap:wrap;gap:20px}#shell .book-home .book-participation{font-size:13px}#shell .solution-hero-inner{padding:32px 0}#shell .section{padding:32px 0}#shell .marketing-bundle,#shell .tool-story{gap:24px;padding:32px 0}.book-sheet.focus{margin-left:16px}#shell .book-sheet h3{font-size:22px}#shell .brand-mark{width:40px;height:40px;flex-basis:40px}#shell .marketing-body,#shell .tool-benefit{font-size:16px}#shell .brand-name{font-size:21px}}
.solution-hero-inner>h1,.solution-hero-bottom{animation-duration:200ms;animation-delay:0ms}.book-sheet{animation:book-arrive 200ms both}.book-sheet.focus{animation-delay:80ms}@keyframes book-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#shell .book-home .book-artifact-caption{font-size:12px;line-height:1.5;margin:20px 0 0}
@media(max-width:760px){#shell .book-home h1{font-size:32px}#shell .header-inner{width:100%;padding-left:20px;padding-right:20px}#shell .menu-toggle{white-space:nowrap;flex-shrink:0;padding:10px 12px}}
/* Reference lockup: lowercase, strong name, quieter domain, warm dot. */
#shell .logo .brand-lockup,body .brand .brand-lockup,body .brandword .brand-lockup{font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.12;letter-spacing:-.045em;white-space:nowrap;text-transform:none;color:var(--brand-ink);display:block}
.brand-lockup .brand-domain-name{color:var(--brand-green);font-weight:650}.brand-lockup .brand-dot{color:#a18427}
#shell .logo{gap:12px}#shell .logo .brand-name small{display:block;font-size:9px;letter-spacing:.12em;margin-top:6px;line-height:1.4;font-weight:600}
body .brand .brand-lockup+small,body .brandword .brandsub{display:block;font-size:9px;line-height:1.4;letter-spacing:.12em;margin-top:5px;font-weight:600}
@media(max-width:760px){#shell .logo .brand-lockup,body .brand .brand-lockup,body .brandword .brand-lockup{font-size:23px}#shell .logo{gap:9px}#shell .logo .brand-name small{font-size:7px;letter-spacing:.1em}body .brand .brand-lockup+small,body .brandword .brandsub{font-size:8px}}
#shell .logo .brand-lockup{margin:0}#shell .logo .brand-lockup>span,body .brand .brand-lockup>span,body .brandword .brand-lockup>span{display:inline;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}#shell .logo .brand-lockup>.brand-domain-name{color:var(--brand-green);font-weight:650}#shell .logo .brand-lockup>.brand-dot{color:#a18427}

/* Brand motto: sentence case keeps the invitation human and readable. */
#shell .logo .brand-name small,body .brand .brand-lockup+small{font-size:10px;letter-spacing:.015em;text-transform:none;line-height:1.4}
@media(max-width:760px){#shell .logo .brand-name small,body .brand .brand-lockup+small{font-size:9px;letter-spacing:0}}

/* Concise public layer: one outcome per section. */
.concise-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.concise-topic-grid .topic-row{padding:24px 0;border-bottom:1px solid var(--line,#d5dfc9)}
.concise-topic-grid .topic-row h3{margin:0 0 10px}.concise-topic-grid .topic-row p{max-width:40ch}
.tools-page .tool-story .tool-benefit{margin-top:14px}.tools-page .tool-result .button{margin-top:20px}
@media(max-width:760px){.concise-topic-grid{grid-template-columns:1fr}.concise-topic-grid .topic-row{padding:20px 0}}

/* Development is a catalogue of concrete deliverables, distinct from business journeys. */
#shell .build-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
#shell .build-catalog .tool-story{display:flex;flex-direction:column;gap:12px;padding:40px 0;border-bottom:1px solid #d5dfc9;position:relative}
#shell .build-catalog .tool-story h2{font-size:30px;line-height:1.15;margin:0 0 8px;max-width:20ch}
#shell .build-catalog .tool-story p{margin:0;max-width:48ch}#shell .build-catalog .tool-formula{margin-top:auto;padding-top:24px;font-size:16px}
#shell .build-catalog .text-link{align-self:flex-start;margin-top:12px}
@media(max-width:760px){#shell .build-catalog{grid-template-columns:1fr}#shell .build-catalog .tool-story h2{font-size:27px}}

/* One gutter per container: inherited padding must not double the page margin. */
#shell .wrap{padding-left:0;padding-right:0}
#shell .site-header{padding-left:0;padding-right:0}
#shell .header-inner{width:calc(100% - 48px);padding-left:0;padding-right:0}
#shell h1,#shell h2,#shell h3{overflow-wrap:break-word}
@media(max-width:760px){
  #shell .header-inner{width:calc(100% - 40px);padding-left:0;padding-right:0;gap:12px!important}
  #shell .solution-hero h1{font-size:clamp(32px,9.16vw,36px)}
  #shell .solution-hero h1>br{display:none}
  #shell .solution-hero h1 em{display:block;max-width:100%;text-wrap:balance}
}
@media(max-width:360px){
  #shell .header-inner .logo{gap:7px}
  #shell .header-inner .brand-mark{width:34px;height:34px;flex-basis:34px}
  #shell .header-inner .brand-lockup{font-size:21px}
  #shell .header-inner .menu-toggle{padding-left:9px;padding-right:9px}
}

/* Design book v1.2 wordmark; keep editorial headings unchanged. */
@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url('brand/rubik-variable.ttf') format('truetype')}
#shell .logo .brand-lockup,body .brand .brand-lockup,body .brandword .brand-lockup{font-family:Rubik,Inter,sans-serif;font-weight:600;font-synthesis:none;letter-spacing:-.045em;line-height:1.05}
#shell .logo .brand-lockup>.brand-domain-name,body .brand .brand-domain-name,body .brandword .brand-domain-name{font-weight:450;letter-spacing:-.035em}
#shell .logo .brand-lockup>.brand-dot,body .brand .brand-dot,body .brandword .brand-dot{color:#8C6815;font-weight:600}

/* Wordmark is the signature; the dragon is an editorial character. */
#shell .logo .brand-mark,body .brand>.brand-mark,body .brand>.brandmark{display:none}
#shell .book-home .hero-inner{grid-template-columns:1.1fr 1fr;gap:40px;padding-top:40px;padding-bottom:48px}
.creator-scene{margin:0;align-self:center;min-width:0;animation:book-arrive 240ms both}
.creator-scene img{width:100%;height:auto;mix-blend-mode:multiply}
.creator-scene figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin:16px 12px 0;text-align:center}
@media(max-width:760px){#shell .book-home .hero-inner{grid-template-columns:1fr;gap:16px;padding-top:28px;padding-bottom:32px}#shell .book-home .book-participation{margin:16px 0 0}.creator-scene{max-width:320px;justify-self:center}.creator-scene figcaption{font-size:12px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.creator-scene{animation:none}}

/* cases-to-practice-v1: practical transfer first, historical evidence on demand. */
.case-practice-jumps{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:22px}
.case-story.case-practice{max-width:none;padding:48px 0 56px;scroll-margin-top:110px}
.case-practice h3{font-family:inherit;font-size:clamp(27px,3.2vw,42px);max-width:28ch;line-height:1.16;margin:12px 0 20px}
.case-practice .case-situation{max-width:70ch;font-size:19px;line-height:1.6}
.case-practice-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:28px 0}
.case-practice h4{font-size:17px;line-height:1.4;margin:0 0 12px}
.case-practice-columns p,.case-practice-columns li{font-size:16px;line-height:1.6}
.case-practice-columns ol{padding-left:22px;margin:18px 0 0}
.case-practice-columns li{padding:0 0 10px 6px}
.case-practice-columns li::marker{color:var(--olive);font-weight:600}
.case-practice-output{border-left:2px solid #b7c78d;padding-left:26px}
.case-practice-output h4:not(:first-child){margin-top:24px}
.case-practice-columns .caption{font-size:14px}
.case-practice-actions{display:flex;flex-wrap:wrap;gap:22px 44px;margin:22px 0}
.case-practice-actions>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.case-practice-actions span{font-size:13px;color:var(--muted)}
.case-practice-evidence{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;margin:26px 0 0}
.case-practice-evidence>summary{font-size:14px;padding:14px 0}
.case-practice-evidence .detailBody{padding:12px 0;max-width:76ch}
@media(max-width:700px){.case-practice-columns{grid-template-columns:1fr;gap:22px;margin:22px 0}.case-story.case-practice{padding:30px 0 36px}.case-practice-output{padding-left:18px}.case-practice .case-situation{font-size:17px}.case-practice-jumps{gap:10px 20px}.case-practice-actions{gap:22px}.case-practice h3{overflow-wrap:break-word}}

/* cases-dual-angle-v1: decision and implementation share one case and evidence. */
.case-story.case-dual h3,#shell .case-dual h3{font-size:clamp(27px,3.2vw,38px);max-width:30ch;line-height:1.16}
.case-angle-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:32px 0}
.case-angle{min-width:0;padding:0;margin:0;border:0}
.case-angle .case-angle-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);margin:0 0 14px}
.case-angle h4{font-size:24px;line-height:1.25;margin:0 0 22px;max-width:30ch}
.case-angle dl{margin:0}
.case-angle dt,.case-angle h5{font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;margin:22px 0 7px}
.case-angle dd,.case-angle p,.case-angle li{font-size:16px;line-height:1.6;margin:0 0 10px}
.case-angle dd{margin-left:0}
.case-technical{border-left:2px solid #b7c78d;padding-left:28px}
.case-angle ol{padding-left:22px;margin:8px 0 20px}
.case-angle li{padding-left:4px}
.case-angle li::marker{font-weight:600;color:var(--olive)}
.case-angle .caption{font-size:13px;color:var(--muted)}
.case-toolchain{overflow-wrap:anywhere}
.case-practice-takeaway{max-width:80ch;border-top:1px solid var(--line);padding:22px 0 0;margin-top:24px}
.case-practice-takeaway p{font-size:17px;line-height:1.6}
.case-practice-takeaway .caption{font-size:14px}
@media(max-width:760px){.case-angle-columns{grid-template-columns:1fr;gap:30px;margin:24px 0}.case-technical{border-left:0;border-top:2px solid #b7c78d;padding:24px 0 0}.case-angle h4{font-size:23px}.case-angle dt,.case-angle h5{margin-top:18px}}

/* products-two-perspectives-v1: commercial purpose and practical mechanism, without repeated rubric labels. */
.product-editorial{max-width:850px}
.product-editorial>p{font-size:19px;line-height:1.65}
.product-example{border-left:3px solid #b7c78d;margin:28px 0 0;padding:8px 0 8px 24px;max-width:74ch}
.product-example p{font-size:17px;margin:0}
.product-workflow{list-style:none;display:flex;flex-wrap:wrap;gap:12px 0;margin:30px 0 0;padding:0}
.product-workflow li{font-size:16px;line-height:1.5;font-weight:600}
.product-workflow li:not(:last-child)::after{content:'→';color:var(--olive);padding:0 16px}
.product-working-note{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}
.product-working-note p{font-size:16px}
.product-working-note .caption{font-size:14px}
.marketing-story .marketing-practice{font-size:16px;line-height:1.6;max-width:58ch;margin-top:20px;padding-left:18px;border-left:2px solid #b7c78d;color:var(--muted)}
.tool-editorial .tool-promise{font-size:23px;font-weight:600;line-height:1.35;max-width:42ch;margin:22px 0 16px}
.tool-craft{margin:26px 0 20px;padding-left:22px;border-left:2px solid #b7c78d}
#shell .tool-craft h3{font-size:18px;line-height:1.4;margin-bottom:12px}
.tool-craft p{font-size:16px;line-height:1.65}
.tool-editorial .tool-boundary{font-size:14px;max-width:80ch}
.tool-editorial .tool-formula{overflow-wrap:anywhere}
@media(max-width:600px){.product-editorial>p{font-size:17px}.product-example{padding-left:16px}.tool-editorial .tool-promise{font-size:21px}.tool-craft{padding-left:16px}.product-workflow{gap:8px 0}.product-workflow li:not(:last-child)::after{padding:0 10px}}

/* cases-in-products-v1: project evidence beside the relevant offer */
.applied-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.applied-example{border-top:2px solid var(--book-line,#d9e2ce);padding-top:1.6rem;margin-top:2rem;scroll-margin-top:7rem;min-width:0}.applied-example h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2;margin:.5rem 0 1rem}.applied-example h4{font-size:1rem;margin:0 0 .6rem}.applied-next{border-left:3px solid #a5b883;padding:.2rem 0 .2rem 1.2rem;margin:1.4rem 0}.applied-example details{margin:1.2rem 0;border-block:1px solid #d9e2ce}.applied-example summary{padding:1rem 0;cursor:pointer}.applied-example .detailBody{padding:.5rem 0 1rem}.applied-links{grid-column:1/-1;display:flex;gap:.7rem 1.6rem;flex-wrap:wrap;align-items:baseline;margin-top:1.2rem}.applied-links span{font-size:.8rem;color:#596b50}.tool-story .applied-example{margin-top:2rem}.applied-grid .applied-example{margin-top:0}@media(max-width:720px){.applied-grid{grid-template-columns:1fr;gap:2rem}.applied-links{display:grid}}

/* AI Hub: concrete project briefs, ordered by the business work they enable. */
.hub-project-group{margin-top:48px}.hub-project-group>h3{font-size:clamp(21px,2.2vw,28px);margin:0 0 20px;letter-spacing:-.025em}.hub-project h4{font-size:clamp(20px,2.1vw,26px);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}.hub-project p{margin:0 0 16px}.hub-project .hub-project-check{font-size:14px;color:var(--muted);line-height:1.6}.hub-project-check strong{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.hub-project .text-link{margin-top:6px}.hub-project-group .concise-topic-grid{row-gap:8px}@media(max-width:760px){.hub-project-group{margin-top:34px}.hub-project-group>h3{margin-bottom:12px}.hub-project h4{font-size:22px}.hub-project .hub-project-check{font-size:13px}}