/* Approval prototype: editorial content only, existing macOS chrome inherited. */
#ig-portfolio.pd-preview{--pd-ink:#1d1d1f;--pd-muted:#626268;--pd-blue:#0071e3}
#ig-portfolio.pd-preview .r8-about{max-width:1120px}
#ig-portfolio.pd-preview .r-approved-profile{margin-bottom:48px}
#ig-portfolio.pd-preview .r8-profile{max-width:720px;margin:0 auto 88px;line-height:1.65}
#ig-portfolio.pd-preview .pd-section{margin:88px 0}
#ig-portfolio.pd-preview .pd-section h2{font-size:clamp(28px,3.1cqw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:600;margin:0 0 36px}
#ig-portfolio.pd-preview .pd-section-heading{margin:0 0 32px}
#ig-portfolio.pd-preview .pd-section-heading h2{margin:0 0 14px}
#ig-portfolio.pd-preview .pd-section-heading>p{font-size:17px;line-height:1.5;color:var(--pd-muted);max-width:52ch;margin:0}
#ig-portfolio.pd-preview .pd-metric-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:32px;background:none}
#ig-portfolio.pd-preview .pd-metric-grid article{border:0;border-top:1px solid #d2d2d7;padding:26px 0 0;background:none;border-radius:0}
#ig-portfolio.pd-preview .pd-metric-grid strong{font-size:clamp(36px,4.4cqw,56px);line-height:1.05;letter-spacing:-.04em;display:block;margin-bottom:20px;font-weight:600;white-space:nowrap}
#ig-portfolio.pd-preview .pd-metric-grid .pd-word-metric{font-size:clamp(32px,3.8cqw,48px)}
#ig-portfolio.pd-preview .pd-metric-grid h3{font-size:19px;line-height:1.3;margin:0 0 12px;font-weight:600}
#ig-portfolio.pd-preview .pd-metric-grid p{font-size:16px;line-height:1.55;color:var(--pd-muted);margin:0 0 12px}
#ig-portfolio.pd-preview .pd-metric-grid small{font-size:13px;line-height:1.45;color:var(--pd-muted);display:block}
#ig-portfolio.pd-preview .r8-film{margin-top:72px;margin-bottom:12px}
#ig-portfolio.pd-preview .pd-current-job{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);gap:48px;background:white;border-radius:28px;padding:40px;margin:32px 0 20px;align-items:start}
#ig-portfolio.pd-preview .pd-eyebrow{font-size:13px;font-weight:600;line-height:1.4;color:var(--pd-muted);margin:0 0 16px}
#ig-portfolio.pd-preview .pd-current-job h3{font-size:32px;letter-spacing:-.025em;line-height:1.12;margin:0 0 12px}
#ig-portfolio.pd-preview .pd-role{font-size:17px;line-height:1.45;font-weight:600;margin:0 0 24px}
#ig-portfolio.pd-preview .pd-job-copy>p:not(.pd-eyebrow):not(.pd-role),#ig-portfolio.pd-preview .pd-job-timeline p:not(.pd-role){font-size:16px;line-height:1.6;color:#515154;margin:0 0 18px}
#ig-portfolio.pd-preview .pd-system{background:#f5f5f7;padding:28px;border-radius:22px;min-width:0}
#ig-portfolio.pd-preview .pd-system h4{font-size:32px;letter-spacing:-.025em;line-height:1.1;font-weight:600;margin:24px 0 32px}
#ig-portfolio.pd-preview .pd-system ol{list-style:none;margin:0;padding:0}
#ig-portfolio.pd-preview .pd-system li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:15px 0;border-top:1px solid #dddde2;font-size:15px;line-height:1.4;font-weight:500}
#ig-portfolio.pd-preview .pd-system li span{color:#86868b;font-weight:400;font-size:13px;padding-top:2px}
#ig-portfolio.pd-preview .pd-system>p:last-child{font-size:13px;color:var(--pd-muted);margin:26px 0 0;line-height:1.5}
#ig-portfolio.pd-preview .pd-inline-disclosure{border:0;border-top:1px solid #d2d2d7;margin:24px 0 0;background:none;padding:0;border-radius:0}
#ig-portfolio.pd-preview .pd-inline-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;font-size:16px;font-weight:500;list-style:none}
#ig-portfolio.pd-preview .pd-inline-disclosure summary::-webkit-details-marker{display:none}
#ig-portfolio.pd-preview .pd-inline-disclosure summary>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0}
#ig-portfolio.pd-preview .pd-inline-disclosure summary svg{display:block;width:20px;height:20px}
#ig-portfolio.pd-preview .pd-inline-disclosure[open] summary svg{transform:rotate(45deg)}
#ig-portfolio.pd-preview .pd-inline-disclosure>div{max-width:720px;padding-bottom:20px}
#ig-portfolio.pd-preview .pd-inline-disclosure>div p{font-size:16px;line-height:1.6;color:#515154;margin:0 0 18px}
#ig-portfolio.pd-preview .pd-inline-disclosure>div h3{font-size:19px;margin:24px 0 14px}
#ig-portfolio.pd-preview .pd-job-timeline{padding:8px 40px}
#ig-portfolio.pd-preview .pd-job-timeline>article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px;padding:32px 0;border-bottom:1px solid #d2d2d7}
#ig-portfolio.pd-preview .pd-job-date{font-size:13px;line-height:1.5;color:var(--pd-muted);padding-top:5px}
#ig-portfolio.pd-preview .pd-job-timeline h3{font-size:23px;font-weight:600;line-height:1.2;margin:0 0 10px;letter-spacing:-.015em}
#ig-portfolio.pd-preview .pd-job-timeline .pd-role{font-size:16px;margin:0 0 16px}
#ig-portfolio.pd-preview .pd-award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
#ig-portfolio.pd-preview .pd-award-grid article{border-top:1px solid #d2d2d7;padding:26px 0 30px}
#ig-portfolio.pd-preview .pd-award-grid article>span{font-size:14px;color:var(--pd-muted)}
#ig-portfolio.pd-preview .pd-award-grid h3{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:14px 0}
#ig-portfolio.pd-preview .pd-award-grid p{font-size:15px;line-height:1.5;color:var(--pd-muted);margin:0 0 10px}
#ig-portfolio.pd-preview .pd-award-grid .pd-award-status{color:var(--pd-ink);font-weight:500}
#ig-portfolio.pd-preview .pd-history-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:40px 0;align-items:start;border-top:1px solid #d2d2d7}
#ig-portfolio.pd-preview .pd-chapter-copy{padding:12px 0}
#ig-portfolio.pd-preview .pd-chapter-copy h3{font-size:28px;letter-spacing:-.025em;line-height:1.14;font-weight:600;margin:0 0 24px}
#ig-portfolio.pd-preview .pd-chapter-copy>p:not(.pd-eyebrow){font-size:16px;line-height:1.65;color:#515154;margin:0 0 18px}
#ig-portfolio.pd-preview .pd-image{margin:0;min-width:0}
#ig-portfolio.pd-preview .pd-image button{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:22px;background:#ededf0;overflow:hidden;cursor:zoom-in}
#ig-portfolio.pd-preview .pd-image img{width:100%;height:100%;display:block}
#ig-portfolio.pd-preview .pd-image figcaption{font-size:13px;line-height:1.45;color:var(--pd-muted);margin:12px 3px 0}
#ig-portfolio.pd-preview .pd-editorial-art{background:#fff;border-radius:22px;aspect-ratio:4/3;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#ig-portfolio.pd-preview .pd-editorial-art>span{font-size:64px;line-height:1;letter-spacing:-.05em;font-weight:600}
#ig-portfolio.pd-preview .pd-editorial-art h4{font-size:26px;line-height:1.15;font-weight:600;margin:24px 0 12px}
#ig-portfolio.pd-preview .pd-editorial-art p{font-size:15px;line-height:1.5;color:var(--pd-muted);margin:0 0 20px}
#ig-portfolio.pd-preview .pd-editorial-art small{font-size:12px;line-height:1.4;color:var(--pd-muted)}
#ig-portfolio.pd-preview .pd-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px;margin:44px auto}
#ig-portfolio.pd-preview .pd-contact-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:#fff;border:1px solid transparent;border-radius:24px;min-width:0;text-decoration:none;color:var(--pd-ink);transition:background .2s,border-color .2s}
#ig-portfolio.pd-preview a.pd-contact-card:hover{background:#fcfcfd;border-color:#d2d2d7}
#ig-portfolio.pd-preview .pd-contact-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:30px;color:#515154}
#ig-portfolio.pd-preview .pd-contact-icon svg{width:42px;height:42px;display:block}
#ig-portfolio.pd-preview .pd-contact-icon.pd-telegram svg{width:48px;height:48px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-instagram{color:#1d1d1f}
#ig-portfolio.pd-preview .pd-contact-card h2{font-size:25px;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px;font-weight:600}
#ig-portfolio.pd-preview .pd-contact-card>p{font-size:16px;line-height:1.5;overflow-wrap:anywhere;color:var(--pd-muted);margin:0 0 30px}
#ig-portfolio.pd-preview .pd-contact-action{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--pd-blue);margin-top:auto}
#ig-portfolio.pd-preview .pd-contact-action svg,#ig-portfolio.pd-preview .pd-pdf-links svg,#ig-portfolio.pd-preview .pd-case-links svg,#ig-portfolio.pd-preview .pd-skill-evidence .r8-text-action svg{width:18px;height:18px;flex-shrink:0}
#ig-portfolio.pd-preview .pd-pdf-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
#ig-portfolio.pd-preview .pd-pdf-links a{display:inline-flex;align-items:center;gap:6px;color:var(--pd-blue);background:#f5f5f7;border-radius:999px;padding:10px 12px;text-decoration:none;font-size:14px}
#ig-portfolio.pd-preview .pd-pdf-links a span{color:var(--pd-muted);font-size:11px}
#ig-portfolio.pd-preview .skill-environment-card .competency-art{width:160px;height:160px;object-fit:contain;max-width:100%}
#ig-portfolio.pd-preview .r9-art-zone{height:180px}
#ig-portfolio.pd-preview dialog.pd-skill-dialog{width:min(1120px,calc(100vw - 64px));max-width:none;padding:48px;border:0;border-radius:28px;box-sizing:border-box;background:#fff;color:#1d1d1f;max-height:calc(100dvh - 64px);overflow-y:auto}
#ig-portfolio.pd-preview .pd-skill-header{padding-right:28px;margin-bottom:40px;position:relative}
#ig-portfolio.pd-preview .pd-skill-header>img{width:88px;height:88px;object-fit:contain;margin:0 0 16px}
#ig-portfolio.pd-preview .pd-skill-header h2{font-size:40px;line-height:1.1;letter-spacing:-.03em;font-weight:600;margin:0}
#ig-portfolio.pd-preview .pd-skill-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
#ig-portfolio.pd-preview .pd-skill-copy>p,#ig-portfolio.pd-preview .pd-skill-copy li,#ig-portfolio.pd-preview .pd-skill-evidence>p{font-size:16px;line-height:1.6;color:#515154;margin:0 0 18px}
#ig-portfolio.pd-preview .pd-skill-copy h3{font-size:19px;margin:32px 0 16px}
#ig-portfolio.pd-preview .pd-skill-copy ul{padding-left:18px}
#ig-portfolio.pd-preview .pd-skill-evidence{background:#f5f5f7;border-radius:22px;padding:28px;min-width:0}
#ig-portfolio.pd-preview .pd-skill-evidence h3{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px;font-weight:600}
#ig-portfolio.pd-preview .pd-skill-evidence .pd-evidence-role{font-size:14px;color:var(--pd-muted);margin-bottom:24px}
#ig-portfolio.pd-preview .pd-skill-evidence .pd-image{margin-bottom:24px}
#ig-portfolio.pd-preview .pd-skill-evidence .pd-image figcaption{display:none}
#ig-portfolio.pd-preview .pd-info-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#ig-portfolio.pd-preview .pd-info-selector button{border:0;border-radius:18px;background:#e8e8ed;color:#515154;padding:10px 12px;font-size:13px;line-height:1.3;cursor:pointer;min-height:44px;text-align:left}
#ig-portfolio.pd-preview .pd-info-selector button[aria-pressed=true]{background:#1d1d1f;color:#fff}
#ig-portfolio.pd-preview .pd-info-image{border:0;padding:12px;background:#fff;border-radius:16px;width:100%;height:360px;cursor:zoom-in}
#ig-portfolio.pd-preview .pd-info-image img{display:block;max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain}
#ig-portfolio.pd-preview .pd-info-caption{font-size:14px;line-height:1.5;margin:14px 0 8px;color:#515154}
#ig-portfolio.pd-preview .pd-small{font-size:12px;color:var(--pd-muted);margin:0 0 24px;line-height:1.4}
#ig-portfolio.pd-preview .skill-detail-close{display:grid;place-items:center;padding:0;width:36px;height:36px;position:sticky;top:0;margin:0 0 -36px auto;z-index:2}
#ig-portfolio.pd-preview .skill-detail-close svg{width:22px;height:22px;display:block;transform:none}
#ig-portfolio.pd-preview .pd-image-dialog{padding:52px 20px 20px;border:0;border-radius:24px;background:white;width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:none;max-height:none;box-sizing:border-box}
#ig-portfolio.pd-preview .pd-image-dialog>button{position:absolute;right:16px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;background:#ededf0;border:0;border-radius:50%;cursor:pointer}
#ig-portfolio.pd-preview .pd-image-dialog>button svg{width:24px;height:24px}
#ig-portfolio.pd-preview .pd-image-dialog>img{width:100%;height:100%;object-fit:contain;display:block}
#ig-portfolio.pd-preview .pd-case-links{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0 40px}
#ig-portfolio.pd-preview .pd-case-links a{display:inline-flex;align-items:center;gap:8px;color:var(--pd-blue);font-size:16px;text-decoration:none;min-height:44px}
#ig-portfolio.pd-preview .pd-case>.pd-image button{aspect-ratio:16/10;background:#fff}
#ig-portfolio.pd-preview .pd-case-snapshot{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px;padding:40px 0;border-bottom:1px solid #d2d2d7;margin:0 0 56px}
#ig-portfolio.pd-preview .pd-case-snapshot strong{font-size:30px;line-height:1.1;letter-spacing:-.03em;display:block;margin-bottom:18px;font-weight:600}
#ig-portfolio.pd-preview .pd-case-snapshot p{font-size:14px;line-height:1.55;color:var(--pd-muted);margin:0}
#ig-portfolio.pd-preview .pd-case-prose{max-width:720px;margin:64px auto}
#ig-portfolio.pd-preview .pd-case-prose h2{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:40px 0 24px}
#ig-portfolio.pd-preview .pd-case-prose p{font-size:17px;line-height:1.65;margin:0 0 20px;color:#515154}
#ig-portfolio.pd-preview .pd-case-stage{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:stretch;border-radius:28px;background:#fff;overflow:hidden;min-height:520px;transition:grid-template-columns .3s ease}
#ig-portfolio.pd-preview .pd-case-stage:has(details[open]){grid-template-columns:minmax(300px,1fr) minmax(0,1.1fr)}
#ig-portfolio.pd-preview .pd-case-controls{padding:32px 24px 32px 32px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative;z-index:1}
#ig-portfolio.pd-preview .pd-case-controls details{background:transparent;border:0;padding:0;margin:0;min-width:0}
#ig-portfolio.pd-preview .pd-case-controls summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ededf0;border-radius:24px;padding:14px 18px;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;width:fit-content;max-width:100%;box-sizing:border-box;min-height:48px}
#ig-portfolio.pd-preview .pd-case-controls summary::-webkit-details-marker{display:none}
#ig-portfolio.pd-preview .pd-case-controls summary>span:last-child{display:grid;place-items:center;flex-shrink:0}
#ig-portfolio.pd-preview .pd-case-controls summary svg{display:block;width:22px;height:22px}
#ig-portfolio.pd-preview .pd-case-controls details[open] summary{background:#1d1d1f;color:#fff}
#ig-portfolio.pd-preview .pd-case-controls details[open] summary svg{transform:rotate(45deg)}
#ig-portfolio.pd-preview .pd-case-controls details>div{background:#f5f5f7;border-radius:22px;padding:22px;margin-top:12px}
#ig-portfolio.pd-preview .pd-case-controls p{font-size:16px;line-height:1.6;margin:0 0 16px;color:#515154}
#ig-portfolio.pd-preview .pd-collapse{border:0;padding:6px 0;background:none;color:var(--pd-blue);font-size:14px;cursor:pointer}
#ig-portfolio.pd-preview .pd-case-stage-image{padding:24px;min-height:480px;display:grid;place-items:stretch;background:#f0f0f3}
#ig-portfolio.pd-preview .pd-case-stage-image button{display:block;border:0;background:transparent;padding:0;position:relative;width:100%;height:100%;min-height:380px;cursor:zoom-in}
#ig-portfolio.pd-preview .pd-case-stage-image img{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:16px}
#ig-portfolio.pd-preview .pd-case-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#ig-portfolio.pd-preview .pd-before-launch{max-width:720px;margin:64px auto 24px}
#ig-portfolio.pd-preview .pd-before-launch h2{font-size:24px;letter-spacing:-.015em;margin:0 0 20px}
#ig-portfolio.pd-preview .pd-before-launch p{font-size:17px;line-height:1.6;color:#515154}
#ig-portfolio.pd-preview .pd-method-example{margin-top:36px;padding-top:26px;border-top:1px solid #d2d2d7}
#ig-portfolio.pd-preview .pd-method-example h3{font-size:19px;margin:0 0 16px}
#ig-portfolio.pd-preview .ig-language-menu{width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:6px}
#ig-portfolio.pd-preview .ig-language-menu [data-lang]{width:100%;display:flex;justify-content:space-between;gap:18px;padding:9px 10px}
#ig-portfolio.pd-preview :is(.pd-contact-card,.pd-pdf-links a,.pd-info-selector button,.pd-case-controls summary):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
@container(max-width:780px){#ig-portfolio.pd-preview .pd-current-job{grid-template-columns:1fr;padding:28px;gap:32px}#ig-portfolio.pd-preview .pd-system h4 br{display:none}#ig-portfolio.pd-preview .pd-history-chapter{gap:28px}#ig-portfolio.pd-preview .pd-job-timeline{padding:0 12px}#ig-portfolio.pd-preview .pd-job-timeline>article{grid-template-columns:140px 1fr;gap:24px}#ig-portfolio.pd-preview .pd-case-stage,#ig-portfolio.pd-preview .pd-case-stage:has(details[open]){grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-case-controls{padding:24px;display:block}#ig-portfolio.pd-preview .pd-case-controls details{margin-bottom:12px}#ig-portfolio.pd-preview .pd-case-stage-image{min-height:320px}#ig-portfolio.pd-preview .pd-case-stage-image button{min-height:300px}}
@container(max-width:559px){#ig-portfolio.pd-preview .pd-section{margin:64px 0}#ig-portfolio.pd-preview .pd-metric-grid{grid-template-columns:1fr;gap:28px}#ig-portfolio.pd-preview .pd-metric-grid strong{font-size:46px;margin-bottom:12px}#ig-portfolio.pd-preview .pd-metric-grid p{max-width:40ch}#ig-portfolio.pd-preview .pd-job-timeline>article{grid-template-columns:1fr;gap:12px;padding:28px 0}#ig-portfolio.pd-preview .pd-history-chapter{grid-template-columns:1fr;gap:24px;padding:32px 0}#ig-portfolio.pd-preview .pd-chapter-copy{padding:0}#ig-portfolio.pd-preview .pd-award-grid{grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-contact-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}#ig-portfolio.pd-preview .pd-contact-card{padding:28px}#ig-portfolio.pd-preview .pd-contact-icon{margin-bottom:24px}#ig-portfolio.pd-preview .skill-environment-card .competency-art{width:120px;height:120px}#ig-portfolio.pd-preview .r9-art-zone{height:140px}#ig-portfolio.pd-preview .pd-case-snapshot{grid-template-columns:1fr;gap:28px}#ig-portfolio.pd-preview .pd-case-material-grid{grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-case-stage-image{padding:16px}#ig-portfolio.pd-preview .pd-section h2{font-size:28px}}
@media(max-width:850px){#ig-portfolio.pd-preview dialog.pd-skill-dialog{padding:28px;width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}#ig-portfolio.pd-preview .pd-skill-layout{grid-template-columns:1fr;gap:24px}#ig-portfolio.pd-preview .pd-skill-header h2{font-size:32px}#ig-portfolio.pd-preview .pd-skill-evidence{padding:20px}#ig-portfolio.pd-preview .pd-info-image{height:320px}}
@media(prefers-reduced-motion:reduce){#ig-portfolio.pd-preview .pd-case-stage,#ig-portfolio.pd-preview .pd-contact-card{transition:none}}
/* Revision 2 — full-frame scene and a calmer page rhythm. */
#ig-portfolio.pd-preview .pd-system h4{max-width:9ch;line-height:1.18}
#ig-portfolio.pd-preview .pd-section{margin-block:104px}
#ig-portfolio.pd-preview .pd-metric-grid{gap:40px}
#ig-portfolio.pd-preview .pd-metric-grid article{border-top:0;padding-top:8px}
#ig-portfolio.pd-preview .pd-results{padding-block:8px 16px}
#ig-portfolio.pd-preview .pd-current-job{padding:40px 0;background:transparent;border-radius:0;border-top:1px solid #d2d2d7}
#ig-portfolio.pd-preview .pd-job-timeline{padding:0}
#ig-portfolio.pd-preview .pd-current-job h3{font-size:30px;max-width:16ch}
#ig-portfolio.pd-preview .pd-system{background:#fff;padding:32px}
#ig-portfolio.pd-preview .pd-history-chapter{border-top:0;padding-block:36px;gap:48px}
#ig-portfolio.pd-preview .pd-chapter-copy{padding-top:20px}
#ig-portfolio.pd-preview .pd-production-proof{background:#fff;border-radius:22px;padding:28px}
#ig-portfolio.pd-preview .pd-production-proof h4{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px}
#ig-portfolio.pd-preview .pd-production-proof .pd-image button{aspect-ratio:16/10;border-radius:12px}
#ig-portfolio.pd-preview .pd-production-proof .pd-image figcaption{font-size:12px}
#ig-portfolio.pd-preview .pd-production-roles{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
#ig-portfolio.pd-preview .pd-production-roles span{border-radius:999px;background:#f5f5f7;color:#515154;padding:8px 10px;font-size:12px;line-height:1.3}
#ig-portfolio.pd-preview .pd-contact-grid{max-width:780px;gap:16px;margin:32px auto}
#ig-portfolio.pd-preview .pd-contact-card{padding:24px;border-radius:22px}
#ig-portfolio.pd-preview .pd-contact-icon{width:40px;height:40px;margin-bottom:20px}
#ig-portfolio.pd-preview .pd-contact-card h2{font-size:22px;margin-bottom:8px}
#ig-portfolio.pd-preview .pd-contact-card>p{font-size:14px;margin-bottom:22px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-instagram{border-radius:11px;background:radial-gradient(circle at 30% 100%,#feda75 0,#fa7e1e 27%,#d62976 53%,#962fbf 75%,#4f5bd5 100%);color:#fff}
#ig-portfolio.pd-preview .pd-instagram svg{width:34px;height:34px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-mail{background:#007aff;color:#fff;border-radius:10px}
#ig-portfolio.pd-preview .pd-mail svg{width:31px;height:31px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-pdf{background:#fff0ee;color:#d93228;border-radius:10px}
#ig-portfolio.pd-preview .pd-pdf svg{width:32px;height:32px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-telegram{width:48px;height:40px}
#ig-portfolio.pd-preview .pd-contact-icon.pd-telegram svg{width:48px;height:48px}
#ig-portfolio.pd-preview .pd-skill-header{margin-bottom:32px;padding-top:12px}
#ig-portfolio.pd-preview .pd-award-grid .r8-text-action{font-size:14px;margin-top:14px;color:#0071e3}
#ig-portfolio.pd-preview .pd-immersive-stage,#ig-portfolio.pd-preview .pd-immersive-stage:has(details[open]){display:block;position:relative;isolation:isolate;min-height:650px;background:#c9c8c4;border-radius:28px;overflow:hidden}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-stage-image{position:absolute;inset:0;min-height:0;padding:0;background:none;z-index:-2;display:block}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-stage-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:25% center;border-radius:0}
#ig-portfolio.pd-preview .pd-immersive-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.18))}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls{width:44%;max-width:500px;min-width:300px;margin-left:auto;padding:78px 32px 72px 0;box-sizing:border-box;display:flex;justify-content:flex-start;gap:12px;transition:width .3s ease}
#ig-portfolio.pd-preview .pd-immersive-stage:has(details[open]) .pd-case-controls{width:49%}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls summary{background:rgba(248,248,250,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:15px 19px;border-radius:999px;flex-direction:row-reverse;justify-content:flex-end;gap:12px;color:#1d1d1f;font-size:15px;box-shadow:none}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls summary>span:last-child{border:1px solid currentColor;border-radius:50%;width:21px;height:21px}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls summary svg{width:17px;height:17px}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls details[open] summary{background:rgba(248,248,250,.94);color:#1d1d1f}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls details>div{background:rgba(248,248,250,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:26px;margin-top:12px;width:100%;box-sizing:border-box}
#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls p{color:#1d1d1f;font-size:16px;line-height:1.55}
#ig-portfolio.pd-preview .pd-scene-reset{position:absolute;right:20px;top:20px;width:36px;height:36px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(248,248,250,.9);color:#1d1d1f;cursor:pointer;z-index:3}
#ig-portfolio.pd-preview .pd-scene-reset svg{width:25px;height:25px;display:block}
#ig-portfolio.pd-preview .pd-scene-original{position:absolute;left:24px;bottom:20px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:rgba(248,248,250,.94);padding:11px 15px;color:#1d1d1f;font-size:13px;cursor:pointer;z-index:2}
#ig-portfolio.pd-preview .pd-scene-original svg,#ig-portfolio.pd-preview .pd-scene-proof svg{width:17px;height:17px}
#ig-portfolio.pd-preview .pd-scene-proof{display:flex;align-items:center;gap:8px;border:0;padding:8px 0;background:transparent;color:#0071e3;font-size:14px;cursor:pointer;margin-bottom:8px}
@container(max-width:700px){#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls,#ig-portfolio.pd-preview .pd-immersive-stage:has(details[open]) .pd-case-controls{width:58%;min-width:0;padding:72px 20px 72px 0}#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-stage-image img{object-position:25% center}#ig-portfolio.pd-preview .pd-current-job{padding-block:28px}}
@container(max-width:480px){#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls,#ig-portfolio.pd-preview .pd-immersive-stage:has(details[open]) .pd-case-controls{padding:260px 16px 76px;width:100%;max-width:none}#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-stage-image img{object-position:22% top;height:330px}#ig-portfolio.pd-preview .pd-immersive-stage:after{background:linear-gradient(transparent 180px,#c9c8c4 330px)}#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls summary{font-size:14px}#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls details>div{padding:22px}#ig-portfolio.pd-preview .pd-section{margin-block:72px}#ig-portfolio.pd-preview .pd-history-chapter{gap:24px;padding-block:28px}}
@media(prefers-reduced-transparency:reduce){#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls summary,#ig-portfolio.pd-preview .pd-immersive-stage .pd-case-controls details>div{background:#f5f5f7;backdrop-filter:none}}
/* v3: restrained editorial rhythm, contact dossier and Apple-style controlled scene */
#ig-portfolio.pd-preview .pd-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
#ig-portfolio.pd-preview .pd-metric-grid article{display:grid;grid-template-rows:70px 56px minmax(8.2em,auto);gap:14px;align-content:start}
#ig-portfolio.pd-preview .pd-metric-grid article strong{font-size:clamp(32px,4cqw,50px);margin:0;align-self:end}
#ig-portfolio.pd-preview .pd-metric-grid h3{font-size:19px;line-height:1.4;margin:0;min-height:2.8em}
#ig-portfolio.pd-preview .pd-metric-grid article p{font-size:16px;line-height:1.6;margin:0;text-wrap:pretty}
#ig-portfolio.pd-preview .pd-current-job{grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);gap:32px}
#ig-portfolio.pd-preview .pd-current-job h3{max-width:none;font-size:clamp(22px,2.7cqw,30px);text-wrap:balance}
#ig-portfolio.pd-preview .pd-contact-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.55fr);gap:16px;max-width:1050px;margin:0 auto 24px;align-items:start}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-grid{margin:0;max-width:none;gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}
#ig-portfolio.pd-preview .pd-resume-card{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden}
#ig-portfolio.pd-preview .pd-resume-card h2{font-size:26px;letter-spacing:-.02em;margin:0 0 12px;font-weight:600}
#ig-portfolio.pd-preview .pd-resume-card>p{font-size:15px;line-height:1.5;color:#626268;margin:0}
#ig-portfolio.pd-preview .pd-document-art{width:80%;box-sizing:border-box;min-height:180px;margin:32px auto;padding:24px 20px;background:#fafafa;border:1px solid #e5e5e7;transform:rotate(-5deg);border-radius:6px;box-shadow:0 12px 26px #0000000b;display:flex;flex-direction:column;gap:10px;color:#515154}
#ig-portfolio.pd-preview .pd-document-art span{font-size:12px}
#ig-portfolio.pd-preview .pd-document-art strong{font-size:15px;margin-bottom:14px;font-weight:600}
#ig-portfolio.pd-preview .pd-document-art i{height:3px;width:100%;background:#d2d2d7;border-radius:3px}
#ig-portfolio.pd-preview .pd-document-art i:nth-last-child(1){width:65%}
#ig-portfolio.pd-preview .pd-resume-languages{margin-top:auto;width:100%}
#ig-portfolio.pd-preview .pd-resume-languages a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #e5e5e7;color:#0071e3;text-decoration:none;font-size:15px}
#ig-portfolio.pd-preview .pd-resume-languages svg{width:18px;height:18px}
#ig-portfolio.pd-preview .pd-linkedin{color:#0a66c2}
#ig-portfolio.pd-preview .pd-linkedin svg{width:38px;height:38px}
#ig-portfolio.pd-preview .case-material-track,#ig-portfolio.pd-preview .pd-case-material-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding-bottom:18px}
#ig-portfolio.pd-preview .case-material-track>.case-material,#ig-portfolio.pd-preview .pd-case-material-grid>.pd-image{flex:0 0 clamp(230px,31cqw,340px);scroll-snap-align:start;margin:0}
#ig-portfolio.pd-preview .case-material-track .media-frame,#ig-portfolio.pd-preview .pd-case-material-grid .pd-image button{height:auto;aspect-ratio:4/3;min-height:0;border-radius:18px}
#ig-portfolio.pd-preview .case-material-track .case-material figcaption{font-size:13px;line-height:1.4;margin-top:12px}
#ig-portfolio.pd-preview .pd-apple-stage{position:relative;isolation:isolate;overflow:hidden;background:#e5e5e7;border-radius:28px;min-height:620px;display:flex;align-items:center;padding:56px 58px 56px 76px;box-sizing:border-box}
#ig-portfolio.pd-preview .pd-scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
#ig-portfolio.pd-preview .pd-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00000022,transparent 80%);z-index:-2}
#ig-portfolio.pd-preview .pd-apple-topics{width:46%;max-width:460px;min-width:270px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:width .32s ease}
#ig-portfolio.pd-preview .pd-apple-stage:has(details[open]) .pd-apple-topics{width:52%;max-width:520px}
#ig-portfolio.pd-preview .pd-apple-topics details{border:0;background:none;margin:0;padding:0;max-width:100%;width:100%}
#ig-portfolio.pd-preview .pd-apple-topics summary{list-style:none;display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;box-sizing:border-box;background:#eeedf0e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;padding:16px 20px;font-size:16px;font-weight:600;line-height:1.3;color:#1d1d1f;cursor:pointer;min-height:52px}
#ig-portfolio.pd-preview .pd-apple-topics summary::-webkit-details-marker{display:none}
#ig-portfolio.pd-preview .pd-apple-plus{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border:1px solid currentColor;border-radius:50%}
#ig-portfolio.pd-preview .pd-apple-plus svg{width:17px;height:17px;display:block}
#ig-portfolio.pd-preview .pd-apple-topics details[open]>summary{display:none}
#ig-portfolio.pd-preview .pd-apple-panel{background:#eeedf0f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:26px;border-radius:24px;width:100%;box-sizing:border-box}
#ig-portfolio.pd-preview .pd-apple-panel h3{display:inline;font-size:17px;line-height:1.55;font-weight:600;letter-spacing:0;margin:0 0 10px}
#ig-portfolio.pd-preview .pd-apple-panel p{font-size:16px;line-height:1.55;color:#1d1d1f;margin:12px 0 0}
#ig-portfolio.pd-preview .pd-apple-panel .pd-scene-proof{margin:20px 0 0;padding:0;line-height:1.4;font-size:14px}
#ig-portfolio.pd-preview .pd-apple-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;position:absolute;right:20px;top:20px;background:#eeedf0ee;color:#1d1d1f;cursor:pointer;z-index:3}
#ig-portfolio.pd-preview .pd-apple-close[hidden]{display:none}
#ig-portfolio.pd-preview .pd-apple-close svg{display:block;width:24px;height:24px}
#ig-portfolio.pd-preview .pd-scene-rail{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}
#ig-portfolio.pd-preview .pd-scene-rail button{border:0;border-radius:50%;background:#eeedf0e8;width:34px;height:34px;padding:0;display:grid;place-items:center;color:#1d1d1f;cursor:pointer}
#ig-portfolio.pd-preview .pd-scene-rail button:disabled{opacity:.35;cursor:default}
#ig-portfolio.pd-preview .pd-scene-rail svg{display:block;width:20px;height:20px;transform:rotate(90deg)}
#ig-portfolio.pd-preview [data-pd-scene="2"] .pd-scene-bg{object-position:15% center}
@container(min-width:850px){#ig-portfolio.pd-preview .pd-current-job h3{white-space:nowrap}}
@container(max-width:700px){#ig-portfolio.pd-preview .pd-contact-layout{grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-resume-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}#ig-portfolio.pd-preview .pd-resume-card .pd-contact-icon{grid-column:1}#ig-portfolio.pd-preview .pd-document-art{grid-column:2;grid-row:1/5;margin:0 auto;min-height:150px}#ig-portfolio.pd-preview .pd-resume-languages{grid-column:1}#ig-portfolio.pd-preview .pd-apple-stage{padding:56px 20px 40px 60px}#ig-portfolio.pd-preview .pd-apple-topics,#ig-portfolio.pd-preview .pd-apple-stage:has(details[open]) .pd-apple-topics{width:68%;min-width:0}#ig-portfolio.pd-preview .pd-scene-rail{left:12px}#ig-portfolio.pd-preview .pd-apple-panel{padding:22px}#ig-portfolio.pd-preview .pd-current-job{grid-template-columns:1fr}}
@container(max-width:480px){#ig-portfolio.pd-preview .pd-metric-grid{grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-metric-grid article{grid-template-rows:auto auto auto;gap:12px}#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-grid{grid-template-columns:1fr}#ig-portfolio.pd-preview .pd-apple-stage{padding:260px 16px 28px;min-height:600px;align-items:flex-start}#ig-portfolio.pd-preview .pd-apple-topics,#ig-portfolio.pd-preview .pd-apple-stage:has(details[open]) .pd-apple-topics{width:100%;max-width:none}#ig-portfolio.pd-preview .pd-scene-bg{height:340px;object-position:center top}#ig-portfolio.pd-preview .pd-scene-shade{background:linear-gradient(transparent 180px,#e5e5e7 340px)}#ig-portfolio.pd-preview .pd-scene-rail{top:210px;left:16px;transform:none;flex-direction:row}#ig-portfolio.pd-preview .pd-apple-panel p{font-size:16px}#ig-portfolio.pd-preview .pd-resume-card{display:flex}#ig-portfolio.pd-preview .pd-document-art{display:none}}
@media(prefers-reduced-motion:reduce){#ig-portfolio.pd-preview .pd-apple-topics{transition:none}}
#ig-portfolio.pd-preview .pd-award-archive{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
#ig-portfolio.pd-preview .pd-award-archive button{display:block;aspect-ratio:3/4;border:0;background:#fff;border-radius:12px;padding:8px;cursor:zoom-in}
#ig-portfolio.pd-preview .pd-award-archive img{width:100%;height:100%;object-fit:contain;display:block}
@container(max-width:480px){#ig-portfolio.pd-preview .pd-award-archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
#ig-portfolio.pd-preview .pd-award-archive figure{margin:0;min-width:0}
#ig-portfolio.pd-preview .pd-award-archive button{width:100%}
#ig-portfolio.pd-preview .pd-award-archive figcaption{font-size:12px;line-height:1.4;color:#515154;margin:10px 0 0}
#ig-portfolio.pd-preview .pd-award-archive small{display:block;color:#6e6e73;margin-top:6px}
#ig-portfolio.pd-preview .pd-resume-card>.pd-contact-icon{display:none}
#ig-portfolio.pd-preview .pd-document-art{min-height:130px;margin-block:22px;padding:20px 16px;gap:8px}
#ig-portfolio.pd-preview .pd-document-art strong{font-size:13px;margin-bottom:8px}
#ig-portfolio.pd-preview .pd-resume-languages a{padding-block:10px}
#ig-portfolio.pd-preview .pd-contact-card>p{word-break:normal;overflow-wrap:normal;font-size:13px}
#ig-portfolio.pd-preview .pd-contacts .r10-section-intro{margin-bottom:20px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-card{
 display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;
 align-content:start;align-items:start;padding:12px;border-radius:14px
}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-card .pd-contact-icon{
 grid-column:1;grid-row:1 / span 3;width:36px;height:36px;margin:0
}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-card .pd-contact-icon :is(img,svg){max-width:36px;max-height:36px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-card h2{grid-column:2;font-size:18px;margin:0}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-card>p{grid-column:2;margin:3px 0 0;overflow-wrap:anywhere}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-action{grid-column:2;margin:6px 0 0;font-size:13px;gap:5px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-contact-action svg{width:14px;height:14px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-resume-card{padding:12px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-resume-card h2{font-size:22px;margin-bottom:4px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-document-art{width:min(80%,145px);min-height:0;margin-block:12px;padding:12px}
#ig-portfolio.pd-preview .pd-contact-layout .pd-resume-languages a{padding-block:6px;min-height:36px}
@container(max-width:480px){
 #ig-portfolio.pd-preview .pd-contact-layout .pd-resume-card{display:block}
 #ig-portfolio.pd-preview .pd-contact-layout .pd-document-art{display:none}
 #ig-portfolio.pd-preview .pd-contact-layout .pd-resume-languages{margin-top:8px}
}
@supports (background-clip:text) {
  #ig-portfolio.pd-preview .native-profile > p:first-of-type {
    background:linear-gradient(100deg,#1859a5,#673ab0 55%,#a13768);
    background-clip:text;
    color:transparent;
  }
}
@media (forced-colors:active) {
  #ig-portfolio.pd-preview .native-profile > p:first-of-type {color:CanvasText;background:none}
}
#ig-portfolio.pd-preview .skill-environment-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:24px;
}
#ig-portfolio.pd-preview .skill-environment-card .r9-art-zone {
  width:100%;
  display:grid;
  place-items:center;
  background:#f5f5f7;
  border-radius:16px;
  margin-bottom:20px;
}
#ig-portfolio.pd-preview .skill-environment-card .skill-plus {
  position:static;
  align-self:flex-end;
  margin-top:auto;
}

/* Shared accents for evidence and editorial headings. */
#ig-portfolio.pd-preview {
  --pd-gradient-metric: url("https://www.apple.com/v/macbook-air/z/images/overview/apple-intelligence/apple_intelligence_privacy_gradient__fwor1tjecwy2_large_2x.jpg");
  --pd-gradient-heading: linear-gradient(90deg, #022640, #5786AB);
}
@supports (background-clip:text) {
  #ig-portfolio.pd-preview :is(.native-profile > p:first-of-type, .pd-metric-grid strong, .pd-case-snapshot strong, .case-snapshot dt, .pd-editorial-art > span) {
    background-image:var(--pd-gradient-metric);
    background-clip:text;
    color:transparent;
    background-size:100% 100%;
    background-color:#55369a;
  }
  #ig-portfolio.pd-preview :is(.pd-results > h2, .pd-history > header h2, .pd-closer > header h2) {
    background-image:var(--pd-gradient-heading);
    background-clip:text;
    color:transparent;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
}
@media (forced-colors:active) {
  #ig-portfolio.pd-preview :is(.native-profile > p:first-of-type, .pd-metric-grid strong, .pd-case-snapshot strong, .case-snapshot dt, .pd-editorial-art > span, .pd-results > h2, .pd-history > header h2, .pd-closer > header h2) {
    background:none;
    color:CanvasText;
  }
}
.pd-system-image{display:block;width:100%;height:auto;border-radius:18px}
.pd-about-folders{margin-block:48px}
.pd-about-folders summary{display:flex;align-items:center;gap:16px;padding:14px;cursor:pointer;font-weight:600}
.pd-about-folders summary img,.pd-mail img{width:42px;height:42px;object-fit:contain}
#ig-portfolio.pd-preview .pd-mail{background:none}
#ig-portfolio.pd-preview .v7-project-caption h2{font-size:clamp(24px,3cqw,36px)}
@supports(background-clip:text){
#ig-portfolio.pd-preview :is(.v7-project-caption h2,.case-heading h1,.r10-method-card .r10-eyebrow){background:var(--pd-gradient-metric) center/100% 100%;background-color:#55369a;background-clip:text;color:transparent}
}
#ig-portfolio.pd-preview .ig-lightbox-tools,#ig-portfolio.pd-preview :is(.case-material-track,.pd-case-material-grid) figcaption{display:none}
#ig-portfolio.pd-preview :is(.case-material-track>.case-material,.pd-case-material-grid>.pd-image){flex-basis:clamp(105px,18cqw,185px)}
#ig-portfolio.pd-preview :is(.case-material-track .media-frame,.pd-case-material-grid .pd-image button){aspect-ratio:1}

.pd-folder-row {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,132px));
  gap:clamp(8px,2cqw,20px);
  align-items:start;
}
.pd-folder-row button {
  display:grid;
  justify-items:center;
  gap:6px;
  padding:12px 4px;
  border:0;
  border-radius:12px;
  background:none;
  color:inherit;
  font-weight:500;
  font-family:inherit;
  font-size:clamp(12px,1.7cqw,15px);
  line-height:1.25;
  text-align:center;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.pd-folder-row img {
  width:min(100%,80px);
  aspect-ratio:1;
  object-fit:contain;
}

#ig-portfolio.pd-preview .pd-archive-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,76px),1fr));
  gap:5px;
}
#ig-portfolio.pd-preview .pd-archive-grid button {
  display:block;
  width:100%;
  aspect-ratio:1;
  border:0;
  padding:0;
  overflow:hidden;
  border-radius:5px;
  background:#ededf0;
  cursor:zoom-in;
}
#ig-portfolio.pd-preview .pd-archive-grid img {
  width:100%;
  height:100%;
  object-fit:cover;
}
#ig-portfolio.pd-preview .pd-captioned-viewer > img {height:calc(100% - 2.5rem)}
#ig-portfolio.pd-preview .pd-viewer-caption {text-align:center;margin:10px 0}

.pd-folder-row button {
  font-size:11px;
  overflow-wrap:normal;
}
.pd-folder-row button span {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-wrap:balance;
}
.pd-folder-row {margin-inline-start:-4px}
#ig-portfolio.pd-preview .pd-award-archive {grid-template-columns:repeat(5,minmax(0,1fr))}
#ig-portfolio.pd-preview .v7-project-caption h2 {font-size:clamp(28px,4.5cqw,46px);line-height:1.1}
#ig-portfolio.pd-preview .pd-apple-panel .pd-scene-proof {margin:10px 0 0}
#ig-portfolio.pd-preview .pd-case-links {margin:8px 0 24px;gap:12px}
#ig-portfolio.pd-preview .pd-case-links a {min-height:36px}
#ig-portfolio.pd-preview .pd-skills > header {display:contents}
@container(max-width:480px){
  #ig-portfolio.pd-preview .pd-award-archive {grid-template-columns:repeat(3,minmax(0,1fr))}
}
#ig-portfolio.pd-preview .pd-scene-bg[hidden] {display:none}
#ig-portfolio.pd-preview .pd-scene-text-only .pd-scene-shade {display:none}
#ig-portfolio.pd-preview .pd-scene-text-only {background:#e7ecf1}

#ig-portfolio.pd-preview .ig-content .v7-project .v7-project-caption h2 {
  font-size:clamp(19px,3cqw,26px);
  overflow-wrap:anywhere;
  white-space:normal;
  line-height:1.12;
  letter-spacing:-.025em;
}
#ig-portfolio.pd-preview dialog.pd-skill-dialog > .skill-detail-close {
  position:absolute;
  inset:16px 16px auto auto;
  margin:0;
  z-index:3;
}
#ig-portfolio.pd-preview .pd-document-entry {margin:0 0 18px}
#ig-portfolio.pd-preview .pd-inline-disclosure .pd-document-entry p {margin:0}
#ig-portfolio.pd-preview .pd-document-entry .r8-text-action {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 0;
  margin:2px 0 0;
  min-height:32px;
}
#ig-portfolio.pd-preview .pd-document-entry .r8-text-action svg {width:16px;height:16px}

#ig-portfolio.pd-preview .pd-award-grid .pd-award-description {margin-bottom:4px}
#ig-portfolio.pd-preview .pd-award-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 20px;
}
#ig-portfolio.pd-preview .pd-award-actions .r8-text-action {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:4px 0;
  min-height:32px;
}
#ig-portfolio.pd-preview .pd-award-actions svg {width:16px;height:16px;flex:none}

#ig-portfolio.pd-preview :is(.r8-text-action,.ig-action,.v7-project-arrow) > svg {
  width:18px;
  height:18px;
  flex:none;
  vertical-align:middle;
}
#ig-portfolio.pd-preview .v7-project-arrow {display:grid;align-self:start;place-items:center}
#ig-portfolio.pd-preview .v6-video-dialog header button svg {width:24px;height:24px}

#ig-portfolio.pd-preview .pd-award-show-all {margin-top:14px}
#ig-portfolio.pd-preview .pd-award-archive figure[hidden] {display:none}
#ig-portfolio.pd-preview dialog.pd-award-lightbox {
  width:calc(100vw - 24px);
  height:calc(100dvh - 24px);
  max-width:none;
  max-height:none;
}

