/* ============ HEADER ============ */
.site-header{
  position:fixed;inset-inline:0;top:0;z-index:var(--z-header);
  height:var(--header-h);
  display:flex;align-items:center;
  padding-inline:var(--gutter);
  background:transparent;
  border-bottom:1px solid transparent;
  transition:height var(--dur-med) var(--ease), background var(--dur-med) var(--ease), border-color var(--dur-med) var(--ease);
}
.site-header.is-scrolled{
  height:var(--header-h-compact);
  background:rgba(11,12,15,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-border);
}
.header-inner{
  width:100%;max-width:var(--container-wide);margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);
}
.brand{display:flex;align-items:center;gap:.6rem;}
.brand-icon{border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--c-border-strong);}
.brand-mark{
  font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;
}
.brand-mark small{display:block;font-family:var(--font-mono);font-weight:400;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);}

.nav-primary{display:flex;align-items:center;gap:var(--sp-6);}
.nav-primary a{
  font-size:.92rem;color:var(--c-text-secondary);position:relative;padding-block:.3rem;
  transition:color var(--dur-fast) var(--ease);
}
.nav-primary a:hover,.nav-primary a.is-active{color:var(--c-text);}
.nav-primary a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--c-accent);
}
.header-actions{display:flex;align-items:center;gap:var(--sp-3);}
.cmdk-trigger{
  display:flex;align-items:center;gap:.5rem;border:1px solid var(--c-border);border-radius:var(--radius-md);
  padding:.4rem .7rem;color:var(--c-text-muted);font-size:.8rem;
}
.cmdk-trigger:hover{border-color:var(--c-border-strong);color:var(--c-text-secondary);}
.cmdk-trigger kbd{font-family:var(--font-mono);font-size:.7rem;border:1px solid var(--c-border);border-radius:3px;padding:0 .3rem;}
.nav-toggle{
  display:none;width:38px;height:38px;border:1px solid var(--c-border);border-radius:var(--radius-md);
  position:relative;
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  content:"";position:absolute;left:9px;right:9px;height:1px;background:var(--c-text);transition:transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);
}
.nav-toggle span{top:50%;}
.nav-toggle span::before{top:-6px;}
.nav-toggle span::after{top:6px;}
.nav-toggle[aria-expanded="true"] span{background:transparent;}
.nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg);}

@media (max-width:860px){
  .nav-primary{display:none;}
  .header-actions .cmdk-trigger{display:none;}
  .header-actions .btn-outline{display:none;}
  .nav-toggle{display:block;}
}

/* ============ MOBILE MENU ============ */
.mobile-menu{
  position:fixed;inset:0;background:var(--c-canvas);z-index:var(--z-overlay);
  display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-7) var(--gutter);
  transform:translateY(-100%);transition:transform var(--dur-med) var(--ease);
}
.mobile-menu.is-open{transform:translateY(0);}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;}
.mobile-menu-links{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-8);}
.mobile-menu-links a{font-family:var(--font-display);font-size:2rem;padding-block:.35rem;color:var(--c-text-secondary);}
.mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{color:var(--c-text);}
.mobile-menu-foot{display:flex;flex-direction:column;gap:var(--sp-2);color:var(--c-text-muted);font-size:.85rem;}
.mobile-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--c-success);box-shadow:0 0 0 3px rgba(95,168,118,.18);}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.85rem 1.4rem;border-radius:2px;font-size:.85rem;font-weight:600;letter-spacing:.02em;
  transition:background 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-primary{background:var(--c-text);color:var(--c-inverse);}
.btn-primary:hover{background:var(--c-accent);}
.btn-outline{border:1px solid var(--c-border-strong);color:var(--c-text);}
.btn-outline:hover{border-color:var(--c-accent);color:var(--c-accent);}
.btn-ghost{color:var(--c-text-secondary);}
.btn-ghost:hover{color:var(--c-text);}
.btn svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease);}
.btn:hover svg{transform:translate(2px,-2px);}

