.portfolio-page{background:linear-gradient(180deg,#f5faff,#fff 1200px);color:#183957;min-height:60vh}.portfolio-page :is(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.portfolio-page .pc-inner,.pw-detail-inner{max-width:1370px;margin:auto;padding-inline:30px}.portfolio-page .pc-section{padding-block:32px 72px}.pw-toolbar{background:#fff;border:1px solid #dfebf5;border-radius:22px;padding:20px;box-shadow:0 12px 40px #0865b307;margin-bottom:28px;scroll-margin-top:135px}.pw-toolbar-top{display:flex;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf3f8}.pw-tabs{display:flex;gap:7px;min-width:0;flex:1 1;overflow-x:auto;padding:4px;scrollbar-width:thin}.pw-tabs button{white-space:nowrap;border-radius:30px;padding:10px 19px;color:#395672;background:#f2f7fb;font-size:13px;min-height:44px;flex-shrink:0}.pw-tabs button[aria-pressed=true]{background:var(--color-primary);color:white;box-shadow:0 4px 10px #0865b325}.pw-search{display:flex;align-items:center;gap:10px;border:1px solid #e2edf5;border-radius:30px;padding:10px 15px;background:#f8fbff;flex:0 1 285px;color:#56728c;min-width:0}.pw-search input{border:0;background:none;width:100%;min-width:0;outline:0;font-size:13px;color:#183957}.pw-search:focus-within{outline:2px solid var(--color-primary)}.pw-toolbar-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 140px;gap:12px;align-items:center;padding-top:18px}.pw-select{display:flex;gap:12px;align-items:center;border:1px solid #deebf5;border-radius:12px;padding:9px 12px;min-width:0;color:#467293;background:#fff}.pw-select>span{flex:1 1;min-width:0}.pw-select small{display:block;color:#56728c;font-size:10px}.pw-select select{display:block;width:100%;border:0;background:transparent;font:inherit;font-size:12px;font-weight:500;color:#233e5d;min-height:25px;cursor:pointer}.pw-count{text-align:center;margin:0}.pw-count strong{display:block;font-size:15px}.pw-count span{display:block;font-size:10px;color:#59738b;margin-top:3px}.pw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.pw-grid .pw-card{display:flex;flex-direction:column;border:1px solid #e2edf6;border-radius:19px;background:white;overflow:hidden;box-shadow:0 9px 27px #1d649a08;transition:transform .25s,box-shadow .25s;min-width:0;padding:8px}.pw-card:hover{transform:translateY(-5px);box-shadow:0 15px 36px #0865b314}.pw-card-image{aspect-ratio:1.45;position:relative;border-radius:12px;overflow:hidden;background:#edf5fc}.pw-card-image img{object-fit:cover;transition:transform .5s}.pw-card:hover .pw-card-image img{transform:scale(1.035)}.pw-card-body{padding:16px 9px 10px;display:flex;flex-direction:column;flex:1 1}.pw-card-title{display:flex;align-items:center;gap:9px}.pw-card-title h2{font-size:17px;line-height:1.6;margin:0;color:#183957;overflow-wrap:anywhere}.pw-card-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#e9f3ff;border-radius:12px;color:var(--color-primary)}.pw-card[data-category=stores] .pw-card-icon{background:#fff4d2;color:#956700}.pw-card[data-category=mobile] .pw-card-icon{background:#e9f3ff;color:var(--color-primary)}.pw-card[data-category=branding] .pw-card-icon{background:#fff0f2;color:#b32d4b}.pw-card-body>p{font-size:13px;line-height:1.9;color:#566e87;margin:13px 0 16px;flex:1 1}.pw-tags{display:flex;gap:6px;flex-wrap:wrap}.pw-tags span{background:#eff6ff;border-radius:20px;padding:4px 9px;color:#286294;font-size:10px}.pw-card-action{display:flex;align-items:center;gap:9px;margin-top:19px;font-size:13px;font-weight:500;color:var(--color-primary)}.pw-pagination{display:flex;justify-content:center;gap:9px;margin-top:34px;flex-wrap:wrap}.pw-pagination button{min-width:43px;min-height:43px;background:white;color:var(--color-primary);border:1px solid #dce9f5;border-radius:12px}.pw-pagination button[aria-current=page]{background:var(--color-primary);color:white}.pw-empty{text-align:center;padding:60px 15px}.pw-empty>svg{color:var(--color-primary)}.pw-empty h2{font-size:23px}.pw-empty p{color:#566e87}.pw-empty button{margin-top:12px}.pw-single{padding:42px 0 80px;overflow:hidden}.pw-detail-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.45fr);gap:48px;align-items:start}.pw-detail-copy{padding-top:8px;position:relative}.pw-back{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:35px}.pw-back,.pw-category{color:var(--color-primary)}.pw-category{display:inline-block;padding:7px 18px;border-radius:25px;background:#e7f2ff;font-size:13px}.pw-detail-copy h1{font-size:clamp(30px,3.3vw,48px);line-height:1.5;letter-spacing:-.03em;margin:22px 0;color:#14334f;overflow-wrap:anywhere}.pw-detail-copy>p{font-size:16px;line-height:1.95;color:#587088;margin:0 0 28px}.pw-live{background:var(--color-secondary);border-radius:18px;padding:17px 23px;display:inline-flex;gap:15px;align-items:center;color:#183957;font-size:14px;font-weight:600;box-shadow:0 8px 25px #f5c54225}.pw-detail-note{margin:42px 16px 15px;display:flex;flex-direction:column;gap:5px;font-size:20px;color:#507394;position:relative;font-weight:400}.pw-detail-note strong{font-weight:500}.pw-detail-note i{height:4px;width:70px;background:var(--color-secondary);border-radius:80%;transform:rotate(-7deg);margin-top:8px}.pw-detail-note:before{content:"";position:absolute;z-index:0;width:220px;height:150px;background:#dcebfa50;border-radius:55% 45% 70% 30%;inset:0 auto auto -40px;pointer-events:none;transform:rotate(-20deg)}.pw-gallery{min-width:0}.pw-gallery-stage{position:relative;aspect-ratio:1.42;border:1px solid #deebf6;background:#eaf3fb;border-radius:22px;overflow:hidden}.pw-gallery-stage>img{object-fit:contain}.pw-gallery-stage video{width:100%;height:100%;object-fit:contain}.pw-gallery-stage>button{position:absolute;top:45%;display:grid;place-items:center;width:44px;height:44px;background:#ffffffed;border:1px solid #d9e7f4;border-radius:50%;color:#183957;box-shadow:0 6px 20px #15334b24}.pw-gallery-prev{inset-inline-start:13px}.pw-gallery-next{inset-inline-end:13px}.pw-gallery-count{position:absolute;bottom:15px;left:15px;border-radius:12px;background:#14334fd9;color:white;font:12px system-ui;padding:8px 12px}.pw-thumbnails{display:flex;gap:10px;margin-top:14px;padding:3px;overflow-x:auto;scrollbar-width:thin}.pw-thumbnails button{width:calc((100% - 40px) / 5);min-width:85px;position:relative;aspect-ratio:1.4;flex-shrink:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#eaf3fb;padding:0}.pw-thumbnails button[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px #b8dcff}.pw-thumbnails img{object-fit:cover}.pw-thumbnails span{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:white;color:var(--color-primary)}.pw-overview{margin-top:45px;position:relative;isolation:isolate;border:1px solid #e2edf6;border-radius:23px;background:#fff;padding:30px 35px;overflow:hidden;box-shadow:0 12px 35px #0865b307}.pw-section-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.pw-section-title>span{display:grid;place-items:center;width:43px;height:43px;background:#edf6ff;border-radius:14px;color:var(--color-primary)}.pw-detail-bottom h2,.pw-section-title h2{font-size:22px;line-height:1.6;margin:0;color:#173c62}.pw-overview .editor-content{font-size:16px;line-height:2;color:#536d86;max-width:1000px}.pw-overview-art{position:absolute;inset-inline-end:-60px;bottom:-100px;z-index:-1;opacity:.7;display:flex;gap:10px;transform:rotate(-25deg)}.pw-overview-art i{width:160px;height:180px;border-radius:35px;background:#edf6ff}.pw-overview-art i:nth-child(2){background:#fff5d8;transform:translateY(-25px)}.pw-detail-bottom{display:flex;gap:32px;align-items:start;flex-wrap:wrap;margin-top:35px}.pw-facts{background:white;border:1px solid #e1edf7;border-radius:23px;padding:27px;flex:1 1 480px;box-shadow:0 10px 25px #0865b305}.pw-facts dl{display:flex;flex-wrap:wrap;gap:18px;margin:23px 0 0}.pw-facts dl>div{display:grid;grid-template-columns:32px 1fr;gap:6px 10px;align-items:center;flex:1 1 145px}.pw-facts svg{grid-row:span 2;color:var(--color-primary);width:24px}.pw-facts dt{font-size:12px;color:#587088}.pw-facts dd{margin:0;font-size:14px;font-weight:500}.pw-deliverables{flex:1 1 360px;padding:25px 10px}.pw-deliverables>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.pw-deliverables span{padding:10px 18px;border-radius:25px;background:#edf5ff;color:#286294;font-size:13px}@media (max-width:1100px){.pw-toolbar-top{flex-wrap:wrap}.pw-search,.pw-tabs{flex-basis:100%}.pw-search{max-width:none}.pw-toolbar-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}.pw-count{grid-column:1/-1;display:flex;justify-content:space-between}.pw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-detail-hero{gap:28px}.pw-detail-note{font-size:17px}}@media (max-width:900px){.pw-detail-hero{grid-template-columns:1fr}.pw-detail-copy{padding:0}.pw-back{margin-bottom:24px}.pw-detail-note{display:none}.pw-detail-copy h1{margin-block:17px}.pw-gallery-stage{aspect-ratio:1.5}.pw-overview{margin-top:30px}}@media (max-width:600px){.portfolio-page .pc-inner,.pw-detail-inner{padding-inline:18px}.portfolio-page .pc-section{padding-top:22px}.pw-toolbar{padding:14px;border-radius:18px}.pw-toolbar-top{gap:12px}.pw-toolbar-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pw-select{padding:8px;gap:7px}.pw-select svg{width:17px;flex-shrink:0}.pw-select select{font-size:11px}.pw-grid{grid-template-columns:minmax(0,1fr);gap:22px}.pw-card-image{aspect-ratio:1.55}.pw-card-body{padding:16px}.pw-card-title h2{font-size:20px}.pw-card-body>p{font-size:14px}.pw-single{padding-top:25px}.pw-facts,.pw-overview{padding:24px 20px}.pw-facts dl>div{flex-basis:130px}.pw-detail-bottom{gap:10px}.pw-gallery-stage>button{width:38px;height:38px}.pw-gallery-stage{border-radius:17px}.pw-thumbnails button{min-width:70px}.pw-detail-copy h1{font-size:32px}.pw-toolbar .pw-count span{font-size:10px}}@media (prefers-reduced-motion:reduce){.pw-card,.pw-card-image img{transition:none}.pw-card:hover,.pw-card:hover .pw-card-image img{transform:none}}