/* Keep reading sections connected while retaining separation between topics. */
#ig-portfolio.pd-preview .pd-section { margin-block:clamp(36px, 6cqw, 68px); }
#ig-portfolio.pd-preview .portfolio-case :is(.case-copy,.pd-case-prose,.pd-section) { margin-block:clamp(26px, 4cqw, 44px); }
#ig-portfolio.pd-preview .portfolio-case :is(.case-copy,.pd-case-prose,.pd-section) h2 { margin-block:0 14px; }
#ig-portfolio.pd-preview .portfolio-case .pd-case-prose p + h2 { margin-top:28px; }
#ig-portfolio.pd-preview :is(.case-copy,.pd-case-prose,.pd-apple-panel) p { margin-block:0 12px; }
#ig-portfolio.pd-preview :is(.case-copy,.pd-case-prose,.pd-apple-panel) p:last-child { margin-bottom:0; }
#ig-portfolio.pd-preview .pd-scene-bg { filter:saturate(.7); }
#ig-portfolio.pd-preview .pd-calculator-demo { display:grid; gap:12px; margin:16px 0 0; }
#ig-portfolio.pd-preview .pd-calculator-demo [data-tool-slide] { display:grid; gap:8px; width:100%; padding:0; border:0; background:none; color:inherit; text-align:left; cursor:zoom-in; }
#ig-portfolio.pd-preview .pd-calculator-demo img { display:block; width:100%; height:auto; border-radius:10px; }
#ig-portfolio.pd-preview .pd-calculator-demo :is(figcaption,button span) { font:inherit; font-size:13px; line-height:1.45; color:var(--pd-muted); }
#ig-portfolio.pd-preview .pd-inline-disclosure > div .pd-calculator-demo + p { margin-top:28px; }
#ig-portfolio.pd-preview .pd-calculator-demo [data-tool-slide][hidden] { display:none; }
#ig-portfolio.pd-preview .pd-tool-controls { display:flex; align-items:center; justify-content:flex-end; gap:12px; font-size:13px; color:var(--pd-muted); }

