:root{
  --c-olive:#606c38;--c-forest:#283618;--c-cornsilk:#fefae0;--c-caramel:#dda15e;--c-copper:#bc6c25;
  --c-bg:#0f1409;--c-bg-soft:#161c0d;--c-surface:#1a2110;--c-surface-2:#212a14;
  --c-border:#2a331c;--c-border-soft:#202817;
  --c-ink:#f4f0dd;--c-ink-muted:#a4ab8e;--c-ink-faint:#6f7660;
  --c-accent:#d98b3a;--c-accent-hover:#e8a052;--c-accent-soft:rgba(217,139,58,.14);
  --c-success:#8ba05c;--c-warning:#dda15e;--c-danger:#c0564a;
  --focus-ring:0 0 0 3px rgba(221,161,94,.4);
  --font-display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;
  --fs-xl:1.75rem;--fs-2xl:2.25rem;--fs-3xl:3rem;--fs-4xl:clamp(2.5rem,5.4vw,4rem);
  --lh-tight:1.12;--lh-snug:1.35;--lh-base:1.65;
  --tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;
  --sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--sp-10:8rem;
  --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 20px rgba(0,0,0,.35);--shadow-lg:0 14px 40px rgba(0,0,0,.45);
  --nav-h:72px;--container-max:1200px;
  --ease:cubic-bezier(.2,.7,.2,1);--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--c-bg)}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-ink);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--c-ink);margin:0 0 var(--sp-4)}
h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}
h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-md)}
p{margin:0 0 var(--sp-4)}
a{color:var(--c-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
a:hover{color:var(--c-accent-hover)}
code,pre,kbd,samp{font-family:var(--font-mono)}
img,svg,video{max-width:100%;height:auto;display:block}
::selection{background:var(--c-accent);color:var(--c-bg)}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}

:root {--font-body: 'DM Sans', sans-serif;--font-heading: 'Manrope', sans-serif;--font-mono: 'JetBrains Mono', monospace;}
body {font-family: var(--font-body);}

h1,h2,h3,h4,h5,h6 {font-family: var(--font-heading);}

.container-t{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--sp-5)}
@media (max-width:575.98px){.container-t{padding-inline:var(--sp-4)}}

/* buttons */
.btn-t{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.625rem 1.125rem;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;line-height:1;letter-spacing:.01em;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.btn-t:active{transform:translateY(1px)}
.btn-t--primary{background-color:var(--c-accent);color:#1a1108;font-weight:600}
.btn-t--primary:hover{background-color:var(--c-accent-hover);color:#1a1108}
.btn-t--ghost{background-color:transparent;color:var(--c-ink);border-color:var(--c-border)}
.btn-t--ghost:hover{background-color:var(--c-surface);color:var(--c-ink);border-color:var(--c-olive)}
.btn-t--lg{padding:.8125rem 1.375rem;font-size:var(--fs-base)}
.btn-t--sm{padding:.4375rem .875rem;font-size:var(--fs-xs)}

/* navbar */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:1030;height:var(--nav-h);background-color:transparent;border-bottom:1px solid transparent;transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),backdrop-filter var(--dur-base) var(--ease)}
.site-nav.is-scrolled{background-color:rgba(15,20,9,.85);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom-color:var(--c-border-soft)}
.site-nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}

/* wordmark */
.wordmark{display:inline-flex;align-items:baseline;gap:.35rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--c-ink);text-decoration:none;line-height:1;transition:color var(--dur-fast) var(--ease)}
.wordmark:hover{color:var(--c-ink)}
.wordmark__dot{color:var(--c-accent);transition:color var(--dur-base) var(--ease)}
.wordmark:hover .wordmark__dot{color:var(--c-caramel)}

/* nav links */
.nav-links{display:flex;align-items:center;gap:var(--sp-6);list-style:none;margin:0;padding:0}
.nav-links__link{position:relative;display:inline-block;padding:.25rem 0;font-size:var(--fs-sm);font-weight:500;color:var(--c-ink-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
.nav-links__link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background-color:var(--c-accent);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-base) var(--ease)}
.nav-links__link:hover{color:var(--c-ink)}
.nav-links__link:hover::after{transform:scaleX(1)}
.nav-links__link.is-active{color:var(--c-ink)}
.nav-links__link.is-active::after{transform:scaleX(1)}

