/* Personal landing page; scoped to leave the remaining Grav pages intact. */
body.business-card { background: #eeeeee; color: #242424; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.business-card #g-page-surround { background: transparent; overflow: hidden; }
.business-card #g-navigation { background: #292929; color: #fff; border: 0; }
.business-card #g-navigation .g-container { max-width: 1060px; }
.business-card #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #eaeaea; }
.business-card #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: #e3e3e3; }
.business-card #g-container-main { background: transparent; }
.business-card #g-container-main > .g-container { width: 100%; max-width: 1060px; }
.business-card #g-container-main > .g-container > .g-grid > .g-block { width: 100%; flex-basis: 100%; }
.business-card #g-container-main > .g-container > .g-grid > .g-block:has(#g-sidebar) { display: none; }
.business-card #g-mainbar { padding: clamp(1rem, 3vw, 2.5rem) 0; background: transparent; }
.business-card #g-mainbar .g-content { padding: 0; margin: 1.25rem; }
.makasy-card { max-width: 980px; margin: 0 auto; border: 1px solid #d6d6d6; border-radius: 20px; background: #fafafa; box-shadow: 0 24px 60px #3030300b; overflow: hidden; }
.makasy-intro { padding: clamp(1.75rem, 5vw, 4rem); background: radial-gradient(ellipse at 100% 0%, #e6e6e6 0%, transparent 55%); }
.makasy-eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 2rem; font-size: .75rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: #5f5f5f; }
.makasy-dot { width: 8px; height: 8px; background: #858585; border-radius: 50%; }
.makasy-card h1 { margin: 0; color: #292929; font-size: clamp(2.8rem, 7vw, 5.4rem); font-weight: 650; line-height: 1.03; letter-spacing: -.055em; }
.makasy-title { display: block; margin-bottom: .5rem; font-size: .43em; font-weight: 450; letter-spacing: -.03em; }
.makasy-period { color: #969696; }
.makasy-role { margin: 1.4rem 0 0; color: #676767; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.5; }
.makasy-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.makasy-links a { display: inline-flex; align-items: center; gap: 1.25rem; padding: .6rem 1rem; border: 1px solid #d1d1d1; border-radius: 7px; color: #323232; font-size: .9rem; line-height: 1.7; transition: background .15s, border-color .15s; }
.makasy-links a.makasy-primary { background: #363636; border-color: #363636; color: #f7f7f7; }
.makasy-links a:hover { background: #ebebeb; border-color: #999999; }
.makasy-links a.makasy-primary:hover { background: #4e4e4e; }
.makasy-projects { padding: 1.6rem clamp(1.75rem, 5vw, 4rem) 2rem; border-top: 1px solid #dfdfdf; }
.makasy-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.makasy-section-heading h2 { margin: 0; font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 650; color: #636363; }
.makasy-section-heading > span { color: #7b7b7b; font: .7rem ui-monospace, monospace; }
.makasy-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
.makasy-project-grid a { display: flex; align-items: center; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid #e3e3e3; color: #323232; transition: color .15s; }
.makasy-project-number { color: #808080; font: .65rem ui-monospace, monospace; }
.makasy-project-name { font-size: 1rem; font-weight: 550; }
.makasy-project-arrow { margin-left: auto; color: #818181; transition: transform .15s; }
.makasy-project-grid a:hover { color: #666666; }
.makasy-project-grid a:hover .makasy-project-arrow { transform: translate(2px, -2px); }
.makasy-card a:focus-visible { outline: 3px solid #8c8c8c; outline-offset: 5px; }
.business-card #g-footer { background: transparent; color: #6d6d6d; padding: 0 0 1rem; border: 0; font-size: .75rem; }
.business-card #g-footer .g-container { max-width: 1060px; }
.business-card #g-footer .g-content { margin-top: 0; padding-top: 0; }
.business-card #g-footer a { color: #5e5e5e; }
@media (max-width: 600px) {
  .business-card #g-mainbar .g-content { margin: .9rem; }
  .makasy-card { border-radius: 14px; }
  .makasy-project-grid { grid-template-columns: minmax(0, 1fr); }
  .makasy-intro { padding: 2rem 1.4rem; }
  .makasy-projects { padding: 1.4rem; }
  .makasy-eyebrow { margin-bottom: 1.5rem; font-size: .66rem; }
  .makasy-links { gap: .5rem; }
  .makasy-links a { padding: .55rem .8rem; gap: .8rem; }
}
@media (prefers-reduced-motion: reduce) { .makasy-card a, .makasy-project-arrow { transition: none; } }

.makasy-focus { margin: .6rem 0 0; color: #454545; font-family: inherit; font-size: clamp(1rem, 2vw, 1.15rem); font-weight: 400; line-height: 1.6; letter-spacing: .02em; }


.makasy-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.makasy-contact h3 { margin: .5rem 0; color: #737373; font-size: .75rem; font-weight: 500; }
.makasy-contact address { font-style: normal; font-size: .95rem; line-height: 1.8; }
.makasy-contact p { margin: 0; font-size: .95rem; line-height: 1.8; }
.makasy-email-at { color: #737373; }
@media (max-width: 600px) { .makasy-contact-grid { grid-template-columns: minmax(0, 1fr); } }