#cardnews-portfolio{box-sizing:border-box;width:min(1180px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;margin:auto;border:1px solid #dfd3c4;border-radius:22px;background:#fcf8f1;color:#352b24;overflow:hidden;font-family:inherit}
#cardnews-portfolio::backdrop{background:#201b17d9;backdrop-filter:blur(5px)}
#cardnews-portfolio *{box-sizing:border-box}#cardnews-portfolio [hidden]{display:none!important}
#cardnews-portfolio button{font:inherit;color:inherit;cursor:pointer;min-height:44px;border:1px solid #ddcfbe;border-radius:12px;background:#fff;padding:10px 16px;line-height:1.4}
#cardnews-portfolio button:focus-visible{outline:3px solid #a34e17;outline-offset:3px}#cardnews-portfolio button:disabled{opacity:.35;cursor:default}
#cardnews-portfolio .cn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px;border-bottom:1px solid #e7ddcf;background:#fcf8f1;height:82px}
#cardnews-portfolio .cn-head p{margin:0;font-size:12px;letter-spacing:2px;color:#93663c}#cardnews-portfolio h2{margin:4px 0 0;font-size:22px;line-height:1.3}#cardnews-portfolio .cn-close{flex-shrink:0}
#cardnews-portfolio .cn-scroll{height:calc(100% - 82px);overflow:auto;overscroll-behavior:contain;padding:26px}
#cardnews-portfolio .cn-intro{margin:0 0 20px;font-size:16px;line-height:1.8;color:#736252}
#cardnews-portfolio .cn-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}#cardnews-portfolio button[aria-pressed=true]{background:#49382a;color:#fff;border-color:#49382a}
#cardnews-portfolio .cn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#cardnews-portfolio .cn-project{padding:0;overflow:hidden;text-align:left;border-radius:16px;min-width:0;transition:transform .2s,box-shadow .2s}#cardnews-portfolio .cn-project:hover{transform:translateY(-3px);box-shadow:0 10px 25px #49382a18}
#cardnews-portfolio .cn-cover{position:relative;padding:15px;background:#ede5d9}#cardnews-portfolio .cn-cover img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;box-shadow:0 4px 12px #352b2420;border-radius:5px}
#cardnews-portfolio .cn-badge{position:absolute;right:22px;bottom:22px;background:#352b24ed;color:white;padding:7px 10px;border-radius:8px;font-size:12px}
#cardnews-portfolio .cn-info{padding:18px}#cardnews-portfolio .cn-category{font-size:12px;color:#9d602f;font-weight:700}#cardnews-portfolio h3{font-size:19px;line-height:1.5;margin:7px 0 9px}#cardnews-portfolio .cn-info p{font-size:13px;line-height:1.7;margin:0;color:#716253}#cardnews-portfolio .cn-link{display:block;margin-top:17px;font-size:13px;font-weight:700}
#cardnews-portfolio .cn-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}#cardnews-portfolio .cn-detail-title{font-size:24px;margin:14px 0 8px}#cardnews-portfolio .cn-note{font-size:13px;line-height:1.7;color:#806340;margin:0 0 18px}
#cardnews-portfolio .cn-stage{border-radius:14px;background:#e9e2d8;padding:12px}#cardnews-portfolio .cn-stage img{display:block;width:100%;height:auto;max-height:66dvh;object-fit:contain;touch-action:pan-y pinch-zoom}
#cardnews-portfolio .cn-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}#cardnews-portfolio .cn-position{text-align:center;font-size:14px;line-height:1.7;margin:0}#cardnews-portfolio .cn-position small{display:block;color:#8a6345;font-size:12px}
#cardnews-portfolio .cn-thumbs{display:flex;overflow-x:auto;gap:8px;padding:6px 3px 14px}#cardnews-portfolio .cn-thumbs button{padding:3px;flex:0 0 64px;border:2px solid transparent;min-height:0;background:transparent;border-radius:6px}#cardnews-portfolio .cn-thumbs button[aria-current=true]{border-color:#a45e2b;background:#fff}#cardnews-portfolio .cn-thumbs img{width:54px;height:68px;object-fit:contain;display:block}#cardnews-portfolio .cn-thumbs span{font-size:11px;display:block;text-align:center}
#cardnews-portfolio .cn-flow{max-width:800px;margin:auto}#cardnews-portfolio .cn-flow figure{margin:0 0 28px}#cardnews-portfolio .cn-flow img{display:block;width:100%;height:auto;border-radius:8px}#cardnews-portfolio figcaption{font-size:13px;color:#78634f;padding:10px 0;text-align:center}#cardnews-portfolio .cn-chapter{padding:14px 0;border-bottom:1px solid #dacbb7;margin:20px 0}
@media(max-width:760px){#cardnews-portfolio{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}#cardnews-portfolio .cn-head{padding:14px 16px;height:78px}#cardnews-portfolio h2{font-size:20px}#cardnews-portfolio .cn-scroll{padding:20px 14px;height:calc(100% - 78px)}#cardnews-portfolio .cn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#cardnews-portfolio .cn-cover{padding:8px}#cardnews-portfolio .cn-info{padding:12px}#cardnews-portfolio h3{font-size:16px}#cardnews-portfolio .cn-info p{font-size:12px}#cardnews-portfolio .cn-badge{right:12px;bottom:12px;font-size:11px;padding:5px 7px}#cardnews-portfolio .cn-detail-title{font-size:21px}#cardnews-portfolio .cn-stage{padding:4px}#cardnews-portfolio .cn-stage img{max-height:none}#cardnews-portfolio .cn-nav button{padding:10px 12px}#cardnews-portfolio .cn-position{font-size:13px}}
@media(prefers-reduced-motion:reduce){#cardnews-portfolio .cn-project{transition:none}}