/* ErdWerk — a collection of complete product cards, with lit photographic stages. */
.portfolio-site .hero-atmosphere{background:radial-gradient(ellipse at 79% 36%,#53747065,transparent 48%),radial-gradient(ellipse at 80% 80%,#b8874c18,transparent 36%),linear-gradient(125deg,#091215 4%,#0b1c22 65%,#0b1518)}
.portfolio-site .hero-visual{max-width:425px;padding:12px;background:linear-gradient(150deg,#b5c4b82b,#1b343839 45%,#c4a58421);box-shadow:0 35px 90px #01070899,0 0 90px #7eab9b12,inset 0 1px #fff2;transform:rotate(1.5deg)}
.portfolio-site .hero-image-frame{--stage-rgb:170 137 102;background:radial-gradient(ellipse at var(--stage-x,50%) var(--stage-y,15%),rgb(var(--stage-rgb) / .2),transparent 65%),#102126;height:560px;padding:12px}
.portfolio-site .hero-image-frame>img{position:relative;z-index:1;object-fit:contain;filter:none}
.portfolio-site .hero-visual::after{content:'';position:absolute;left:5%;right:5%;bottom:-30px;height:28px;z-index:-1;background:#02090ccc;filter:blur(17px);border-radius:50%;pointer-events:none}
.portfolio-site .portfolio{background:radial-gradient(ellipse at 0 28%,#4b6a5710,transparent 45%),radial-gradient(ellipse at 100% 70%,#b0875d0c,transparent 40%),linear-gradient(180deg,#0b1518,#0d1b1f)}
.portfolio-site .works-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 26px;align-items:stretch}
.portfolio-site .work-card{grid-column:span 2;position:relative;background:linear-gradient(150deg,#1b2c30,#102126);border:1px solid #c7ded32d;border-radius:5px;box-shadow:0 18px 45px #01080944;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.portfolio-site .product-card--large{grid-column:span 3}
.portfolio-site .works-grid:has(>.work-card:only-child){grid-template-columns:minmax(0,660px);justify-content:center}
.portfolio-site .work-card:only-child{grid-column:1}
.portfolio-site .product-card--panorama{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}
.portfolio-site .work-photo{--stage-x:50%;--stage-y:18%;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:410px;padding:20px;background:radial-gradient(ellipse at var(--stage-x) var(--stage-y),rgb(var(--stage-rgb) / .2) 0,transparent 63%),linear-gradient(145deg,#182d30,#0b171b 74%);border-bottom:1px solid #c7ded31d}
.portfolio-site .product-card--large .work-photo{height:505px;padding:24px}
.portfolio-site .product-card--panorama .work-photo{height:100%;min-height:490px;border-bottom:0;border-right:1px solid #c7ded325;padding:30px}
.portfolio-site .work-photo::before{content:'';position:absolute;inset:auto 7% 4%;height:17%;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--stage-rgb) / .2),transparent 70%);filter:blur(15px);pointer-events:none;z-index:-1}
.portfolio-site .work-photo>img{position:relative;z-index:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;filter:none;border-radius:2px}
.portfolio-site .photo-open{top:14px;right:14px;border-radius:50%;background:#0b1518e8;transition:background .25s,border-color .25s,transform .25s}
.portfolio-site .photo-views{bottom:14px;left:14px;font-size:11px;letter-spacing:.08em;background:#0b1518eb;border-radius:2px}
.portfolio-site .work-caption{padding:24px 25px 19px;display:flex;flex-direction:column;justify-content:flex-start}
.portfolio-site .work-index{font-size:10px;letter-spacing:.14em;margin-bottom:10px}
.portfolio-site .work-caption h3{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-.025em}
.portfolio-site .product-card--large h3{font-size:38px}
.portfolio-site .work-meta{font-size:12px;line-height:1.7;margin-top:10px;color:#c7d1cd}
.portfolio-site .product-story{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portfolio-site .product-card--panorama .work-caption{padding:42px;justify-content:center}
.portfolio-site .product-card--panorama h3{font-size:46px;max-width:390px}
.portfolio-site .product-card--panorama .product-story{display:block;font-size:15px;line-height:1.9;margin-top:24px;max-width:450px}
.portfolio-site .product-views{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px}
.portfolio-site .product-view{width:48px;height:56px;padding:3px;background:#0d1b20;border:1px solid #c7ded32e;border-radius:2px;transition:border-color .2s,background .2s;flex-shrink:0}
.portfolio-site .product-view img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.portfolio-site .product-view[aria-pressed=true]{border-color:var(--accent);background:#ddb38b13;box-shadow:inset 0 0 0 1px #ddb38b4d}
.portfolio-site .product-view:hover{border-color:var(--accent)}
.portfolio-site .product-view-label{font-size:11px;line-height:1.5;color:var(--muted);margin-left:5px}
.portfolio-site .product-availability{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;padding-top:18px;margin-top:auto}
.portfolio-site .product-availability::before{content:'';width:4px;height:4px;flex-shrink:0;border-radius:50%;background:var(--accent)}
.portfolio-site .work-action-row{margin-top:13px;padding-top:12px;gap:14px;align-items:center}
.portfolio-site .work-actions{font-size:13px;font-weight:500;flex:1 1 115px;width:auto}
.portfolio-site .work-ask{font-size:12px;line-height:1.6;color:var(--forest-dark);padding:10px 15px;min-height:44px;border:1px solid var(--accent);border-radius:2px;background:var(--accent);font-weight:650;text-decoration:none}
.portfolio-site .work-ask:hover{background:var(--accent-hover);color:var(--forest-dark);border-color:var(--accent-hover);text-decoration:none}
.portfolio-site .lightbox-visual{background:radial-gradient(ellipse at 50% 10%,#ddb38b16,transparent 65%),#09171c}
.portfolio-site .lightbox-photo>img{padding:10px;object-fit:contain;filter:none}
.product-image-change{animation:ew-product-view .34s ease-out}
@keyframes ew-product-view{from{opacity:.55}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.portfolio-site .work-card:hover{border-color:#c7ded35c;box-shadow:0 22px 60px #01080977}.portfolio-site .work-photo:hover .photo-open{background:var(--accent);color:var(--forest-dark);border-color:var(--accent);transform:rotate(45deg)}}
@media(min-width:761px) and (max-width:1100px){.portfolio-site .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.portfolio-site .work-card,.portfolio-site .product-card--large{grid-column:span 1}.portfolio-site .work-photo,.portfolio-site .product-card--large .work-photo{height:420px;padding:18px}.portfolio-site .product-card--panorama{grid-column:1/-1}.portfolio-site .product-card--panorama .work-photo{height:100%;min-height:430px}.portfolio-site .work-caption{padding:21px}.portfolio-site .work-caption h3,.portfolio-site .product-card--large h3{font-size:32px}.portfolio-site .product-card--panorama .work-caption{padding:28px}.portfolio-site .product-card--panorama h3{font-size:37px}}
@media(max-width:760px){.portfolio-site .hero-visual{max-width:335px;padding:9px}.portfolio-site .hero-image-frame{height:450px;padding:10px}.portfolio-site .works-grid{grid-template-columns:minmax(0,1fr);gap:25px}.portfolio-site .work-card,.portfolio-site .product-card--large,.portfolio-site .product-card--panorama{grid-column:auto;display:flex;flex-direction:column}.portfolio-site .work-photo,.portfolio-site .product-card--large .work-photo,.portfolio-site .product-card--panorama .work-photo{height:clamp(360px,110vw,520px);min-height:0;padding:17px;border-right:0;border-bottom:1px solid #c7ded31d}.portfolio-site .work-caption,.portfolio-site .product-card--panorama .work-caption{padding:22px 23px 19px}.portfolio-site .work-caption h3,.portfolio-site .product-card--large h3,.portfolio-site .product-card--panorama h3{font-size:34px;line-height:1.15}.portfolio-site .work-meta{font-size:13px}.portfolio-site .product-story,.portfolio-site .product-card--panorama .product-story{font-size:14px;line-height:1.8;margin-top:13px;display:block}.portfolio-site .product-views{margin-top:16px;gap:8px}.portfolio-site .product-view{width:48px;height:54px}.portfolio-site .product-view-label{font-size:12px}.portfolio-site .product-availability{font-size:12px;padding-top:17px}.portfolio-site .work-actions,.portfolio-site .work-ask{font-size:14px}.portfolio-site .work-action-row{gap:12px}.portfolio-site .work-ask{padding:11px 17px}.portfolio-site .photo-views{font-size:12px}.portfolio-site .portfolio-tools{backdrop-filter:blur(16px);background:#0d1b1ff5}}
@media(max-width:360px){.portfolio-site .hero-visual{max-width:278px}.portfolio-site .hero-image-frame{height:380px}.portfolio-site .work-caption,.portfolio-site .product-card--panorama .work-caption{padding:20px 18px 17px}.portfolio-site .work-caption h3,.portfolio-site .product-card--large h3,.portfolio-site .product-card--panorama h3{font-size:31px}.portfolio-site .work-actions{flex-basis:105px}.portfolio-site .work-ask{padding:10px 12px}}
@media(max-width:760px){.portfolio-site .portfolio-tools{display:block;padding:10px 0;margin:22px 0 25px}.portfolio-site .filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:5px;scrollbar-width:thin;scrollbar-color:#ddb38b66 transparent}.portfolio-site .filters button{flex-shrink:0;white-space:nowrap;padding:9px;font-size:12px}.portfolio-site #work-count{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.portfolio-site .hero-visual{transform:none}.product-image-change{animation:none}}