:root{--bg:#f7f3ea;--text:#171715;--muted:#6b665d;--rule:#d3cbbb;--accent:#b63824;--accent-dark:#842819;--hover:#eee7da;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",Times,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:var(--serif);font-size:18px;line-height:1.6}
body{margin:0}
a{color:var(--accent-dark);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip-link{position:absolute;left:-999px;top:10px;background:var(--text);color:#fff;padding:8px 12px;z-index:20}
.skip-link:focus{left:10px}
.page{width:min(100% - 40px,1080px);margin:0 auto;padding:30px 0 56px}
header.site{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:64px;font-family:var(--sans);font-size:.88rem;letter-spacing:.02em}
.brand{color:var(--text);font-weight:800;text-decoration:none}
nav{display:flex;gap:22px}
nav a{color:var(--muted);text-decoration:none}
nav a:first-child{color:var(--text);font-weight:750}
nav a:hover{color:var(--text)}
main{max-width:none}
h1,h2{font-weight:500;letter-spacing:-.03em;line-height:1.08}
h1{max-width:520px;margin:0;font-size:clamp(2.7rem,4.6vw,3.7rem)}
h2{margin:0;font-size:1.7rem}
p{margin:0 0 1.15em}
.eyebrow,.project-type,.project-links,.project-media{font-family:var(--sans)}
.eyebrow,.project-type{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow{color:var(--accent)}
.ai-index-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(38px,8vw,100px);align-items:end;padding:8px 0 48px}
.ai-lede{max-width:650px;margin:0;color:#4c473f;font-size:1.08rem;line-height:1.58}
.project-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.project-row{position:relative;display:flex;grid-column:span 2;flex-direction:column;min-width:0;min-height:490px;padding:12px 12px 22px;background:#fffdf8;border:1px solid var(--rule);border-radius:13px;box-shadow:0 1px 2px rgba(23,23,21,.04),0 10px 26px rgba(23,23,21,.045);transition:transform .16s ease,box-shadow .16s ease}
.project-row-flagship{grid-column:span 3;min-height:525px}
.project-row:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(23,23,21,.05),0 15px 34px rgba(23,23,21,.08)}
.project-media{position:relative;aspect-ratio:16/10;margin-bottom:22px;padding:0;overflow:hidden;border-radius:9px;background:#eae3d5;color:rgba(23,23,21,.78);font-size:clamp(1.25rem,2.4vw,2.2rem);font-weight:900;letter-spacing:-.04em}
.project-media-link{display:block;width:100%;height:100%;min-width:0;overflow:hidden;color:inherit;cursor:zoom-in}
.project-media-link:focus-visible{position:relative;z-index:2;outline:3px solid var(--accent);outline-offset:-3px}
.project-media img{display:block;width:100%;height:100%;min-width:0;object-fit:cover;transition:transform .18s ease}
.project-media-link:hover img{transform:scale(1.025)}
.project-media-gallery{display:grid;gap:2px;background:#fff}
.project-media-besties{grid-template-columns:.82fr 1.25fr .78fr;background:#dce6ff}
.project-media-besties img{object-position:center top}
.project-media-freddy{grid-template-columns:1.15fr .85fr;background:#e6f3a8}
.project-media-freddy img:first-child{object-position:center 42%}
.project-media-freddy img:last-child{object-position:center 45%}
.project-media-single{display:flex;align-items:center;justify-content:center;padding:10px}
.project-media-single img{object-fit:contain}
.project-media-perfectsleep{background:#050505}
.project-media-vaak{background:#050505}
.project-media-babylog{background:#f8f0e5}
.project-media-coworker{background:#e4def3}
.project-media-nursery{background:#17131b}
.project-media-openclaw{background:#d9e5ef}
.project-media-ideacheck{background:#f3e8bb}
.project-media-placeholder{display:flex;align-items:flex-end;padding:18px}
.project-media-placeholder span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.project-copy{display:flex;flex:1;flex-direction:column;max-width:none;padding:0 10px}
.project-type{margin-bottom:8px;color:var(--muted);font-size:.63rem}
.project-copy h2{margin-bottom:15px}
.project-copy>p:not(.project-type){margin-bottom:22px;color:#4c473f;font-size:.88rem;line-height:1.52}
.project-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:auto;padding-top:12px;border-top:1px solid #e2dccf;font-size:.67rem;font-weight:800}
.project-links a{color:var(--text);text-decoration-color:var(--muted)}
.project-links a:hover{color:var(--accent-dark)}
.ai-closing{max-width:850px;margin:0 auto;padding:118px 0 90px;text-align:center}
.ai-closing .eyebrow{margin-bottom:18px}
.ai-closing h2{margin-bottom:28px;font-size:clamp(3rem,7vw,6.1rem)}
.ai-closing>p:not(.eyebrow){max-width:620px;margin:0 auto 28px;color:var(--muted);font-size:1.12rem}
.ai-closing>a{font-family:var(--sans);font-size:.82rem;font-weight:800}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:24px;margin-top:40px;color:var(--muted);font-family:var(--sans);font-size:.76rem}
@media(max-width:960px){.project-index{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row,.project-row-flagship{grid-column:span 1}}
@media(max-width:700px){html{font-size:17px}.page{width:min(100% - 28px,1080px);padding-top:22px}header.site{align-items:flex-start;margin-bottom:48px}.brand{padding-top:3px}nav{gap:13px;flex-wrap:wrap;justify-content:flex-end;font-size:.73rem}.ai-index-hero{grid-template-columns:1fr;gap:22px;padding:6px 0 40px}h1{font-size:2.75rem}.ai-lede{font-size:1rem}.project-index{grid-template-columns:1fr}.project-row,.project-row-flagship{grid-column:1;min-height:0}.project-media{margin-bottom:20px}.project-copy h2{font-size:1.8rem}.ai-closing{padding:80px 0 60px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-row,.project-media img{transition:none}}