/* Products take the stage; copy stays short and close to the work. */
.visual-intro{color:var(--muted);font-size:14px;margin:0 0 52px}.featured-projects{display:grid;gap:110px}.visual-project{display:flex;flex-direction:column;border:0;border-radius:0;background:none;padding:0;gap:36px}.visual-project .project-copy{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}.visual-project .project-meta{grid-column:1/-1;margin-bottom:22px;font-size:11px;gap:12px}.project-meta .serial{margin-left:auto}.visual-project .project-copy h3{grid-column:1;grid-row:2/4;font-size:clamp(38px,5vw,60px);font-weight:450;letter-spacing:-2px;line-height:1.08;margin:0}.visual-project .project-description{grid-column:2;font-size:17px;line-height:1.65;color:#bdc1b6;margin:0}.visual-project .project-footer{grid-column:2;border:0;margin:14px 0 0;padding:0}.product-media{width:100%;margin:0;padding:56px 48px 0;background:#1d211a;border:1px solid #30372a;border-radius:6px;overflow:hidden}.phone-pair,.scoop-media{display:flex;justify-content:center;align-items:center;gap:clamp(20px,3vw,40px);height:clamp(380px,40vw,560px)}.phone-pair img,.scoop-media>img,.scoop-media video{display:block;flex:0 0 auto;width:auto;max-width:none;height:100%;object-fit:cover;border-radius:clamp(14px,1.8vw,24px);box-shadow:0 24px 60px #0007,0 0 0 1px #ffffff17}.scoop-media video{aspect-ratio:9/16;background:#000}.wide-pair{position:relative;width:100%;aspect-ratio:15/8}.wide-pair img{position:absolute;display:block;height:auto;border-radius:clamp(6px,.8vw,10px);box-shadow:0 24px 60px #0008,0 0 0 1px #ffffff17}.wide-pair img:nth-child(1){top:0;left:0;width:76%}.wide-pair img:nth-child(2){right:0;bottom:0;width:47%;box-shadow:0 30px 70px #000a,0 0 0 1px #ffffff26}#project-drip .product-media{background:radial-gradient(ellipse at 50% 100%,#333d25,#1b2017 75%)}#project-streamhome .product-media{background:radial-gradient(ellipse at 50% 100%,#2f313b,#191b20 75%)}#project-scoop .product-media{background:radial-gradient(ellipse at 50% 100%,#203431,#141f1d 75%)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(36px,4vw,56px)}.feature-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 16px 40px #0007,0 0 0 1px #ffffff17}.feature-shot span{display:block;font:11px var(--mono);color:#a0aa98;margin-top:12px;text-align:center}figcaption{font:10px var(--mono);color:#a0aa98;line-height:1.6;text-align:center;margin:0 -48px;padding:18px 24px;border-top:1px solid #ffffff0f;margin-top:48px}.project-brand{object-fit:contain;border-radius:7px}.other-projects-heading{margin:85px 0 20px}.other-projects-heading h3{font-size:26px;font-weight:450;letter-spacing:-.7px}.compact-projects{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:0}.compact-projects .project-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:26px 0 28px;gap:12px}.compact-projects h3{font-size:28px;letter-spacing:-.8px}.compact-projects .project-card>p{font-size:14px;line-height:1.7;max-width:46ch}.compact-projects .project-meta{font-size:10px;margin-bottom:5px}.compact-projects .project-footer{border:0;padding-top:5px}.project-outlink:hover .outlink-destination{color:var(--text)}
@media(max-width:760px){.featured-projects{gap:55px}.visual-project .project-copy{grid-template-columns:1fr;gap:12px}.visual-project .project-meta{grid-column:1;margin-bottom:6px}.visual-project .project-copy h3{grid-column:1;grid-row:auto;font-size:44px}.visual-project .project-description,.visual-project .project-footer{grid-column:1}.visual-project .project-description{font-size:15px}.visual-project .project-footer{margin-top:0}.product-media{padding:28px 16px 0}.phone-pair,.scoop-media{gap:12px;height:auto;flex-wrap:wrap}.phone-pair img,.scoop-media>img{flex:0 1 calc(50% - 6px);width:calc(50% - 6px);height:auto;box-shadow:0 10px 25px #0005,0 0 0 1px #ffffff17}.scoop-media video{flex:0 0 auto;width:62%;height:auto;margin-top:12px}.wide-pair{aspect-ratio:4/3}.wide-pair img:nth-child(1){width:88%}.wide-pair img:nth-child(2){width:62%}.compact-projects{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;gap:20px}.other-projects-heading{margin-top:55px}.visual-intro{margin-bottom:32px}figcaption{font-size:9px;margin:28px -16px 0;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:761px) and (max-width:1000px){.compact-projects{grid-template-columns:1fr 1fr}}

/* Match the actual Scoop mark to Drip's visible icon size. */
.visual-project .scoop-icon{width:32px;height:32px;padding:0;background:none;object-fit:contain;border-radius:8px}
/* Three portrait screens stay fully visible within the product stage. */
.phone-pair{height:auto;align-items:start;gap:clamp(12px,2.4vw,28px)}
.phone-pair img{flex:0 1 calc((100% - clamp(24px,4.8vw,56px))/3);width:calc((100% - clamp(24px,4.8vw,56px))/3);height:auto;min-width:0;object-fit:contain}
.visual-project .project-copy,.visual-project .product-media{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.visual-project .reveal-waiting{opacity:0;transform:translateY(16px)}
.visual-project .product-media.reveal-waiting{transform:translateY(22px)}
@media(max-width:760px){.phone-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.phone-pair img{width:100%;max-width:100%;height:auto;border-radius:8px}.scoop-media{align-items:start}}
@media(max-width:460px){#project-drip .product-media{padding-left:10px;padding-right:10px}#project-drip figcaption{margin-left:-10px;margin-right:-10px}.phone-pair{gap:7px}}
@media(prefers-reduced-motion:reduce){.visual-project .project-copy,.visual-project .product-media{transition:none!important;transform:none!important;opacity:1!important}}
@media(max-width:760px){.phone-pair{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 2px 18px}.phone-pair img{flex:0 0 68%;width:68%;max-width:260px;scroll-snap-align:center;border-radius:14px}.phone-pair::-webkit-scrollbar{height:3px}.phone-pair::-webkit-scrollbar-thumb{background:#647354;border-radius:3px}.phone-pair:focus-visible{outline:2px solid var(--accent);outline-offset:5px}}
@media(max-width:760px){.phone-pair{justify-content:flex-start}}