/* A shared frame for project previews in the catalog. */
#ig-portfolio.pd-preview .ig-content :is(.v7-project > .media-frame,.v6-industry-case img) {
 aspect-ratio:16 / 10;
 border-radius:14px;
 overflow:hidden;
 box-shadow:0 0 0 1px #1d1d1f1a;
 background:#e8e8ed;
}
#ig-portfolio.pd-preview .ig-content .v7-project > .media-frame {
 width:100%;
}
#ig-portfolio.pd-preview .ig-content :is(.v7-project > .media-frame > img,.v6-industry-case img) {
 object-fit:cover;
 object-position:center;
}
#ig-portfolio.pd-preview .v7-project-index:not(.v7-index-list) .v7-project {
 align-self:stretch;
}
#ig-portfolio.pd-preview .v7-project-index:not(.v7-index-list) .v7-project > .media-frame {
 margin-top:auto;
}

#ig-portfolio.pd-preview a.v7-project { text-decoration:none; }
#ig-portfolio.pd-preview .v7-index-list .v7-project-caption { order:0; }
#ig-portfolio.pd-preview #pd-course-lesson { scroll-margin-top:16px; }

#ig-portfolio.pd-preview .portfolio-case > figure figcaption {
  margin: 8px 0 0;
  color: #6e6e73;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.4;
}

