.p4y-site{--paper:#f6f4ef;--ink:#292b27;--muted:#676a60;--line:#d6d5cb;--accent:#837458;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;overflow-wrap:break-word}.p4y-site *{box-sizing:border-box}.p4y-site a{color:inherit;text-decoration:none}.p4y-site img{display:block;max-width:100%;height:auto}.p4y-site button{font:inherit;color:inherit;cursor:pointer}.p4y-site figure,.p4y-site h1,.p4y-site h2,.p4y-site h3,.p4y-site p{margin:0}.p4y-site p+p{margin-top:18px}.p4y-site h1,.p4y-site h2,.p4y-site h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}.p4y-site em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.p4y-site h2{font-size:clamp(34px,4.4vw,62px)}.p4y-site h3{font-size:27px}.p4y-site .wrap{width:calc(100% - 112px);max-width:1488px;margin-inline:auto}.p4y-site .eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}.p4y-site .index,.p4y-site .small{font-size:12px;color:var(--muted)}.p4y-site .button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--paper);padding:17px 22px;font-size:13px;line-height:1.5;transition:background .2s}.p4y-site .button:hover{background:#4b5046}.p4y-site .text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;border-bottom:1px solid currentColor;padding-block:8px}.p4y-site a:focus-visible,.p4y-site button:focus-visible,.p4y-site summary:focus-visible{outline:2px solid #7c592c;outline-offset:6px}.p4y-site .preview-bar{padding:7px 3.8%;background:#e8e5da;font-size:10px;letter-spacing:.08em;display:flex;gap:24px}.p4y-site .preview-bar span{letter-spacing:0;color:#5b5c55}.p4y-site .preview-bar a{margin-left:auto}.p4y-site .site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.p4y-site .brand{font-size:25px;font-weight:700;letter-spacing:-.055em;line-height:1;white-space:nowrap}.p4y-site .brand span{font-weight:400;color:#8b7c5c}.p4y-site .brand small{display:block;font-size:8px;letter-spacing:.25em;font-weight:400;margin-top:8px}.p4y-site .site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:7%}.p4y-site .site-header nav a,.p4y-site .header-contact{font-size:12px}.p4y-site .site-header nav a[aria-current]{border-bottom:1px solid currentColor}.p4y-site .header-contact{border:1px solid var(--line);padding:12px 17px;display:flex;gap:32px}.p4y-site .menu-toggle{background:none;border:0;font-size:13px;padding:12px 0}.p4y-site .hero{display:grid;grid-template-columns:1fr 1.06fr;gap:5%;padding-block:40px 0}.p4y-site .hero-copy{padding-top:19px;display:flex;flex-direction:column;align-items:flex-start}.p4y-site .dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle}.p4y-site .hero h1{font-size:clamp(60px,6.9vw,104px);margin-top:35px;line-height:.98;letter-spacing:-.065em}.p4y-site .hero h1 em{color:#7b7d70;line-height:1.03}.p4y-site .hero-copy>p:not(.eyebrow):not(.hero-foot){max-width:330px;font-size:14px;line-height:1.8;margin-top:25px;color:var(--muted)}.p4y-site .hero-actions{display:flex;gap:28px;align-items:center;margin-top:27px;flex-wrap:wrap}.p4y-site .hero-foot{font-size:9px;letter-spacing:.07em;display:flex;gap:18px;margin-top:auto;padding-block:32px 5px}.p4y-site .hero-foot span{letter-spacing:0;color:var(--muted)}.p4y-site .hero-image{position:relative;min-height:650px;background:#d8d6ca;overflow:hidden}.p4y-site .hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 52%}.p4y-site .hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#20241d88);pointer-events:none}.p4y-site .hero-image figcaption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;z-index:1;font-size:11px}.p4y-site .image-stamp{position:absolute;top:28px;right:28px;background:var(--paper);width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.2}.p4y-site .image-stamp span{font-size:25px}.p4y-site .service-strip{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding-block:27px;border-bottom:1px solid var(--line)}.p4y-site .intro-section{padding-block:115px;display:grid;grid-template-columns:1fr 3fr;gap:40px}.p4y-site .intro-section>.eyebrow{padding-top:10px}.p4y-site .intro-text{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:820px;color:var(--muted);font-size:14px}.p4y-site .intro-text p+p{margin:0}.p4y-site .portfolio-section{padding-block:10px 100px}.p4y-site .section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:48px}.p4y-site .section-heading .eyebrow{margin-bottom:24px}.p4y-site .section-heading>p{max-width:300px;color:var(--muted);font-size:14px}.p4y-site .project-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px 45px;align-items:start}.p4y-site .project-card:nth-child(even){margin-top:110px}.p4y-site .photo{position:relative;overflow:hidden;background:#e3e0d6;aspect-ratio:1/1.06}.p4y-site .project-card:nth-child(even) .photo{aspect-ratio:1/1.15}.p4y-site .photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.p4y-site .project-card a:hover img{transform:scale(1.025)}.p4y-site .photo-arrow{position:absolute;bottom:20px;right:20px;width:42px;height:42px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:23px}.p4y-site .card-caption{padding-top:21px;display:flex;justify-content:space-between;gap:20px}.p4y-site .card-caption h3{font-size:23px;margin-top:9px;letter-spacing:-.025em}.p4y-site .card-caption .eyebrow{font-size:9px;color:var(--muted)}.p4y-site .material-note{font-size:11px;color:var(--muted);padding-top:35px;max-width:600px}.p4y-site .offer-section{padding-block:35px 100px}.p4y-site .service-row{display:grid;grid-template-columns:55px 1.2fr 1fr 35px;gap:25px;padding-block:28px;border-top:1px solid var(--line);align-items:start;transition:background .2s}.p4y-site .service-row:hover{background:#eeece4}.p4y-site .service-row h3{font-size:29px}.p4y-site .service-row p{font-size:13px;color:var(--muted);max-width:380px;line-height:1.7}.p4y-site .service-row>span:last-child{font-size:26px;text-align:right;line-height:1}.p4y-site .offer-section>.text-link{margin-top:25px}.p4y-site .process{padding-block:30px 110px}.p4y-site .steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:0}.p4y-site .steps li{border-top:1px solid var(--line);padding-top:20px}.p4y-site .steps span{font:italic 32px Georgia;color:#8a8978}.p4y-site .steps h3{font-size:24px;margin-top:24px}.p4y-site .steps p{font-size:13px;color:var(--muted);margin-top:15px;max-width:300px}.p4y-site .calculator-section{background:#30362f;color:#f1efe5;padding-block:75px}.p4y-site .calculator-inner{display:grid;grid-template-columns:1fr 2fr 1.7fr;gap:45px}.p4y-site .calculator-inner>div>p{font-size:14px;color:#ced1c5}.p4y-site .calculator-inner .button{margin-top:25px}.p4y-site .calculator-inner .text-link{display:flex;width:max-content;margin-top:12px}.p4y-site .light{background:#e6e5d7;color:#2b302a}.p4y-site .light:hover{background:#fff}.p4y-site .journal-section{padding-block:100px}.p4y-site .journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.p4y-site .journal-card{border-top:1px solid var(--line);padding-top:20px}.p4y-site .journal-card>a{display:flex;flex-direction:column;align-items:flex-start;height:100%}.p4y-site .journal-card .eyebrow{margin-top:38px;color:var(--muted)}.p4y-site .journal-card h3{font-size:28px;line-height:1.2;margin-top:12px}.p4y-site .journal-card p:not(.eyebrow){font-size:13px;color:var(--muted);margin-block:18px 25px}.p4y-site .journal-card .text-link{margin-top:auto}.p4y-site .contact-section{border-top:1px solid var(--line);padding-block:85px;display:grid;grid-template-columns:1.5fr 1fr;gap:90px}.p4y-site .contact-section h2{margin-block:25px}.p4y-site .contact-section>div>p:not(.eyebrow){font-size:14px;max-width:420px;color:var(--muted)}.p4y-site .contact-section .button{margin-top:30px}.p4y-site .contact-details{padding-top:8px}.p4y-site .contact-details>a{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere}.p4y-site .contact-details>a:first-of-type{font-size:32px;letter-spacing:-.03em;margin-top:27px}.p4y-site .contact-details>a:nth-of-type(2){font-size:18px;margin-bottom:30px}.p4y-site .contact-details .small{margin-top:15px}.p4y-site .site-footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:35px}.p4y-site .site-footer p,.p4y-site .site-footer a:not(.brand){font-size:11px;color:var(--muted)}.p4y-site .site-footer>div{display:flex;flex-direction:column;gap:8px}.p4y-site .site-footer .brand{font-size:20px}.p4y-site .page-intro{padding-block:85px 70px}.p4y-site .page-intro h1{font-size:clamp(46px,6.5vw,90px);margin-block:30px;max-width:1150px}.p4y-site .lead{font-size:16px;max-width:620px;color:var(--muted)}.p4y-site .filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.p4y-site .filters button{border:1px solid var(--line);background:transparent;padding:10px 19px;font-size:12px}.p4y-site .filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.p4y-site [hidden]{display:none!important}.p4y-site .split-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:110px;align-items:center}.p4y-site .split-section img{width:100%;max-height:600px;object-fit:cover}.p4y-site .split-section h2{margin-block:25px}.p4y-site .split-section p:not(.eyebrow){font-size:14px;color:var(--muted)}.p4y-site .split-section .button{margin-top:30px}.p4y-site .faq{padding-block:20px 100px;max-width:1000px}.p4y-site .faq h2{margin-block:25px 40px}.p4y-site details{border-top:1px solid var(--line);padding-block:21px}.p4y-site summary{cursor:pointer;font-size:19px;padding-right:15px}.p4y-site details>p{padding-top:18px;font-size:14px;color:var(--muted);max-width:700px}.p4y-site .archive-note{margin-top:90px;padding-block:50px;border-top:1px solid var(--line)}.p4y-site .archive-note h2{margin-block:25px;font-size:42px}.p4y-site .archive-note>p:not(.eyebrow){font-size:14px;max-width:550px}.p4y-site .archive-note .text-link{margin-top:20px}.p4y-site .article-body{max-width:760px;padding-bottom:50px}.p4y-site .article-body h2{font-size:37px;line-height:1.2;margin-block:50px 20px;scroll-margin-top:30px}.p4y-site .article-body p,.p4y-site .article-body li{font-size:16px;line-height:1.85}.p4y-site .article-body .article-lead{font-size:23px;line-height:1.6}.p4y-site .toc{margin-block:40px;padding:28px;border:1px solid var(--line)}.p4y-site .toc a{display:block;font-size:13px;margin-top:12px}.p4y-site blockquote{font:italic 30px/1.5 Georgia;margin:45px 0;padding-left:25px;border-left:1px solid var(--accent)}.p4y-site .article-body .button{margin-top:30px}.p4y-site .case-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;padding-bottom:100px}.p4y-site .case-main img{width:100%}.p4y-site .case-main figcaption{font-size:11px;color:var(--muted);margin-top:18px}.p4y-site .case-layout h2{font-size:42px;margin-block:45px 25px}.p4y-site .case-layout aside>p:not(.eyebrow){font-size:14px;color:var(--muted)}.p4y-site dl{margin-top:25px}.p4y-site dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:15px}.p4y-site dd{margin:5px 0 18px;font-size:14px}.p4y-site .image-open{padding:0;border:0;background:transparent;cursor:zoom-in;width:100%}.p4y-site .lightbox{border:0;background:#1b1e1a;color:white;padding:55px 20px 20px;max-width:95vw;max-height:95vh}.p4y-site .lightbox::backdrop{background:#151814dd}.p4y-site .lightbox img{max-height:80vh;max-width:85vw;object-fit:contain}.p4y-site .close-lightbox{position:absolute;right:15px;top:10px;border:0;background:transparent;padding:8px;color:white}.p4y-site .skip-link{position:fixed;z-index:99;top:0;left:10px;transform:translateY(-150%);padding:12px;background:var(--ink);color:white}.p4y-site .skip-link:focus{transform:none}.p4y-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body:has(>.p4y-site){margin:0;background:#f6f4ef}
.p4y-site .menu-toggle{display:none}
@media(min-width:1600px){.p4y-site .hero-image{min-height:760px}}
@media(max-width:1050px){.p4y-site .wrap{width:calc(100% - 64px)}.p4y-site .site-header nav{gap:22px;margin-right:0}.p4y-site .header-contact{display:none}.p4y-site .hero h1{font-size:7.3vw}.p4y-site .hero-image{min-height:590px}.p4y-site .hero-actions{gap:15px}.p4y-site .hero-foot{flex-direction:column;gap:5px}.p4y-site .calculator-inner{grid-template-columns:1fr 1fr}.p4y-site .calculator-inner>.eyebrow{grid-column:1/-1}.p4y-site .service-row{grid-template-columns:30px 1.2fr 1fr 25px;gap:18px}.p4y-site .service-row h3{font-size:25px}.p4y-site .contact-section{gap:45px}.p4y-site .contact-details>a:first-of-type{font-size:26px}}
@media(max-width:700px){.p4y-site .wrap{width:calc(100% - 40px)}.p4y-site .preview-bar{padding:6px 20px;gap:12px;font-size:8px;flex-wrap:wrap}.p4y-site .preview-bar a{display:none}.p4y-site .site-header{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding-block:20px}.p4y-site .brand{font-size:23px}.p4y-site .site-header nav{order:3;width:100%;display:flex;flex-wrap:wrap;gap:14px 24px;margin:10px 0 0}.p4y-site.js-ready .site-header nav{display:none}.p4y-site.js-ready .site-header nav.is-open{display:flex}.p4y-site .hero{grid-template-columns:1fr;padding-top:27px;gap:30px}.p4y-site .hero-copy{padding-top:0}.p4y-site .hero .eyebrow{font-size:8px}.p4y-site .hero h1{font-size:clamp(59px,15.6vw,100px);margin-top:25px;line-height:1}.p4y-site .hero-copy>p:not(.eyebrow):not(.hero-foot){font-size:14px;margin-top:24px;max-width:370px}.p4y-site .hero-actions{gap:20px;margin-top:25px}.p4y-site .hero-foot{display:none}.p4y-site .hero-image{min-height:430px;aspect-ratio:4/4.5}.p4y-site .hero-image figcaption{font-size:10px;left:18px;right:18px}.p4y-site .image-stamp{width:65px;height:65px;top:18px;right:18px}.p4y-site .service-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:8px;padding-block:23px}.p4y-site .intro-section{grid-template-columns:1fr;padding-block:65px;gap:25px}.p4y-site h2{font-size:37px}.p4y-site .intro-text{grid-template-columns:1fr;gap:18px;margin-top:25px}.p4y-site .section-heading{display:block;margin-bottom:30px}.p4y-site .section-heading>.text-link,.p4y-site .section-heading>p{margin-top:25px}.p4y-site .section-heading .eyebrow{margin-bottom:18px}.p4y-site .project-grid{grid-template-columns:1fr;gap:40px}.p4y-site .project-card:nth-child(even){margin:0}.p4y-site .photo,.p4y-site .project-card:nth-child(even) .photo{aspect-ratio:1/1.08}.p4y-site .portfolio-section{padding-bottom:65px}.p4y-site .card-caption h3{font-size:23px}.p4y-site .offer-section{padding-block:15px 60px}.p4y-site .service-row{grid-template-columns:25px 1fr 25px;gap:12px;padding-block:23px}.p4y-site .service-row h3{font-size:25px;line-height:1.2}.p4y-site .service-row p{grid-column:2;grid-row:2;font-size:13px}.p4y-site .service-row>span:last-child{grid-column:3;grid-row:1}.p4y-site .process{padding-block:15px 65px}.p4y-site .steps{grid-template-columns:1fr;gap:25px}.p4y-site .steps li{display:grid;grid-template-columns:40px 1fr;gap:0 15px}.p4y-site .steps h3{margin-top:8px}.p4y-site .steps p{grid-column:2;max-width:none;margin-top:10px}.p4y-site .calculator-section{padding-block:50px}.p4y-site .calculator-inner{display:block}.p4y-site .calculator-inner h2{margin-block:20px 25px}.p4y-site .journal-section{padding-block:60px}.p4y-site .journal-grid{grid-template-columns:1fr;gap:35px}.p4y-site .journal-card .eyebrow{margin-top:22px}.p4y-site .journal-card h3{font-size:28px}.p4y-site .contact-section{padding-block:55px;grid-template-columns:1fr;gap:45px}.p4y-site .contact-details>a:first-of-type{font-size:30px}.p4y-site .site-footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.p4y-site .site-footer .brand{font-size:20px}.p4y-site .page-intro{padding-block:50px}.p4y-site .page-intro h1{font-size:48px;margin-block:25px}.p4y-site .page-intro h1 br{display:none}.p4y-site .lead{font-size:14px}.p4y-site .split-section{grid-template-columns:1fr;gap:35px;padding-bottom:65px}.p4y-site .split-section img{max-height:460px}.p4y-site .faq{padding-block:10px 65px}.p4y-site summary{font-size:17px}.p4y-site .archive-note{margin-top:60px}.p4y-site .archive-note h2{font-size:35px}.p4y-site .article-body .article-lead{font-size:21px}.p4y-site .article-body h2{font-size:30px}.p4y-site .article-body p,.p4y-site .article-body li{font-size:15px}.p4y-site blockquote{font-size:25px}.p4y-site .case-layout{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.p4y-site .case-layout h2{font-size:36px}.p4y-site .filters{gap:8px}.p4y-site .filters button{font-size:11px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.p4y-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.p4y-site .menu-toggle{display:block}.p4y-site .hero-image{min-width:0;min-height:0;width:100%;aspect-ratio:4/4.5}} .p4y-site{--paper:#f4f2ed;--ink:#282824;--muted:#68675f;--line:#d7d4cc}
.p4y-site h1,.p4y-site h2,.p4y-site h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.p4y-site em{font-style:normal;color:inherit;letter-spacing:inherit}
.p4y-site .button{background:transparent;color:inherit;border:1px solid var(--ink);padding:14px 27px;min-height:49px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:1px}
.p4y-site .button:hover{background:var(--ink);color:var(--paper)}
.p4y-site .brand{font-weight:400;letter-spacing:.015em;font-size:23px}.p4y-site .brand span{color:inherit}
.p4y-site .brand small{letter-spacing:.22em;font-size:7px}
.p4y-site .site-header{height:100px;border:0}
.p4y-site .site-header nav a{text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.p4y-site .header-contact{border:0;border-radius:30px;background:#e7e4dc;padding:12px 25px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.p4y-site.p4y-home{position:relative}
.p4y-site.p4y-home .site-header{position:absolute;top:34px;left:0;right:0;z-index:5;color:#fff}
.p4y-site.p4y-home .header-contact{background:#ffffff20;border:1px solid #ffffff55;color:white;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.p4y-site .immersive-hero{position:relative;min-height:650px;height:calc(100vh - 28px);height:calc(100svh - 28px);max-height:1100px;color:white;background:#4b4b43;isolation:isolate;display:flex;align-items:center;justify-content:center}
.p4y-site .immersive-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%;z-index:-2}
.p4y-site .immersive-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12171270,#10170e38 35%,#10170e70 75%,#111a1390);z-index:-1}
.p4y-site .immersive-copy{text-align:center;width:calc(100% - 70px);padding-top:60px}
.p4y-site .immersive-wordmark{font-size:clamp(40px,7vw,110px);line-height:1;letter-spacing:.055em;font-weight:300}
.p4y-site .immersive-wordmark span{font-weight:400}
.p4y-site .immersive-copy h1{font:400 19px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:36px;color:#fff}
.p4y-site .immersive-subtitle{font:italic 29px/1.5 Georgia,serif;margin-top:9px;color:#fff}
.p4y-site .immersive-actions{display:flex;justify-content:center;gap:16px;margin-top:33px}
.p4y-site .immersive-actions .button{border-color:#ffffffb3;background:#00000012;font-size:10px;gap:32px}
.p4y-site .immersive-actions .button:hover{background:#f4f2ed;color:#292b27}
.p4y-site .immersive-bottom{position:absolute;bottom:31px;display:flex;gap:30px;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:.1em}
.p4y-site .immersive-bottom a{display:flex;gap:30px;align-items:center;min-height:44px}
.p4y-site .immersive-bottom a span{font-size:22px}
.p4y-site .immersive-bottom>span:last-child{font-size:8px;letter-spacing:.025em}
.p4y-site .service-strip{padding-block:24px;opacity:.8}
.p4y-site .intro-section{display:block;text-align:center;max-width:1100px;padding-block:145px 140px;scroll-margin-top:30px}
.p4y-site .intro-section>.eyebrow{margin-bottom:36px}
.p4y-site .intro-section h2{font-size:clamp(32px,3.6vw,54px);line-height:1.35}
.p4y-site .intro-text{text-align:left;margin:45px auto 0;max-width:780px;gap:55px;font-size:13px}
.p4y-site .portfolio-section .project-grid{grid-template-columns:1fr;gap:95px}
.p4y-site .portfolio-section .project-card:nth-child(even){margin:0}
.p4y-site .portfolio-section .photo,.p4y-site .portfolio-section .project-card:nth-child(even) .photo{aspect-ratio:16/9}
.p4y-site .portfolio-section .photo img{object-position:50% 60%}
.p4y-site .portfolio-section .card-caption{padding-top:25px;align-items:center}
.p4y-site .portfolio-section .card-caption h3{font-size:34px;margin-top:12px}
.p4y-site .portfolio-section .photo-arrow{width:58px;height:58px;background:#f4f2eddc;bottom:30px;right:30px}
.p4y-site .offer-section{padding-block:60px 125px}
.p4y-site .service-row h3{font-size:32px}
.p4y-site .section-heading{margin-bottom:55px}
.p4y-site .calculator-section{background:#dedbd3;color:#282824}
.p4y-site .calculator-inner>div>p{color:#57594f}
.p4y-site .calculator-inner h2{font-size:48px}
.p4y-site .light{border-color:#282824}
.p4y-site .journal-card h3{font-size:29px;line-height:1.3}
.p4y-site .contact-section{padding-block:100px}
.p4y-site .contact-section h2{line-height:1.15}
.p4y-site .page-intro{padding-block:90px 95px;text-align:center}
.p4y-site .page-intro h1{margin-inline:auto;line-height:1.12;font-size:clamp(45px,5.8vw,82px)}
.p4y-site .page-intro .lead{margin-inline:auto;font-size:14px;max-width:680px}
.p4y-site .page-intro .eyebrow{font-size:9px}
.p4y-site .case-layout{grid-template-columns:1.7fr 1fr}
@media(min-width:701px){.p4y-site .portfolio-section .project-card:nth-child(even){width:82%;margin-left:auto}}
@media(max-width:1050px){.p4y-site .immersive-wordmark{font-size:7vw}.p4y-site .immersive-bottom>span:last-child{max-width:150px;text-align:right}.p4y-site .calculator-inner h2{font-size:42px}}
@media(max-width:700px){
.p4y-site .site-header{min-height:82px}.p4y-site.p4y-home .site-header{top:29px;align-items:center;padding-block:19px}.p4y-site.p4y-home .site-header nav.is-open{background:#f4f2ed;color:#282824;position:absolute;top:65px;left:0;padding:24px;box-shadow:0 8px 20px #0002;margin-top:0;flex-direction:column;gap:20px}
.p4y-site .immersive-hero{min-height:620px;height:calc(100vh - 28px);height:calc(100svh - 28px);max-height:1000px}
.p4y-site .immersive-copy{width:calc(100% - 40px);padding-top:20px}.p4y-site .immersive-wordmark{font-size:clamp(29px,8.9vw,56px);letter-spacing:.025em}
.p4y-site .immersive-copy h1{font-size:12px;letter-spacing:.08em;max-width:270px;margin:29px auto 0;line-height:1.8}.p4y-site .immersive-subtitle{font-size:21px;margin-top:11px;max-width:280px;margin-inline:auto}
.p4y-site .immersive-actions{flex-direction:column;align-items:center;gap:12px;margin-top:25px}.p4y-site .immersive-actions .button{width:220px;padding:12px 20px;min-height:46px;font-size:9px}
.p4y-site .immersive-bottom{bottom:18px;flex-wrap:wrap;gap:4px 10px;font-size:8px}.p4y-site .immersive-bottom>span:last-child{max-width:none;width:100%;text-align:left;font-size:7px}.p4y-site .immersive-bottom a{gap:14px}
.p4y-site .intro-section{padding-block:75px}.p4y-site .intro-section h2{font-size:31px;line-height:1.4}.p4y-site .intro-text{gap:20px;margin-top:30px;font-size:13px}.p4y-site .intro-section>.eyebrow{margin-bottom:25px}
.p4y-site .portfolio-section .project-grid{gap:55px}.p4y-site .portfolio-section .photo,.p4y-site .portfolio-section .project-card:nth-child(even) .photo{aspect-ratio:4/5}.p4y-site .portfolio-section .card-caption h3{font-size:27px}.p4y-site .portfolio-section .photo-arrow{width:44px;height:44px;bottom:18px;right:18px}
.p4y-site .section-heading{margin-bottom:32px}.p4y-site .offer-section{padding-block:20px 65px}.p4y-site .service-row h3{font-size:25px}.p4y-site .calculator-inner h2{font-size:37px}.p4y-site .contact-section{padding-block:60px}.p4y-site .page-intro{padding-block:55px}.p4y-site .page-intro h1{font-size:43px;line-height:1.2}.p4y-site .case-layout{grid-template-columns:1fr}.p4y-site .journal-card h3{font-size:27px}
} .p4y-site{--design-font:imperial-urw,Arial,sans-serif;font-family:var(--design-font)}
.p4y-site h1,.p4y-site h2,.p4y-site h3,.p4y-site h1 em,.p4y-site h2 em,.p4y-site h3 em{font-family:var(--design-font);font-style:normal;font-weight:400;letter-spacing:-.045em}
.p4y-site .immersive-hero{height:100svh;min-height:520px;max-height:none;display:flex;align-items:flex-end;justify-content:flex-start}
.p4y-site .immersive-shade{background:linear-gradient(180deg,rgba(14,15,13,.36),transparent 27%,rgba(14,15,13,.14) 48%,rgba(14,15,13,.76) 100%)}
.p4y-site .immersive-copy{position:relative;text-align:left;margin:0;padding:0 0 clamp(100px,17vh,180px);width:auto;max-width:100%;margin-inline:6vw}
.p4y-site .immersive-copy h1{font-size:clamp(38px,7.2vw,108px);line-height:.99;max-width:none;text-transform:none;margin:0;letter-spacing:-.055em}
.p4y-site .immersive-actions{justify-content:flex-start;align-items:flex-start;margin-top:28px}
.p4y-site .immersive-bottom{width:88%}
.p4y-site .service-strip{display:none}
.p4y-site .portfolio-section .project-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(22px,7vw,106px);align-items:start}
.p4y-site .portfolio-section .project-card:nth-child(even){margin-top:clamp(40px,11vw,160px)}
.p4y-site .portfolio-section .project-card .photo{aspect-ratio:4/5}
.p4y-site .portfolio-section .project-card:nth-child(even) .photo{aspect-ratio:1}
.p4y-site .offer-band{background:#1d211f;color:#f4f1e8;padding-block:clamp(70px,9vw,145px);margin-block:clamp(60px,10vw,140px)}
.p4y-site .offer-band .offer-section{padding-block:0}
.p4y-site .offer-band :is(p,h2,h3,a,.index,.eyebrow){color:inherit}
.p4y-site .offer-band .service-row{border-color:#ffffff35}
.p4y-site .offer-band .service-row:hover{background:#ffffff0c}
@media(max-width:680px){
.p4y-site .portfolio-section .project-grid{grid-template-columns:1fr;gap:40px}
.p4y-site .portfolio-section .project-card:nth-child(even){margin-top:0;width:82%;justify-self:end}
}
.p4y-site .immersive-bottom{left:6%;right:6%;transform:none;margin:0} .p4y-site{font-family:neue-haas-grotesk-display,"Neue Haas Grotesk Display Pro",Arial,sans-serif}
.p4y-site .immersive-hero{display:block;height:auto;min-height:max(760px,100vh);min-height:max(760px,100svh)}
.p4y-site .immersive-shade{background:linear-gradient(180deg,#110e0b38 0%,#110e0b20 42%,#110e0b54 70%,#110e0bc0 100%)}
.p4y-site .immersive-copy{
--hero-inset:60px;
--hero-icon:48px;
--hero-mark-gap:50px;
--hero-caption:16px;
position:relative;
display:grid;
align-content:end;
justify-items:center;
gap:54px;
width:100%;
max-width:none;
min-height:inherit;
padding: min(54vh,486px) var(--hero-inset) 100px;
margin:0;
text-align:center;
}
.p4y-site .hero-brand{
position:absolute;
inset:50% var(--hero-inset) auto;
transform:translateY(-50%);
font-size:clamp(42px,7.2vw,96px);
font-weight:300;
line-height:1;
letter-spacing:.055em;
}
.p4y-site .hero-description{min-width:0}
.p4y-site .immersive-copy h1,.p4y-site .hero-scope{
max-width:none;
margin:0;
color:#fff;
font:400 var(--hero-caption)/1.6 imperial-urw,"Imperial URW",Arial,sans-serif;
text-transform:uppercase;
text-wrap:balance;
letter-spacing:.025em;
}
.p4y-site .hero-marks{display:flex;justify-content:center;align-items:center;gap:var(--hero-mark-gap);color:#fff;max-width:100%}
.p4y-site .hero-mark{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-align:left;line-height:1.15;text-decoration:none}
.p4y-site .hero-mark svg{width:var(--hero-icon);height:var(--hero-icon);flex:none}
.p4y-site .hero-mark strong,.p4y-site .hero-mark small{display:block;font-size:14px;letter-spacing:.035em}
.p4y-site .hero-mark small{margin-top:4px;font-size:12px;opacity:.85}
@media(max-width:1350px){.p4y-site .immersive-copy{--hero-caption:14.4px}}
@media(max-width:1050px){.p4y-site .immersive-copy{--hero-caption:12.8px}}
@media(max-width:850px){
.p4y-site .immersive-copy{--hero-inset:20px;--hero-icon:44px;--hero-mark-gap:20px}
}
@media(max-width:575px){
.p4y-site .immersive-copy{--hero-icon:36px;padding-bottom:67px}
.p4y-site .hero-brand{top:46%;font-size:clamp(18px,9.6vw,58px);white-space:nowrap}
.p4y-site .hero-marks{width:100%;align-items:start}
.p4y-site .hero-mark{flex:1;flex-direction:column;gap:7px;text-align:center}
.p4y-site .hero-mark strong{font-size:10px}
.p4y-site .hero-mark small{font-size:9px}
}
@media(max-width:420px){.p4y-site .immersive-copy{--hero-icon:32px}}
.p4y-site .hero-visual-label{position:absolute;bottom:12px;right:14px;z-index:2;color:#f2efe7;font:10px/1.2 Arial,sans-serif;letter-spacing:.06em} .p4y-site {
--type-unit:20px;
--type-body:calc(.72 * var(--type-unit));
--type-section:calc(1.7 * var(--type-unit));
--type-card:calc(1.2 * var(--type-unit));
--type-title:calc(2.778 * var(--type-unit));
--type-article-title:calc(2.11 * var(--type-unit));
--type-blog-title:var(--type-card);
--type-serif:imperial-urw,"Imperial URW",Arial,sans-serif;
--type-sans:neue-haas-grotesk-display,"Neue Haas Grotesk Display Pro",Arial,sans-serif;
}
@media(max-width:1366px){.p4y-site{--type-unit:18px}}
@media(max-width:1024px){.p4y-site{--type-unit:16px}}
@media(max-width:992px){.p4y-site{--type-body:14px;--type-blog-title:22.4px}}
.p4y-site :is(main,.site-footer){
font:500 var(--type-body)/2 var(--type-sans);
letter-spacing:.02em;
}
.p4y-site main :is(h1,h2,h3,h4){font-style:normal;letter-spacing:normal}
.p4y-site main :is(h1,h2,h3,h4) em{font:inherit;letter-spacing:inherit}
.p4y-site main .page-intro h1{font:600 var(--type-title)/normal var(--type-sans)}
.p4y-site main:has(.article-body) .page-intro h1{font:300 var(--type-article-title)/1.08 var(--type-serif)}
.p4y-site main:has(.archive-note) .page-intro h1{font:400 var(--type-blog-title)/normal var(--type-serif)}
.p4y-site main :is(h2,.calculator-inner h2,.archive-note h2,.case-layout h2){
font:400 var(--type-section)/normal var(--type-serif);
}
.p4y-site main .article-body h2{font:400 var(--type-card)/normal var(--type-serif)}
.p4y-site main :is(h3,.card-caption h3,.service-row h3,.steps h3,.journal-card h3),.p4y-site .site-footer h3{font:400 var(--type-card)/1.2 var(--type-serif);letter-spacing:normal}
.p4y-site main h4{font:600 calc(1.667 * var(--type-unit))/normal var(--type-sans)}
.p4y-site main :is(p,.journal-card p,.calculator-inner p):not(.eyebrow,.hero-scope,.material-note,.small),
.p4y-site main :is(.article-body li,dd),
.p4y-site .site-footer :is(p,a:not(.brand)){font:inherit;letter-spacing:inherit}
.p4y-site main .intro-text p:not(.eyebrow){
font:400 var(--type-card)/1.6 var(--type-serif);
letter-spacing:.02em;
}
.p4y-site main .article-body :is(p:not(.eyebrow),li){line-height:1.55}
.p4y-site main .immersive-copy{--hero-caption:calc(.8 * var(--type-unit))}
.p4y-site main .immersive-copy :is(h1,.hero-scope){font-family:var(--type-serif);letter-spacing:normal} .p4y-site .hero-marks a.hero-mark {
--mark-line:0;
--mark-lift:0px;
--mark-ring-opacity:.55;
text-decoration:none;
}
.p4y-site .hero-mark svg {
color:#f5eee2;
transform:translateY(var(--mark-lift));
transition:transform .32s ease-in-out;
}
.p4y-site .hero-mark svg>circle {
opacity:var(--mark-ring-opacity);
transition:opacity .32s ease-in-out;
}
.p4y-site .hero-mark strong {
position:relative;
width:fit-content;
padding-bottom:4px;
}
.p4y-site .hero-mark strong::after {
content:"";
position:absolute;
inset:auto 0 0;
height:1px;
background:currentColor;
transform:scaleX(var(--mark-line));
transform-origin:left center;
transition:transform .46s cubic-bezier(.22,.72,.22,1);
}
.p4y-site .hero-marks a.hero-mark:focus-visible {
--mark-line:1;
--mark-lift:-3px;
--mark-ring-opacity:1;
outline:1px solid #fff;
outline-offset:5px;
}
@media(hover:hover) {
.p4y-site .hero-marks a.hero-mark:hover {
--mark-line:1;
--mark-lift:-3px;
--mark-ring-opacity:1;
}
}
@media(max-width:575px){.p4y-site .hero-mark strong{margin-inline:auto}}
@media(prefers-reduced-motion:reduce){
:root:not(.p4y-motion-preview) .p4y-site .hero-mark strong::after{transition:none}
.p4y-site .hero-mark svg{transform:none}
}
.p4y-site .first-look{padding-block:clamp(45px,7vw,96px) clamp(40px,6vw,76px)}
.p4y-site .first-look-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:16px 7vw;margin-bottom:24px}
.p4y-site .first-look-head h2,.p4y-site .first-look-next h2{margin-top:12px}
.p4y-site .first-look-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 5vw;padding-block:26px clamp(34px,5vw,70px);border-top:1px solid var(--line)}
.p4y-site .first-look-next h2{margin-bottom:12px}
.p4y-site .first-look-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
@media(max-width:760px){.p4y-site .first-look-head,.p4y-site .first-look-next{grid-template-columns:1fr}}
.p4y-fhf-header-wrap,
.p4y-fhf-footer,
.p4y-fhf-header-wrap * ,
.p4y-fhf-footer * {
box-sizing: border-box;
}
.p4y-fhf-header-wrap {
position: fixed;
top: var(--p4y-fhf-top-offset, 28px) !important;
left: 0;
width: 100%;
z-index: 9999;
pointer-events: none;
padding: 0 var(--p4y-fhf-outer-side-padding, 38px);
}
.p4y-fhf-header-shell {
max-width: var(--p4y-fhf-container-width, 1540px);
margin: 0 auto;
pointer-events: auto;
}
.p4y-fhf-header-inner {
min-height: var(--p4y-fhf-header-height, 72px);
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 28px;
padding: 10px 14px 10px 22px;
border-radius: var(--p4y-fhf-radius, 30px);
background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03)), linear-gradient(180deg, rgba(31,41,55,0.26), rgba(31,41,55,0.12)), var(--p4y-fhf-bg, rgba(46,58,76,0.24));
backdrop-filter: blur(var(--p4y-fhf-blur, 22px)) saturate(1.45) brightness(1.04);
-webkit-backdrop-filter: blur(var(--p4y-fhf-blur, 22px)) saturate(1.45) brightness(1.04);
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
border: 1px solid rgba(255, 255, 255, 0.26);
transition: transform .28s ease, background .28s ease, min-height .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.p4y-fhf-header-wrap.is-transparent .p4y-fhf-header-inner {
background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03)), linear-gradient(180deg, rgba(31,41,55,0.26), rgba(31,41,55,0.12)), var(--p4y-fhf-bg, rgba(46,58,76,0.24));
}
.p4y-fhf-header-wrap.is-scrolled .p4y-fhf-header-inner {
background: linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.05)), linear-gradient(180deg, rgba(15,23,42,0.24), rgba(15,23,42,0.12)), var(--p4y-fhf-bg-scroll, rgba(34,44,58,0.34));
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255,255,255,0.18);
}
.p4y-fhf-header-wrap.has-shrink.is-scrolled .p4y-fhf-header-inner {
min-height: calc(var(--p4y-fhf-header-height, 74px) - 8px);
transform: translateY(-2px) scale(.985);
}
.p4y-fhf-logo {
display: inline-flex;
align-items: center;
color: var(--p4y-fhf-text, #fff);
text-decoration: none;
width: min(var(--p4y-fhf-logo-width, 220px), 100%);
max-width: 100%;
flex-shrink: 0;
overflow: hidden;
}
.p4y-fhf-logo img {
display: block;
width: auto;
max-width: min(var(--p4y-fhf-logo-width, 280px), 100%);
max-height: var(--p4y-fhf-logo-max-height, 48px);
height: auto;
object-fit: contain;
}
.p4y-fhf-footer-logo img {
display: block;
width: auto;
max-width: min(var(--p4y-fhf-footer-logo-width, 220px), 100%);
max-height: var(--p4y-fhf-footer-logo-max-height, 36px);
height: auto;
object-fit: contain;
}
.p4y-fhf-logo-text {
font-size: 24px;
font-weight: 800;
line-height: 1;
color: var(--p4y-fhf-text, #fff);
}
.p4y-fhf-nav {
min-width: 0;
flex: 1 1 auto;
display: flex;
justify-content: center;
}
.p4y-fhf-menu,
.p4y-fhf-menu ul,
.p4y-fhf-mobile-menu,
.p4y-fhf-footer-menu,
.p4y-fhf-footer-links {
list-style: none;
margin: 0;
padding: 0;
}
.p4y-fhf-menu {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
justify-content: center;
}
.p4y-fhf-menu > li {
position: relative;
}
.p4y-fhf-menu > li::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 10px;
}
.p4y-fhf-menu > li > a {
color: var(--p4y-fhf-text, #fff);
text-decoration: none;
font-size: var(--p4y-fhf-menu-font, 13px);
font-weight: 500;
line-height: 1;
padding: 8px 4px;
display: inline-flex;
align-items: center;
transition: opacity .2s ease, color .2s ease;
}
.p4y-fhf-menu > li.current-menu-item > a,
.p4y-fhf-menu > li > a:hover,
.p4y-fhf-menu > li.current-menu-ancestor > a {
color: #fff;
opacity: 1;
}
.p4y-fhf-menu > li > a {
opacity: .92;
}
.p4y-fhf-menu .sub-menu {
position: absolute;
top: calc(100% + 4px);
left: 0;
min-width: 220px;
background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04)), rgba(21, 28, 38, 0.82);
backdrop-filter: blur(calc(var(--p4y-fhf-blur, 22px) + 2px)) saturate(1.4);
-webkit-backdrop-filter: blur(calc(var(--p4y-fhf-blur, 22px) + 2px)) saturate(1.4);
border: 1px solid rgba(255,255,255,.16);
border-radius: 18px;
padding: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: all .22s ease;
box-shadow: 0 14px 34px rgba(0,0,0,.22);
}
.p4y-fhf-menu li:hover > .sub-menu,
.p4y-fhf-menu li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.p4y-fhf-menu .sub-menu a {
display: block;
padding: 10px 12px;
border-radius: 12px;
color: var(--p4y-fhf-text, #fff);
text-decoration: none;
opacity: .9;
}
.p4y-fhf-menu .sub-menu a:hover {
background: rgba(255,255,255,.06);
opacity: 1;
}
.p4y-fhf-right {
display: flex;
align-items: center;
gap: 14px;
flex-shrink: 0;
margin-left: auto;
}
.p4y-fhf-phone {
text-decoration: none;
color: var(--p4y-fhf-text, #fff);
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.05;
gap: var(--p4y-fhf-phone-gap, 3px);
}
.p4y-fhf-phone-label {
font-size: var(--p4y-fhf-phone-label-size, 10px);
font-weight: 700;
opacity: .92;
}
.p4y-fhf-phone-number {
font-size: var(--p4y-fhf-phone-number-size, 15px);
font-weight: 800;
letter-spacing: .01em;
}
.p4y-fhf-phone:hover,
.p4y-fhf-phone:focus,
.p4y-fhf-phone:active {
color: var(--p4y-fhf-text, #fff);
text-decoration: none;
transform: none;
background: transparent;
}
.p4y-fhf-phone-mobile,
.p4y-fhf-cta-mobile {
display: none;
}
.p4y-fhf-cta,
.p4y-fhf-mobile-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 44px;
padding: 7px 12px 7px 18px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02)), var(--p4y-fhf-accent, #1f75ff);
color: #fff;
text-decoration: none;
font-size: 17px;
font-weight: 800;
line-height: 1;
box-shadow: 0 12px 26px rgba(31, 117, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.18);
}
.p4y-fhf-cta-icon {
width: 32px;
height: 32px;
border-radius: 999px;
background: #fff;
color: var(--p4y-fhf-accent, #1f75ff);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 900;
}
.p4y-fhf-burger {
display: none;
appearance: none;
border: 0;
padding: 0;
margin: 0;
background: transparent;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
cursor: pointer;
}
.p4y-fhf-burger span {
display: block;
width: 22px;
height: 2px;
border-radius: 999px;
background: #fff;
}
.p4y-fhf-mobile-panel {
display: none;
margin-top: 10px;
border-radius: 24px;
background: rgba(31, 35, 43, 0.97);
backdrop-filter: blur(calc(var(--p4y-fhf-blur, 22px) + 2px)) saturate(1.4);
-webkit-backdrop-filter: blur(calc(var(--p4y-fhf-blur, 22px) + 2px)) saturate(1.4);
border: 1px solid rgba(255,255,255,.16);
padding: 14px;
box-shadow: 0 14px 34px rgba(0,0,0,.22);
}
.p4y-fhf-mobile-panel.is-open {
display: block;
}
.p4y-fhf-mobile-menu li a {
display: block;
padding: 12px 10px;
color: #fff;
text-decoration: none;
border-radius: 12px;
}
.p4y-fhf-mobile-menu .sub-menu {
padding-left: 10px;
}
.p4y-fhf-mobile-menu li a:hover {
background: rgba(255,255,255,.06);
}
.p4y-fhf-mobile-bottom {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 12px;
margin-top: 12px;
border-top: 1px solid rgba(255,255,255,.08);
}
.p4y-fhf-mobile-phone {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 700;
}
.p4y-fhf-header-spacer {
height: calc(var(--p4y-fhf-header-height, 74px) + (var(--p4y-fhf-top-offset, 18px) * 2));
}
.p4y-fhf-footer {
background: var(--p4y-fhf-footer-bg, #04070d);
color: var(--p4y-fhf-footer-text, #f5f7fb);
margin-top: 70px;
position: relative;
z-index: 1;
pointer-events: auto;
}
.p4y-fhf-footer a {
color: var(--p4y-fhf-footer-text, #f5f7fb);
text-decoration: none;
position: relative;
z-index: 2;
pointer-events: auto;
}
.p4y-fhf-footer-inner {
max-width: var(--p4y-fhf-container-width, 1540px);
margin: 0 auto;
padding: 84px 24px 74px;
display: grid;
grid-template-columns: minmax(280px, 1.2fr) minmax(0, 1fr);
gap: 44px;
}
.p4y-fhf-footer-brand {
display: flex;
flex-direction: column;
gap: var(--p4y-fhf-menu-gap, 18px);
}
.p4y-fhf-footer-company {
color: var(--p4y-fhf-footer-muted, #b5bdd0);
margin: 0;
max-width: 520px;
line-height: 1.7;
}
.p4y-fhf-footer-meta {
color: var(--p4y-fhf-footer-muted, #b5bdd0);
line-height: 1.75;
}
.p4y-fhf-footer-meta p {
margin: 0 0 10px;
}
.p4y-fhf-legal-links a {
color: var(--p4y-fhf-footer-text, #f5f7fb);
opacity: .95;
}
.p4y-fhf-footer-cols {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.p4y-fhf-footer-col {
padding-left: 34px;
position: relative;
}
.p4y-fhf-footer-col:not(:first-child)::before,
.p4y-fhf-footer-col:first-child::before {
content: "";
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 1px;
background: rgba(255,255,255,.1);
}
.p4y-fhf-footer-col h3 {
color: var(--p4y-fhf-footer-text, #f5f7fb);
font-size: 18px;
line-height: 1.2;
margin: 0 0 18px;
font-weight: 800;
}
.p4y-fhf-footer-menu li,
.p4y-fhf-footer-links li {
margin-bottom: 14px;
}
.p4y-fhf-footer-menu a,
.p4y-fhf-footer-links a,
.p4y-fhf-contact-links li {
color: var(--p4y-fhf-footer-muted, #b5bdd0);
line-height: 1.55;
transition: color .2s ease, opacity .2s ease;
}
.p4y-fhf-footer-menu a:hover,
.p4y-fhf-footer-links a:hover {
color: var(--p4y-fhf-footer-text, #f5f7fb);
}
@media (max-width: 1220px) {
.p4y-fhf-phone-desktop {
display: none;
}
.p4y-fhf-menu > li > a {
font-size: var(--p4y-fhf-phone-number-size, 15px);
padding-inline: 8px;
}
}
@media (max-width: 980px) {
.p4y-fhf-header-wrap {
padding: 0 var(--p4y-fhf-outer-side-padding-mobile, 10px);
}
.p4y-fhf-header-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: var(--p4y-fhf-header-height-mobile, 56px);
padding: var(--p4y-fhf-pad-y-mobile, 7px) var(--p4y-fhf-pad-x-mobile, 10px);
gap: 12px;
backdrop-filter: blur(16px) saturate(1.25) brightness(1.02);
-webkit-backdrop-filter: blur(16px) saturate(1.25) brightness(1.02);
}
.p4y-fhf-nav,
.p4y-fhf-cta-desktop,
.p4y-fhf-phone-desktop {
display: none;
}
.p4y-fhf-header-wrap.hide-cta-mobile .p4y-fhf-cta-mobile {
display: none;
}
.p4y-fhf-header-wrap.show-cta-mobile .p4y-fhf-cta-mobile {
display: inline-flex;
}
.p4y-fhf-phone-mobile {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
align-items: center;
text-align: center;
white-space: nowrap;
pointer-events: auto;
}
.p4y-fhf-header-wrap.hide-phone-mobile .p4y-fhf-phone-mobile {
display: none;
}
.p4y-fhf-header-wrap.show-phone-mobile .p4y-fhf-phone-mobile {
display: flex;
}
.p4y-fhf-phone-mobile .p4y-fhf-phone-label {
font-size: 11px;
line-height: 1;
}
.p4y-fhf-phone-mobile .p4y-fhf-phone-number {
font-size: var(--p4y-fhf-phone-number-size, 15px);
line-height: 1.05;
}
.p4y-fhf-right {
margin-left: auto;
gap: 8px;
flex-shrink: 0;
}
.p4y-fhf-burger {
display: inline-flex;
width: 40px;
height: 40px;
}
.p4y-fhf-logo img {
max-width: min(var(--p4y-fhf-logo-width, 280px), 200px);
max-height: var(--p4y-fhf-logo-max-height-mobile, 34px);
}
.p4y-fhf-footer-logo img {
max-width: min(var(--p4y-fhf-footer-logo-width, 220px), 170px);
max-height: var(--p4y-fhf-footer-logo-max-height, 30px);
}
.p4y-fhf-header-spacer {
height: calc(var(--p4y-fhf-header-height-mobile, 62px) + (var(--p4y-fhf-top-offset, 18px) * 2));
}
.p4y-fhf-footer-inner {
grid-template-columns: 1fr;
gap: 28px;
padding: 64px 18px 56px;
}
.p4y-fhf-footer-cols {
grid-template-columns: 1fr;
gap: 20px;
}
.p4y-fhf-footer-col {
padding-left: 18px;
}
}
.p4y-fhf-cta:hover,
.p4y-fhf-cta:focus {
transform: translateY(-1px) scale(1.03);
box-shadow: 0 16px 28px rgba(77, 122, 255, 0.28);
filter: saturate(1.08);
}
.p4y-fhf-cta-icon {
transition: transform .24s ease, opacity .24s ease;
}
.p4y-fhf-cta:hover .p4y-fhf-cta-icon,
.p4y-fhf-cta:focus .p4y-fhf-cta-icon {
transform: translateX(2px) rotate(-10deg) scale(1.06);
}
.p4y-fhf-menu > li > a {
position: relative;
}
.p4y-fhf-menu > li > a::after {
content: '';
position: absolute;
left: 4px;
right: 4px;
bottom: -2px;
height: 2px;
border-radius: 999px;
background: rgba(255,255,255,0.92);
transform: scaleX(0);
transform-origin: center;
transition: transform .22s ease, opacity .22s ease;
opacity: .0;
}
.p4y-fhf-menu > li.current-menu-item > a::after,
.p4y-fhf-menu > li.current-menu-ancestor > a::after,
.p4y-fhf-menu > li > a:hover::after,
.p4y-fhf-menu > li > a:focus::after {
transform: scaleX(1);
opacity: 1;
}
.p4y-fhf-cta,
.p4y-fhf-mobile-cta {
position: relative;
overflow: hidden;
isolation: isolate;
transition: transform .24s ease, box-shadow .24s ease, filter .24s ease;
}
.p4y-fhf-cta::before,
.p4y-fhf-mobile-cta::before {
content: '';
position: absolute;
inset: 1px;
border-radius: inherit;
background: linear-gradient(120deg, rgba(255,255,255,0.22), rgba(255,255,255,0.02) 45%, rgba(255,255,255,0.14) 100%);
opacity: .42;
pointer-events: none;
z-index: 0;
}
.p4y-fhf-cta > span,
.p4y-fhf-mobile-cta > span,
.p4y-fhf-cta-icon {
position: relative;
z-index: 1;
}
.p4y-fhf-cta:hover,
.p4y-fhf-cta:focus {
transform: translateY(-2px) scale(1.035);
box-shadow: 0 18px 34px rgba(31, 117, 255, 0.26), inset 0 1px 0 rgba(255,255,255,0.22);
filter: saturate(1.08);
}
.p4y-fhf-cta-icon {
transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}
.p4y-fhf-cta:hover .p4y-fhf-cta-icon,
.p4y-fhf-cta:focus .p4y-fhf-cta-icon {
transform: translateX(3px) rotate(-12deg) scale(1.08);
box-shadow: 0 10px 18px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.9);
}
.p4y-fhf-header-inner { position: relative; overflow: visible; }
.p4y-fhf-header-inner::before { content:""; position:absolute; inset:1px; border-radius:inherit; background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.03)); pointer-events:none; opacity:.75; }
.p4y-fhf-header-inner > * { position:relative; z-index:1; }
@media (max-width: 767px) {
.p4y-fhf-phone-mobile {
display: none !important;
}
.p4y-fhf-header-wrap {
padding: 0 8px;
}
.p4y-fhf-header-inner {
min-height: 54px;
padding: 7px 10px;
gap: 10px;
border-radius: 24px;
}
.p4y-fhf-logo img {
max-width: min(var(--p4y-fhf-logo-width, 280px), 170px);
max-height: var(--p4y-fhf-logo-max-height-mobile, 34px);
}
.p4y-fhf-burger {
width: 38px;
height: 38px;
}
.p4y-fhf-mobile-panel-inner {
padding: 96px 18px 26px;
}
.p4y-fhf-mobile-menu a {
font-size: var(--p4y-fhf-menu-font-mobile, 19px);
}
}
.p4y-fhf-wrap a,
.p4y-fhf-wrap button,
.p4y-fhf-wrap input,
.p4y-fhf-wrap textarea,
.p4y-fhf-wrap select {
-webkit-tap-highlight-color: transparent;
}
.p4y-fhf-wrap a:focus,
.p4y-fhf-wrap button:focus,
.p4y-fhf-wrap a:active,
.p4y-fhf-wrap button:active {
outline: none;
box-shadow: none;
} @media (max-width: 980px){
.p4y-fhf-header-wrap{padding-left:10px !important;padding-right:10px !important;top:18px !important}
.p4y-fhf-header-inner{min-height:58px !important;padding:8px 12px !important;border-radius:24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;background:linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.06)), rgba(112,116,124,0.72) !important;border:1px solid rgba(255,255,255,0.22) !important;box-shadow:0 12px 28px rgba(15,23,42,0.14), inset 0 1px 0 rgba(255,255,255,0.16) !important;backdrop-filter:blur(16px) saturate(1.08) !important;-webkit-backdrop-filter:blur(16px) saturate(1.08) !important}
.p4y-fhf-header.is-scrolled .p4y-fhf-header-inner,.p4y-fhf-wrap.is-scrolled .p4y-fhf-header-inner{background:linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.07)), rgba(102,106,114,0.80) !important}
.p4y-fhf-logo{flex:0 1 auto;min-width:0 !important}
.p4y-fhf-logo img{max-height:28px !important;width:auto !important;height:auto !important;object-fit:contain !important}
.p4y-fhf-nav{display:none !important}
.p4y-fhf-right{display:flex !important;align-items:center !important;gap:8px !important;margin-left:auto !important;flex:0 0 auto}
.p4y-fhf-phone-desktop{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:2px !important;white-space:nowrap !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{font-size:9px !important;line-height:1 !important;letter-spacing:.02em !important;color:rgba(255,255,255,.88) !important;text-shadow:none !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{font-size:13px !important;line-height:1.05 !important;color:#fff !important;text-shadow:none !important}
.p4y-fhf-phone-mobile,.p4y-fhf-mobile-phone,.p4y-fhf-mobile-bottom{display:none !important}
.p4y-fhf-cta{display:none !important}
.p4y-fhf-burger{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.p4y-fhf-burger span{width:24px !important;height:3px !important;border-radius:999px !important;background:#fff !important}
.p4y-fhf-burger svg{width:26px !important;height:26px !important;color:#fff !important;fill:#fff !important;stroke:#fff !important}
.p4y-fhf-mobile-panel{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.96);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;margin-top:14px;background:transparent;border:0;box-shadow:none;padding:0}
.p4y-fhf-mobile-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.p4y-fhf-mobile-menu-wrap{width:min(76vw,420px);margin:0 auto;background:rgba(255,255,255,.98);border:1px solid rgba(20,31,56,.06);border-radius:30px;box-shadow:0 24px 56px rgba(15,23,42,.16);padding:22px 20px}
.p4y-fhf-mobile-menu,.p4y-fhf-mobile-menu li{list-style:none !important;margin:0;padding:0}
.p4y-fhf-mobile-menu>li>a{display:block !important;text-align:center !important;color:#0f172a !important;font-size:24px !important;line-height:1.2 !important;font-weight:800 !important;padding:12px 0 !important;border-radius:16px !important;text-shadow:none !important}
.p4y-fhf-mobile-menu>li>a:hover{background:rgba(15,23,42,.04) !important}
.p4y-fhf-mobile-menu .sub-menu{display:block !important;position:static !important;left:auto !important;top:auto !important;right:auto !important;min-width:0 !important;width:100% !important;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .24s ease,opacity .24s ease,transform .24s ease;margin:6px 0 0 !important;padding:0;background:rgba(15,23,42,.035) !important;border:0 !important;box-shadow:none !important;border-radius:16px !important}.p4y-fhf-mobile-menu li.is-open>.sub-menu{max-height:420px;opacity:1;transform:translateY(0);padding:8px 10px !important}.p4y-fhf-mobile-menu .sub-menu li{list-style:none !important;margin:0;padding:0}.p4y-fhf-mobile-menu .sub-menu a{display:block;text-align:center;color:#334155 !important;font-size:14px !important;line-height:1.35;font-weight:600;padding:7px 0;border-radius:12px}.p4y-fhf-mobile-menu .sub-menu a:hover{background:rgba(15,23,42,.04) !important}.p4y-fhf-mobile-menu>li.menu-item-has-children>a{position:relative;padding-right:18px !important}.p4y-fhf-mobile-menu>li.menu-item-has-children>a:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:#64748b;transition:transform .22s ease,opacity .22s ease}.p4y-fhf-mobile-menu>li.is-open>a:after{transform:translateY(-50%) rotate(45deg);opacity:.9}
}
@media (max-width: 767px){
.p4y-fhf-header-wrap{padding-left:8px !important;padding-right:8px !important;top:16px !important}
.p4y-fhf-header-inner{min-height:54px !important;padding:7px 10px !important;border-radius:22px !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{font-size:8px !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{font-size:12px !important}
.p4y-fhf-mobile-menu-wrap{width:min(80vw,360px);padding:20px 18px;border-radius:28px}
.p4y-fhf-mobile-menu>li>a{font-size:22px !important;padding:11px 0 !important}
} .p4y-fhf-menu > li > a{font-weight:600 !important;letter-spacing:-.01em !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-label,.p4y-fhf-phone .p4y-fhf-phone-label{font-weight:600 !important;letter-spacing:.01em !important}
.p4y-fhf-phone-desktop .p4y-fhf-phone-number,.p4y-fhf-phone .p4y-fhf-phone-number{font-weight:700 !important;letter-spacing:-.02em !important}
.p4y-fhf-cta,.p4y-fhf-mobile-cta{font-weight:700 !important;letter-spacing:-.02em !important}
@media (max-width: 980px){
.p4y-fhf-mobile-panel{margin-top:10px !important}
.p4y-fhf-mobile-menu-wrap{width:min(64vw,320px) !important;padding:18px 16px 14px !important;border-radius:30px !important;background:rgba(255,255,255,.98) !important;box-shadow:0 18px 38px rgba(15,23,42,.16) !important}
.p4y-fhf-mobile-menu>li>a{font-size:18px !important;line-height:1.14 !important;font-weight:800 !important;padding:10px 0 !important;color:#0f172a !important}
.p4y-fhf-mobile-menu .sub-menu{margin:6px 0 0 !important;background:rgba(15,23,42,.035) !important;border-radius:14px !important}
.p4y-fhf-mobile-menu li.is-open>.sub-menu{padding:8px 10px !important}
.p4y-fhf-mobile-menu .sub-menu a{font-size:13px !important;line-height:1.32 !important;font-weight:600 !important;padding:6px 0 !important;color:#334155 !important}
.p4y-fhf-mobile-menu>li.menu-item-has-children>a:after{right:2px !important;font-size:20px !important}
.p4y-fhf-mobile-bottom{display:flex !important;justify-content:center !important;padding-top:12px !important;margin-top:8px !important;border-top:1px solid rgba(15,23,42,.06) !important}
.p4y-fhf-mobile-cta{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:46px !important;padding:0 22px !important;border-radius:999px !important;font-size:17px !important;line-height:1 !important;background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)), var(--p4y-fhf-accent, #1f75ff) !important;color:#fff !important;box-shadow:0 12px 24px rgba(31,117,255,.22), inset 0 1px 0 rgba(255,255,255,.16) !important}
}
@media (max-width: 767px){
.p4y-fhf-mobile-menu-wrap{width:min(66vw,300px) !important;padding:16px 14px 12px !important;border-radius:28px !important}
.p4y-fhf-mobile-menu>li>a{font-size:17px !important;padding:9px 0 !important}
.p4y-fhf-mobile-menu .sub-menu a{font-size:12.5px !important;padding:5px 0 !important}
.p4y-fhf-mobile-cta{min-height:44px !important;font-size:16px !important;padding:0 20px !important}
}  @media (min-width: 981px) {
.p4y-fhf-header-inner {
box-shadow:
0 18px 44px rgba(15, 23, 42, 0.12),
inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
.p4y-fhf-menu {
gap: var(--p4y-fhf-menu-gap, 18px) !important;
}
.p4y-fhf-menu > li {
position: relative !important;
padding: 10px 0 !important;
}
.p4y-fhf-menu > li::after {
content: "" !important;
position: absolute !important;
left: -12px !important;
right: -12px !important;
top: 100% !important;
height: 28px !important;
display: block !important;
pointer-events: auto !important;
}
.p4y-fhf-menu > li > a {
position: relative !important;
padding: 10px 4px !important;
opacity: .92 !important;
transition: opacity .2s ease, transform .22s ease, color .22s ease !important;
}
.p4y-fhf-menu > li > a::after {
content: "" !important;
position: absolute !important;
left: 4px !important;
right: 4px !important;
bottom: 2px !important;
height: 2px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,.96), rgba(255,255,255,.35)) !important;
transform: scaleX(0) !important;
transform-origin: center !important;
opacity: 0 !important;
transition: transform .24s cubic-bezier(.2,.8,.2,1), opacity .24s ease !important;
}
.p4y-fhf-menu > li:hover > a,
.p4y-fhf-menu > li:focus-within > a,
.p4y-fhf-menu > li.current-menu-item > a,
.p4y-fhf-menu > li.current-menu-ancestor > a {
opacity: 1 !important;
transform: translateY(-1px) !important;
}
.p4y-fhf-menu > li:hover > a::after,
.p4y-fhf-menu > li:focus-within > a::after,
.p4y-fhf-menu > li.current-menu-item > a::after,
.p4y-fhf-menu > li.current-menu-ancestor > a::after {
transform: scaleX(1) !important;
opacity: 1 !important;
}
.p4y-fhf-menu .sub-menu {
top: calc(100% + 10px) !important;
min-width: 238px !important;
padding: 10px !important;
border-radius: 20px !important;
background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)), rgba(18, 24, 35, .84) !important;
border: 1px solid rgba(255,255,255,.18) !important;
box-shadow: 0 24px 54px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
backdrop-filter: blur(calc(var(--p4y-fhf-blur, 18px) + 6px)) saturate(1.25) !important;
-webkit-backdrop-filter: blur(calc(var(--p4y-fhf-blur, 18px) + 6px)) saturate(1.25) !important;
transform: translateY(8px) scale(.985) !important;
transform-origin: top left !important;
transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
pointer-events: none !important;
z-index: 10010 !important;
}
.p4y-fhf-menu li:hover > .sub-menu,
.p4y-fhf-menu li:focus-within > .sub-menu,
.p4y-fhf-menu .sub-menu:hover {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
pointer-events: auto !important;
}
.p4y-fhf-menu .sub-menu a {
padding: 11px 13px !important;
border-radius: 14px !important;
font-size: 14px !important;
font-weight: 650 !important;
color: rgba(255,255,255,.90) !important;
transition: background .18s ease, transform .18s ease, color .18s ease !important;
}
.p4y-fhf-menu .sub-menu a:hover,
.p4y-fhf-menu .sub-menu a:focus {
background: rgba(255,255,255,.10) !important;
transform: translateX(2px) !important;
color: #fff !important;
}
} @media (max-width: 980px) {
.p4y-fhf-header-wrap {
top: var(--p4y-fhf-top-offset, 18px) !important;
padding-left: max(10px, env(safe-area-inset-left)) !important;
padding-right: max(10px, env(safe-area-inset-right)) !important;
}
.p4y-fhf-header-inner {
min-height: var(--p4y-fhf-header-height-mobile, 62px) !important;
padding: 8px 12px !important;
border-radius: var(--p4y-fhf-radius, 28px) !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto auto !important;
align-items: center !important;
gap: 10px !important;
background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.07)), var(--p4y-fhf-bg, rgba(148,154,164,.28)) !important;
box-shadow: 0 14px 34px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.p4y-fhf-logo {
width: auto !important;
max-width: min(42vw, var(--p4y-fhf-logo-width, 220px)) !important;
min-width: 0 !important;
flex: 0 1 auto !important;
}
.p4y-fhf-logo img {
width: auto !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-logo-max-height-mobile, 34px) !important;
object-fit: contain !important;
}
.p4y-fhf-right {
display: contents !important;
}
.p4y-fhf-phone-desktop {
display: flex !important;
position: static !important;
transform: none !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 124px !important;
max-width: 42vw !important;
white-space: nowrap !important;
overflow: hidden !important;
}
.p4y-fhf-phone-desktop .p4y-fhf-phone-label {
display: block !important;
font-size: var(--p4y-fhf-phone-label-size, 10px) !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: -.01em !important;
color: rgba(255,255,255,.94) !important;
}
.p4y-fhf-phone-desktop .p4y-fhf-phone-number {
display: block !important;
font-size: var(--p4y-fhf-phone-number-size, 15px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -.025em !important;
color: #fff !important;
}
.p4y-fhf-burger {
display: inline-flex !important;
width: 40px !important;
height: 40px !important;
border-radius: 999px !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
gap: 5px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.p4y-fhf-burger span {
width: 25px !important;
height: 3px !important;
border-radius: 999px !important;
background: #fff !important;
transition: transform .22s ease, opacity .18s ease !important;
}
.p4y-fhf-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg) !important; }
.p4y-fhf-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0 !important; }
.p4y-fhf-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg) !important; }
.p4y-fhf-mobile-panel {
display: block !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(8px) scale(.985) !important;
transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
margin-top: 14px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
.p4y-fhf-mobile-panel.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) scale(1) !important;
}
.p4y-fhf-mobile-menu-wrap {
width: min(calc(100vw - 36px), 420px) !important;
max-height: calc(100dvh - 145px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
margin: 0 auto !important;
padding: 22px 18px 20px !important;
border-radius: 30px !important;
background: rgba(255,255,255,.965) !important;
border: 1px solid rgba(15,23,42,.07) !important;
box-shadow: 0 26px 70px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.80) !important;
backdrop-filter: blur(20px) saturate(1.12) !important;
-webkit-backdrop-filter: blur(20px) saturate(1.12) !important;
}
.p4y-fhf-mobile-menu,
.p4y-fhf-mobile-menu li,
.p4y-fhf-mobile-menu .sub-menu {
list-style: none !important;
margin: 0 !important;
padding-left: 0 !important;
}
.p4y-fhf-mobile-menu > li + li {
margin-top: 4px !important;
}
.p4y-fhf-mobile-menu > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 48px !important;
padding: 9px 42px 9px 42px !important;
border-radius: 18px !important;
color: #111827 !important;
background: transparent !important;
text-decoration: none !important;
text-align: center !important;
font-size: clamp(22px, 6vw, 31px) !important;
line-height: 1.06 !important;
font-weight: 900 !important;
letter-spacing: -.045em !important;
text-shadow: none !important;
}
.p4y-fhf-mobile-menu > li > a:hover,
.p4y-fhf-mobile-menu > li > a:focus,
.p4y-fhf-mobile-menu > li.is-open > a {
background: #f4f7fb !important;
} .p4y-fhf-mobile-menu > li.menu-item-has-children > a::after {
content: none !important;
display: none !important;
}
.p4y-fhf-mobile-menu > li > .sub-menu {
display: block !important;
position: static !important;
width: 100% !important;
min-width: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-5px) !important;
margin: 0 !important;
padding: 0 10px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transition: max-height .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, transform .22s ease, padding .22s ease, visibility .22s ease !important;
}
.p4y-fhf-mobile-menu > li.is-open > .sub-menu {
max-height: 520px !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
padding: 8px 10px 12px !important;
}
.p4y-fhf-mobile-menu > li > .sub-menu li + li {
margin-top: 2px !important;
}
.p4y-fhf-mobile-menu > li > .sub-menu a {
display: block !important;
padding: 8px 10px !important;
border-radius: 14px !important;
text-align: center !important;
color: #66758c !important;
background: transparent !important;
font-size: clamp(15px, 4.4vw, 19px) !important;
line-height: 1.18 !important;
font-weight: 760 !important;
letter-spacing: -.025em !important;
text-decoration: none !important;
}
.p4y-fhf-mobile-menu > li > .sub-menu a:hover,
.p4y-fhf-mobile-menu > li > .sub-menu a:focus {
background: #edf3fb !important;
color: #111827 !important;
} .p4y-fhf-mobile-cta-wrap,
.p4y-fhf-mobile-bottom,
.p4y-fhf-mobile-phone,
.p4y-fhf-cta-mobile {
display: none !important;
}
}
@media (max-width: 430px) {
.p4y-fhf-header-inner {
grid-template-columns: minmax(0, 1fr) auto auto !important;
padding: 7px 10px !important;
gap: 8px !important;
}
.p4y-fhf-logo {
max-width: 39vw !important;
}
.p4y-fhf-phone-desktop {
min-width: 128px !important;
max-width: 40vw !important;
}
.p4y-fhf-phone-desktop .p4y-fhf-phone-label {
font-size: 10px !important;
}
.p4y-fhf-phone-desktop .p4y-fhf-phone-number {
font-size: 15px !important;
}
.p4y-fhf-burger {
width: 38px !important;
height: 38px !important;
}
.p4y-fhf-mobile-menu-wrap {
width: min(calc(100vw - 32px), 390px) !important;
padding: 20px 16px 18px !important;
border-radius: 28px !important;
}
} @media (max-width: 980px) {
.p4y-fhf-mobile-menu-wrap {
padding: 24px 18px 22px !important;
}
.p4y-fhf-mobile-menu > li.p4y-fhf-mobile-cta-duplicate {
display: none !important;
}
.p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle {
position: relative !important;
}
.p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
padding-right: 72px !important;
padding-left: 72px !important;
}
.p4y-fhf-submenu-toggle {
position: absolute !important;
right: 14px !important;
top: 7px !important;
width: 44px !important;
height: 44px !important;
border: 0 !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
background: linear-gradient(180deg, rgba(232,239,255,.96), rgba(211,224,252,.88)) !important;
color: #2563eb !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 24px rgba(37,99,235,.12) !important;
-webkit-tap-highlight-color: transparent !important;
}
.p4y-fhf-submenu-toggle span {
display: block !important;
font-size: 26px !important;
line-height: 1 !important;
font-weight: 900 !important;
transform: translateY(-1px) rotate(0deg) !important;
transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
}
.p4y-fhf-mobile-menu > li.is-open > .p4y-fhf-submenu-toggle span {
transform: translateY(-1px) rotate(45deg) !important;
}
.p4y-fhf-mobile-menu > li > .sub-menu {
border-radius: 22px !important;
margin: 4px 0 2px !important;
background: linear-gradient(180deg, rgba(247,250,255,.96), rgba(240,245,253,.80)) !important;
}
.p4y-fhf-mobile-menu > li.is-open > .sub-menu {
max-height: 620px !important;
padding: 12px 10px 14px !important;
}
.p4y-fhf-mobile-cta-wrap {
display: flex !important;
justify-content: center !important;
width: 100% !important;
margin: 20px 0 0 !important;
padding: 18px 0 0 !important;
border-top: 1px solid rgba(15,23,42,.08) !important;
}
.p4y-fhf-mobile-cta,
.p4y-fhf-cta-mobile {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
width: min(100%, 310px) !important;
min-height: 58px !important;
padding: 10px 14px 10px 24px !important;
border-radius: 999px !important;
background:
radial-gradient(circle at 28% 0%, rgba(255,255,255,.32), transparent 36%),
linear-gradient(180deg, #57a0ff 0%, #1f75ff 100%) !important;
color: #fff !important;
text-decoration: none !important;
font-size: 22px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -.035em !important;
box-shadow: 0 18px 38px rgba(31,117,255,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
transform: translateZ(0) !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.94) !important;
color: #1f75ff !important;
font-size: 20px !important;
font-weight: 900 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(15,23,42,.12) !important;
}
}
@media (max-width: 430px) {
.p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
padding-left: 54px !important;
padding-right: 62px !important;
}
.p4y-fhf-submenu-toggle {
right: 10px !important;
top: 7px !important;
width: 40px !important;
height: 40px !important;
}
.p4y-fhf-mobile-cta,
.p4y-fhf-cta-mobile {
width: min(100%, 280px) !important;
min-height: 54px !important;
font-size: 20px !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
}
} .p4y-fhf-logo img{
width: min(var(--p4y-fhf-logo-width, 220px), 100%);
max-width: min(var(--p4y-fhf-logo-width, 220px), 100%);
}
.p4y-fhf-footer-logo img{
width: min(var(--p4y-fhf-footer-logo-width, 220px), 100%);
max-width: min(var(--p4y-fhf-footer-logo-width, 220px), 100%);
max-height: var(--p4y-fhf-footer-logo-max-height, 36px);
}
.p4y-fhf-header-wrap a:focus,
.p4y-fhf-header-wrap button:focus,
.p4y-fhf-footer a:focus,
.p4y-fhf-header-wrap a:active,
.p4y-fhf-header-wrap button:active,
.p4y-fhf-footer a:active{
outline: none !important;
box-shadow: none !important;
}
@media (max-width: 980px){
.p4y-fhf-submenu-toggle{
background: linear-gradient(180deg, rgba(226,196,130,.98), rgba(183,138,50,.92)) !important;
color: #fff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 10px 24px rgba(183,138,50,.18) !important;
}
.p4y-fhf-mobile-cta,
.p4y-fhf-cta-mobile{
background: radial-gradient(circle at 28% 0%, rgba(255,255,255,.32), transparent 36%), linear-gradient(180deg, #d8b46a 0%, #b78a32 100%) !important;
box-shadow: 0 18px 38px rgba(183,138,50,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon{
color: #b78a32 !important;
}
} .p4y-fhf-logo {
width: min(var(--p4y-fhf-logo-width, 320px), 100%) !important;
max-width: min(var(--p4y-fhf-logo-width, 320px), 100%) !important;
}
.p4y-fhf-logo img {
width: 100% !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-logo-max-height, 58px) !important;
height: auto !important;
object-fit: contain !important;
}
.p4y-fhf-footer-logo {
width: min(var(--p4y-fhf-footer-logo-width, 460px), 100%) !important;
max-width: 100% !important;
}
.p4y-fhf-footer-logo img {
width: 100% !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-footer-logo-max-height, 110px) !important;
height: auto !important;
object-fit: contain !important;
}
.p4y-fhf-cta-icon {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.p4y-fhf-cta-icon svg {
width: 18px !important;
height: 18px !important;
display: block !important;
color: currentColor !important;
}
@media (max-width: 980px) {
.p4y-fhf-logo {
width: min(var(--p4y-fhf-logo-width, 320px), 48vw) !important;
max-width: min(var(--p4y-fhf-logo-width, 320px), 48vw) !important;
}
.p4y-fhf-logo img {
max-height: var(--p4y-fhf-logo-max-height-mobile, 40px) !important;
}
.p4y-fhf-mobile-cta,
.p4y-fhf-cta-mobile {
background:
radial-gradient(circle at 28% 0%, rgba(255,255,255,.34), transparent 36%),
linear-gradient(180deg, #d9b666 0%, #b98a2e 100%) !important;
box-shadow: 0 18px 38px rgba(185,138,46,.24), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon {
background: rgba(255,255,255,.96) !important;
color: #b98a2e !important;
text-shadow: none !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon svg,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon svg {
width: 20px !important;
height: 20px !important;
stroke: currentColor !important;
}
.p4y-fhf-submenu-toggle {
background: linear-gradient(180deg, rgba(226,196,130,.98), rgba(185,138,46,.94)) !important;
color: #fff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 10px 24px rgba(185,138,46,.18) !important;
}
} .p4y-fhf-logo {
width: min(var(--p4y-fhf-logo-width, 390px), 100%) !important;
max-width: min(var(--p4y-fhf-logo-width, 390px), 100%) !important;
}
.p4y-fhf-logo img {
width: 100% !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-logo-max-height, 72px) !important;
object-fit: contain !important;
}
.p4y-fhf-cta-icon svg,
.p4y-fhf-cta-icon svg path {
stroke: currentColor !important;
color: currentColor !important;
}
@media (max-width: 980px) {
.p4y-fhf-logo {
width: min(var(--p4y-fhf-logo-width, 390px), 52vw) !important;
max-width: min(var(--p4y-fhf-logo-width, 390px), 52vw) !important;
}
.p4y-fhf-logo img {
max-height: var(--p4y-fhf-logo-max-height-mobile, 48px) !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon {
background: rgba(255,255,255,.96) !important;
color: #8f6418 !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon svg,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon svg,
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon svg path,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon svg path {
stroke: #8f6418 !important;
color: #8f6418 !important;
}
} @media (min-width: 981px) {
.p4y-fhf-logo {
width: auto !important;
max-width: min(var(--p4y-fhf-logo-width, 520px), 32vw) !important;
overflow: visible !important;
}
.p4y-fhf-logo img {
height: var(--p4y-fhf-logo-max-height, 90px) !important;
width: auto !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-logo-max-height, 90px) !important;
object-fit: contain !important;
}
}
@media (max-width: 980px) {
.p4y-fhf-logo {
width: auto !important;
max-width: min(var(--p4y-fhf-logo-width, 520px), 46vw) !important;
overflow: visible !important;
}
.p4y-fhf-logo img {
height: var(--p4y-fhf-logo-max-height-mobile, 56px) !important;
width: auto !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-logo-max-height-mobile, 56px) !important;
object-fit: contain !important;
}
}
.p4y-fhf-cta-icon svg { display: none !important; }
.p4y-fhf-cta-icon::before {
content: "↗" !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #9b6b18 !important;
font-size: 22px !important;
font-weight: 900 !important;
line-height: 1 !important;
transform: translateY(-1px) !important;
}
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon {
background: #fff !important;
color: #9b6b18 !important;
}
.p4y-fhf-footer-logo {
width: min(var(--p4y-fhf-footer-logo-width, 620px), 100%) !important;
}
.p4y-fhf-footer-logo img {
width: 100% !important;
max-width: 100% !important;
max-height: var(--p4y-fhf-footer-logo-max-height, 150px) !important;
height: auto !important;
object-fit: contain !important;
} @media (min-width: 981px){
.p4y-fhf-logo{width:min(var(--p4y-fhf-logo-width,420px),28vw)!important;max-width:min(var(--p4y-fhf-logo-width,420px),28vw)!important;overflow:visible!important;}
.p4y-fhf-logo img{width:100%!important;height:auto!important;max-height:var(--p4y-fhf-logo-max-height,74px)!important;object-fit:contain!important;}
}
@media (max-width: 980px){
.p4y-fhf-logo{width:min(var(--p4y-fhf-logo-width,440px),48vw)!important;max-width:min(var(--p4y-fhf-logo-width,440px),48vw)!important;}
.p4y-fhf-logo img{max-height:var(--p4y-fhf-logo-max-height-mobile,62px)!important;}
}
.p4y-fhf-cta-icon{background:linear-gradient(180deg,#d8b46a 0%,#b78a32 100%)!important;color:#fff!important;}
.p4y-fhf-cta-icon svg{display:block!important;width:18px!important;height:18px!important;color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;}
.p4y-fhf-cta-icon svg path{stroke:#fff!important;fill:none!important;opacity:1!important;}
.p4y-fhf-cta-icon::before{content:none!important;display:none!important;} .p4y-fhf-footer-logo{
display:inline-flex!important;
align-items:center!important;
width:var(--p4y-fhf-footer-logo-width,520px)!important;
max-width:100%!important;
overflow:visible!important;
}
.p4y-fhf-footer-logo img{
display:block!important;
width:100%!important;
height:auto!important;
max-width:100%!important;
max-height:var(--p4y-fhf-footer-logo-max-height,120px)!important;
object-fit:contain!important;
}
.p4y-fhf-cta-icon::before,
.p4y-fhf-mobile-cta .p4y-fhf-cta-icon::before,
.p4y-fhf-cta-mobile .p4y-fhf-cta-icon::before{
color:#fff!important;
} .p4y-fhf-footer{
display:block!important;
pointer-events:auto!important;
}
.p4y-fhf-footer a{
pointer-events:auto!important;
}
.p4y-fhf-footer-menu .sub-menu{
list-style:none!important;
margin:10px 0 0!important;
padding:0 0 0 14px!important;
border-left:1px solid rgba(255,255,255,.10)!important;
}
.p4y-fhf-footer-menu .sub-menu li{
margin:0 0 8px!important;
}
.p4y-fhf-footer-menu .sub-menu a{
font-size:calc(var(--p4y-fhf-footer-link-size, 15px) - 1px)!important;
opacity:.82!important;
}
.p4y-fhf-footer-menu .sub-menu a:hover,
.p4y-fhf-footer-menu .sub-menu a:focus{
opacity:1!important;
} @media (max-width: 980px){
.p4y-fhf-footer-menu > li > .sub-menu{
max-height:0!important;
overflow:hidden!important;
opacity:0!important;
transform:translateY(-4px)!important;
margin:0!important;
padding:0 0 0 14px!important;
transition:max-height .24s ease,opacity .24s ease,transform .24s ease,margin .24s ease!important;
}
.p4y-fhf-footer-menu > li.is-open > .sub-menu{
max-height:520px!important;
opacity:1!important;
transform:translateY(0)!important;
margin:10px 0 0!important;
}
} .p4y-fhf-footer,
.p4y-fhf-footer-inner,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col,
.p4y-fhf-footer-menu,
.p4y-fhf-footer-menu li,
.p4y-fhf-footer-menu a,
.p4y-fhf-footer-links,
.p4y-fhf-footer-links li,
.p4y-fhf-footer-links a{
pointer-events:auto!important;
}
.p4y-fhf-footer-inner,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col{
position:relative!important;
z-index:3!important;
}
.p4y-fhf-footer-menu > li{
position:relative!important;
}
.p4y-fhf-footer-menu a,
.p4y-fhf-footer-links a{
display:inline-flex!important;
align-items:center!important;
min-height:28px!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:rgba(255,255,255,.12)!important;
}
.p4y-fhf-footer-menu > li > .sub-menu{
max-height:0!important;
overflow:hidden!important;
opacity:0!important;
transform:translateY(-6px)!important;
margin:0!important;
padding:0 0 0 14px!important;
border-left:1px solid rgba(255,255,255,.10)!important;
pointer-events:none!important;
transition:max-height .24s ease,opacity .24s ease,transform .24s ease,margin .24s ease!important;
}
.p4y-fhf-footer-menu > li > .sub-menu a{
pointer-events:auto!important;
}
@media (min-width:981px){
.p4y-fhf-footer-menu > li:hover > .sub-menu,
.p4y-fhf-footer-menu > li:focus-within > .sub-menu,
.p4y-fhf-footer-menu > li.is-open > .sub-menu{
max-height:520px!important;
opacity:1!important;
transform:translateY(0)!important;
margin:10px 0 0!important;
pointer-events:auto!important;
}
}
@media (max-width:980px){
.p4y-fhf-footer{
position:relative!important;
z-index:5!important;
}
.p4y-fhf-footer-menu a,
.p4y-fhf-footer-links a{
min-height:34px!important;
}
.p4y-fhf-footer-menu > li.is-open > .sub-menu{
max-height:520px!important;
opacity:1!important;
transform:translateY(0)!important;
margin:10px 0 0!important;
pointer-events:auto!important;
}
} .p4y-fhf-footer-col::before,
.p4y-fhf-footer-col::after,
.p4y-fhf-footer-inner::before,
.p4y-fhf-footer-inner::after,
.p4y-fhf-footer-cols::before,
.p4y-fhf-footer-cols::after{
pointer-events:none!important;
}
.p4y-fhf-footer-links,
.p4y-fhf-footer-links li,
.p4y-fhf-legal-links{
position:relative!important;
z-index:20!important;
pointer-events:auto!important;
}
.p4y-fhf-footer-links a,
.p4y-fhf-legal-links a,
.p4y-fhf-footer-logo{
position:relative!important;
z-index:30!important;
pointer-events:auto!important;
cursor:pointer!important;
}
@media (max-width:980px){
.p4y-fhf-footer,
.p4y-fhf-footer-inner,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col{
isolation:isolate!important;
}
.p4y-fhf-footer-links a,
.p4y-fhf-legal-links a{
display:inline-flex!important;
align-items:center!important;
width:auto!important;
max-width:100%!important;
min-height:40px!important;
padding:2px 0!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:rgba(255,255,255,.16)!important;
}
} @media (max-width:980px){
.p4y-fhf-header-shell{
pointer-events:none!important;
}
.p4y-fhf-header-inner,
.p4y-fhf-header-inner *,
.p4y-fhf-mobile-panel.is-open,
.p4y-fhf-mobile-panel.is-open *{
pointer-events:auto!important;
}
.p4y-fhf-mobile-panel:not(.is-open){
display:none!important;
height:0!important;
max-height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.p4y-fhf-mobile-panel.is-open{
display:block!important;
}
.p4y-fhf-footer{
position:relative!important;
z-index:50!important;
pointer-events:auto!important;
}
.p4y-fhf-footer-inner,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col,
.p4y-fhf-footer-menu,
.p4y-fhf-footer-menu li,
.p4y-fhf-footer-links,
.p4y-fhf-footer-links li,
.p4y-fhf-legal-links{
position:relative!important;
z-index:55!important;
pointer-events:auto!important;
}
.p4y-fhf-footer-menu a,
.p4y-fhf-footer-links a,
.p4y-fhf-legal-links a,
.p4y-fhf-footer-logo{
position:relative!important;
z-index:70!important;
pointer-events:auto!important;
cursor:pointer!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:rgba(255,255,255,.16)!important;
}
.p4y-fhf-footer-col h3{
pointer-events:none!important;
}
} .p4y-fhf-footer,
.p4y-fhf-footer-inner,
.p4y-fhf-footer-brand,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col{
min-width:0!important;
}
.p4y-fhf-footer,
.p4y-fhf-footer-brand,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col{
max-width:100%!important;
}
@media (max-width:980px){
.p4y-fhf-footer{
overflow-x:hidden!important;
}
.p4y-fhf-footer-inner,
.p4y-fhf-footer-brand,
.p4y-fhf-footer-cols,
.p4y-fhf-footer-col{
width:100%!important;
max-width:100%!important;
}
.p4y-fhf-footer-logo{
width:min(var(--p4y-fhf-footer-logo-width,520px),100%)!important;
max-width:100%!important;
overflow:hidden!important;
}
.p4y-fhf-footer-logo img{
width:100%!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
}
} .p4y-fhf-phone,
.p4y-fhf-phone-desktop,
.p4y-fhf-phone-label,
.p4y-fhf-phone-number{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
text-rendering:geometricPrecision!important;
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
}
.p4y-fhf-header-wrap .p4y-fhf-phone-label,
.p4y-fhf-header-wrap.is-at-top .p4y-fhf-phone-label,
.p4y-fhf-header-wrap.is-scrolled .p4y-fhf-phone-label,
.p4y-fhf-header-wrap.is-expanded .p4y-fhf-phone-label{
font-weight:590!important;
letter-spacing:-.006em!important;
opacity:.92!important;
}
.p4y-fhf-header-wrap .p4y-fhf-phone-number,
.p4y-fhf-header-wrap.is-at-top .p4y-fhf-phone-number,
.p4y-fhf-header-wrap.is-scrolled .p4y-fhf-phone-number,
.p4y-fhf-header-wrap.is-expanded .p4y-fhf-phone-number{
font-weight:700!important;
letter-spacing:-.026em!important;
opacity:1!important;
}
@media (min-width:981px){
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
min-width:132px!important;
padding:0 12px!important;
gap:1px!important;
}
.p4y-fhf-phone-label,
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{
display:block!important;
font-size:clamp(10.5px,.78vw,13px)!important;
line-height:.98!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:clamp(16px,1.24vw,21px)!important;
line-height:1!important;
}
}
@media (max-width:980px){
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
width:clamp(112px,35vw,138px)!important;
min-width:112px!important;
max-width:44vw!important;
min-height:36px!important;
padding:3px 10px!important;
gap:1px!important;
align-items:center!important;
justify-content:center!important;
}
.p4y-fhf-phone-label,
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{
display:block!important;
font-size:clamp(8px,2.35vw,10px)!important;
line-height:.98!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:clamp(13.5px,3.85vw,15.5px)!important;
line-height:1!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
}
@media (max-width:390px){
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
width:clamp(108px,35.5vw,126px)!important;
min-width:108px!important;
max-width:43vw!important;
padding:3px 9px!important;
}
.p4y-fhf-phone-label,
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{
display:block!important;
font-size:8px!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:13.5px!important;
}
} @media (max-width:980px){
.p4y-fhf-header-inner{
grid-template-columns:minmax(0,1fr) auto auto!important;
gap:8px!important;
padding:8px 10px!important;
}
.p4y-fhf-logo{
width:auto!important;
max-width:clamp(104px,34vw,148px)!important;
min-width:0!important;
flex:0 1 auto!important;
}
.p4y-fhf-logo img{
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:36px!important;
object-fit:contain!important;
object-position:left center!important;
}
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
width:clamp(102px,31.5vw,128px)!important;
min-width:0!important;
max-width:128px!important;
min-height:34px!important;
padding:3px 7px!important;
flex:0 0 auto!important;
box-sizing:border-box!important;
}
.p4y-fhf-phone-label,
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{
font-size:clamp(7.5px,2vw,9px)!important;
line-height:.95!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:clamp(12.5px,3.2vw,14.5px)!important;
letter-spacing:-.034em!important;
line-height:1!important;
overflow:visible!important;
text-overflow:clip!important;
}
.p4y-fhf-burger{
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
}
}
@media (max-width:370px){
.p4y-fhf-header-inner{
gap:7px!important;
padding:7px 8px!important;
}
.p4y-fhf-logo{
max-width:clamp(94px,32vw,112px)!important;
}
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
width:clamp(94px,31vw,106px)!important;
max-width:106px!important;
min-height:32px!important;
padding:0 6px!important;
}
.p4y-fhf-phone-label,
.p4y-fhf-phone-desktop .p4y-fhf-phone-label{
display:none!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:12.8px!important;
letter-spacing:-.038em!important;
}
.p4y-fhf-burger{
width:34px!important;
height:34px!important;
flex-basis:34px!important;
}
}
@media (max-width:340px){
.p4y-fhf-header-inner{
gap:6px!important;
}
.p4y-fhf-logo{
max-width:108px!important;
}
.p4y-fhf-phone,
.p4y-fhf-phone-desktop{
width:98px!important;
max-width:98px!important;
}
.p4y-fhf-phone-number,
.p4y-fhf-phone-desktop .p4y-fhf-phone-number{
font-size:12.4px!important;
}
} html.p4y-fhf-quote-lock,
html.p4y-fhf-quote-lock body{
overflow:hidden!important;
}
@media(min-width:981px){
html.p4y-fhf-scroll-compensated{
scrollbar-gutter:stable;
}
}
@supports not (scrollbar-gutter:stable){
html.p4y-fhf-scroll-compensated body{
padding-right:var(--p4y-fhf-scrollbar-gap,0px)!important;
}
html.p4y-fhf-scroll-compensated .p4y-fhf-header-wrap{
right:var(--p4y-fhf-scrollbar-gap,0px)!important;
}
}
.p4y-fhf-quote-frame .p4y-fhf-header-wrap,
.p4y-fhf-quote-frame .p4y-fhf-footer{
display:none!important;
}
.p4y-fhf-quote-frame{
background:#f7f4ee!important;
}
.p4y-fhf-quote-modal{
position:fixed;
inset:0;
z-index:2147482600;
display:grid;
place-items:center;
padding:22px;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .22s ease,visibility .22s ease;
}
.p4y-fhf-quote-modal.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.p4y-fhf-quote-backdrop{
position:absolute;
inset:0;
background:radial-gradient(circle at 50% 0%,rgba(216,180,106,.24),transparent 38%),rgba(5,8,13,.72);
backdrop-filter:blur(18px) saturate(1.12);
-webkit-backdrop-filter:blur(18px) saturate(1.12);
}
.p4y-fhf-quote-dialog{
position:relative;
z-index:1;
width:min(1120px,100%);
max-height:min(88vh,920px);
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
overflow:hidden;
border-radius:28px;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,246,240,.94)),#fff;
border:1px solid rgba(255,255,255,.44);
box-shadow:0 34px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.82);
transform:translateY(16px) scale(.985);
transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.p4y-fhf-quote-modal.is-open .p4y-fhf-quote-dialog{
transform:translateY(0) scale(1);
}
.p4y-fhf-quote-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
padding:22px 24px 18px;
border-bottom:1px solid rgba(15,23,42,.08);
background:radial-gradient(circle at 12% 0%,rgba(216,180,106,.24),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78));
}
.p4y-fhf-quote-kicker{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:rgba(183,138,50,.13);
color:#8c6318;
font-size:11px;
line-height:1;
font-weight:850;
letter-spacing:.02em;
text-transform:uppercase;
}
.p4y-fhf-quote-head h2{
margin:9px 0 0;
color:#101217;
font:850 clamp(25px,3vw,38px)/.96 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
letter-spacing:-.045em;
}
.p4y-fhf-quote-head p{
margin:9px 0 0;
max-width:690px;
color:#626873;
font:500 14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-close{
width:42px;
height:42px;
flex:0 0 42px;
position:relative;
border:1px solid rgba(15,23,42,.1);
border-radius:999px;
background:rgba(255,255,255,.72);
color:#101217;
cursor:pointer;
box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.p4y-fhf-quote-close span{
position:absolute;
left:50%;
top:50%;
width:18px;
height:2px;
border-radius:999px;
background:currentColor;
}
.p4y-fhf-quote-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.p4y-fhf-quote-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.p4y-fhf-quote-frame-wrap{
position:relative;
min-height:420px;
background:#f8f5ef;
}
.p4y-fhf-quote-frame{
display:block;
width:100%;
height:min(68vh,690px);
min-height:420px;
border:0;
background:#f8f5ef;
}
.p4y-fhf-quote-loader{
position:absolute;
inset:0;
z-index:2;
display:grid;
place-items:center;
align-content:center;
gap:14px;
background:linear-gradient(180deg,rgba(248,245,239,.96),rgba(248,245,239,.88));
color:#111827;
transition:opacity .18s ease,visibility .18s ease;
}
.p4y-fhf-quote-loader span{
width:38px;
height:38px;
border-radius:999px;
border:3px solid rgba(183,138,50,.22);
border-top-color:#b78a32;
animation:p4yQuoteSpin .78s linear infinite;
}
.p4y-fhf-quote-loader strong{
font:800 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
color:#36312a;
}
.p4y-fhf-quote-modal.is-loaded .p4y-fhf-quote-loader{
opacity:0;
visibility:hidden;
}
.p4y-fhf-quote-foot{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
padding:13px 20px;
border-top:1px solid rgba(15,23,42,.08);
background:rgba(255,255,255,.82);
color:#6b7280;
font:650 12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-foot a{
color:#111827;
text-decoration:none;
font-weight:850;
}
@keyframes p4yQuoteSpin{to{transform:rotate(360deg)}}
@media (max-width:720px){
.p4y-fhf-quote-modal{
align-items:end;
padding:0;
}
.p4y-fhf-quote-dialog{
width:100%;
max-height:100dvh;
border-radius:24px 24px 0 0;
}
.p4y-fhf-quote-head{
padding:18px 16px 14px;
}
.p4y-fhf-quote-head h2{
font-size:26px;
}
.p4y-fhf-quote-head p{
font-size:13px;
}
.p4y-fhf-quote-close{
width:40px;
height:40px;
flex-basis:40px;
}
.p4y-fhf-quote-frame{
height:calc(100dvh - 170px);
min-height:360px;
}
.p4y-fhf-quote-frame-wrap{
min-height:360px;
}
.p4y-fhf-quote-foot{
display:none;
}
} .p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label:not(.p4y-fhf-contact-file):not(.p4y-fhf-quote-privacy),
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label{
display:block;
min-width:0;
min-height:0;
margin:0;
line-height:1.35;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label > input,
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label > textarea,
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label > input,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label > input,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label > select{
display:block;
width:100%;
margin-top:9px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label small,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label small{
display:inline;
margin-left:4px;
white-space:nowrap;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid{
align-items:start;
grid-auto-rows:minmax(0,auto);
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit{
background:transparent;
border:1px solid rgba(23,23,23,.42);
border-radius:0;
color:#171717;
box-shadow:none;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit:hover{
background:rgba(23,23,23,.06);
color:#171717;
transform:translateY(-1px);
} .p4y-fhf-contact-dialog .p4y-fhf-quote-grid,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
column-gap:32px;
row-gap:28px;
width:100%;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label{
display:grid;
align-content:start;
align-items:start;
gap:9px;
min-width:0;
min-height:78px;
margin:0;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid input,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid input,
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label > textarea,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-fields > label > textarea{
width:100%;
min-width:0;
box-sizing:border-box;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-fields{
min-width:0;
}
@media (min-width:721px){
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-fields{
padding-top:4px;
}
}
@media (max-width:620px){
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid{
grid-template-columns:1fr;
row-gap:20px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid > label{
min-height:0;
}
} .p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-progress{
display:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title > span{
display:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title{
display:block;
margin-bottom:34px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title h3{
margin:0;
font-size:24px;
line-height:1.18;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title p{
margin-top:12px;
line-height:1.55;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{
background:var(--p4y-contact-paper,#f4f1ed);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions .p4y-fhf-quote-primary,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions .p4y-fhf-quote-secondary{
min-height:48px;
border:1px solid rgba(23,23,23,.42);
border-radius:0;
background:transparent;
color:#171717;
box-shadow:none;
font:600 10px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions .p4y-fhf-quote-primary:hover,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions .p4y-fhf-quote-secondary:hover{
background:rgba(23,23,23,.06);
color:#171717;
transform:translateY(-1px);
} .p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label,
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label{
color:var(--p4y-contact-muted);
font-size:10px;
font-weight:600;
letter-spacing:.12em;
line-height:1.35;
text-transform:uppercase;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label small{
color:var(--p4y-contact-muted);
font-size:9px;
font-weight:500;
letter-spacing:.06em;
text-transform:none;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields textarea::placeholder,
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields input::placeholder{
color:rgba(23,23,23,.46);
opacity:1;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy strong{
color:var(--p4y-contact-ink);
font-size:11px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy small,
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-action{
color:var(--p4y-contact-muted);
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-privacy span{
color:var(--p4y-contact-muted);
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-quote-modal,
.p4y-fhf-quote-dialog,
.p4y-fhf-quote-loader{
transition:none!important;
}
.p4y-fhf-quote-loader span{
animation:none!important;
}
} .p4y-fhf-quote-dialog{
max-height:min(90vh,940px);
}
.p4y-fhf-quote-form{
min-height:0;
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
}
.p4y-fhf-quote-progress{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
padding:14px 20px 0;
background:rgba(255,255,255,.74);
}
.p4y-fhf-quote-progress button{
min-width:0;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
border:1px solid rgba(15,23,42,.08);
border-radius:999px;
padding:8px 10px;
background:rgba(255,255,255,.68);
color:#6b7280;
font:800 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
cursor:pointer;
transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.p4y-fhf-quote-progress button span{
color:#a57420;
font-size:11px;
}
.p4y-fhf-quote-progress button.is-active{
background:#111318;
border-color:#111318;
color:#fff;
transform:translateY(-1px);
}
.p4y-fhf-quote-progress button.is-active span{
color:#d7ad61;
}
.p4y-fhf-quote-body{
min-height:0;
overflow:auto;
padding:22px 24px 18px;
background:linear-gradient(180deg,#fff,#f8f5ef);
}
.p4y-fhf-quote-step{
display:none;
opacity:1;
transform:none;
}
.p4y-fhf-quote-step.is-active{
display:block;
animation:p4yQuoteStep .24s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes p4yQuoteStep{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
.p4y-fhf-quote-step-title{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:10px 12px;
align-items:start;
margin:0 0 18px;
}
.p4y-fhf-quote-step-title>span{
grid-row:1 / span 2;
width:38px;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:linear-gradient(180deg,#d7ad61,#b78a32);
color:#fff;
font:900 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
box-shadow:0 12px 22px rgba(183,138,50,.18);
}
.p4y-fhf-quote-step-title h3{
margin:0;
color:#111318;
font:850 22px/1.05 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
letter-spacing:-.035em;
}
.p4y-fhf-quote-step-title p{
margin:3px 0 0;
color:#667085;
font:500 13px/1.42 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:13px;
}
.p4y-fhf-quote-form label{
display:grid;
gap:7px;
color:#2b3038;
font:800 12px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-quote-form select,
.p4y-fhf-quote-form textarea{
width:100%;
min-height:46px;
border:1px solid rgba(15,23,42,.11);
border-radius:14px;
background:rgba(255,255,255,.82);
color:#111318;
padding:11px 13px;
font:650 14px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.p4y-fhf-quote-form textarea{
resize:none;
min-height:116px;
max-height:min(260px,42vh);
overflow-y:auto;
scrollbar-gutter:stable;
}
.p4y-fhf-quote-form textarea[data-p4y-autogrow="1"]{
transition:height .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.p4y-fhf-quote-form input:focus,
.p4y-fhf-quote-form select:focus,
.p4y-fhf-quote-form textarea:focus{
border-color:#c99731;
background:#fff;
box-shadow:0 0 0 4px rgba(201,151,49,.14),inset 0 1px 0 rgba(255,255,255,.92);
}
.p4y-fhf-quote-choice-group{
display:grid;
gap:10px;
margin:17px 0 0;
}
.p4y-fhf-quote-choice-group>strong{
color:#111318;
font:850 13px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-choices{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.p4y-fhf-quote-choices-many{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.p4y-fhf-quote-choices label{
position:relative;
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border:1px solid rgba(15,23,42,.1);
border-radius:16px;
background:rgba(255,255,255,.72);
padding:10px 11px;
cursor:pointer;
transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.p4y-fhf-quote-choices input{
position:absolute;
opacity:0;
inset:auto;
}
.p4y-fhf-quote-choices span{
color:#2b3038;
font:800 12px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-choices label:has(input:checked){
background:linear-gradient(180deg,rgba(255,248,235,.98),rgba(255,255,255,.82));
border-color:#c99731;
box-shadow:0 12px 26px rgba(183,138,50,.13);
transform:translateY(-1px);
}
.p4y-fhf-quote-file{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:16px;
margin:0 0 14px;
padding:18px 20px;
border:1px dashed rgba(23,21,18,.24);
border-radius:10px;
background:#fbfaf7;
cursor:pointer;
outline:0;
transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}
.p4y-fhf-quote-file:hover,
.p4y-fhf-quote-file:focus-within,
.p4y-fhf-quote-file.is-dragover{
border-color:rgba(23,21,18,.62);
background:#fff;
box-shadow:0 14px 34px rgba(23,21,18,.08);
transform:translateY(-1px);
}
.p4y-fhf-quote-file.has-files{
border-style:solid;
border-color:rgba(169,115,36,.46);
background:#fffdf8;
}
.p4y-fhf-quote-file input[type="file"]{
position:absolute;
width:1px;
height:1px;
opacity:0;
overflow:hidden;
pointer-events:none;
}
.p4y-fhf-file-copy{
position:relative;
display:grid;
gap:4px;
min-width:0;
padding-left:44px;
color:#171512;
}
.p4y-fhf-file-copy::before{
content:"↑";
position:absolute;
left:0;
top:50%;
display:grid;
place-items:center;
width:32px;
height:32px;
border:1px solid rgba(23,21,18,.14);
border-radius:50%;
background:#fff;
color:#171512;
font:500 18px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
transform:translateY(-50%);
}
.p4y-fhf-file-copy strong{
display:block;
font:720 14px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-file-copy small{
display:block;
color:#6f6b64;
font:500 11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-file .p4y-fhf-file-action{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-height:42px;
max-width:100%;
margin:0;
padding:10px 15px;
overflow:hidden;
border:1px solid rgba(23,21,18,.16);
border-radius:999px;
background:#fff;
color:#171512;
box-shadow:0 8px 20px rgba(23,21,18,.06);
font:700 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
white-space:normal;
overflow-wrap:anywhere;
text-align:center;
transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.p4y-fhf-quote-file:hover .p4y-fhf-file-action,
.p4y-fhf-quote-file:focus-within .p4y-fhf-file-action,
.p4y-fhf-quote-file.is-dragover .p4y-fhf-file-action{
border-color:#171512;
background:#171512;
color:#fff;
transform:translateY(-1px);
}
.p4y-fhf-file-list{
display:grid;
gap:8px;
max-height:168px;
margin:-7px 0 14px;
overflow:auto;
padding-right:3px;
scrollbar-width:thin;
scrollbar-color:rgba(183,138,50,.58) rgba(15,23,42,.06);
}
.p4y-fhf-file-list.is-empty{
display:none;
}
.p4y-fhf-file-status{
padding:2px 2px 3px;
color:#6b7280;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
font-size:11px;
font-weight:720;
line-height:1.25;
}
.p4y-fhf-file-list::-webkit-scrollbar{
width:7px;
}
.p4y-fhf-file-list::-webkit-scrollbar-thumb{
border-radius:999px;
background:rgba(183,138,50,.58);
}
.p4y-fhf-file-list::-webkit-scrollbar-track{
border-radius:999px;
background:rgba(15,23,42,.06);
}
.p4y-fhf-file-item{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:8px 10px;
border:1px solid rgba(15,23,42,.08);
border-radius:14px;
background:rgba(255,255,255,.84);
box-shadow:0 10px 20px rgba(15,23,42,.04);
}
.p4y-fhf-file-text{
min-width:0;
}
.p4y-fhf-file-name{
display:block;
overflow:hidden;
color:#14171f;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
font-size:12px;
font-weight:820;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.p4y-fhf-file-meta{
display:block;
margin-top:2px;
color:#667085;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
font-size:11px;
font-weight:620;
line-height:1.2;
}
.p4y-fhf-file-remove{
appearance:none;
border:1px solid rgba(15,23,42,.10);
border-radius:999px;
padding:7px 9px;
background:#fff;
color:#151922;
cursor:pointer;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
font-size:11px;
font-weight:850;
line-height:1;
transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.p4y-fhf-file-remove:hover,
.p4y-fhf-file-remove:focus-visible{
border-color:#111318;
background:#111318;
color:#fff;
transform:translateY(-1px);
}
.p4y-fhf-quote-privacy{
grid-template-columns:auto minmax(0,1fr);
align-items:flex-start;
margin-top:14px;
padding:14px;
border-radius:16px;
background:rgba(17,19,24,.04);
color:#4b5563!important;
font-weight:650!important;
line-height:1.38!important;
}
.p4y-fhf-quote-privacy input{
margin-top:2px;
accent-color:#b78a32;
}
.p4y-fhf-quote-actions{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto auto;
align-items:center;
gap:10px;
padding:14px 20px;
border-top:1px solid rgba(15,23,42,.08);
background:rgba(255,255,255,.9);
}
.p4y-fhf-quote-primary,
.p4y-fhf-quote-secondary{
min-height:46px;
border-radius:999px;
border:1px solid rgba(15,23,42,.1);
padding:0 20px;
cursor:pointer;
font:900 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;
}
.p4y-fhf-quote-primary{
border-color:#111318;
background:#111318;
color:#fff;
box-shadow:0 14px 28px rgba(17,19,24,.16);
}
.p4y-fhf-quote-secondary{
background:#fff;
color:#111318;
}
.p4y-fhf-quote-primary:hover,
.p4y-fhf-quote-secondary:hover{
transform:translateY(-1px);
}
.p4y-fhf-quote-primary:disabled,
.p4y-fhf-quote-secondary:disabled{
opacity:.42;
cursor:not-allowed;
transform:none;
box-shadow:none;
}
.p4y-fhf-quote-submit{
display:none;
background:linear-gradient(180deg,#d7ad61,#b78a32);
border-color:#b78a32;
}
.p4y-fhf-quote-form.is-last .p4y-fhf-quote-submit{
display:inline-flex;
align-items:center;
}
.p4y-fhf-quote-form.is-last [data-p4y-quote-next]{
display:none;
}
.p4y-fhf-quote-status{
justify-self:end;
color:#6b7280;
font:750 12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.p4y-fhf-quote-status[data-state="error"]{color:#b42318}
.p4y-fhf-quote-status[data-state="sending"]{color:#8a641f}
.p4y-fhf-quote-status[data-state="success"]{color:#177245}
.p4y-fhf-quote-form.is-sending .p4y-fhf-quote-primary,
.p4y-fhf-quote-form.is-sending .p4y-fhf-quote-secondary{
opacity:.58;
pointer-events:none;
}
.p4y-fhf-quote-form.is-success .p4y-fhf-quote-body{
display:grid;
place-items:center;
min-height:360px;
}
.p4y-fhf-quote-form.is-success .p4y-fhf-quote-progress,
.p4y-fhf-quote-form.is-success .p4y-fhf-quote-actions{
display:none;
}
.p4y-fhf-quote-success{
max-width:520px;
text-align:center;
padding:30px 18px;
}
.p4y-fhf-quote-success strong{
display:block;
color:#111318;
font:900 30px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
letter-spacing:-.04em;
}
.p4y-fhf-quote-success p{
margin:12px 0 0;
color:#667085;
font:550 15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (max-width:900px){
.p4y-fhf-quote-choices,
.p4y-fhf-quote-choices-many{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:720px){
.p4y-fhf-quote-form{
grid-template-rows:auto minmax(0,1fr) auto;
}
.p4y-fhf-quote-progress{
grid-template-columns:repeat(4,1fr);
gap:5px;
padding:10px 12px 0;
}
.p4y-fhf-quote-progress button{
padding:8px 4px;
font-size:0;
gap:0;
}
.p4y-fhf-quote-progress button span{
font-size:11px;
}
.p4y-fhf-quote-body{
padding:16px 14px 12px;
}
.p4y-fhf-quote-step-title h3{
font-size:20px;
}
.p4y-fhf-quote-grid,
.p4y-fhf-quote-choices,
.p4y-fhf-quote-choices-many{
grid-template-columns:1fr;
}
.p4y-fhf-quote-choices label{
min-height:48px;
}
.p4y-fhf-quote-actions{
grid-template-columns:auto minmax(0,1fr) auto;
padding:11px 12px max(11px,env(safe-area-inset-bottom));
}
.p4y-fhf-quote-status{
grid-column:1 / -1;
order:-1;
justify-self:start;
min-height:16px;
}
.p4y-fhf-quote-primary,
.p4y-fhf-quote-secondary{
min-height:44px;
padding:0 16px;
}
} .p4y-fhf-quote-modal{
font-family:var(--p4y-fhf-quote-font, var(--e-global-typography-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif));
}
.p4y-fhf-quote-backdrop{
background:
radial-gradient(circle at 50% 0%,rgba(201,151,49,.18),transparent 34%),
linear-gradient(120deg,rgba(10,12,16,.54),rgba(10,12,16,.42));
backdrop-filter:blur(10px) saturate(1.08);
-webkit-backdrop-filter:blur(10px) saturate(1.08);
}
.p4y-fhf-quote-backdrop::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.09) 44%,transparent 62%);
opacity:0;
transform:translateX(-26%);
}
.p4y-fhf-quote-modal.is-open .p4y-fhf-quote-backdrop::after{
animation:p4yQuoteBackdropSweep 1.05s cubic-bezier(.2,.8,.2,1) .08s both;
}
@keyframes p4yQuoteBackdropSweep{to{opacity:.58;transform:translateX(32%)}}
.p4y-fhf-quote-dialog{
width:min(1000px,calc(100vw - 36px));
border-radius:26px;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,246,241,.96));
box-shadow:0 36px 120px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.82) inset;
}
.p4y-fhf-quote-modal.is-open .p4y-fhf-quote-dialog{
animation:p4yQuoteDialogIn .36s cubic-bezier(.16,1,.3,1) both;
}
@keyframes p4yQuoteDialogIn{
from{opacity:.02;transform:translateY(22px) scale(.975)}
to{opacity:1;transform:translateY(0) scale(1)}
}
.p4y-fhf-quote-head{
padding:24px 26px 19px;
}
.p4y-fhf-quote-kicker{
background:rgba(201,151,49,.12);
color:#8a641f;
font-weight:720;
letter-spacing:.01em;
}
.p4y-fhf-quote-head h2{
font-family:inherit;
font-size:clamp(28px,3vw,40px);
font-weight:780;
line-height:1.05;
letter-spacing:-.025em;
}
.p4y-fhf-quote-head p{
max-width:640px;
color:#596170;
font-family:inherit;
font-size:15px;
font-weight:450;
line-height:1.55;
}
.p4y-fhf-quote-progress button{
font-family:inherit;
font-weight:700;
letter-spacing:0;
}
.p4y-fhf-quote-step-title h3{
font-family:inherit;
font-weight:760;
line-height:1.12;
letter-spacing:-.02em;
}
.p4y-fhf-quote-step-title p{
color:#667085;
font-family:inherit;
font-size:14px;
font-weight:430;
line-height:1.55;
}
.p4y-fhf-quote-form label{
color:#252a32;
font-family:inherit;
font-size:13px;
font-weight:680;
line-height:1.3;
}
.p4y-fhf-quote-form label small{
color:#8a919e;
font-size:12px;
font-weight:520;
}
.p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-quote-form select,
.p4y-fhf-quote-form textarea{
min-height:50px;
border-radius:15px;
color:#151922;
font-family:inherit;
font-size:15.5px;
font-weight:480;
line-height:1.35;
}
.p4y-fhf-quote-choice-group>strong{
font-family:inherit;
font-size:14px;
font-weight:720;
}
.p4y-fhf-quote-choices label{
justify-content:flex-start;
text-align:left;
min-height:56px;
padding:12px 14px;
}
.p4y-fhf-quote-choices label::after{
content:"";
width:10px;
height:10px;
margin-left:auto;
flex:0 0 10px;
border-radius:999px;
background:transparent;
border:1px solid rgba(23,23,23,.4);
box-shadow:none;
}
.p4y-fhf-quote-choices label:has(input:checked)::after{
background:#171717;
border-color:#171717;
box-shadow:none;
}
.p4y-fhf-quote-choices span{
color:#252a32;
font-family:inherit;
font-size:13.5px;
font-weight:650;
line-height:1.28;
}
.p4y-fhf-quote-primary,
.p4y-fhf-quote-secondary{
font-family:inherit;
font-weight:760;
letter-spacing:0;
}
.p4y-fhf-quote-success{
display:none;
}
.p4y-fhf-quote-form.is-success .p4y-fhf-quote-step{
display:none!important;
}
.p4y-fhf-quote-form.is-success .p4y-fhf-quote-success{
display:block;
}
.p4y-fhf-quote-success strong{
font-family:inherit;
font-weight:760;
line-height:1.06;
letter-spacing:-.02em;
}
.p4y-fhf-quote-success p{
font-family:inherit;
font-weight:430;
}
@media (max-width:720px){
.p4y-fhf-quote-dialog{
width:100%;
border-radius:23px 23px 0 0;
}
.p4y-fhf-quote-head{
padding:19px 17px 14px;
}
.p4y-fhf-quote-head h2{
font-size:27px;
line-height:1.05;
}
.p4y-fhf-quote-head p{
font-size:14px;
line-height:1.45;
}
.p4y-fhf-quote-step-title{
gap:8px 10px;
}
.p4y-fhf-quote-step-title h3{
font-size:21px;
}
.p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-quote-form select,
.p4y-fhf-quote-form textarea{
font-size:16px;
}
.p4y-fhf-quote-choices label{
min-height:52px;
}
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-quote-modal.is-open .p4y-fhf-quote-dialog,
.p4y-fhf-quote-modal.is-open .p4y-fhf-quote-backdrop::after{
animation:none!important;
}
} .p4y-fhf-quote-form{
--p4y-quote-progress:0;
}
.p4y-fhf-quote-progress{
position:relative;
isolation:isolate;
padding-bottom:8px;
}
.p4y-fhf-quote-progress::before,
.p4y-fhf-quote-progress::after{
content:"";
position:absolute;
left:32px;
top:31px;
height:2px;
border-radius:999px;
pointer-events:none;
}
.p4y-fhf-quote-progress::before{
right:32px;
background:rgba(17,19,24,.08);
z-index:-2;
}
.p4y-fhf-quote-progress::after{
right:32px;
transform:scaleX(var(--p4y-quote-progress));
transform-origin:left center;
background:linear-gradient(90deg,#b78a32,#d7ad61);
box-shadow:0 8px 18px rgba(183,138,50,.18);
z-index:-1;
transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.p4y-fhf-quote-progress button{
min-height:38px;
background:rgba(255,255,255,.92);
box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.p4y-fhf-quote-progress button.is-done{
border-color:rgba(201,151,49,.34);
color:#6a4c16;
background:linear-gradient(180deg,rgba(255,249,237,.98),rgba(255,255,255,.9));
}
.p4y-fhf-quote-progress button.is-done span::after{
content:"";
display:inline-block;
width:5px;
height:8px;
margin-left:5px;
border:solid currentColor;
border-width:0 2px 2px 0;
transform:rotate(45deg) translateY(-1px);
}
.p4y-fhf-quote-body{
scrollbar-gutter:stable;
scrollbar-width:thin;
scrollbar-color:rgba(183,138,50,.58) rgba(15,23,42,.05);
}
.p4y-fhf-quote-body::-webkit-scrollbar{
width:10px;
}
.p4y-fhf-quote-body::-webkit-scrollbar-track{
background:rgba(15,23,42,.05);
border-radius:999px;
}
.p4y-fhf-quote-body::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,rgba(215,173,97,.9),rgba(183,138,50,.72));
border:2px solid rgba(248,246,241,.96);
border-radius:999px;
}
.p4y-fhf-quote-step-title{
max-width:760px;
}
.p4y-fhf-quote-step-title h3{
color:#14171f;
}
.p4y-fhf-quote-step-title p{
max-width:680px;
}
.p4y-fhf-quote-file{
background:#fbfaf7;
}
.p4y-fhf-quote-actions{
box-shadow:0 -18px 34px rgba(15,23,42,.045);
}
@media (max-width:720px){
.p4y-fhf-quote-progress{
padding:10px 12px 8px;
}
.p4y-fhf-quote-progress::before,
.p4y-fhf-quote-progress::after{
left:24px;
top:28px;
}
.p4y-fhf-quote-progress::before{
right:24px;
}
.p4y-fhf-quote-progress::after{
right:24px;
}
.p4y-fhf-quote-body{
scrollbar-gutter:auto;
}
.p4y-fhf-quote-actions{
gap:9px;
}
.p4y-fhf-quote-primary,
.p4y-fhf-quote-secondary{
min-width:92px;
}
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-quote-progress::after,
.p4y-fhf-quote-form .is-invalid{
transition:none!important;
animation:none!important;
}
} .p4y-fhf-quote-modal.is-closing{
opacity:0;
pointer-events:none;
}
.p4y-fhf-quote-modal.is-closing .p4y-fhf-quote-dialog{
transform:translateY(12px) scale(.985);
}
.p4y-fhf-contact-dialog{
width:min(1040px,calc(100vw - 36px));
}
.p4y-fhf-contact-form{
grid-template-rows:minmax(0,1fr) auto;
}
.p4y-fhf-contact-layout{
display:grid;
grid-template-columns:minmax(250px,.68fr) minmax(0,1fr);
gap:28px;
align-items:start;
}
.p4y-fhf-contact-info{
display:grid;
gap:10px;
}
.p4y-fhf-contact-card{
display:grid;
gap:5px;
min-height:68px;
padding:14px 0;
border:0;
border-bottom:1px solid rgba(23,21,18,.12);
border-radius:0;
background:transparent;
box-shadow:none;
}
.p4y-fhf-contact-card span{
color:#a97324;
font-family:inherit;
font-size:11px;
font-weight:720;
line-height:1.2;
text-transform:uppercase;
}
.p4y-fhf-contact-card a,
.p4y-fhf-contact-card strong{
color:#171512;
text-decoration:none;
font-family:inherit;
font-size:15px;
font-weight:760;
line-height:1.25;
}
.p4y-fhf-contact-card small{
color:#6f6b64;
font-family:inherit;
font-size:12px;
font-weight:520;
line-height:1.35;
}
.p4y-fhf-contact-card .p4y-fhf-contact-whatsapp,
.p4y-fhf-contact-card .p4y-fhf-contact-map{
color:#6f6b64;
font-size:12px;
font-weight:600;
text-decoration:underline;
text-underline-offset:3px;
}
.p4y-fhf-contact-card .p4y-fhf-contact-whatsapp:hover,
.p4y-fhf-contact-card .p4y-fhf-contact-map:hover{ color:#171512; }
.p4y-fhf-contact-dialog,
.p4y-fhf-contact-dialog *{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
.p4y-fhf-contact-fields{
display:grid;
gap:16px;
min-width:0;
}
.p4y-fhf-contact-title{
display:block;
}
.p4y-fhf-contact-title h3{
margin:0;
}
.p4y-fhf-contact-title p{
margin-top:6px;
}
.p4y-fhf-contact-fields .p4y-fhf-quote-grid{
gap:12px;
}
.p4y-fhf-contact-fields textarea{
min-height:104px;
}
.p4y-fhf-quote-file.p4y-fhf-contact-file{
margin-bottom:8px;
}
.p4y-fhf-contact-fields .p4y-fhf-file-list{
max-height:112px;
margin:-4px 0 0;
}
.p4y-fhf-contact-form .p4y-fhf-quote-privacy{
margin-top:10px;
padding:12px 14px;
}
.p4y-fhf-contact-actions{
grid-template-columns:minmax(0,1fr) auto;
}
.p4y-fhf-contact-submit{
min-width:172px;
justify-content:center;
}
.p4y-fhf-contact-form.is-success .p4y-fhf-contact-layout{
display:none;
}
.p4y-fhf-contact-form.is-success .p4y-fhf-contact-actions{
display:none;
}
.p4y-fhf-contact-form.is-success .p4y-fhf-contact-body{
display:grid;
place-items:center;
min-height:360px;
}
.p4y-fhf-contact-form.is-success .p4y-fhf-quote-success{
display:block;
}
@media (max-width:820px){
.p4y-fhf-contact-layout{
grid-template-columns:1fr;
}
.p4y-fhf-contact-fields{
order:1;
}
.p4y-fhf-contact-info{
order:2;
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:720px){
.p4y-fhf-contact-dialog{
width:100%;
max-width:100%;
border-radius:23px 23px 0 0;
}
}
@media (max-width:560px){
.p4y-fhf-contact-info{
grid-template-columns:1fr;
}
.p4y-fhf-quote-file,
.p4y-fhf-quote-file.p4y-fhf-contact-file{
grid-template-columns:1fr;
gap:14px;
padding:16px;
}
.p4y-fhf-quote-file .p4y-fhf-file-action{
width:100%;
}
.p4y-fhf-contact-actions{
grid-template-columns:1fr;
}
.p4y-fhf-contact-submit{
width:100%;
}
} @media (min-width:721px){
.p4y-fhf-contact-dialog{ width:min(1180px,calc(100vw - 120px)); }
.p4y-fhf-contact-dialog .p4y-fhf-quote-head{ padding:64px 80px 44px; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-body{ padding:58px 80px 48px; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-layout{ gap:92px; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields{ gap:24px; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-actions{ padding:24px 80px 38px; }
} .p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-dialog{
--p4y-contact-ink:#171717;
--p4y-contact-muted:#6d6a65;
--p4y-contact-paper:#f4f1ed;
width:min(1180px,calc(100vw - 120px));
color:var(--p4y-contact-ink);
background:var(--p4y-contact-paper);
border-radius:4px;
box-shadow:0 32px 100px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.72) inset;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-backdrop{
background:rgba(23,23,23,.38);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-head{
padding:64px 80px 44px;
border-bottom:1px solid rgba(23,23,23,.16);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-head h2,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title h3{
color:var(--p4y-contact-ink);
font-weight:500;
letter-spacing:-.025em;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-head p,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title p{
color:var(--p4y-contact-muted);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-body{
padding:58px 80px 48px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form label{
color:var(--p4y-contact-muted);
font-size:10px;
font-weight:600;
letter-spacing:.12em;
line-height:1.35;
text-transform:uppercase;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form select,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form textarea{
border:0;
border-bottom:1px solid rgba(23,23,23,.28);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--p4y-contact-ink);
font-family:inherit;
font-size:15px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form input:focus,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form select:focus,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form textarea:focus{
border-color:var(--p4y-contact-ink);
box-shadow:0 1px 0 var(--p4y-contact-ink);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-primary,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-submit{
min-height:52px;
border-radius:0;
background:var(--p4y-contact-ink);
color:#fff;
box-shadow:none;
letter-spacing:.08em;
text-transform:uppercase;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-secondary{
color:var(--p4y-contact-ink);
background:transparent;
border-color:rgba(23,23,23,.24);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{
padding:24px 80px 38px;
border-top:1px solid rgba(23,23,23,.16);
box-shadow:none;
}
@media (max-width:720px){
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-dialog{
width:100%;
border-radius:4px 4px 0 0;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-head{ padding:28px 22px 22px; }
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-body{ padding:28px 22px 22px; }
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{ padding:16px 22px max(20px,env(safe-area-inset-bottom)); }
} @media (min-width:721px){
.p4y-fhf-contact-dialog{
width:min(1180px,calc(100vw - 120px));
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-head{
padding:64px 80px 44px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-body{
padding:58px 80px 48px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-layout{
gap:92px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields{
gap:24px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-title h3{
font-size:24px;
line-height:1.15;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-title p{
max-width:480px;
margin-top:12px;
line-height:1.55;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-actions{
padding:24px 80px 38px;
}
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid{
column-gap:28px;
row-gap:22px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-grid > label,
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields > label{
gap:9px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields textarea{
min-height:46px;
padding:12px 0 10px;
font-size:15px;
line-height:1.45;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields textarea{
min-height:124px;
resize:vertical;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit{
min-width:210px;
letter-spacing:.08em;
text-transform:uppercase;
}
@media (max-width:720px){
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields{
gap:20px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit{
width:100%;
}
} .p4y-fhf-logo{
position:relative!important;
isolation:isolate;
}
.p4y-fhf-logo::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
border-radius:14px;
background:linear-gradient(105deg,transparent 0%,transparent 34%,rgba(255,255,255,.42) 48%,transparent 62%,transparent 100%);
opacity:0;
transform:translate3d(-125%,0,0) skewX(-10deg);
}
.p4y-fhf-logo img,
.p4y-fhf-logo-text{
position:relative;
z-index:1;
transform:translate3d(0,0,0);
transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .34s ease,opacity .24s ease!important;
will-change:transform;
}
.p4y-fhf-logo:hover img,
.p4y-fhf-logo:focus-visible img,
.p4y-fhf-logo:hover .p4y-fhf-logo-text,
.p4y-fhf-logo:focus-visible .p4y-fhf-logo-text{
transform:translate3d(0,-1px,0) scale(1.014);
filter:drop-shadow(0 8px 14px rgba(255,255,255,.12)) drop-shadow(0 10px 22px rgba(183,138,50,.12));
}
.p4y-fhf-logo:hover::after,
.p4y-fhf-logo:focus-visible::after,
.p4y-fhf-header-wrap.is-ready:not(.is-scrolled) .p4y-fhf-logo::after{
animation:p4y-fhf-logo-sweep 1.05s cubic-bezier(.2,.8,.2,1) both;
}
.p4y-fhf-header-wrap.is-scrolled .p4y-fhf-logo img{
opacity:.985;
}
@keyframes p4y-fhf-logo-sweep{
0%{opacity:0;transform:translate3d(-125%,0,0) skewX(-10deg);}
22%{opacity:.34;}
100%{opacity:0;transform:translate3d(125%,0,0) skewX(-10deg);}
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-logo::after{
animation:none!important;
opacity:0!important;
}
.p4y-fhf-logo img,
.p4y-fhf-logo-text{
transition:none!important;
transform:none!important;
filter:none!important;
}
} .p4y-fhf-logo::after{
will-change:transform,opacity;
}
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::after{
animation:p4y-fhf-logo-signature 9.6s cubic-bezier(.2,.8,.2,1) 1.15s infinite!important;
}
.p4y-fhf-logo:hover::after,
.p4y-fhf-logo:focus-visible::after{
animation:p4y-fhf-logo-sweep 1.05s cubic-bezier(.2,.8,.2,1) both!important;
}
.p4y-fhf-logo img,
.p4y-fhf-logo-text{
backface-visibility:hidden;
}
.p4y-fhf-quote-modal{
contain:layout paint;
}
@keyframes p4y-fhf-logo-signature{
0%,74%{opacity:0;transform:translate3d(-125%,0,0) skewX(-10deg);}
79%{opacity:.18;}
83%{opacity:.36;}
91%,100%{opacity:0;transform:translate3d(125%,0,0) skewX(-10deg);}
}
@media (max-width:560px){
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::after{
animation-duration:11.5s!important;
}
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::after,
.p4y-fhf-logo:hover::after,
.p4y-fhf-logo:focus-visible::after{
animation:none!important;
}
} .p4y-fhf-logo{
overflow:hidden!important;
border-radius:16px!important;
}
.p4y-fhf-logo::before{
content:"";
position:absolute;
left:8%;
right:8%;
bottom:1px;
z-index:0;
height:2px;
border-radius:999px;
pointer-events:none;
background:linear-gradient(90deg,transparent 0%,rgba(216,180,106,.18) 15%,rgba(255,255,255,.80) 50%,rgba(183,138,50,.26) 85%,transparent 100%);
opacity:0;
transform:scaleX(.32);
transform-origin:center;
will-change:opacity,transform;
}
.p4y-fhf-logo::after{
inset:-12% -18%;
border-radius:18px;
background:
linear-gradient(106deg,transparent 0%,transparent 29%,rgba(216,180,106,.08) 38%,rgba(255,255,255,.92) 48%,rgba(216,180,106,.28) 56%,transparent 68%,transparent 100%);
mix-blend-mode:screen;
transform:translate3d(-135%,0,0) skewX(-13deg);
}
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::after{
animation:p4y-fhf-logo-signature-visible 6.8s cubic-bezier(.16,1,.3,1) 1.1s infinite!important;
}
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::before{
animation:p4y-fhf-logo-underlight 6.8s cubic-bezier(.16,1,.3,1) 1.1s infinite!important;
}
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo img,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo-text{
animation:p4y-fhf-logo-breathe 6.8s cubic-bezier(.16,1,.3,1) 1.1s infinite!important;
}
.p4y-fhf-logo:hover::after,
.p4y-fhf-logo:focus-visible::after{
animation:p4y-fhf-logo-sweep-visible .92s cubic-bezier(.16,1,.3,1) both!important;
}
.p4y-fhf-logo:hover::before,
.p4y-fhf-logo:focus-visible::before{
opacity:.95;
transform:scaleX(1);
transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1);
}
@keyframes p4y-fhf-logo-signature-visible{
0%,58%{opacity:0;transform:translate3d(-135%,0,0) skewX(-13deg);}
64%{opacity:.85;}
70%{opacity:.42;}
78%,100%{opacity:0;transform:translate3d(135%,0,0) skewX(-13deg);}
}
@keyframes p4y-fhf-logo-sweep-visible{
0%{opacity:0;transform:translate3d(-135%,0,0) skewX(-13deg);}
34%{opacity:.95;}
100%{opacity:0;transform:translate3d(135%,0,0) skewX(-13deg);}
}
@keyframes p4y-fhf-logo-underlight{
0%,58%,100%{opacity:0;transform:scaleX(.32);}
66%{opacity:.90;transform:scaleX(1);}
76%{opacity:.30;transform:scaleX(.72);}
}
@keyframes p4y-fhf-logo-breathe{
0%,58%,100%{transform:translate3d(0,0,0) scale(1);}
67%{transform:translate3d(0,-1px,0) scale(1.018);}
77%{transform:translate3d(0,0,0) scale(1);}
}
@media (max-width:560px){
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::after,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo::before,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo img,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo-text{
animation-duration:8.4s!important;
}
}
@media (prefers-reduced-motion:reduce){
.p4y-fhf-logo::before,
.p4y-fhf-logo::after,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo img,
.p4y-fhf-header-wrap.is-ready .p4y-fhf-logo-text{
animation:none!important;
transition:none!important;
transform:none!important;
}
.p4y-fhf-logo::before,
.p4y-fhf-logo::after{
opacity:0!important;
}
} .p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-logo::before,
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-logo::after,
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-logo img,
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-logo-text{
animation-play-state:paused!important;
}
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-menu::before,
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-header-inner,
.p4y-fhf-header-wrap.is-fast-scroll .p4y-fhf-header-shell{
transition-duration:.16s!important;
} .p4y-fhf-quote-modal .p4y-fhf-honeypot{display:none!important} .p4y-fhf-contact-dialog{
--p4y-contact-ink:#171717;
--p4y-contact-muted:#6d6a65;
--p4y-contact-paper:#f4f1ed;
width:min(1080px,calc(100vw - 48px));
border-radius:4px;
color:var(--p4y-contact-ink);
background:var(--p4y-contact-paper);
box-shadow:0 32px 100px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.72) inset;
}
.p4y-fhf-contact-modal .p4y-fhf-quote-backdrop{
background:rgba(23,23,23,.38);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-head{
padding:38px 44px 28px;
border-bottom:1px solid rgba(23,23,23,.16);
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-kicker,
.p4y-fhf-contact-dialog .p4y-fhf-contact-card span{
color:var(--p4y-contact-muted);
background:transparent;
font-size:10px;
font-weight:600;
letter-spacing:.12em;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-head h2,
.p4y-fhf-contact-dialog .p4y-fhf-contact-title h3{
color:var(--p4y-contact-ink);
font-weight:500;
letter-spacing:-.025em;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-head p,
.p4y-fhf-contact-dialog .p4y-fhf-contact-title p,
.p4y-fhf-contact-dialog .p4y-fhf-contact-card small{ color:var(--p4y-contact-muted); }
.p4y-fhf-contact-dialog .p4y-fhf-quote-body{ padding:34px 44px 28px; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-layout{ gap:56px; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-info{ gap:0; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-card{
min-height:0;
padding:17px 0 20px;
border-bottom:1px solid rgba(23,23,23,.16);
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-card a,
.p4y-fhf-contact-dialog .p4y-fhf-contact-card strong{
color:var(--p4y-contact-ink);
font-weight:500;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-card .p4y-fhf-contact-whatsapp,
.p4y-fhf-contact-dialog .p4y-fhf-contact-card .p4y-fhf-contact-map{
color:var(--p4y-contact-ink);
font-weight:500;
text-decoration:underline;
text-underline-offset:4px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-card a:hover{ color:#55514a; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-form label{ color:var(--p4y-contact-ink); font-weight:500; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-contact-dialog .p4y-fhf-quote-form textarea{
border:0;
border-bottom:1px solid rgba(23,23,23,.28);
border-radius:0;
background:transparent;
box-shadow:none;
color:var(--p4y-contact-ink);
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-form input:focus,
.p4y-fhf-contact-dialog .p4y-fhf-quote-form textarea:focus{
border-color:var(--p4y-contact-ink);
box-shadow:0 1px 0 var(--p4y-contact-ink);
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-file.p4y-fhf-contact-file,
.p4y-fhf-contact-dialog .p4y-fhf-quote-privacy{ border-color:rgba(23,23,23,.18); background:transparent; }
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit,
.p4y-fhf-contact-dialog .p4y-fhf-quote-primary{
min-height:52px;
border-radius:0;
background:var(--p4y-contact-ink);
color:#fff;
box-shadow:none;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-actions{ padding:20px 44px 28px; border-top:1px solid rgba(23,23,23,.16); }
@media (max-width:720px){
.p4y-fhf-contact-dialog{ width:100%; border-radius:4px 4px 0 0; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-head{ padding:28px 22px 22px; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-body{ padding:24px 22px 20px; }
.p4y-fhf-contact-dialog .p4y-fhf-quote-actions{ padding:16px 22px max(20px,env(safe-area-inset-bottom)); }
} @media (min-width:721px){
.p4y-fhf-contact-dialog{
width:min(1120px,calc(100vw - 80px));
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-head{
padding:52px 64px 36px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-body{
padding:46px 64px 38px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-layout{
gap:72px;
}
.p4y-fhf-contact-dialog .p4y-fhf-quote-actions{
padding:22px 64px 32px;
}
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:18px;
min-width:0;
min-height:72px;
padding:16px 18px;
overflow:hidden;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy{
display:grid;
min-width:0;
gap:5px;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy strong,
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy small{
display:block;
min-width:0;
overflow-wrap:anywhere;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-copy strong{
line-height:1.35;
white-space:normal;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-action{
max-width:190px;
min-height:40px;
padding:11px 14px;
line-height:1.25;
text-align:center;
white-space:normal;
}
@media (max-width:560px){
.p4y-fhf-contact-dialog .p4y-fhf-contact-file{
grid-template-columns:1fr;
gap:12px;
min-height:0;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-file .p4y-fhf-file-action{
max-width:none;
width:100%;
}
} .p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-dialog,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-body,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{
background:#f4f1ed;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-body{
padding:64px 88px 56px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-step-title{
margin-bottom:42px;
padding-bottom:22px;
border-bottom:1px solid rgba(23,23,23,.18);
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-grid{
gap:30px 36px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form select,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form textarea{
min-height:48px;
padding:13px 0 11px;
border:0;
border-bottom:1px solid rgba(23,23,23,.28);
border-radius:0;
background:transparent;
box-shadow:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form input:focus,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form select:focus,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-form textarea:focus{
border-color:#171717;
background:transparent;
box-shadow:0 1px 0 #171717;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choice-group{
gap:0;
margin:30px 0 0;
padding:0;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choice-group>strong,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choice-group>legend{
display:block;
padding-bottom:12px;
color:#6d6a65;
font:600 10px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices-many{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 28px;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices label{
min-height:54px;
justify-content:flex-start;
padding:14px 0;
border:0;
border-bottom:1px solid rgba(23,23,23,.18);
border-radius:0;
background:transparent;
box-shadow:none;
transform:none;
text-align:left;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices label:has(input:checked){
border-bottom-color:#171717;
background:transparent;
box-shadow:none;
transform:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices label:has(input:checked)::before{
content:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices span{
color:#171717;
font:500 14px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-file{
margin:16px 0 24px;
padding:20px 0;
border:0;
border-bottom:1px solid rgba(23,23,23,.24);
border-radius:0;
background:transparent;
box-shadow:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-file:hover,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-file:focus-within,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-file.is-dragover,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-file.has-files{
border-color:#171717;
background:transparent;
box-shadow:none;
transform:none;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-privacy{
margin-top:26px;
padding:16px 0;
border-top:1px solid rgba(23,23,23,.16);
border-bottom:1px solid rgba(23,23,23,.16);
background:transparent;
}
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{
padding:26px 88px 42px;
border-top:1px solid rgba(23,23,23,.16);
box-shadow:none;
}
@media (max-width:720px){
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-body{ padding:34px 22px 30px; }
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-actions{ padding:18px 22px max(24px,env(safe-area-inset-bottom)); }
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices,
.p4y-fhf-quote-modal:not(.p4y-fhf-contact-modal) .p4y-fhf-quote-choices-many{ grid-template-columns:1fr; }
} .p4y-fhf-contact-dialog .p4y-fhf-contact-fields .p4y-fhf-quote-grid > label{
display:block!important;
min-height:0!important;
margin:0!important;
padding:0!important;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-fields .p4y-fhf-quote-grid > label > input{
display:block!important;
width:100%!important;
margin-top:9px!important;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit{
background:transparent!important;
border:1px solid rgba(23,23,23,.42)!important;
border-radius:0!important;
color:#171717!important;
box-shadow:none!important;
}
.p4y-fhf-contact-dialog .p4y-fhf-contact-submit:hover{
background:rgba(23,23,23,.06)!important;
color:#171717!important;
} .p4y-fhf-header-wrap .p4y-fhf-phone-desktop{
padding:8px 14px!important;
border:1px solid currentColor!important;
border-radius:999px!important;
background:transparent!important;
box-shadow:none!important;
}
.p4y-fhf-header-wrap .p4y-fhf-cta-desktop,
.p4y-fhf-header-wrap .p4y-fhf-mobile-cta{
border:1px solid currentColor!important;
border-radius:999px!important;
background:transparent!important;
box-shadow:none!important;
color:currentColor!important;
}
.p4y-fhf-header-wrap .p4y-fhf-phone-desktop:hover,
.p4y-fhf-header-wrap .p4y-fhf-cta-desktop:hover,
.p4y-fhf-header-wrap .p4y-fhf-mobile-cta:hover{
background:rgba(23,23,23,.06)!important;
color:currentColor!important;
} .p4y-fhf-quote-modal{
--p4y-form-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
--p4y-form-paper:#f4f1ed;
--p4y-form-ink:#171717;
--p4y-form-muted:#6d6a65;
--p4y-form-side:64px;
--p4y-form-content:792px;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog{
display:block!important;
width:min(1200px,calc(100vw - 80px))!important;
height:auto!important;
max-height:calc(100dvh - 64px)!important;
min-height:0!important;
overflow:auto!important;
overscroll-behavior:contain;
scrollbar-gutter:stable;
scrollbar-color:#9b9791 var(--p4y-form-paper);
scrollbar-width:thin;
border-radius:4px!important;
background:var(--p4y-form-paper)!important;
color:var(--p4y-form-ink);
font-family:var(--p4y-form-font)!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog *{
box-sizing:border-box;
font-family:var(--p4y-form-font)!important;
letter-spacing:0!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-head{
position:relative!important;
top:auto!important;
padding:40px 56px 32px 0!important;
width:calc(100% - 2 * var(--p4y-form-side));
max-width:var(--p4y-form-content);
margin-inline:auto;
background:transparent!important;
border-bottom:1px solid rgba(23,23,23,.14)!important;
gap:24px;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-head>div{min-width:0}
.p4y-fhf-quote-modal .p4y-fhf-quote-kicker{
display:block!important;
padding:0!important;
min-height:0!important;
border-radius:0!important;
background:transparent!important;
color:var(--p4y-form-muted)!important;
font-size:11px!important;
line-height:1.5!important;
font-weight:500!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-head h2{
margin:14px 0 0!important;
font-size:40px!important;
font-weight:400!important;
line-height:1.15!important;
color:var(--p4y-form-ink)!important;
overflow-wrap:anywhere;
font-family:Georgia,"Times New Roman",serif!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-head p{
max-width:660px!important;
margin:16px 0 0!important;
color:var(--p4y-form-muted)!important;
font-size:15px!important;
font-weight:400!important;
line-height:1.6!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-close{
position:absolute!important;top:40px!important;right:0!important;
width:44px!important;height:44px!important;flex:0 0 44px!important;
min-width:44px!important;padding:0!important;
color:var(--p4y-form-ink)!important;background:transparent!important;
border:1px solid rgba(23,23,23,.2)!important;box-shadow:none!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-form{
display:block!important;overflow:visible!important;min-height:0!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-body{
padding:36px var(--p4y-form-side)!important;
overflow:visible!important;min-height:0!important;
background:transparent!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-grid{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px 32px!important;align-items:start!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-grid>label,
.p4y-fhf-quote-modal .p4y-fhf-contact-fields>label:not(.p4y-fhf-quote-file):not(.p4y-fhf-quote-privacy),
.p4y-fhf-quote-modal .p4y-fhf-quote-step>label:not(.p4y-fhf-quote-file):not(.p4y-fhf-quote-privacy){
display:block!important;min-width:0!important;
color:var(--p4y-form-ink)!important;font-size:11px!important;
font-weight:600!important;line-height:2!important;text-transform:uppercase!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.p4y-fhf-quote-modal .p4y-fhf-quote-form select,
.p4y-fhf-quote-modal .p4y-fhf-quote-form textarea{
display:block!important;width:100%!important;max-width:100%!important;
min-height:52px!important;margin:6px 0 0!important;padding:12px 0!important;
border:0!important;border-bottom:1px solid rgba(23,23,23,.28)!important;
border-radius:0!important;box-shadow:none!important;background:transparent!important;
color:var(--p4y-form-ink)!important;font-size:16px!important;
font-weight:400!important;line-height:1.5!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-form textarea{min-height:112px!important;resize:vertical}
.p4y-fhf-quote-modal .p4y-fhf-quote-form input:focus,
.p4y-fhf-quote-modal .p4y-fhf-quote-form select:focus,
.p4y-fhf-quote-modal .p4y-fhf-quote-form textarea:focus{
outline:none!important;
border-bottom-color:var(--p4y-form-ink)!important;
box-shadow:none!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-form input:autofill{
box-shadow:inset 0 0 0 100px var(--p4y-form-paper)!important;
color:var(--p4y-form-ink)!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-form input:-webkit-autofill{
-webkit-box-shadow:inset 0 0 0 100px var(--p4y-form-paper)!important;
-webkit-text-fill-color:var(--p4y-form-ink)!important;
caret-color:var(--p4y-form-ink);
}
.p4y-fhf-quote-modal .p4y-fhf-quote-step-title h3{
margin:0!important;font-size:24px!important;font-weight:400!important;line-height:1.3!important;
font-family:Georgia,"Times New Roman",serif!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-step-title{margin:0 0 28px!important;padding:0!important;border:0!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-step{max-width:792px;margin-inline:auto}
.p4y-fhf-quote-modal .p4y-fhf-quote-step .p4y-fhf-quote-choice-group{margin:24px 0!important;min-width:0;padding:0;border:0}
.p4y-fhf-quote-modal .p4y-fhf-quote-choice-group>legend{float:none;width:100%;margin:0}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog::-webkit-scrollbar{width:8px;height:8px}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog::-webkit-scrollbar-track,
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog::-webkit-scrollbar-corner{background:var(--p4y-form-paper)}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog::-webkit-scrollbar-thumb{background:#9b9791;border:2px solid var(--p4y-form-paper);border-radius:8px}
.p4y-fhf-quote-modal .p4y-fhf-quote-step-title p{font-size:14px!important;line-height:1.6!important;font-weight:400!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-layout{
grid-template-columns:minmax(0,1fr)!important;
gap:48px!important;align-items:start;
max-width:792px;margin-inline:auto;
}
.p4y-fhf-quote-modal .p4y-fhf-contact-fields{gap:24px!important;min-width:0;order:2!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-info{min-width:0;gap:32px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;order:1!important;align-items:start}
.p4y-fhf-quote-modal .p4y-fhf-contact-card{padding:0!important;gap:8px!important;align-content:start;min-height:0;overflow-wrap:anywhere;border:0!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-card span{font-family:Georgia,"Times New Roman",serif!important;font-size:24px!important;font-weight:400!important;line-height:1.35!important;color:var(--p4y-form-ink)!important;text-transform:none!important;margin-bottom:8px}
.p4y-fhf-quote-modal .p4y-fhf-contact-card strong,
.p4y-fhf-quote-modal .p4y-fhf-contact-card a{font-size:15px!important;font-weight:400!important;line-height:1.5!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-card small{font-size:13px!important;line-height:1.6!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-file{
display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;gap:16px!important;
padding:18px!important;min-height:0!important;margin:8px 0!important;
border:1px solid rgba(23,23,23,.2)!important;border-radius:4px!important;
background:transparent!important;box-shadow:none!important;
text-transform:none!important;font-size:14px!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-file::before{display:none!important}
.p4y-fhf-quote-modal .p4y-fhf-file-copy{min-width:0!important;padding-left:0!important}
.p4y-fhf-quote-modal .p4y-fhf-file-copy::before{display:none!important}
.p4y-fhf-quote-modal .p4y-fhf-file-copy strong{font-size:14px!important;font-weight:500!important;line-height:1.5!important;text-transform:none!important}
.p4y-fhf-quote-modal .p4y-fhf-file-copy small{display:block;font-size:12px!important;font-weight:400!important;line-height:1.6!important;margin-top:6px;text-transform:none!important}
.p4y-fhf-quote-modal .p4y-fhf-file-action{
min-height:44px!important;padding:12px 16px!important;
border:1px solid rgba(23,23,23,.3)!important;border-radius:999px!important;
color:var(--p4y-form-ink)!important;background:transparent!important;
font-size:12px!important;line-height:1.5!important;white-space:normal!important;text-align:center;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-privacy{
display:flex!important;gap:12px!important;padding:0!important;margin:24px 0 0!important;
background:transparent!important;border:0!important;text-transform:none!important;
font-size:13px!important;font-weight:400!important;line-height:1.6!important;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-privacy input{
flex:0 0 20px;width:20px!important;height:20px!important;margin:0!important;accent-color:#171717;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-actions{
position:static!important;padding:24px 0 36px!important;
display:flex!important;flex-wrap:wrap!important;gap:16px!important;
background:transparent!important;border-top:1px solid rgba(23,23,23,.14)!important;box-shadow:none!important;
width:calc(100% - 2 * var(--p4y-form-side));max-width:var(--p4y-form-content);margin-inline:auto;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-status{flex:1 1 160px;min-width:0;font-size:13px!important;line-height:1.5!important;text-align:left}
.p4y-fhf-quote-modal .p4y-fhf-quote-primary,
.p4y-fhf-quote-modal .p4y-fhf-quote-secondary{
min-height:48px!important;max-width:100%;padding:12px 24px!important;
background:transparent!important;color:var(--p4y-form-ink)!important;
border:1px solid rgba(23,23,23,.35)!important;border-radius:999px!important;
box-shadow:none!important;font-size:13px!important;line-height:1.5!important;font-weight:500!important;
white-space:normal!important;text-align:center;transition:background .2s ease,transform .2s ease;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-primary:hover,
.p4y-fhf-quote-modal .p4y-fhf-quote-secondary:hover{background:rgba(23,23,23,.06)!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-primary:focus-visible,
.p4y-fhf-quote-modal .p4y-fhf-quote-secondary:focus-visible,
.p4y-fhf-quote-modal .p4y-fhf-quote-close:focus-visible{
outline:2px solid var(--p4y-form-ink)!important;outline-offset:4px;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-choices label:focus-within{outline:none!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-choices label:has(input:focus-visible)::after{
outline:1px solid var(--p4y-form-ink);outline-offset:3px;
}
.p4y-fhf-quote-modal .p4y-fhf-quote-privacy input:focus-visible{outline:2px solid var(--p4y-form-ink)!important;outline-offset:3px}
.p4y-fhf-quote-modal .p4y-fhf-quote-form .is-invalid{
border-color:#b9b5af!important;
border-bottom-color:#b42318!important;
box-shadow:none!important;
animation:none!important;
}
.p4y-fhf-quote-modal .p4y-fhf-field-error{
display:block;
margin:7px 0 0;
color:#a33128;
font-family:inherit;
font-size:12px;
font-weight:400;
line-height:1.5;
letter-spacing:0;
text-transform:none;
}
.p4y-fhf-quote-modal .p4y-fhf-field-error[hidden]{display:none}
.p4y-fhf-quote-modal .p4y-fhf-quote-form.is-success .p4y-fhf-quote-actions{display:none!important}
@media(max-width:820px){
.p4y-fhf-quote-modal{--p4y-form-side:32px}
.p4y-fhf-quote-modal .p4y-fhf-contact-layout{grid-template-columns:1fr!important;gap:40px!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}
}
@media(max-width:600px){
.p4y-fhf-quote-modal{--p4y-form-side:24px;padding:12px!important;align-items:center!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-dialog{width:100%!important;max-height:calc(100dvh - 24px)!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-head{padding:28px 0!important;gap:12px}
.p4y-fhf-quote-modal .p4y-fhf-quote-kicker{padding-right:52px!important;min-height:44px!important;display:flex!important;align-items:center}
.p4y-fhf-quote-modal .p4y-fhf-quote-close{top:28px!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-head h2{font-size:28px!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-head p{font-size:14px!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-grid{grid-template-columns:1fr!important;gap:24px!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-file{grid-template-columns:1fr!important}
.p4y-fhf-quote-modal .p4y-fhf-quote-actions{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-submit{width:100%!important}
.p4y-fhf-quote-modal .p4y-fhf-contact-info{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
.p4y-fhf-quote-modal *, .p4y-fhf-quote-modal *::before,.p4y-fhf-quote-modal *::after{animation:none!important;transition:none!important}
}
:root{--p4y-fhf-top-offset:18px;--p4y-fhf-header-height:50px;--p4y-fhf-header-height-mobile:35px;--p4y-fhf-container-width:1460px;--p4y-fhf-outer-side-padding:38px;--p4y-fhf-outer-side-padding-mobile:8px;--p4y-fhf-radius:34px;--p4y-fhf-blur:16px;--p4y-fhf-pad-y:7px;--p4y-fhf-pad-x:18px;--p4y-fhf-pad-y-mobile:6px;--p4y-fhf-pad-x-mobile:9px;--p4y-fhf-menu-font:15px;--p4y-fhf-menu-font-mobile:20px;--p4y-fhf-menu-gap:16px;--p4y-fhf-phone-label-size:15px;--p4y-fhf-phone-number-size:19px;--p4y-fhf-phone-gap:4px;--p4y-fhf-logo-width:390px;--p4y-fhf-logo-max-height:80px;--p4y-fhf-logo-max-height-mobile:46px;--p4y-fhf-footer-logo-width:300px;--p4y-fhf-footer-logo-max-height:120px;--p4y-fhf-footer-pad-top:84px;--p4y-fhf-footer-pad-bottom:74px;--p4y-fhf-footer-pad-x:24px;--p4y-fhf-footer-link-size:15px;--p4y-fhf-footer-copy-size:13px;--p4y-fhf-bg:rgba(46, 58, 76, 0.18);--p4y-fhf-bg-scroll:rgba(34, 44, 58, 0.30);--p4y-fhf-text:#ffffff;--p4y-fhf-accent:#ffffff;--p4y-h3-accent:#ffffff;--p4y-h3-button-weight:500;--p4y-h3-drawer-width:50vw;--p4y-fhf-footer-bg:#04070d;--p4y-fhf-footer-text:#f8fafc;--p4y-fhf-footer-muted:#a8b3c7;}body.p4y-fhf-active{--p4y-h3-logo-size:31px;--p4y-h3-logo-size-mobile:18px;--p4y-h3-height:92px;--p4y-h3-height-mobile:60px;--p4y-h3-gutter:54px;--p4y-h3-gutter-mobile:16px;--p4y-h3-button-size:14px;--p4y-h3-button-height:38px;--p4y-h3-button-radius:99px;--p4y-h3-button-gap:10px;--p4y-h3-button-blur:8px;--p4y-h3-menu-size:34px;--p4y-h3-menu-size-mobile:28px;--p4y-h3-ink:#171512;--p4y-h3-paper:#f7f5f0;}
.p4y-fhf-header-wrap{top:var(--p4y-fhf-top-offset)!important;padding-left:var(--p4y-fhf-outer-side-padding)!important;padding-right:var(--p4y-fhf-outer-side-padding)!important;}
.p4y-fhf-header-shell{max-width:var(--p4y-fhf-container-width)!important;}
.p4y-fhf-header-inner{min-height:var(--p4y-fhf-header-height)!important;padding:var(--p4y-fhf-pad-y) var(--p4y-fhf-pad-x)!important;border-radius:var(--p4y-fhf-radius)!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),linear-gradient(180deg,rgba(31,41,55,.26),rgba(31,41,55,.12)),var(--p4y-fhf-bg)!important;backdrop-filter:blur(var(--p4y-fhf-blur)) saturate(1.45) brightness(1.04)!important;-webkit-backdrop-filter:blur(var(--p4y-fhf-blur)) saturate(1.45) brightness(1.04)!important;}
.p4y-fhf-header-wrap.is-scrolled .p4y-fhf-header-inner{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.05)),linear-gradient(180deg,rgba(15,23,42,.24),rgba(15,23,42,.12)),var(--p4y-fhf-bg-scroll)!important;}
.p4y-fhf-header-wrap.has-shrink.is-scrolled .p4y-fhf-header-inner{min-height:calc(var(--p4y-fhf-header-height) - 8px)!important;}
.p4y-fhf-menu{gap:var(--p4y-fhf-menu-gap)!important;}
.p4y-fhf-menu>li>a{font-size:var(--p4y-fhf-menu-font)!important;color:var(--p4y-fhf-text)!important;}
.p4y-fhf-logo{display:inline-flex!important;align-items:center!important;width:var(--p4y-fhf-logo-width)!important;max-width:min(var(--p4y-fhf-logo-width),32vw)!important;overflow:visible!important;flex:0 0 auto!important;}
.p4y-fhf-logo img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:var(--p4y-fhf-logo-max-height)!important;object-fit:contain!important;}
.p4y-fhf-phone-label{font-size:var(--p4y-fhf-phone-label-size)!important;}
.p4y-fhf-phone-number{font-size:var(--p4y-fhf-phone-number-size)!important;}
.p4y-fhf-phone{gap:var(--p4y-fhf-phone-gap)!important;}
.p4y-fhf-cta,.p4y-fhf-mobile-cta,.p4y-fhf-cta-mobile,.p4y-fhf-submenu-toggle{background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.32),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),var(--p4y-fhf-accent)!important;}
.p4y-fhf-cta-icon{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),var(--p4y-fhf-accent)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 8px 18px rgba(15,23,42,.16)!important;}
.p4y-fhf-cta-icon svg{display:block!important;width:18px!important;height:18px!important;color:#fff!important;stroke:currentColor!important;fill:none!important;opacity:1!important;}
.p4y-fhf-cta-icon svg path{stroke:#fff!important;fill:none!important;opacity:1!important;}
.p4y-fhf-cta-icon::before{content:none!important;display:none!important;}
.p4y-fhf-footer{background:var(--p4y-fhf-footer-bg)!important;color:var(--p4y-fhf-footer-text)!important;}
.p4y-fhf-footer-inner{max-width:var(--p4y-fhf-container-width)!important;padding:var(--p4y-fhf-footer-pad-top) var(--p4y-fhf-footer-pad-x) var(--p4y-fhf-footer-pad-bottom)!important;}
.p4y-fhf-footer-logo{display:inline-flex!important;align-items:center!important;width:var(--p4y-fhf-footer-logo-width)!important;max-width:100%!important;overflow:visible!important;}
.p4y-fhf-footer-logo img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:var(--p4y-fhf-footer-logo-max-height)!important;object-fit:contain!important;}
.p4y-fhf-footer-menu a,.p4y-fhf-footer-links a{font-size:var(--p4y-fhf-footer-link-size)!important;}
.p4y-fhf-footer-company,.p4y-fhf-footer-meta{font-size:var(--p4y-fhf-footer-copy-size)!important;color:var(--p4y-fhf-footer-muted)!important;}
@media(min-width:981px){.p4y-fhf-header-wrap.hide-phone-desktop .p4y-fhf-phone{display:none!important;}.p4y-fhf-header-wrap.hide-cta-desktop .p4y-fhf-cta-desktop{display:none!important;}}
@media(max-width:980px){.p4y-fhf-header-wrap{padding-left:var(--p4y-fhf-outer-side-padding-mobile)!important;padding-right:var(--p4y-fhf-outer-side-padding-mobile)!important;}.p4y-fhf-header-inner{min-height:var(--p4y-fhf-header-height-mobile)!important;padding:var(--p4y-fhf-pad-y-mobile) var(--p4y-fhf-pad-x-mobile)!important;}.p4y-fhf-logo{width:var(--p4y-fhf-logo-width)!important;max-width:min(var(--p4y-fhf-logo-width),48vw)!important;}.p4y-fhf-logo img{max-height:var(--p4y-fhf-logo-max-height-mobile)!important;}.p4y-fhf-mobile-menu>li>a,.p4y-fhf-mobile-menu a{font-size:var(--p4y-fhf-menu-font-mobile)!important;}.p4y-fhf-header-wrap.hide-phone-mobile .p4y-fhf-phone{display:none!important;}.p4y-fhf-header-wrap.show-phone-mobile .p4y-fhf-phone{display:flex!important;}.p4y-fhf-header-wrap.hide-cta-mobile .p4y-fhf-mobile-cta-wrap,.p4y-fhf-header-wrap.hide-cta-mobile .p4y-fhf-cta-mobile{display:none!important;}}
@media(min-width:981px){.p4y-fhf-header-wrap[data-p4y-fhf-header]{--p4y-fhf-auto-font-scale:1;--p4y-fhf-auto-gap-scale:1;--p4y-fhf-auto-logo-scale:1;--p4y-fhf-auto-density:1;--p4y-fhf-auto-cta-scale:1;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-header-inner{display:grid!important;grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(10px,calc(28px * var(--p4y-fhf-auto-density)),28px)!important;min-width:0!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-nav{display:none!important;min-width:0!important;max-width:100%!important;justify-content:center!important;overflow:visible!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-menu{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;gap:clamp(5px,calc(var(--p4y-fhf-menu-gap) * var(--p4y-fhf-auto-gap-scale)),var(--p4y-fhf-menu-gap))!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-menu>li{flex:0 0 auto!important;min-width:0!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-menu>li>a{white-space:nowrap!important;font-size:max(10.5px,calc(var(--p4y-fhf-menu-font) * var(--p4y-fhf-auto-font-scale)))!important;padding-left:clamp(2px,calc(4px * var(--p4y-fhf-auto-density)),4px)!important;padding-right:clamp(2px,calc(4px * var(--p4y-fhf-auto-density)),4px)!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-logo{width:calc(var(--p4y-fhf-logo-width) * var(--p4y-fhf-auto-logo-scale))!important;max-width:min(calc(var(--p4y-fhf-logo-width) * var(--p4y-fhf-auto-logo-scale)),28vw)!important;min-width:88px!important;flex:0 1 auto!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-right{display:flex!important;align-items:center!important;gap:clamp(6px,calc(12px * var(--p4y-fhf-auto-density)),12px)!important;min-width:0!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-cta-desktop{transform:scale(var(--p4y-fhf-auto-cta-scale))!important;transform-origin:right center!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-burger{display:inline-flex!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-fit-tight .p4y-fhf-phone-label{display:none!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-fit-ultra .p4y-fhf-phone{max-width:112px!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-fit-ultra .p4y-fhf-phone-number{font-size:max(11px,calc(var(--p4y-fhf-phone-number-size) * .92))!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-header-inner{display:flex!important;justify-content:space-between!important;gap:10px!important;min-height:min(62px,var(--p4y-fhf-header-height))!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-nav,.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-cta-desktop{display:none!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-logo{max-width:min(calc(var(--p4y-fhf-logo-width) * .62),34vw)!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-phone-label{display:none!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-burger{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-mobile-panel{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.98);}.p4y-fhf-header-wrap[data-p4y-fhf-header].is-header-auto-mobile .p4y-fhf-mobile-panel.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}}
#masthead{display:none !important;}#colophon{display:none !important;}.p4y-fhf-footer{display:block !important;pointer-events:auto !important;} :root {
--p4y-h3-ink: #171512;
--p4y-h3-paper: #f7f5f0;
--p4y-h3-accent: #c9963b;
--p4y-h3-height: 92px;
--p4y-h3-height-mobile: 76px;
--p4y-h3-gutter: 54px;
--p4y-h3-gutter-mobile: 16px;
--p4y-h3-logo-size: 22px;
--p4y-h3-logo-size-mobile: 18px;
--p4y-h3-button-size: 12px;
--p4y-h3-button-height: 38px;
--p4y-h3-button-radius: 99px;
--p4y-h3-button-gap: 10px;
--p4y-h3-button-blur: 8px;
--p4y-h3-menu-size: 34px;
--p4y-h3-menu-size-mobile: 28px;
--p4y-h3-button-weight: 500;
--p4y-h3-drawer-width: 50vw;
--p4y-h3-ease: cubic-bezier(.16, 1, .3, 1);
}
html.p4y-fhf-menu-lock,
html.p4y-fhf-menu-lock body:not(:has(.interior-story)),
html.p4y-fhf-quote-lock,
html.p4y-fhf-quote-lock body {
overflow: hidden !important;
} html.p4y-fhf-menu-lock:not(.p4y-fhf-quote-lock) body:has(.interior-story) {
overflow: clip !important;
}
@media (min-width: 981px) {
html.p4y-fhf-scroll-compensated {
scrollbar-gutter: stable;
}
}
.p4y-fhf-header-spacer {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: fixed !important;
inset: 0 0 auto !important;
z-index: 2147482500 !important;
width: 100% !important;
height: var(--p4y-h3-height) !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
transform: none !important;
isolation: isolate !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scroll-hidden,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scroll-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-fast-scroll {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-sticky) {
position: absolute !important;
}
body.p4y-fhf-active.p4y-fhf-technical-page .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: absolute !important;
top: 0 !important;
transform: none !important;
}
body.p4y-fhf-active.p4y-fhf-logo-pinned .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: absolute !important;
top: 0 !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-shell {
position: relative !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
pointer-events: none !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-shell::before,
body.p4y-fhf-active .p4y-fhf-header-shell::after,
body.p4y-fhf-active .p4y-fhf-header-inner::before,
body.p4y-fhf-active .p4y-fhf-header-inner::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-expanded.is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-on-light .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-on-dark .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-over-media .p4y-fhf-header-inner {
position: relative !important;
z-index: 10020 !important;
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
width: 100% !important;
min-height: var(--p4y-h3-height) !important;
height: var(--p4y-h3-height) !important;
padding: 0 clamp(16px, 3.8vw, var(--p4y-h3-gutter)) !important;
gap: 20px !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
overflow: visible !important;
pointer-events: none !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-nav {
display: none !important;
} body.p4y-fhf-active .p4y-fhf-logo {
grid-column: 2 !important;
grid-row: 1 !important;
position: relative !important;
z-index: 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
width: max-content !important;
min-width: 0 !important;
max-width: 34vw !important;
height: auto !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
transition: opacity .42s ease, transform .42s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-logo img,
body.p4y-fhf-active .p4y-fhf-logo-text,
body.p4y-fhf-active .p4y-fhf-logo-slices,
body.p4y-fhf-active .p4y-fhf-logo-motion {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-logo::before,
body.p4y-fhf-active .p4y-fhf-logo::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
display: inline-flex !important;
align-items: baseline !important;
justify-content: center !important;
color: #fff !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: var(--p4y-h3-logo-size) !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .09em !important;
white-space: nowrap !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, .2) !important;
transition: color .24s ease, text-shadow .24s ease, transform .5s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong {
position: relative !important;
overflow: hidden !important;
display: inline-block !important;
margin: 0 .025em !important;
color: var(--p4y-h3-accent) !important;
font: inherit !important;
font-size: 1.34em !important;
font-weight: 600 !important;
line-height: 1 !important;
transform: translateY(.02em);
transform-origin: 50% 50%;
animation: none;
}
@keyframes p4y-brand-four-spin {
0% { opacity: 1; clip-path: inset(0); transform: translateY(.02em); }
25% { opacity: .3; clip-path: inset(100% 0 0); transform: translateY(.12em); }
38% { opacity: 0; clip-path: inset(0 0 100%); transform: translateY(-.1em); }
46% { opacity: 1; clip-path: inset(0 0 100%); transform: translateY(-.1em); }
100% { opacity: 1; clip-path: inset(0); transform: translateY(.02em); }
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-logo-spin="0"] .p4y-fhf-editorial-wordmark strong {
animation: none !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong.is-hola-spin {
animation: p4y-brand-four-spin 2.4s cubic-bezier(.4, 0, .2, 1) 1 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-editorial-wordmark strong,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-brand-heading-active .p4y-fhf-editorial-wordmark strong {
animation-play-state: paused;
}
body.p4y-fhf-active .p4y-fhf-logo:hover .p4y-fhf-editorial-wordmark,
body.p4y-fhf-active .p4y-fhf-logo:focus-visible .p4y-fhf-editorial-wordmark {
transform: translateY(-1px) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-ready):not(.is-menu-open) .p4y-fhf-logo,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-brand-heading-active:not(.is-menu-open) .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
@media (min-width: 981px) {
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-logo-menu.is-menu-open .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
} body.p4y-fhf-active .p4y-fhf-burger {
position: absolute !important;
left: clamp(28px, 3.15vw, 46px) !important;
top: 50% !important;
z-index: 10030 !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
margin: 0 !important;
padding: 0 0 0 8px !important;
gap: 6px !important;
border: 0 !important;
border-radius: 50% !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(-50%) !important;
transition: transform .34s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-burger::before,
body.p4y-fhf-active .p4y-fhf-burger::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-burger:hover,
body.p4y-fhf-active .p4y-fhf-burger:focus-visible {
background: transparent !important;
box-shadow: none !important;
transform: translateY(-50%) scale(1.045) !important;
}
body.p4y-fhf-active .p4y-fhf-burger:hover span:nth-child(3),
body.p4y-fhf-active .p4y-fhf-burger:focus-visible span:nth-child(3) {
width: 30px !important;
}
body.p4y-fhf-active .p4y-fhf-burger span {
position: relative !important;
inset: auto !important;
display: block !important;
width: 30px !important;
height: 2px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #fff !important;
opacity: 1 !important;
transform: none !important;
transform-origin: center !important;
transition: width .38s var(--p4y-h3-ease), transform .42s var(--p4y-h3-ease), opacity .2s ease, background .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-burger span:nth-child(3) {
width: 18px !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span {
width: 30px !important;
background: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(1) {
transform: translateY(8px) rotate(45deg) !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(2) {
opacity: 0 !important;
transform: scaleX(.4) !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg) !important;
} body.p4y-fhf-active .p4y-fhf-right {
grid-column: 3 !important;
grid-row: 1 !important;
position: static !important;
z-index: 10020 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
justify-self: stretch !important;
min-width: 0 !important;
margin: 0 !important;
gap: var(--p4y-h3-button-gap) !important;
pointer-events: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-phone-desktop,
body.p4y-fhf-active .p4y-fhf-cta,
body.p4y-fhf-active .p4y-fhf-cta-desktop {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: max-content !important;
min-height: var(--p4y-h3-button-height) !important;
margin: 0 !important;
border: 1px solid rgba(255, 255, 255, .28) !important;
border-radius: var(--p4y-h3-button-radius) !important;
color: #fff !important;
background: rgba(255, 255, 255, .13) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 6px 20px rgba(0, 0, 0, .07) !important;
backdrop-filter: blur(var(--p4y-h3-button-blur)) saturate(1.04) !important;
-webkit-backdrop-filter: blur(var(--p4y-h3-button-blur)) saturate(1.04) !important;
overflow: hidden !important;
isolation: isolate !important;
pointer-events: auto !important;
transform: perspective(650px) translate(var(--p4y-fhf-cta-shift-x, 0px), var(--p4y-fhf-cta-shift-y, 0px)) rotateX(var(--p4y-button-tilt-x, 0deg)) rotateY(var(--p4y-button-tilt-y, 0deg)) !important;
transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .42s var(--p4y-h3-ease), opacity .28s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-phone-desktop {
min-width: 136px !important;
max-width: none !important;
padding: 0 16px !important;
gap: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-phone-label {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-cta > span:first-child {
color: currentColor !important;
font: var(--p4y-h3-button-weight) var(--p4y-h3-button-size)/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
white-space: nowrap !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap .p4y-fhf-phone .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap .p4y-fhf-cta > span:first-child {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: var(--p4y-h3-button-size) !important;
font-weight: var(--p4y-h3-button-weight) !important;
line-height: 1 !important;
letter-spacing: .015em !important;
}
body.p4y-fhf-active .p4y-fhf-cta,
body.p4y-fhf-active .p4y-fhf-cta-desktop {
min-width: 178px !important;
max-width: 218px !important;
padding: 0 28px !important;
gap: 0 !important;
font: var(--p4y-h3-button-weight) var(--p4y-h3-button-size)/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.p4y-fhf-active .p4y-fhf-cta-icon {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone::before,
body.p4y-fhf-active .p4y-fhf-cta::before {
content: "" !important;
position: absolute !important;
inset: -1px !important;
z-index: 0 !important;
display: block !important;
border-radius: inherit !important;
background: radial-gradient(58px circle at var(--p4y-fhf-cta-hot-x, 50%) var(--p4y-fhf-cta-hot-y, 50%), var(--p4y-button-light, rgba(255, 255, 255, .48)), transparent 76%) !important;
pointer-events: none !important;
opacity: 0 !important;
transition: opacity .26s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone.is-hot::before,
body.p4y-fhf-active .p4y-fhf-cta.is-hot::before {
opacity: 1 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-phone::before,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-cta::before,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-cta::after {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-cta::after {
content: "" !important;
position: absolute !important;
top: -35% !important;
bottom: -35% !important;
left: -46% !important;
width: 34% !important;
z-index: 0 !important;
display: block !important;
border-radius: 0 !important;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .16) 24%, rgba(255, 255, 255, .56) 50%, rgba(255, 255, 255, .24) 72%, transparent 100%) !important;
pointer-events: none !important;
opacity: .9 !important;
transform: translateX(0) skewX(-18deg) !important;
transform-origin: center !important;
transition: transform .72s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone > *,
body.p4y-fhf-active .p4y-fhf-cta > * {
position: relative !important;
z-index: 1 !important;
}
body.p4y-fhf-active .p4y-fhf-phone:hover::after,
body.p4y-fhf-active .p4y-fhf-phone:focus-visible::after,
body.p4y-fhf-active .p4y-fhf-cta:hover::after,
body.p4y-fhf-active .p4y-fhf-cta:focus-visible::after {
transform: translateX(480%) skewX(-18deg) !important;
}
body.p4y-fhf-active .p4y-fhf-phone:hover,
body.p4y-fhf-active .p4y-fhf-phone:focus-visible,
body.p4y-fhf-active .p4y-fhf-cta:hover,
body.p4y-fhf-active .p4y-fhf-cta:focus-visible {
border-color: rgba(255, 255, 255, .52) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 26px rgba(0, 0, 0, .1) !important;
transform: perspective(650px) translate(var(--p4y-fhf-cta-shift-x, 0px), calc(var(--p4y-fhf-cta-shift-y, 0px) - 1px)) rotateX(var(--p4y-button-tilt-x, 0deg)) rotateY(var(--p4y-button-tilt-y, 0deg)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .32) !important;
background: rgba(255, 255, 255, .92) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:focus-visible {
color: #fff !important;
border-color: rgba(255, 255, 255, .62) !important;
background: rgba(255, 255, 255, .19) !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"] .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"] .p4y-fhf-phone-number {
color: #fff !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-light span {
background: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-dark span {
background: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-light,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-dark {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-light .p4y-fhf-editorial-wordmark {
color: var(--p4y-h3-ink) !important;
text-shadow: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-dark .p4y-fhf-editorial-wordmark {
color: #fff !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, .24) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-editorial-wordmark > span.p4y-contrast-light {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-editorial-wordmark > span.p4y-contrast-dark {
color: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-light.p4y-contrast-mixed .p4y-fhf-editorial-wordmark {
filter: drop-shadow(0 0 8px rgba(255, 255, 255, .78)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-dark.p4y-contrast-mixed .p4y-fhf-editorial-wordmark {
filter: drop-shadow(0 0 8px rgba(0, 0, 0, .58)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light {
color: var(--p4y-h3-ink) !important;
--p4y-button-light: rgba(23, 21, 18, .12);
border-color: rgba(23, 21, 18, .12) !important;
background: rgba(255, 255, 255, .78) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 24px rgba(23, 21, 18, .07) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark {
color: #fff !important;
border-color: rgba(255, 255, 255, .28) !important;
background: rgba(255, 255, 255, .13) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light::after,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light::after,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta::after {
background: linear-gradient(90deg, transparent 0%, rgba(23, 21, 18, .04) 24%, rgba(255, 255, 255, .62) 50%, rgba(23, 21, 18, .08) 72%, transparent 100%) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta:focus-visible {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .28) !important;
background: rgba(255, 255, 255, .68) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:hover .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:focus-visible .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark:focus-visible {
color: #fff !important;
border-color: rgba(255, 255, 255, .58) !important;
background: rgba(255, 255, 255, .18) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark .p4y-fhf-phone-number {
color: #fff !important;
} body.p4y-fhf-active .p4y-fhf-project-link {
display: block;
margin: 18px 0;
padding: 12px 0;
color: var(--p4y-h3-ink) !important;
font: 400 20px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel,
body.p4y-fhf-active .p4y-fhf-mobile-panel:not(.is-open) {
position: fixed !important;
inset: 0 !important;
z-index: 10000 !important;
display: block !important;
width: 100vw !important;
height: 100dvh !important;
min-height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
opacity: 1 !important;
visibility: hidden !important;
pointer-events: none !important;
overflow: hidden !important;
contain: strict !important;
transform: none !important;
transition: visibility 0s linear .5s !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transition-delay: 0s !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: rgb(0 0 0 / .55);
opacity: 0;
transition: opacity .25s ease;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open::before { opacity: 1; }
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
position: absolute !important;
inset: 0 0 0 auto !important;
display: block !important;
width: var(--p4y-h3-drawer-width) !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: clamp(200px, 25vh, 230px) clamp(84px, 11vw, 145px) 48px !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--p4y-h3-ink) !important;
background: var(--p4y-h3-paper) !important;
box-shadow: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
opacity: 1 !important;
transform: translate3d(100%, 0, 0) !important;
transition: transform .5s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-menu-wrap {
transform: translate3d(0, 0, 0) !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-mobile-panel .p4y-fhf-mobile-menu-wrap {
position: absolute !important;
inset: 0 0 0 auto !important;
margin: 0 !important;
border-radius: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap::before,
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu,
body.p4y-fhf-active .p4y-fhf-mobile-menu li {
display: block !important;
list-style: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li {
position: relative !important;
opacity: 0;
transform: none !important;
transition: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-menu > li {
opacity: 1;
transform: translate3d(0, 0, 0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li + li {
margin-top: 2px !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 59px !important;
padding: 7px 56px 7px 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--p4y-h3-ink) !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: var(--p4y-h3-menu-size) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
transition: opacity .24s ease, transform .38s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: 4px !important;
display: block !important;
width: 44px !important;
height: 1px !important;
background: currentColor !important;
opacity: .32 !important;
transform: scaleX(0) !important;
transform-origin: right center !important;
transition: transform .42s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:hover,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:focus-visible {
color: var(--p4y-h3-ink) !important;
background: transparent !important;
opacity: .58 !important;
transform: translateX(8px) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:hover::after,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:focus-visible::after {
opacity: .68 !important;
transform: scaleX(1) !important;
transform-origin: left center !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
align-items: center !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a { grid-column: 1; grid-row: 1; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > .sub-menu { grid-column: 1 / -1; grid-row: 2; }
body.p4y-fhf-active .p4y-fhf-submenu-toggle {
position: relative !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
right: 0 !important;
top: auto !important;
z-index: 2 !important;
display: grid !important;
place-items: center !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(23, 21, 18, .14) !important;
border-radius: 50% !important;
color: var(--p4y-h3-ink) !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
transition: border-color .25s ease, background .25s ease, transform .44s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle:hover,
body.p4y-fhf-active .p4y-fhf-submenu-toggle:focus-visible {
border-color: rgba(23, 21, 18, .32) !important;
color: #fff !important;
background: var(--p4y-h3-ink) !important;
transform: scale(1.06) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
transform: none !important;
transition: transform .44s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::before,
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1.5px;
background: currentColor;
transform: translate(-50%, -50%);
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::after {
transform: translate(-50%, -50%) rotate(90deg);
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .p4y-fhf-submenu-toggle span {
transform: rotate(45deg) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: inherit !important;
background: transparent !important;
box-shadow: none !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-8px) !important;
transition: max-height .62s var(--p4y-h3-ease), padding .5s var(--p4y-h3-ease), opacity .3s ease, transform .5s var(--p4y-h3-ease), visibility .3s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu {
max-height: 660px !important;
padding: 1px 0 16px 18px !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu li {
opacity: 0 !important;
transform: translateX(14px) !important;
transition: opacity .3s ease, transform .48s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li {
opacity: 1 !important;
transform: translateX(0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(1) { transition-delay: .08s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(2) { transition-delay: .12s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(3) { transition-delay: .16s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(4) { transition-delay: .2s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(n+5) { transition-delay: .24s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a {
display: block !important;
width: 100% !important;
padding: 8px 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: rgba(23, 21, 18, .62) !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
text-decoration: none !important;
font: 500 14px/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: 0 !important;
transition: color .2s ease, transform .32s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a:hover,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a:focus-visible {
color: var(--p4y-h3-ink) !important;
background: transparent !important;
transform: translateX(4px) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-mobile-cta,
body.p4y-fhf-active .p4y-fhf-cta-mobile,
body.p4y-fhf-active .p4y-fhf-panel-phone {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-right > .p4y-fhf-cta {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .1) !important;
background: rgba(255, 255, 255, .8) !important;
box-shadow: 0 7px 22px rgba(23, 21, 18, .07) !important;
}
@media (min-width: 981px) {
body.p4y-fhf-active .p4y-fhf-header-wrap.hide-phone-desktop .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.hide-cta-desktop .p4y-fhf-right > .p4y-fhf-cta {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-actions-menu.is-menu-open .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-actions-menu.is-menu-open .p4y-fhf-right > .p4y-fhf-cta {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
}
@media (max-width: 980px) {
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].hide-phone-mobile .p4y-fhf-mobile-panel .p4y-fhf-panel-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].hide-cta-mobile .p4y-fhf-mobile-panel .p4y-fhf-mobile-cta-wrap {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] {
height: var(--p4y-h3-height-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-expanded.is-scrolled .p4y-fhf-header-inner {
min-height: var(--p4y-h3-height-mobile) !important;
height: var(--p4y-h3-height-mobile) !important;
padding: 0 var(--p4y-h3-gutter-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-logo {
max-width: 48vw !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-logo-menu.is-menu-open .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
font-size: var(--p4y-h3-logo-size-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-burger {
left: 8px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-burger span {
background: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-right > .p4y-fhf-cta {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
width: var(--p4y-h3-drawer-width) !important;
padding: max(clamp(112px, 18dvh, 156px), calc(96px + env(safe-area-inset-top, 0px))) max(24px, env(safe-area-inset-right, 0px)) calc(166px + env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px)) !important;
box-shadow: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-cta-wrap {
position: fixed !important;
left: 24px !important;
right: 24px !important;
bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
z-index: 10040 !important;
display: block !important;
width: auto !important;
margin: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px !important;
padding: 0 22px !important;
border: 1px solid rgba(23, 21, 18, .18) !important;
border-radius: 999px !important;
color: #fff !important;
background: var(--p4y-h3-ink) !important;
box-shadow: 0 12px 28px rgba(23, 21, 18, .16) !important;
text-decoration: none !important;
font: var(--p4y-h3-button-weight) 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
text-transform: uppercase !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-panel-phone {
position: fixed !important;
left: 24px !important;
right: 24px !important;
bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
z-index: 10040 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
color: var(--p4y-h3-ink) !important;
text-decoration: none !important;
font: var(--p4y-h3-button-weight) 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
min-height: 64px !important;
padding: 6px 50px 6px 0 !important;
font-size: var(--p4y-h3-menu-size-mobile) !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a { padding-right: 8px !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-menu-cta-link > a {
font-size: clamp(20px, 6.45vw, 27px) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle {
top: auto !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
}
@media (max-width: 390px) {
body.p4y-fhf-active .p4y-fhf-logo {
max-width: 42vw !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
font-size: var(--p4y-h3-logo-size-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
font-size: var(--p4y-h3-menu-size-mobile) !important;
}
}
@media (max-width: 360px) {
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
padding-left: max(24px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(24px, env(safe-area-inset-right, 0px)) !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.p4y-fhf-active .p4y-fhf-header-wrap *,
body.p4y-fhf-active .p4y-fhf-header-wrap *::before,
body.p4y-fhf-active .p4y-fhf-header-wrap *::after {
animation: none !important;
transition-duration: .01ms !important;
transition-delay: 0s !important;
scroll-behavior: auto !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong.is-hola-spin {
animation: p4y-brand-four-fade 1.8s ease 1 !important;
}
}
@keyframes p4y-brand-four-fade {
0% { opacity: .35; }
100% { opacity: 1; }
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"]:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"]:focus-visible {
color: var(--p4y-h3-ink) !important;
background: rgba(255, 255, 255, .92) !important;
border-color: rgba(23, 21, 18, .32) !important;
text-shadow: none !important;
filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"]:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"]:focus-visible {
color: #fff !important;
background: rgba(23, 21, 18, .28) !important;
border-color: rgba(255, 255, 255, .62) !important;
text-shadow: none !important;
filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone .p4y-fhf-phone-number {
color: inherit !important;
text-shadow: inherit !important;
}
@media (max-width: 980px) { body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open.has-mobile-submenu-open .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open.has-mobile-submenu-open .p4y-fhf-panel-phone {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate3d(0, 24px, 0) scale(.96) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-panel-phone {
transition: opacity .62s cubic-bezier(.22, 1, .36, 1), visibility .62s ease, transform .72s cubic-bezier(.22, 1, .36, 1) !important;
}
}
@media (max-width: 767px) {
:root { --p4y-h3-drawer-width: 100vw; }
} :root{
--p4y-apple-glass-start: rgba(26, 34, 46, 0.38);
--p4y-apple-glass-scroll: rgba(15, 23, 42, 0.50);
--p4y-apple-glass-border: rgba(255,255,255,0.16);
--p4y-apple-glass-highlight: rgba(255,255,255,0.12);
--p4y-apple-glass-shadow: rgba(15,23,42,0.18);
--p4y-apple-glass-shadow-strong: rgba(15,23,42,0.24);
--p4y-apple-text-shadow: 0 1px 12px rgba(15,23,42,0.26);
--p4y-apple-radius: 28px;
--p4y-mobile-header-bg: rgba(112, 116, 124, 0.72);
--p4y-mobile-header-bg-scroll: rgba(102, 106, 114, 0.80);
--p4y-mobile-menu-text: #1f2937;
--p4y-gold-accent: #c9a24b;
} .p4y-fhf-wrap a,
.p4y-fhf-wrap button,
.p4y-fhf-wrap input,
.p4y-fhf-wrap textarea,
.p4y-fhf-wrap select{
-webkit-tap-highlight-color: transparent;
}
.p4y-fhf-wrap a:focus,
.p4y-fhf-wrap button:focus,
.p4y-fhf-wrap a:active,
.p4y-fhf-wrap button:active{
outline: none !important;
box-shadow: none !important;
} .p4y-fhf-header-wrap{
padding-left: 18px !important;
padding-right: 18px !important;
}
.p4y-fhf-header-inner{
position: relative;
overflow: visible;
border-radius: var(--p4y-apple-radius) !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)),
linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.00)),
var(--p4y-apple-glass-start) !important;
border: 1px solid var(--p4y-apple-glass-border) !important;
box-shadow:
0 18px 42px var(--p4y-apple-glass-shadow),
inset 0 1px 0 var(--p4y-apple-glass-highlight),
inset 0 -1px 0 rgba(255,255,255,0.04) !important;
backdrop-filter: blur(20px) saturate(1.38) brightness(1.02) !important;
-webkit-backdrop-filter: blur(20px) saturate(1.38) brightness(1.02) !important;
}
.p4y-fhf-header-inner::before{
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(
180deg,
rgba(255,255,255,0.12) 0%,
rgba(255,255,255,0.05) 28%,
rgba(255,255,255,0.01) 72%
);
opacity: .95;
}
.p4y-fhf-header-inner::after{
content: "";
position: absolute;
left: 28px;
right: 28px;
bottom: -12px;
height: 20px;
border-radius: 999px;
pointer-events: none;
background: radial-gradient(
ellipse at center,
rgba(15,23,42,0.22) 0%,
rgba(15,23,42,0.00) 72%
);
filter: blur(12px);
opacity: .55;
}
.p4y-fhf-header.is-scrolled .p4y-fhf-header-inner,
.p4y-fhf-wrap.is-scrolled .p4y-fhf-header-inner{
background:
linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.02)),
linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00)),
var(--p4y-apple-glass-scroll) !important;
box-shadow:
0 20px 46px var(--p4y-apple-glass-shadow-strong),
inset 0 1px 0 rgba(255,255,255,0.13),
inset 0 -1px 0 rgba(255,255,255,0.04) !important;
} .p4y-fhf-logo,
.p4y-fhf-logo a{
display: flex;
align-items: center;
}
.p4y-fhf-logo img{
display: block;
width: auto !important;
height: auto !important;
max-height: 44px !important;
object-fit: contain;
} .p4y-fhf-menu > li > a{
color: #fff !important;
text-shadow: var(--p4y-apple-text-shadow);
letter-spacing: .01em;
opacity: .96;
font-weight: 500;
}
.p4y-fhf-menu > li > a::after{
height: 2px !important;
bottom: -4px !important;
border-radius: 999px;
background: rgba(255,255,255,0.88) !important;
box-shadow: 0 0 10px rgba(255,255,255,0.10);
} .p4y-fhf-menu .sub-menu{
margin-top: 8px !important;
border-radius: 20px !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
rgba(15, 23, 42, 0.88) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: 0 24px 56px rgba(15,23,42,0.26) !important;
backdrop-filter: blur(16px) saturate(1.22) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.22) !important;
}
.p4y-fhf-menu .sub-menu a{
color: rgba(255,255,255,0.94) !important;
border-radius: 14px !important;
}
.p4y-fhf-menu .sub-menu a:hover{
color: #fff !important;
background: rgba(255,255,255,0.05) !important;
} .p4y-fhf-phone small{
color: rgba(255,255,255,0.72) !important;
text-shadow: var(--p4y-apple-text-shadow);
letter-spacing: .12em;
}
.p4y-fhf-phone strong{
color: #fff !important;
text-shadow: var(--p4y-apple-text-shadow);
} .p4y-fhf-cta{
position: relative;
overflow: hidden;
border-radius: 999px !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)),
var(--p4y-gold-accent) !important;
border: 1px solid rgba(255,255,255,0.10);
box-shadow:
0 14px 30px rgba(157,123,46,0.22),
inset 0 1px 0 rgba(255,255,255,0.16) !important;
transition:
transform .22s ease,
box-shadow .22s ease,
background .22s ease !important;
}
.p4y-fhf-cta::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(255,255,255,0.16),
rgba(255,255,255,0.00)
);
pointer-events: none;
}
.p4y-fhf-cta:hover{
transform: translateY(-2px) scale(1.024);
box-shadow:
0 18px 36px rgba(157,123,46,0.28),
inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.p4y-fhf-cta,
.p4y-fhf-cta-text{
color: #fff !important;
}
.p4y-fhf-cta-icon{
background: rgba(255,255,255,0.14) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.22);
}
.p4y-fhf-cta-icon,
.p4y-fhf-cta i,
.p4y-fhf-cta svg,
.p4y-fhf-cta-icon svg{
color: #fff !important;
fill: #fff !important;
stroke: #fff !important;
} .p4y-fhf-footer{
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.p4y-fhf-footer a{
transition: opacity .18s ease, transform .18s ease;
}
.p4y-fhf-footer a:hover{
opacity: .92;
transform: translateY(-1px);
} @media (min-width: 981px){
.p4y-fhf-header-inner{
background:
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03)),
linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00)),
rgba(28, 35, 47, 0.34) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
box-shadow:
0 18px 40px rgba(15,23,42,0.14),
inset 0 1px 0 rgba(255,255,255,0.12),
inset 0 -1px 0 rgba(255,255,255,0.03) !important;
backdrop-filter: blur(22px) saturate(1.35) brightness(1.02) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.35) brightness(1.02) !important;
}
.p4y-fhf-header.is-scrolled .p4y-fhf-header-inner,
.p4y-fhf-wrap.is-scrolled .p4y-fhf-header-inner{
background:
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03)),
linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.00)),
rgba(20, 27, 37, 0.44) !important;
}
.p4y-fhf-menu > li > a,
.p4y-fhf-menu > li.menu-item-has-children > a,
.p4y-fhf-menu > li.current-menu-item > a,
.p4y-fhf-menu > li.current-menu-ancestor > a{
color: #ffffff !important;
opacity: .96 !important;
}
} @media (max-width: 980px){
.p4y-fhf-header-wrap{
padding-left: 10px !important;
padding-right: 10px !important;
top: 18px !important;
}
.p4y-fhf-header-inner{
min-height: 58px !important;
padding: 8px 12px !important;
border-radius: 24px !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.06)),
var(--p4y-mobile-header-bg) !important;
border: 1px solid rgba(255,255,255,0.22) !important;
box-shadow:
0 12px 28px rgba(15,23,42,0.14),
inset 0 1px 0 rgba(255,255,255,0.16) !important;
backdrop-filter: blur(16px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
display: grid !important;
grid-template-columns: auto 1fr auto auto !important;
align-items: center !important;
column-gap: 8px !important;
}
.p4y-fhf-header-inner::after{
left: 18px;
right: 18px;
bottom: -10px;
height: 16px;
opacity: .45;
}
.p4y-fhf-header.is-scrolled .p4y-fhf-header-inner,
.p4y-fhf-wrap.is-scrolled .p4y-fhf-header-inner{
background:
linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.07)),
var(--p4y-mobile-header-bg-scroll) !important;
}
.p4y-fhf-logo{
min-width: 0 !important;
}
.p4y-fhf-logo img{
max-height: 28px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
} .p4y-fhf-cta{
display: none !important;
} .p4y-fhf-phone{
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: center !important;
gap: 2px !important;
margin-left: auto !important;
margin-right: 10px !important;
min-width: auto !important;
}
.p4y-fhf-phone small{
display: block !important;
font-size: 10px !important;
line-height: 1 !important;
letter-spacing: .08em !important;
text-transform: none !important;
color: rgba(255,255,255,0.88) !important;
text-shadow: none !important;
white-space: nowrap !important;
}
.p4y-fhf-phone strong{
display: block !important;
font-size: 15px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #fff !important;
text-shadow: none !important;
white-space: nowrap !important;
} .p4y-fhf-burger,
.p4y-fhf-toggle,
.p4y-fhf-menu-toggle{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
margin-left: 0 !important;
flex: 0 0 34px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.p4y-fhf-burger span,
.p4y-fhf-toggle span,
.p4y-fhf-menu-toggle span{
width: 24px !important;
height: 3px !important;
border-radius: 999px !important;
background: #fff !important;
}
.p4y-fhf-burger svg,
.p4y-fhf-toggle svg,
.p4y-fhf-menu-toggle svg{
width: 26px !important;
height: 26px !important;
color: #fff !important;
fill: #fff !important;
stroke: #fff !important;
} .p4y-fhf-mobile-panel,
.p4y-fhf-mobile-nav,
.p4y-fhf-mobile-drawer,
.p4y-fhf-offcanvas{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 0 !important;
}
.p4y-fhf-mobile-panel > ul,
.p4y-fhf-mobile-nav > ul,
.p4y-fhf-mobile-drawer > ul,
.p4y-fhf-offcanvas > ul{
width: min(78vw, 520px) !important;
margin: 18px auto 0 !important;
padding: 26px 26px !important;
background: rgba(255,255,255,0.98) !important;
border-radius: 34px !important;
box-shadow: 0 24px 56px rgba(15,23,42,0.16) !important;
border: 1px solid rgba(20,31,56,0.05) !important;
}
.p4y-fhf-mobile-panel > ul > li,
.p4y-fhf-mobile-nav > ul > li,
.p4y-fhf-mobile-drawer > ul > li,
.p4y-fhf-offcanvas > ul > li{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.p4y-fhf-mobile-panel > ul > li > a,
.p4y-fhf-mobile-nav > ul > li > a,
.p4y-fhf-mobile-drawer > ul > li > a,
.p4y-fhf-offcanvas > ul > li > a{
display: block !important;
text-align: center !important;
color: #000 !important;
font-size: 28px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
padding: 14px 0 !important;
text-shadow: none !important;
}
.p4y-fhf-mobile-panel > ul > li > a::before,
.p4y-fhf-mobile-panel > ul > li > a::after,
.p4y-fhf-mobile-nav > ul > li > a::before,
.p4y-fhf-mobile-nav > ul > li > a::after,
.p4y-fhf-mobile-drawer > ul > li > a::before,
.p4y-fhf-mobile-drawer > ul > li > a::after,
.p4y-fhf-offcanvas > ul > li > a::before,
.p4y-fhf-offcanvas > ul > li > a::after{
display: none !important;
content: none !important;
} .p4y-fhf-mobile-panel .sub-menu,
.p4y-fhf-mobile-nav .sub-menu,
.p4y-fhf-mobile-drawer .sub-menu,
.p4y-fhf-offcanvas .sub-menu{
display: none !important;
}
.p4y-fhf-mobile-close,
.p4y-fhf-mobile-panel .close,
.p4y-fhf-mobile-nav .close{
color: #fff !important;
fill: #fff !important;
stroke: #fff !important;
}
}
@media (max-width: 767px){
.p4y-fhf-header-wrap{
padding-left: 8px !important;
padding-right: 8px !important;
top: 16px !important;
}
.p4y-fhf-header-inner{
min-height: 54px !important;
padding: 7px 10px !important;
border-radius: 22px !important;
column-gap: 6px !important;
}
.p4y-fhf-logo img{
max-height: 28px !important;
}
.p4y-fhf-phone small{
font-size: 9px !important;
}
.p4y-fhf-phone strong{
font-size: 14px !important;
}
} .p4y-fhf-header-inner *,
.p4y-fhf-footer *{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} @media (max-width: 980px){ .p4y-fhf-header-inner .p4y-fhf-phone{
display: flex !important;
}
.p4y-fhf-mobile-panel .p4y-fhf-phone,
.p4y-fhf-mobile-nav .p4y-fhf-phone,
.p4y-fhf-mobile-drawer .p4y-fhf-phone,
.p4y-fhf-offcanvas .p4y-fhf-phone{
display: none !important;
} .p4y-fhf-phone small{
font-size: 9px !important;
line-height: 1 !important;
}
.p4y-fhf-phone strong{
font-size: 13px !important;
line-height: 1.05 !important;
} .p4y-fhf-mobile-panel > ul,
.p4y-fhf-mobile-nav > ul,
.p4y-fhf-mobile-drawer > ul,
.p4y-fhf-offcanvas > ul{
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
margin: 20px auto 0 !important;
width: min(76vw, 420px) !important;
} .p4y-fhf-mobile-panel > ul > li > a,
.p4y-fhf-mobile-nav > ul > li > a,
.p4y-fhf-mobile-drawer > ul > li > a,
.p4y-fhf-offcanvas > ul > li > a{
font-size: 24px !important;
padding: 12px 0 !important;
}
}
.p4y-site .work-audience {
padding-block: clamp(27px, 4.5vw, 68px);
scroll-margin-top: 80px;
}
.p4y-site .scope-marquee { overflow: hidden; }
.p4y-site .scope-track { overflow: hidden; padding-block: 5px; }
.p4y-site .scope-track:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.p4y-site .scope-belt,
.p4y-site .scope-belt ul { display: flex; width: max-content; }
.p4y-site .scope-belt ul {
flex: none;
gap: 10px;
margin: 0;
padding: 0 10px 0 0;
list-style: none;
}
.p4y-site .scope-belt li {
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
flex: none;
align-items: center;
justify-content: center;
gap: 11px;
width: clamp(240px, 25vw, 382px);
aspect-ratio: 3.82;
padding-inline: 16px;
border-radius: clamp(12px, 1.3vw, 21px);
color: #fff;
font-family: var(--type-sans);
font-size: var(--type-unit);
font-weight: 500;
line-height: 1.12;
letter-spacing: -.015em;
}
.p4y-site .scope-belt .scope-label {
min-width: 0;
text-wrap: balance;
text-shadow: 0 1px 5px #0008;
}
.p4y-site .scope-belt .scope-photo,
.p4y-site .scope-belt li::before {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.p4y-site .scope-belt .scope-photo {
z-index: -2;
background-image:url(//perfect4you.pl/wp-content/themes/p4y-home-v180/assets/media/c37d92ff0bb1cb7b.webp);
background-position:var(--photo-x) var(--photo-y);
background-size:200% var(--photo-height);
background-repeat:no-repeat;
transition: transform .45s ease;
}
.p4y-site .scope-belt li::before {
content: "";
z-index: -1;
background: #151613a8;
transition: background-color .3s ease;
}
.p4y-site .scope-belt li:hover::before { background: #15161378; }
.p4y-site .scope-belt li:hover .scope-photo { transform: scale(1.055); }
.p4y-site .scope-belt svg { flex: none; width: clamp(22px, 2.4vw, 34px); stroke-width: 6; }
.p4y-site .scope-actions { display: flex; flex-wrap: wrap; gap: 7px 28px; margin-top: 24px; }
@media (prefers-reduced-motion: reduce) {
.p4y-site .scope-belt .scope-photo { transition: none; }
.p4y-site .scope-belt li:hover .scope-photo { transform: none; }
}
.p4y-site .interior-story {
--story-header-offset: calc(var(--p4y-h3-height, 92px) + 12px);
position: relative;
scroll-margin-top: var(--story-header-offset);
color: #292722;
background: #f6f3ee;
}
.p4y-site .interior-story-stage { position: relative; scroll-margin-top: var(--story-header-offset); }
.p4y-site .interior-story-panel {
display: grid;
gap: 14px;
padding: 26px clamp(18px, 6vw, 105px);
}
.p4y-site .interior-story-panel .story-photo-link {
width: 100%;
height: min(56svh, 460px);
object-fit: cover;
object-position: var(--story-focus, center);
}
.p4y-site .interior-story-panel:nth-child(1) { --story-focus: 49% 68%; }
.p4y-site .interior-story-panel:nth-child(2) { --story-focus: 52% 49%; }
.p4y-site .interior-story-panel:nth-child(3) { --story-focus: 51% 58%; }
.p4y-site .interior-story-panel:nth-child(4) { --story-focus: 43% 53%; }
.p4y-site .interior-story-panel:nth-child(5) { --story-focus: 48% 67%; }
.p4y-site .interior-story-copy p {
max-width: 39ch;
font: 400 clamp(14px, 1.2vw, 18px)/1.45 var(--type-sans);
}
.p4y-site .interior-story-copy p:first-child {
font-size: 11px;
letter-spacing: .12em;
text-transform: uppercase;
}
.p4y-site main .interior-story-copy h2 {
margin-block: 9px 12px;
font: 400 clamp(32px, 4.45vw, 72px)/1.06 var(--type-serif);
letter-spacing: -.05em;
text-wrap: balance;
}
@media (max-width: 980px) {
.p4y-site .interior-story { --story-header-offset: calc(var(--p4y-h3-height-mobile, 76px) + 12px); }
}
@media (min-width: 768px) {
.p4y-site .interior-story:not(.is-animated) .interior-story-panel {
grid-template-columns: 1fr 1fr;
align-items: center;
}
.p4y-site .interior-story.is-animated { min-height: 252svh; }
.p4y-site .interior-story.is-animated .interior-story-stage {
position: sticky;
top: var(--story-header-offset);
height: min(79svh, calc(100svh - var(--story-header-offset) - 20px));
overflow: hidden;
}
.p4y-site .interior-story.is-animated .interior-story-panel {
position: absolute;
inset: 0;
display: block;
padding: 0;
pointer-events: none;
--story-mask: inset(var(--story-cover, 100%) 0 0 0);
}
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link {
position: absolute;
top: 9%;
right: 5%;
width: min(44.5vw, 675px);
height: 78%;
max-height: none;
opacity: var(--story-photo-opacity, 0);
clip-path: var(--story-mask);
transform: translateY(var(--story-photo, 0px));
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) {
--story-mask: inset(0 var(--story-cover, 100%) 0 0);
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link {
right: auto;
left: 5%;
top: 12%;
height: 75%;
}
.p4y-site .interior-story.is-animated .interior-story-copy {
position: absolute;
z-index: 1;
top: 45%;
left: 5%;
width: min(42vw, 620px);
padding: 0;
opacity: var(--story-text, 0);
transform: translateY(calc(-50% + var(--story-lift, 0px)));
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .interior-story-copy {
left: auto;
right: 5%;
}
.p4y-site .interior-story.is-animated .interior-story-word {
display: inline-block;
overflow: clip;
vertical-align: bottom;
padding: 0 .045em .09em;
margin: 0 -.045em -.09em;
}
.p4y-site .interior-story.is-animated .interior-story-word span {
--word-reveal: clamp(0, calc((var(--story-ink, 0) - var(--word-delay)) / .65), 1);
display: inline-block;
opacity: var(--word-reveal);
transform: translateY(calc(105% * (1 - var(--word-reveal))));
}
}
@media (max-width: 767px) {
.p4y-site .interior-story-panel {
gap: 12px;
padding: 17px 0 21px;
}
.p4y-site .interior-story-panel:first-child .interior-story-copy { grid-row: 1; }
.p4y-site .interior-story-panel + .interior-story-panel {
border-top: 1px solid #2927221a;
}
.p4y-site .interior-story-panel .story-photo-link {
height: clamp(192px, 70vw, 445px);
max-height: 58svh;
}
.p4y-site .interior-story-copy {
padding-inline: clamp(16px, 5vw, 28px);
}
.p4y-site main .interior-story-copy h2 {
font-size: clamp(32px, 8.6vw, 54px);
line-height: 1.01;
}
.p4y-site .interior-story-copy p { max-width: 40ch; }
}
@supports (animation-timeline: view()) {
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
.p4y-site .interior-story-panel {
view-timeline-name: --story-panel;
view-timeline-axis: block;
}
.p4y-site .interior-story:not(.is-animated) .interior-story-panel .story-photo-link {
animation: story-photo-entry linear both;
animation-timeline: --story-panel;
animation-range: entry 0% entry 74%;
}
.p4y-site .interior-story:not(.is-animated) .interior-story-copy {
animation: story-copy-entry linear both;
animation-timeline: --story-panel;
animation-range: entry 36% entry 100%;
}
}
}
@keyframes story-photo-entry {
from { clip-path: inset(0 0 18% 0); }
to { clip-path: inset(0); }
}
@keyframes story-copy-entry {
from { opacity: .45; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
.p4y-site .interior-story.is-animated { min-height: 252svh; }
.p4y-site .interior-story.is-animated .interior-story-stage {
position: sticky;
top: var(--story-header-offset);
height: calc(100svh - var(--story-header-offset) - 12px);
overflow: hidden;
}
.p4y-site .interior-story.is-animated .interior-story-panel {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: clamp(10px, 2svh, 16px);
padding: clamp(14px, 2.5svh, 26px) 0 clamp(20px, 4svh, 35px);
border: 0;
pointer-events: none;
--story-mask: inset(0 0 calc(var(--story-cover, 100%) * .16));
}
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link {
grid-row: 2;
width: 100%;
height: 100%;
min-height: 0;
max-height: none;
opacity: var(--story-photo-opacity, 0);
clip-path: var(--story-mask);
transform: translateY(calc(var(--story-photo, 0px) * .34));
}
.p4y-site .interior-story.is-animated .interior-story-copy {
grid-row: 1;
padding-inline: clamp(16px, 5vw, 28px);
opacity: var(--story-text, 0);
transform: translateY(var(--story-lift, 0px));
}
.p4y-site main .interior-story.is-animated .interior-story-copy h2 {
font-size: clamp(27px, min(8.5vw, 6svh), 47px);
margin-block: 5px 6px;
}
.p4y-site .interior-story.is-animated .interior-story-word {
display: inline-block;
overflow: clip;
vertical-align: bottom;
padding-bottom: .09em;
margin-bottom: -.09em;
}
.p4y-site .interior-story.is-animated .interior-story-word span {
--word-reveal: clamp(0, calc((var(--story-ink, 0) - var(--word-delay)) / .65), 1);
display: inline-block;
opacity: var(--word-reveal);
transform: translateY(calc(105% * (1 - var(--word-reveal))));
}
}
.p4y-site .p4y-proof { background:var(--paper,#f4f2ed); color:var(--ink,#282824); }
.p4y-proof-inner { max-width:1680px; margin-inline:auto; }
.p4y-proof-heading { padding:clamp(2.4rem,5vw,5rem) clamp(1rem,5vw,5.2rem) clamp(1.65rem,4vw,3.6rem); }
.p4y-proof-heading > p,.p4y-proof-label { margin:0 0 1rem; font-size:.72rem; line-height:1.45; text-transform:uppercase; letter-spacing:.11em; }
.p4y-proof-heading h2 { margin:0; font-size:clamp(2.65rem,7.2vw,8rem); font-weight:400; line-height:.93; letter-spacing:-.06em; }
.p4y-proof-heading h2 em { color:#695b4c; font-weight:inherit; }
.p4y-proof-stage { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; padding:clamp(2rem,5vw,5rem); min-height:clamp(470px,53vw,690px); }
.p4y-proof-photo { position:absolute; inset:0; margin:0; overflow:hidden; background:#544b40; }
.p4y-proof-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:35% center; }
.p4y-proof-photo figcaption { position:absolute; bottom:1rem; left:clamp(1rem,4vw,4rem); color:white; background:#292622c9; padding:.3rem .55rem; font-size:.72rem; }
.p4y-proof-sheet { position:relative; grid-column:2; width:100%; padding:clamp(1.5rem,3.8vw,3.6rem); background:#f4f2ed; color:#282824; }
.p4y-proof-sheet h3 { margin:0; font-size:clamp(1.65rem,3.3vw,3.45rem); font-weight:400; line-height:1; letter-spacing:-.04em; }
.p4y-proof-sheet dl { margin:1.4rem 0; border-top:1px solid #d1c9bd; }
.p4y-proof-sheet dl div { padding:.7rem 0; border-bottom:1px solid #d1c9bd; }
.p4y-proof-sheet dt { display:flex; gap:.65rem; align-items:baseline; font-size:.73rem; color:#695b4c; }
.p4y-proof-sheet dt span { font-size:1rem; font-weight:600; color:#282824; }
.p4y-proof-sheet dd { margin:.25rem 0 0 1.65rem; font-size:.92rem; line-height:1.45; }
@supports (animation-timeline:view()) {
.p4y-proof-photo { animation:p4y-proof-frame linear both; animation-timeline:view(); animation-range:entry 0% entry 75%; }
.p4y-proof-sheet { animation:p4y-proof-sheet-in linear both; animation-timeline:view(); animation-range:entry 0% entry 70%; }
@keyframes p4y-proof-frame { from { clip-path:inset(0 6% 0 6%); } to { clip-path:inset(0); } }
@keyframes p4y-proof-sheet-in { from { transform:translateY(24px); opacity:.82; } to { transform:none; opacity:1; } }
}
@media (prefers-reduced-motion:reduce) {
html:not(.p4y-motion-preview) :is(.p4y-proof-photo,.p4y-proof-sheet) { animation:none; }
}
@media (max-width:760px) {
.p4y-proof-stage { display:block; padding:0; min-height:0; }
.p4y-proof-photo { position:relative; aspect-ratio:5 / 3; }
.p4y-proof-sheet { padding:1.5rem 1rem 2.2rem; }
}
.p4y-site .interior-story-panel .story-photo-link {
display:block;
position:relative;
overflow:hidden;
color:white;
}
.p4y-site .interior-story-panel .story-photo-link img {
position:absolute;
inset:0;
width:100%;
height:100%;
max-height:none;
object-fit:cover;
object-position:var(--story-focus,center);
opacity:1;
clip-path:none;
transform:none;
translate:none;
scale:1;
transition:scale .65s cubic-bezier(.2,.7,.2,1);
}
.story-photo-caption {
position:absolute;
inset:0;
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap;
align-content:flex-end;
gap:1rem;
padding:clamp(1rem,3vw,2.5rem);
background:linear-gradient(transparent 45%,#000a);
opacity:1;
}
.story-photo-caption h3 {
flex:1 1 150px;
margin:0;
max-width:22ch;
color:white;
font:400 clamp(1.2rem,2.5vw,2.5rem)/1.08 var(--type-serif);
letter-spacing:-.035em;
}
.p4y-site .story-photo-link .story-contact-button {
display:inline-flex!important;
align-self:flex-end;
flex:0 1 auto;
white-space:normal;
max-width:100%;
text-align:left;
}
.p4y-site .story-photo-link .story-contact-button .p4y-fhf-cta-icon { flex-shrink:0; }
.p4y-site .story-contact-button:focus-visible {
outline:3px solid #fff;
outline-offset:4px;
}
@media (hover:hover) and (pointer:fine) {
.story-photo-caption { opacity:0; pointer-events:none; transition:opacity .3s ease; }
.story-photo-link.is-photo-intent .story-photo-caption,
.story-photo-link:has(.story-contact-button:focus-visible) .story-photo-caption {
opacity:1;
pointer-events:auto;
}
.p4y-site .interior-story-panel .story-photo-link.is-photo-intent img { scale:1.065; }
}
@media (prefers-reduced-motion:reduce) {
.p4y-site .interior-story-panel .story-photo-link img,
.story-photo-caption { transition:none; }
}
@media (min-width:768px) {
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link {
right:2%; top:5%; width:48%; height:87%;
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link {
left:2%; right:auto; top:5%; height:87%;
}
.story-photo-caption { padding:clamp(1rem,2vw,1.8rem); gap:.9rem; }
.story-photo-caption h3 { font-size:clamp(1.1rem,1.6vw,1.7rem); }
}
@media (max-width:767px) {
.story-photo-caption { gap:.85rem; padding:1rem; }
.story-photo-caption h3 { font-size:1.15rem; }
.p4y-site .story-photo-link .story-contact-button {
font-size:14px; min-height:44px; padding:6px 9px 6px 13px; gap:7px;
}
} .story-photo-caption {
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
align-content:normal;
flex-wrap:nowrap;
gap:.85rem;
}
.story-photo-caption h3 {
flex:0 0 auto;
max-width:100%;
margin:0;
}
.p4y-site .story-photo-link .story-contact-button {
align-self:flex-start;
flex:0 0 auto;
}
.p4y-project-dialog {
border:0; padding:0; width:min(1080px,calc(100vw - 48px)); max-width:none;
max-height:calc(100dvh - 48px); margin:auto; color:#292722; background:#f6f3ee;
overflow:auto; overscroll-behavior:contain; font-family:var(--type-sans,Arial,sans-serif);
}
.p4y-project-dialog::backdrop { background:#161510b8; backdrop-filter:blur(9px); }
.p4y-project-layout { position:relative; display:grid; grid-template-columns:1fr 1.05fr; }
.p4y-project-close {
position:absolute; right:12px; top:10px; z-index:2; width:44px; height:44px;
border:1px solid #8a7d6444; border-radius:50%; background:#f6f3ee; color:#292722; font:300 30px/1 Arial; cursor:pointer;
}
.p4y-project-intro { display:flex; flex-direction:column; justify-content:space-between; gap:3rem; padding:clamp(1.5rem,4.5vw,4rem); background:#302e27; color:#f6f3ee; }
.p4y-project-brand { margin:0; font-size:clamp(1.25rem,2.5vw,2rem); letter-spacing:-.055em; }
.p4y-project-eyebrow { font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; margin:0 0 1.2rem; }
.p4y-project-intro h2 { font:400 clamp(2.2rem,4.1vw,3.8rem)/.98 var(--type-serif,Georgia,serif); letter-spacing:-.05em; margin:0 0 1.5rem; }
.p4y-project-intro h2 em { color:#d9c6a7; }
.p4y-project-intro h2 + p { max-width:32ch; line-height:1.6; margin:0; color:#e6e0d5; }
.p4y-project-direct { display:grid; gap:.8rem; }
.p4y-project-direct a { color:inherit; text-decoration:none; overflow-wrap:anywhere; min-height:30px; }
.p4y-project-form { display:grid; gap:1.35rem; padding:clamp(3.75rem,5vw,4.5rem) clamp(1.5rem,4vw,3.5rem) 2.5rem; }
.p4y-project-form label { display:grid; gap:.6rem; font-size:.88rem; }
.p4y-project-form label span { color:#6a6257; font-size:.75rem; }
.p4y-project-fields { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.p4y-project-form :is(input,textarea) { display:block; width:100%; min-width:0; border:0; border-bottom:1px solid #afa391; border-radius:0; background:transparent; padding:.45rem 0 .65rem; color:#292722; font:inherit; line-height:1.5; box-sizing:border-box; }
.p4y-project-form textarea { resize:vertical; min-height:100px; }
.p4y-project-note { margin:0; color:#6a6257; font-size:.74rem; line-height:1.5; }
.p4y-project-note a { color:inherit; }
.p4y-project-dialog :focus-visible { outline:2px solid #9b7e4f; outline-offset:4px; }
.p4y-project-dialog .p4y-project-submit { display:inline-flex!important; justify-self:start; cursor:pointer; border:0; color:#292722!important; background:#e7dfd1!important; }
html.p4y-project-open { overflow:hidden!important; }
@media(prefers-reduced-motion:no-preference) {
.p4y-project-dialog[open] { animation:p4y-project-arrive .4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes p4y-project-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
}
@media(max-width:700px) {
.p4y-project-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
.p4y-project-layout { grid-template-columns:1fr; }
.p4y-project-intro { gap:1.5rem; padding:1.5rem; }
.p4y-project-intro h2 { font-size:2.45rem; }
.p4y-project-form { padding:1.75rem 1.5rem; }
.p4y-project-fields { grid-template-columns:1fr; }
.p4y-project-brand { padding-right:44px; }
}
.p4y-project-dialog { width:min(920px,calc(100vw - 40px)); }
.p4y-project-layout { grid-template-columns:.85fr 1.15fr; }
.p4y-project-intro { gap:2.5rem; padding:2.25rem; }
.p4y-project-contact-core h2 { font-size:clamp(2.3rem,4vw,3.5rem); margin:0 0 1.75rem; }
.p4y-project-contact-core > a,.p4y-project-socials a {
display:flex; align-items:center; gap:.7rem; min-height:44px;
color:inherit; text-decoration:none;
}
.p4y-project-contact-core a:hover { color:#d9c6a7; }
.p4y-project-phone { font-size:1.15rem; }
.p4y-project-whatsapp { margin-top:.5rem; }
.p4y-project-socials { display:flex; flex-wrap:wrap; gap:.3rem 1.15rem; margin-top:1.35rem; }
.p4y-project-socials a { font-size:.8rem; }
.p4y-project-email { font-size:.85rem; color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.p4y-project-form { gap:1rem; padding:3.5rem 2rem 2rem; }
.p4y-project-form > .p4y-project-eyebrow { margin:0 0 .25rem; }
.p4y-project-form textarea { min-height:85px; }
.p4y-project-note { font-size:.7rem; }
@media(max-width:700px) {
.p4y-project-dialog { width:calc(100vw - 20px); }
.p4y-project-layout { grid-template-columns:1fr; }
.p4y-project-intro { padding:1.5rem; gap:1.25rem; }
.p4y-project-contact-core h2 { margin-bottom:.8rem; }
.p4y-project-socials { margin-top:.7rem; }
.p4y-project-form { padding:1.5rem; }
}
.p4y-project-dialog .p4y-project-form .p4y-project-submit {
background:#302e27!important;
color:#f6f3ee!important;
border:1px solid #302e27!important;
box-shadow:none!important;
}
.p4y-project-dialog .p4y-project-submit::before {
display:none!important;
}
.p4y-project-dialog .p4y-project-submit > span {
color:#f6f3ee!important;
}
.p4y-project-dialog .p4y-project-submit .p4y-fhf-cta-icon {
background:#f6f3ee!important;
color:#302e27!important;
box-shadow:none!important;
}
.p4y-project-dialog .p4y-project-submit .p4y-fhf-cta-icon svg,
.p4y-project-dialog .p4y-project-submit .p4y-fhf-cta-icon svg path {
color:#302e27!important;
stroke:#302e27!important;
}
.p4y-project-dialog .p4y-project-form .p4y-project-submit:hover {
background:#494437!important;
color:#fff!important;
}
.p4y-project-dialog .p4y-project-submit:focus-visible {
outline:3px solid #8b7048!important;
outline-offset:4px;
}
.p4y-project-dialog .p4y-project-form :is(input, textarea):focus,
.p4y-project-dialog .p4y-project-form :is(input, textarea):focus-visible {
outline:none!important;
box-shadow:none!important;
border:0!important;
border-bottom:1px solid #695b4c!important;
}
.p4y-project-dialog .p4y-project-form :is(input, textarea)[aria-invalid="true"] {
border-bottom-color:#a12626!important;
}
.p4y-project-dialog .p4y-project-form .p4y-project-error {
display:block;
color:#a12626;
font-size:.78rem;
line-height:1.4;
}
.p4y-project-dialog .p4y-project-error[hidden] { display:none!important; }
.p4y-site main .interior-story-copy {
text-align:center;
box-sizing:border-box;
}
.p4y-site main .interior-story-copy h2 {
font:400 clamp(32px,3.8vw,62px)/1.06 var(--type-serif);
letter-spacing:-.045em;
text-wrap:balance;
}
.p4y-site main .interior-story-copy p {
max-width:36ch;
margin-inline:auto;
font:400 clamp(14px,1.15vw,17px)/1.55 var(--type-sans);
text-wrap:pretty;
}
.p4y-site main .interior-story-copy p:first-child {
font-size:clamp(10px,.8vw,12px);
line-height:1.4;
letter-spacing:.1em;
margin-bottom:.8rem;
}
@media(min-width:768px) {
.p4y-site .interior-story.is-animated .interior-story-copy {
top:50%;
left:5%;
width:39%;
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .interior-story-copy {
left:auto;
right:5%;
}
}
@media(max-width:767px) {
.p4y-site .interior-story.is-animated .interior-story-panel {
padding-top:12px;
padding-bottom:12px;
gap:12px;
}
.p4y-site .interior-story.is-animated .interior-story-copy {
padding-inline:clamp(16px,5vw,28px);
}
.p4y-site main .interior-story.is-animated .interior-story-copy h2,
.p4y-site main .interior-story-copy h2 {
font-size:clamp(26px,min(7.6vw,5.5svh),39px);
line-height:1.06;
margin-block:.4rem .6rem;
}
.p4y-site main .interior-story-copy p { font-size:14px; line-height:1.45; max-width:39ch; }
.p4y-site main .interior-story-copy p:first-child { font-size:10px; margin-bottom:.3rem; }
.story-photo-caption { padding:14px 16px; gap:10px; }
}
@media(max-width:767px) and (max-height:650px) {
.p4y-site main .interior-story-copy p { font-size:12px; line-height:1.35; }
.p4y-site main .interior-story.is-animated .interior-story-copy h2 { font-size:25px; }
} .p4y-site .interior-story-panel .story-photo-link img,
.p4y-site .interior-story-panel .story-photo-link.is-photo-intent img {
scale:1;
transition:none;
}
@media (min-width:768px) and (hover:hover) and (pointer:fine) {
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link {
transition:width .8s cubic-bezier(.22,.61,.36,1),right .8s cubic-bezier(.22,.61,.36,1),left .8s cubic-bezier(.22,.61,.36,1);
}
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link.is-photo-intent {
width:50%;
right:1%;
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link.is-photo-intent {
left:1%;
right:auto;
}
}
@media (prefers-reduced-motion:reduce) {
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link { transition:none; }
}
.p4y-site .interior-story-panel .story-photo-surface {
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:hidden;
}
.p4y-site .interior-story-panel .story-photo-link img,
.p4y-site .interior-story-panel .story-photo-link.is-photo-intent img {
scale:1!important;
transform:none!important;
width:100%!important;
height:100%!important;
}
@media(min-width:768px) and (hover:hover) and (pointer:fine) {
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link,
.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link.is-photo-intent {
width:50%;
right:1%;
transition:none;
}
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link,
.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link.is-photo-intent {
left:1%;
right:auto;
}
.p4y-site .interior-story.is-animated .story-photo-surface {
clip-path:inset(0 2%);
transition:clip-path .85s cubic-bezier(.22,.61,.36,1);
}
.p4y-site .interior-story.is-animated .story-photo-link.is-photo-intent .story-photo-surface {
clip-path:inset(0 0);
}
}
@media(prefers-reduced-motion:reduce) {
.p4y-site .interior-story.is-animated .story-photo-surface { transition:none; }
}
@media(min-width:768px) and (hover:hover) and (pointer:fine) {
.p4y-site .interior-story.is-animated .story-photo-surface {
clip-path:inset(0 7%);
transition:clip-path 1s cubic-bezier(.22,.61,.36,1);
}
.p4y-site .interior-story.is-animated .story-photo-link.is-photo-intent .story-photo-surface {
clip-path:inset(0);
}
}
@media(max-width:767px) and (hover:none) {
.p4y-site .interior-story.is-animated .story-photo-surface {
clip-path:inset(0 6%);
transition:clip-path 1.05s cubic-bezier(.22,.61,.36,1);
}
.p4y-site .interior-story.is-animated .story-photo-link.is-photo-settled .story-photo-surface {
clip-path:inset(0);
}
.p4y-site .story-photo-caption { padding-inline:24px; }
}
@media(prefers-reduced-motion:reduce) {
.p4y-site .interior-story.is-animated .story-photo-surface { transition:none; }
}
.p4y-site main .interior-story-copy,
.p4y-site main .interior-story-copy h2,
.p4y-site main .interior-story-copy p {
text-align:left;
}
.p4y-site main .interior-story-copy p {
margin-left:0;
margin-right:0;
}
.p4y-site .interior-story-panel .story-photo-surface::after {
content:"";
position:absolute;
inset:0;
pointer-events:none;
box-shadow:inset 0 0 3px 2px #f6f3ee;
}
@media(max-width:767px) {
.p4y-site .interior-story-panel .story-photo-link {
width:100%;
margin-inline:0;
border-radius:0;
}
.p4y-site .interior-story-panel .story-photo-surface,
.p4y-site .interior-story.is-animated .story-photo-surface,
.p4y-site .interior-story.is-animated .story-photo-link.is-photo-settled .story-photo-surface {
clip-path:inset(0)!important;
-webkit-mask-image:none!important;
mask-image:none!important;
border-radius:0;
}
.p4y-site .interior-story-panel .story-photo-surface::after {
display:none;
}
}
.p4y-site .interior-story-panel .story-photo-surface {
-webkit-mask-image:none!important;
mask-image:none!important;
box-shadow:none!important;
}
.p4y-site .interior-story-panel .story-photo-surface::after {
display:none!important;
}
@media(max-width:767px) {
.p4y-site .interior-story {
--story-header-offset:calc(var(--p4y-h3-height-mobile,60px) + 24px);
}
.p4y-site .interior-story.is-animated .interior-story-panel {
padding-top:24px;
}
.p4y-site main .interior-story-copy p:first-child {
max-width:none;
width:auto;
margin-top:0;
margin-bottom:10px;
}
}
@media(hover:none), (pointer:coarse) {
.p4y-site .story-photo-caption {
opacity:0;
pointer-events:none;
transition:opacity .3s ease;
}
.p4y-site .story-photo-link.is-touch-revealed .story-photo-caption,
.p4y-site .story-photo-link:has(.story-contact-button:focus-visible) .story-photo-caption {
opacity:1;
pointer-events:auto;
}
}
@media(prefers-reduced-motion:reduce) {
.p4y-site .story-photo-caption { transition:none; }
}
.p4y-photo-credit { position:absolute; top:10px; right:10px; z-index:1; max-width:calc(100% - 24px); padding:3px 6px; color:white; background:#1e1b176b; font:400 9px/1.4 var(--type-sans,Arial,sans-serif); pointer-events:none; }
.p4y-site .interior-story-panel { --story-focus:50% 50%; }
.p4y-site .interior-story-panel:nth-child(2) { --story-focus:50% 50%; }
.p4y-site .interior-story-panel:nth-child(3) { --story-focus:42% 50%; }
.p4y-site .interior-story-panel:nth-child(4) { --story-focus:50% 42%; }
.p4y-site .interior-story-panel:nth-child(5) { --story-focus:50% 50%; }
.p4y-site .interior-story-panel:nth-child(4){--story-focus:50% 35%;}
.p4y-site .interior-story-panel{--story-focus:50% 50%;}.p4y-site .interior-story-panel:nth-child(4){--story-focus:50% 38%;}
.p4y-site .interior-story-panel{--story-focus:50% 50%;}.p4y-site .interior-story-panel:nth-child(4){--story-focus:50% 42%;}
.p4y-site .scope-intro{padding:0 clamp(20px,5vw,88px) clamp(28px,4vw,56px);max-width:1700px;margin:auto}.p4y-site .scope-intro p,.p4y-site .delivery-eyebrow{font:500 12px/1.5 var(--type-sans);letter-spacing:.09em;text-transform:uppercase;margin:0 0 20px}.p4y-site .scope-intro h2{font:400 clamp(36px,4.8vw,76px)/1.05 var(--type-serif);letter-spacing:-.035em;margin:0;max-width:1000px;text-wrap:balance}
.p4y-site .delivery-section{padding:clamp(64px,8vw,128px) clamp(20px,5vw,88px);background:#e9e7df;color:#292a26}.p4y-site .delivery-inner{max-width:1524px;margin:auto}.p4y-site .delivery-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:clamp(48px,6vw,96px)}.p4y-site .delivery-intro h2{font:400 clamp(40px,5.4vw,84px)/1.02 var(--type-serif);letter-spacing:-.04em;margin:0;text-wrap:balance}.p4y-site .delivery-lead{font:400 clamp(17px,1.45vw,22px)/1.55 var(--type-sans);margin:0;max-width:530px}.p4y-site .delivery-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}.p4y-site .delivery-service{border-top:1px solid #a8a99d;padding-top:24px}.p4y-site .delivery-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.p4y-site .delivery-service-top span{font:400 12px/1 var(--type-sans);color:#65675e}.p4y-site .delivery-service svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.p4y-site .delivery-service h3{font:400 clamp(25px,2.5vw,39px)/1.12 var(--type-serif);letter-spacing:-.025em;margin:0 0 18px;max-width:380px}.p4y-site .delivery-service p{font:400 clamp(16px,1.2vw,18px)/1.65 var(--type-sans);margin:0;max-width:390px;color:#50524b}.p4y-site .delivery-footer{margin-top:48px;display:flex;justify-content:flex-end}.p4y-site .delivery-footer .text-link{font-family:var(--type-sans)}
@media(max-width:700px){.p4y-site .delivery-intro{grid-template-columns:1fr;gap:28px}.p4y-site .delivery-services{grid-template-columns:1fr;gap:36px}.p4y-site .delivery-service-top{margin-bottom:20px}.p4y-site .delivery-service h3,.p4y-site .delivery-service p{max-width:none}.p4y-site .delivery-service svg{width:44px;height:44px}.p4y-site .delivery-footer{justify-content:flex-start}.p4y-site .scope-intro h2{font-size:38px}}
.p4y-site main .scope-intro h2{font:400 clamp(36px,4.8vw,76px)/1.05 var(--type-serif)!important;letter-spacing:-.035em!important}.p4y-site main .delivery-intro h2{font:400 clamp(40px,5.4vw,84px)/1.02 var(--type-serif)!important;letter-spacing:-.04em!important}.p4y-site main .delivery-service h3{font:400 clamp(25px,2.5vw,39px)/1.12 var(--type-serif)!important;letter-spacing:-.025em!important}@media(max-width:700px){.p4y-site main .scope-intro h2{font-size:38px!important}}
.p4y-site main .scope-intro h2{font:400 clamp(40px,5.4vw,84px)/1.02 var(--type-serif)!important;letter-spacing:-.04em!important;max-width:1100px}
.p4y-site .delivery-section{background:var(--paper,#f4f2ed);padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.p4y-site .delivery-services{gap:clamp(28px,4.5vw,72px)}.p4y-site .delivery-service p{line-height:1.55}.p4y-site .delivery-intro{gap:6vw;margin-bottom:clamp(40px,5vw,72px)}
.p4y-site .work-audience{border-top:1px solid #b8b7ad;padding-top:clamp(44px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.p4y-site .scope-intro{padding-bottom:clamp(32px,4vw,56px)}
@media(max-width:700px){.p4y-site .delivery-intro h2,.p4y-site main .scope-intro h2{font-size:clamp(36px,10vw,52px)!important}.p4y-site .delivery-services{gap:40px}.p4y-site .delivery-service{padding-top:20px}.p4y-site .delivery-intro{gap:24px}.p4y-site .delivery-lead{line-height:1.5}}
.p4y-site .work-audience{border:0;padding-block:clamp(24px,3vw,44px)}.p4y-site .delivery-section{padding-top:clamp(48px,6vw,88px)}.p4y-site .delivery-service-top{justify-content:flex-start;margin-bottom:24px}.p4y-site .delivery-service svg{width:46px;height:46px}.p4y-site .delivery-services{gap:clamp(28px,4vw,64px)}.p4y-site .delivery-service p{max-width:40ch}.p4y-site .delivery-intro{margin-bottom:clamp(32px,4vw,60px)}@media(max-width:700px){.p4y-site .delivery-service p{max-width:none}.p4y-site .delivery-service-top{margin-bottom:18px}.p4y-site .delivery-service svg{width:38px;height:38px}}
.p4y-site .delivery-section{padding:clamp(40px,5vw,76px) clamp(20px,5vw,88px);background:#e9e7df}.p4y-site .delivery-intro{grid-template-columns:1.45fr 1fr;align-items:end;gap:5vw;margin-bottom:clamp(28px,3vw,44px)}.p4y-site main .delivery-intro h2{font-size:clamp(40px,4.6vw,70px)!important}.p4y-site .delivery-lead{font-size:clamp(17px,1.4vw,21px);max-width:390px;line-height:1.5}.p4y-site .delivery-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,80px);align-items:stretch}.p4y-site .delivery-image{margin:0;min-height:420px;overflow:hidden}.p4y-site .delivery-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.p4y-site .delivery-services{display:flex;flex-direction:column;gap:0;justify-content:space-between}.p4y-site .delivery-service{padding:18px 0 22px;border-top:1px solid #b4b4aa}.p4y-site main .delivery-service h3{font-size:clamp(25px,2.3vw,34px)!important;margin-bottom:12px}.p4y-site .delivery-service p{max-width:48ch;font-size:clamp(15px,1.15vw,17px);line-height:1.55}.p4y-site .delivery-footer{margin-top:10px;justify-content:flex-start}
@media(min-width:701px) and (min-height:650px){.p4y-site .delivery-image{height:clamp(420px,53vh,620px)}}
@media(max-width:700px){.p4y-site .delivery-intro{grid-template-columns:1fr;gap:22px}.p4y-site main .delivery-intro h2{font-size:clamp(36px,10vw,52px)!important}.p4y-site .delivery-layout{grid-template-columns:1fr;gap:28px}.p4y-site .delivery-image{height:340px;min-height:0}.p4y-site .delivery-service{padding:22px 0}.p4y-site .delivery-service p{font-size:16px}.p4y-site .delivery-footer{margin-top:12px}}
.p4y-site .delivery-lead{font:400 clamp(17px,1.4vw,20px)/1.5 var(--type-sans)!important}.p4y-site .delivery-service p{font:400 16px/1.5 var(--type-sans)!important}.p4y-site .delivery-image::before,.p4y-site .delivery-image::after{display:none!important}
@media(min-width:701px){.p4y-site .delivery-section{padding-block:32px;min-height:calc(100svh - 84px);box-sizing:border-box}.p4y-site main .delivery-intro h2{font-size:clamp(38px,4.2vw,64px)!important}.p4y-site .delivery-intro{margin-bottom:28px}.p4y-site .delivery-image{height:clamp(340px,46vh,460px);min-height:0}.p4y-site .delivery-service{padding:12px 0 16px}.p4y-site main .delivery-service h3{font-size:clamp(24px,2.1vw,30px)!important;margin-bottom:8px}.p4y-site .delivery-service p{font:400 15px/1.45 var(--type-sans)!important}.p4y-site .delivery-footer{margin-top:8px}}
@media(min-width:701px){.p4y-site .delivery-section{min-height:calc(100svh - 104px)}}@media(min-width:701px) and (max-height:760px){.p4y-site .delivery-section{padding-block:24px}.p4y-site .delivery-image{height:280px}.p4y-site .delivery-service{padding:8px 0 10px}.p4y-site main .delivery-service h3{font-size:25px!important}.p4y-site .delivery-service p{font-size:14px!important;line-height:1.35!important}.p4y-site .delivery-intro{margin-bottom:20px}.p4y-site .delivery-footer{margin-top:0}}
.p4y-site .delivery-editorial{background:#242723;color:#f1efe7;padding:clamp(40px,5vw,76px) clamp(20px,5vw,88px);min-height:calc(100svh - 104px);box-sizing:border-box}.p4y-site .delivery-editorial .delivery-inner{display:flex;flex-direction:column;min-height:inherit}.p4y-site .delivery-editorial .delivery-intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:6vw;margin-bottom:clamp(36px,5vh,64px)}.p4y-site main .delivery-editorial .delivery-intro h2{font:400 clamp(40px,5.2vw,80px)/1.04 var(--type-serif)!important;letter-spacing:-.045em!important;color:inherit}.p4y-site .delivery-editorial .delivery-lead{font:400 clamp(17px,1.4vw,21px)/1.5 var(--type-sans)!important;color:#c9cbbf;max-width:380px}.p4y-site .delivery-editorial .delivery-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}.p4y-site .delivery-editorial .delivery-service{position:relative;padding:24px 0 0;border-top:1px solid #6a6f61;display:flex;flex-direction:column;align-items:start}.p4y-site main .delivery-editorial .delivery-service h3{font:400 clamp(29px,3.2vw,48px)/1.06 var(--type-serif)!important;color:inherit;margin:0 0 20px;letter-spacing:-.025em}.p4y-site .delivery-editorial .delivery-service p{font:400 clamp(15px,1.15vw,17px)/1.5 var(--type-sans)!important;color:#c9cbbf;max-width:35ch;margin:0}.p4y-site .delivery-editorial .delivery-service svg{width:82px;height:76px;fill:none;stroke:#b6bda4;stroke-width:1.1;margin-top:26px}.p4y-site .delivery-editorial .delivery-footer{margin-top:32px;justify-content:flex-end}.p4y-site .delivery-editorial .text-link{color:#f1efe7!important;border-color:#8e9483}.p4y-site .delivery-editorial .text-link:after{background-color:#f1efe7}
@media(min-width:701px){.p4y-site .delivery-editorial .delivery-inner{min-height:0}}@media(min-width:701px) and (max-height:760px){.p4y-site .delivery-editorial{padding-block:28px}.p4y-site main .delivery-editorial .delivery-intro h2{font-size:clamp(38px,4.4vw,62px)!important}.p4y-site .delivery-editorial .delivery-intro{margin-bottom:28px}.p4y-site main .delivery-editorial .delivery-service h3{font-size:32px!important;margin-bottom:12px}.p4y-site .delivery-editorial .delivery-service svg{height:48px;margin-top:18px}.p4y-site .delivery-editorial .delivery-footer{margin-top:20px}}
@media(max-width:700px){.p4y-site .delivery-editorial{padding-block:40px;min-height:0}.p4y-site .delivery-editorial .delivery-inner{min-height:0}.p4y-site .delivery-editorial .delivery-intro{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.p4y-site main .delivery-editorial .delivery-intro h2{font-size:clamp(36px,10vw,52px)!important}.p4y-site .delivery-editorial .delivery-services{grid-template-columns:1fr;gap:28px}.p4y-site .delivery-editorial .delivery-service{padding-top:22px;padding-right:68px}.p4y-site main .delivery-editorial .delivery-service h3{font-size:32px!important;margin-bottom:16px}.p4y-site .delivery-editorial .delivery-service p{max-width:none;font-size:16px!important}.p4y-site .delivery-editorial .delivery-service svg{position:absolute;right:0;top:22px;width:50px;height:50px;margin:0}.p4y-site .delivery-editorial .delivery-footer{justify-content:flex-start}}
.p4y-site .delivery-hola{background:var(--paper,#f4f2ed);color:var(--ink,#282824);padding:clamp(56px,8vh,100px) clamp(24px,6vw,104px);min-height:calc(100svh - 104px);display:flex;align-items:center;box-sizing:border-box}.p4y-site .delivery-hola .delivery-inner{width:100%;max-width:1360px;min-height:0;margin:auto}.p4y-site .delivery-hola .delivery-intro{display:block;text-align:center;margin:0 auto clamp(52px,7vh,88px);max-width:1040px}.p4y-site main .delivery-hola .delivery-intro h2{font:400 clamp(40px,4.8vw,72px)/1.12 var(--type-serif)!important;letter-spacing:-.025em!important;margin:0 0 28px;color:inherit}.p4y-site .delivery-hola .delivery-lead{font:400 clamp(16px,1.25vw,19px)/1.7 var(--type-sans)!important;letter-spacing:.01em;max-width:640px;margin:0 auto;color:inherit}.p4y-site .delivery-hola .delivery-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5vw,80px)}.p4y-site .delivery-hola .delivery-service{display:block;padding:0;border:0;position:relative}.p4y-site main .delivery-hola .delivery-service h3{font:400 clamp(26px,2.35vw,35px)/1.2 var(--type-serif)!important;letter-spacing:0!important;margin:0 0 22px;color:inherit}.p4y-site .delivery-hola .delivery-service p{font:400 clamp(15px,1.1vw,17px)/1.75 var(--type-sans)!important;letter-spacing:.01em;max-width:37ch;margin:0;color:inherit}
@media(min-width:701px) and (max-height:760px){.p4y-site .delivery-hola{padding-block:32px}.p4y-site .delivery-hola .delivery-intro{margin-bottom:40px}.p4y-site main .delivery-hola .delivery-intro h2{font-size:clamp(38px,4.4vw,58px)!important;margin-bottom:20px}.p4y-site .delivery-hola .delivery-service p{font-size:14px!important;line-height:1.6!important}.p4y-site main .delivery-hola .delivery-service h3{font-size:28px!important;margin-bottom:16px}}
@media(max-width:700px){.p4y-site .delivery-hola{min-height:0;padding:48px 24px 56px;display:block}.p4y-site .delivery-hola .delivery-intro{text-align:left;margin-bottom:40px}.p4y-site main .delivery-hola .delivery-intro h2{font-size:clamp(34px,9.3vw,48px)!important;line-height:1.15!important;margin-bottom:24px}.p4y-site .delivery-hola .delivery-lead{font-size:16px!important;line-height:1.65!important;margin:0;max-width:none}.p4y-site .delivery-hola .delivery-services{grid-template-columns:1fr;gap:30px}.p4y-site .delivery-hola .delivery-service{padding-top:24px;border-top:1px solid #d0cec5}.p4y-site main .delivery-hola .delivery-service h3{font-size:28px!important;margin-bottom:14px}.p4y-site .delivery-hola .delivery-service h3 br{display:none}.p4y-site .delivery-hola .delivery-service h3 br:after{content:' '}.p4y-site .delivery-hola .delivery-service p{font-size:16px!important;line-height:1.65!important;max-width:none}}
.p4y-site .delivery-package{background:var(--paper,#f4f2ed);color:var(--ink,#282824);padding:clamp(32px,4vw,64px) clamp(20px,5vw,88px);min-height:calc(100svh - 104px);box-sizing:border-box}.p4y-site .package-wrap{max-width:1480px;margin:auto}.p4y-site .package-heading{margin-bottom:32px}.p4y-site main .package-heading h2{font:400 clamp(34px,4.2vw,62px)/1.1 var(--type-serif)!important;letter-spacing:-.025em!important;margin:0}.p4y-site .package-panel{display:grid;grid-template-columns:.95fr 1.4fr;border:1px solid #c8c6bc}.p4y-site .package-summary{background:#e6e4da;padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;align-items:flex-start}.p4y-site .package-label{font:500 12px/1.5 var(--type-sans)!important;text-transform:uppercase;letter-spacing:.1em;margin:0 0 26px}.p4y-site main .package-summary h3{font:400 clamp(30px,3vw,44px)/1.12 var(--type-serif)!important;letter-spacing:-.025em!important;margin:0 0 24px}.p4y-site .package-summary>p:not(.package-label){font:400 16px/1.6 var(--type-sans)!important;max-width:34ch;margin:0 0 28px}.p4y-site .package-summary .text-link{margin-top:auto;color:inherit}.p4y-site .package-note{font:400 12px/1.5 var(--type-sans);margin-top:16px;color:#66685e}.p4y-site .package-content{padding:clamp(28px,3vw,48px)}.p4y-site main .package-content>h3{font:400 clamp(24px,2.2vw,32px)/1.2 var(--type-serif)!important;margin:0 0 24px}.p4y-site .package-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.p4y-site .package-list li{font:400 16px/1.4 var(--type-sans);display:flex;gap:12px}.p4y-site .package-list li:before{content:'✓';color:#71765e;font-size:16px;flex:none}.p4y-site .package-terms{border-top:1px solid #c8c6bc;padding-top:24px;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.p4y-site main .package-terms h4{font:500 16px/1.3 var(--type-sans)!important;margin:0 0 10px}.p4y-site .package-terms p{font:400 14px/1.55 var(--type-sans)!important;margin:0;color:#55574f}
@media(min-width:701px) and (max-height:760px){.p4y-site .delivery-package{padding-block:24px}.p4y-site main .package-heading h2{font-size:clamp(34px,3.7vw,48px)!important}.p4y-site .package-heading{margin-bottom:24px}.p4y-site .package-summary,.p4y-site .package-content{padding:26px}.p4y-site .package-label{margin-bottom:16px}.p4y-site main .package-summary h3{font-size:32px!important;margin-bottom:16px}.p4y-site .package-list li{font-size:14px}.p4y-site .package-list{gap:14px 20px}.p4y-site .package-terms{padding-top:18px;margin-top:20px}.p4y-site .package-summary>p:not(.package-label){font-size:14px!important;margin-bottom:20px}.p4y-site .package-terms p{font-size:13px!important}}
@media(max-width:700px){.p4y-site .delivery-package{padding:40px 20px;min-height:0}.p4y-site main .package-heading h2{font-size:clamp(32px,8.5vw,44px)!important}.p4y-site .package-panel{grid-template-columns:1fr}.p4y-site .package-summary,.p4y-site .package-content{padding:26px 22px}.p4y-site main .package-summary h3{font-size:34px!important}.p4y-site .package-summary .text-link{margin-top:4px}.p4y-site .package-list{grid-template-columns:1fr;gap:16px}.p4y-site .package-terms{grid-template-columns:1fr;gap:24px}.p4y-site .package-terms p{font-size:15px!important}.p4y-site main .package-content>h3{font-size:27px!important}.p4y-site .package-label{margin-bottom:22px}}
.p4y-site .package-panel{border:0;box-shadow:0 0 0 1px #d1cec3;background:#f8f6f0}.p4y-site .package-summary{background:#e7e4d8;border-top:3px solid #9c9279}.p4y-site .package-content{border-top:3px solid transparent}.p4y-site .package-label{color:#66664f}.p4y-site .package-list{gap:0 28px}.p4y-site .package-list li{padding:14px 0;border-bottom:1px solid #dedbd1;align-items:baseline}.p4y-site .package-list li:before{font-size:14px;color:#6c765d}.p4y-site .package-terms{border-top:0;padding-top:0;margin-top:28px}.p4y-site .package-terms>div{padding-left:15px;border-left:1px solid #bdb8a9}.p4y-site .package-summary .package-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;border:1px solid #292c25;border-radius:999px;background:#292c25;color:#f7f5ee!important;font:500 14px/1.2 var(--type-sans)!important;text-decoration:none;transition:background .25s,color .25s,transform .25s;min-height:48px;box-sizing:border-box}.p4y-site .package-cta:before,.p4y-site .package-cta:after{display:none!important}.p4y-site .package-cta:hover{background:#444a39}.p4y-site .package-cta:focus-visible{outline:2px solid #727c5d;outline-offset:4px}.p4y-site .package-cta span{transition:transform .3s}.p4y-site .package-cta:hover span{transform:translate(2px,-2px)}
@media(min-width:701px) and (max-height:760px){.p4y-site .package-list li{padding:10px 0}.p4y-site .package-terms{margin-top:20px}.p4y-site .package-summary .package-cta{padding:12px 18px;min-height:44px}}
@media(max-width:700px){.p4y-site .package-content{border-top:0}.p4y-site .package-summary .package-cta{width:100%;max-width:330px}.p4y-site .package-list li{padding:14px 0}.p4y-site .package-terms{margin-top:28px}.p4y-site .package-terms>div{padding-left:14px}.p4y-site .package-note{font-size:11px}}
.p4y-site .finish-section{background:var(--paper,#f4f2ed);color:var(--ink,#282824);padding:clamp(48px,7vh,88px) clamp(24px,5vw,88px);min-height:calc(100svh - 104px);box-sizing:border-box;display:flex;align-items:center}.p4y-site .finish-shell{width:100%;max-width:1480px;margin:auto}.p4y-site .finish-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,128px);align-items:start}.p4y-site main .finish-section h2{font:400 clamp(38px,4.8vw,72px)/1.1 var(--type-serif)!important;letter-spacing:-.035em!important;margin:0;text-wrap:balance}.p4y-site .finish-section .finish-intro{font:400 clamp(16px,1.3vw,20px)/1.6 var(--type-sans)!important;margin:28px 0 32px;max-width:35ch}.p4y-site .finish-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;position:relative;color:inherit;text-decoration:none;font:500 15px/1.4 var(--type-sans);padding:10px 0 14px;border-bottom:1px solid #a5a699}.p4y-site .finish-link:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}.p4y-site .finish-link:hover:after{transform:scaleX(1)}.p4y-site .finish-link span{transition:transform .3s}.p4y-site .finish-link:hover span{transform:translate(3px,-3px)}.p4y-site .finish-link:focus-visible,.p4y-site .finish-questions summary:focus-visible{outline:2px solid #7d846c;outline-offset:5px}.p4y-site .finish-row{padding:22px 0 26px;border-top:1px solid #c9c8bd}.p4y-site main .finish-section h3{font:400 clamp(25px,2.3vw,35px)/1.15 var(--type-serif)!important;margin:0 0 14px;letter-spacing:-.015em!important}.p4y-site .finish-section .finish-row p,.p4y-site .finish-section .finish-steps p,.p4y-site .finish-section .finish-questions p{font:400 16px/1.6 var(--type-sans)!important;margin:0;max-width:48ch}.p4y-site .finish-section .finish-materials{font:400 14px/1.6 var(--type-sans)!important;margin:22px 0 0;max-width:55ch;color:#66685d}.p4y-site .finish-process{background:#eae8df}.p4y-site .finish-steps{list-style:none;margin:0;padding:0}.p4y-site .finish-steps li{display:grid;grid-template-columns:34px 1fr;gap:20px;padding:20px 0;border-top:1px solid #c5c4b7}.p4y-site .finish-steps li>span{font:400 12px/1.5 var(--type-sans);padding-top:5px;color:#757968}.p4y-site .finish-steps li h3{font-size:clamp(24px,2vw,30px)!important;margin-bottom:10px}.p4y-site .finish-questions details{border-top:1px solid #c9c8bd;padding:0}.p4y-site .finish-questions details:last-child{border-bottom:1px solid #c9c8bd}.p4y-site .finish-questions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font:400 clamp(20px,1.7vw,26px)/1.25 var(--type-serif)}.p4y-site .finish-questions summary::-webkit-details-marker{display:none}.p4y-site .finish-questions summary:after{content:'+';font:300 26px/1 var(--type-sans);flex:none}.p4y-site .finish-questions details[open] summary:after{content:'−'}.p4y-site .finish-questions details p{padding:0 28px 24px 0}.p4y-site main .finish-contact h2{font-size:clamp(48px,7.5vw,112px)!important;line-height:1.02!important;max-width:1100px}.p4y-site .finish-contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:48px}.p4y-site .finish-contact-bottom p{font:400 18px/1.6 var(--type-sans)!important;margin:0}.p4y-site .finish-contact-links{display:flex;flex-direction:column;gap:22px;min-width:280px}.p4y-site .finish-phone{font:400 22px/1.2 var(--type-sans);color:inherit;text-decoration:none}.p4y-site .finish-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #c9c8bd;padding-top:24px;margin-top:80px;font:400 12px/1.5 var(--type-sans);color:#65685b}.p4y-site .finish-footer div{display:flex;gap:24px;flex-wrap:wrap}.p4y-site .finish-footer a{color:inherit;text-decoration:none}.p4y-site .finish-footer a:hover{text-decoration:underline}
@media(min-width:701px) and (max-height:760px){.p4y-site .finish-section{padding-block:32px}.p4y-site main .finish-section h2{font-size:clamp(36px,4vw,56px)!important}.p4y-site .finish-row{padding:16px 0}.p4y-site .finish-steps li{padding:14px 0}.p4y-site .finish-section .finish-row p,.p4y-site .finish-section .finish-steps p{font-size:14px!important;line-height:1.5!important}.p4y-site .finish-steps li h3{font-size:25px!important}.p4y-site .finish-footer{margin-top:48px}.p4y-site main .finish-contact h2{font-size:clamp(48px,6.8vw,90px)!important}}
@media(max-width:700px){.p4y-site .finish-section{padding:44px 24px;min-height:0;display:block}.p4y-site .finish-split{grid-template-columns:1fr;gap:36px}.p4y-site main .finish-section h2{font-size:clamp(36px,10vw,52px)!important}.p4y-site .finish-section .finish-intro{font-size:17px!important;margin:24px 0;max-width:none}.p4y-site .finish-row{padding:22px 0}.p4y-site main .finish-section h3{font-size:28px!important}.p4y-site .finish-section .finish-row p,.p4y-site .finish-section .finish-steps p,.p4y-site .finish-section .finish-questions p{font-size:16px!important}.p4y-site .finish-steps li{gap:12px;grid-template-columns:26px 1fr;padding:22px 0}.p4y-site .finish-questions summary{font-size:23px;padding:22px 0}.p4y-site .finish-contact-bottom{display:block;margin-top:32px}.p4y-site .finish-contact-bottom p{font-size:17px!important}.p4y-site .finish-contact-links{margin-top:32px;max-width:340px;min-width:0}.p4y-site main .finish-contact h2{font-size:clamp(42px,12vw,64px)!important}.p4y-site .finish-footer{display:block;margin-top:56px}.p4y-site .finish-footer div{margin-top:20px;gap:20px}}
.p4y-site .turnkey-reference{background:var(--paper,#f4f2ed);color:var(--ink,#282824);padding:90px 60px;box-sizing:border-box;min-height:calc(100svh - 104px);display:flex;align-items:center}.p4y-site .turnkey-reference-inner{max-width:1480px;width:100%;margin:auto}.p4y-site main .turnkey-reference h2{font:400 50px/1.2 var(--type-serif)!important;letter-spacing:0!important;text-align:center;margin:0 0 20px}.p4y-site .turnkey-reference-lead{font:400 16px/1.6 var(--type-sans)!important;letter-spacing:0!important;text-align:center;margin:0 0 32px;max-width:none}.p4y-site .turnkey-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2%}.p4y-site .turnkey-reference-card{background:#eae7dd;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.p4y-site .turnkey-reference-card svg{width:60px;height:60px;fill:#7c816b;flex:none}.p4y-site main .turnkey-reference-card h3{font:400 24px/1.2 var(--type-serif)!important;letter-spacing:0!important;margin:0;color:inherit}.p4y-site .turnkey-reference-card p{font:400 16px/1.6 var(--type-sans)!important;letter-spacing:0!important;margin:0;color:inherit;max-width:none}
@media(max-width:1024px){.p4y-site .turnkey-reference{padding:40px 20px}.p4y-site main .turnkey-reference h2{font-size:40px!important}}
@media(max-width:700px){.p4y-site .turnkey-reference{display:block;min-height:0;padding:40px 20px}.p4y-site main .turnkey-reference h2{font-size:30px!important}.p4y-site .turnkey-reference-lead{text-align:left;margin-bottom:24px}.p4y-site .turnkey-reference-grid{grid-template-columns:1fr;gap:20px}.p4y-site .turnkey-reference-card{padding:24px 20px}}
.p4y-site main .interior-story-copy h2{font:400 clamp(36px,4.8vw,70px)/1.05 var(--type-serif)!important;letter-spacing:-.035em!important;margin:0 0 18px!important;text-align:left;text-wrap:pretty}.p4y-site main .interior-story-copy p{font:400 clamp(15px,1.2vw,18px)/1.5 var(--type-sans)!important;letter-spacing:0!important;max-width:40ch!important;margin:0!important;text-align:left}
@media(min-width:768px){.p4y-site .interior-story.is-animated .interior-story-stage{height:calc(100svh - var(--story-header-offset) - 20px)}.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link,.p4y-site .interior-story.is-animated .interior-story-panel .story-photo-link.is-photo-intent{top:18px;right:2%;left:auto;width:56%;height:calc(100% - 36px)}.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link,.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .story-photo-link.is-photo-intent{top:18px;left:2%;right:auto;width:56%;height:calc(100% - 36px)}.p4y-site .interior-story.is-animated .interior-story-copy{left:4%;right:auto;top:50%;width:35%;}.p4y-site .interior-story.is-animated .interior-story-panel:nth-child(even) .interior-story-copy{left:auto;right:4%;width:35%}}
@media(min-width:768px) and (max-width:1100px){.p4y-site main .interior-story-copy h2{font-size:clamp(32px,4.5vw,50px)!important}.p4y-site main .interior-story-copy p{font-size:15px!important}}
@media(max-width:767px){.p4y-site .interior-story{--story-header-offset:calc(var(--p4y-h3-height-mobile,60px) + 16px)}.p4y-site .interior-story.is-animated .interior-story-stage{height:calc(100svh - var(--story-header-offset) - 8px)}.p4y-site .interior-story.is-animated .interior-story-panel{padding-top:18px;padding-bottom:8px;gap:16px;grid-template-rows:auto minmax(0,1fr)}.p4y-site .interior-story.is-animated .interior-story-copy{padding-inline:20px}.p4y-site main .interior-story.is-animated .interior-story-copy h2{font:400 clamp(29px,8vw,42px)/1.06 var(--type-serif)!important;margin:0 0 10px!important;letter-spacing:-.03em!important}.p4y-site main .interior-story-copy p{font:400 15px/1.45 var(--type-sans)!important;max-width:43ch!important}.p4y-site .interior-story-panel .story-photo-link{width:100%;margin:0}}
@media(max-width:767px) and (max-height:650px){.p4y-site .interior-story.is-animated .interior-story-panel{padding-top:12px;gap:12px}.p4y-site main .interior-story.is-animated .interior-story-copy h2{font-size:28px!important;margin-bottom:8px!important}.p4y-site main .interior-story-copy p{font-size:13px!important;line-height:1.4!important}}
.p4y-site .turnkey-reference-card svg{width:112px;height:100px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;color:#676e5c;overflow:visible}.p4y-site .turnkey-reference-card .finish-icon-accent{stroke:#9e916f;stroke-width:2}.p4y-site .turnkey-reference-card{gap:22px;padding-top:28px}.p4y-site .turnkey-reference-card svg{transition:transform .65s cubic-bezier(.22,.61,.36,1)}@media(hover:hover) and (pointer:fine){.p4y-site .turnkey-reference-card:hover svg{transform:translateY(-5px)}}@media(max-width:700px){.p4y-site .turnkey-reference-card svg{width:96px;height:84px}.p4y-site .turnkey-reference-card{padding-top:24px}}@media(prefers-reduced-motion:reduce){.p4y-site .turnkey-reference-card svg{transition:none}}
.p4y-site .quote-bridge{background:#e9e7dc;color:var(--ink,#282824);padding:clamp(40px,6vw,84px) clamp(24px,5vw,88px);scroll-margin-top:104px}.p4y-site .quote-bridge-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}.p4y-site main .quote-bridge h2{font:400 clamp(36px,4vw,60px)/1.1 var(--type-serif)!important;letter-spacing:-.025em!important;margin:0 0 22px}.p4y-site .quote-bridge p{font:400 clamp(16px,1.3vw,19px)/1.6 var(--type-sans)!important;margin:0}.p4y-site .quote-bridge-action{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:22px}.p4y-site .quote-bridge-button{display:inline-flex;justify-content:space-between;align-items:center;gap:60px;padding:19px 28px;min-height:58px;background:#292c25;color:#f7f5ee!important;border:1px solid #292c25;border-radius:999px;text-decoration:none;font:500 16px/1.2 var(--type-sans);box-sizing:border-box;transition:background .3s}.p4y-site .quote-bridge-button:hover{background:#484e3e}.p4y-site .quote-bridge-button span{transition:transform .3s}.p4y-site .quote-bridge-button:hover span{transform:translate(3px,-3px)}.p4y-site .quote-bridge-button:focus-visible{outline:2px solid #7c846a;outline-offset:5px}.p4y-site .quote-bridge-phone{font:400 14px/1.4 var(--type-sans);color:inherit;text-decoration:none}.p4y-site .quote-bridge-phone:hover{text-decoration:underline}@media(max-width:700px){.p4y-site .quote-bridge{padding:40px 24px}.p4y-site .quote-bridge-inner{grid-template-columns:1fr;gap:30px}.p4y-site main .quote-bridge h2{font-size:clamp(34px,9vw,46px)!important}.p4y-site .quote-bridge p{font-size:16px!important}.p4y-site .quote-bridge-action{justify-self:stretch;align-items:stretch;gap:18px}.p4y-site .quote-bridge-button{padding:18px 24px;gap:24px}.p4y-site .quote-bridge-phone{text-align:center}}
.p4y-site .own-project{background:var(--paper,#f4f2ed);color:var(--ink,#282824);padding:40px clamp(20px,4vw,64px) 48px;min-height:calc(100svh - 104px);box-sizing:border-box}.p4y-site .own-project-inner{max-width:1600px;margin:auto}.p4y-site .own-project-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.p4y-site main .own-project-heading h2{font:400 clamp(36px,4.1vw,62px)/1.1 var(--type-serif)!important;letter-spacing:-.025em!important;margin:0}.p4y-site .own-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:10px 0;color:inherit;text-decoration:none;font:500 14px/1.4 var(--type-sans);position:relative;border-bottom:1px solid #b9b8ab}.p4y-site .own-project-link:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}.p4y-site .own-project-link:hover:after{transform:scaleX(1)}.p4y-site .own-project-link:focus-visible{outline:2px solid #727b60;outline-offset:5px}.p4y-site .own-project-composition{display:grid;grid-template-columns:1.8fr 1fr;gap:clamp(16px,2.5vw,40px);align-items:start}.p4y-site .own-project figure{margin:0;overflow:hidden}.p4y-site .own-project-main{height:clamp(360px,62svh,720px)}.p4y-site .own-project-detail{height:clamp(320px,54svh,640px);margin-top:8svh!important}.p4y-site .own-project-frame{width:100%;height:100%;overflow:hidden}.p4y-site .own-project img{display:block;width:100%;height:100%;object-fit:cover}.p4y-site .own-project-main img{object-position:50% 61%}.p4y-site .own-project-detail img{object-position:50% 58%}.p4y-site .own-project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:22px}.p4y-site main .own-project-caption h3{font:400 clamp(22px,1.9vw,29px)/1.2 var(--type-serif)!important;margin:0;letter-spacing:0!important}.p4y-site .own-project-caption p{font:400 12px/1.5 var(--type-sans)!important;margin:0;color:#666a5e}
@supports(animation-timeline:view()){html.p4y-motion-preview .own-project-composition{view-timeline-name:--own-project;view-timeline-axis:block}html.p4y-motion-preview .own-project-main .own-project-frame{animation:own-project-reveal linear both;animation-timeline:--own-project;animation-range:entry 0% entry 85%}html.p4y-motion-preview .own-project-detail .own-project-frame{animation:own-project-detail-reveal linear both;animation-timeline:--own-project;animation-range:entry 10% entry 100%}@keyframes own-project-reveal{from{clip-path:inset(8% 5% 8% 5%);transform:translateY(36px)}to{clip-path:inset(0);transform:none}}@keyframes own-project-detail-reveal{from{clip-path:inset(0 0 20% 0);transform:translateY(64px)}to{clip-path:inset(0);transform:none}}}
@media(max-width:700px){.p4y-site .own-project{padding:36px 0 40px;min-height:0}.p4y-site .own-project-heading{padding-inline:20px;margin-bottom:24px;align-items:center;flex-wrap:wrap;gap:16px}.p4y-site main .own-project-heading h2{font-size:36px!important}.p4y-site .own-project-link{font-size:13px;gap:24px}.p4y-site .own-project-composition{grid-template-columns:1fr;gap:20px}.p4y-site .own-project-main{height:64svh;min-height:320px}.p4y-site .own-project-detail{height:54svh;min-height:280px;margin-top:0!important;width:74%;justify-self:end}.p4y-site .own-project-caption{display:block;padding-inline:20px;margin-top:24px}.p4y-site .own-project-caption p{margin-top:12px}.p4y-site main .own-project-caption h3{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){html:not(.p4y-motion-preview) .own-project-frame{animation:none!important}}
html.lenis,
html.lenis body {
height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.lenis.lenis-autoToggle {
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}
.p4y-site .interior-story-panel .story-photo-link img{filter:none;image-rendering:auto}.p4y-site .interior-story-panel:nth-child(1){--story-focus:50% 53%}.p4y-site .interior-story-panel:nth-child(2){--story-focus:48% 50%}.p4y-site .interior-story-panel:nth-child(3){--story-focus:48% 56%}.p4y-site .interior-story-panel:nth-child(4){--story-focus:53% 46%}.p4y-site .interior-story-panel:nth-child(5){--story-focus:50% 54%}
.mod-scroll-photo-stream .sps-photo{}.mod-scroll-photo-stream .sps-copy{position:relative;z-index:50!important}.mod-scroll-photo-stream{position:relative;overflow:hidden;background:#f6f3ee;max-width:100vw}.mod-scroll-photo-stream .sps-stage{position:relative;height:100svh;overflow:hidden}.mod-scroll-photo-stream .sps-inner{position:relative;height:100%;display:grid;place-items:center;padding:80px 0}.mod-scroll-photo-stream .sps-photos{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.mod-scroll-photo-stream .sps-photo{position:absolute;margin:0;will-change:transform , opacity;max-width:45vw;overflow:hidden}.mod-scroll-photo-stream .sps-photo__img{display:block;width:100%;height:auto;object-fit:contain}.mod-scroll-photo-stream .sps-photo::after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:2;height:60%}.mod-scroll-photo-stream .sps-photo--fade-top::after{top:0;background: linear-gradient(
180deg,
#F6F3F0 0%,
rgba(255,255,255,0) 100%
)}.mod-scroll-photo-stream .sps-photo--fade-bottom::after{bottom:0;background: linear-gradient(
0deg,
#F6F3F0 0%,
rgba(255,255,255,0) 100%
)}.mod-scroll-photo-stream .sps-copy{position:relative;z-index:2}.mod-scroll-photo-stream .sps-title{font-family:imperial-urw,sans-serif;font-weight:400;font-size:1.7rem}.mod-scroll-photo-stream .sps-word{display:inline-block;white-space:nowrap}.mod-scroll-photo-stream .sps-char{display:inline-block;will-change:opacity}.mod-scroll-photo-stream .sps-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 3rem;border:1px solid rgba(0,0,0,1);border-radius:999px;background:transparent;text-decoration:none;color:#000;font-size:.65rem}@media (max-width:768px){.mod-scroll-photo-stream .sps-photo{max-width:55vw}}
.p4y-site .mod-scroll-photo-stream{background:var(--paper,#f4f2ed)}.p4y-site .mod-scroll-photo-stream .container{width:100%;max-width:none;margin:0;padding:0}.p4y-site main .mod-scroll-photo-stream .sps-title{font:400 var(--type-section)/1.2 var(--type-serif)!important;margin:0!important;letter-spacing:0!important;text-transform:uppercase}.p4y-site .mod-scroll-photo-stream .sps-copy{text-align:center}.p4y-site .mod-scroll-photo-stream .mt-3{margin-top:24px}.p4y-site .mod-scroll-photo-stream .sps-btn{font:400 13px/1.5 var(--type-sans);padding:7px 60px}.p4y-site .mod-scroll-photo-stream .sps-photo[data-shape="landscape"]{aspect-ratio:580/364}.p4y-site .mod-scroll-photo-stream .sps-photo[data-shape="portrait"]{aspect-ratio:580/944}.p4y-site .mod-scroll-photo-stream .sps-photo img{width:100%;height:100%;object-fit:cover}.p4y-site .sps-photo--fade-top:after{background:linear-gradient(180deg,#f4f2ed,transparent)}.p4y-site .sps-photo--fade-bottom:after{background:linear-gradient(0deg,#f4f2ed,transparent)}.p4y-preview-edit .mod-scroll-photo-stream .sps-photos{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.p4y-preview-edit .mod-scroll-photo-stream .sps-photo{position:relative;width:100%;max-width:none}.p4y-preview-edit .mod-scroll-photo-stream .sps-stage{height:auto}.p4y-preview-edit .mod-scroll-photo-stream .sps-photo:after{display:none}@media(max-width:700px){.p4y-preview-edit .mod-scroll-photo-stream .sps-photos{grid-template-columns:1fr 1fr}}
.p4y-site .mod-scroll-photo-stream .sps-photo__img{filter:none;opacity:1}.p4y-site .mod-scroll-photo-stream .sps-photos{contain:paint}.p4y-site .mod-scroll-photo-stream .sps-photo{backface-visibility:hidden}
.p4y-site main .mod-scroll-photo-stream .sps-title{font-size:34px!important}.p4y-site .mod-scroll-photo-stream .sps-stage{height:100svh}.p4y-site .mod-scroll-photo-stream .sps-inner{padding:80px 0}.p4y-site .mod-scroll-photo-stream .mt-3{margin-top:30px}
.p4y-site .mod-scroll-photo-stream .mt-3{margin-top:20px}.p4y-site .mod-scroll-photo-stream .sps-btn{font-weight:500;line-height:26px}@media(max-width:767px){.p4y-site main .mod-scroll-photo-stream .sps-title{font-size:27.2px!important}.p4y-site .mod-scroll-photo-stream .mt-3{margin-top:16px}.p4y-site .mod-scroll-photo-stream .sps-btn{font-size:10.4px;line-height:20.8px;padding:5.6px 48px}}
.p4y-site .mod-scroll-photo-stream .sps-btn{gap:32px;min-height:48px;min-width:210px;padding:11px 25px;font-family:"neue-haas-grotesk-display","Neue Haas Grotesk Display",Arial,sans-serif;font-size:13px;font-weight:500;line-height:24px;letter-spacing:.035em;background:var(--paper,#f4f2ed);color:#171715;border:1px solid #171715;transition:background .35s,color .35s,border-color .35s}.p4y-site .mod-scroll-photo-stream .sps-btn svg{flex:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.p4y-site .mod-scroll-photo-stream .sps-btn:hover{background:#171715;color:#f4f2ed}.p4y-site .mod-scroll-photo-stream .sps-btn:hover svg{transform:translateX(4px)}}.p4y-site .mod-scroll-photo-stream .sps-btn:focus-visible{outline:2px solid #b79352;outline-offset:5px}@media(max-width:767px){.p4y-site .mod-scroll-photo-stream .sps-btn{min-width:190px;min-height:46px;padding:10px 23px;font-size:12px;line-height:24px;gap:26px}}
.p4y-site .p4y-portfolio-cta{font-family:var(--type-sans);text-transform:none;white-space:nowrap}.p4y-site .p4y-portfolio-cta .p4y-fhf-cta-icon{flex-shrink:0}@media(max-width:768px){.p4y-site .p4y-portfolio-cta{font-size:14px;min-height:44px;padding:6px 9px 6px 13px;gap:7px}}
body.p4y-fhf-active .p4y-site .p4y-portfolio-cta{color:var(--p4y-h3-ink,#171512)!important;border-color:rgba(23,21,18,.18)!important;background:rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(23,21,18,.07)!important}body.p4y-fhf-active .p4y-site .p4y-portfolio-cta:hover,body.p4y-fhf-active .p4y-site .p4y-portfolio-cta:focus-visible{color:var(--p4y-h3-ink,#171512)!important;border-color:rgba(23,21,18,.28)!important;background:rgba(255,255,255,.68)!important}
.p4y-site .turnkey-reference{position:relative;margin-top:calc(-1 * clamp(48px,12svh,120px));min-height:0;align-items:flex-start;padding-top:40px;padding-bottom:64px}@media(max-width:700px){.p4y-site .turnkey-reference{margin-top:calc(-1 * clamp(48px,16svh,160px));padding-top:32px;padding-bottom:40px}}
.p4y-site .turnkey-reference{margin-top:0!important;padding-top:clamp(32px,5svh,56px)}.p4y-site .mod-scroll-photo-stream .sps-photo::after{height:18%;opacity:.65}.p4y-site .mod-scroll-photo-stream .sps-photo img{filter:none!important;image-rendering:auto}
@media(max-height:500px){.p4y-site .mod-scroll-photo-stream .sps-photo{max-width:min(45vw,27.6svh)!important}.p4y-site main .mod-scroll-photo-stream .sps-title{font-size:27.2px!important}.p4y-site .mod-scroll-photo-stream .mt-3{margin-top:16px}}
@media(max-width:767px){.p4y-site .mod-scroll-photo-stream .sps-copy{max-width:calc(100vw - 32px)}body.p4y-fhf-active .p4y-site .p4y-portfolio-cta{min-height:44px!important;max-width:calc(100vw - 40px)!important;padding:0 26px!important;font-size:14px!important;touch-action:manipulation}}@media(hover:none){body.p4y-fhf-active .p4y-site .p4y-portfolio-cta:active{background:rgba(23,21,18,.09)!important;border-color:rgba(23,21,18,.3)!important;box-shadow:inset 0 1px 3px rgba(23,21,18,.12)!important}}
@media(max-width:980px),(pointer:coarse){body.p4y-fhf-active .p4y-site .p4y-portfolio-cta{min-height:44px!important;touch-action:manipulation}}
@media(max-width:1180px),(pointer:coarse){.p4y-site .mod-scroll-photo-stream .sps-photo{aspect-ratio:auto!important;max-width:calc(100vw - 24px)!important}.p4y-site .mod-scroll-photo-stream .sps-photo img{height:auto!important;width:100%!important;object-fit:contain!important}}