:root{--bg:#fafafa;--card:#fff;--line:#e0e0e0;--line-h:#bdbdbd;--text:#000;--copy:#6b6b6b;--strong-pill-bg:#fff;--strong-pill-text:#000;--mx:200px;--p:10px;--g:30px;--shine:rgba(255,255,255,.9);color-scheme:light}
@media(min-width:1101px){:root{--mx:max(200px,calc((100vw - 800px)/2))}}
html[data-theme="dark"]{--bg:#0d0d0d;--card:#161616;--line:#2a2a2a;--line-h:#444;--text:#f2f2f2;--copy:#8a8a8a;--strong-pill-bg:#161616;--strong-pill-text:#fff;--shine:rgba(255,255,255,.3);color-scheme:dark}
@media(max-width:1100px){:root{--mx:48px}}
@media(max-width:600px){:root{--mx:20px}}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--bg);color:var(--text);font:300 15px/1.1 Geist,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
h1,h2{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.01em;margin:0;color:var(--text)}
p{margin:0}a{color:inherit}
.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}
.top{margin:40px var(--mx) 0;color:var(--copy);font-size:14px}
.top a{text-decoration:none}.top a:hover{color:var(--text)}

/* pills — same as home */
.meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px}
.yc-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:var(--strong-pill-bg);color:var(--strong-pill-text);font:300 13px/1.2 Geist,sans-serif;white-space:nowrap}
.yc-mark{display:block;width:13px;height:13px;flex:none}
.tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;color:var(--copy);font-size:13px}
.tags li{border:1px solid var(--line);border-radius:999px;padding:2px 10px}

/* hero */
.hero{margin:50px var(--mx) 0}
.hero h1{font-size:32px;line-height:1.05;text-wrap:balance}
.hero .line{color:var(--copy);margin-top:16px;max-width:680px;text-wrap:balance}

/* double-outlined cards, same as home */
.card{border:1px solid var(--line);border-radius:24px;padding:var(--p);margin:20px var(--mx) 0}
.stack{display:flex;flex-direction:column;gap:var(--p)}
.frame{position:relative;aspect-ratio:16/9;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0}
.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.frame img.t-dark{display:none}
html[data-theme="dark"] .frame img.t-light{display:none}
html[data-theme="dark"] .frame img.t-dark{display:block}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--p)}
.pair .frame{aspect-ratio:1/1}
.ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--copy);font-size:12px;letter-spacing:.04em;text-transform:uppercase}

/* the idea: serif headline, sans grey copy */
.idea{margin:60px var(--mx) 0}
.idea h2{font-size:32px;line-height:1.05}
.idea p{color:var(--copy);margin-top:16px;max-width:680px;line-height:1.3;text-wrap:balance}
.idea p+p{margin-top:10px}
.idea p+h2{margin-top:32px}
.idea+.card{margin-top:60px}

footer{margin:40px var(--mx) 0;padding-bottom:100px;color:var(--copy);font-size:13px;text-align:center}
@media(max-width:600px){.hero{margin-top:30px}footer{padding-bottom:50px}}

.pat>path{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.tx *{transition:background-color .3s,border-color .3s,color .3s,fill .3s,stroke .3s!important}

/* icons */
.ico{width:14px;height:14px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* shiny "Submit an Inquiry" pill */
.shiny-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 15px;overflow:hidden;border-radius:250px;text-decoration:none;cursor:pointer;
box-shadow:0.3px 0.6px 0.47px -1.17px rgba(0,0,0,.1),1.14px 2.29px 1.79px -2.33px rgba(0,0,0,.09),5px 10px 7.83px -3.5px rgba(0,0,0,.05);}
.shiny-pill:focus-visible{outline:1px solid var(--text);outline-offset:2px}
.pill-border,.pill-shine,.pill-fill{position:absolute;inset:0;pointer-events:none}
.pill-border{background:var(--line);transition:background .15s}
@media(hover:hover){.shiny-pill:hover .pill-border{background:var(--line-h)}}
.pill-shine{background:linear-gradient(110deg,transparent 0%,transparent 35%,var(--shine) 48%,var(--shine) 52%,transparent 65%,transparent 100%);transform:translateX(-120%);animation:pill-shine 5s linear infinite}
.pill-fill{inset:1px;border-radius:427px;background:var(--bg)}
.pill-text{white-space:nowrap;position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-family:Geist,sans-serif;font-size:14px;font-weight:300;line-height:1.2;color:var(--copy);user-select:none}
@keyframes pill-shine{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* contact + footer */
.cta{margin:20px var(--mx) 0}
.cta-in{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:34px 20px;display:grid;grid-template-columns:295px 1fr;gap:20px}
.cta h2{font-size:32px;line-height:1.05;margin:0 0 var(--g);text-align:left;text-wrap:balance}
.cta-meta{display:flex;flex-direction:column;gap:20px;align-self:end;padding-bottom:7px;color:var(--copy);font-size:15px;line-height:1.1}
.cta-meta a{color:inherit;text-decoration:none}
.cta-meta a:hover{text-decoration:underline}
.pat{position:absolute;right:0;bottom:0;height:100%;width:auto;aspect-ratio:1/1;pointer-events:none}
@media(max-width:700px){.cta-in{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.cta-meta{align-self:start;padding-bottom:0}.pat{height:150px}}
#clock{font-variant-numeric:tabular-nums}

/* prevent images from being selected or dragged */
img{
  -webkit-user-select:none;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

@media(prefers-reduced-motion:reduce){.shiny-pill{transition:none}.pill-shine{animation:none;display:none}}