.work-detail--preview>a { display: block; color: inherit; }
.work-media.ultra-coin-preview { background: radial-gradient(ellipse at 80% 0%, #168259, #043f2b 70%); }
.work-media.ultra-coin-preview>img { width: 100%; height: 100%; object-fit: contain; padding: 60px 12%; }
.work-media.ultra-coin-preview:after { background: linear-gradient(transparent 65%, #002619c7); }
.work-detail--preview>a:hover .work-open { background: var(--orange); }
.preview-is-open { overflow: hidden; }
.project-preview { width: min(1180px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); color: var(--ink); box-shadow: 0 25px 100px #0005; }
.project-preview::backdrop { background: #111710bd; }
.preview-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; }
.preview-toolbar h2 { font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
.preview-toolbar p { margin-top: 3px; font-size: 13px; color: var(--muted); }
.preview-close { width: 42px; height: 42px; flex-shrink: 0; background: transparent; border: 1px solid var(--line); border-radius: 50%; font-size: 25px; cursor: pointer; }
.preview-size-controls { display: flex; gap: 6px; }
.preview-size-controls button { padding: 9px 14px; background: transparent; border: 1px solid var(--line); border-radius: 5px; font: inherit; font-size: 14px; cursor: pointer; }
.preview-size-controls [aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.preview-stage { background: #dfe2d7; padding: 18px; border-block: 1px solid var(--line); }
.preview-stage iframe { display: block; margin: 0 auto; border: 0; background: white; width: 100%; height: min(65dvh, 700px); }
.project-preview[data-width="mobile"] iframe { width: min(390px, 100%); }
.preview-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 24px; font-size: 14px; }
.preview-footer p { color: var(--muted); }
.preview-external { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:760px) {
 .project-preview { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
 .preview-toolbar { flex-wrap: wrap; padding: 14px 16px; gap: 12px; }
 .preview-toolbar>div:first-child { flex: 1; }
 .preview-toolbar h2 { font-size: 18px; }
 .preview-size-controls { display: none; }
 .preview-stage { padding: 8px; }
 .preview-stage iframe { height: 55dvh; }
 .preview-footer { flex-wrap: wrap; padding: 14px 16px; gap: 8px; }
}

/* A compact, aligned project gallery. */
#work{padding-top:64px;padding-bottom:64px;}
#work .section-head{align-items:end;gap:24px;margin-bottom:28px;}
#work .section-head h2{font-size:clamp(32px,3.4vw,48px);}
#work .section-head p{font-size:14px;max-width:320px;}
#work .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;align-items:start;}
#work .work-card{padding:0;margin:0;max-width:none;min-width:0;}
#work .work-media{aspect-ratio:16/9;border-radius:8px;}
#work .work-meta{padding-top:12px;display:block;}
#work .work-meta h3{font-size:20px;line-height:1.25;}
#work .work-meta>span{display:block;font-size:11px;max-width:none;text-align:left;margin-top:5px;}
#work .work-brand{font-size:clamp(28px,3vw,44px);bottom:42px;left:20px;}
#work .media-note{left:20px;bottom:16px;font-size:11px;}
#work .work-open{top:12px;right:12px;padding:10px 12px;}
#work .work-media.ultra-coin-preview>img{padding:32px 16%;}
#work .work-media.product-photo>img{object-position:center 75%;}
#work .work-media.product-photo:after{display:block;background:linear-gradient(transparent 85%,#0004);}
.work-more{margin-top:10px;border-bottom:1px solid var(--line);}
.work-more>summary{display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px;min-height:44px;font-size:12px;color:var(--muted);list-style:none;cursor:pointer;}
.work-more>summary::-webkit-details-marker{display:none;}
.work-more>summary:after{content:'+';font-size:20px;line-height:1;}
.work-more[open]>summary:after{content:'−';}
#work .work-description{padding:0 0 16px;max-width:none;}
#work .work-description p{font-size:14px;line-height:1.6;}
#work .work-tags{margin-top:12px;gap:6px;}
#work .work-tags span{font-size:11px;padding:3px 9px;}
#work .work-links{margin-top:16px;gap:12px 20px;}
@media(max-width:600px){
 #work{padding-top:44px;padding-bottom:44px;}
 #work .work-grid{grid-template-columns:1fr;gap:24px;}
 #work .section-head p{margin-top:12px;}
 #work .work-meta h3{font-size:19px;}
}

#work .live-site-cover iframe{position:absolute;inset:0;border:0;width:1000px;height:563px;max-width:none;transform-origin:top left;pointer-events:none;}
#work .live-site-cover{background:#0c0a0f;}