/* ============ FOOTER ============ */
.site-footer{border-top:1px solid var(--c-border);padding-block:var(--sp-8) var(--sp-6);}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--sp-6);padding-bottom:var(--sp-7);}
.footer-col h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:var(--sp-3);}
.footer-col a,.footer-col li{display:block;color:var(--c-text-secondary);font-size:.9rem;padding-block:.25rem;}
.footer-col a:hover{color:var(--c-text);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-5);border-top:1px solid var(--c-border);color:var(--c-text-muted);font-size:.8rem;flex-wrap:wrap;gap:var(--sp-3);}
.footer-brand-line{font-family:var(--font-display);font-size:1.6rem;margin-bottom:var(--sp-3);}
@media (max-width:900px){ .footer-top{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .footer-top{grid-template-columns:1fr;} }

/* ============ COMMAND PALETTE ============ */
.cmdk-overlay{
  position:fixed;inset:0;background:rgba(6,7,9,.7);backdrop-filter:blur(4px);z-index:var(--z-palette);
  display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;
  transition:opacity var(--dur-fast) var(--ease);
}
.cmdk-overlay.is-open{opacity:1;pointer-events:auto;}
.cmdk-panel{
  width:min(640px,90vw);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);overflow:hidden;transform:translateY(-8px);transition:transform var(--dur-fast) var(--ease);
}
.cmdk-overlay.is-open .cmdk-panel{transform:translateY(0);}
.cmdk-input-row{display:flex;align-items:center;gap:.6rem;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);}
.cmdk-input-row svg{width:16px;height:16px;color:var(--c-text-muted);flex:none;}
.cmdk-input{flex:1;background:none;border:0;color:var(--c-text);font-size:1rem;}
.cmdk-input::placeholder{color:var(--c-text-muted);}
.cmdk-esc{font-family:var(--font-mono);font-size:.7rem;color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:3px;padding:0 .35rem;}
.cmdk-results{max-height:52vh;overflow-y:auto;padding:var(--sp-2);}
.cmdk-group-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-muted);padding:.6rem .8rem .3rem;}
.cmdk-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .8rem;border-radius:var(--radius-md);gap:var(--sp-4);}
.cmdk-item.is-selected,.cmdk-item:hover{background:var(--c-surface-2);}
.cmdk-item-title{font-size:.92rem;}
.cmdk-item-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--c-text-muted);white-space:nowrap;}
.cmdk-empty{padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--c-text-muted);font-size:.9rem;}