.nav-actions{display:flex;align-items:center;gap:var(--sp-3)}
.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:transparent;color:var(--c-ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}
.nav-toggle:hover{background-color:var(--c-surface);border-color:var(--c-olive)}
.nav-toggle i{font-size:1.25rem;line-height:1}

.nav-drawer{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background-color:var(--c-surface);border-left:1px solid var(--c-border);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform var(--dur-base) var(--ease);z-index:1040;display:flex;flex-direction:column;padding:var(--sp-5);overflow-y:auto}
.nav-drawer.is-open{transform:translateX(0)}
.nav-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}
.nav-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:transparent;color:var(--c-ink);cursor:pointer}
.nav-drawer__close:hover{background-color:var(--c-surface-2)}
.nav-drawer__list{list-style:none;margin:0 0 var(--sp-6);padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}
.nav-drawer__link{display:block;padding:.75rem .875rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--fs-md);font-weight:500;color:var(--c-ink-muted);text-decoration:none;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.nav-drawer__link:hover{background-color:var(--c-surface-2);color:var(--c-ink)}
.nav-drawer__link.is-active{background-color:var(--c-accent-soft);color:var(--c-accent)}
.nav-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease);z-index:1035}
.nav-backdrop.is-open{opacity:1;pointer-events:auto}
body.nav-open{overflow:hidden}

/* sections */
.section{padding-block:var(--sp-8);position:relative}
@media (min-width:768px){.section{padding-block:var(--sp-9)}}
.section--alt{background-color:var(--c-bg-soft)}

.section-eyebrow{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-ink-muted)}
.section-eyebrow__num{color:var(--c-accent)}
.section-eyebrow__rule{display:inline-block;width:32px;height:1px;background-color:var(--c-border)}
.section-eyebrow__label{color:var(--c-ink-faint)}
.section-eyebrow--center{justify-content:center}

.section-head{max-width:720px;margin-bottom:var(--sp-7)}
.section-head__title{font-size:var(--fs-2xl);margin:0 0 var(--sp-3);color:var(--c-ink)}
@media (min-width:992px){.section-head__title{font-size:var(--fs-3xl)}}
.section-head__intro{font-size:var(--fs-md);color:var(--c-ink-muted);line-height:var(--lh-base);margin:0;max-width:62ch}
.section-head--center{text-align:center;margin-inline:auto}
.section-head--center .section-eyebrow{justify-content:center}

.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:500;color:var(--c-accent);text-decoration:none;padding-block:var(--sp-1);transition:color var(--dur-fast) var(--ease)}
.link-arrow i{font-size:1.05em;transition:transform var(--dur-base) var(--ease)}
.link-arrow:hover{color:var(--c-accent-hover)}
.link-arrow:hover i{transform:translateX(3px)}

/* hero */
.section--hero{position:relative;padding-block:calc(var(--nav-h) + var(--sp-8)) var(--sp-9);overflow:hidden;background-color:var(--c-bg)}
@media (min-width:992px){.section--hero{min-height:92vh;display:flex;align-items:center}}

.hero-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-backdrop::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--c-olive) 1px,transparent 1px);background-size:20px 20px;opacity:.08;-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 50%,#000 20%,transparent 70%)}
.hero-backdrop__arc{position:absolute;top:-25%;right:-15%;width:520px;height:520px;border:1px solid var(--c-border);border-radius:50%;opacity:.4}
@media (min-width:992px){.hero-backdrop__arc{width:720px;height:720px;top:-30%;right:-12%}}

.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--sp-7);align-items:center}
@media (min-width:992px){.hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-8)}}
.hero-copy{text-align:left}
.hero-heading{font-family:var(--font-display);font-size:clamp(2.25rem,5.2vw,3.5rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:var(--c-ink);margin:0 0 var(--sp-5);max-width:20ch}
.hero-heading__accent{position:relative;color:var(--c-accent);white-space:nowrap}
.hero-lede{font-size:var(--fs-md);line-height:var(--lh-base);color:var(--c-ink-muted);margin:0 0 var(--sp-6);max-width:52ch}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-7)}

/* trust strip */
.trust-strip{padding-top:var(--sp-5);border-top:1px solid var(--c-border-soft);max-width:540px}
.trust-strip__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-ink-faint);margin:0 0 var(--sp-3)}
.trust-strip__list{display:flex;flex-wrap:wrap;gap:.5rem 0;list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-muted)}
.trust-strip__list li{display:inline-flex;align-items:center}
.trust-strip__list li+li::before{content:"";display:inline-block;width:3px;height:3px;margin-inline:.7rem;background-color:var(--c-accent);border-radius:50%;vertical-align:middle}

