/* Kiyan portfolio — grounded case studies and project explorer */
.pf-page{overflow-x:clip}.pf-page section[id]{scroll-margin-top:150px}
.pf-hero{background:radial-gradient(circle at 74% 39%,#0e8f8160,transparent 44%),linear-gradient(125deg,#071a30,#103553 65%,#0e555b);color:white;position:relative;overflow:hidden}
.pf-hero:before{position:absolute;content:"";inset:0;opacity:.22;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:57px 57px;mask-image:linear-gradient(to left,#000,transparent)}
.pf-hero .container{position:relative;z-index:1}
.pf-crumb{padding-top:23px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#bfd2dc}
.pf-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:48px;align-items:center;padding:72px 0 89px}
.pf-kicker{display:inline-flex;align-items:center;gap:9px;border-radius:99px;border:1px solid #ffffff38;background:#ffffff0e;font-size:11px;font-weight:800;color:#b9f5e7;padding:7px 14px}
.pf-kicker:before{content:"";height:7px;width:7px;border-radius:50%;background:#89ead4;box-shadow:0 0 0 5px #89ead41b}
.pf-hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.5;font-weight:900;letter-spacing:-1.2px;margin:19px 0}
.pf-hero h1 em{font-style:normal;color:#90ead7}
.pf-hero p{color:#d1e3e8;font-size:14.5px;line-height:2.2;max-width:625px;margin:0 0 26px}
.pf-hero-buttons{display:flex;flex-wrap:wrap;gap:11px}
.pf-hero-points{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:27px;font-size:10.5px;color:#c9e0e5}
.pf-hero-points span{display:flex;align-items:center;gap:6px}
.pf-hero-points svg{width:15px;height:15px;color:#a2eedd}
.pf-art{position:relative;height:415px;display:grid;place-items:center}
.pf-art-ring{width:338px;height:338px;border-radius:50%;border:1px solid #ffffff41;box-shadow:0 0 0 47px #ffffff07,0 0 0 91px #ffffff03}
.pf-art-core{position:absolute;transform:rotate(-6deg);border-radius:30px;background:linear-gradient(145deg,#0b8586,#193b60);width:184px;height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #c4ffeb78;box-shadow:0 21px 60px #0005;text-align:center}
.pf-art-core>*{transform:rotate(6deg)}
.pf-art-core svg{height:50px;width:50px;color:#d3fff4}.pf-art-core strong{font-size:15px;line-height:1.7}
.pf-art-float{position:absolute;border-radius:14px;background:#fff;box-shadow:0 17px 45px #0004;min-width:204px;padding:14px;display:flex;align-items:center;gap:11px;color:#1e374a}
.pf-art-float svg{height:40px;width:40px;padding:9px;border-radius:10px;background:#e1f2ee;color:#087f88}
.pf-art-float strong{font-size:12px;display:block}.pf-art-float small{font-size:10px;color:#6c8292}
.pf-art-float.one{top:9px;right:-5px}.pf-art-float.two{top:164px;left:-22px}.pf-art-float.three{bottom:6px;right:22px}
.pf-subnav{position:sticky;top:86px;background:white;border-bottom:1px solid var(--line);z-index:39;box-shadow:0 8px 22px #0e2c5009}
.pf-subnav .container{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.pf-subnav .container::-webkit-scrollbar{display:none}
.pf-subnav a{display:block;font-size:11.5px;font-weight:800;color:#576d7c;padding:15px 0;border-bottom:2px solid transparent;flex-shrink:0}
.pf-subnav a:hover{color:#087c86;border-color:#087c86}
.pf-proofbar{border-bottom:1px solid #dce9e7;background:#f4faf8}
.pf-proofbar .container{padding:21px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pf-proof{display:flex;align-items:flex-start;gap:12px}
.pf-proof svg{width:42px;height:42px;padding:10px;flex-shrink:0;border-radius:12px;background:#e0f3ec;color:#087f88}
.pf-proof strong{font-size:12.5px;display:block}.pf-proof small{font-size:10.5px;color:#627a88}
.pf-intro{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
.pf-intro .section-header{margin-bottom:16px}.pf-intro p{font-size:13px;color:var(--body);line-height:2.25}
.pf-intro-aside{border-radius:23px;background:#103754;padding:33px;color:#fff}
.pf-intro-aside strong{font-size:21px;display:block}
.pf-intro-aside p{color:#d1e7e9;font-size:12px}
.pf-intro-aside ul{color:#e0eef0;font-size:11.5px;padding:0 19px 0 0}
.pf-intro-aside li{margin:9px 0}
.pf-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}
.pf-highlight{background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;display:flex;flex-direction:column;position:relative}
.pf-highlight:before{content:"";height:4px;position:absolute;right:29px;left:29px;top:0;background:#098387;border-radius:0 0 4px 4px}
.pf-highlight:nth-child(2):before{background:#426aaf}.pf-highlight:nth-child(3):before{background:#cba069}.pf-highlight:nth-child(4):before{background:#0c7366}
.pf-highlight .meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.pf-highlight .meta span{font-size:10.5px;color:#087d83;border-radius:99px;background:#e7f3ef;padding:5px 12px;font-weight:800}
.pf-highlight h3{font-size:20px;line-height:1.65;margin:0 0 11px}
.pf-highlight p{color:var(--body);font-size:12px;margin:0 0 14px}
.pf-highlight ul{padding:0 19px 0 0;margin:5px 0 15px;color:#4c6475;font-size:11.5px}
.pf-highlight li{margin:8px 0}.pf-highlight .source{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:10px;color:#667e8c;line-height:1.95}
.pf-highlight .link{color:#087e86;font-size:11px;font-weight:800;margin-top:11px}
.pf-different{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.pf-difference{border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px}
.pf-difference svg{height:39px;width:39px;color:#087c83;margin-bottom:15px}
.pf-difference h3{font-size:15px;margin:0 0 8px}
.pf-difference p{font-size:11.5px;color:var(--body);margin:0}
.pf-explore-tools{padding:22px;border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:24px}
.pf-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}
.pf-control label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}
.pf-control input,.pf-control select{width:100%;height:43px;border:1px solid #d5e3e8;background:#fbfdfd;border-radius:10px;color:#304759;padding:9px 12px;font-size:11.5px;outline:0}
.pf-control input:focus,.pf-control select:focus{border-color:#087f88;box-shadow:0 0 0 3px #087f8820}
.pf-controls button{height:43px;background:#e9f5f0;border:1px solid #c6ddd6;border-radius:10px;color:#0a6973;font-size:11px;font-weight:800;padding:0 15px;white-space:nowrap}
.pf-counter{margin:14px 0 0;font-size:11px;color:#667e90}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pf-case{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;flex-direction:column;min-height:250px}
.pf-case[hidden]{display:none}
.pf-case .badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.pf-case .badges span{border-radius:99px;background:#e8f5f0;color:#0b777f;padding:5px 9px;font-size:9.5px;font-weight:800}
.pf-case .badges span.kind{color:#5f6d84;background:#f0f3f7}
.pf-case h3{font-size:15px;line-height:1.8;margin:0 0 9px}
.pf-case .desc{color:var(--body);font-size:11.5px;margin:0 0 10px}
.pf-case .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.pf-case .foot small{display:block;font-size:9.5px;color:#6d8290}
.pf-case .foot button{margin-top:10px;padding:8px 0;border:0;background:none;color:#087d85;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pf-case .foot button:hover{color:#095d64}
.pf-empty{padding:30px;background:#f5faf9;border-radius:13px;color:#567080;font-size:12px;text-align:center}
.pf-detail{margin-top:25px;border-radius:21px;background:linear-gradient(130deg,#0d2d4c,#0d6370);padding:30px;color:#fff;position:relative}
.pf-detail[hidden]{display:none}
.pf-detail-header{display:flex;justify-content:space-between;align-items:start;gap:20px}
.pf-detail .eyebrow{color:#b1f3e3}.pf-detail .eyebrow:before{background:#b1f3e3}
.pf-detail h3{font-size:23px;line-height:1.6;margin:9px 0 18px;color:#fff}
.pf-detail .close{background:#ffffff18;color:white;border:1px solid #ffffff49;border-radius:10px;font-size:11px;padding:9px 13px}
.pf-detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pf-detail-cols article{background:#ffffff0d;border:1px solid #ffffff29;border-radius:14px;padding:19px}
.pf-detail-cols strong{font-size:12.5px}.pf-detail-cols p{font-size:12px;color:#dceeee;margin:8px 0 0}
.pf-detail .bottom{margin-top:17px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.pf-detail .bottom small{font-size:10.5px;color:#c1dfde}
.pf-detail .bottom a{color:#a1ffed;font-size:11px;font-weight:800}
.pf-method{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.pf-method-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px 17px}
.pf-method-step .number{width:37px;height:37px;border-radius:11px;background:#e3f3ef;color:#097f83;font-size:14px;font-weight:900;display:grid;place-items:center;margin-bottom:17px}
.pf-method-step strong{font-size:13px;line-height:1.8;display:block}
.pf-method-step p{font-size:11.2px;color:var(--body);margin:8px 0 0}
.pf-market{background:#0a2948;position:relative;overflow:hidden;color:white}
.pf-market:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,#098c8560,transparent 40%)}
.pf-market .container{position:relative}
.pf-market .eyebrow{color:#b0eede}.pf-market .eyebrow:before{background:#b0eede}
.pf-market h2{color:#fff}.pf-market .section-header p{color:#d1e0e8}
.pf-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.pf-market-card{border:1px solid #ffffff2b;border-radius:18px;padding:27px;background:#ffffff0e}
.pf-market-card span{color:#b7f4e9;font-size:10.5px;font-weight:800}
.pf-market-card strong{display:block;font-size:29px;line-height:1.5;color:#fff;margin:8px 0}
.pf-market-card p{color:#d4e3e8;font-size:11.5px;margin:0}
.pf-market-note{border-right:3px solid #98e6d9;padding:10px 18px;margin-top:22px;color:#c5d9e4;font-size:11px}
.pf-cta-box{background:#f0f8f5;border-radius:22px;padding:32px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;border:1px solid #c9e4df}
.pf-cta-box h3{font-size:23px;margin:8px 0}.pf-cta-box p{font-size:12px;color:#557183;margin:0}
.pf-cta-box .cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.pf-faq{max-width:930px;margin:0 auto}
.pf-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.pf-source{border-radius:15px;border:1px solid var(--line);padding:24px;background:#fff}
.pf-source strong{font-size:13px;display:block}
.pf-source p{color:var(--body);font-size:11.5px;margin:7px 0 0}
.pf-contact{background:#f4f9f8}
.pf-contact-grid{border-radius:25px;background:linear-gradient(128deg,#0b2c4d,#0b6b70);padding:45px;color:white;display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;align-items:center}
.pf-contact .eyebrow{color:#abf6e7}.pf-contact .eyebrow:before{background:#abf6e7}
.pf-contact h2{font-size:30px;line-height:1.55;margin:15px 0}
.pf-contact p{font-size:12.5px;color:#d7eaee}
.pf-contact-links{display:grid;gap:9px;margin-top:23px;font-size:12px}
.pf-contact-form{background:white;border-radius:18px;color:#1b3749;padding:27px;display:grid;gap:12px}
.pf-contact-form label{font-size:11px;font-weight:800;display:block;margin-bottom:5px}
.pf-contact-form input,.pf-contact-form select,.pf-contact-form textarea{width:100%;border-radius:9px;border:1px solid #d8e3e9;background:#fbfdfd;color:#274255;font-size:12px;padding:10px 12px;outline:none}
.pf-contact-form input:focus,.pf-contact-form select:focus,.pf-contact-form textarea:focus{border-color:#0b808a;box-shadow:0 0 0 3px #087f8820}
.pf-contact-form textarea{min-height:92px;resize:vertical}
.pf-contact-form .btn{width:100%}
.pf-contact-form small{color:#687d8d;font-size:10px;line-height:1.9}
.pf-caveat{padding:18px 22px;border-radius:13px;background:#f3faf8;color:#607884;border:1px solid #d3e7e3;font-size:11px;margin-top:22px}
@media(max-width:1120px){.pf-method{grid-template-columns:repeat(3,1fr)}.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-hero-grid{gap:20px}}
@media(max-width:850px){.pf-subnav{top:73px}.pf-hero-grid,.pf-intro,.pf-contact-grid{grid-template-columns:1fr}.pf-hero-grid{padding:52px 0 69px}.pf-art{display:none}.pf-proofbar .container{grid-template-columns:1fr}.pf-different,.pf-market-grid,.pf-sources{grid-template-columns:repeat(2,1fr)}.pf-contact-grid{padding:30px}}
@media(max-width:590px){.pf-hero h1{font-size:34px}.pf-hero p{font-size:13px}.pf-hero-buttons{flex-direction:column}.pf-hero-buttons .btn{width:100%}.pf-hero-points{display:grid;gap:10px}.pf-highlights,.pf-different,.pf-grid,.pf-method,.pf-market-grid,.pf-sources,.pf-detail-cols,.pf-cta-box,.pf-controls{grid-template-columns:1fr}.pf-controls button{width:100%}.pf-highlight,.pf-case{padding:21px}.pf-explore-tools,.pf-detail{padding:20px}.pf-cta-box .cta-actions{justify-content:stretch}.pf-cta-box .cta-actions .btn{width:100%}.pf-contact-grid{padding:24px 17px}.pf-contact h2{font-size:24px}.pf-contact-form{padding:18px}}