html,body{height:100%}body{margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#f5f7fb;color:#0f172a}.portfolio{background:#0f172a;color:#f1f5f9;border-radius:32px;padding:56px 48px;box-shadow:inset 0 0 0 1px #94a3b826}.portfolio .section-header h2{color:#f8fafc}.portfolio .section-header p{color:#e2e8f0c7}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.portfolio-card{display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:24px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px -32px #0f172ae6}.portfolio-card p{color:#e2e8f0e0}.metrics{list-style:none;display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:0}.metrics li{background:rgba(56,189,248,.12);border-radius:18px;padding:12px 16px;min-width:140px;display:flex;flex-direction:column;gap:4px}.metric-value{font-weight:700;color:#38bdf8}.metric-label{font-size:.85rem;color:#e2e8f0b8}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.tag-list li{background:rgba(148,163,184,.18);color:#f1f5f9e0;border-radius:999px;padding:6px 14px;font-size:.85rem}.text-link{-webkit-appearance:none;appearance:none;border:none;background:none;color:#2563eb;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.text-link:after{content:"\2192";font-size:.85em;transition:transform .2s ease}.text-link:hover:after,.text-link:focus:after{transform:translate(2px)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90}.modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#ffffff;border-radius:28px;max-width:min(720px,calc(100vw - 40px));width:100%;box-shadow:0 24px 60px -30px #0f172a73;z-index:100;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.modal.wide{max-width:min(960px,calc(100vw - 48px))}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 0}.modal-header h2{margin:8px 0 0}.modal-subtitle{margin-top:8px;color:#475569}.icon-button{-webkit-appearance:none;appearance:none;border:none;background:rgba(226,232,240,.6);color:#0f172a;width:36px;height:36px;border-radius:12px;font-size:1.3rem;cursor:pointer;display:grid;place-items:center;transition:background .2s ease}.icon-button:hover,.icon-button:focus{background:rgba(148,163,184,.6)}.modal-body{padding:24px 32px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.modal-body.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.modal-body ul{padding-left:20px;color:#334155}.modal-body .tag-list{padding-left:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:500;color:#0f172a}.form-grid input,.form-grid select,.form-grid textarea{border-radius:14px;border:1px solid rgba(148,163,184,.4);padding:12px 14px;font:inherit;background:rgba(248,250,252,.75);transition:border .2s ease,box-shadow .2s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.form-grid .full-width{grid-column:1 / -1}.contact-actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid rgba(15,23,42,.08);background:rgba(148,163,184,.15);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:500;transition:transform .2s ease,background .2s ease}.chip:hover,.chip:focus{transform:translateY(-1px);background:rgba(56,189,248,.2)}.form-success{background:rgba(16,185,129,.12);border-radius:18px;padding:16px 20px;color:#047857;font-weight:600}.modal-copy p{color:#334155;line-height:1.7}.takeaways{background:rgba(59,130,246,.08);border-radius:20px;padding:20px 24px}.takeaways ul{margin:16px 0 0;padding-left:20px;color:#1e293b}.schedule-body{display:flex;flex-direction:column;gap:24px}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.availability-grid article{border:1px solid rgba(148,163,184,.35);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.availability-grid h3{margin:0}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.slot-grid button{border-radius:12px;border:1px solid rgba(148,163,184,.4);background:#f8fafc;padding:10px 12px;cursor:pointer;font-weight:500;transition:border .2s ease,box-shadow .2s ease,background .2s ease}.slot-grid button:hover,.slot-grid button:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.slot-grid button.selected{background:linear-gradient(135deg,#38bdf8,#22d3ee);color:#0b1a33;border-color:transparent}.schedule-actions{display:flex;flex-direction:column;gap:12px}.schedule-hint{color:#475569}@media (max-width: 960px){.modal{max-width:min(720px,calc(100vw - 32px))}}@media (max-width: 720px){.modal{inset:16px;transform:none;border-radius:22px;max-width:none;max-height:calc(100vh - 32px)}.modal.wide{inset:12px;border-radius:20px}.modal-header{flex-direction:column;align-items:stretch;gap:16px;padding:24px 24px 0}.modal-header .icon-button{align-self:flex-end}.modal-body{padding:20px 24px 24px}.modal-body.two-column{grid-template-columns:1fr;gap:24px}.availability-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 520px){.modal{inset:12px;border-radius:18px}.modal-body{padding:18px 20px 20px}.form-grid{grid-template-columns:1fr}.contact-actions{align-items:stretch}.chips{justify-content:flex-start}.takeaways{padding:18px 20px}}