/* building card */
.hero-building{width:100%}
.building-card{position:relative;display:flex;flex-direction:column;padding:var(--sp-6);background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}
.building-card::before{content:"";position:absolute;top:0;left:0;width:48px;height:48px;border-top:2px solid var(--c-accent);border-left:2px solid var(--c-accent);border-top-left-radius:var(--radius-lg);opacity:.7}
.building-card__head{margin-bottom:var(--sp-4)}
.building-card__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-accent)}
.building-card__pulse{position:relative;width:8px;height:8px;border-radius:50%;background-color:var(--c-accent);flex-shrink:0}
.building-card__pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;background-color:var(--c-accent);opacity:.4;animation:pulse-dot 2.2s var(--ease) infinite}
.building-card__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em;color:var(--c-ink);margin:0 0 var(--sp-2);line-height:1.1}
.building-card__sub{font-size:var(--fs-sm);color:var(--c-ink-muted);margin:0 0 var(--sp-5);line-height:var(--lh-snug)}
.building-card__modules{list-style:none;margin:0 0 var(--sp-5);padding:var(--sp-4) 0 0;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--c-border-soft)}
.building-card__modules li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--c-ink)}
.building-card__num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-faint);letter-spacing:.04em}
.building-card__foot{border-top:1px solid var(--c-border-soft);padding-top:var(--sp-4)}

.hero-building figure{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border)}
.hero-building img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.7) contrast(1.05) brightness(.7) sepia(-.3) hue-rotate(-15deg)}
.hero-building figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,9,.15),rgba(15,20,9,.55));pointer-events:none}

/* services */
.services-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.services-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}}
.service-card{position:relative;display:flex;flex-direction:column;padding:var(--sp-5);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}
.service-card:hover{border-color:var(--c-border);background-color:var(--c-surface-2);transform:translateY(-2px)}
.service-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--sp-4);border-radius:var(--radius-md);background-color:var(--c-accent-soft);color:var(--c-accent)}
.service-card__icon i{font-size:1.375rem;line-height:1}
.service-card__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;color:var(--c-ink);margin:0 0 var(--sp-2);line-height:1.3}
.service-card__text{font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-ink-muted);margin:0}

/* about */
.about-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7);align-items:center}
@media (min-width:992px){.about-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--sp-9)}}
.about-grid__content{max-width:62ch}
.about-grid__heading{font-size:var(--fs-2xl);margin-bottom:var(--sp-5);color:var(--c-ink)}
@media (min-width:992px){.about-grid__heading{font-size:var(--fs-3xl)}}
.about-grid__lede{font-size:var(--fs-md);line-height:var(--lh-base);color:var(--c-ink-muted);margin-bottom:var(--sp-6)}
.credential-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 0;list-style:none;margin:0 0 var(--sp-6);padding:0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--c-ink)}
.credential-strip li{display:inline-flex;align-items:center}
.credential-strip li+li::before{content:"";display:inline-block;width:4px;height:4px;margin-inline:.75rem;background-color:var(--c-accent);border-radius:50%;vertical-align:middle}
.about-grid__visual{display:flex;justify-content:center}
@media (min-width:992px){.about-grid__visual{justify-content:flex-end}}

.monogram-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;max-width:340px;aspect-ratio:4/5;padding:var(--sp-6);background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}
.monogram-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--c-olive) 1px,transparent 1px);background-size:14px 14px;opacity:.15;pointer-events:none}
.monogram-card::after{content:"";position:absolute;top:0;right:0;width:56px;height:56px;border-top:2px solid var(--c-accent);border-right:2px solid var(--c-accent);border-top-right-radius:var(--radius-lg);opacity:.7;pointer-events:none}
.monogram-card__mark{position:relative;font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,12vw,6rem);line-height:1;letter-spacing:-.04em;color:var(--c-ink)}
.monogram-card__dot{color:var(--c-accent)}
.monogram-card__rule{position:relative;display:block;width:40px;height:2px;background-color:var(--c-olive);border-radius:2px}
.monogram-card__caption{position:relative;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-ink-muted)}

