:root { --green: #8fd126; --blue: #2d328d; --orange: #f04226; --pink: #d46b92; --ink: #252442; --line: #d9d8e4; --paper: #fff; --soft: #f4f4f0; }
:where(.pilimoko-content) *{box-sizing: border-box;}


:where(.pilimoko-content) a{color: inherit; text-underline-offset: 4px;}
:where(.pilimoko-content) button,:where(.pilimoko-content) input,:where(.pilimoko-content) select,:where(.pilimoko-content) textarea{font: inherit;}
:where(.pilimoko-content) button,:where(.pilimoko-content) a,:where(.pilimoko-content) summary,:where(.pilimoko-content) input,:where(.pilimoko-content) select,:where(.pilimoko-content) textarea{}
:where(.pilimoko-content) button,:where(.pilimoko-content) summary{cursor: pointer;}
:where(.pilimoko-content) a:focus-visible,:where(.pilimoko-content) button:focus-visible,:where(.pilimoko-content) summary:focus-visible,:where(.pilimoko-content) input:focus-visible,:where(.pilimoko-content) select:focus-visible,:where(.pilimoko-content) textarea:focus-visible{outline: 3px solid var(--orange); outline-offset: 4px;}
:where(.pilimoko-content) img{display: block; max-width: 100%;}
:where(.pilimoko-content) h1,:where(.pilimoko-content) h2,:where(.pilimoko-content) h3,:where(.pilimoko-content) p{margin-top: 0px;}
:where(.pilimoko-content) h1,:where(.pilimoko-content) h2,:where(.pilimoko-content) h3,:where(.pilimoko-content) .serif{font-family: "Fraunces", Georgia, serif; font-weight: 600; color: var(--blue); line-height: 1.09;}
:where(.pilimoko-content) h1{font-size: clamp(42px, 6.5vw, 84px); letter-spacing: -0.045em;}
:where(.pilimoko-content) h2{font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.035em;}
:where(.pilimoko-content) h3{font-size: 27px; letter-spacing: -0.025em;}
:where(.pilimoko-content) p{margin-bottom: 18px;}
:where(.pilimoko-content) .skip{position: absolute; top: -100px; left: 12px; background: white; padding: 10px; z-index: 20;}
:where(.pilimoko-content) .skip:focus{top: 12px;}
:where(.pilimoko-content) .topline{display: flex; justify-content: space-between; gap: 16px; padding: 10px 4%; background: var(--blue); color: white; font-size: 12px; letter-spacing: 0.02em;}
:where(.pilimoko-content) .topline div{display: flex; gap: 24px;}
:where(.pilimoko-content) .topline a{text-decoration: none;}
:where(.pilimoko-content) header{display: flex; align-items: center; gap: 28px; padding: 22px 4%; border-bottom: 1px solid var(--line); background: white; position: relative; z-index: 10;}
:where(.pilimoko-content) .identity{text-decoration: none; flex-shrink: 0;}
:where(.pilimoko-content) .identity img{width: 151px;}
:where(.pilimoko-content) .identity span{display: block; font-size: 12px; margin-top: 6px; color: var(--blue);}
:where(.pilimoko-content) nav{display: flex; align-items: center; gap: 24px; margin-left: auto; font-size: 14px; font-weight: 600; color: var(--blue);}
:where(.pilimoko-content) nav>a{text-decoration: none; padding: 10px 0px;}
:where(.pilimoko-content) nav a[aria-current=page]{box-shadow: 0 2px var(--orange);}
:where(.pilimoko-content) nav details{position: relative;}
:where(.pilimoko-content) nav details>div{position: absolute; background: white; min-width: 180px; padding: 12px; box-shadow: 0 12px 30px #24204422; top: 35px;}
:where(.pilimoko-content) nav details a{display: block; padding: 8px; text-decoration: none;}
:where(.pilimoko-content) summary{list-style: none;}
:where(.pilimoko-content) summary:after{content: "⌄"; margin-left: 7px;}
:where(.pilimoko-content) .button,:where(.pilimoko-content) button.primary{display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 22px; background: var(--blue); color: white; border: 1px solid var(--blue); border-radius: 0px; text-decoration: none; font-size: 14px; font-weight: 600; min-height: 48px;}
:where(.pilimoko-content) .button:hover,:where(.pilimoko-content) button.primary:hover{background: rgb(32, 36, 109);}
:where(.pilimoko-content) .button.light{background: transparent; color: var(--blue);}
:where(.pilimoko-content) .button.light:hover{background: rgba(45, 50, 141, 0.043);}
:where(.pilimoko-content) .button.green{background: var(--green); color: var(--blue); border-color: var(--green);}
:where(.pilimoko-content) #menu-button{display: none;}
:where(.pilimoko-content) .hero{display: grid; grid-template-columns: 1.2fr .8fr; background: var(--green); padding: 56px 7%; gap: 50px; align-items: center; overflow: hidden;}
:where(.pilimoko-content) .eyebrow{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--blue); margin-bottom: 22px;}
:where(.pilimoko-content) .hero h1{margin-bottom: 26px;}
:where(.pilimoko-content) .hero .intro{max-width: 440px; font-size: 18px; color: var(--blue);}
:where(.pilimoko-content) .hero-actions{display: flex; gap: 20px; align-items: center; flex-wrap: wrap;}
:where(.pilimoko-content) .hero-poster{position: relative; max-width: 325px; justify-self: center; transform: rotate(5deg);}
:where(.pilimoko-content) .hero-poster img{width: 100%; box-shadow: 15px 18px 0 var(--blue);}
:where(.pilimoko-content) .hero-bottom{background: var(--orange); padding: 16px 7%; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: rgb(25, 30, 83); font-size: 14px;}
:where(.pilimoko-content) .hero-bottom strong{font-size: 17px;}
:where(.pilimoko-content) .wrap{max-width: 1280px; margin: auto; padding: 70px 6%;}
:where(.pilimoko-content) .section-heading{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px;}
:where(.pilimoko-content) .section-heading h2{margin-bottom: 0px;}
:where(.pilimoko-content) .text-link{font-size: 14px; font-weight: 600; color: var(--blue);}
:where(.pilimoko-content) .cards{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px;}
:where(.pilimoko-content) .show-card{min-width: 0px;}
:where(.pilimoko-content) .picture{display: block; position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--soft);}
:where(.pilimoko-content) .picture img{width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
:where(.pilimoko-content) .picture:hover img{transform: scale(1.035);}
:where(.pilimoko-content) .tag{background: var(--green); color: var(--blue); font-size: 12px; font-weight: 700; padding: 5px 10px; display: inline-block;}
:where(.pilimoko-content) .picture .tag{position: absolute; bottom: 12px; left: 12px;}
:where(.pilimoko-content) .show-card .date{font-size: 13px; color: var(--blue); font-weight: 700; margin: 18px 0px 8px;}
:where(.pilimoko-content) .show-card h3{margin: 0px 0px 10px;}
:where(.pilimoko-content) .show-card h3 a{text-decoration: none;}
:where(.pilimoko-content) .show-card p{font-size: 14px; margin-bottom: 10px;}
:where(.pilimoko-content) .card-foot{display: flex; justify-content: space-between; gap: 12px; font-size: 13px; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 18px;}
:where(.pilimoko-content) .split{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}
:where(.pilimoko-content) .pink{background: var(--pink);}
:where(.pilimoko-content) .blue{background: var(--blue); color: white;}
:where(.pilimoko-content) .blue h2,:where(.pilimoko-content) .blue h3,:where(.pilimoko-content) .blue .eyebrow{color: white;}
:where(.pilimoko-content) .wide-image{width: 100%; aspect-ratio: 3/2; object-fit: cover;}
:where(.pilimoko-content) .feature-band{padding: 65px 7%; background: var(--pink);}
:where(.pilimoko-content) .feature-band p{max-width: 530px;}
:where(.pilimoko-content) .numbers{display: flex; gap: 35px; flex-wrap: wrap;}
:where(.pilimoko-content) .numbers strong{font: 600 48px "Fraunces", Georgia, serif; display: block;}
:where(.pilimoko-content) .numbers span{font-size: 14px;}
:where(.pilimoko-content) .page-title{padding: 52px 6%; background: var(--green);}
:where(.pilimoko-content) .page-title h1{font-size: clamp(38px, 5vw, 64px); margin: 0px;}
:where(.pilimoko-content) .page-title p{max-width: 660px; margin: 18px 0px 0px;}
:where(.pilimoko-content) .crumb{font-size: 13px; margin-bottom: 20px; display: block; color: var(--blue);}
:where(.pilimoko-content) .filters{display: flex; flex-wrap: wrap; gap: 20px; padding: 0px 0px 30px; align-items: end;}
:where(.pilimoko-content) .field{display: flex; flex-direction: column; gap: 7px; font-size: 14px; font-weight: 600;}
:where(.pilimoko-content) .field input,:where(.pilimoko-content) .field select,:where(.pilimoko-content) .field textarea{width: 100%; border: 1px solid rgb(150, 149, 176); background: white; color: var(--ink); padding: 12px; min-height: 48px; border-radius: 0px;}
:where(.pilimoko-content) .filters .field{min-width: 190px; flex: 1 1 0%;}
:where(.pilimoko-content) .count{font-size: 14px; padding: 10px 0px; color: var(--blue);}
:where(.pilimoko-content) .prose{max-width: 760px;}
:where(.pilimoko-content) .prose p{line-height: 1.8;}
:where(.pilimoko-content) .prose h2{font-size: 34px; margin: 38px 0px 18px;}
:where(.pilimoko-content) .prose h3{font-size: 24px; margin: 28px 0px 12px;}
:where(.pilimoko-content) .mini-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;}
:where(.pilimoko-content) .person{border-top: 3px solid var(--blue); padding-top: 22px;}
:where(.pilimoko-content) .person h3{font-size: 24px;}
:where(.pilimoko-content) .person p{font-size: 14px;}
:where(.pilimoko-content) .info-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
:where(.pilimoko-content) .info-box{background: var(--soft); padding: 28px;}
:where(.pilimoko-content) .info-box h2{font-size: 30px;}
:where(.pilimoko-content) .price-big{font: 600 68px "Fraunces", Georgia, serif; color: var(--blue);}
:where(.pilimoko-content) .detail{display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start;}
:where(.pilimoko-content) .detail-image{width: 100%; max-height: 580px; object-fit: contain; background: var(--soft);}
:where(.pilimoko-content) .credit{font-size: 12px; margin-top: 8px; color: rgb(98, 97, 121);}
:where(.pilimoko-content) .detail h1{font-size: clamp(36px, 4.5vw, 58px); margin-bottom: 16px;}
:where(.pilimoko-content) .pills{display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0px;}
:where(.pilimoko-content) .session{display: flex; justify-content: space-between; align-items: center; gap: 22px; border-top: 1px solid var(--line); padding: 18px 0px;}
:where(.pilimoko-content) .session p{font-size: 14px; margin: 4px 0px;}
:where(.pilimoko-content) .session strong{color: var(--blue);}
:where(.pilimoko-content) .booking{max-width: 760px; margin: auto;}
:where(.pilimoko-content) .booking form{display: grid; gap: 22px;}
:where(.pilimoko-content) .booking-summary{padding: 24px; background: var(--green); color: var(--blue); display: flex; justify-content: space-between; align-items: center; gap: 20px;}
:where(.pilimoko-content) .booking-summary strong{font: 600 36px "Fraunces", Georgia, serif;}
:where(.pilimoko-content) .note{padding: 18px 20px; background: var(--soft); font-size: 14px; border-left: 3px solid var(--blue);}
:where(.pilimoko-content) .field-row{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
:where(.pilimoko-content) .check{display: flex; gap: 12px; align-items: flex-start; font-size: 14px;}
:where(.pilimoko-content) .check input{width: 20px; height: 20px; flex-shrink: 0; margin-top: 3px;}
:where(.pilimoko-content) .mail-result{margin-top: 25px; border-top: 2px solid var(--blue); padding-top: 25px;}
:where(.pilimoko-content) .mail-result[hidden]{display: none;}
:where(.pilimoko-content) .mail-result pre{white-space: pre-wrap; font-family: inherit; font-size: 14px; background: var(--soft); padding: 20px;}
:where(.pilimoko-content) .archive-list{list-style: none; padding: 0px;}
:where(.pilimoko-content) .archive-list li{border-top: 1px solid var(--line); padding: 20px 0px; display: flex; justify-content: space-between; gap: 20px;}
:where(.pilimoko-content) .archive-list strong{font: 600 26px "Fraunces", Georgia, serif; color: var(--blue);}
:where(.pilimoko-content) .archive-list span{font-size: 14px;}
:where(.pilimoko-content) .anchor-tabs{display: flex; gap: 12px; margin-bottom: 30px; flex-wrap: wrap;}
:where(.pilimoko-content) .anchor-tabs a{padding: 10px 18px; border: 1px solid var(--blue); color: var(--blue); text-decoration: none; font-size: 14px;}
:where(.pilimoko-content) .anchor-tabs a.active{background: var(--blue); color: white;}
:where(.pilimoko-content) footer{background: var(--blue); color: white; padding: 55px 6% 24px;}
:where(.pilimoko-content) footer a{overflow-wrap: anywhere;}
:where(.pilimoko-content) .footer-head{display: flex; justify-content: space-between; gap: 35px;}
:where(.pilimoko-content) .footer-head .serif{font-size: clamp(38px, 5vw, 62px); color: var(--green);}
:where(.pilimoko-content) .footer-head p,:where(.pilimoko-content) .footer-head a{font-size: 14px;}
:where(.pilimoko-content) .footer-head .serif{line-height: 1.1;}
:where(.pilimoko-content) .footer-bottom{display: flex; gap: 24px; flex-wrap: wrap; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.314); margin-top: 35px; padding-top: 22px;}
:where(.pilimoko-content) .footer-bottom span{margin-right: auto;}
:where(.pilimoko-content) .empty{padding: 40px 0px;}
:where(.pilimoko-content) .action-links{display: flex; gap: 15px; flex-wrap: wrap; margin-top: 24px;}
:where(.pilimoko-content) .image-caption{font-size: 12px;}
:where(.pilimoko-content) .partners{font-size: 15px; line-height: 2;}
:where(.pilimoko-content) .inline-link{color: var(--blue); font-weight: 600;}
:where(.pilimoko-content) .source-link{font-size: 13px; color: rgb(98, 97, 121);}
:where(.pilimoko-content) button:disabled{opacity: 0.6; cursor: not-allowed;}
@media (min-width:1500px){:where(.pilimoko-content) .hero{padding-left: max(7%, 0.5 * (100vw - 1200px)); padding-right: max(7%, 0.5 * (100vw - 1200px));}}
@media (max-width:1100px){:where(.pilimoko-content) header{gap: 18px;}
:where(.pilimoko-content) nav{gap: 14px; font-size: 13px;}
:where(.pilimoko-content) .identity img{width: 125px;}
:where(.pilimoko-content) .reserve-head{padding: 11px 16px;}
:where(.pilimoko-content) .hero{gap: 30px;}}
@media (max-width:900px){:where(.pilimoko-content) #menu-button{display: block; margin-left: auto; background: white; color: var(--blue); border: 1px solid var(--blue); padding: 10px 14px; min-height: 44px;}
:where(.pilimoko-content) nav{display: none; position: absolute; top: 100%; left: 0px; right: 0px; background: white; padding: 22px 6%; border-bottom: 1px solid var(--line); box-shadow: 0 15px 25px #22222218;}
:where(.pilimoko-content) nav.open{display: flex; flex-direction: column; align-items: stretch; gap: 8px;}
:where(.pilimoko-content) nav details>div{position: static; box-shadow: none; padding: 5px 18px;}
:where(.pilimoko-content) nav>a,:where(.pilimoko-content) nav summary{padding: 10px 0px;}
:where(.pilimoko-content) .hero{padding: 45px 6%; grid-template-columns: 1fr .7fr;}
:where(.pilimoko-content) .hero h1{font-size: 58px;}
:where(.pilimoko-content) .cards{gap: 22px; grid-template-columns: repeat(2,minmax(0,1fr));}
:where(.pilimoko-content) .split{gap: 30px;}
:where(.pilimoko-content) .mini-grid{grid-template-columns: 1fr;}
:where(.pilimoko-content) .detail{gap: 30px;}
:where(.pilimoko-content) .topline{font-size: 11px;}}
@media (max-width:600px){:where(.pilimoko-content) header{padding: 15px 5%; gap: 12px;}
:where(.pilimoko-content) .identity img{width: 110px;}
:where(.pilimoko-content) .identity span{font-size: 10px;}
:where(.pilimoko-content) .reserve-head{font-size: 12px; padding: 10px 12px; min-height: 44px;}
:where(.pilimoko-content) .topline{padding: 8px 5%;}
:where(.pilimoko-content) .topline>span{max-width: 155px;}
:where(.pilimoko-content) .topline div{gap: 12px;}
:where(.pilimoko-content) .topline div a:last-child{display: none;}
:where(.pilimoko-content) .hero{grid-template-columns: 1fr; gap: 32px; padding: 40px 7%;}
:where(.pilimoko-content) .hero h1{font-size: 58px;}
:where(.pilimoko-content) .hero-poster{max-width: 225px; margin: 10px 0px 25px;}
:where(.pilimoko-content) .hero .intro{font-size: 17px;}
:where(.pilimoko-content) .hero-bottom{flex-direction: column; align-items: flex-start; gap: 8px;}
:where(.pilimoko-content) .wrap{padding: 42px 6%;}
:where(.pilimoko-content) .section-heading{align-items: flex-start; flex-direction: column; gap: 14px;}
:where(.pilimoko-content) .cards{grid-template-columns: 1fr; gap: 35px;}
:where(.pilimoko-content) .picture{aspect-ratio: 4/3;}
:where(.pilimoko-content) .split,:where(.pilimoko-content) .detail,:where(.pilimoko-content) .info-grid,:where(.pilimoko-content) .field-row{grid-template-columns: 1fr;}
:where(.pilimoko-content) .feature-band{padding: 42px 6%;}
:where(.pilimoko-content) .detail-image{max-height: 420px;}
:where(.pilimoko-content) .session{flex-wrap: wrap;}
:where(.pilimoko-content) .footer-head{flex-direction: column;}
:where(.pilimoko-content) .footer-bottom{gap: 15px;}
:where(.pilimoko-content) .footer-bottom span{width: 100%;}
:where(.pilimoko-content) .page-title{padding: 34px 6%;}
:where(.pilimoko-content) .filters .field{min-width: 100%;}
:where(.pilimoko-content) .archive-list li{flex-direction: column; gap: 8px;}
:where(.pilimoko-content) .booking-summary{align-items: flex-start; flex-direction: column;}
:where(.pilimoko-content) .hero-actions{gap: 16px;}
:where(.pilimoko-content) h1{overflow-wrap: anywhere;}}
@media (prefers-reduced-motion:reduce){
:where(.pilimoko-content) .picture img{transition: none;}}
@media (max-width:600px){:where(.pilimoko-content) .hero h1{font-size: clamp(39px, 12vw, 54px); overflow-wrap: normal; letter-spacing: -0.05em;}
:where(.pilimoko-content) .info-box a{overflow-wrap: anywhere;}}
:where(.pilimoko-content) .person a{overflow-wrap: anywhere;}
:where(.pilimoko-content) .mini-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
@media (max-width:650px){:where(.pilimoko-content) .mini-grid{grid-template-columns: 1fr;}}
:where(.pilimoko-content) .cms-mode [data-cms-key]{cursor: text;}
:where(.pilimoko-content) .cms-mode [data-cms-key]:hover{outline: 2px dashed #f04226; outline-offset: 3px;}
:where(.pilimoko-content) .cms-mode .cms-selected{outline: 3px solid #2d328d !important; outline-offset: 4px;}
:where(.pilimoko-content) .site-hidden-link{display: none !important;}
:where(.pilimoko-content) .custom-page .split{align-items: start;}
:where(.pilimoko-content) .custom-page .wide-image{margin-top: 5px;}
@media (max-width:700px){:where(.pilimoko-content) .custom-page .split{grid-template-columns: 1fr;}}
:where(.pilimoko-content) header{gap: 20px;}
:where(.pilimoko-content) nav{gap: 20px; line-height: 1.4;}
:where(.pilimoko-content) nav summary{padding: 12px 0px;}
:where(.pilimoko-content) nav details>div{top: 100%; min-width: 260px; max-height: 70vh; overflow: auto; border-top: 3px solid var(--green);}
:where(.pilimoko-content) nav details:last-child>div{right: 0px;}
:where(.pilimoko-content) nav .nav-actions>div{width: 460px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px;}
:where(.pilimoko-content) nav details a:hover{background: var(--soft);}
:where(.pilimoko-content) nav details[data-active=true]>summary{box-shadow: 0 2px var(--orange);}
:where(.pilimoko-content) nav details[hidden]{display: none;}
:where(.pilimoko-content) .directory-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
:where(.pilimoko-content) .directory-card{display: flex; flex-direction: column; padding: 30px; background: var(--soft); text-decoration: none; border-top: 4px solid var(--blue);}
:where(.pilimoko-content) .directory-card:nth-child(3n+2){border-color: var(--orange);}
:where(.pilimoko-content) .directory-card:nth-child(3n){border-color: var(--pink);}
:where(.pilimoko-content) .directory-card:hover{background: rgb(238, 244, 228);}
:where(.pilimoko-content) .directory-card h3{margin: 12px 0px 18px;}
:where(.pilimoko-content) .directory-card>span:last-child{margin-top: auto; font-size: 14px; font-weight: 700; color: var(--blue);}
:where(.pilimoko-content) .directory-number{font: 600 22px "Fraunces", Georgia, serif; color: var(--blue);}
:where(.pilimoko-content) .project-cta{margin-top: 56px; padding: 32px; background: var(--green); display: flex; align-items: center; gap: 30px; justify-content: space-between;}
:where(.pilimoko-content) .project-cta h2{font-size: 30px;}
:where(.pilimoko-content) .project-cta p{max-width: 670px; margin-bottom: 0px;}
:where(.pilimoko-content) .project-cta .button{flex-shrink: 0;}
:where(.pilimoko-content) .section-spaced{margin-top: 48px;}
:where(.pilimoko-content) .partner-list{padding-left: 22px; columns: 2;}
:where(.pilimoko-content) .partner-list li{margin-bottom: 16px;}
:where(.pilimoko-content) .editorial>p:first-child{font-size: 19px; color: var(--blue);}
:where(.pilimoko-content) .action-feature{max-width: 460px; margin-top: 48px;}
:where(.pilimoko-content) .contact-form form{display: grid; gap: 20px;}
:where(.pilimoko-content) .contact-form{min-width: 0px;}
:where(.pilimoko-content) .contact-form pre{white-space: pre-wrap; overflow-wrap: anywhere;}
:where(.pilimoko-content) .anchor-tabs{flex-wrap: wrap;}
:where(.pilimoko-content) .topline,:where(.pilimoko-content) .footer-bottom,:where(.pilimoko-content) .eyebrow,:where(.pilimoko-content) .tag,:where(.pilimoko-content) .show-card .date,:where(.pilimoko-content) .card-foot,:where(.pilimoko-content) .source-link{font-size: 14px;}
:where(.pilimoko-content) summary::-webkit-details-marker{display: none;}
@media (max-width:1200px){:where(.pilimoko-content) #menu-button{display: block; margin-left: auto; background: white; color: var(--blue); border: 1px solid var(--blue); padding: 10px 14px; min-height: 44px;}
:where(.pilimoko-content) nav{display: none; position: absolute; top: 100%; left: 0px; right: 0px; background: white; padding: 18px 6%; border-bottom: 1px solid var(--line); box-shadow: 0 15px 25px #22222218; font-size: 16px; max-height: calc(100dvh - 120px); overflow: auto;}
:where(.pilimoko-content) nav.open{display: flex; flex-direction: column; align-items: stretch; gap: 8px;}
:where(.pilimoko-content) nav details>div,:where(.pilimoko-content) nav .nav-actions>div{position: static; box-shadow: none; padding: 5px 18px; width: auto; max-height: none; border: 0px; display: block;}
:where(.pilimoko-content) .nav-break{display: none;}
:where(.pilimoko-content) nav>a,:where(.pilimoko-content) nav summary{padding: 10px 0px;}}
@media (max-width:850px){:where(.pilimoko-content) .directory-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
:where(.pilimoko-content) .project-cta{flex-direction: column; align-items: flex-start;}}
@media (max-width:600px){:where(.pilimoko-content) .directory-grid{grid-template-columns: 1fr;}
:where(.pilimoko-content) .partner-list{columns: 1;}
:where(.pilimoko-content) .directory-card{padding: 24px;}
:where(.pilimoko-content) .project-cta{padding: 24px;}
:where(.pilimoko-content) .page-title h1{overflow-wrap: normal; hyphens: auto;}
:where(.pilimoko-content) .topline{font-size: 12px;}
:where(.pilimoko-content) .topline div{gap: 10px;}}
:where(.pilimoko-content) .show-distribution{margin: 28px 0px; padding-top: 22px; border-top: 1px solid var(--line);}
:where(.pilimoko-content) .show-distribution h2{font-size: 26px;}
:where(.pilimoko-content) .show-distribution p{font-size: 14px; line-height: 1.8;}
:root { --body-font: "DM Sans",Arial,sans-serif; --heading-font: "Fraunces",Georgia,serif; --body-size: 1rem; --heading-scale: 1; --content-width: 1280px; --section-space: 70px; }

:where(.pilimoko-content) h1,:where(.pilimoko-content) h2,:where(.pilimoko-content) h3,:where(.pilimoko-content) .serif{font-family: var(--heading-font);}
:where(.pilimoko-content) h1{font-size: calc(clamp(42px,6.5vw,84px)*var(--heading-scale));}
:where(.pilimoko-content) h2{font-size: calc(clamp(32px,4vw,48px)*var(--heading-scale));}
:where(.pilimoko-content) h3{font-size: calc(27px*var(--heading-scale));}
:where(.pilimoko-content) .page-title h1{font-size: calc(clamp(38px,5vw,64px)*var(--heading-scale));}
:where(.pilimoko-content) .wrap{max-width: var(--content-width); padding-top: var(--section-space); padding-bottom: var(--section-space);}
:where(.pilimoko-content) nav[data-menu-config]{flex-wrap: wrap; justify-content: flex-end;}
:where(.pilimoko-content) nav[data-menu-config] summary{max-width: 190px;}
:where(.pilimoko-content) nav[data-menu-config] details>div{z-index: 2;}
:where(.pilimoko-content) nav[data-menu-config] details>div a{white-space: normal;}
:where(.pilimoko-content) [data-format-inline]{overflow-wrap: anywhere;}
@media (max-width:1200px){:where(.pilimoko-content) nav[data-menu-config]{flex-wrap: nowrap; align-items: stretch;}
:where(.pilimoko-content) nav[data-menu-config] summary{max-width: none;}}
@media (max-width:600px){:where(.pilimoko-content) .wrap{padding-top: calc(var(--section-space)*.6); padding-bottom: calc(var(--section-space)*.6);}
:where(.pilimoko-content) .hero h1{font-size: calc(clamp(39px,12vw,54px)*var(--heading-scale));}}
:root{--green:var(--wp--preset--color--green);--blue:var(--wp--preset--color--blue);--orange:var(--wp--preset--color--orange);--pink:var(--wp--preset--color--pink);--ink:var(--wp--preset--color--ink);--paper:var(--wp--preset--color--paper);--body-font:var(--wp--preset--font-family--dm-sans);--heading-font:var(--wp--preset--font-family--fraunces);--content-width:1280px;--section-space:70px;--heading-scale:1}
.pilimoko-content .wp-block-group{margin-block-start:0}.pilimoko-content .wp-block-image{margin:0}.pilimoko-content .hero-poster .wp-block-image{width:100%}.pilimoko-content .wide-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.pilimoko-content .wp-block-post-content{margin:0}.pilimoko-header{padding:24px 4%;border-bottom:1px solid #d9d8e4;gap:28px}.pilimoko-header .wp-block-navigation{margin-left:auto;font-size:14px}.pilimoko-header .wp-block-navigation__submenu-container{z-index:30;min-width:240px}.pilimoko-content [hidden]{display:none!important}.pilimoko-content .wrap{margin-left:auto;margin-right:auto}.wp-site-blocks{padding:0}.pilimoko-content{overflow-wrap:anywhere}.pilimoko-content .cards>.wp-block-group{min-width:0}
.pilimoko-header{display:grid!important;grid-template-columns:151px minmax(0,1fr) auto;gap:24px!important;align-items:center}.pilimoko-header .wp-block-navigation{width:100%;margin-left:0}.pilimoko-header .wp-block-navigation__container{gap:12px 20px}.pilimoko-header .wp-block-navigation-item__content{line-height:1.35}.pilimoko-header .wp-block-navigation__container>.wp-block-navigation-item{max-width:180px}.pilimoko-header .wp-block-navigation__submenu-container{padding:12px}.pilimoko-header .wp-block-buttons{margin:0}.pilimoko-header .wp-block-button__link{padding:13px 20px}@media(max-width:1000px){.pilimoko-header{grid-template-columns:130px 1fr auto}.pilimoko-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.pilimoko-header .wp-block-navigation__responsive-container-open{display:flex!important}.pilimoko-header .wp-block-navigation{justify-content:flex-end}.pilimoko-header .wp-block-navigation__responsive-container.is-menu-open{padding:32px 24px}.pilimoko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.pilimoko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch;width:100%}.pilimoko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{max-width:none;width:100%}.pilimoko-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{white-space:normal;overflow-wrap:anywhere}}@media(max-width:500px){.pilimoko-header{gap:12px!important;padding:18px 5%;grid-template-columns:110px 1fr auto}.pilimoko-header .wp-block-button__link{font-size:13px;padding:12px}.pilimoko-header img{max-width:110px}}