#ig-portfolio .ig-hdd > img {
  width:64px;
  height:64px;
  object-fit:contain;
}
.pd-folder-row button span {
  font-size:0.85em;
}
#ig-portfolio .portfolio-case[data-r8-case="10"] h1 {
  max-width:none;
  text-wrap:balance;
  overflow-wrap:normal;
}
#ig-portfolio .case-copy .r8-film-link {
  margin-bottom:0;
  font-size:.875rem;
  line-height:1.4;
}

#ig-portfolio .ig-resume-file { top: 166px; }


/* Contacts: the call banner sits inside the top half of the phone silhouette. */
#ig-portfolio.pd-preview .pd-call-scene {
  position:relative;
  isolation:isolate;
  text-align:center;
  max-width:620px;
  margin:28px auto 12px;
  padding:20px 0 0;
}
#ig-portfolio.pd-preview .pd-call-phone {
  position:absolute;
  z-index:-1;
  top:0;
  left:50%;
  width:min(82%,420px);
  height:calc(100% - 5px);
  transform:translateX(-50%);
  border:2px solid var(--pd-ink);
  border-radius:clamp(26px,6cqw,44px) clamp(26px,6cqw,44px) 0 0;
  mask-image:linear-gradient(#000 35%,transparent 96%);
}
#ig-portfolio.pd-preview .pd-call-banner {
  display:flex;
  align-items:center;
  gap:10px;
  width:min(72%,372px);
  margin-inline:auto;
  padding:5px 6px 5px 8px;
  border-radius:999px;
  background:linear-gradient(#101012,#303035);
  color:#fff;
  text-align:start;
}
#ig-portfolio.pd-preview :is(.pd-call-avatar,.pd-call-accept) {
  display:grid;
  flex:none;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
}
#ig-portfolio.pd-preview .pd-call-avatar {background:#55369a;font-size:22px}
#ig-portfolio.pd-preview .pd-call-name {flex:1;min-width:0;font-size:clamp(14px,3.2cqw,22px);font-weight:650;line-height:1.1}
#ig-portfolio.pd-preview .pd-call-name small {display:block;color:#e0e0e5;font-size:11px;font-weight:400;margin-bottom:2px}
#ig-portfolio.pd-preview .pd-call-accept {border:0;background:linear-gradient(#00d12b,#2bd868);color:#fff;cursor:pointer}
#ig-portfolio.pd-preview .pd-call-accept:hover {filter:brightness(.92)}
#ig-portfolio.pd-preview .pd-call-accept svg {width:21px;height:21px}
#ig-portfolio.pd-preview .pd-call-display {
  margin:14px 0 0;
  color:#55369a;
  font-size:clamp(34px,9cqw,90px);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.055em;
  overflow-wrap:anywhere;
}
#ig-portfolio.pd-preview[lang="ru"] .pd-call-display {
  font-size:clamp(28px,5.2cqw,40px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.025em;
}
@supports(background-clip:text) {
  #ig-portfolio.pd-preview .pd-call-display {
    background:var(--pd-gradient-metric) center/100% 100%;
    background-color:#55369a;
    background-clip:text;
    color:transparent;
  }
}
#ig-portfolio.pd-preview :is(.pd-contact-links,.pd-contact-resume) {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
}
#ig-portfolio.pd-preview .pd-contact-links {margin-top:clamp(28px,4cqw,40px);gap:10px 12px}
#ig-portfolio.pd-preview .pd-contact-links .pd-contact-icon {
  width:48px;
  height:48px;
  margin:0;
  border-radius:11px;
}
#ig-portfolio.pd-preview .pd-contact-links .pd-linkedin {color:#0a66c2}
#ig-portfolio.pd-preview .pd-contact-links .pd-contact-icon :is(svg,img) {
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
}
#ig-portfolio.pd-preview .pd-contact-links .pd-contact-icon:hover {opacity:.8}
#ig-portfolio.pd-preview .pd-contact-resume {
  max-width:420px;
  margin:22px auto 0;
  padding-block:8px;
  border-top:1px solid #d2d2d7;
  gap:0 16px;
}
#ig-portfolio.pd-preview .pd-contact-resume h2 {font-size:14px;margin:0}
#ig-portfolio.pd-preview .pd-contact-resume a {padding-block:12px;color:var(--pd-blue);font-size:14px}
#ig-portfolio.pd-preview :is(.pd-call-accept,.pd-contact-links a,.pd-contact-resume a):focus-visible {
  outline:3px solid #0071e3;
  outline-offset:3px;
}
@media(forced-colors:active) {
  #ig-portfolio.pd-preview .pd-call-display {background:none;color:CanvasText}
}