/* CTA */
.section--cta{background-color:var(--c-bg-soft);border-top:1px solid var(--c-border-soft);border-bottom:1px solid var(--c-border-soft)}
.cta-inner{max-width:720px;margin-inline:auto;text-align:center}
.cta-inner .section-eyebrow{justify-content:center}
.cta-title{font-size:var(--fs-2xl);margin:0 0 var(--sp-4);color:var(--c-ink)}
@media (min-width:992px){.cta-title{font-size:var(--fs-3xl)}}
.cta-text{font-size:var(--fs-md);color:var(--c-ink-muted);line-height:var(--lh-base);margin:0 0 var(--sp-6);max-width:54ch;margin-inline:auto}
.cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-3) var(--sp-5)}

/* footer */
.site-footer{position:relative;background-color:var(--c-bg);color:var(--c-ink);padding-block:var(--sp-8) var(--sp-6);overflow:hidden}
.site-footer__seam{position:absolute;top:0;left:0;width:64px;height:3px;background-color:var(--c-accent);border-radius:0 0 3px 0}
.site-footer::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--c-olive) 1px,transparent 1px);background-size:16px 16px;opacity:.06;pointer-events:none}
.site-footer .container-t{position:relative;z-index:1}
.site-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7);padding-bottom:var(--sp-7)}
@media (min-width:640px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:var(--sp-6) var(--sp-7)}}
@media (min-width:992px){.site-footer__grid{grid-template-columns:2fr 1fr 1fr;gap:var(--sp-8)}}
.footer-brand{max-width:44ch}
.wordmark--inverse{color:var(--c-ink)}
.wordmark--inverse:hover{color:var(--c-ink)}
.wordmark--inverse .wordmark__dot{color:var(--c-accent)}
.footer-brand__tagline{margin:var(--sp-5) 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-md);font-weight:500;line-height:var(--lh-snug);color:var(--c-ink)}
.footer-brand__help{margin:0 0 var(--sp-5);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-ink-muted)}

.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink);background-color:var(--c-accent-soft);border:1px solid rgba(217,139,58,.35);border-radius:var(--radius-pill)}
.status-badge__dot{position:relative;width:8px;height:8px;border-radius:50%;background-color:var(--c-accent);flex-shrink:0}
.status-badge__dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background-color:var(--c-accent);opacity:.35;animation:pulse-dot 2.2s var(--ease) infinite}

@keyframes pulse-dot{
  0%{transform:scale(.6);opacity:.45}
  70%{transform:scale(1.6);opacity:0}
  100%{transform:scale(.6);opacity:0}
}

.footer-col__heading{margin:0 0 var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-caramel)}
.footer-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}
.footer-col__link{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--fs-sm);color:var(--c-ink-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
.footer-col__link i{font-size:1rem;color:var(--c-accent);transition:color var(--dur-fast) var(--ease)}
.footer-col__link:hover,.footer-col__link.is-active{color:var(--c-ink)}
.footer-col__link:hover i{color:var(--c-caramel)}
.footer-col__link.is-active{position:relative}
.footer-col__link.is-active::before{content:"";position:absolute;left:-.875rem;top:50%;width:4px;height:4px;transform:translateY(-50%);background-color:var(--c-accent);border-radius:50%}

.site-footer__bottom{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start;padding-top:var(--sp-5);border-top:1px solid var(--c-border-soft)}
@media (min-width:640px){.site-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between}}
.site-footer__copy{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--c-ink-faint)}
.back-to-top{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;color:var(--c-ink-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
.back-to-top i{font-size:1rem;color:var(--c-accent);transition:transform var(--dur-base) var(--ease),color var(--dur-fast) var(--ease)}
.back-to-top:hover{color:var(--c-ink)}
.back-to-top:hover i{color:var(--c-caramel);transform:translateY(-3px)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity 560ms var(--ease),transform 560ms var(--ease);will-change:opacity,transform}
[data-reveal][data-reveal-delay="120"]{transition-delay:120ms}
[data-reveal].is-revealed{opacity:1;transform:translateY(0)}

/* responsive nav */
@media (max-width:991.98px){
  .nav-links,.nav-actions .btn-t{display:none}
  .nav-toggle{display:inline-flex}
}
@media (min-width:992px){
  .nav-drawer,.nav-backdrop{display:none}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1;transform:none}
  .building-card__pulse::after,.status-badge__dot::after{animation:none}
}

 /* Projects */
.page-head {padding-block: calc(var(--nav-h) + var(--sp-7)) var(--sp-7);border-bottom: 1px solid var(--c-border-soft);}
.page-head--project {padding-bottom: var(--sp-8);}

.page-head__title {font-family: var(--font-display);font-size: clamp(2rem, 4.5vw, 3rem);font-weight: 700;letter-spacing: -0.025em;line-height: 1.1;color: var(--c-ink);margin: 0 0 var(--sp-5);max-width: 22ch;}

.page-head__intro {font-size: var(--fs-md);line-height: var(--lh-base);color: var(--c-ink-muted);margin: 0 0 var(--sp-3);max-width: 62ch;}
.page-head__intro--small {
  font-size: var(--fs-sm);
  color: var(--c-ink-faint);
}

/* projects */
.projects-block{padding-block:var(--sp-7) var(--sp-9)}

.project-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:720px){.project-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}}
@media (min-width:1080px){.project-grid{grid-template-columns:repeat(3,1fr)}}

