.pricing-page{gap:28px;padding-block:8px 32px;display:grid}.pricing-table-hint{color:var(--muted);margin:0;font-size:12px;display:none}.pricing-table td>.pricing-custom-price{white-space:normal;letter-spacing:-.025em;font-size:25px}.pricing-negotiation{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1.6fr;gap:20px 32px;padding:28px;display:grid}.pricing-negotiation h2{letter-spacing:-.035em;margin:14px 0 0;font-size:28px;font-weight:400;line-height:1.25}.pricing-negotiation h2 em{font-family:var(--serif);color:var(--accent-ink)}.pricing-negotiation-steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pricing-negotiation-steps p{align-content:start;gap:12px;margin:0;display:grid}.pricing-negotiation-steps strong{white-space:nowrap;font-size:26px;font-weight:400}.pricing-negotiation-steps span,.pricing-negotiation-note{color:var(--muted);font-size:14px;line-height:1.6}.pricing-negotiation-note{grid-column:1/-1;margin:4px 0 0}@media (max-width:700px){.pricing-negotiation{grid-template-columns:1fr;padding:20px}.pricing-negotiation-steps{grid-template-columns:1fr;gap:16px}.pricing-negotiation-steps p{grid-template-columns:95px 1fr;gap:12px}.pricing-negotiation-steps strong{font-size:22px}}.pricing-table-wrap:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.pricing-reference{justify-content:space-between;align-items:start;gap:24px;display:flex}.pricing-reference p{max-width:55ch;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.pricing-table-wrap{border-block:1px solid var(--line);overflow-x:auto}.pricing-table{border-collapse:collapse;text-align:start;width:100%}.pricing-table thead th{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:start;border-bottom:1px solid var(--line);padding:18px 24px}.pricing-table tbody th,.pricing-table td{text-align:start;vertical-align:middle;padding:30px 24px}.pricing-table tbody tr+tr{border-top:1px solid var(--line)}.pricing-table tbody th{width:32%;font-weight:400}.pricing-table tbody th>*{display:block}.pricing-table tbody th strong{margin-block:12px 6px;font-size:21px;font-weight:500}.pricing-table tbody th small{color:var(--muted);font-size:13px}.pricing-table td:nth-child(2){background:var(--accent-soft);width:27%}.pricing-table td>span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.pricing-table td>strong{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(32px,3.5vw,48px);font-weight:400}.pricing-table td strong small{letter-spacing:0;color:var(--muted);margin-inline-start:8px;font-size:14px}.pricing-table td:last-child{color:var(--muted);font-size:15px;line-height:1.7}.pricing-bottom{grid-template-columns:1.25fr 1fr;gap:48px;display:grid}.pricing-response{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}.pricing-response-heading{align-items:center;gap:10px;display:flex}.pricing-response h2{margin:0;font-size:18px;font-weight:500}.pricing-message{white-space:pre-line;margin-block:24px;font-size:16px;line-height:1.8}.pricing-response .dark-button{gap:8px}.pricing-guidance{padding-block:24px}.pricing-guidance h2{letter-spacing:-.035em;margin-block:18px;font-size:32px;font-weight:400;line-height:1.25}.pricing-guidance h2 em{font-family:var(--serif);color:var(--accent-ink)}.pricing-guidance p{max-width:44ch;color:var(--muted);font-size:15px;line-height:1.7}@media (max-width:700px){.pricing-reference{flex-direction:column;gap:12px}.pricing-bottom{grid-template-columns:1fr;gap:8px}.pricing-response{padding:20px}.pricing-table{min-width:560px}.pricing-table-hint{margin-bottom:-16px;display:block}.pricing-table thead th,.pricing-table tbody th,.pricing-table td{padding-inline:16px}.pricing-table td>strong{font-size:32px}.pricing-table td strong small{margin:4px 0 0;display:block}.pricing-table tbody th strong{font-size:18px}}
.portfolio-page{overflow-x:clip}.portfolio-page .landing-nav nav a:not(.access-link){color:var(--ink)}.pf-hero{padding:66px 6% 40px;position:relative}.pf-hero h1{letter-spacing:-.06em;margin:30px 0 34px;font-size:clamp(54px,7.2vw,112px);font-weight:500;line-height:1.02}.pf-hero h1 em{font-family:var(--serif);letter-spacing:-.03em;color:var(--accent-ink);font-weight:400}.pf-hero-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:48px;display:grid}.pf-hero-copy>p{max-width:560px;color:var(--muted);margin:0;font-size:18px;line-height:1.6}.pf-stats{border:2.6px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--ink);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.pf-stats>div{border-left:2px dashed var(--line);padding:16px 18px}.pf-stats>div:first-child{border-left:0}.pf-stats>div:last-child{background:var(--accent);color:#161714}.pf-stats dt{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;opacity:.7}.pf-stats dd{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(26px,2.4vw,38px);font-weight:500}.pf-stats dd small{letter-spacing:0;opacity:.7;font-size:14px}.pf-work{margin:0 6%;padding:30px 0 60px}.pf-filters{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.pf-filters button{border:2px solid var(--ink);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;transition:transform .24s var(--ease), background .24s, box-shadow .24s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:inline-flex}.pf-filters button small{font:11px var(--mono);opacity:.6}.pf-filters button:hover{box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px)}.pf-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pf-card-link{color:var(--ink);outline:none;gap:18px;text-decoration:none;display:grid}.pf-card-link.is-featured{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:44px;margin-bottom:56px}.pf-browser{border:2.6px solid var(--ink);background:var(--panel);transition:transform .52s var(--ease), box-shadow .52s var(--ease);border-radius:18px;position:relative;overflow:hidden}.pf-card-link:hover .pf-browser,.pf-card-link:focus-visible .pf-browser{box-shadow:8px 10px 0 var(--ink);transform:translateY(-6px)rotate(-.6deg)}.pf-card-link:focus-visible .pf-browser{outline:3px solid var(--accent-ink);outline-offset:4px}.pf-browser-bar{border-bottom:2.6px solid var(--ink);background:var(--surface);align-items:center;gap:7px;padding:10px 14px;display:flex}.pf-browser-bar i{border:2px solid var(--ink);background:var(--panel);border-radius:50%;flex-shrink:0;width:10px;height:10px}.pf-browser-bar i:nth-child(2){background:var(--accent)}.pf-browser-bar span{font:11.5px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}.pf-live,.pf-poster{aspect-ratio:16/11;background:var(--surface);position:relative;overflow:hidden}.is-large .pf-live,.is-large .pf-poster{aspect-ratio:16/10}.pf-live iframe{transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);background:var(--panel);border:0;position:absolute;top:0;left:0}.pf-live[data-ready] iframe{opacity:1}.pf-live-loading,.pf-skeleton>span{background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--panel) 70%, transparent) 50%, transparent 70%) var(--surface);background-size:220% 100%;animation:1.6s linear infinite pf-shimmer;position:absolute;inset:0}@keyframes pf-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.pf-poster{background:radial-gradient(circle at 30% 30%, var(--accent) 0 18%, transparent 19%), radial-gradient(circle at 78% 70%, var(--doodle-warm,#e9b99b) 0 22%, transparent 23%), var(--accent-soft);place-items:center;display:grid}.pf-poster-initial{font:400 clamp(90px, 12vw, 180px)/1 var(--serif);color:var(--ink)}.pf-poster-host{font:12px var(--mono);border:2px solid var(--ink);background:var(--panel);border-radius:999px;padding:5px 10px;position:absolute;bottom:14px;left:16px}.pf-card-copy{align-content:start;gap:10px;display:grid}.pf-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-index{font:12px var(--mono);color:var(--muted)}.pf-tag,.pf-status{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 9px}.pf-tag{background:var(--accent-soft);color:var(--accent-ink)}.pf-status{border:1.5px solid var(--line);color:var(--muted)}.pf-status.is-live{border-color:var(--ink);background:var(--accent);color:#161714}.pf-card-copy h3{letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(22px,1.8vw,28px);font-weight:500;line-height:1.15}.is-featured .pf-card-copy h3{letter-spacing:-.045em;font-size:clamp(34px,3.4vw,54px)}.pf-card-copy p{max-width:520px;color:var(--muted);margin:0;font-size:15px;line-height:1.6}.is-featured .pf-card-copy p{font-size:17px}.pf-open{border-bottom:2px solid var(--accent);width:fit-content;transition:gap .24s var(--ease);align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:500;display:inline-flex}.pf-card-link:hover .pf-open{gap:10px}.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.pf-skeleton{aspect-ratio:16/13;border:2.6px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.pf-note{max-width:680px;color:var(--muted);margin:48px 0 0;font-size:13px;line-height:1.6}.pf-empty{border:2.6px dashed var(--ink);background:var(--panel);border-radius:22px;justify-items:start;gap:16px;padding:56px;display:grid}.pf-empty h2{letter-spacing:-.04em;margin:0;font-size:clamp(32px,3.4vw,52px);font-weight:500}.pf-empty h2 em{font-family:var(--serif);color:var(--accent-ink);font-weight:400}.pf-empty p{max-width:520px;color:var(--muted);margin:0}.pf-how{margin:0 6%;padding:50px 0 70px}.pf-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pf-steps li{border:2.6px solid var(--ink);background:var(--panel);min-height:260px;transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:22px;align-content:end;gap:8px;padding:24px;display:grid;position:relative}.pf-steps li:nth-of-type(2){background:var(--accent-soft)}.pf-steps li:nth-of-type(4){background:var(--accent);color:#161714;--doodle-line:#161714;--doodle-panel:#fffdf8}.pf-steps li:hover{box-shadow:6px 8px 0 var(--ink);transform:translateY(-6px)rotate(-.6deg)}.pf-steps h3{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:500}.pf-steps p{opacity:.8;margin:0;font-size:14.5px;line-height:1.55}.pf-step-art{position:absolute;top:16px;right:18px}.pf-about{border-top:1px solid var(--line);margin:0 6%;padding:40px 0 80px}.pf-about h2{letter-spacing:-.045em;margin:18px 0 40px;font-size:clamp(32px,3.8vw,58px);font-weight:500;line-height:1.08}.pf-about h2 em{font-family:var(--serif);color:var(--accent-ink);font-weight:400}.pf-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.pf-principles article{border-top:2.6px solid var(--ink);padding-top:18px}.pf-principles h3{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:500}.pf-principles p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.pf-about-more{color:var(--muted);margin:40px 0 0;font-size:15px}.pf-about-more a{color:var(--ink);border-bottom:2px solid var(--accent);align-items:center;gap:4px;display:inline-flex}.pf-closing{overflow:hidden}.pf-closing h2 em{color:var(--accent)}.pf-closing p{max-width:560px;color:#c9c7bd!important}.pf-closing-actions{flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:30px;display:flex}.pf-cta{background:var(--accent);color:#161714;min-height:58px;transition:transform .26s var(--ease), box-shadow .26s var(--ease);border:2.6px solid #f1efe7;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:5px 5px #f1efe7}.pf-cta:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #f1efe7}.pf-closing-actions span{font:12.5px var(--mono);color:#c9c7bd;max-width:360px;line-height:1.5}@media (max-width:1100px){.pf-hero-copy{grid-template-columns:1fr;gap:28px}.pf-card-link.is-featured{grid-template-columns:1fr;gap:22px}.pf-grid,.pf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.portfolio-page .landing-nav nav a:not(.access-link){display:none}.portfolio-page .landing-nav{height:84px}.pf-hero{padding-top:36px}.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-stats>div:nth-child(3){border-left:0}.pf-stats>div:nth-child(n+3){border-top:2px dashed var(--line)}.pf-grid,.pf-steps,.pf-principles{grid-template-columns:1fr}.pf-doodle{display:none}.pf-empty{padding:28px}}@media (prefers-reduced-motion:reduce){[data-reveal-card]:not([data-shown]){opacity:1;transform:none}.pf-doodle,.pf-live-loading{animation:none}}.portfolio-admin{gap:16px;display:grid}.portfolio-intro{justify-content:space-between;align-items:flex-end;gap:24px;padding:22px;display:flex}.portfolio-intro h2{letter-spacing:-.02em;margin:8px 0 6px;font-size:22px;font-weight:500}.portfolio-intro p{max-width:640px;color:var(--muted);margin:0;font-size:14px}.portfolio-intro .dark-button{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.portfolio-add{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:16px;padding:18px 22px;display:grid}.portfolio-add label,.portfolio-fields label{gap:6px;min-width:0;font-size:13px;display:grid}.portfolio-add input,.portfolio-fields input,.portfolio-fields textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px;font-size:14px}.portfolio-fields textarea{resize:vertical;min-height:64px}.portfolio-link{align-items:flex-end;gap:10px;min-width:0;display:flex}.portfolio-link label{flex:1}.portfolio-link .light-button{flex-shrink:0;align-items:center;gap:6px;min-height:44px;display:inline-flex}.portfolio-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.portfolio-row{grid-template-columns:auto 220px minmax(0,1fr) auto;align-items:start;gap:16px;padding:16px 18px;display:grid}.portfolio-row[data-featured]{border-color:var(--accent-ink);box-shadow:inset 4px 0 0 var(--accent)}.portfolio-order{font:12px var(--mono);color:var(--muted);justify-items:center;gap:2px;display:grid}.portfolio-fields{gap:10px;min-width:0;display:grid}.portfolio-fields-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;display:grid}.portfolio-fields label small{color:var(--muted);font-size:11px}.portfolio-source{width:fit-content;font:12px var(--mono);color:var(--muted);align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.portfolio-row-actions{align-items:center;gap:6px;display:flex}.portfolio-row-actions .light-button{align-items:center;gap:6px;display:inline-flex}.portfolio-row-actions .light-button.is-on{background:var(--accent);border-color:var(--ink);color:#161714}.portfolio-empty{text-align:center;padding:26px}.portfolio-footer{background:var(--paper);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex;position:sticky;bottom:0}@media (max-width:820px){.portfolio-intro,.portfolio-add{grid-template-columns:1fr;display:grid}.portfolio-row{grid-template-columns:1fr}.portfolio-order{justify-content:flex-start;display:flex}.portfolio-fields-row{grid-template-columns:1fr}.portfolio-link{flex-direction:column;align-items:stretch}}@media (hover:none){.pf-hover-hint{display:none}}.pf-constellation{pointer-events:none;width:min(38vw,520px);height:300px;position:absolute;top:40px;right:5%}.pf-thread{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pf-thread path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:7 9;opacity:.55;stroke-dashoffset:0;animation:pf-thread-in 2.2s var(--ease) .6s both, pf-thread-flow 18s linear 2.8s infinite}@keyframes pf-thread-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pf-thread-flow{to{stroke-dashoffset:-320px}}.pf-doodle{transition:translate .6s cubic-bezier(.2,.8,.2,1);display:block;position:absolute}.pf-doodle>.doodle{animation:7s ease-in-out infinite hd-float}.pf-doodle-1{bottom:8%;left:2%}.pf-doodle-2{top:34%;left:48%}.pf-doodle-2>.doodle{animation-delay:-2s}.pf-doodle-3{top:-4%;right:0}.pf-doodle-3>.doodle{animation-delay:-4s}.pf-doodle-4{top:0;left:24%}.pf-doodle-4>.doodle{animation-delay:-5s}.pf-constellation .pf-doodle{opacity:0;animation:pf-pop .7s var(--ease) both}.pf-doodle-1{animation-delay:.5s!important}.pf-doodle-4{animation-delay:1.1s!important}.pf-doodle-2{animation-delay:1.6s!important}.pf-doodle-3{animation-delay:2.1s!important}@keyframes pf-pop{0%{opacity:0;scale:.4}70%{scale:1.12}to{opacity:1;scale:1}}.pf-hero h1,.pf-hero-copy{z-index:1;position:relative}.pf-steps{position:relative}.pf-steps-line{z-index:0;pointer-events:none;width:100%;height:40px;position:absolute;top:34px;left:0;right:0;overflow:visible}.pf-steps-line path{fill:none;stroke:var(--accent-ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:1100px;transition:stroke-dashoffset 1.8s var(--ease)}.pf-steps[data-drawn] .pf-steps-line path{stroke-dashoffset:0}.pf-steps li{z-index:1}.pf-steps .bento-n{transition:background .4s,color .4s}.pf-steps[data-drawn] li .bento-n{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pf-steps[data-drawn] li:first-of-type .bento-n{transition-delay:.2s}.pf-steps[data-drawn] li:nth-of-type(2) .bento-n{transition-delay:.6s}.pf-steps[data-drawn] li:nth-of-type(3) .bento-n{transition-delay:1s}.pf-steps[data-drawn] li:nth-of-type(4) .bento-n{transition-delay:1.4s}.pf-steps[data-drawn] .pf-step-art{animation:pf-nod .9s var(--ease) both}.pf-steps[data-drawn] li:nth-of-type(2) .pf-step-art{animation-delay:.4s}.pf-steps[data-drawn] li:nth-of-type(3) .pf-step-art{animation-delay:.8s}.pf-steps[data-drawn] li:nth-of-type(4) .pf-step-art{animation-delay:1.2s}@keyframes pf-nod{40%{rotate:-10deg;scale:1.12}to{rotate:none;scale:1}}.pf-cover{aspect-ratio:16/11;background:var(--surface);position:relative;overflow:hidden}.is-large .pf-cover{aspect-ratio:16/10}.pf-cover img{opacity:0;width:100%;height:auto;transition-property:transform;transition-timing-function:cubic-bezier(.45,.05,.25,1);display:block}.pf-cover[data-ready] img{opacity:1;transition:transform .9s cubic-bezier(.45,.05,.25,1),opacity .5s}.portfolio-cover-field{align-content:start;gap:6px;display:grid}.portfolio-cover{aspect-ratio:16/11;border:2px dashed var(--line);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.portfolio-cover:hover,.portfolio-cover.is-over{border-color:var(--accent-ink)}.portfolio-cover.is-selected,.portfolio-cover:focus-visible{border-style:solid;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.portfolio-cover img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.portfolio-cover-empty{text-align:center;color:var(--muted);justify-items:center;gap:3px;padding:10px;font-size:12px;display:grid}.portfolio-cover-empty strong{color:var(--ink);font-size:13px;font-weight:500}.portfolio-cover-badge{font:10.5px var(--mono);background:var(--accent);color:#161714;border:1.5px solid var(--ink);border-radius:999px;padding:3px 7px;position:absolute;top:8px;left:8px}.portfolio-cover-help{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;line-height:1.4;display:flex}.portfolio-cover-help .text-button{align-items:center;gap:3px;font-size:11.5px;display:inline-flex}@media (max-width:1100px){.pf-constellation,.pf-steps-line{display:none}}@media (prefers-reduced-motion:reduce){.pf-thread path,.pf-doodle,.pf-doodle>.doodle,.pf-constellation .pf-doodle,.pf-steps[data-drawn] .pf-step-art{opacity:1;animation:none}.pf-steps-line path{stroke-dashoffset:0;transition:none}}.pf-stats dd.is-text{letter-spacing:-.02em;padding-top:6px;font-size:clamp(18px,1.6vw,24px);line-height:1.15}.pf-stage{perspective:1100px;position:relative}.pf-browser{transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .38s cubic-bezier(.2, .8, .2, 1), box-shadow .52s var(--ease)}.pf-browser:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff59, transparent 45%);z-index:2;transition:opacity .3s;position:absolute;inset:0}.pf-card-link:hover .pf-browser,.pf-card-link:focus-visible .pf-browser{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px);box-shadow:10px 12px 0 var(--ink)}.pf-card-link:hover .pf-browser:after{opacity:1}[data-reveal-card]{transition:opacity .7s var(--ease) calc(var(--i,0) % 3 * .11s), transform .9s cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) % 3 * .11s)}[data-reveal-card]:not([data-shown]){opacity:0;transform:translateY(46px)rotate(-1.4deg)scale(.96)}[data-reveal-card] .pf-browser-bar{transition:transform .6s var(--ease) calc(var(--i,0) % 3 * .11s + .25s)}[data-reveal-card]:not([data-shown]) .pf-browser-bar{transform:translateY(-100%)}[data-reveal-card] .pf-live,[data-reveal-card] .pf-cover,[data-reveal-card] .pf-poster{transition:clip-path 1s cubic-bezier(.65, 0, .35, 1) calc(var(--i,0) % 3 * .11s + .35s);clip-path:inset(0)}[data-reveal-card]:not([data-shown]) .pf-live,[data-reveal-card]:not([data-shown]) .pf-cover,[data-reveal-card]:not([data-shown]) .pf-poster{clip-path:inset(100% 0 0)}[data-reveal-card] .pf-card-copy>*{transition:opacity .6s var(--ease), transform .6s var(--ease)}[data-reveal-card]:not([data-shown]) .pf-card-copy>*{opacity:0;transform:translateY(14px)}[data-reveal-card] .pf-card-copy>:nth-child(2){transition-delay:.45s}[data-reveal-card] .pf-card-copy>:nth-child(3){transition-delay:.55s}[data-reveal-card] .pf-card-copy>:nth-child(4){transition-delay:.65s}.pf-poster-initial{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.pf-card-link:hover .pf-poster-initial{transform:scale(1.12)rotate(-4deg)}.pf-visitor{z-index:3;pointer-events:none;filter:drop-shadow(2px 3px 0 var(--ink));opacity:0;animation:9s cubic-bezier(.45,0,.25,1) 1.2s infinite pf-browse;position:absolute;top:0;left:0}@keyframes pf-browse{0%{opacity:0;translate:70% 80%}8%{opacity:1}26%{translate:30% 30%;scale:1}30%{scale:.82}34%{scale:1}58%{translate:62% 55%}62%{scale:.82}66%{scale:1}88%{opacity:1;translate:82% 22%}to{opacity:0;translate:82% 22%}}.pf-visitor{width:100%;height:100%}.pf-sticker{z-index:3;border:2.6px solid var(--ink);background:var(--accent);color:#161714;font:600 12px var(--mono);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:8px 14px;animation:.9s cubic-bezier(.2,1.4,.4,1) 1.4s both pf-sticker;position:absolute;top:-18px;right:-14px;rotate:6deg}@keyframes pf-sticker{0%{rotate:-30deg;scale:0}to{rotate:6deg;scale:1}}@media (hover:none){[data-shown] .pf-browser{animation:6s ease-in-out infinite pf-float}.pf-sticker{right:8px}}@keyframes pf-float{0%,to{translate:0}50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){[data-reveal-card],[data-reveal-card] *{transition:none!important}[data-reveal-card]:not([data-shown]){opacity:1;transform:none}[data-reveal-card]:not([data-shown]) .pf-live,[data-reveal-card]:not([data-shown]) .pf-cover,[data-reveal-card]:not([data-shown]) .pf-poster{clip-path:none}.pf-visitor,.pf-sticker,[data-shown] .pf-browser{animation:none}.pf-visitor{display:none}}.lp-portfolio{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;margin:0 6%;padding:40px 0 80px;display:grid;overflow-x:clip}.lp-portfolio-copy h2{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(36px,4.2vw,62px);font-weight:500;line-height:1.05}.lp-portfolio-copy h2 em{font-family:var(--serif);color:var(--accent-ink);font-weight:400}.lp-portfolio-copy p{max-width:480px;color:var(--muted);margin:0 0 26px;font-size:16px;line-height:1.6}.lp-portfolio-cta{align-items:center;gap:8px;display:inline-flex}.lp-deck{height:420px;color:var(--ink);display:block;position:relative}.lp-card{aspect-ratio:16/11;border:2.6px solid var(--ink);background:var(--panel);width:min(78%,440px);box-shadow:6px 6px 0 var(--ink);border-radius:16px;transition:transform .7s cubic-bezier(.2,.9,.2,1),box-shadow .7s;position:absolute;top:50%;left:50%;overflow:hidden}.lp-card-1{z-index:3;transform:translate(-50%,-50%)rotate(-2deg)}.lp-card-2{z-index:2;transform:translate(-58%,-54%)rotate(-8deg)}.lp-card-3{z-index:1;transform:translate(-42%,-46%)rotate(6deg)}.lp-deck:hover .lp-card-1,.lp-deck:focus-visible .lp-card-1{box-shadow:10px 12px 0 var(--ink);transform:translate(-50%,-58%)rotate(0)scale(1.03)}.lp-deck:hover .lp-card-2,.lp-deck:focus-visible .lp-card-2{transform:translate(-82%,-42%)rotate(-11deg)}.lp-deck:hover .lp-card-3,.lp-deck:focus-visible .lp-card-3{transform:translate(-20%,-38%)rotate(10deg)}.lp-card-bar{border-bottom:2.6px solid var(--ink);background:var(--surface);align-items:center;gap:6px;padding:8px 12px;display:flex}.lp-card-bar i{border:2px solid var(--ink);background:var(--panel);border-radius:50%;flex-shrink:0;width:9px;height:9px}.lp-card-bar i:nth-child(2){background:var(--accent)}.lp-card-bar b{font:400 11px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;overflow:hidden}.lp-card-body{background:var(--accent-soft);position:absolute;inset:38px 0 0;overflow:hidden}.lp-card-body img{width:100%;height:auto;transition:transform 6s cubic-bezier(.45,.05,.25,1);display:block}.lp-deck:hover .lp-card-1 img{transform:translateY(calc(260px - 100%))}.lp-card-poster{background:radial-gradient(circle at 30% 30%, var(--accent) 0 16%, transparent 17%), radial-gradient(circle at 76% 72%, var(--doodle-warm,#e9b99b) 0 20%, transparent 21%), var(--accent-soft);place-items:center;display:grid;position:absolute;inset:0}.lp-card-poster strong{font:400 110px/1 var(--serif)}.lp-card-label{border:2px solid var(--ink);background:var(--panel);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:500;position:absolute;bottom:12px;left:12px}.lp-deck-cursor{z-index:4;filter:drop-shadow(2px 3px 0 var(--ink));transition:transform .6s var(--ease);animation:5s ease-in-out infinite hd-float;position:absolute;bottom:8%;right:12%}.lp-deck:hover .lp-deck-cursor{transform:translate(-60px,-80px)rotate(-10deg)}@media (max-width:900px){.lp-portfolio{grid-template-columns:1fr;gap:26px}.lp-deck{height:300px}.lp-card{width:62%}.lp-deck:hover .lp-card-2,.lp-deck:focus-visible .lp-card-2{transform:translate(-74%,-44%)rotate(-9deg)}.lp-deck:hover .lp-card-3,.lp-deck:focus-visible .lp-card-3{transform:translate(-26%,-40%)rotate(8deg)}}@media (hover:none){.lp-card-2{transform:translate(-72%,-44%)rotate(-9deg)}.lp-card-3{transform:translate(-28%,-40%)rotate(8deg)}.lp-card-1 img{animation:12s ease-in-out 1s infinite alternate lp-scroll}}@keyframes lp-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(200px - 100%))}}@media (prefers-reduced-motion:reduce){.lp-card,.lp-card-body img,.lp-deck-cursor{transition:none;animation:none}}