.pg-portfolio .pf-glyph{width:16px;height:16px;flex:none}.pg-portfolio .pf-eyebrow{margin-bottom:18px;color:var(--muted)}.pg-portfolio .pf-body{max-width:54ch;color:var(--muted)}.pg-portfolio .pf-body+.pf-body{margin-top:14px}.pg-portfolio .pf-quiet{display:inline-flex;align-items:center;min-height:44px;font:600 15px / 1 var(--font-label);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .15s ease}@media(hover:hover)and (pointer:fine){.pg-portfolio .pf-quiet:hover{text-decoration-color:transparent}}.pg-portfolio .pf-window{overflow:hidden;border-radius:var(--radius-card);background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink),8px 8px 0 var(--ink)}.pg-portfolio .pf-bar{display:flex;align-items:center;gap:6px;height:36px;padding-inline:14px;border-bottom:2px solid var(--ink);background:var(--white)}.pg-portfolio .pf-bar i{width:9px;height:9px;flex:none;border:1.5px solid var(--ink);border-radius:50%}.pg-portfolio .pf-bar i:nth-child(1){background:var(--pink)}.pg-portfolio .pf-bar i:nth-child(2){background:var(--tangerine)}.pg-portfolio .pf-bar i:nth-child(3){background:var(--lime)}.pg-portfolio .pf-bar span{min-width:0;margin-inline:auto;overflow:hidden;padding:3px 12px 4px;border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--lime);font:600 12px / 1.2 var(--font-label);text-overflow:ellipsis;white-space:nowrap;translate:-18px 0}.pg-portfolio .pf-chip{display:inline-block;padding:4px 10px 5px;border-radius:var(--radius-pill);background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font:700 12px / 1.1 var(--font-label);letter-spacing:.04em;text-transform:uppercase}.pg-portfolio .pf-pin{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--lime);color:var(--ink);box-shadow:0 0 0 2px var(--ink);font:800 13px / 1 var(--font-display);font-style:normal}.pg-portfolio .pf-hero{position:relative;overflow-x:clip}.pg-portfolio .pf-hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(40px,5vw,88px);row-gap:48px;padding-top:var(--sub-top);padding-bottom:clamp(32px,4vw,56px)}.pg-portfolio .pf-hero-copy{container-type:inline-size;display:grid;min-width:0;justify-items:start;align-content:start}.pg-portfolio .pf-crumbs{margin-bottom:clamp(28px,3vw,40px)}.pg-portfolio .pf-title{font-size:clamp(30px,8.8cqw,64px);line-height:1.04}.pg-portfolio .pf-nowrap{white-space:nowrap}.pg-portfolio .pf-mark{display:inline-block;margin-top:.1em;padding:.04em .16em .1em;border-radius:.14em;background:var(--lime);color:var(--ink);rotate:-2deg;white-space:nowrap}.pg-portfolio .pf-intro{max-width:36ch;margin-top:clamp(24px,2.6vw,36px);color:var(--ash);font-size:var(--text-lead);font-weight:450;line-height:1.45}.pg-portfolio .pf-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(28px,3vw,40px)}.pg-portfolio .pf-cta .btn{min-height:54px;padding-inline:26px 24px}.pg-portfolio .pf-note{margin-top:14px;color:var(--ash);font:600 var(--text-small) / 1.3 var(--font-label)}.pg-portfolio .pf-selection{padding-block:clamp(24px,3vw,40px) clamp(80px,10vw,152px)}.pg-portfolio .pf-selection-grid{display:grid;gap:clamp(28px,3.4vw,48px);padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}.pg-portfolio .pf-selection .h2{max-width:20ch}.pg-portfolio .pf-selection-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px clamp(28px,6vw,96px);align-items:start;color:var(--ash)}.pg-portfolio .pf-selection-copy>p{max-width:50ch}.pg-portfolio .pf-lead{grid-row:span 2;color:var(--white);font-size:var(--text-lead);line-height:1.45}.pg-portfolio .pf-key{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font:600 var(--text-small) / 1.3 var(--font-label)}.pg-portfolio .pf-key span{padding:4px 10px 5px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--lime)}@media(max-width:1100px){.pg-portfolio .pf-hero-inner{grid-template-columns:minmax(0,1fr)}.pg-portfolio .pf-hero-copy{max-width:640px}}@media(max-width:900px){.pg-portfolio .pf-selection-copy{grid-template-columns:minmax(0,1fr)}.pg-portfolio .pf-key{grid-column:1}.pg-portfolio .pf-lead{grid-row:auto}}.pg-portfolio .pf-stage{display:grid;gap:18px;min-width:0}.pg-portfolio .pf-table{position:relative;isolation:isolate;container-type:inline-size;padding:0 18px 18px;border-radius:var(--radius-card);background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink),10px 10px 0 var(--lime);-webkit-user-select:none;user-select:none}.pg-portfolio .pf-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(to right,var(--line-light) 1px,transparent 1px) -1px 0 / 64px 64px,linear-gradient(to bottom,var(--line-light) 1px,transparent 1px) 0 -1px / 64px 64px,radial-gradient(circle,oklch(0 0 0 / .14) 1px,transparent 1.5px) 31px 31px / 32px 32px;opacity:0}.pg-portfolio .pf-site-head{margin-inline:-18px}.pg-portfolio .pf-site-head .pf-bar{border-radius:var(--radius-card) var(--radius-card) 0 0}.pg-portfolio .pf-site-nav{display:flex;align-items:baseline;gap:18px;padding:14px 18px;font:500 12px / 1 var(--font-label);color:var(--stone)}.pg-portfolio .pf-site-nav b{margin-right:auto;color:var(--ink);font:700 15px / 1 var(--font-display);letter-spacing:-.02em}.pg-portfolio .pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.pg-portfolio .pf-print{position:relative;z-index:var(--z, 1);touch-action:pan-y;-webkit-touch-callout:none}.pg-portfolio .pf-print.is-wide{grid-column:span 2}.pg-portfolio .pf-print figure{position:relative;margin:0;padding:6px 6px 0;border-radius:12px;background:var(--white)}.pg-portfolio .pf-print-photo{display:block;height:clamp(108px,24cqw,200px);overflow:hidden;border-radius:6px;background:var(--fog)}.pg-portfolio .pf-print img{width:100%;height:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px;pointer-events:none}.pg-portfolio .pf-print figcaption{display:grid;gap:2px;padding:9px 2px 10px}.pg-portfolio .pf-print figcaption b{font:600 13px / 1.25 var(--font-label)}.pg-portfolio .pf-print figcaption span{color:var(--stone);font:500 12px / 1.2 var(--font-label)}.pg-portfolio .pf-print:before,.pg-portfolio .pf-print:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:12px;opacity:0;pointer-events:none}.pg-portfolio .pf-print:before{box-shadow:0 0 0 1px #00000014,0 2px 3px #00000024,0 14px 26px -12px #0000006b}.pg-portfolio .pf-print:after{box-shadow:0 0 0 1px #00000014,0 4px 8px #0000001f,0 30px 48px -16px #00000073}.pg-portfolio .pf-handle{position:absolute;z-index:2;width:12px;height:12px;border:2px solid var(--cobalt);border-radius:3px;background:var(--white);opacity:0;pointer-events:none}.pg-portfolio .pf-handle:nth-of-type(1){top:-9px;left:-9px}.pg-portfolio .pf-handle:nth-of-type(2){top:-9px;right:-9px}.pg-portfolio .pf-handle:nth-of-type(3){bottom:-9px;left:-9px}.pg-portfolio .pf-handle:nth-of-type(4){bottom:-9px;right:-9px}.pg-portfolio .pf-you{right:14%;bottom:34px;z-index:3}@media(hover:hover)and (pointer:fine){.pg-portfolio .pf-print{cursor:grab}}@container (max-width: 460px){.pg-portfolio .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg-portfolio .pf-print{--pile-scale: .8}.pg-portfolio .pf-print-photo{height:30cqw}.pg-portfolio .pf-print.is-wide .pf-print-photo{height:44cqw}.pg-portfolio .pf-site-nav{gap:12px;font-size:11px}}.pg-portfolio .pf-print{transition:transform 1s var(--ease-in-out) calc(var(--i) * 70ms)}.pg-portfolio .pf-table.is-pile .pf-print{transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--r, 0deg)) scale(var(--pile-scale, 1));transition-duration:.65s;transition-delay:calc(var(--i) * 40ms)}.pg-portfolio .pf-print figcaption{transition:opacity .4s var(--ease-out) calc(.76s + var(--i) * 60ms)}.pg-portfolio .pf-table.is-pile .pf-print figcaption{opacity:0;transition-duration:.15s;transition-delay:0ms}.pg-portfolio .pf-print:before{transition:opacity .5s var(--ease-out) .6s}.pg-portfolio .pf-table.is-pile .pf-print:before{opacity:1;transition-duration:.2s;transition-delay:0ms}.pg-portfolio .pf-table:before{transition:opacity .6s var(--ease-out) .5s}.pg-portfolio .pf-table.is-pile:before{opacity:1;transition-delay:0ms}.pg-portfolio .pf-site-head{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:var(--ease-out);transition-delay:.9s}.pg-portfolio .pf-table.is-pile .pf-site-head{opacity:0;transform:translateY(-6px);transition-duration:.2s;transition-delay:0ms}.pg-portfolio .pf-you{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:var(--ease-out);transition-delay:1.5s}.pg-portfolio .pf-table:is(.is-pile,.is-touched) .pf-you{opacity:0;transform:translate(10px,12px);transition-delay:0ms}.pg-portfolio .pf-print:is(.is-lifted,.is-flying){z-index:20}.pg-portfolio .pf-print.is-lifted{cursor:grabbing}.pg-portfolio .pf-print:after{transition:opacity .2s var(--ease-out)}.pg-portfolio .pf-print.is-lifted:after{opacity:1}.pg-portfolio .pf-print.is-lifted figure{outline:2px solid var(--cobalt);outline-offset:3px}.pg-portfolio .pf-handle{transition:opacity .12s var(--ease-out)}.pg-portfolio .pf-print.is-lifted .pf-handle{opacity:1}.pg-portfolio .pf-table.is-instant,.pg-portfolio .pf-table.is-instant:before,.pg-portfolio .pf-table.is-instant :is(.pf-print,.pf-print figcaption,.pf-site-head,.pf-you),.pg-portfolio .pf-table.is-instant .pf-print:before{transition:none}@media(prefers-reduced-motion:reduce){.pg-portfolio .pf-replay{display:none}.pg-portfolio :is(.pf-site-head,.pf-you){transition-property:opacity}}.pg-portfolio .pf-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;padding-inline:4px}.pg-portfolio .pf-hint{min-width:0;display:flex;align-items:center;gap:10px;color:var(--ash);font:600 var(--text-small) / 1.35 var(--font-label)}.pg-portfolio .pf-hint .pf-glyph{color:var(--lime)}.pg-portfolio .pf-hint-fine{display:none}.pg-portfolio .pf-replay{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding-inline:14px 16px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px #ffffff4d;color:var(--white);font:600 14px / 1 var(--font-label);transition-property:transform,background-color;transition-duration:.16s;transition-timing-function:var(--ease-press)}.pg-portfolio .pf-replay:active{transform:scale(var(--press-scale))}@media(hover:hover)and (pointer:fine){.pg-portfolio .pf-hint-fine{display:inline}.pg-portfolio .pf-hint-touch{display:none}.pg-portfolio .pf-replay:hover{background:var(--ink-3)}}@media(max-width:520px){.pg-portfolio .pf-stage-foot{flex-wrap:wrap}}.pg-portfolio .pf-case-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);align-items:start}.pg-portfolio .pf-case-copy .h2{max-width:12ch;margin-bottom:24px}.pg-portfolio .pf-legend{display:grid;gap:0;margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.pg-portfolio .pf-legend li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;row-gap:4px;padding-block:18px;border-bottom:1px solid var(--line)}.pg-portfolio .pf-legend .pf-pin{grid-row:span 2}.pg-portfolio .pf-legend h3{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.pg-portfolio .pf-legend p{max-width:46ch;color:var(--muted);font-size:15px}.pg-portfolio .pf-case-stage{position:sticky;top:112px;padding:0 10px 10px 0}.pg-portfolio .pf-case-page{display:grid;gap:16px;padding:22px clamp(18px,2.4vw,28px) 26px}.pg-portfolio .pf-case-crumbs{color:var(--stone);font:500 12px / 1 var(--font-label)}.pg-portfolio .pf-case-crumbs span{margin-inline:4px;opacity:.5}.pg-portfolio .pf-case-title{margin-top:-6px;font:800 clamp(24px,2.4vw,34px) / 1 var(--font-display);letter-spacing:-.035em}.pg-portfolio .pf-case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pg-portfolio .pf-case-facts p,.pg-portfolio .pf-case-result{display:grid;gap:6px;font-size:14px;line-height:1.4}.pg-portfolio .pf-case-facts b,.pg-portfolio .pf-case-result b{display:flex;align-items:center;gap:8px;color:var(--stone);font:700 11px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.pg-portfolio .pf-case-cover,.pg-portfolio .pf-case-details span{display:block;overflow:hidden;border-radius:12px}.pg-portfolio .pf-case-cover{aspect-ratio:16 / 9}.pg-portfolio .pf-case-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-portfolio .pf-case-details span{aspect-ratio:3 / 2}.pg-portfolio .pf-case-page img{width:100%;height:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.pg-portfolio .pf-case-button{position:relative;display:inline-flex;justify-self:start;align-items:center;gap:10px;min-height:44px;padding-inline:20px 18px;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font:600 14px / 1 var(--font-label)}.pg-portfolio .pf-case-button .pf-glyph{width:14px;height:14px}.pg-portfolio .pf-case-page .pf-pin{width:22px;height:22px;font-size:11px;letter-spacing:0}.pg-portfolio .pf-case-button .pf-pin{position:absolute;top:50%;right:-34px;margin-top:-11px}.rb-js .pg-portfolio .pf-case-stage .pf-pin{opacity:0;transform:scale(.95) translateY(6px);transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:var(--ease-out);transition-delay:calc(.5s + var(--n) * .16s)}.rb-js .pg-portfolio .pf-case-stage.is-in .pf-pin{opacity:1;transform:none}@media(max-width:900px){.pg-portfolio .pf-case-grid{grid-template-columns:minmax(0,1fr)}.pg-portfolio .pf-case-stage{position:static}}@media(max-width:520px){.pg-portfolio .pf-case-facts{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.rb-js .pg-portfolio .pf-case-stage .pf-pin{transform:none;transition-property:opacity}}.pg-portfolio .pf-images-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,104px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}.pg-portfolio .pf-images-head .h2{max-width:11ch}.pg-portfolio .pf-shots{--shot-h: clamp(300px, 36vw, 540px);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) auto;gap:clamp(16px,2vw,28px);align-items:start}.pg-portfolio .pf-shot{display:grid;gap:14px;margin:0}.pg-portfolio .pf-shot.is-phone{width:min-content}.pg-portfolio .pf-shot-frame{display:block;height:var(--shot-h);overflow:hidden;border-radius:var(--radius-card);box-shadow:0 0 0 2px var(--ink)}.pg-portfolio .pf-shot img{width:100%;height:100%;object-fit:cover}.pg-portfolio .pf-shot figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--muted);font:600 var(--text-small) / 1.3 var(--font-label)}.pg-portfolio .pf-phone{display:block;width:calc((var(--shot-h) - 16px) * 390 / 814 + 16px);padding:8px;border-radius:var(--radius-card);background:var(--ink);box-shadow:8px 8px 0 var(--lime)}.pg-portfolio .pf-phone .phone-status{border-radius:20px 20px 0 0}.pg-portfolio .pf-phone img{width:100%;height:auto;aspect-ratio:390 / 760;object-fit:cover;object-position:top;border-radius:0 0 20px 20px}.pg-portfolio .pf-source{margin-top:clamp(32px,4vw,48px);color:var(--muted);font:500 var(--text-small) / 1.4 var(--font-label)}.pg-portfolio .pf-source a{color:var(--ink);font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:4px}@media(max-width:900px){.pg-portfolio .pf-images-head{grid-template-columns:minmax(0,1fr);align-items:start}.pg-portfolio .pf-shots{--shot-h: clamp(240px, 64vw, 420px);grid-template-columns:minmax(0,1fr) auto}.pg-portfolio .pf-shot.is-cover{grid-column:1 / -1}}@media(max-width:520px){.pg-portfolio .pf-shots{--shot-h: 300px}.pg-portfolio .pf-shot.is-cover .pf-shot-frame{height:240px}}.pg-portfolio .pf-contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);align-items:center}.pg-portfolio .pf-contact .h2{max-width:12ch;margin-bottom:24px}.pg-portfolio .pf-contact .pf-body{color:var(--ink)}.pg-portfolio .pf-contact-stage{display:grid;padding:0 10px 10px 0}.pg-portfolio .pf-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.pg-portfolio .pf-about{display:grid;align-content:center;gap:18px;padding:26px;border-right:1.5px solid var(--line-light)}.pg-portfolio .pf-about img{width:112px;height:112px;border-radius:50%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.pg-portfolio .pf-about-name{margin-bottom:8px;font:800 22px / 1 var(--font-display);letter-spacing:-.03em}.pg-portfolio .pf-about p:not(.pf-about-name){color:var(--stone);font-size:15px;line-height:1.45}.pg-portfolio .pf-form{display:grid;align-content:start;gap:10px;padding:26px}.pg-portfolio .pf-form-title{margin-bottom:4px;font:700 17px / 1.2 var(--font-text);letter-spacing:-.01em}.pg-portfolio .pf-field{display:grid;gap:3px;padding:9px 14px 10px;border-radius:12px;background:var(--fog);font-size:14px;line-height:1.35}.pg-portfolio .pf-field small{color:var(--stone);font:600 11px / 1.2 var(--font-label)}.pg-portfolio .pf-field.is-area{min-height:76px;align-content:start}.pg-portfolio .pf-send{justify-self:start;margin-top:4px;padding:13px 20px 14px;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font:600 14px / 1 var(--font-label)}.pg-portfolio .pf-contact-stage>.pf-arrow{width:84px;height:104px;margin:-18px 0 -30px 55%;color:var(--ink)}.pg-portfolio .pf-inbox{justify-self:end;display:grid;gap:12px;width:min(400px,100%);padding:12px;border-radius:var(--radius-card);background:var(--ink);color:var(--white)}.pg-portfolio .pf-inbox-head{padding:8px 6px 2px;display:flex;align-items:center;gap:10px;font:600 15px / 1 var(--font-label)}.pg-portfolio .pf-inbox-mark{width:30px}.pg-portfolio .pf-inbox-head span{margin-left:auto;color:var(--ash);font-size:12px;font-weight:500}.pg-portfolio .pf-lead-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;border-radius:var(--radius-inner);background:var(--ink-3);box-shadow:inset 3px 0 0 var(--lime)}.pg-portfolio .pf-lead-row b{font:600 15px / 1.2 var(--font-label)}.pg-portfolio .pf-lead-row span{grid-column:1;color:var(--ash);font-size:14px;line-height:1.35}.pg-portfolio .pf-lead-row small{grid-column:2;grid-row:1;color:var(--lime);font:600 12px / 1.2 var(--font-label)}.pg-portfolio .pf-inbox-tg{padding:0 6px 6px;display:flex;align-items:center;gap:8px;color:var(--ash);font:500 13px / 1.3 var(--font-label)}.pg-portfolio .pf-tg{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2aabee}.pg-portfolio .pf-tg img{width:12px;height:auto;translate:-1px 0}@media(max-width:1100px){.pg-portfolio .pf-contact-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.pg-portfolio .pf-sheet{grid-template-columns:minmax(0,1fr)}.pg-portfolio .pf-about{grid-template-columns:72px minmax(0,1fr);align-items:center;padding:20px 20px 18px;border-right:0;border-bottom:1.5px solid var(--line-light)}.pg-portfolio .pf-about img{width:72px;height:72px}.pg-portfolio .pf-form{padding:20px}}@keyframes pf-press{0%,to{transform:none}40%{transform:scale(var(--press-scale))}}.rb-js .pg-portfolio .pf-contact-stage.is-in .pf-send{animation:pf-press .26s var(--ease-press) .9s both}.rb-js .pg-portfolio .pf-contact-stage .pf-arrow{clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease-in-out) 1.1s}.rb-js .pg-portfolio .pf-contact-stage .pf-lead-row{opacity:0;transform:translateY(10px);transition-property:opacity,transform;transition-duration:.4s;transition-timing-function:var(--ease-out);transition-delay:1.6s}.rb-js .pg-portfolio .pf-contact-stage.is-in .pf-arrow{clip-path:inset(0 0 0 0)}.rb-js .pg-portfolio .pf-contact-stage.is-in .pf-lead-row{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rb-js .pg-portfolio .pf-contact-stage.is-in .pf-send{animation:none}.rb-js .pg-portfolio .pf-contact-stage .pf-arrow{clip-path:none;opacity:0;transition:opacity .3s ease .6s}.rb-js .pg-portfolio .pf-contact-stage.is-in .pf-arrow{opacity:1}.rb-js .pg-portfolio .pf-contact-stage .pf-lead-row{transform:none;transition-property:opacity}}.pg-portfolio .pf-layout-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,104px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}.pg-portfolio .pf-layout-head .h2{max-width:12ch}.pg-portfolio .pf-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin:0;padding:0 10px 10px 0;list-style:none}.pg-portfolio .pf-tpl{display:grid;gap:14px;text-decoration:none;-webkit-tap-highlight-color:transparent}.pg-portfolio .pf-tpl-shot{display:block;overflow:hidden;aspect-ratio:8 / 5;border-radius:20px;box-shadow:0 0 0 2px var(--ink),8px 8px 0 var(--ink);transition-property:transform,box-shadow;transition-duration:.2s;transition-timing-function:var(--ease-out)}.pg-portfolio .pf-tpl-shot img{width:100%;height:100%;object-fit:cover}.pg-portfolio .pf-tpl-meta{display:flex;align-items:baseline;gap:10px;font:500 15px / 1.2 var(--font-label)}.pg-portfolio .pf-tpl-meta b{font-weight:700}.pg-portfolio .pf-tpl-meta>span:not(.pf-tpl-go){color:var(--muted)}.pg-portfolio .pf-tpl-go{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-weight:600}.pg-portfolio .pf-tpl-go .pf-glyph{width:14px;height:14px;transition:translate .15s var(--ease-out)}.pg-portfolio .pf-tpl:active .pf-tpl-shot{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.pg-portfolio .pf-tpl:hover .pf-tpl-shot{transform:translate(-3px,-3px);box-shadow:0 0 0 2px var(--ink),11px 11px 0 var(--ink)}.pg-portfolio .pf-tpl:hover .pf-tpl-go .pf-glyph{translate:3px 0}}.pg-portfolio .pf-layout-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(40px,4vw,56px)}@media(max-width:900px){.pg-portfolio .pf-layout-head{grid-template-columns:minmax(0,1fr);align-items:start}.pg-portfolio .pf-tpls{grid-template-columns:minmax(0,1fr);max-width:520px}}.pg-portfolio .pf-pages-head .h2{max-width:16ch}.pg-portfolio .pf-pages .pf-eyebrow,.pg-portfolio .pf-pages .pf-body{color:var(--white)}.pg-portfolio .pf-plan{display:grid;grid-template-columns:minmax(0,5fr) minmax(220px,1.3fr);grid-template-areas:"start pro-label" "sheets pro";column-gap:clamp(20px,2.4vw,36px);row-gap:16px;margin-top:clamp(40px,5vw,64px)}.pg-portfolio .pf-plan-label.is-start{grid-area:start}.pg-portfolio .pf-plan-label.is-pro{grid-area:pro-label}.pg-portfolio .pf-plan-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:600 var(--text-small) / 1.3 var(--font-label)}.pg-portfolio .pf-plan-label b{font:700 18px / 1 var(--font-display);letter-spacing:-.02em}.pg-portfolio .pf-sheets{grid-area:sheets;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin:0;padding:0 8px 8px 0;list-style:none}.pg-portfolio .pf-sheet-page{display:grid;gap:10px;padding:6px 6px 12px;border-radius:16px;background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink),6px 6px 0 var(--ink)}.pg-portfolio .pf-sheet-thumb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;aspect-ratio:4 / 5;overflow:hidden;border-radius:10px}.pg-portfolio .pf-sheet-thumb img{width:100%;height:100%;min-height:0;object-fit:cover}.pg-portfolio .pf-sheet-thumb img:only-child{grid-column:1 / -1;grid-row:1 / -1}.pg-portfolio .pf-sheet-thumb img:not(:only-child){border-radius:4px}.pg-portfolio .pf-sheet-name{display:flex;align-items:baseline;gap:6px;padding-inline:4px;font:600 13px / 1.25 var(--font-label)}.pg-portfolio .pf-sheet-name i{color:var(--stone);font-style:normal;font-variant-numeric:tabular-nums}.pg-portfolio .pf-pro{grid-area:pro;display:grid;align-content:space-between;gap:18px;margin-bottom:8px;padding:20px 22px 22px;border-radius:20px;outline:2px dashed oklch(1 0 0 / .7);outline-offset:-2px}.pg-portfolio .pf-pro-more{display:grid;gap:6px;font:600 15px / 1.3 var(--font-label)}.pg-portfolio .pf-pro-more b{color:var(--lime);font:800 clamp(56px,6vw,88px) / .9 var(--font-display);letter-spacing:-.04em}.pg-portfolio .pf-pro-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;font:600 16px / 1.3 var(--font-label)}.pg-portfolio .pf-pro-list li{display:flex;align-items:center;gap:10px}.pg-portfolio .pf-pro-list .pf-glyph{color:var(--lime)}.pg-portfolio .pf-pages-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px clamp(24px,3vw,48px);margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}.pg-portfolio .pf-pages-copy .pf-body+.pf-body{margin-top:0}.pg-portfolio .pf-pages-link{grid-column:1 / -1;justify-self:start;margin-top:12px}@media(max-width:1000px){.pg-portfolio .pf-plan{grid-template-columns:minmax(0,1fr);grid-template-areas:"start" "sheets" "pro-label" "pro"}.pg-portfolio .pf-plan-label.is-pro{margin-top:16px}.pg-portfolio .pf-pro{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:28px}.pg-portfolio .pf-pages-copy{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.pg-portfolio .pf-sheets{gap:8px}.pg-portfolio .pf-sheet-page{gap:6px;padding:4px 4px 8px;border-radius:12px;box-shadow:0 0 0 1.5px var(--ink),4px 4px 0 var(--ink)}.pg-portfolio .pf-sheet-thumb{border-radius:8px}.pg-portfolio .pf-sheet-name{display:block;padding-inline:2px;font-size:10px;-webkit-hyphens:auto;hyphens:auto}.pg-portfolio .pf-sheet-name i{display:block}}