.project-card{display:flex;background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg);transition:border-color .22s ease,background-color .22s ease,transform .22s ease}
.project-card:hover{border-color:var(--c-border);background-color:var(--c-surface-2);transform:translateY(-2px)}

.project-card__link{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);width:100%;color:inherit;text-decoration:none}
.project-card__type{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);margin:0}
.project-card__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--c-ink);margin:0}
.project-card__summary{font-size:var(--fs-sm);line-height:1.6;color:var(--c-ink-muted);margin:0;flex-grow:1}

.project-card__stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.project-card__stack li{font-family:var(--font-mono);font-size:11px;padding:.25rem .55rem;color:var(--c-ink-muted);background-color:var(--c-bg-soft);border:1px solid var(--c-border-soft);border-radius:var(--radius-sm)}

.project-card__status{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0;padding-top:var(--sp-3);border-top:1px solid var(--c-border-soft)}
.project-card__status--completed{color:var(--c-success)}
.project-card__status--development,
.project-card__status--progress{color:var(--c-caramel)}
.project-card__status--professional{color:var(--c-accent)}

.project-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);font-weight:500;color:var(--c-accent)}
.project-card:hover .project-card__cta i{transform:translateX(3px)}
.project-card__cta i{transition:transform .22s ease}

/* project detail */
.project-meta{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;margin:0 0 var(--sp-4)}
.project-meta__status{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem;border-radius:var(--radius-pill);border:1px solid}
.project-meta__status--completed{color:var(--c-success);border-color:var(--c-success)}
.project-meta__status--development,
.project-meta__status--progress{color:var(--c-caramel);border-color:var(--c-caramel)}
.project-meta__status--professional{color:var(--c-accent);border-color:var(--c-accent)}

.project-meta__stack{list-style:none;margin:0 0 var(--sp-5);padding:0;display:flex;flex-wrap:wrap;gap:.35rem 0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-muted)}
.project-meta__stack li{display:inline-flex;align-items:center}
.project-meta__stack li+li::before{content:"";display:inline-block;width:3px;height:3px;margin-inline:.7rem;border-radius:50%;background-color:var(--c-accent)}

.project-links{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4)}

/* detail body */
.project-body{padding-block:var(--sp-8) var(--sp-9)}
.project-body__inner{max-width:760px}

.project-section{padding-block:var(--sp-6);border-top:1px solid var(--c-border-soft)}
.project-section:first-child{border-top:0;padding-top:0}

.project-section__title{display:flex;align-items:baseline;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.015em;color:var(--c-ink);margin:0 0 var(--sp-4)}
.project-section__title span{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;color:var(--c-accent);letter-spacing:.08em}

.project-section__content p{font-size:var(--fs-base);line-height:1.7;color:var(--c-ink-muted);margin:0 0 var(--sp-4);max-width:68ch}
.project-section__content ul{margin:0 0 var(--sp-4);padding-left:1.15rem;color:var(--c-ink-muted)}
.project-section__content ul li{margin-bottom:.35rem;line-height:1.7}

.feature-block{padding:var(--sp-5);margin-bottom:var(--sp-4);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-md)}
.feature-block:last-child{margin-bottom:0}
.feature-block__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;color:var(--c-ink);margin:0 0 var(--sp-3)}
.feature-block p:last-child{margin-bottom:0}

