.project-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0!important}
.project-entry{min-width:0;overflow:hidden;border:1px solid var(--card-stroke);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%),var(--card-surface);box-shadow:0 14px 34px rgba(0,0,0,.2);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.project-entry:hover,.project-entry:focus-within{transform:translateY(-4px);border-color:rgba(201,243,106,.48);box-shadow:0 22px 44px rgba(0,0,0,.3),0 0 22px rgba(201,243,106,.07)}
.project-entry[hidden]{display:none!important}
.project-entry .project-row{display:block!important;min-height:0!important;margin:0;padding:22px 22px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none!important;transition:none!important}
.project-entry .project-row::before{display:none!important}
.project-info{padding:0!important}
.project-kicker{display:block;margin:0 0 11px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.project-info h3{display:block!important;margin:0 0 8px!important;color:var(--text);font-size:clamp(22px,2.2vw,28px)!important;line-height:1.15;letter-spacing:-.04em}
.project-info p{margin:0!important;color:var(--muted);font-size:13px;line-height:1.65}
.project-info small{display:block!important;margin-top:10px;color:var(--blue);font-size:10px;letter-spacing:.025em}
.project-live-preview{padding:10px 22px 22px}
.mini-preview-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 9px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.project-mini-preview,.demo-project-preview{position:relative;width:100%;height:clamp(155px,17vw,205px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#111511;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.project-mini-preview iframe{position:absolute;inset:0 auto auto 0;display:block;width:263cqw;height:150cqw;border:0;transform:scale(.38);transform-origin:top left;filter:blur(1.4px) brightness(.72) saturate(.9);pointer-events:none;background:#101016}
.preview-blur-overlay{position:absolute;inset:0;background:linear-gradient(145deg,rgba(7,10,16,.12),rgba(7,10,16,.4));pointer-events:none}
.project-live-cta{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:var(--accent);color:#11150a;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 28px rgba(0,0,0,.4);transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}
.project-live-cta:hover,.project-live-cta:focus-visible{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 12px 34px rgba(0,0,0,.5)}
.project-live-cta:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.demo-project-preview{isolation:isolate;background:#0b100e}
.demo-project-preview>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) brightness(.74)}
.demo-project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,9,8,.86),transparent 58%),linear-gradient(115deg,rgba(7,11,9,.1),rgba(7,11,9,.08));pointer-events:none}
.demo-visual-note{position:absolute;z-index:2;left:12px;bottom:11px;color:#e8efdc;font-size:8px;font-weight:700;letter-spacing:.05em}
.demo-form-visual{padding:0 7%;background:radial-gradient(ellipse at 75% 14%,rgba(201,243,106,.13),transparent 34%),#0d1210;color:#eef2e8}
.demo-browser-bar{height:25px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.08);color:#a8b299;font-size:7px;letter-spacing:.12em}
.demo-browser-bar i{width:5px;height:5px;border-radius:50%;background:#c9f36a88}.demo-browser-bar span{margin-left:auto}
.demo-form-body{width:min(100%,360px);margin:12px auto 0;padding:0 10px}
.demo-form-body>b{display:block;margin-bottom:8px;font-size:14px;letter-spacing:-.03em}
.demo-field-row{display:grid;grid-template-columns:.8fr 1.2fr 12px;align-items:center;gap:8px;padding:7px 9px;margin:5px 0;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.035)}
.demo-field-row span{color:#aab1a3;font-size:8px}.demo-field-row strong{overflow:hidden;color:#e7ebdf;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.demo-field-row em{color:#c9f36a;font-size:9px;font-style:normal}
.demo-action{display:flex;justify-content:space-between;align-items:center;width:110px;margin-top:8px;padding:7px 10px;border-radius:99px;background:#c9f36a;color:#11150a;font-size:8px;font-weight:900}
.demo-dream-visual{padding:14px 18px;background:radial-gradient(ellipse at 74% 48%,rgba(209,191,154,.14),transparent 28%),linear-gradient(125deg,#171614,#27241f);color:#f3ecdf}
.dream-top{display:flex;justify-content:space-between;color:#b7a98b;font-size:7px;letter-spacing:.16em}
.dream-hero{position:relative;display:flex;align-items:center;justify-content:space-between;height:68%;padding:10px 7%;overflow:hidden}
.dream-hero>span{z-index:1;font-family:Georgia,serif;font-size:clamp(21px,3vw,36px);line-height:1.02;letter-spacing:-.04em}.dream-hero i{color:#d0be9e;font-weight:400}
.dream-orb{width:clamp(78px,10vw,132px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 31%,#d9c7a8,#9f8767 38%,#4e4942 72%,transparent 73%);box-shadow:0 0 38px rgba(202,181,143,.16);transform:translateX(-12%)}
.dream-swatches{display:flex;align-items:center;gap:6px;padding:0 8%;}.dream-swatches i{width:14px;height:14px;border-radius:4px;background:#d0be9e}.dream-swatches i:nth-child(2){background:#938577}.dream-swatches i:nth-child(3){background:#454943}.dream-swatches span{margin-left:auto;color:#b7a98b;font-size:7px;letter-spacing:.12em}
@media(max-width:720px){.project-list{grid-template-columns:1fr!important;gap:14px}.project-entry .project-row{padding:20px 18px 8px!important}.project-live-preview{padding:8px 18px 18px}.project-mini-preview,.demo-project-preview{height:clamp(150px,46vw,210px)}.dream-hero>span{font-size:clamp(26px,7vw,38px)}}
@media(prefers-reduced-motion:reduce){.project-entry,.project-live-cta{transition:none!important}.project-entry:hover,.project-entry:focus-within{transform:none!important}.project-live-cta:hover,.project-live-cta:focus-visible{transform:translate(-50%,-50%)!important}}
.unified-preview .mini-preview-label{align-items:center;min-height:32px;margin-bottom:8px}
.preview-modes{display:flex;gap:4px;flex-shrink:0}
.preview-modes button,.preview-retry{min-height:32px;padding:5px 9px;border:1px solid var(--card-stroke,#54574f);border-radius:7px;background:transparent;color:var(--text,#f1f1e9);font:inherit;font-size:10px;letter-spacing:0;cursor:pointer}
.preview-modes button[aria-pressed=true]{background:var(--accent,#c9f36a);border-color:var(--accent,#c9f36a);color:#11150a}
.preview-modes button:focus-visible,.preview-retry:focus-visible{outline:3px solid var(--focus,#c9f36a);outline-offset:3px}
.unified-preview .project-mini-preview{container-type:normal;isolation:isolate}
.unified-preview .project-mini-preview iframe{inset:0 auto auto 0;width:1200px;height:700px;transform:scale(.38);opacity:0}
.unified-preview[data-preview-state=loaded] iframe{opacity:1}
.preview-capture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;filter:blur(1.4px) brightness(.72) saturate(.9)}
.unified-preview[data-preview-state=loaded] .preview-capture{visibility:hidden}
.preview-feedback{display:flex;align-items:center;gap:10px;min-height:42px;margin-top:9px}
.preview-feedback .preview-status{margin:0;color:var(--muted,#b4b7ac);font-size:10px;line-height:1.5;letter-spacing:0;text-transform:none}
.preview-retry[hidden]{display:none}
.preview-retry{flex-shrink:0}
.unified-preview[data-preview-state=loading] .project-mini-preview::after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:2px;background:var(--accent,#c9f36a);animation:preview-pulse 1s ease-in-out infinite alternate}
.unified-preview[data-preview-state=unavailable] .project-mini-preview{background:radial-gradient(ellipse at top,#242b22,#111511)}
.seo-page .unified-preview{max-width:790px;padding:25px 0;color:#eee9e2;--accent:#c9f36a;--text:#eee9e2;--muted:#b4b7ac;--card-stroke:#54574f}
.seo-page .unified-preview .project-mini-preview{height:205px}
@keyframes preview-pulse{to{opacity:.3}}
@media(max-width:720px){.preview-modes button{min-height:40px;padding:7px 10px}.preview-feedback{min-height:48px}.unified-preview .project-live-cta{min-height:44px}}
@media(prefers-reduced-motion:reduce){.unified-preview[data-preview-state=loading] .project-mini-preview::after{animation:none}}

.project-index-gallery{margin:30px 0;--accent:#c9f36a;--text:#eee9e2;--muted:#b4b7ac;--blue:#abc5fa;--card-stroke:#34372f;--card-surface:#111016}.seo-page .project-index-gallery .unified-preview{padding:10px 22px 22px}.project-index-gallery .project-row{min-height:160px!important}