/* ============ HERO ============ */
.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:var(--header-h);}
.hero-index-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.5;}
.hero-index-item{position:absolute;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--c-text-muted);pointer-events:auto;white-space:nowrap;transition:color var(--dur-fast) var(--ease);}
.hero-index-item:hover{color:var(--c-accent);}
.hero-content{position:relative;z-index:1;}
.hero-eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--sp-5);}
.hero-title{max-width:16ch;}
.hero-title .accent{
  background:linear-gradient(100deg, var(--c-accent) 10%, var(--c-accent-2) 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{margin-top:var(--sp-5);}
.hero-cta{display:flex;gap:var(--sp-4);margin-top:var(--sp-6);flex-wrap:wrap;}
.hero-scroll-cue{position:absolute;bottom:var(--sp-6);left:var(--gutter);display:flex;align-items:center;gap:.6rem;color:var(--c-text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;}
.scroll-line{width:1px;height:34px;background:linear-gradient(var(--c-text-muted),transparent);animation:scrollpulse 2.4s var(--ease) infinite;}
@keyframes scrollpulse{0%,100%{opacity:.25;}50%{opacity:1;}}

/* ============ SELECTED WORK MOSAIC ============ */
.selected-work{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.5rem);
  align-items:stretch;
}
.work-tile{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  border:1px solid var(--c-border);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:var(--c-surface);
  transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);
}
.work-tile:hover{border-color:var(--c-border-strong);transform:translateY(-2px);}
.work-tile-main{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none;flex:1;}
.work-tile-media{aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--c-surface-2);}
.work-tile-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease);}
.work-tile:hover .work-tile-media img{transform:scale(1.045);}
.work-tile-body{padding:var(--sp-5);}
.work-tile-meta{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;}
.work-tile-title{font-family:var(--font-display);font-size:1.4rem;line-height:1.1;}
.work-tile-statement{color:var(--c-text-secondary);font-size:.92rem;margin-top:.5rem;max-width:62ch;}
.work-tile.tile-lg{grid-column:span 7;}
.work-tile.tile-md{grid-column:span 5;}
.work-tile.tile-row{grid-column:span 12;display:flex;flex-direction:row;align-items:stretch;}
.work-tile.tile-row .work-tile-main{flex-direction:row;align-items:center;}
.work-tile.tile-row .work-tile-media{width:min(42%,420px);aspect-ratio:16/10;flex:none;}
.work-tile.tile-row .work-tile-media img{object-position:left bottom;}
.work-tile.tile-row .work-tile-body{flex:1;}
.work-tile-actions{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:0 var(--sp-5) var(--sp-5);
  margin-top:auto;
}
.work-live-link,.work-case-link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:max-content;
  max-width:100%;
  border:1px solid var(--c-border-strong);
  border-radius:999px;
  padding:.62rem .9rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:var(--c-text);
  text-decoration:none;
  background:var(--c-surface-2);
  transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
}
.work-live-link{border-color:var(--c-accent);color:var(--c-accent);}
.work-live-link:hover,.work-case-link:hover{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text);}
@media (max-width:1100px){
  .selected-work{grid-template-columns:repeat(6,minmax(0,1fr));}
  .work-tile.tile-lg,.work-tile.tile-md{grid-column:span 3;}
  .work-tile.tile-row{grid-column:span 6;}
}
@media (max-width:900px){
  .selected-work{grid-template-columns:1fr;gap:1rem;}
  .work-tile.tile-lg,.work-tile.tile-md,.work-tile.tile-row{grid-column:1;}
  .work-tile.tile-row{flex-direction:column;}
  .work-tile.tile-row .work-tile-main{flex-direction:column;align-items:stretch;}
  .work-tile.tile-row .work-tile-media{width:100%;aspect-ratio:16/10;}
  .work-tile-body{padding:1.1rem;}
  .work-tile-actions{padding:0 1.1rem 1.1rem;}
  .work-live-link,.work-case-link{width:100%;justify-content:center;}
}
@media (max-width:420px){
  .work-tile-title{font-size:1.25rem;}
  .work-tile-statement{font-size:.88rem;}
  .work-tile-meta{font-size:.64rem;}
}

/* ============ ARCHIVE ============ */
.archive-toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;justify-content:space-between;padding-block:var(--sp-5);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-6);}
.archive-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:220px;}
.archive-search input{background:none;border:0;border-bottom:1px solid var(--c-border);color:var(--c-text);padding:.4rem 0;width:100%;font-size:.95rem;}
.archive-search input:focus{border-color:var(--c-accent);}
.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;}
.filter-chip{border:1px solid var(--c-border);border-radius:20px;padding:.35rem .85rem;font-size:.78rem;color:var(--c-text-secondary);}
.filter-chip.is-active{border-color:var(--c-accent);color:var(--c-accent);}
.filter-chip:hover{border-color:var(--c-border-strong);}
.view-toggle{display:flex;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;}
.view-toggle button{padding:.4rem .8rem;font-size:.78rem;color:var(--c-text-muted);}
.view-toggle button.is-active{background:var(--c-surface-2);color:var(--c-text);}
.archive-count{font-family:var(--font-mono);font-size:.78rem;color:var(--c-text-muted);}
.archive-clear-all{font-size:.78rem;color:var(--c-text-muted);text-decoration:underline;}

 .archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.5rem);align-items:stretch;}
