/* Shared case-study composition: ForgeBench and DURAKA.NET. */
.home-page .collection-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-page .work-card{grid-column:span 2;min-width:0}
.home-page .mgpugpt-card,.home-page .durak-card{grid-column:span 3}
.home-page .mgpugpt-card>a,.home-page .durak-card>a{display:block;background:linear-gradient(145deg,#20171c,#111115 70%)}
.home-page .mgpugpt-card .work-visual,.home-page .durak-card .work-visual{aspect-ratio:16/9;height:auto;min-height:0}
.home-page .mgpugpt-card .work-copy,.home-page .durak-card .work-copy{padding:28px}
.home-page .mgpugpt-card .work-title h3,.home-page .durak-card .work-title h3{font-size:clamp(25px,2.4vw,35px)}
.home-page .durak-card .work-visual{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,#89374855,transparent 65%),linear-gradient(145deg,#18151d,#0c0b10);overflow:hidden}
.home-page .durak-card .work-visual>img{width:100%;height:100%;object-fit:contain;padding:12px;position:absolute;inset:0}
.home-page .durak-card .work-visual:before{content:'♠';position:absolute;right:8%;top:1%;font-size:clamp(130px,20vw,260px);color:#fff;opacity:.04;line-height:1}
.home-page .durak-card .work-category{color:#f3a4b1}
.portfolio-story{--case-accent:#f0acb8;display:grid;gap:30px;min-width:0}
.portfolio-story em,.durak-cover em{font-style:normal;color:var(--case-accent,#f0acb8)}
.case-jump-links{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #ffffff1b;padding-bottom:24px}
.case-jump-links a{padding:10px 16px;border:1px solid #ffffff26;border-radius:2px;font-size:12px;color:#d6cbd1;text-decoration:none;transition:border-color .2s,background .2s}
.case-jump-links a:hover{background:#ed839311;border-color:#f4a5b66b}
.portfolio-story [id]{scroll-margin-top:30px}
.portfolio-scene{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,4vw,60px);align-items:center;padding:clamp(25px,4vw,54px);background:linear-gradient(135deg,#19151a,#101014);border:1px solid #ffffff24;min-width:0}
.portfolio-scene-copy h3,.portfolio-panel-heading h3{font-size:clamp(26px,3.5vw,47px);line-height:1.32;letter-spacing:-.045em;font-weight:500;margin:23px 0}
.portfolio-scene-copy p,.portfolio-panel-heading p{font-size:15px;line-height:1.85;color:#bfb5bd;margin:18px 0;max-width:790px}
.case-text-link{display:inline-flex;align-items:center;gap:15px;margin-top:12px;padding-block:9px;border-bottom:1px solid #d89ba75e;color:#f2c5ce;font-size:13px;text-decoration:none;line-height:1.7}
.portfolio-screen{margin:0;min-width:0;border:1px solid #b5a4af47;border-radius:9px;overflow:hidden;background:#15151b;box-shadow:0 25px 60px #0005}
.portfolio-screen-bar{display:flex;gap:9px;align-items:center;justify-content:flex-start;padding:13px 16px;font:9px monospace;letter-spacing:.06em;color:#bcb0b9}
.portfolio-screen-bar>span:last-child:not(:first-of-type){margin-left:auto;font-size:8px;color:#8e828c}
.portfolio-screen-bar i{display:block;flex-shrink:0;width:6px;height:6px;background:#ee9aaa;border-radius:50%;box-shadow:0 0 12px #e26a7f70}
.portfolio-screen img{display:block;width:100%;height:auto}
.portfolio-screen figcaption{font-size:10px;line-height:1.7;color:#b3a7b1;padding:14px 17px;background:#141218}
.portfolio-panel{position:relative;padding:clamp(25px,4.3vw,64px);background:#111115;border:1px solid #ffffff21;min-width:0}
.portfolio-panel-heading{max-width:900px;margin-bottom:35px}
.portfolio-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ffffff25;margin-top:35px}
.portfolio-trio article{padding:28px 25px 12px 0;min-width:0}
.portfolio-trio article+article{padding-left:25px;border-left:1px solid #ffffff17}
.portfolio-trio article>span{display:block;color:var(--case-accent);font:10px monospace;letter-spacing:.08em;margin-bottom:24px}
.portfolio-trio h4{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 14px;color:#efe8ed}
.portfolio-trio p{font-size:13px;line-height:1.85;color:#b3a9b2;margin:0}
.portfolio-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:33px;border-top:1px solid #ffffff1c;padding-top:22px}
.portfolio-panel-foot p{font-size:11px;line-height:1.9;color:#a79ba5;max-width:680px;margin:0}
.portfolio-panel-foot .case-text-link{flex-shrink:0;margin:0}
.forge-ai{background:radial-gradient(ellipse at 100% 0,#6f314226,transparent 65%),#111115}
.forge-memory{display:flex;align-items:center;justify-content:center;gap:24px;padding:34px 18px;border:1px solid #e6a1b331;background:#21151a66}
.forge-memory>span{text-align:center;min-width:0;flex:1}
.forge-memory b{display:block;font-size:clamp(17px,2.5vw,30px);font-weight:400;color:#eedce3}
.forge-memory small{display:block;font-size:11px;margin-top:10px;color:#ad94a1}
.forge-memory i{font-size:24px;font-style:normal;color:#ae7889}
.forge-mining{--case-accent:#e7bc88;background:radial-gradient(ellipse at 0 0,#79502d25,transparent 60%),#131215}
.forge-mining .eyebrow{color:#e7bc88}
.forge-equation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:25px 30px;border-block:1px solid #e7bc8838;font-size:clamp(13px,1.7vw,21px);color:#cdbfac}
.forge-equation i{font-style:normal;color:#a17c57;font-size:24px}
.forge-equation strong{font-weight:500;color:#f1d0a7}
.mining-features article{border-bottom:1px solid #ffffff17;padding-bottom:30px}
.mining-features article:nth-child(4){padding-left:0;border-left:0}
.mining-features article:nth-child(n+4){padding-top:30px}
.mining-screen{max-width:850px;margin:38px auto 0}
.portfolio-directory details{border-top:1px solid #ffffff20}
.portfolio-directory summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;cursor:pointer;font-size:clamp(14px,1.4vw,18px);line-height:1.6;color:#e5dce3}
.portfolio-directory summary::-webkit-details-marker{display:none}
.portfolio-directory summary>span{font-size:23px;color:#e8a6b4;transition:transform .2s;font-weight:300}
.portfolio-directory details[open] summary>span{transform:rotate(45deg)}
.portfolio-directory details p{max-width:900px;margin:0 0 18px;color:#b5aab4;font-size:14px;line-height:1.9}
.portfolio-directory details>a{font-size:12px;color:#ecc0cc;display:inline-block;margin:0 0 24px;text-decoration:none;border-bottom:1px solid #ecc0cc38;padding-bottom:5px}
.portfolio-visit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(26px,4vw,50px);border:1px solid #e6a1b33d;background:linear-gradient(125deg,#321f27,#161216);color:#fae9ef;text-decoration:none}
.portfolio-visit small{display:block;font:9px monospace;letter-spacing:.1em;color:#b99da9;margin-bottom:14px}
.portfolio-visit strong{display:block;font-size:clamp(25px,4vw,55px);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
.portfolio-visit>b{font-size:44px;font-weight:300;flex-shrink:0}
.portfolio-story a:focus-visible,.portfolio-story summary:focus-visible,.durak-cover a:focus-visible{outline:2px solid #f0acb8;outline-offset:5px}
.durak-cover{--case-accent:#f0acb8;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;overflow:hidden;margin:0;background:radial-gradient(ellipse at 70% 85%,#7730464a,transparent 65%),linear-gradient(135deg,#181319,#0b0a0e);border:1px solid #ffffff29}
.durak-cover-copy{padding:55px 0 55px 55px;z-index:1}
.durak-cover-copy h2{font-size:clamp(28px,4.4vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.3;margin:25px 0}
.durak-cover-copy p{font-size:17px;color:#c1acb7;line-height:1.8;margin:0 0 18px}
.durak-cover-art{position:relative;display:grid;place-items:center;align-self:stretch;min-width:0}
.durak-cover-art>span{position:absolute;color:#eab9c4;opacity:.04;font-size:clamp(260px,37vw,520px);line-height:1}
.durak-cover-art img{position:relative;display:block;width:115%;max-width:none;height:auto;filter:drop-shadow(0 25px 35px #0008)}
.durak-cover figcaption{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding:19px 25px;border-top:1px solid #ffffff1c;color:#ac98a5;font:9px monospace;letter-spacing:.09em}
.case-page.durak .case-title-row h1{font-size:clamp(34px,6.7vw,96px)}
.durak-table-section{padding-bottom:40px;background:radial-gradient(ellipse at 50% 35%,#61354e28,transparent 65%),#111115}
.durak-devices{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.22fr);align-items:center;gap:20px;margin:35px -30px 0}
.durak-phone{margin:0;padding:7px;border:1px solid #8e718050;border-radius:19px;background:#09090d;box-shadow:0 20px 50px #0007;transform:rotate(2deg)}
.durak-phone img{display:block;width:100%;height:auto;border-radius:13px}
.durak-phone figcaption{font-size:9px;line-height:1.6;padding:12px 5px 5px;color:#b99eae;text-align:center}
.durak-friends{background:radial-gradient(ellipse at 100% 0,#7633492b,transparent 60%),#121115}
.durak-duel{display:flex;align-items:center;justify-content:center;gap:clamp(25px,7vw,100px);padding:30px 0;border-block:1px solid #ffffff1a;color:#b5a2af}
.durak-duel>span{font:11px monospace;letter-spacing:.16em}
.durak-duel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
.durak-duel i{font-style:normal;font-size:34px;border:1px solid #e0a2b435;padding:12px 18px;color:#edd6e1;border-radius:5px;background:linear-gradient(135deg,#54314333,#19131b)}
.durak-duel i:nth-child(2){color:#ee8199;transform:translateY(-7px)}
.durak-duel strong{grid-column:1/-1;font:10px monospace;letter-spacing:.15em;color:#bba3af;margin-top:14px}
.durak-replay{grid-template-columns:minmax(0,1.1fr) minmax(200px,.6fr)}
.durak-replay-phone{margin:0;max-width:270px;justify-self:center;text-align:center;padding:8px;border:1px solid #a7849844;background:#0b0a0e;border-radius:22px;box-shadow:0 25px 60px #0006}
.durak-replay-phone img{width:100%;height:auto;display:block;border-radius:15px}
.durak-replay-phone figcaption{font-size:10px;line-height:1.6;color:#a891a0;padding:14px 8px 7px}
.portfolio-format-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.portfolio-format-tags span{font:9px monospace;letter-spacing:.04em;color:#d5b6c6;padding:8px 10px;border:1px solid #c793aa3a}
.portfolio-scene-copy .portfolio-fineprint{font-size:11px;line-height:1.8;color:#a5929f}
@media(max-width:1050px){.portfolio-scene{grid-template-columns:1fr}.portfolio-scene-copy{max-width:760px}.portfolio-trio h4{font-size:15px}.durak-replay{grid-template-columns:1fr .6fr}.durak-devices{margin-inline:-10px}.durak-cover-copy{padding:35px 0 35px 35px}}
@media(max-width:760px){.home-page .collection-grid{grid-template-columns:1fr}.home-page .work-card,.home-page .mgpugpt-card,.home-page .durak-card{grid-column:auto}.home-page .mgpugpt-card .work-copy,.home-page .durak-card .work-copy{padding:25px}.portfolio-story{gap:20px}.portfolio-panel,.portfolio-scene{padding:26px 20px}.portfolio-panel-heading{margin-bottom:25px}.portfolio-scene-copy h3,.portfolio-panel-heading h3{font-size:29px;margin:20px 0}.portfolio-scene-copy p,.portfolio-panel-heading p{font-size:14px}.case-jump-links{gap:7px;padding-bottom:18px}.case-jump-links a{padding:9px 11px;font-size:10px}.portfolio-trio{grid-template-columns:1fr;margin-top:27px}.portfolio-trio article,.portfolio-trio article+article,.mining-features article:nth-child(n+4){padding:24px 0;border-left:0;border-bottom:1px solid #ffffff17}.portfolio-trio article:last-child{border-bottom:0;padding-bottom:0}.portfolio-trio article>span{margin-bottom:13px}.portfolio-trio h4{font-size:18px;margin-bottom:10px}.portfolio-panel-foot{display:block;margin-top:25px}.portfolio-panel-foot .case-text-link{margin-top:18px}.forge-memory{gap:10px;padding:25px 12px}.forge-memory small{font-size:9px;line-height:1.5}.forge-memory b{font-size:17px}.forge-memory i{font-size:18px}.forge-equation{display:grid;grid-template-columns:1fr 24px;padding:17px 0;gap:13px;font-size:16px}.forge-equation strong{grid-column:1/-1;font-size:22px;padding-top:10px}.forge-equation i{text-align:center}.mining-screen{margin-top:25px}.portfolio-screen-bar{font-size:8px;padding:11px}.portfolio-screen-bar>span:last-child:not(:first-of-type){display:none}.portfolio-screen figcaption{padding:12px;font-size:9px}.portfolio-directory summary{padding:18px 0;gap:15px}.portfolio-directory details p{font-size:13px}.portfolio-visit>b{font-size:31px}.durak-cover{grid-template-columns:1fr}.durak-cover-copy{padding:30px 25px 0}.durak-cover-copy h2{font-size:39px;margin:20px 0}.durak-cover-copy p{font-size:15px}.durak-cover-art{max-height:380px;overflow:hidden}.durak-cover-art img{width:100%;max-width:410px;margin:-18px 0 -8px}.durak-cover figcaption{font-size:8px;line-height:1.6;flex-wrap:wrap;padding:16px 20px}.durak-devices{grid-template-columns:1fr;margin:28px 0 0;gap:23px}.durak-phone{width:min(65%,240px);justify-self:center;transform:none}.durak-duel{gap:20px;padding:25px 0}.durak-duel i{font-size:26px;padding:10px 12px}.durak-duel>span{font-size:10px}.durak-duel>div{gap:8px}.durak-replay{grid-template-columns:1fr;gap:25px}.durak-replay-phone{max-width:240px}.case-page.durak .case-category>span:first-child{max-width:220px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-story *, .durak-cover *{transition:none!important;scroll-behavior:auto!important}}