.tech-list{display:grid;grid-template-columns:1fr;gap:0;margin:0}
@media (min-width:560px){.tech-list{grid-template-columns:200px 1fr}}
.tech-list dt{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-faint);padding:var(--sp-3) 0;border-top:1px solid var(--c-border-soft)}
.tech-list dd{font-size:var(--fs-sm);color:var(--c-ink);padding:var(--sp-3) 0;margin:0;border-top:1px solid var(--c-border-soft)}
@media (max-width:559.98px){
  .tech-list dt{padding-bottom:0;border-top:1px solid var(--c-border-soft)}
  .tech-list dd{padding-top:.25rem;border-top:0}
  .tech-list dt+dd+dt{margin-top:var(--sp-3)}
}

.project-back{margin:var(--sp-7) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--c-border-soft)}

/* contact */
.contact-body{padding-block:var(--sp-7) var(--sp-9)}

.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7)}
@media (min-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--sp-9)}}

.contact-info__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.015em;color:var(--c-ink);margin:0 0 var(--sp-4);max-width:20ch}
.contact-info__text{font-size:var(--fs-base);line-height:1.7;color:var(--c-ink-muted);margin:0 0 var(--sp-6);max-width:44ch}

.contact-channels{list-style:none;margin:0;padding:var(--sp-5) 0 0;border-top:1px solid var(--c-border-soft);display:flex;flex-direction:column;gap:var(--sp-4)}
.contact-channels li{display:flex;flex-direction:column;gap:.25rem}
.contact-channels__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-faint)}
.contact-channels a{font-size:var(--fs-base);color:var(--c-ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s ease,color .18s ease;align-self:flex-start}
.contact-channels a:hover{color:var(--c-accent);border-bottom-color:var(--c-accent)}

/* form */
.contact-form{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-6);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg)}

.field{display:flex;flex-direction:column;gap:.5rem}
.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-muted)}
.field input,
.field textarea{width:100%;padding:.75rem .9rem;font-family:var(--font-body);font-size:var(--fs-base);color:var(--c-ink);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:border-color .18s ease,background-color .18s ease;box-sizing:border-box}
.field textarea{resize:vertical;min-height:140px;line-height:1.6}
.field input::placeholder,
.field textarea::placeholder{color:var(--c-ink-faint)}
.field input:hover,
.field textarea:hover{border-color:var(--c-border)}
.field input:focus,
.field textarea:focus{outline:none;border-color:var(--c-accent);background-color:var(--c-bg);box-shadow:0 0 0 3px rgba(217,139,58,.18)}

.contact-form__submit{align-self:flex-start;margin-top:var(--sp-2)}
.contact-form__note{font-size:var(--fs-xs);color:var(--c-ink-faint);margin:0;line-height:1.6}

/* alert */
.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:1px solid;border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.6}

.alert__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.alert__icon i{font-size:1.2rem;line-height:1}
.alert__text{font-weight:bold;margin:0;flex:1;min-width:0}

.alert__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;color:inherit;opacity:.6;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .15s ease,background-color .15s ease}
.alert__close:hover{opacity:1;background-color:rgba(255,255,255,.06)}
.alert__close i{font-size:1.1rem}

.alert--success{color:var(--c-success);border-color:var(--c-success);background-color:rgba(139,160,92,.10)}
.alert--success .alert__icon{color:var(--c-success)}

.alert--error{color:var(--c-danger);border-color:var(--c-danger);background-color:rgba(192,86,74,.10)}
.alert--error .alert__icon{color:var(--c-danger)}

.alert--info{color:var(--c-ink-muted);border-color:var(--c-border);background-color:var(--c-surface)}
.alert--info .alert__icon{color:var(--c-accent)}

/* field-level error state */
.field--error input,
.field--error textarea{border-color:var(--c-danger)}
.field--error input:focus,
.field--error textarea:focus{box-shadow:0 0 0 3px rgba(192,86,74,.2)}
.field__error{font-size:var(--fs-xs);color:var(--c-danger);margin:0}

/* honeypot — visually hidden, present for bots */
.field--hidden{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* services page */
.services-block{padding-block:var(--sp-7) var(--sp-9)}

.services-group{margin-bottom:var(--sp-9)}
.services-group:last-child{margin-bottom:0}

.services-group__title{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin:0 0 var(--sp-2)}
.services-group__lead{font-size:var(--fs-md);color:var(--c-ink-muted);margin:0 0 var(--sp-6);max-width:52ch}

.services-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:720px){.services-list{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}}

