:root { --home-bg:#fafaf7; --home-ink:#172033; --home-muted:#607083; --home-blue:#2563eb; --home-blue-soft:#eaf1ff; --home-mint:#5eead4; --home-mint-soft:#e9fbf6; --home-coral:#ff8a65; --home-coral-soft:#fff0ea; --home-line:#dce5e2; --home-dark:#19324b; font-family: Inter, "Segoe UI", system-ui, sans-serif; color:var(--home-ink); background:var(--home-bg); line-height:1.6; }
*,:before,:after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.home-page { margin:0; background:var(--home-bg); color:var(--home-ink); }
img { display:block; max-width:100%; }
a { color:inherit; }
.home-container { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:50; top:8px; left:8px; padding:9px 14px; transform:translateY(-150%); color:white; background:var(--home-blue); font-weight:700; }
.skip-link:focus { transform:translateY(0); }
a:focus-visible, button:focus-visible { outline:3px solid var(--home-coral); outline-offset:3px; }
.home-header { position:sticky; z-index:20; top:0; border-bottom:1px solid rgba(220,229,226,.85); background:rgba(250,250,247,.92); backdrop-filter:blur(14px); }
.home-nav { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.home-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.home-brand-mark { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; color:white; background:var(--home-blue); font-size:15px; font-weight:850; letter-spacing:-.08em; }
.home-brand strong { display:block; font-size:11px; letter-spacing:.13em; }
.home-brand small { display:block; margin-top:2px; color:#71808f; font-size:7px; font-weight:750; letter-spacing:.12em; }
.home-nav-links { display:flex; align-items:center; gap:21px; }
.home-nav-links a { color:#4f6070; font-size:11px; font-weight:650; text-decoration:none; }
.home-nav-links a:hover { color:var(--home-blue); }
.home-nav-links .home-nav-cta { padding:9px 13px; border-radius:7px; color:white; background:var(--home-blue); }
.home-nav-links .home-nav-cta:hover { color:white; background:#1d4ed8; }
.home-menu { display:none; border-color:var(--home-line); background:white; }
.home-hero { padding:76px 0 72px; background:linear-gradient(135deg,#fafaf7 0%,#f1f8ff 52%,#effcf8 100%); }
.home-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; }
.home-kicker { margin:0 0 16px; color:var(--home-blue); font-size:10px; font-weight:850; letter-spacing:.15em; }
.home-hero h1 { max-width:640px; margin:0 0 22px; font-size:clamp(40px,5.2vw,65px); font-weight:760; letter-spacing:-.065em; line-height:1.04; }
.home-hero h1 span { color:var(--home-blue); }
.home-hero-lede { max-width:560px; margin:0 0 28px; color:var(--home-muted); font-size:16px; line-height:1.7; }
.home-actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; }
.home-button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:11px 16px; border:1px solid transparent; border-radius:8px; font-size:11px; font-weight:780; text-decoration:none; transition:transform .16s ease, box-shadow .16s ease, background .16s ease; }
.home-button:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(37,99,235,.14); }
.home-button-blue { color:white; background:var(--home-blue); }
.home-button-blue:hover { color:white; background:#1d4ed8; }
.home-button-light { color:var(--home-ink); border-color:#b9d4d7; background:white; }
.home-button-light:hover { background:var(--home-mint-soft); }
.home-button-quiet { color:var(--home-blue); border-color:#d7e3ef; background:rgba(255,255,255,.62); }
.home-button-quiet:hover { color:var(--home-blue); background:white; }
.home-text-link { color:var(--home-blue); font-size:11px; font-weight:780; text-decoration:none; }
.home-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.home-proof { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.home-proof span { padding:7px 9px; border:1px solid #d5e3e1; border-radius:7px; color:#687988; background:rgba(255,255,255,.6); font-size:9px; }
.home-proof b { color:var(--home-ink); }
.home-hero-visual { position:relative; max-width:490px; justify-self:end; }
.home-architecture-card { margin:0; padding:15px; border:1px solid #c7ded9; border-radius:17px; background:white; box-shadow:0 20px 50px rgba(36,85,102,.12); }
.home-visual-label { display:flex; align-items:center; justify-content:space-between; margin:2px 2px 12px; color:#6f858e; font-size:8px; font-weight:850; letter-spacing:.13em; }
.home-visual-label b { color:var(--home-blue); }
.home-architecture-card img { width:100%; border-radius:10px; background:#f4fbf8; }
.home-architecture-link { display:block; color:inherit; text-decoration:none; }
.home-architecture-link:focus-visible { outline:3px solid rgba(37,99,235,.32); outline-offset:5px; border-radius:17px; }
.home-architecture-card figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 3px 0; color:#71808b; font-size:10px; }
.home-architecture-card figcaption strong { color:var(--home-blue); font-size:10px; font-weight:780; white-space:nowrap; }
.home-visual-note { display:flex; align-items:flex-start; gap:12px; width:82%; margin:-13px 0 0 auto; padding:14px 15px; border:1px solid #f5c9b9; border-radius:12px; background:#fffaf7; box-shadow:0 11px 25px rgba(111,71,54,.1); }
.home-note-icon { width:25px; height:25px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:white; background:var(--home-coral); font-size:13px; }
.home-visual-note strong { font-size:12px; }
.home-visual-note p { margin:2px 0 5px; color:var(--home-muted); font-size:10px; line-height:1.45; }
.home-visual-note a { color:#c65f41; font-size:9px; font-weight:780; text-decoration:none; }
.home-resources { padding:70px 0 82px; background:white; }
.home-section-intro { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:30px; }
.home-section-intro h2, .home-about h2, .home-lab h2, .home-contact h2 { max-width:680px; margin:0; font-size:clamp(28px,3.2vw,44px); letter-spacing:-.055em; line-height:1.1; }
.home-section-intro > p { max-width:350px; margin:0 0 3px; color:var(--home-muted); font-size:11px; }
.home-resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.home-resource-card { min-height:286px; display:flex; flex-direction:column; padding:21px; border:1px solid transparent; border-radius:14px; }
.home-resource-blue { background:var(--home-blue-soft); border-color:#ccdbff; }
.home-resource-mint { background:var(--home-mint-soft); border-color:#c3eee4; }
.home-resource-coral { background:var(--home-coral-soft); border-color:#ffd4c6; }
.home-resource-status { color:#61717e; font-size:8px; font-weight:850; letter-spacing:.13em; }
.home-resource-icon { width:46px; height:46px; display:grid; place-items:center; margin:19px 0 18px; border-radius:12px; color:white; background:var(--home-blue); font-size:11px; font-weight:850; letter-spacing:.08em; }
.home-resource-mint .home-resource-icon { color:#114b48; background:var(--home-mint); }
.home-resource-coral .home-resource-icon { background:var(--home-coral); }
.home-resource-card h3 { margin:0 0 7px; font-size:21px; letter-spacing:-.04em; line-height:1.15; }
.home-resource-card > p { margin:0; color:var(--home-muted); font-size:11px; }
.home-resource-links { display:grid; gap:8px; margin-top:auto; padding-top:18px; border-top:1px solid rgba(76,107,122,.16); }
.home-resource-links a { color:var(--home-blue); font-size:10px; font-weight:780; text-decoration:none; }
.home-resource-mint .home-resource-links a { color:#08746a; }
.home-resource-coral .home-resource-links a { color:#bf5b3f; }
.home-section { padding:86px 0; }
.home-about { background:#fffdf8; }
.home-about-grid { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:80px; }
.photo-slot { min-height:255px; display:flex; flex-direction:column; justify-content:flex-end; padding:17px; border:1px dashed #b9ccca; border-radius:16px; background:linear-gradient(145deg,#f1f7f4,#fbfcf8); }
.photo-slot span { color:var(--home-blue); font-size:9px; font-weight:850; letter-spacing:.14em; }
.photo-slot small { max-width:220px; margin-top:5px; color:#71808b; font-size:10px; line-height:1.45; }
.home-about h2 { margin-bottom:19px; }
.home-about p { max-width:650px; color:var(--home-muted); font-size:13px; line-height:1.75; }
.home-about .home-lede-dark { color:var(--home-ink); font-size:15px; }
.home-about a { color:var(--home-blue); font-weight:700; }
.home-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:9px 20px; margin:20px 0 0; padding:0; list-style:none; color:#536575; font-size:11px; }
.home-facts li:before { content:'✓'; margin-right:8px; color:#0b9a8c; font-weight:850; }
.home-projects { background:#f5f8ff; }
.home-text-link-blue { color:var(--home-blue); }
.home-project-grid { display:grid; grid-template-columns:1.18fr 1.18fr .82fr; grid-template-rows:auto auto; gap:14px; }
.home-project { overflow:hidden; border:1px solid var(--home-line); border-radius:14px; background:white; box-shadow:0 8px 24px rgba(27,55,77,.05); }
.home-project-large { grid-row:span 2; }
.project-image-slot { min-height:194px; margin:0; border:0; border-bottom:1px dashed #b7d0ce; border-radius:0; background:#edf7f4; }
.home-project-body { padding:20px; }
.home-project-type { color:var(--home-blue); font-size:8px; font-weight:850; letter-spacing:.13em; }
.home-project h3 { margin:10px 0 7px; font-size:23px; letter-spacing:-.045em; line-height:1.15; }
.home-project p { margin:0 0 16px; color:var(--home-muted); font-size:11px; line-height:1.6; }
.home-project a { color:var(--home-blue); font-size:10px; font-weight:780; text-decoration:none; }
.home-tags, .home-service-list { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 17px; }
.home-tags span, .home-service-list span { padding:5px 7px; border:1px solid #d3e1df; border-radius:5px; color:#5b727b; background:#fbfefd; font-size:8px; font-weight:700; }
.home-project-aws .project-image-architecture { position:relative; min-height:194px; padding:13px; background:#eff6ff; }
.project-image-architecture img { width:100%; height:168px; object-fit:cover; border-radius:9px; opacity:.8; }
.project-image-architecture span { position:absolute; right:21px; bottom:20px; padding:5px 7px; border-radius:4px; color:white; background:var(--home-blue); font-size:8px; font-weight:850; letter-spacing:.08em; }
.home-project-small { padding:20px; }
.home-project-small h3 { font-size:19px; }
.home-project-small p { min-height:82px; }
.home-project-coral { background:#fff7f2; border-color:#f5d7cc; }
.home-project-coral .home-project-type, .home-project-coral a { color:#c26145; }
.home-experience { background:white; }
.home-experience-list { border-top:1px solid var(--home-line); }
.home-experience-list article { display:grid; grid-template-columns:170px 1fr; gap:28px; padding:22px 0; border-bottom:1px solid var(--home-line); }
.home-experience-list article > span { color:#71818d; font-size:9px; font-weight:850; letter-spacing:.1em; }
.home-experience-list h3 { margin:0 0 2px; font-size:18px; letter-spacing:-.035em; }
.home-experience-list p { margin:0 0 4px; color:var(--home-blue); font-size:11px; font-weight:700; }
.home-experience-list small { color:var(--home-muted); font-size:11px; }
.home-lab { background:var(--home-mint-soft); }
.home-lab-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:70px; }
.home-lab h2 { margin-bottom:17px; }
.home-lab p { max-width:560px; color:var(--home-muted); font-size:13px; line-height:1.75; }
.home-service-list { margin:21px 0 24px; }
.home-lab-visual { display:grid; gap:14px; }
.home-lab-visual .photo-slot { min-height:150px; }
.home-lab-visual > img { padding:12px; border:1px solid #c1e5dc; border-radius:14px; background:white; }
.home-contact { background:#fffdf8; }
.home-contact-grid { display:grid; grid-template-columns:1fr .8fr; gap:70px; align-items:center; }
.home-contact h2 { max-width:620px; }
.home-contact-actions { display:grid; gap:11px; justify-items:start; }
.home-contact-actions a:not(.home-button) { color:var(--home-blue); font-size:11px; font-weight:720; text-decoration:none; }
.home-footer { padding:23px 0; color:#d7e4e7; background:var(--home-dark); }
.home-footer-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:13px; font-size:9px; }
.home-footer .visitor-count b { color:var(--home-mint); }
@media (max-width:900px) { .home-nav-links { gap:12px; } .home-hero-grid,.home-about-grid,.home-lab-grid,.home-contact-grid { gap:42px; } .home-project-grid { grid-template-columns:1fr 1fr; } .home-project-large { grid-row:auto; } .home-project-small { grid-column:auto; } }
@media (max-width:700px) { .home-container { width:min(100% - 36px,560px); } .home-nav { min-height:66px; } .home-menu { display:block; } .home-nav-links { position:absolute; top:calc(100% + 1px); right:0; left:0; display:none; align-items:stretch; padding:8px 18px 18px; border-bottom:1px solid var(--home-line); background:var(--home-bg); box-shadow:0 16px 28px rgba(27,55,77,.09); } .home-nav-links.is-open { display:flex; flex-direction:column; gap:0; } .home-nav-links a { padding:11px 4px; border-bottom:1px solid #e8eeeb; } .home-nav-links .home-nav-cta { margin-top:9px; border:0; text-align:center; } .home-hero { padding:52px 0 58px; } .home-hero-grid,.home-about-grid,.home-lab-grid,.home-contact-grid { grid-template-columns:1fr; gap:32px; } .home-hero h1 { font-size:clamp(39px,11vw,58px); } .home-hero-lede { font-size:14px; } .home-hero-visual { max-width:none; } .home-section { padding:62px 0; } .home-section-intro { align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:26px; } .home-section-intro h2,.home-about h2,.home-lab h2,.home-contact h2 { font-size:32px; } .home-section-intro > p { max-width:500px; } .home-resource-grid,.home-project-grid { grid-template-columns:1fr; } .home-project-large { grid-row:auto; } .home-project-small p { min-height:0; } .home-facts { grid-template-columns:1fr; } .home-about-photo { min-height:170px; } .home-experience-list article { grid-template-columns:1fr; gap:5px; } .home-contact-actions { justify-items:stretch; } .home-contact-actions .home-button { width:100%; } .home-footer-inner { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
/* Real supplied media */
.photo-media { margin: 0; overflow: hidden; border: 1px solid var(--home-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 28px rgba(36,85,102,.1); }
.photo-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.photo-media figcaption { padding: 10px 12px 12px; color: #71808b; font-size: 10px; line-height: 1.45; }
.photo-media a { display: block; }
.home-about-photo.photo-media { min-height: 340px; }
.home-about-photo.photo-media img { min-height: 340px; object-position: 50% 28%; }
.home-experience-photo { max-width: 560px; margin: 28px 0 0 auto; overflow: hidden; border: 1px solid var(--home-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 28px rgba(36,85,102,.1); }
.home-experience-photo img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 55% 54%; }
.home-experience-photo figcaption { padding: 10px 12px 12px; color: #71808b; font-size: 10px; line-height: 1.45; }
.home-project .project-image-slot.photo-media { min-height: 0; padding: 0; border: 0; border-bottom: 1px solid #b7d0ce; border-radius: 0; background: #edf7f4; }
.home-project .project-image-slot.photo-media img { min-height: 194px; aspect-ratio: 16 / 9; }
.home-project .project-image-architecture.photo-media { padding: 0; border: 0; border-radius: 0; background: #eff6ff; }
.home-project .project-image-architecture.photo-media img { min-height: 194px; aspect-ratio: 16 / 9; object-fit: cover; }
.home-lab-visual .photo-media { margin-bottom: 12px; }
.home-lab-visual .photo-media img { aspect-ratio: 16 / 10; object-position: center; }
@media (max-width:700px) {
  .home-about-photo.photo-media, .home-about-photo.photo-media img { min-height: 270px; }
  .home-experience-photo { margin: 24px 0 0; }
}
.photo-media a { cursor: zoom-in; }

/* Homepage CTA hierarchy: homelab first, projects second, notes third, resume as text. */
@media (max-width:700px) {
  .home-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch; }
  .home-actions .home-cta-primary { grid-column:1 / -1; }
  .home-actions .home-cta-secondary,
  .home-actions .home-cta-study { width:100%; min-width:0; }
  .home-actions .home-cta-resume { grid-column:1 / -1; justify-self:start; margin-top:1px; padding:3px 0; }
  .home-architecture-card figcaption { align-items:flex-start; flex-direction:column; gap:4px; }
}
/* Final homepage refinement: typography and real project imagery carry the page. */
:root {
  --home-bg: #f7f9fb;
  --home-ink: #17232d;
  --home-muted: #687782;
  --home-blue: #2563eb;
  --home-blue-soft: #eef4ff;
  --home-mint: #1c8b80;
  --home-mint-soft: #edf5f3;
  --home-coral: #b7664b;
  --home-coral-soft: #f7f1ee;
  --home-line: #d8e1e6;
  --home-dark: #1d2a35;
}
body.home-page { background: var(--home-bg); color: var(--home-ink); }
.home-header { background: rgba(255,255,255,.97); border-bottom-color: var(--home-line); box-shadow: none; backdrop-filter: none; }
.home-brand { gap: 0; align-items: baseline; }
.home-brand-mark { display: none !important; }
.home-brand > span:last-child { display: grid; gap: 3px; }
.home-brand strong { font-size: 13px; font-weight: 760; letter-spacing: .08em; }
.home-brand small { margin: 0; color: var(--home-muted); font-size: 9px; font-weight: 600; letter-spacing: .04em; text-transform: none; }
.home-nav-links { gap: 18px; }
.home-nav-links a { color: #44535e; font-size: 11px; font-weight: 650; }
.home-nav-links .home-nav-cta { padding: 8px 11px; border: 1px solid #b9cfee; border-radius: 6px; color: var(--home-blue); background: #fff; }
.home-nav-links .home-nav-cta:hover { color: #1d4ed8; background: var(--home-blue-soft); }
.home-hero { padding: 66px 0 62px; background: #f7f9fb; }
.home-hero-grid { gap: 56px; }
.home-kicker { margin-bottom: 14px; color: var(--home-blue); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.home-hero h1 { font-weight: 680; letter-spacing: -.045em; }
.home-hero-lede { color: var(--home-muted); }
.home-button {
  min-height: 44px;
  border-radius: 6px;
  box-shadow: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.home-button:hover { transform: none; box-shadow: none; }
.home-button-blue { background: var(--home-blue); }
.home-button-light,
.home-button-quiet { border-color: #b8c9d5; background: #fff; }
.home-button-light:hover,
.home-button-quiet:hover { color: var(--home-blue); border-color: #8fb0df; background: var(--home-blue-soft); }
.home-button-quiet { color: var(--home-blue); }
.home-proof { gap: 0; margin-top: 24px; }
.home-proof span { padding: 0; border: 0; border-radius: 0; color: var(--home-muted); background: transparent; font-size: 10px; font-weight: 600; }
.home-proof span + span::before { content: " · "; margin-right: 5px; color: #9aa8b1; }
.home-architecture-card { padding: 13px; border-radius: 7px; border-color: var(--home-line); box-shadow: none; }
.home-architecture-card img { border-radius: 5px; }
.home-architecture-link:focus-visible { border-radius: 7px; }
.home-visual-label { margin-bottom: 10px; color: var(--home-muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.home-visual-label b { color: var(--home-blue); }
.home-architecture-card figcaption { margin-top: 9px; color: var(--home-muted); font-size: 10px; }
.home-architecture-card figcaption strong { color: var(--home-blue); font-size: 10px; }
.home-visual-note { width: min(100%, 390px); margin-top: 14px; padding: 14px 15px; border: 1px solid #ddcec7; border-radius: 7px; background: #fff; box-shadow: none; }
.home-note-icon { width: auto; height: auto; margin: 0; border-radius: 0; color: var(--home-coral); background: transparent; font-size: 16px; }
.home-visual-note a { color: var(--home-blue); }
.home-resources { padding: 64px 0 72px; background: #fff; }
.home-section-intro { margin-bottom: 28px; }
.home-section-intro h2,
.home-about h2,
.home-lab h2,
.home-contact h2 { font-weight: 680; letter-spacing: -.04em; }
.home-resource-grid { gap: 18px; }
.home-resource-card {
  min-height: 0;
  padding: 22px;
  border: 1px solid var(--home-line);
  border-radius: 7px;
  background: #fff;
}
.home-resource-blue,
.home-resource-mint,
.home-resource-coral { border-color: var(--home-line); background: #fff; }
.home-resource-status { color: var(--home-muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.home-resource-icon {
  width: auto;
  height: auto;
  display: block;
  margin: 18px 0 12px;
  color: var(--home-blue);
  background: transparent;
  font-size: 11px;
  letter-spacing: .08em;
}
.home-resource-mint .home-resource-icon,
.home-resource-coral .home-resource-icon { color: var(--home-blue); background: transparent; }
.home-resource-card h3 { font-weight: 680; }
.home-resource-links { border-top-color: var(--home-line); }
.home-resource-links a { color: var(--home-blue); }
.home-resource-mint .home-resource-links a,
.home-resource-coral .home-resource-links a { color: var(--home-blue); }
.home-section { padding: 72px 0; }
.home-about,
.home-contact { background: #fff; }
.home-about-grid,
.home-lab-grid,
.home-contact-grid { gap: 56px; }
.photo-slot {
  border: 1px solid var(--home-line);
  border-radius: 7px;
  background: #eef3f6;
}
.home-facts { gap: 9px 20px; }
.home-facts li::before { color: var(--home-blue); }
.home-projects { background: #f1f5f8; }
.home-project-grid { gap: 18px; }
.home-project {
  border: 1px solid var(--home-line);
  border-radius: 7px;
  background: #fff;
  box-shadow: none;
}
.home-project-coral { border-color: var(--home-line); background: #fff; }
.home-project-body,
.home-project-small { padding: 19px; }
.home-project-type { color: var(--home-blue); font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.home-project h3 { font-weight: 680; }
.home-tags,
.home-service-list { gap: 0; }
.home-tags span,
.home-service-list span {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--home-muted);
  background: transparent;
  font-size: 10px;
  font-weight: 600;
}
.home-tags span + span::before,
.home-service-list span + span::before { content: " · "; margin-right: 5px; color: #9aa8b1; }
.home-project .project-image-slot.photo-media,
.home-project .project-image-architecture.photo-media { background: #eef3f6; }
.home-project .project-image-architecture.photo-media span { display: none; }
.home-experience { background: #fff; }
.home-experience-list article { padding: 20px 0; }
.home-experience-list article > span { color: var(--home-muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.home-experience-list p { color: var(--home-blue); }
.home-lab { background: #edf5f3; }
.home-lab-visual > img { padding: 8px; border: 1px solid var(--home-line); border-radius: 7px; background: #fff; }
.home-footer { background: var(--home-dark); }
.photo-media,
.home-experience-photo {
  border-radius: 7px;
  border-color: var(--home-line);
  box-shadow: none;
}
@media (max-width:700px) {
  .home-nav { min-height: 66px; }
  .home-nav-links { padding: 8px 18px 18px; background: #fff; box-shadow: 0 10px 20px rgba(23,35,45,.08); }
  .home-nav-links a { padding: 12px 4px; border-bottom-color: #e7edf1; }
  .home-hero { padding: 52px 0 50px; }
  .home-hero-grid { gap: 34px; }
  .home-section { padding: 52px 0; }
  .home-resource-card { padding: 20px; }
}