.pf{--dark:#14161c;--dark-2:#1c1f27;--dark-line:#2b2f3a;--on-dark:#f6f3ee;--on-dark-muted:#a8aebd;--paper:#faf7f2;--paper-alt:#f2ede4;--card:#fff;--ink:#1a1c22;--muted:#5c6270;--muted-dim:#636975;--line:#e4ddd1;--amber:#b2551a;--amber-bright:#f0a03c;--green:#2f6b52;--green-bright:#5ddba9;--wrap:1140px;--radius:14px;background:var(--paper);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}.pf main{flex:1 1}.pf h1,.pf h2,.pf h3,.pf h4{font-family:var(--font-display);margin:0;color:var(--ink);line-height:1.12;font-weight:600;letter-spacing:-.015em}.pf p{margin:0}.pf .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 28px}.pf section{padding:92px 0;position:relative}@media (max-width:700px){.pf section{padding:60px 0}.pf .wrap{padding:0 20px}}.pf .logo{display:inline-flex;align-items:center;gap:10px}.pf .logo-word{font-family:var(--font-display);font-weight:700;font-size:1.16rem;letter-spacing:-.02em}.pf .logo-onDark .logo-word{color:var(--on-dark)}.pf .logo-onLight .logo-word{color:var(--ink)}.pf .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--amber);display:block;margin-bottom:18px}.pf .lead{font-size:1.1rem;color:var(--muted);max-width:58ch}.pf .section-head{margin-bottom:46px;max-width:62ch}.pf .section-head h2{font-size:clamp(1.9rem,4vw,2.8rem)}.pf .section-head p{margin-top:16px;color:var(--muted);font-size:1.05rem}.pf .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;padding:15px 28px;text-decoration:none;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.pf .btn:hover{transform:translateY(-2px)}.pf .btn-primary{background:var(--amber);color:#fff;font-weight:500;box-shadow:0 2px 10px rgba(178,85,26,.22)}.pf .btn-primary:hover{background:#98460f;box-shadow:0 6px 18px rgba(178,85,26,.3)}.pf .btn-ghost{border-color:var(--line);color:var(--ink);background:var(--card)}.pf .btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.pf .hero .btn-ghost,.pf .site-footer .btn-ghost{border-color:var(--dark-line);color:var(--on-dark);background:transparent}.pf .hero .btn-ghost:hover,.pf .site-footer .btn-ghost:hover{border-color:var(--amber-bright);color:var(--amber-bright)}.pf .hero .btn-primary{background:var(--amber-bright);color:var(--dark);box-shadow:none}.pf .hero .btn-primary:hover{background:#ffb457}.pf .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.pf .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(20,22,28,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-line)}.pf .site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}.pf .brand{text-decoration:none;display:inline-flex}.pf .nav{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.pf .nav a{text-decoration:none;font-family:var(--font-mono);font-size:.82rem;color:var(--on-dark-muted);transition:color .15s ease}.pf .nav a:hover{color:var(--on-dark)}.pf .nav .btn{padding:10px 20px;font-size:.78rem;background:var(--amber-bright);color:var(--dark);box-shadow:none}.pf .nav .btn:hover{background:#ffb457;color:var(--dark)}@media (max-width:720px){.pf .nav{gap:16px}.pf .nav li.hide-sm{display:none}}.pf .hero{position:relative;overflow:hidden;padding:116px 0 108px;background:var(--dark);color:var(--on-dark)}@media (max-width:700px){.pf .hero{padding:68px 0 60px}}.pf .hero h1,.pf .hero h2{color:var(--on-dark)}.pf .hero-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.pf .hero>.wrap{position:relative;z-index:2}.pf .hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(20,22,28,.95),rgba(20,22,28,.74) 42%,rgba(20,22,28,.12) 72%);pointer-events:none}.pf .hero h1{font-size:clamp(2.6rem,6.2vw,4.5rem);max-width:17ch}.pf .hero h1 em{font-style:normal;color:var(--amber-bright)}.pf .hero .lead{margin-top:24px;font-size:clamp(1.05rem,2vw,1.22rem);max-width:50ch;color:var(--on-dark-muted)}.pf .hero-actions{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}.pf .status-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.76rem;color:var(--on-dark-muted);border:1px solid var(--dark-line);background:rgba(28,31,39,.8);padding:7px 15px;border-radius:999px;margin-bottom:24px}.pf .status-dot{width:7px;height:7px;border-radius:50%;background:var(--green-bright);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(93,219,169,.5)}70%{box-shadow:0 0 0 8px rgba(93,219,169,0)}to{box-shadow:0 0 0 0 rgba(93,219,169,0)}}.pf .stack-strip{background:var(--dark-2);border-bottom:1px solid var(--dark-line);padding:20px 0}.pf .stack-strip .wrap{display:flex;align-items:center;gap:14px 30px;flex-wrap:wrap}.pf .stack-strip .label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-dim)}.pf .stack-strip ul{display:flex;gap:12px 26px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.pf .stack-strip li{font-family:var(--font-mono);font-size:.85rem;color:var(--on-dark-muted)}.pf .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.pf .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.pf .card:hover{border-color:#d3c8b6;transform:translateY(-3px);box-shadow:0 10px 28px rgba(26,28,34,.07)}.pf .card h3{font-size:1.3rem;margin-bottom:12px}.pf .card p{color:var(--muted);font-size:.97rem}.pf .card ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-gap:9px;gap:9px}.pf .card li{font-family:var(--font-mono);font-size:.82rem;color:var(--muted-dim);display:flex;align-items:baseline;gap:10px}.pf .card li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--amber);flex-shrink:0}.pf .work-list{display:grid;grid-gap:22px;gap:22px}.pf .work-card{display:grid;grid-template-columns:210px 1fr;grid-gap:0;gap:0;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media (max-width:720px){.pf .work-card{grid-template-columns:1fr}}.pf .work-card:hover{border-color:var(--amber);box-shadow:0 12px 30px rgba(26,28,34,.09);transform:translateY(-2px)}.pf .work-thumb{overflow:hidden;background:var(--paper-alt)}.pf .work-thumb>div{height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.pf .work-card:hover .work-thumb>div{transform:scale(1.06)}@media (max-width:720px){.pf .work-thumb>div{aspect-ratio:16/7!important}}.pf .work-body{padding:30px 32px}@media (max-width:560px){.pf .work-body{padding:24px 22px}}.pf .work-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.pf .work-card h3{font-size:clamp(1.3rem,2.6vw,1.65rem)}.pf .work-meta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.pf .work-card .year{font-family:var(--font-mono);font-size:.78rem;color:var(--muted-dim)}.pf .work-card .tagline{margin-top:11px;color:var(--muted);font-size:1rem;max-width:58ch}.pf .work-card .outcome{margin-top:17px;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.79rem;color:var(--green)}.pf .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;list-style:none;padding:0}.pf .tags li{font-size:.73rem;color:var(--muted-dim);border:1px solid var(--line);padding:5px 13px;background:var(--paper)}.pf .kind,.pf .tags li{font-family:var(--font-mono);border-radius:999px}.pf .kind{font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;padding:4px 11px;white-space:nowrap}.pf .kind-concept{color:#4b5b7a;border:1px solid #c9d2e2;background:#eef2f8}.pf .kind-client{color:var(--green);border:1px solid #b7d9c8;background:#e8f4ee}.pf .kind-note{margin-top:14px;font-family:var(--font-mono);font-size:.8rem;color:var(--muted-dim);line-height:1.6}.pf .empty-note{border:1px dashed var(--line);border-radius:var(--radius);padding:40px 32px;color:var(--muted);font-size:.98rem;text-align:center;background:var(--card)}.pf code{font-family:var(--font-mono);font-size:.88em;background:var(--paper-alt);padding:2px 6px;border-radius:4px}.pf .case-hero-art{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:42px}.pf .case-body{max-width:68ch;display:grid;grid-gap:22px;gap:22px}.pf .case-body p{color:var(--muted);font-size:1.06rem;line-height:1.75}.pf .case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:44px}.pf .case-meta div{background:var(--card);padding:22px 24px}.pf .case-meta dt{font-family:var(--font-mono);font-size:.71rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-dim);margin-bottom:8px}.pf .case-meta dd{margin:0;font-size:.98rem;color:var(--ink)}.pf .back-link{font-family:var(--font-mono);font-size:.82rem;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:26px}.pf .back-link:hover{color:var(--amber)}.pf .process{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:34px 28px;gap:34px 28px}.pf .process .step-num{font-family:var(--font-mono);font-size:.78rem;color:var(--amber);display:block;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.pf .process h3{font-size:1.18rem;margin-bottom:10px}.pf .process p{color:var(--muted);font-size:.95rem}.pf .section-alt{background:var(--paper-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pf .cta{text-align:center}.pf .cta h2{font-size:clamp(2rem,5vw,3.1rem);max-width:20ch;margin:0 auto}.pf .cta p{margin:20px auto 0;color:var(--muted);max-width:48ch;font-size:1.05rem}.pf .cta .hero-actions{justify-content:center}.pf .form-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:0 8px 26px rgba(26,28,34,.05)}@media (max-width:600px){.pf .form-panel{padding:26px 22px}}.pf .field{margin-bottom:22px}.pf .field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:600px){.pf .field-row{grid-template-columns:1fr;gap:0}}.pf .field label{display:block;font-family:var(--font-mono);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;color:var(--muted)}.pf .field .optional{color:var(--muted-dim);text-transform:none;letter-spacing:0}.pf .field input,.pf .field select,.pf .field textarea{width:100%;padding:13px 15px;border:1px solid var(--line);background:var(--paper);font-family:var(--font-body);font-size:.97rem;color:var(--ink);border-radius:8px;transition:border-color .15s ease,background .15s ease}.pf .field input:hover,.pf .field select:hover,.pf .field textarea:hover{border-color:#cfc4b2}.pf .field input:focus,.pf .field select:focus,.pf .field textarea:focus{background:#fff}.pf .field textarea{min-height:140px;resize:vertical;line-height:1.6}.pf .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px),calc(100% - 14px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px;cursor:pointer}.pf .form-status{margin-top:18px;font-family:var(--font-mono);font-size:.85rem;padding:14px 16px;border-radius:8px}.pf .form-status.ok{color:var(--green);background:#e8f4ee;border:1px solid #b7d9c8}.pf .form-status.err{color:#a13a12;background:#fbeae2;border:1px solid #eec4ad}.pf .contact-grid{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:56px;gap:56px;align-items:start}@media (max-width:860px){.pf .contact-grid{grid-template-columns:1fr;gap:40px}}.pf .contact-detail{display:grid;grid-gap:26px;gap:26px;margin-top:34px}.pf .contact-detail dt{font-family:var(--font-mono);font-size:.71rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-dim);margin-bottom:7px}.pf .contact-detail dd{margin:0;font-size:1rem}.pf .contact-detail a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(178,85,26,.3)}.pf .contact-detail a:hover{border-bottom-color:var(--amber)}.pf .prose{max-width:66ch;display:grid;grid-gap:22px;gap:22px}.pf .prose p{color:var(--muted);font-size:1.06rem;line-height:1.75}.pf .prose strong{color:var(--ink);font-weight:600}.pf .site-footer{background:var(--dark);border-top:1px solid var(--dark-line);padding:52px 0 46px;color:var(--on-dark-muted)}.pf .site-footer .wrap{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:center}.pf .site-footer .foot-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.pf .site-footer a{font-family:var(--font-mono);font-size:.82rem;color:var(--on-dark-muted);text-decoration:none}.pf .site-footer a:hover{color:var(--amber-bright)}.pf .site-footer .copy{font-family:var(--font-mono);font-size:.77rem;color:#848b99}.pf .foot-brand{display:flex;flex-direction:column;gap:12px}