.service-item{display:flex;flex-direction:column;padding:var(--sp-5);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.service-item:hover{border-color:var(--c-border);background-color:var(--c-surface-2);transform:translateY(-2px)}

.service-item__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:var(--sp-4);border-radius:var(--radius-md);background-color:var(--c-accent-soft);color:var(--c-accent)}
.service-item__icon i{font-size:1.25rem;line-height:1}

.service-item__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--c-ink);margin:0 0 var(--sp-3)}
.service-item__text{font-size:var(--fs-sm);line-height:1.65;color:var(--c-ink-muted);margin:0 0 var(--sp-5);flex-grow:1}

.service-item__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);font-weight:500;color:var(--c-accent);text-decoration:none;align-self:flex-start;transition:color .15s ease}
.service-item__cta i{transition:transform .2s ease}
.service-item:hover .service-item__cta i{transform:translateX(3px)}
.service-item__cta:hover{color:var(--c-accent-hover)}

/* closing note */
.services-note{padding-block:var(--sp-7) var(--sp-8);border-top:1px solid var(--c-border-soft)}
.services-note__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-5)}
.services-note__text{font-size:var(--fs-md);line-height:1.6;color:var(--c-ink-muted);margin:0;max-width:52ch}

/* blog listing */
.blog-body{padding-block:var(--sp-7) var(--sp-9)}

/* category chips */
.blog-filters{list-style:none;margin:0 0 var(--sp-7);padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.blog-filters__item{display:inline-flex;align-items:center;padding:.4rem .85rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--c-ink-muted);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-pill);text-decoration:none;transition:color .15s ease,border-color .15s ease,background-color .15s ease}
.blog-filters__item:hover{color:var(--c-ink);border-color:var(--c-border)}
.blog-filters__item.is-active{color:var(--c-accent);background-color:var(--c-accent-soft);border-color:rgba(217,139,58,.35)}

/* featured post */
.featured-post{padding:var(--sp-6);margin-bottom:var(--sp-8);background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}
.featured-post::before{content:"";position:absolute;top:0;left:0;width:48px;height:48px;border-top:2px solid var(--c-accent);border-left:2px solid var(--c-accent);border-top-left-radius:var(--radius-lg);opacity:.7}
.featured-post__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--sp-4)}
.featured-post__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--c-ink);margin:0 0 var(--sp-4);max-width:32ch}
@media (min-width:992px){.featured-post__title{font-size:var(--fs-3xl)}}
.featured-post__excerpt{font-size:var(--fs-md);line-height:1.65;color:var(--c-ink-muted);margin:0 0 var(--sp-5);max-width:66ch}

/* post tag */
.post-tag{display:inline-flex;align-items:center;padding:.25rem .6rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-muted);background-color:var(--c-bg-soft);border:1px solid var(--c-border-soft);border-radius:var(--radius-sm)}
.post-tag--laravel{color:#e8a052;border-color:rgba(232,160,82,.3)}
.post-tag--php{color:#8ba05c;border-color:rgba(139,160,92,.3)}
.post-tag--apis{color:#dda15e;border-color:rgba(221,161,94,.3)}
.post-tag--deployment{color:#bc6c25;border-color:rgba(188,108,37,.35)}
.post-tag--databases{color:#a4ab8e;border-color:rgba(164,171,142,.3)}
.post-tag--development-notes{color:#c0564a;border-color:rgba(192,86,74,.3)}

.post-meta__sep,
.post-meta__read{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink-faint)}

/* section labels */
.blog-section-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin:0 0 var(--sp-5)}

/* post grid */
.post-grid{list-style:none;margin:0 0 var(--sp-9);padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:720px){.post-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}}
@media (min-width:1080px){.post-grid{grid-template-columns:repeat(3,1fr)}}

.post-card{display:flex;flex-direction:column;padding:var(--sp-5);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg);transition:border-color .2s ease,background-color .2s ease}
.post-card:hover{border-color:var(--c-border);background-color:var(--c-surface-2)}
.post-card__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--c-ink);margin:var(--sp-4) 0 var(--sp-3)}
.post-card__excerpt{font-size:var(--fs-sm);line-height:1.65;color:var(--c-ink-muted);margin:0 0 var(--sp-5);flex-grow:1}