.archive-grid > .work-tile{grid-column:span 4;min-width:0;}
.work-tile-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;}
.work-tile-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.55rem .8rem;border:1px solid var(--c-border);border-radius:999px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);}
.work-tile-link-primary{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text);}
.work-tile-link-live{color:var(--c-accent);border-color:color-mix(in srgb,var(--c-accent) 55%,var(--c-border));font-weight:600;}
.work-tile-link:hover{border-color:var(--c-accent);}
@media (max-width:1000px){.archive-grid{grid-template-columns:repeat(8,minmax(0,1fr));}.archive-grid > .work-tile{grid-column:span 4;}}
@media (max-width:640px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}.archive-grid > .work-tile{grid-column:1/-1;}.work-tile-body{padding:1rem;}.work-tile-actions{gap:.45rem;}.work-tile-link{flex:1;min-width:0;}}

.archive-list{display:flex;flex-direction:column;}
.archive-row{
  display:grid;grid-template-columns:3.5rem 1fr auto auto auto auto;align-items:center;gap:var(--sp-5);
  padding-block:var(--sp-4);border-bottom:1px solid var(--c-border);position:relative;
}
.archive-row:hover{background:var(--c-surface);}
.archive-row-index{font-family:var(--font-mono);color:var(--c-text-muted);font-size:.82rem;}
.archive-row-title{font-family:var(--font-display);font-size:1.2rem;}
.archive-row-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--c-text-muted);text-transform:uppercase;}
@media (max-width:800px){
  .archive-row{grid-template-columns:2.5rem 1fr;row-gap:.3rem;}
  .archive-row-index{grid-row:1/3;}
  .archive-row-tag:nth-of-type(n+2){display:none;}
}
.archive-empty{padding:var(--sp-9) 0;text-align:center;}
.archive-empty p{color:var(--c-text-muted);margin-bottom:var(--sp-4);}

/* ============ CARDS (journal, capability, service) ============ */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);}
@media (max-width:900px){.card-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.card-grid{grid-template-columns:1fr;}}
.card{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-5);background:var(--c-surface);}
.card:hover{border-color:var(--c-border-strong);}
.card h3{margin-bottom:.5rem;}
.card p{color:var(--c-text-secondary);font-size:.92rem;}
.card-meta{display:flex;gap:.7rem;font-family:var(--font-mono);font-size:.7rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.7rem;}

/* ============ CASE STUDY ============ */
.case-hero{padding-top:calc(var(--header-h) + var(--sp-6));}
.breadcrumb{font-family:var(--font-mono);font-size:.75rem;color:var(--c-text-muted);margin-bottom:var(--sp-4);}
.breadcrumb a:hover{color:var(--c-text);}
.case-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-5);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding-block:var(--sp-5);margin-block:var(--sp-7);}
.case-meta-item .label-muted{margin-bottom:.3rem;}
.case-meta-item .value{font-size:.95rem;}
.case-cover{aspect-ratio:16/8;border-radius:var(--radius-md);overflow:hidden;background:var(--c-surface-2);margin-top:var(--sp-6);}
.case-cover img{width:100%;height:100%;object-fit:cover;}

.case-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-8);align-items:start;}
.case-toc{position:sticky;top:calc(var(--header-h) + var(--sp-5));display:flex;flex-direction:column;gap:.5rem;}
.case-toc a{font-size:.82rem;color:var(--c-text-muted);border-left:2px solid var(--c-border);padding-left:.8rem;}
.case-toc a:hover,.case-toc a.is-active{color:var(--c-text);border-color:var(--c-accent);}
.case-section{padding-block:var(--sp-7);border-bottom:1px solid var(--c-border);scroll-margin-top:calc(var(--header-h) + 20px);}
.case-section:last-child{border-bottom:0;}
.case-section h2{margin-bottom:var(--sp-4);}
.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-5);}
.case-gallery img{border-radius:var(--radius-sm);aspect-ratio:4/3;object-fit:cover;}
@media (max-width:860px){
  .case-layout{grid-template-columns:1fr;}
  .case-toc{position:static;flex-direction:row;flex-wrap:wrap;top:auto;}
}

