/* PAGADI Digital Offer · 1.3.0
   Native, responsive, no front-end framework dependency. */
.pww-page{--pww-black:#0a0a09;--pww-yellow:#ffc400;--pww-paper:#f2f0e9;--pww-ink:#141411;--pww-muted:#74716a;--pww-border:rgba(0,0,0,.12);overflow:clip;background:var(--pww-paper);color:var(--pww-ink);font-family:Montserrat,system-ui,Arial,sans-serif}
.pww-page *{box-sizing:border-box}.pww-page a{text-decoration:none}.pww-page button,.pww-page input,.pww-page textarea,.pww-page select{font:inherit}.pww-page .shell,.pww-home-teaser .shell{width:min(calc(100% - 80px),1440px);margin-inline:auto}.pww-page h1,.pww-page h2,.pww-page h3,.pww-home-teaser h2{margin:0;font-weight:900;letter-spacing:-.052em;line-height:1.05}.pww-page p{margin:0}.pww-overline,.pww-section-kicker{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.15em;font-weight:850;text-transform:uppercase}.pww-overline i{display:block;width:8px;height:8px;border-radius:50%;background:var(--pww-yellow);box-shadow:0 0 0 5px rgba(255,196,0,.13)}.pww-section-kicker{color:#9b7800}.pww-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:55px;padding:15px 21px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900;line-height:1.2;transition:background .25s,border .25s,color .25s,transform .25s}.pww-button span{font-size:19px;font-weight:500}.pww-button:hover{transform:translateY(-2px)}.pww-button--yellow{background:var(--pww-yellow);color:#0b0b09}.pww-button--yellow:hover{background:#ffdb55;color:#111}.pww-button--outline{border-color:rgba(255,255,255,.3);color:white;background:transparent}.pww-button--outline:hover{background:#fff;color:#111}.pww-button--dark{background:#121210;color:white;cursor:pointer}.pww-button--dark:hover{background:#3b3934;color:white}
/* Hero */
.pww-hero{position:relative;color:#fff;background:#090908;isolation:isolate;padding-top:clamp(90px,10vw,154px);overflow:hidden}.pww-hero:after{content:"";position:absolute;right:-21vw;top:-26vw;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.15),transparent 64%);z-index:-1;pointer-events:none}.pww-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:clamp(40px,5vw,100px);align-items:center;padding-bottom:96px}.pww-hero-copy{min-width:0}.pww-hero h1{max-width:12ch;margin:25px 0 24px;font-size:clamp(58px,5.95vw,104px);line-height:.99;text-wrap:balance}.pww-hero .pww-lead{max-width:630px;color:#adaaa2;font-size:clamp(16px,1.28vw,20px);line-height:1.75}.pww-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:36px}.pww-hero-notes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;color:#b4b0a7;font-size:10px;font-weight:750}.pww-hero-notes span:before{content:'✓';color:var(--pww-yellow);padding-right:7px}.pww-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.13);padding:18px 0 25px;color:#86827a;font-size:10px;font-weight:800;letter-spacing:.13em}.pww-hero-foot a{color:#c5c1b6}.pww-art{aspect-ratio:1.04;min-height:400px;border:1px solid rgba(255,255,255,.23);border-radius:26px;overflow:hidden;background:#181815;box-shadow:0 45px 100px rgba(0,0,0,.45);transform:rotate(2deg);transition:transform .4s}.pww-art:hover{transform:rotate(0)}.pww-art-top{height:49px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#21211f;color:#a9a6a0;font-size:11px;font-weight:750}.pww-art-top>span:first-child{display:flex;gap:6px}.pww-art-top b{display:block;width:8px;height:8px;border-radius:50%;background:#55544d}.pww-art-top b:first-child{background:var(--pww-yellow)}.pww-art-top>span:last-child{font-size:21px;color:var(--pww-yellow)}.pww-art-body{position:relative;height:calc(100% - 49px);padding:clamp(26px,4vw,57px);background:radial-gradient(circle at 84% 75%,rgba(255,196,0,.23),transparent 44%),linear-gradient(146deg,#262520 0%,#121210 60%);overflow:hidden}.pww-art-body:after{content:'P';position:absolute;right:-6%;bottom:-25%;font-size:440px;font-weight:900;letter-spacing:-.13em;color:rgba(255,255,255,.03);line-height:1}.pww-art-eyebrow{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--pww-yellow)}.pww-art-headline{position:relative;z-index:1;max-width:420px;margin:50px 0 26px;font-size:clamp(40px,4vw,75px);font-weight:900;line-height:1.02;letter-spacing:-.065em}.pww-art-headline em{color:var(--pww-yellow);font-style:normal}.pww-art-stack{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.pww-art-stack span{padding:7px 10px;border:1px solid rgba(255,255,255,.17);border-radius:99px;font-size:9px;font-weight:800;color:#d5d2c9}.pww-art-window{position:absolute;bottom:-11%;right:-6%;width:60%;height:46%;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:linear-gradient(140deg,#3c3c32,#191918);transform:rotate(-7deg);padding:25px;box-shadow:-15px -15px 40px rgba(0,0,0,.26)}.pww-art-window div{height:12px;background:rgba(255,255,255,.08);border-radius:99px;margin-bottom:12px;width:75%}.pww-art-window div:nth-child(2){width:95%}.pww-art-window div:nth-child(3){width:45%;background:var(--pww-yellow)}
/* Intro + service cards */
.pww-intro{padding:108px 0 115px}.pww-intro-top{display:grid;grid-template-columns:.4fr 1fr;gap:45px;align-items:start;margin-bottom:55px}.pww-intro h2,.pww-portfolio h2,.pww-process h2,.pww-faq h2,.pww-contact h2{font-size:clamp(38px,4.2vw,66px);max-width:14ch}.pww-intro-top>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:36px;align-items:end}.pww-intro-top p{font-size:14px;color:#68655e;line-height:1.7;max-width:40ch}.pww-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.pww-service{position:relative;display:flex;flex-direction:column;min-height:280px;border:1px solid #dedbd3;border-radius:17px;background:#faf9f5;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}.pww-service:hover{transform:translateY(-5px);border-color:#cbbf9c;box-shadow:0 18px 35px rgba(24,20,10,.06)}.pww-service-top{display:flex;align-items:center;justify-content:space-between;color:#968e7c;font-size:11px;font-weight:850}.pww-service-icon{font-size:23px;color:#c49b00}.pww-service h3{font-size:clamp(18px,1.6vw,26px);line-height:1.15;margin:37px 0 13px;letter-spacing:-.035em}.pww-service p{color:#6f6c65;line-height:1.65;font-size:12px}.pww-service-tags{margin-top:auto;padding-top:27px;color:#927300;font-size:10px;font-weight:850;line-height:1.5}
/* Combined service */
.pww-solution{background:var(--pww-yellow);padding:75px 0 82px}.pww-solution-grid{display:grid;grid-template-columns:1fr .66fr;gap:80px;align-items:center}.pww-solution .pww-section-kicker{color:#594500}.pww-solution h2{font-size:clamp(42px,5vw,79px);margin-top:19px;max-width:11ch}.pww-solution h2 em{font-style:normal;opacity:.55}.pww-solution p{font-size:clamp(15px,1.25vw,19px);font-weight:600;line-height:1.7;max-width:44ch}.pww-solution-pills{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pww-solution-pills span{font-size:10px;padding:9px 14px;border-radius:99px;border:1px solid rgba(0,0,0,.25);font-weight:800}.pww-text-link{color:#131109;text-decoration:underline!important;text-underline-offset:5px;font-size:12px;font-weight:900}.pww-text-link span{margin-left:10px}
/* Realizations */
.pww-portfolio{padding:108px 0 110px;background:#f8f7f3}.pww-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:42px}.pww-section-heading h2{margin-top:15px;max-width:14ch}.pww-section-heading>p{font-size:14px;line-height:1.72;color:#716e66;max-width:420px}.pww-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 24px;border-top:1px solid #ddd9cf}.pww-filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.pww-filter button{border:1px solid #ddd8ce;border-radius:99px;background:white;color:#56534e;font-size:10px;padding:12px 17px;font-weight:800;cursor:pointer;transition:.2s}.pww-filter button:hover,.pww-filter button.active{background:#141411;border-color:#141411;color:#fff}.pww-filter>span{white-space:nowrap;color:#77716a;font-size:11px;font-weight:800}.pww-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 18px}.pww-project{min-width:0;transition:transform .3s}.pww-project:hover{transform:translateY(-3px)}.pww-project[hidden]{display:none!important}.pww-project-visual{position:relative;overflow:hidden;border:1px solid #d8d5cd;border-radius:16px;aspect-ratio:1.45;background:#1f1f1c;box-shadow:0 13px 30px rgba(20,20,20,.07)}.pww-browser-head{height:31px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#252522;color:#9d9b92;font-size:10px}.pww-browser-head>span:first-child{display:flex;gap:4px}.pww-browser-head b{display:block;width:6px;height:6px;border-radius:50%;background:#6a6860}.pww-browser-head b:first-child{background:var(--pww-yellow)}.pww-browser-head small{font-weight:650;font-size:9px;letter-spacing:.02em}.pww-project-placeholder{position:absolute;inset:31px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,3vw,38px);background:linear-gradient(136deg,#302e25,#101011 68%);color:white;gap:16px}.pww-project:nth-child(3n+2) .pww-project-placeholder{background:linear-gradient(140deg,#2d2826,#111111 68%)}.pww-project:nth-child(3n+3) .pww-project-placeholder{background:linear-gradient(140deg,#24312c,#111716 68%)}.pww-project-placeholder:after{content:'';width:140px;height:140px;border:25px solid rgba(255,196,0,.16);border-radius:50%;position:absolute;right:-38px;bottom:-45px}.pww-project-placeholder>span{font-size:9px;color:var(--pww-yellow);font-weight:800;letter-spacing:.14em}.pww-project-placeholder strong{font-size:clamp(19px,2vw,31px);letter-spacing:-.045em;max-width:15ch;line-height:1.1;overflow-wrap:anywhere}.pww-project-placeholder i{font-style:normal;color:#98958d;font-size:9px;letter-spacing:.09em;margin-top:auto}.pww-project-visual>img{position:absolute;inset:31px 0 0;display:block;width:100%;height:calc(100% - 31px);object-fit:cover;object-position:top center;opacity:0;transition:opacity .4s,transform .6s}.pww-project-visual>img.loaded{opacity:1}.pww-project:hover .pww-project-visual>img.loaded{transform:scale(1.04)}.pww-project-data{padding:20px 3px 0}.pww-project-data>span{font-size:10px;font-weight:800;color:#977800}.pww-project-data h3{font-size:clamp(19px,1.55vw,24px);margin:8px 0 9px;letter-spacing:-.035em}.pww-project-data p{color:#6d6a63;font-size:12px;line-height:1.7;min-height:60px}.pww-project-data a{display:inline-flex;align-items:center;gap:12px;color:#171713;font-size:11px;font-weight:850;border-bottom:1px solid #55534d;padding-bottom:4px;margin-top:18px}.pww-project-data a span{font-size:17px}.pww-more-wrap{text-align:center;padding-top:42px}
/* Process */
.pww-process{background:#101010;color:white;padding:105px 0 115px}.pww-process .pww-section-kicker{color:var(--pww-yellow)}.pww-process .pww-section-heading>p{color:#aaa69e}.pww-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pww-process-grid article{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:27px 22px;min-height:230px;background:linear-gradient(142deg,#181817,#111)}.pww-process-grid article>span{font-size:10px;color:var(--pww-yellow);font-weight:900;letter-spacing:.12em}.pww-process-grid h3{font-size:20px;margin:36px 0 12px}.pww-process-grid p{font-size:12px;line-height:1.65;color:#aaa69e}
/* FAQ */
.pww-faq{background:#f3f0e8;padding:95px 0}.pww-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.pww-faq h2{margin-top:16px}.pww-faq-list{border-top:1px solid #ccc8be}.pww-faq-list details{border-bottom:1px solid #ccc8be}.pww-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:18px;padding:21px 4px;cursor:pointer;font-size:14px;font-weight:800;line-height:1.5}.pww-faq-list summary::-webkit-details-marker{display:none}.pww-faq-list summary span{font-size:23px;line-height:1;color:#9d7a00;transition:transform .25s}.pww-faq-list details[open] summary span{transform:rotate(45deg)}.pww-faq-list details p{padding:0 25px 23px 4px;color:#6d6b65;font-size:13px;line-height:1.75}
/* Contact */
.pww-contact{background:#111110;color:#fff;padding:100px 0 124px}.pww-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.pww-contact .pww-section-kicker{color:var(--pww-yellow)}.pww-contact h2{margin:20px 0;max-width:11ch;font-size:clamp(42px,4.6vw,74px)}.pww-contact-grid>div:first-child>p{color:#aca9a1;max-width:45ch;font-size:15px;line-height:1.8}.pww-contact-mark{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #383833;margin-top:70px;max-width:390px;padding-top:15px;color:#78766e;font-size:11px;font-weight:900;letter-spacing:.12em}.pww-contact-mark span{font-size:23px;color:var(--pww-yellow)}.pww-form-panel{padding:clamp(22px,3vw,45px);border-radius:20px;background:#f5f3ec;color:#171612}.pww-form{display:grid;gap:19px}.pww-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pww-form label{display:grid;gap:9px;font-size:11px;font-weight:800;color:#4d4b45}.pww-form input:not([type=checkbox]),.pww-form select,.pww-form textarea{appearance:none;-webkit-appearance:none;width:100%;border:1px solid #d6d2c7;outline:0;border-radius:10px;background:#fff;color:#161616;font-weight:550;font-size:13px;line-height:1.4;padding:13px 14px;box-shadow:none}.pww-form input:focus-visible,.pww-form textarea:focus-visible,.pww-form select:focus-visible{border-color:#927600;outline:2px solid rgba(255,196,0,.24)}.pww-form textarea{resize:vertical}.pww-form .pww-agree{display:flex;flex-direction:row;align-items:flex-start;gap:11px;font-size:10px;line-height:1.6;color:#736f66;font-weight:550}.pww-agree input{width:17px;height:17px;accent-color:#111;margin:2px 0 0;flex:0 0 auto}.pww-agree a{color:#302c1f;text-decoration:underline!important}.pww-form .pww-button{justify-self:start;border:0;cursor:pointer}.pww-honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;left:-9999px!important}.pww-alert{background:#fde5e4;color:#7b221c;border-radius:9px;padding:14px 18px;font-size:12px;font-weight:700;margin:0 0 20px!important}.pww-alert-good{background:#d9edd9;color:#22542b}
/* Auto-published homepage block */
.pww-home-teaser{color:#fff;background:#151512;padding:90px 0}.pww-home-wrap{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.pww-home-copy .pww-overline{font-size:11px;color:#ffc400}.pww-home-copy h2{font-size:clamp(46px,5vw,76px);margin:22px 0}.pww-home-copy h2 em{color:#ffc400;font-style:normal}.pww-home-copy p{max-width:54ch;color:#aaa8a2;font-size:15px;line-height:1.8;margin-bottom:30px}.pww-home-visual{border:1px solid rgba(255,255,255,.15);border-radius:18px;overflow:hidden;background:#24231e;transform:rotate(2deg);box-shadow:0 35px 80px rgba(0,0,0,.3)}.pww-visual-bar{display:flex;align-items:center;gap:7px;padding:14px;background:#323128}.pww-visual-bar>span{width:8px;height:8px;background:#77756c;border-radius:50%}.pww-visual-bar>span:first-child{background:#ffc400}.pww-visual-bar i{margin-left:auto;font-style:normal;color:#aea99d;font-size:10px}.pww-visual-inner{padding:60px 55px;display:flex;flex-direction:column;min-height:370px;background:linear-gradient(126deg,#1d1d1a,#2d2920)}.pww-visual-inner>span{color:#ffc400;font-size:10px;font-weight:900;letter-spacing:.18em}.pww-visual-inner strong{font-size:clamp(36px,3.2vw,60px);line-height:1;letter-spacing:-.05em;margin:35px 0}.pww-visual-lines b{display:block;width:60%;height:8px;border-radius:99px;background:rgba(255,255,255,.13);margin:9px 0}.pww-visual-lines b:nth-child(2){width:81%}.pww-visual-lines b:nth-child(3){width:47%}.pww-visual-cta{margin-top:auto;color:#ffc400;font-size:11px;font-weight:900;text-align:right}
/* Responsive */
@media(max-width:1190px){.pww-hero-grid{grid-template-columns:1fr .86fr;gap:35px}.pww-hero h1{font-size:clamp(46px,5.5vw,75px)}.pww-art{min-height:330px}.pww-art-headline{margin-top:34px}.pww-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pww-service{min-height:240px}.pww-service h3{margin-top:25px}.pww-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pww-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.pww-page .shell,.pww-home-teaser .shell{width:min(calc(100% - 40px),680px)}.pww-hero{padding-top:120px}.pww-hero-grid{grid-template-columns:1fr;gap:45px;padding-bottom:50px}.pww-hero h1{font-size:clamp(49px,9vw,78px);max-width:13ch}.pww-art{min-height:350px;max-width:600px;width:100%;transform:none}.pww-art:hover{transform:none}.pww-intro{padding:75px 0}.pww-intro-top,.pww-intro-top>div:last-child,.pww-solution-grid,.pww-faq-grid,.pww-contact-grid,.pww-home-wrap{grid-template-columns:1fr;gap:25px}.pww-solution{padding:65px 0}.pww-section-heading{flex-direction:column;align-items:start;gap:14px}.pww-portfolio{padding:75px 0}.pww-process{padding:70px 0}.pww-faq{padding:70px 0}.pww-contact{padding:75px 0}.pww-contact-mark{margin-top:30px}.pww-home-teaser{padding:70px 0}.pww-home-visual{max-width:630px;transform:none}}
@media(max-width:580px){.pww-page .shell,.pww-home-teaser .shell{width:calc(100% - 32px)}.pww-hero{padding-top:96px}.pww-hero h1{font-size:clamp(44px,12vw,66px);margin:22px 0}.pww-overline,.pww-section-kicker{font-size:9px;letter-spacing:.11em}.pww-hero .pww-lead{font-size:14px}.pww-actions{display:grid;align-items:stretch;gap:10px}.pww-actions .pww-button{width:100%}.pww-hero-notes{gap:10px}.pww-hero-foot{flex-wrap:wrap;font-size:8px}.pww-art{min-height:310px}.pww-art-body{padding:29px}.pww-art-headline{font-size:43px;max-width:370px;margin:45px 0 18px}.pww-art-window{height:34%}.pww-intro{padding:62px 0}.pww-intro h2,.pww-portfolio h2,.pww-process h2,.pww-faq h2,.pww-contact h2{font-size:clamp(34px,10vw,49px)}.pww-intro-top{margin-bottom:28px}.pww-services-grid{grid-template-columns:1fr}.pww-service{min-height:225px}.pww-service h3{margin:22px 0 9px}.pww-solution h2{font-size:45px}.pww-filter{align-items:start;flex-direction:column;gap:13px}.pww-filter-buttons{gap:6px}.pww-filter button{font-size:9px;padding:10px 11px}.pww-project-grid{grid-template-columns:1fr;gap:34px}.pww-project-visual{aspect-ratio:1.5}.pww-project-data p{min-height:0}.pww-process-grid{grid-template-columns:1fr}.pww-process-grid article{min-height:195px}.pww-process-grid h3{margin-top:23px}.pww-form-row{grid-template-columns:1fr}.pww-form-panel{padding:22px 17px}.pww-form .pww-button{width:100%}.pww-home-copy h2{font-size:44px}.pww-visual-inner{padding:38px 28px;min-height:300px}.pww-visual-inner strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.pww-page *,.pww-home-teaser *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pww-art,.pww-home-visual{transform:none!important}}

/* PAGADI / Digital 1.4.0 — visual-first offer; no files downloaded to WP media. */
.pww-page{--pww-paper:#f4f2ec;--pww-yellow:#ffc500;--pww-ink:#11120f;background:var(--pww-paper)}
.pww-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #e8ac00;outline-offset:3px}
.pww-hero{padding-top:clamp(104px,9.4vw,144px);background:#090a09}
.pww-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,4.6vw,84px);align-items:center;padding-bottom:clamp(60px,6vw,95px)}
.pww-hero h1{font-size:clamp(54px,5.5vw,91px);max-width:12.5ch;line-height:1.005;letter-spacing:-.063em;margin:26px 0 25px}
.pww-hero .pww-lead{max-width:580px;font-size:clamp(16px,1.2vw,19px);line-height:1.67;color:#c6c3ba}
.pww-hero-notes{font-size:11px;line-height:1.4;color:#dedbd2;gap:12px 20px;margin-top:29px}
.pww-actions{margin-top:35px}
.pww-hero-showcase{position:relative;min-width:0;min-height:530px;padding:0 44px 48px 0}
.pww-showcase-main,.pww-showcase-small{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none!important;background:linear-gradient(120deg,#333a33,#161917 68%);border:1px solid rgba(255,255,255,.22);box-shadow:0 27px 62px rgba(0,0,0,.38);border-radius:20px;transition:transform .3s,box-shadow .3s}
.pww-showcase-main{height:500px;transform:rotate(-2deg)}
.pww-showcase-main:hover{transform:rotate(0) translateY(-4px);box-shadow:0 34px 73px rgba(0,0,0,.46)}
.pww-showcase-main img,.pww-showcase-small img{display:block;position:absolute;inset:38px 0 0;width:100%;height:calc(100% - 38px);object-fit:cover;object-position:top center;opacity:0;transition:opacity .4s,transform .8s;background:#1b201c}
.pww-showcase-main.has-preview img,.pww-showcase-small.has-preview img{opacity:1}
.pww-showcase-main img:not([hidden]):hover{transform:scale(1.03)}
.pww-demo-browser{position:absolute;inset:0 0 auto;height:38px;z-index:3;display:flex;align-items:center;gap:5px;padding:0 17px;background:#272926}
.pww-demo-browser i{width:7px;height:7px;background:#5b605a;border-radius:50%}.pww-demo-browser i:first-child{background:var(--pww-yellow)}
.pww-demo-browser>span{margin:auto;color:#b6b8ac;font-size:10px;font-weight:750;letter-spacing:.05em}
.pww-demo-tag{position:absolute;display:flex;align-items:center;gap:12px;inset:auto 0 0;padding:23px 27px 22px;color:#fff;background:linear-gradient(0deg,rgba(6,6,5,.94),rgba(5,5,4,0));z-index:3}
.pww-demo-tag strong{font-size:13px;letter-spacing:.11em}.pww-demo-tag small{font-size:11px;color:#d4d0c3}.pww-demo-tag b{margin-left:auto;background:var(--pww-yellow);color:#161410;display:grid;place-items:center;width:32px;height:32px;border-radius:50%}
.pww-showcase-small{position:absolute;z-index:4;bottom:12px;right:0;width:44%;height:215px;transform:rotate(5deg);border:5px solid #20231e}
.pww-showcase-small:hover{transform:rotate(0) translateY(-6px)}
.pww-showcase-small img{inset:0;height:100%}
.pww-showcase-small span{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:22px 16px 13px;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent);font-size:10px;font-weight:850;letter-spacing:.08em}
.pww-hero-stamp{position:absolute;z-index:6;left:-20px;bottom:-5px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#ffcb18;color:#201b0d;font-size:10px;font-weight:900;letter-spacing:.02em;padding:12px 15px;box-shadow:0 15px 38px rgba(0,0,0,.21)}
.pww-hero-stamp svg{width:16px;height:16px}
.pww-proof{background:#0d0f0c;color:#fff;border-top:1px solid #242720;border-bottom:1px solid #242720}
.pww-proof-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.pww-proof-inner>div{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:start;column-gap:13px;padding:27px 20px 29px;border-right:1px solid rgba(255,255,255,.13)}
.pww-proof-inner>div:first-child{padding-left:0}.pww-proof-inner>div:last-child{border-right:0}
.pww-proof-inner span{grid-row:1/3;font-size:12px;font-weight:850;color:#ffc500;margin-top:3px}
.pww-proof-inner strong{font-size:15px;line-height:1.25;font-weight:850}.pww-proof-inner small{font-size:11px;line-height:1.6;color:#aea99c;margin-top:7px}
.pww-intro{padding:90px 0 104px}
.pww-intro-top{grid-template-columns:220px minmax(0,1fr);gap:26px;margin-bottom:47px}
.pww-intro-top>div:last-child{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.65fr);gap:clamp(25px,3.5vw,67px);align-items:center}
.pww-page .pww-intro h2{font-size:clamp(40px,3.45vw,61px);line-height:1.04;max-width:16ch;letter-spacing:-.064em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.pww-intro-top p{max-width:46ch;font-size:15px;line-height:1.78;color:#55564f}
.pww-services-grid{gap:15px}
.pww-service{padding:25px;min-height:261px;background:#fffefa;border-radius:17px;border-color:#e1ddd4}
.pww-service:hover{transform:translateY(-4px);border-color:#b9aa80;box-shadow:0 17px 34px rgba(24,20,10,.07)}
.pww-service-top{align-items:start}
.pww-service-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid #e5e0d0;background:#f7f4eb;color:#282a23;border-radius:16px}
.pww-service-icon svg{width:28px;height:28px}
.pww-service h3{font-size:clamp(20px,1.6vw,26px);margin:31px 0 10px;line-height:1.13;letter-spacing:-.04em}
.pww-service p{font-size:12px;line-height:1.65;color:#67665f}
.pww-service-tags{color:#a37d00;padding-top:24px;font-size:10px}
.pww-image-break{background:#121411;color:white;padding:85px 0;overflow:hidden}
.pww-image-break-grid{display:grid;grid-template-columns:.72fr 1fr;gap:6vw;align-items:center}
.pww-image-break-copy h2{font-size:clamp(36px,4vw,65px);line-height:1.05;margin:20px 0;letter-spacing:-.055em}
.pww-image-break-copy p{color:#bcbfb4;font-size:14px;line-height:1.8;margin-bottom:27px;max-width:40ch}
.pww-image-break .pww-text-link{color:#ffc500}
.pww-image-break-pictures{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:18px 0}
.pww-image-break-pictures a{display:block;position:relative;min-width:0;height:325px;border-radius:14px;background:#27302b;overflow:hidden;border:1px solid #545d4d;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.pww-image-break-pictures a:first-child{transform:rotate(-3deg) translateY(-9px)}.pww-image-break-pictures a:last-child{transform:rotate(3deg) translateY(11px)}
.pww-image-break-pictures img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .4s,transform .4s}
.pww-image-break-pictures .has-preview img{opacity:1}.pww-image-break-pictures a:hover img{transform:scale(1.06)}
.pww-portfolio{padding:94px 0 115px;background:#f8f7f2}
.pww-project-grid{gap:37px 23px}
.pww-project-visual{display:block;aspect-ratio:1.35;border:1px solid #ddd9cf;border-radius:16px;box-shadow:0 15px 36px rgba(0,0,0,.10);background:#1e231d;overflow:hidden}
.pww-browser-head{height:39px;padding:0 15px;background:#eaece6;color:#4f5b51;border-bottom:1px solid #c8cec6}
.pww-browser-head small{font-size:10px;color:#4f5951;font-weight:800}
.pww-browser-head>b,.pww-browser-head>span:last-child{color:#171e16}
.pww-project-placeholder{inset:39px 0 0;justify-content:center;align-items:center;text-align:center;background:linear-gradient(130deg,#2b342b,#0f1510);padding:30px}
.pww-project-placeholder::after{display:none}.pww-project-placeholder strong{max-width:90%;font-size:clamp(25px,2.3vw,39px);color:#fff;line-height:1.1}
.pww-project-visual img{position:absolute;display:block;inset:39px 0 0;width:100%;height:calc(100% - 39px);object-fit:cover;object-position:center top;opacity:0;transition:opacity .35s,transform .6s;z-index:1}
.pww-project-visual.has-preview img.loaded{opacity:1}
.pww-project-visual:hover img.loaded{transform:scale(1.045)}
.pww-project-visit{position:absolute;z-index:3;bottom:13px;right:14px;display:flex;align-items:center;gap:11px;background:#ffc500;color:#191a15;border-radius:999px;padding:8px 9px 8px 16px;font-size:10px;font-weight:900;letter-spacing:.01em;box-shadow:0 7px 24px rgba(0,0,0,.18)}
.pww-project-visit b{display:grid;place-items:center;background:#171915;color:white;width:25px;height:25px;border-radius:50%;font-size:15px}
.pww-project-data{padding:19px 5px 0}.pww-project-data h3 a{color:#131510;text-decoration:none}.pww-project-data h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.pww-section-heading>p{font-size:14px;color:#575952}
.pww-solution{background:#ffc500}
@media(max-width:1190px){
 .pww-hero-grid{grid-template-columns:1fr .91fr;gap:33px}
 .pww-hero-showcase{min-height:480px}.pww-showcase-main{height:440px}.pww-showcase-small{height:180px}
 .pww-intro-top{grid-template-columns:160px 1fr}.pww-intro-top>div:last-child{grid-template-columns:1fr 1fr}
 .pww-service{min-height:230px}
}
@media(max-width:850px){
 .pww-hero-grid{grid-template-columns:1fr;padding-bottom:56px;gap:48px}.pww-hero h1{max-width:14ch}
 .pww-hero-showcase{max-width:620px;width:100%;margin-inline:auto;min-height:490px}
 .pww-showcase-main{height:455px}
 .pww-proof-inner{grid-template-columns:1fr}.pww-proof-inner>div{padding:16px 0;border-right:0;border-bottom:1px solid #282b26}.pww-proof-inner>div:last-child{border-bottom:0}
 .pww-intro-top{grid-template-columns:1fr;gap:22px}.pww-intro-top>div:last-child{grid-template-columns:1fr 1fr;gap:27px}
 .pww-image-break-grid{grid-template-columns:1fr}.pww-image-break-pictures{max-width:680px}
}
@media(max-width:580px){
 .pww-hero{padding-top:110px}.pww-hero h1{font-size:clamp(44px,10.7vw,60px);max-width:15ch}
 .pww-hero-showcase{padding:0 24px 31px 0;min-height:350px}.pww-showcase-main{height:330px;border-radius:14px}
 .pww-showcase-small{width:49%;height:120px;bottom:7px;border-radius:12px;border-width:3px}
 .pww-showcase-small span{font-size:8px;padding:14px 9px 9px}
 .pww-demo-tag{padding:17px 13px 11px}.pww-demo-tag small{font-size:9px}.pww-demo-tag strong{font-size:10px}
 .pww-hero-stamp{left:0;bottom:-12px;font-size:8px;padding:9px 11px}
 .pww-intro-top>div:last-child{grid-template-columns:1fr;gap:13px}
 .pww-intro h2{font-size:clamp(37px,9.3vw,50px)}
 .pww-service{min-height:0;padding:21px}.pww-service h3{margin-top:18px}
 .pww-image-break{padding:65px 0}.pww-image-break-pictures{gap:8px}.pww-image-break-pictures a{height:200px}
 .pww-project-grid{gap:28px}.pww-project-visit{bottom:9px;right:9px}
}
@media(prefers-reduced-motion:reduce){.pww-hero-showcase *,.pww-image-break *,.pww-project *{transition:none!important;transform:none!important}}

/* PAGADI WWW 1.5.0: original project photography; no screenshot services or hover zoom. */
.pww-page .pww-image-break-pictures{align-items:center;gap:clamp(13px,2vw,27px);padding:0;}
.pww-page .pww-image-break-pictures a,.pww-page .pww-image-break-pictures a:first-child,.pww-page .pww-image-break-pictures a:last-child{height:auto;aspect-ratio:auto;min-height:0;align-self:center;transform:none!important;overflow:hidden;border:1px solid rgba(255,255,255,.19);border-radius:14px;background:#22291f;box-shadow:0 20px 45px rgba(0,0,0,.24);}
.pww-page .pww-image-break-pictures a:has(img){line-height:0;}
.pww-page .pww-image-break-pictures a img{position:relative;inset:auto;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;opacity:1!important;transform:none!important;transition:none!important;display:block;}
.pww-page .pww-image-break-pictures a:hover img{transform:none!important;}
.pww-page .pww-break-placeholder{display:grid;place-items:center;align-content:center;gap:8px;min-height:200px;padding:25px;color:#fff;font-size:clamp(20px,2vw,31px);font-weight:900;line-height:1.2;text-align:center;letter-spacing:-.04em;}
.pww-page .pww-break-placeholder small{font-size:11px;font-weight:700;color:#c0bda9;letter-spacing:.02em;}
.pww-page .pww-image-break-pictures a:has(img) .pww-break-placeholder{display:none;}
.pww-page .pww-project-grid{margin-top:29px;}
.pww-page .pww-project,.pww-page .pww-project:hover{transform:none!important;}
.pww-page .pww-project-visual>img,.pww-page .pww-project-visual:hover>img,.pww-page .pww-project:hover .pww-project-visual>img,.pww-page .pww-project-visual img.loaded{transform:none!important;transition:opacity .28s ease!important;}
.pww-page .pww-showcase-main img,.pww-page .pww-showcase-small img,.pww-page .pww-showcase-main img:hover,.pww-page .pww-showcase-small img:hover{transform:none!important;}
.pww-page .pww-project-visual.has-preview img.loaded{opacity:1;}
.pww-page .pww-project-visual img:not(.loaded){opacity:0;}
.pww-page .pww-project-visual .pww-project-placeholder{background:linear-gradient(135deg,#353029,#191815);}
@media(max-width:850px){.pww-page .pww-image-break-pictures{max-width:700px;margin:auto;}}
@media(max-width:580px){.pww-page .pww-image-break-pictures{gap:10px}.pww-page .pww-break-placeholder{min-height:128px;padding:12px;font-size:19px}.pww-page .pww-break-placeholder small{font-size:9px}}


/* PAGADI WWW 1.5.1 — true uncropped previews & complete portfolio.
   Preview images use contain, backed by a subtle neutral canvas rather than a crop.
   The browser chrome and the overlay label each reserve separate, non-image space. */
.pww-page .pww-hero-showcase {
  min-height: 0;
  padding: 0 clamp(16px,3vw,36px) 42px 0;
}
.pww-page .pww-showcase-main,
.pww-page .pww-showcase-main:hover {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1.4;
  transform: none;
  background: #e5e8e5;
  border-color: rgba(255,255,255,.16);
}
.pww-page .pww-showcase-main img,
.pww-page .pww-showcase-main.has-preview img,
.pww-page .pww-showcase-main img:hover {
  position: absolute;
  inset: 38px 0 57px;
  width: 100%;
  height: calc(100% - 95px);
  object-fit: contain;
  object-position: center center;
  background: #e8ece9;
  transform: none !important;
}
.pww-page .pww-showcase-main .pww-demo-tag {
  inset: auto 0 0;
  display: flex;
  min-height: 57px;
  padding: 11px 20px;
  background: #131612;
  border-top: 1px solid rgba(255,255,255,.09);
}
.pww-page .pww-showcase-small,
.pww-page .pww-showcase-small:hover {
  width: 42%;
  height: auto;
  aspect-ratio: 1.25;
  bottom: 12px;
  transform: none;
  background: #e8e9e7;
  border: 4px solid #20231f;
}
.pww-page .pww-showcase-small img,
.pww-page .pww-showcase-small img:hover {
  inset: 0;
  width: 100%;
  height: calc(100% - 36px);
  object-fit: contain;
  object-position: center;
  background: #e8ece9;
  transform: none!important;
}
.pww-page .pww-showcase-small span {
  position: absolute;
  inset: auto 0 0;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 11px;
  background: #131612;
}
/* Bigger image canvases for the six manually curated portfolio entries. */
.pww-page .pww-project-grid {
  gap: clamp(34px,3.4vw,58px) clamp(18px,1.8vw,27px);
}
.pww-page .pww-project-visual {
  width: 100%;
  aspect-ratio: 1.32;
  overflow: hidden;
  background: #e7eae6;
}
.pww-page .pww-project-visual .pww-browser-head {
  z-index: 4;
}
.pww-page .pww-project-visual>img,
.pww-page .pww-project-visual.has-preview img.loaded,
.pww-page .pww-project-visual:hover>img,
.pww-page .pww-project-visual img:hover {
  inset: 39px 0 0;
  width: 100%;
  height: calc(100% - 39px);
  object-fit: contain;
  object-position: center center;
  background: #e7eae6;
  transform: none !important;
  transition: opacity .3s ease !important;
}
.pww-page .pww-project-visit {
  bottom: 11px;
  right: 11px;
  padding: 7px 8px 7px 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.pww-page .pww-more-wrap,
.pww-page #pww-more { display:none!important; }
@media (max-width: 850px) {
  .pww-page .pww-hero-showcase { max-width: min(620px,100%); padding-bottom:30px; }
  .pww-page .pww-showcase-main { aspect-ratio:1.48; }
  .pww-page .pww-showcase-small { width:39%; }
}
@media (max-width: 580px) {
  .pww-page .pww-hero-showcase { padding:0 12px 21px 0; }
  .pww-page .pww-showcase-main { aspect-ratio:1.2; }
  .pww-page .pww-showcase-main img { inset:38px 0 48px;height:calc(100% - 86px); }
  .pww-page .pww-showcase-main .pww-demo-tag { min-height:48px; padding:8px 11px;gap:7px; }
  .pww-page .pww-showcase-small { aspect-ratio:1.13;width:44%;bottom:0;right:0;border-width:3px; }
  .pww-page .pww-showcase-small img { height:calc(100% - 29px); }
  .pww-page .pww-showcase-small span { height:29px;font-size:8px;padding:5px 6px; }
  .pww-page .pww-project-visual { aspect-ratio:1.36; }
}


/* PAGADI WWW 1.5.2 — image-driven browser frames.
   The visual height follows each original image. No crop, letterboxing or fake viewport. */
.pww-page .pww-project-grid{
  align-items:start;
}
.pww-page .pww-project-visual,
.pww-page .pww-project-visual:hover{
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  border-radius:16px;
  background:#f1f1ed;
  overflow:hidden;
}
.pww-page .pww-project-visual .pww-browser-head{
  position:relative;
  inset:auto;
  order:0;
  display:flex;
  flex:none;
  width:100%;
  height:40px;
}
.pww-page .pww-project-visual>img,
.pww-page .pww-project-visual.has-preview>img.loaded,
.pww-page .pww-project-visual:hover>img,
.pww-page .pww-project:hover .pww-project-visual>img{
  position:relative!important;
  inset:auto!important;
  order:1;
  display:block;
  flex:none;
  width:100%!important;
  height:auto!important;
  min-height:0;
  max-height:none!important;
  object-fit:contain;
  object-position:center;
  background:transparent;
  transform:none!important;
  transition:opacity .25s ease!important;
}
.pww-page .pww-project-visual>img[hidden]{display:none!important;}
.pww-page .pww-project-visual .pww-project-placeholder{
  inset:40px 0 0;
  min-height:190px;
  z-index:0;
}
.pww-page .pww-project-visual.has-preview .pww-project-placeholder{display:none;}
.pww-page .pww-project-visual:not(.has-preview){min-height:270px;}
.pww-page .pww-project-visual .pww-project-visit{
  bottom:12px;
  right:12px;
  z-index:4;
}
/* Hero composition: main shot is an actual complete image with an in-flow caption.
   Secondary shot floats over a corner but also follows its natural dimensions. */
.pww-page .pww-hero-showcase{
  min-height:0;
  height:auto;
  padding:0 clamp(38px,5vw,70px) clamp(34px,4vw,60px) 0;
}
.pww-page .pww-showcase-main,
.pww-page .pww-showcase-main:hover{
  display:flex;
  flex-direction:column;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  background:#111512;
  border-radius:18px;
  overflow:hidden;
  transform:none!important;
}
.pww-page .pww-showcase-main .pww-demo-browser{
  position:relative;
  inset:auto;
  flex:none;
  height:39px;
}
.pww-page .pww-showcase-main img,
.pww-page .pww-showcase-main.has-preview img,
.pww-page .pww-showcase-main img:hover{
  position:relative!important;
  inset:auto!important;
  order:1;
  flex:none;
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  object-position:center;
  background:transparent;
  transform:none!important;
}
.pww-page .pww-showcase-main .pww-demo-tag{
  position:relative;
  inset:auto;
  order:2;
  display:flex;
  align-items:center;
  flex:none;
  min-height:56px;
  padding:12px 16px;
  background:#151914;
  border-top:1px solid rgba(255,255,255,.13);
}
.pww-page .pww-showcase-small,
.pww-page .pww-showcase-small:hover{
  position:absolute;
  right:0;
  bottom:clamp(9px,1.6vw,22px);
  z-index:4;
  display:flex;
  flex-direction:column;
  width:min(46%,290px);
  height:auto;
  aspect-ratio:auto;
  min-height:0;
  border:4px solid #1d221d;
  border-radius:16px;
  background:#161b17;
  overflow:hidden;
  transform:none!important;
}
.pww-page .pww-showcase-small img,
.pww-page .pww-showcase-small img:hover{
  position:relative!important;
  inset:auto!important;
  order:0;
  display:block;
  flex:none;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  object-position:center;
  background:transparent;
  transform:none!important;
}
.pww-page .pww-showcase-small span{
  position:relative;
  inset:auto;
  order:1;
  display:flex;
  align-items:center;
  flex:none;
  min-height:34px;
  padding:8px 11px;
  background:#151914;
}
.pww-page .pww-hero-stamp{z-index:5;}
@media(max-width:850px){
  .pww-page .pww-hero-showcase{
    width:100%;
    max-width:650px;
    padding:0 clamp(30px,7vw,56px) 42px 0;
  }
}
@media(max-width:580px){
  .pww-page .pww-hero-showcase{padding:0 28px 35px 0;}
  .pww-page .pww-showcase-main .pww-demo-browser{height:34px;}
  .pww-page .pww-showcase-main .pww-demo-tag{padding:8px 9px;min-height:48px;}
  .pww-page .pww-showcase-small,
  .pww-page .pww-showcase-small:hover{width:45%;border-width:3px;right:0;bottom:12px;}
  .pww-page .pww-showcase-small span{font-size:8px;padding:7px;min-height:30px;}
  .pww-page .pww-project-visual .pww-browser-head{height:37px;}
  .pww-page .pww-project-visual .pww-project-placeholder{inset:37px 0 0;}
}

/* PAGADI WWW 1.5.3 — developer showcase, archived projects and editable visuals */
.pww-page .pww-project--archived .pww-project-visual{cursor:default;}
.pww-page .pww-project--archived .pww-project-visit{background:#f1e8c4;color:#514424;box-shadow:none;padding:10px 15px;}
.pww-page .pww-project-archive-caption{display:inline-block;margin-top:13px;font-size:11px;color:#857f73;font-weight:700;}
.pww-page .pww-project--archived .pww-browser-head small{letter-spacing:.06em;font-size:9px;}
.pww-page .pww-showcase-main:not(a),.pww-page .pww-showcase-small:not(a){cursor:default;}
/* Developer illustration: no third-party images, accessible vector-like UI */
.pww-page .pww-dev-art{position:relative;min-width:0;min-height:400px;isolation:isolate;padding:24px clamp(42px,8vw,120px) 36px 0;}
.pww-page .pww-dev-art:before{content:"";position:absolute;inset:5% -4% 5% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,196,0,.13),transparent 67%);pointer-events:none;z-index:-1;}
.pww-page .pww-dev-window{overflow:hidden;position:relative;border:1px solid #4a4d43;border-radius:20px;background:#171c1a;box-shadow:0 30px 70px rgba(0,0,0,.36);transform:rotate(-2deg);}
.pww-page .pww-dev-topline{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#282c28;color:#c8c9be;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;}
.pww-page .pww-dev-dots{display:flex;gap:6px;}.pww-page .pww-dev-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#6d766a}.pww-page .pww-dev-dots i:first-child{background:#ffcb2f}
.pww-page .pww-dev-status{font-size:9px;letter-spacing:.04em;color:#94d5a6}.pww-page .pww-dev-code{display:grid;gap:12px;padding:34px 20px 45px 24px;font:500 clamp(10px,1vw,13px)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;}
.pww-page .pww-line{display:block;color:#d1d6cb}.pww-page .pww-line em{display:inline-block;width:35px;font-style:normal;color:#66796c;user-select:none}.pww-page .pww-indent{margin-left:17px}.pww-page .pww-purple{color:#ba9bfa}.pww-page .pww-yellow{color:#ffcc56}.pww-page .pww-green{color:#83dbab}
.pww-page .pww-dev-progress{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding:15px 18px;color:#9a9e91;font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;}
.pww-page .pww-dev-preview{position:absolute;right:0;bottom:0;width:44%;min-width:155px;max-width:275px;border:5px solid #30352d;border-radius:19px;overflow:hidden;background:#f5f4ed;box-shadow:0 18px 38px rgba(0,0,0,.45);transform:rotate(6deg)}
.pww-page .pww-dev-preview-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px;color:#171915}.pww-page .pww-dev-logo{font-size:24px;font-weight:950;letter-spacing:-.09em}.pww-page .pww-dev-logo span{color:#f5b800}.pww-page .pww-dev-nav{display:flex;gap:5px}.pww-page .pww-dev-nav i{width:15px;height:3px;border-radius:2px;background:#c5c4bd}
.pww-page .pww-dev-preview-inner{margin:0 11px 10px;background:#151916;color:#fff;border-radius:11px;min-height:165px;padding:24px 17px 20px}.pww-page .pww-dev-kicker{font-size:8px;color:#ffcc28;font-weight:900;letter-spacing:.13em}.pww-page .pww-dev-hero-text{font-weight:900;font-size:clamp(22px,3vw,37px);line-height:1.05;letter-spacing:-.05em;margin:13px 0 18px}.pww-page .pww-dev-hero-text strong{color:#ffcc28}.pww-page .pww-dev-cta{display:inline-flex;gap:10px;background:#ffc400;border-radius:99px;color:#10120f;padding:8px 10px;font-size:9px;font-weight:900}.pww-page .pww-dev-preview-foot{display:flex;gap:4px;padding:2px 12px 12px}.pww-page .pww-dev-preview-foot span{flex:1;height:4px;border-radius:6px;background:#d7d7ce}.pww-page .pww-dev-preview-foot span:first-child{background:#ffc400}
.pww-page .pww-dev-label{position:absolute;left:12px;bottom:0;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.14em;font-weight:900;color:#ffd037}.pww-page .pww-dev-label svg{width:20px;height:20px}
.pww-page .pww-dev-art-custom{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#1d221e;box-shadow:0 24px 45px rgba(0,0,0,.25)}
.pww-page .pww-dev-art-custom img{display:block;width:100%;height:auto;object-fit:contain}
.pww-admin .pww-setting-preview{display:block;max-width:350px;max-height:190px;object-fit:contain;background:#f3f4f3;border:1px solid #c8c8c8;border-radius:7px;margin-top:10px}
.pww-admin .pww-setting-preview[hidden]{display:none!important}
@media(max-width:850px){.pww-page .pww-dev-art{max-width:690px;margin:auto;min-height:390px}}
@media(max-width:580px){.pww-page .pww-dev-art{padding:10px 35px 35px 0;min-height:320px}.pww-page .pww-dev-code{padding:25px 10px 35px;font-size:9px;gap:9px}.pww-page .pww-line em{width:24px}.pww-page .pww-dev-preview{width:48%;min-width:134px;right:0;border-width:3px}.pww-page .pww-dev-preview-inner{min-height:130px;padding:18px 10px}.pww-page .pww-dev-hero-text{font-size:25px}.pww-page .pww-dev-progress{font-size:7px}.pww-page .pww-dev-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.pww-page .pww-dev-art *{transition:none!important;animation:none!important}}


/* PAGADI WWW 1.5.4: uniform portfolio cards. All thumbnails use the same frame
   height independent of source screenshot dimensions. No letterboxing. */
.pww-page .pww-project-grid {
  align-items:stretch;
}
.pww-page .pww-project {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}
.pww-page .pww-project-visual,
.pww-page .pww-project-visual:hover,
.pww-page .pww-project-visual:not(.has-preview) {
  display:block;
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:1.36;
  overflow:hidden;
  background:#e8eae5;
  flex:none;
}
.pww-page .pww-project-visual .pww-browser-head {
  position:absolute;
  inset:0 0 auto;
  height:40px;
  width:100%;
  z-index:5;
}
.pww-page .pww-project-visual>img,
.pww-page .pww-project-visual.has-preview>img.loaded,
.pww-page .pww-project-visual:hover>img,
.pww-page .pww-project:hover .pww-project-visual>img {
  position:absolute!important;
  inset:40px 0 0!important;
  display:block;
  width:100%!important;
  height:calc(100% - 40px)!important;
  min-height:0;
  max-height:none!important;
  object-fit:cover;
  object-position:center top;
  background:#e8eae5;
  transform:none!important;
}
.pww-page .pww-project-visual .pww-project-placeholder {
  position:absolute;
  inset:40px 0 0;
  min-height:0;
}
.pww-page .pww-project-data {
  display:flex;
  flex-direction:column;
  flex:1;
  padding-bottom:3px;
}
.pww-page .pww-project-data p {min-height:0;}
.pww-page .pww-project-data>a,
.pww-page .pww-project-data>.pww-project-archive-caption {
  align-self:flex-start;
  margin-top:auto;
  padding-top:12px;
}
@media(max-width:580px){
  .pww-page .pww-project-visual .pww-browser-head{height:37px;}
  .pww-page .pww-project-visual>img,
  .pww-page .pww-project-visual.has-preview>img.loaded,
  .pww-page .pww-project-visual:hover>img{
    inset:37px 0 0!important;
    height:calc(100% - 37px)!important;
  }
  .pww-page .pww-project-visual .pww-project-placeholder{inset:37px 0 0;}
}


/* PAGADI WWW 1.5.5: crop only the BOTTOM of tall screenshots.
   Full image width is always retained, without stretching or zooming.
   The shortest intrinsic screenshot determines the shared viewport height. */
.pww-page .pww-project-grid {
  --pww-image-crop-height: 245px;
}
.pww-page .pww-project-visual,
.pww-page .pww-project-visual:hover,
.pww-page .pww-project-visual:not(.has-preview) {
  position:relative;
  box-sizing:border-box;
  display:block;
  width:100%;
  min-height:0;
  height:calc(var(--pww-image-crop-height) + 40px);
  aspect-ratio:auto;
  overflow:hidden;
  background:#e8eae5;
}
.pww-page .pww-project-visual .pww-browser-head {
  position:absolute;
  top:0;right:0;bottom:auto;left:0;
  height:40px;
  z-index:5;
}
.pww-page .pww-project-visual>img,
.pww-page .pww-project-visual.has-preview>img.loaded,
.pww-page .pww-project-visual:hover>img,
.pww-page .pww-project:hover .pww-project-visual>img {
  position:absolute!important;
  top:40px!important;right:auto!important;bottom:auto!important;left:0!important;
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0;max-height:none!important;
  object-fit:initial!important;
  object-position:top left!important;
  transform:none!important;
  transition:opacity .25s ease!important;
  background:transparent;
}
.pww-page .pww-project-visual .pww-project-placeholder {
  position:absolute;inset:40px 0 0;min-height:0;
}
@media(max-width:580px) {
  .pww-page .pww-project-visual,
  .pww-page .pww-project-visual:hover,
  .pww-page .pww-project-visual:not(.has-preview) {
    height:calc(var(--pww-image-crop-height) + 37px);
  }
  .pww-page .pww-project-visual .pww-browser-head {height:37px;}
  .pww-page .pww-project-visual>img,
  .pww-page .pww-project-visual.has-preview>img.loaded,
  .pww-page .pww-project-visual:hover>img,
  .pww-page .pww-project:hover .pww-project-visual>img {
    top:37px!important;
  }
  .pww-page .pww-project-visual .pww-project-placeholder {inset:37px 0 0;}
}