/*
Theme Name: Purple Inkstone
Template: twentytwentyfive
Version: 1.0.0
Text Domain: purple-inkstone
*/
body{font-feature-settings:"palt"}
.pi-header-wrap{position:fixed;top:0;left:0;right:0;z-index:50}
body.admin-bar .pi-header-wrap{top:32px}
.pi-header{padding:14px clamp(20px,4vw,60px)!important;background:rgba(32,30,36,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}
.pi-header a{color:#fff;text-decoration:none}
.pi-header .wp-block-navigation{font-size:15px;letter-spacing:.08em}
.pi-header .wp-block-navigation__submenu-container{background:rgba(32,30,36,.92)!important;color:#fff;border:0!important;min-width:190px!important}
.pi-logo{margin:0}
.pi-logo img{display:block}
.pi-eyebrow{font-style:italic;color:#8a8a8a;letter-spacing:.06em;margin-bottom:.2em;font-size:18px}
.pi-title{letter-spacing:.32em;font-weight:500;font-size:clamp(24px,3vw,34px);margin-top:0}
.pi-hero .pi-eyebrow,.pi-hero .pi-title{color:#fff}
.pi-hero .wp-block-cover__inner-container{text-align:center}
.pi-lines p{margin:.55em 0;line-height:1.9}
.pi-section{padding:clamp(70px,9vw,130px) clamp(20px,4vw,40px)}
.pi-blush{background:#f9f4f4}
.pi-center{text-align:center}
.pi-btn .wp-block-button__link{background:transparent;color:#111;border:1px solid #111;border-radius:0;padding:12px 38px;letter-spacing:.14em;font-size:14px}
.pi-btn .wp-block-button__link:hover{background:#111;color:#fff}
.pi-grid .wp-block-post-featured-image{margin:0;overflow:hidden}
.pi-grid .wp-block-post-featured-image img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .5s}
.pi-grid li:hover img{transform:scale(1.04)}
.pi-grid .wp-block-post-title{font-size:18px;font-weight:500;margin:.9em 0 .2em}
.pi-grid .wp-block-post-title a{text-decoration:none;color:#111}
.pi-grid .wp-block-post-excerpt{color:#8a8a8a;font-size:14px;margin:0}
.pi-grid .wp-block-post-excerpt__more-text{display:none}
.pi-tabs a{margin:0 14px;color:#555;text-decoration:none;letter-spacing:.1em}
.pi-tabs a[aria-current]{color:#111;border-bottom:1px solid #111;padding-bottom:4px}
.pi-footer{background:#141414;color:#d8d8d8;padding:70px clamp(20px,4vw,60px) 34px}
.pi-footer a{color:#d8d8d8}
.pi-footer h4{color:#fff;letter-spacing:.14em;font-size:15px;margin-top:0}
.pi-copy{border-top:1px solid #333;margin-top:40px;padding-top:22px;font-size:13px;letter-spacing:.06em;text-align:center}
.pi-project-meta{display:flex;gap:48px;flex-wrap:wrap;justify-content:center;color:#555;letter-spacing:.08em}
.pi-project-gallery figure{margin:0 0 18px}
.pi-project-gallery img{width:100%;height:auto;display:block}
body:not(.page):not(.single-projects) main{padding-top:110px}
@media (max-width:781px){.pi-title{letter-spacing:.18em}.pi-section{padding:60px 20px}}

.frm_forms .frm_style_formidable-style.with_frm_style input[type=submit],.frm_forms button.frm_button_submit,.frm_button_submit{background:#111!important;border:1px solid #111!important;border-radius:0!important;color:#fff!important;letter-spacing:.14em;padding:12px 42px!important}
.frm_forms{max-width:880px;margin:30px auto 0;text-align:left}
.pi-project-meta span{white-space:nowrap}

/* overlay-menu-fix: backdrop-filter would trap the fixed mobile menu inside the header */
@media (max-width:600px){.pi-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(32,30,36,.72)}.wp-block-navigation__responsive-container.is-menu-open{padding:24px!important}}

/* ===== PI-MATCH：對齊原站（Prague）版面 ===== */
body{font-family:Roboto,sans-serif;font-size:16px;line-height:32px;font-weight:400;letter-spacing:normal;color:#111;background:#fff;-webkit-font-smoothing:antialiased}
body .wp-site-blocks{padding:0}
body .wp-site-blocks>*{margin-block:0}
body main.wp-block-group{margin:0;padding:0}
body:not(.page):not(.single-projects) main.wp-block-group{padding-top:172px}
body.single-team main.wp-block-group{padding-top:172px}
body .pi-page :where(.is-layout-flow,.is-layout-constrained,.is-layout-flex)>*{margin-block:0}
body .pi-page :where(.is-layout-constrained)>*{max-width:none}
body .pi-page a{text-decoration:none}
body .pi-wrap{width:calc(100% - 30px);max-width:1170px;margin-left:auto!important;margin-right:auto!important}
body .pi-wrap.pi-narrow{max-width:1085px}
body .pi-sub{font-family:Roboto,sans-serif;font-size:14px;line-height:18px;font-weight:300;letter-spacing:4.5px;margin:0;color:inherit}
body .pi-h1{font-family:"Noto Sans",sans-serif;font-size:27px;line-height:1.36;font-weight:700;letter-spacing:normal;margin:24px 0 0;color:#fff}
body .pi-h3{font-family:"Noto Sans",sans-serif;font-size:23px;line-height:1.36;font-weight:700;letter-spacing:.9px;margin:18px 0 0;color:inherit}
body .pi-h4{font-family:Roboto,sans-serif;font-size:20px;line-height:32px;font-weight:700;letter-spacing:.9px;margin:18px 0 0;color:inherit}
body .pi-heading{color:#111;text-align:left}
body .pi-heading.pi-light{color:#fff}
body .pi-txt p,body p.pi-txt{font-size:16px;line-height:32px;color:#7e7d7d;margin:0 0 32px}
body .pi-txt p:last-child{margin-bottom:0}
body .pi-txt.pi-black p{color:#000}
/* ---------- header ---------- */
body .pi-hd{position:fixed;top:0;left:0;right:0;z-index:100;height:123px;margin:0;padding:24px 30px;background:transparent;transition:background-color .3s}
body.admin-bar .pi-hd{top:32px}
body .pi-hd.is-scrolled{background:#918f9c}
body .pi-hd .pi-logo{margin:0;width:104px}
body .pi-hd .pi-logo img{width:104px;height:auto;display:block}
body .pi-hd{display:flex;justify-content:space-between;align-items:flex-start}
body .pi-hd .wp-block-navigation{position:relative;margin:18px 20px 0 0!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:40px;color:#272725}
body .pi-hd .wp-block-navigation__container{gap:10px;flex-wrap:nowrap;white-space:nowrap}

body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item{padding:0 10px;height:40px;transition:background-color .3s}
body .pi-hd .wp-block-navigation-item__content{color:#272725;padding:0;line-height:40px;text-decoration:none}
body .pi-hd .wp-block-navigation__submenu-icon{margin-left:6px;color:#272725}
body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item.is-current,body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item:hover{background:#4d495e}
body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item.is-current>.wp-block-navigation-item__content,body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item.is-current>.wp-block-navigation__submenu-icon,body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item:hover>.wp-block-navigation-item__content,body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item:hover>.wp-block-navigation__submenu-icon{color:#fff}
body .pi-hd .wp-block-navigation .has-child .wp-block-navigation__submenu-container{background:#f1f1f1!important;border:0!important;width:200px!important;min-width:200px!important;padding:0!important;left:0;top:40px}
body .pi-hd .wp-block-navigation__submenu-container .wp-block-navigation-item{padding:0;height:auto;background:transparent}
body .pi-hd .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:14px;line-height:35px;color:#666!important;padding:0 10px!important}
body .pi-hd .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:#111!important}
@media (max-width:1024px){body .pi-hd .wp-block-navigation{margin-right:0!important}}
@media (max-width:600px){body .pi-hd{height:96px;padding:12px 15px}body .pi-hd .pi-logo,body .pi-hd .pi-logo img{width:84px}body .pi-hd .wp-block-navigation{margin:18px 0 0!important}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:#272725!important;padding:24px!important}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{height:auto;padding:0}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{background:transparent!important;width:auto!important}}
/* ---------- banners ---------- */
body .wp-block-cover.pi-banner{min-height:417px;padding:70px 15px 0;margin:0}
body .wp-block-cover.pi-hero{min-height:100vh;padding:0 15px;margin:0}
body .wp-block-cover.pi-proj-hero{min-height:100vh;padding:0 15px;margin:0}
body .wp-block-cover.pi-banner .wp-block-cover__inner-container,body .wp-block-cover.pi-hero .wp-block-cover__inner-container,body .wp-block-cover.pi-proj-hero .wp-block-cover__inner-container{width:100%;max-width:1170px;text-align:center;color:#fff}
body .pi-banner .pi-sub,body .pi-hero .pi-sub,body .pi-proj-hero .pi-sub{color:#fff}
body .pi-hero .pi-lead{margin:27px 0 0;font-size:16px;line-height:32px;color:#fff;opacity:.7}
/* ---------- buttons ---------- */
body .wp-block-buttons.pi-btns{margin-top:30px;gap:0}
body .wp-block-buttons.pi-btns.pi-center{justify-content:center}
body .pi-btn .wp-block-button__link{position:relative;display:inline-block;background:transparent;color:#111;font-family:Roboto,sans-serif;font-size:11px;line-height:18px;font-weight:500;letter-spacing:2px;padding:14px 45px;border:1px solid #111;border-radius:0;text-decoration:none;transition:background-color .3s,color .3s}
body .pi-btn .wp-block-button__link::before,body .pi-btn .wp-block-button__link::after{content:"";position:absolute;top:50%;width:22px;height:1px;background:#111;transition:background-color .3s}
body .pi-btn .wp-block-button__link::before{left:-12px}
body .pi-btn .wp-block-button__link::after{right:-12px}
body .pi-btn .wp-block-button__link:hover{background:#111;color:#fff}
body .pi-btn-light .wp-block-button__link{color:#fff;border-color:#fff}
body .pi-btn-light .wp-block-button__link::before,body .pi-btn-light .wp-block-button__link::after{background:#fff}
body .pi-btn-light .wp-block-button__link:hover{background:#fff;color:#111}
/* ---------- home ---------- */
body .pi-home-about{background:#fff;padding:245px 0 220px}
body .pi-home-about .pi-col8{margin-left:calc(33.333% + 7.5px)!important;max-width:779px}
body .pi-home-about .pi-heading{color:#000}
body .pi-home-about .pi-txt{margin-top:15px}
body .pi-home-proj{background:#f9f4f4;padding:245px 0 190px}
body .pi-home-dreams{background:#d5e9eb;padding:75px 0 100px}
body .pi-home-dreams .pi-box{padding:50px;color:#000}
body .pi-home-dreams .pi-txt{margin-top:15px}
body .pi-home-dreams .pi-txt p{color:#000}
body .pi-home-ig{padding:0 0 113px}
body .pi-home-ig .pi-cols{gap:15px}
body .pi-home-ig .pi-c3{flex:0 0 calc(25% - 11px)!important;padding-top:165px}
body .pi-home-ig .pi-c9{flex:1 1 auto!important;padding-top:25px}
/* project grid (home) */
body .pi-pgrid{margin-top:29px}
body .pi-pgrid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:0;margin:0;padding:0;list-style:none}
body .pi-pgrid .wp-block-post{margin:0;text-align:center}
body .pi-pgrid .wp-block-post-featured-image{margin:0;height:280px;background:#f2f2f2;overflow:hidden}
body .pi-pgrid .wp-block-post-featured-image a,body .pi-pgrid .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
body .pi-pgrid .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.05)}
body .pi-pgrid .wp-block-post-title{font-family:Roboto,sans-serif;font-size:20px;line-height:32px;font-weight:500;letter-spacing:normal;margin:17px 0 0;color:#918f9c}
body .pi-pgrid .wp-block-post-title a{color:#918f9c;text-decoration:none}
body .pi-pgrid .wp-block-post-excerpt{margin:0 0 17px}
body .pi-pgrid .wp-block-post-excerpt__excerpt{font-size:12px;line-height:26px;font-weight:300;color:#918f9c;margin:0}
body .pi-pgrid .wp-block-post-excerpt__more-text{display:none}
body .pi-home-proj .pi-btns{margin-top:33px}
/* ---------- works ---------- */
body .pi-works{background:#4d495e;padding:69px 0 100px}
body .pi-filter ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}
body .pi-filter li{padding:2px 7px;margin:0 5px 5px 0;border-radius:5px;font-size:16px;line-height:32px;color:#e8e8e8;cursor:pointer;transition:background-color .3s,color .3s}
body .pi-filter li a{color:inherit;text-decoration:none;display:block}
body .pi-filter li.is-active,body .pi-filter li:hover{background:#fff;color:#666}
body .pi-filter.pi-filter-blog li{padding:2px 10px}
body .pi-filter.pi-filter-blog li.is-active,body .pi-filter.pi-filter-blog li:hover{background:#ebebeb;color:#666}
body .pi-wgrid{margin-top:25px;padding:0 8px}
body .pi-wgrid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
body .pi-wgrid .wp-block-post{position:relative;margin:0;overflow:hidden}
body .pi-wgrid .wp-block-post-featured-image{margin:0;aspect-ratio:3/2;background:#3d3a4b}
body .pi-wgrid .wp-block-post-featured-image a,body .pi-wgrid .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
body .pi-wgrid .wp-block-post-title{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .4s;font-family:Roboto,sans-serif;font-size:24px;line-height:31.2px;font-weight:300;color:#fff}
body .pi-wgrid .wp-block-post-title a{color:#fff;text-decoration:none;position:static}
body .pi-wgrid .wp-block-post-title a::after{content:"";position:absolute;inset:0}
body .pi-wgrid .wp-block-post:hover .wp-block-post-title{opacity:1}
body .pi-wgrid .wp-block-post-excerpt{display:none}
/* ---------- blog ---------- */
body .pi-blog{background:#4d495e;padding:123px 0 107px}
body .pi-blog .pi-filter{margin-top:50px}
body .pi-bgrid{margin-top:29px}
body .pi-blog .pi-filter+.pi-bgrid{margin-top:3px}
body .pi-bgrid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
body .pi-bgrid .wp-block-post{position:relative;margin:0;height:312px;background:#2d2d2d;padding:0 25px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
body .pi-bgrid .wp-block-post-featured-image{position:absolute;inset:0;margin:0;opacity:0;z-index:2;transition:opacity .4s}
body .pi-bgrid .wp-block-post-featured-image a,body .pi-bgrid .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
body .pi-bgrid .wp-block-post:hover .wp-block-post-featured-image{opacity:1}
body .pi-bgrid .wp-block-post-title{position:relative;z-index:1;margin:0;font-family:Roboto,sans-serif;font-size:24px;line-height:31.2px;font-weight:300;color:#fff}
body .pi-bgrid .wp-block-post-title a{color:#fff;text-decoration:none}
body .pi-bgrid .wp-block-post-title::after{content:"";display:block;width:50%;height:2px;background:#fff;margin-top:15px}
body .pi-bgrid .wp-block-post-excerpt{position:relative;z-index:1;margin:14px 0 0}
body .pi-bgrid .wp-block-post-excerpt__excerpt{font-size:16px;line-height:32px;color:#7e7d7d;margin:0}
body .pi-bgrid .wp-block-post-excerpt__more-text{display:none}
body .pi-blog .pi-btns{margin-top:24px}
/* ---------- about ---------- */
body .pi-about-intro{background:#4d495e;padding:50px 0 75px;text-align:center}
body .pi-about-intro .pi-about-h4{font-family:Roboto,sans-serif;font-size:20px;line-height:32px;font-weight:700;color:#ededef;margin:10px 0 0;letter-spacing:normal}
body .pi-about-intro p.pi-about-txt{color:#fff;font-size:16px;line-height:32px;margin:52px 0 0}
body .pi-leader{background:#fff;padding:90px 0 100px}
body .pi-leader .pi-h3+.pi-h3{margin-top:12px}
body .pi-leader .pi-cols{margin-top:30px;gap:15px;align-items:flex-start!important}
body .pi-leader .pi-c5{flex:0 0 calc(41.666% - 7.5px)!important}
body .pi-leader .pi-c7{flex:1 1 auto!important}
body .pi-team .wp-block-post-template{display:grid;grid-template-columns:repeat(2,326px);gap:25px;margin:0;padding:0;list-style:none}
body .pi-team .wp-block-post{position:relative;margin:0;width:326px;height:326px;overflow:hidden}
body .pi-team .wp-block-post-featured-image{margin:0;width:326px;height:326px}
body .pi-team .wp-block-post-featured-image a,body .pi-team .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
body .pi-team .pi-team-info{position:absolute;left:0;right:0;bottom:0;height:120px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .4s,transform .4s;pointer-events:none}
body .pi-team .wp-block-post:hover .pi-team-info{opacity:1;transform:none}
body .pi-team .wp-block-post-title{margin:0;letter-spacing:normal;font-family:"Noto Sans",sans-serif;font-size:18px;line-height:25px;font-weight:700;color:#4d495e}
body .pi-team .wp-block-post-title a{color:#4d495e}
body .pi-team .wp-block-post-terms{margin:8px 0 0;font-weight:400;font-size:16px;line-height:19px;color:#918f9c}
body .pi-team .wp-block-post-terms a{color:#918f9c}
body .pi-awards{background:#e8e8e8;padding:32px 0 50px}
body .pi-awards .pi-cols{gap:15px}
body .pi-awards .pi-c3{flex:0 0 calc(25% - 11px)!important;padding-top:61px}
body .pi-awards .pi-c9{flex:1 1 auto!important}
body .pi-aw-item{display:flex;align-items:center;padding:23px 0 26px}
body .pi-aw-item .pi-aw-date{flex:0 0 70px;font-size:14px;line-height:18px;font-weight:300;letter-spacing:3.5px;color:#111;margin:0;align-self:flex-start}
body .pi-aw-item .pi-aw-info{position:relative;flex:0 0 422px;padding-left:30px;align-self:flex-start}
body .pi-aw-item .pi-aw-info::before{content:"";position:absolute;left:-7px;top:18px;width:1px;height:81px;background:#111}
body .pi-aw-item .pi-aw-title{font-family:Roboto,sans-serif;font-size:20px;line-height:32px;font-weight:500;color:#111;margin:0;letter-spacing:normal}
body .pi-aw-item .pi-aw-title a{color:#111}
body .pi-aw-item .pi-aw-sub{font-size:16px;line-height:32px;color:#7e7d7d;margin:18px 0 0}
body .pi-aw-item .pi-aw-img{flex:1 1 auto;margin:0;display:flex;justify-content:flex-end;padding-right:92px}
body .pi-aw-item .pi-aw-img img{width:100px;height:auto}
/* ---------- contact ---------- */
body .pi-contact{background:#ededef;padding:50px 0 89px}
body .pi-contact .pi-cols{gap:15px;align-items:flex-end!important}
body .pi-contact .pi-c6{flex:0 0 calc(50% - 7.5px)!important}
body .pi-contact .pi-c6:first-child{padding-top:90px}
body .pi-contact .pi-h4+.pi-h4{margin-top:8px}
body .pi-contact .pi-en{font-size:16px;line-height:32px;color:#7e7d7d;margin:20px 0 0}
body .pi-addr{display:grid;grid-template-columns:33.333% 66.666%;margin-top:60px}
body .pi-addr .pi-ab{position:relative;padding:36px 0 40px}
body .pi-addr .pi-ab::before{content:"";position:absolute;left:0;top:0;width:63px;height:1px;background:#111}
body .pi-addr .pi-ab-t{font-size:11px;line-height:18px;font-weight:500;letter-spacing:2.2px;text-transform:uppercase;color:#111;margin:0}
body .pi-addr .pi-ab-v{font-size:16px;line-height:32px;color:#7e7d7d;margin:23px 0 0}
body .pi-addr .pi-ab-v a{color:#7e7d7d}
body .pi-contact .frm_forms{max-width:none;margin:0}
body .pi-contact .frm_forms .frm_primary_label{font-size:11px!important;line-height:18px!important;font-weight:500!important;letter-spacing:2.2px;text-transform:uppercase;color:#111!important;padding:0 0 3px!important}
body .pi-contact .frm_forms .frm_required{color:#b94a48!important;font-size:16px;font-weight:700}
body .pi-contact .frm_forms input[type=text],body .pi-contact .frm_forms input[type=email],body .pi-contact .frm_forms textarea{background:#f2f2f2!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:300;line-height:26px;color:#111!important;padding:16px 25px!important;height:57px}
body .pi-contact .frm_forms textarea{height:123px!important}
body .pi-contact .frm_forms .frm_form_field{margin-bottom:20px}
body .pi-contact .frm_forms .frm_submit{text-align:right}
body .pi-contact .frm_forms .frm_button_submit,body .pi-contact .frm_forms button.frm_button_submit{position:relative;background:transparent!important;border:0!important;color:#111!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.5px;text-transform:uppercase;padding:7px 40px 7px 10px!important;box-shadow:none!important}
body .pi-contact .frm_forms .frm_button_submit::after{content:"";position:absolute;right:0;top:50%;width:30px;height:1px;background:#111}
body .pi-contact .frm_forms .frm_button_submit::before{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:1px solid #111;border-right:1px solid #111;transform:translateY(-3px) rotate(45deg)}
body .pi-map{background:#4d495e;padding:55px 0}
body .pi-map iframe{display:block;width:100%;height:660px;border:0}
/* ---------- dreams ---------- */
body .pi-dreams-intro{background:#e8e8e8;padding:62px 0 38px}
body .pi-dreams-intro .pi-cols{gap:15px;align-items:center!important}
body .pi-dreams-intro .pi-c8{flex:0 0 calc(66.666% - 5px)!important}
body .pi-dreams-intro .pi-c4{flex:1 1 auto!important;display:flex;justify-content:center}
body .pi-dreams-intro .pi-txt{margin-top:15px}
body .pi-dreams-intro .pi-small{font-size:12px;line-height:32px;color:#7e7d7d;margin:55px 0 0}
body .pi-dreams-intro .pi-small a{font-size:16px;color:#7e7d7d;text-decoration:underline}
body .pi-circle{margin:0;width:270px;height:270px;border-radius:50%;overflow:hidden}
body .pi-circle img{width:270px;height:270px;object-fit:cover;display:block}
body .pi-dtabs-sec{padding:25px 0 35px}
body .pi-dtabs{position:relative;padding:17px 0 0 269px;min-height:270px}
body .pi-dtabs .pi-tabs-nav{position:absolute;left:0;top:17px;width:198px;height:247px}
body .pi-dtabs .pi-tabs-nav::before{content:"";position:absolute;left:0;top:13px;width:198px;height:234px;border:1px solid #c8c8c8;box-sizing:border-box}
body .pi-dtabs .pi-tabs-nav button{position:relative;display:table;background:#fff;border:0;padding:0 15px 0 0;margin:0;font-family:Roboto,sans-serif;font-size:14px;line-height:30px;font-weight:300;letter-spacing:1.5px;color:#7e7d7d;cursor:pointer;text-align:left}
body .pi-dtabs .pi-tabs-nav button.is-active{color:#111;padding-left:10px}
body .pi-dtabs .pi-tab{display:none;margin-top:32px!important;background:#fff;padding:40px 50px 48px;text-align:center;box-shadow:0 30px 50px rgba(0,0,0,.2);min-height:206px}
body .pi-dtabs .pi-tab.is-active{display:block}
body .pi-dtabs .pi-tab p{font-size:16px;line-height:32px;color:#7e7d7d;margin:0 auto;max-width:630px}
body .pi-dtabs .pi-tab .pi-tab-author{font-family:Roboto,sans-serif;font-size:20px;line-height:32px;font-weight:700;color:#111;margin:18px 0 0;letter-spacing:normal}
body .pi-dtabs .pi-tab .pi-tab-author::before{content:"-"}
/* ---------- project single ---------- */
body .pi-proj{padding:137px 0 138px}
body .pi-proj-in{display:flex;gap:100px;align-items:flex-start}
body .pi-proj-info{flex:0 0 403px}
body .pi-proj-sub{font-size:14px;line-height:18px;font-weight:300;letter-spacing:4.5px;color:#111;margin:0}
body .pi-proj-title{font-family:"Noto Sans",sans-serif;font-size:25px;line-height:1.36;font-weight:700;letter-spacing:1px;color:#4d495e;margin:20px 0 0}
body .pi-proj-desc{margin-top:30px}
body .pi-proj-desc p{font-size:16px;line-height:32px;color:#7e7d7d;margin:0}
body .pi-meta{position:relative;width:270px;background:#f2f2f2;padding:50px 15px 30px 50px;margin-top:59px}
body .pi-meta+.pi-meta{margin-top:73px}
body .pi-meta .pi-meta-label{position:relative;font-size:11px;line-height:18px;font-weight:500;letter-spacing:1.6px;color:#111;margin:0}
body .pi-meta .pi-meta-label::before{content:"";position:absolute;left:-65px;top:9px;width:50px;height:1px;background:#111}
body .pi-meta .pi-meta-val{font-size:16px;line-height:32px;color:#7e7d7d;margin:20px 0 0}
body .pi-share{margin-top:60px}
body .pi-share-label{font-size:11px;line-height:18px;font-weight:500;letter-spacing:2.2px;color:#111;margin:0;text-transform:uppercase}
body .pi-share-btns{display:flex;gap:11px;margin-top:22px}
body .pi-share-btns a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #7e7d7d;color:#7e7d7d;transition:background-color .3s,color .3s}
body .pi-share-btns a:hover{background:#7e7d7d;color:#fff}
body .pi-share-btns svg{width:12px;height:12px;fill:currentColor}
body .pi-proj-gallery{flex:1 1 auto;min-width:0}
body .pi-proj-gallery .wp-block-image{margin:0}
body .pi-proj-gallery .wp-block-image+.wp-block-image{margin-top:30px}
body .pi-proj-gallery img{display:block;width:100%;height:auto}
/* ---------- team single ---------- */
body .pi-team-title{font-family:"Noto Sans",sans-serif;font-size:25px;line-height:35px;font-weight:700;letter-spacing:.9px;color:#4d495e;margin:0}
body .pi-team-photo{margin:42px 0 0;width:351px}
body .pi-team-photo img{width:351px;height:351px;object-fit:cover;display:block}
body .pi-team-content{margin:55px 0 0 100px;max-width:970px}
body .pi-team-content p{font-size:16px;line-height:32px;color:#7e7d7d;margin:0 0 32px}
body .pi-team-content strong{color:#7e7d7d}
body .pi-next{text-align:right;padding-right:100px;margin:28px 0 0;font-size:11px;line-height:18px;font-weight:500}
body .pi-next a{color:#111}
body .pi-team-single{padding-bottom:120px!important}
/* ---------- footer ---------- */
body .pi-ft{position:relative;margin:0;height:540px;padding:142px 0 0;background:#000 url("/wp-content/uploads/2021/12/%E7%B4%AB%E7%A1%AF-%E6%B1%9F%E9%99%B5%E6%98%A55.jpg") center/cover no-repeat;background-image:image-set(url("/wp-content/uploads-webpc/uploads/2021/12/%E7%B4%AB%E7%A1%AF-%E6%B1%9F%E9%99%B5%E6%98%A55.jpg.webp") type("image/webp"),url("/wp-content/uploads/2021/12/%E7%B4%AB%E7%A1%AF-%E6%B1%9F%E9%99%B5%E6%98%A55.jpg") type("image/jpeg"));color:#fff;overflow:hidden}
body .pi-ft::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
body .pi-ft>*{position:relative}
body .pi-ft .pi-ft-in{position:relative;height:398px}
body .pi-ft .pi-cols{gap:15px;margin:0}
body .pi-ft .pi-ft-logo{margin:0;width:118px}
body .pi-ft .pi-ft-logo img{width:118px;height:auto;display:block}
body .pi-ft .pi-ft-txt{font-size:16.25px;line-height:26px;color:rgba(255,255,255,.7);margin:13px 0 0}
body .pi-ft .pi-ft-r{text-align:right}
body .pi-ft .pi-ft-h{font-family:Roboto,sans-serif;font-size:14px;line-height:18px;font-weight:300;letter-spacing:4.5px;color:#fff;margin:26px 0 37px;text-transform:uppercase}
body .pi-ft .pi-ft-info{font-size:13px;line-height:26px;color:#fff;margin:0}
body .pi-ft .pi-ft-info a{color:#fff;text-decoration:underline}
body .pi-ft .pi-ft-copy{position:absolute;left:0;top:240px;font-size:10px;line-height:18px;font-weight:700;letter-spacing:2px;color:#fff;margin:0}
/* ---------- responsive ---------- */
@media (max-width:1199px){body .pi-home-about,body .pi-home-proj{padding:140px 0 120px}body .pi-proj-in{gap:50px}body .pi-proj-info{flex-basis:330px}}
@media (max-width:991px){body .pi-pgrid .wp-block-post-template,body .pi-wgrid .wp-block-post-template,body .pi-bgrid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}body .pi-home-about .pi-col8{margin-left:0!important}body .pi-dtabs{padding-left:0}body .pi-dtabs .pi-tabs-nav{position:static;width:auto;height:auto;display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:20px}body .pi-dtabs .pi-tabs-nav::before{display:none}body .pi-proj-in{flex-direction:column}body .pi-proj-info{position:static;flex-basis:auto}body .pi-aw-item .pi-aw-info{flex:1 1 auto}}
@media (max-width:781px){body .pi-home-about,body .pi-home-proj{padding:80px 0}body .pi-home-ig .pi-c3,body .pi-awards .pi-c3{padding-top:40px}body .pi-contact .pi-c6:first-child{padding-top:0}body .pi-team .wp-block-post-template{grid-template-columns:1fr 1fr;gap:15px}body .pi-team .wp-block-post,body .pi-team .wp-block-post-featured-image{width:auto;height:auto;aspect-ratio:1}body .pi-ft{height:auto;padding:80px 0 40px}body .pi-ft .pi-ft-in{height:auto}body .pi-ft .pi-ft-r{text-align:left}body .pi-ft .pi-ft-copy{position:static;margin-top:40px}body .pi-map iframe{height:400px}body .pi-team-content{margin-left:0}}
@media (max-width:600px){body .pi-pgrid .wp-block-post-template,body .pi-wgrid .wp-block-post-template,body .pi-bgrid .wp-block-post-template{grid-template-columns:1fr}body .wp-block-cover.pi-banner{min-height:300px}body .pi-aw-item{flex-wrap:wrap}}

body .pi-page .wp-block-post-title:not(.pi-team-title){letter-spacing:normal}
@media (max-width:781px){body .pi-team .wp-block-post-featured-image img{aspect-ratio:1;height:auto}body .pi-aw-item{flex-wrap:wrap}body .pi-aw-item .pi-aw-info{flex:1 1 0;min-width:0}body .pi-aw-item .pi-aw-img{flex:0 0 100%;justify-content:flex-start;padding:16px 0 0 100px}}
@media (max-width:600px){body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;padding-top:40px}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:18px}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:16px;color:#272725!important}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:6px 0 0 16px!important}body .pi-hd .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:14px;line-height:32px!important;padding:0!important}body .pi-hd .wp-block-navigation__container>.wp-block-navigation-item.is-current{background:transparent}}