/* zone / diagram interaction block */
.zone-diagram{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-5);background:var(--c-surface);}
.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:var(--sp-4);}
.zone-cell{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.7rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--c-text-muted);}
.zone-cell.is-active{border-color:var(--c-accent);color:var(--c-accent);background:rgba(201,162,74,.06);}
.zone-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);font-family:var(--font-mono);font-size:.85rem;}
.zone-detail div span{display:block;color:var(--c-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;}

.prevnext-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-border);}
.prevnext-link{padding:var(--sp-6) var(--sp-5);}
.prevnext-link:hover{background:var(--c-surface);}
.prevnext-link.next{text-align:right;border-left:1px solid var(--c-border);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);}
@media (max-width:800px){.related-grid{grid-template-columns:1fr;} .prevnext-nav{grid-template-columns:1fr;} .prevnext-link.next{border-left:0;border-top:1px solid var(--c-border);text-align:left;}}

/* ============ FORM ============ */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);}
.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--sp-5);}
.form-field.full{grid-column:1/-1;}
.form-field label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);}
.form-field input,.form-field select,.form-field textarea{
  background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);
  padding:.75rem .9rem;font-size:.95rem;font-family:inherit;
}
.form-field textarea{min-height:120px;resize:vertical;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--c-accent);}
.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select{border-color:var(--c-error);}
.field-error{color:var(--c-error);font-size:.78rem;display:none;}
.form-field.has-error .field-error{display:block;}
.form-status{padding:var(--sp-5);border-radius:var(--radius-md);margin-top:var(--sp-5);display:none;}
.form-status.is-visible{display:block;}
.form-status.success{border:1px solid var(--c-success);background:rgba(95,168,118,.08);}
.form-status.error{border:1px solid var(--c-error);background:rgba(193,90,83,.08);}
@media (max-width:700px){.form-grid{grid-template-columns:1fr;} .form-field.full{grid-column:auto;}}

/* ============ 404 / empty states ============ */
.state-empty{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}

/* ============ CURSOR ============ */
.custom-cursor{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;border:1px solid var(--c-accent);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width var(--dur-fast) var(--ease),height var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);opacity:0;mix-blend-mode:difference;}
.custom-cursor.is-active{opacity:1;}
.custom-cursor.is-hover{width:44px;height:44px;background:var(--c-accent);opacity:.15;}
@media (hover:none){.custom-cursor{display:none;}}

/* ============ TIMELINE (about/experience) ============ */
.timeline{border-left:1px solid var(--c-border);padding-left:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-7);}
.timeline-item{position:relative;}
.timeline-item::before{content:"";position:absolute;left:calc(-1 * var(--sp-6) - 4px);top:6px;width:7px;height:7px;border-radius:50%;background:var(--c-accent);}
.timeline-year{font-family:var(--font-mono);font-size:.8rem;color:var(--c-text-muted);margin-bottom:.4rem;}

/* ============ MISC ============ */
.divider{height:1px;background:var(--c-border);border:0;margin-block:var(--sp-7);}
.pill{display:inline-block;border:1px solid var(--c-border);border-radius:20px;padding:.25rem .7rem;font-size:.75rem;color:var(--c-text-secondary);}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;}}

/* Homepage project cards: keep preview artwork from collapsing into a tiny thumbnail. */
@media (max-width:900px){
  .selected-work .work-tile.tile-row .work-tile-main{flex-direction:column;align-items:stretch;}
  .selected-work .work-tile.tile-row .work-tile-media{width:100%;aspect-ratio:16/10;}
  .selected-work .work-tile.tile-row .work-tile-body{width:100%;}
}