/* coming-soon marker */
.post-status{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-faint);margin:0;padding-top:var(--sp-3);border-top:1px dashed var(--c-border-soft)}

/* browse by category */
.browse-grid{list-style:none;margin:0 0 var(--sp-8);padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:640px){.browse-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.browse-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}}

.browse-card{padding:var(--sp-5);background-color:transparent;border:1px solid var(--c-border-soft);border-radius:var(--radius-md);transition:border-color .2s ease,background-color .2s ease}
.browse-card:hover{border-color:var(--c-border);background-color:var(--c-surface)}
.browse-card__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;color:var(--c-ink);margin:0 0 var(--sp-2)}
.browse-card__desc{font-size:var(--fs-sm);line-height:1.6;color:var(--c-ink-muted);margin:0}

/* about page */
.page-head--about{padding-bottom:var(--sp-7)}

/* intro block with photo */
.about-intro{padding-block:var(--sp-6) var(--sp-9)}
.about-intro__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7);align-items:start}
@media (min-width:900px){.about-intro__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--sp-8);align-items:center}}

.about-intro__text{max-width:60ch}
.about-intro__lede{font-size:var(--fs-md);line-height:1.7;color:var(--c-ink);margin:0 0 var(--sp-4)}
.about-intro__para{font-size:var(--fs-base);line-height:1.7;color:var(--c-ink-muted);margin:0 0 var(--sp-6)}

/* facts */
.facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:var(--sp-5) 0 0;border-top:1px solid var(--c-border-soft)}
@media (min-width:560px){.facts{grid-template-columns:200px 1fr}}

.facts__row{display:contents}

.facts dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-faint);padding:var(--sp-3) 0;border-top:1px solid var(--c-border-soft)}
.facts dt:first-of-type{border-top:0;padding-top:0}

.facts dd{font-size:var(--fs-sm);color:var(--c-ink);padding:var(--sp-3) 0;margin:0;border-top:1px solid var(--c-border-soft)}
.facts dd:first-of-type{border-top:0;padding-top:0}

@media (max-width:559.98px){
  .facts dt{padding-bottom:0;border-top:0}
  .facts dd{padding-top:.25rem;border-top:0}
  .facts__row+.facts__row{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-border-soft)}
}

/* photo */
.about-intro__photo{margin:0;max-width:340px;width:100%;justify-self:center;position:relative}
@media (min-width:900px){.about-intro__photo{justify-self:end}}

.about-intro__photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--c-border);filter:saturate(.85) brightness(.9) contrast(1.05) sepia(.12) hue-rotate(-8deg)}
.about-intro__photo::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px rgba(217,139,58,.18);pointer-events:none}

/* section spacing and body text */
.about-section{padding-block:var(--sp-7);border-top:1px solid var(--c-border-soft)}
.about-section:first-of-type{border-top:0}

.about-section__body{max-width:68ch}
.about-section__body p{font-size:var(--fs-base);line-height:1.75;color:var(--c-ink-muted);margin:0 0 var(--sp-4)}
.about-section__body p:last-child{margin-bottom:0}

.about-subhead{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;color:var(--c-ink);margin:var(--sp-5) 0 var(--sp-3)}
.about-subhead:first-child{margin-top:0}

/* Inline bullet list inside About sections */
.about-list {list-style: none;margin: 0 0 var(--sp-5);padding: 0;display: grid;grid-template-columns: 1fr;gap: .4rem 0;max-width: 46ch;}
@media (min-width: 640px) {.about-list { grid-template-columns: repeat(2, 1fr); gap: .4rem 1.5rem; }}
.about-list li {position: relative;padding-left: 1.15rem;font-size: var(--fs-sm);line-height: 1.6;color: var(--c-ink-muted);}
.about-list li::before {content: "";position: absolute;left: 0;top: .65em;width: 5px;height: 5px;border-radius: 50%;background-color: var(--c-accent);}

/* principles */
.principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
@media (min-width:720px){.principles{grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}}

.principle{padding:var(--sp-5);background-color:var(--c-surface);border:1px solid var(--c-border-soft);border-radius:var(--radius-md)}
.principle__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;color:var(--c-ink);margin:0 0 var(--sp-3)}
.principle__text{font-size:var(--fs-sm);line-height:1.65;color:var(--c-ink-muted);margin:0}