:root{--pp-navy:#031526;--pp-navy2:#061d34;--pp-gold:#c99536;--pp-gold2:#e2b95d;--pp-cream:#f4efe6;--pp-white:#fff;--pp-line:rgba(220,173,72,.62)}
html{background:#031526}body{background:transparent!important;color:#fff}.pp-ocean-stage{display:block!important}.pp-ocean-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,13,25,.05),rgba(1,13,25,.18));pointer-events:none}
main{position:relative;z-index:2}.approved-main{max-width:1540px;margin:0 auto}.approved-visual{position:relative;margin:0 auto;overflow:hidden;background:#031526;border-bottom:1px solid rgba(201,149,54,.48)}.approved-visual img{display:block;width:100%;height:auto}.approved-visual .visual-hotspot{position:absolute;display:block;z-index:3;border-radius:6px}.approved-home-hero .visual-hotspot{left:8.5%;top:66%;width:27%;height:9%}
.approved-products{position:relative;padding:54px clamp(14px,4vw,60px) 62px;background:linear-gradient(180deg,rgba(2,20,36,.82),rgba(2,18,33,.72));border-top:1px solid rgba(201,149,54,.4);border-bottom:1px solid rgba(201,149,54,.4);overflow:hidden}.approved-products:before{content:"";position:absolute;inset:0;background:url('../images/v26-approved/home-hero-approved.jpg') center 76%/cover no-repeat;opacity:.08;filter:saturate(1.35);pointer-events:none}.approved-products>*{position:relative;z-index:1}.approved-heading{text-align:center;max-width:900px;margin:0 auto 30px}.approved-heading .eyebrow{color:var(--pp-gold2);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.approved-heading h1,.approved-heading h2{font:400 clamp(34px,5vw,66px) Georgia,serif;margin:8px 0;color:#fff;line-height:1.02}.approved-heading p{color:#dbe3e8;font-size:16px}
.approved-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1320px;margin:auto}.approved-card{display:flex;flex-direction:column;background:rgba(2,19,35,.92);border:1px solid var(--pp-gold);border-radius:16px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.26)}.approved-card h3{font:400 27px Georgia,serif;letter-spacing:.08em;text-align:center;color:var(--pp-gold2);margin:20px 10px 4px;text-transform:uppercase}.approved-card>.approved-desc{text-align:center;color:#d4dde4;font-size:13px;margin:0 14px 14px}.approved-card .pp-shop-image{aspect-ratio:1.28/1;background:rgba(3,20,36,.62);overflow:hidden;border-top:1px solid rgba(201,149,54,.25);border-bottom:1px solid rgba(201,149,54,.42)}.approved-card .pp-shop-image img{width:100%;height:100%;object-fit:cover;transition:opacity .22s}.approved-card .pp-swatches{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 8px 8px}.approved-card .pp-swatches button{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 2px transparent;background:#fff}.approved-card .pp-swatches button.navy{background:#142343}.approved-card .pp-swatches button.blue{background:#8fb3db}.approved-card .pp-swatches button.black{background:#151518}.approved-card .pp-swatches button.active{box-shadow:0 0 0 2px var(--pp-gold2)}.approved-card .pp-card-meta{display:flex;align-items:end;justify-content:space-between;padding:4px 18px 12px;gap:16px}.approved-card .pp-card-meta span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#cbd5dc}.approved-card .pp-card-meta strong{display:block;color:#fff;font:400 30px Georgia,serif;margin-top:5px}.approved-card .pp-card-meta label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#cbd5dc}.approved-card .pp-card-meta select{display:block;margin-top:5px;background:#061b31;color:#fff;border:1px solid rgba(201,149,54,.55);padding:8px 22px 8px 10px;border-radius:4px}.approved-card .pp-add{margin:0 18px 12px;background:linear-gradient(180deg,#e5ba56,#ca9230);color:#031526;border:0;padding:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:4px}.approved-card .pp-detail-link{color:var(--pp-gold2);text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:0 10px 18px}
.approved-feature-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,149,54,.34);border-top:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line)}.approved-feature-band>div{background:rgba(2,19,35,.94);padding:24px;text-align:center}.approved-feature-band b{color:var(--pp-gold2);display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.approved-feature-band span{color:#d7e0e6;font-size:12px}
.approved-page-image{position:relative;margin:0 auto;max-width:1536px;box-shadow:0 20px 55px rgba(0,0,0,.32)}.approved-page-image img{display:block;width:100%;height:auto}.approved-page-image .suite-white{position:absolute;left:7%;top:49%;width:27%;height:21%}.approved-page-image .suite-noir{position:absolute;left:36%;top:49%;width:28%;height:21%}.approved-page-image .suite-cabana{position:absolute;left:66%;top:49%;width:27%;height:21%}.approved-live-section{margin:34px auto;max-width:1280px;background:rgba(3,20,36,.88);border:1px solid rgba(201,149,54,.5);border-radius:18px;padding:clamp(24px,4vw,55px);backdrop-filter:blur(12px)}.approved-live-section h2{font:400 clamp(34px,5vw,58px) Georgia,serif;margin:0 0 12px;color:#fff}.approved-live-section p{color:#d5dee4;line-height:1.7}.approved-live-section .button,.approved-live-section .pp-btn{display:inline-block;background:linear-gradient(180deg,#e5ba56,#ca9230);color:#031526;padding:13px 22px;border-radius:4px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px;border:0}
.approved-contact-form,.approved-private-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.approved-contact-form .full,.approved-private-form .full{grid-column:1/-1}.approved-contact-form label,.approved-private-form label{display:block;color:var(--pp-gold2);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.approved-contact-form input,.approved-contact-form textarea,.approved-contact-form select,.approved-private-form input{width:100%;margin-top:6px;background:rgba(2,17,31,.88);border:1px solid rgba(201,149,54,.55);color:#fff;border-radius:4px;padding:13px}.approved-contact-form textarea{min-height:150px}.approved-contact-form button,.approved-private-form button{grid-column:1/-1;background:linear-gradient(180deg,#e5ba56,#ca9230);color:#031526;padding:14px;border:0;text-transform:uppercase;letter-spacing:.14em;font-weight:800;border-radius:4px}
/* Remove the opaque white/tan blocks that caused the old pages to feel empty. */
body:not(.pp-home) main>.section,body:not(.pp-home) .section,body:not(.pp-home) .collection-band,body:not(.pp-home) .experience,body:not(.pp-home) .form-card,body:not(.pp-home) .contact-card{background:rgba(4,22,39,.84)!important;color:#fff!important;border-color:rgba(201,149,54,.42)!important}.section h1,.section h2,.section h3,.section p,.section label,.section .section-title,.section .style-copy{color:inherit}.section .eyebrow,.section .text-link,.section .signature{color:var(--pp-gold2)!important}.style-card,.collection-intro,.form-card,.contact-card,.feature-card,.product-card{background:rgba(3,20,36,.88)!important;color:#fff!important;border-color:rgba(201,149,54,.45)!important}.style-image{background:rgba(246,241,232,.94)}.page-hero:after{background:linear-gradient(90deg,rgba(2,18,33,.82),rgba(2,18,33,.15))}.collection-band a{color:#fff}.collection-band .container{background:transparent!important}.site-footer.pp-site-footer{background:rgba(2,15,28,.96)!important}
.pp-ocean-dock{z-index:1500}.pp-sound-button[data-state="on"]{box-shadow:0 0 0 3px rgba(226,185,93,.22)}
@media(max-width:900px){.approved-product-grid{grid-template-columns:1fr;max-width:620px}.approved-feature-band{grid-template-columns:1fr 1fr}.approved-contact-form,.approved-private-form{grid-template-columns:1fr}.approved-contact-form .full,.approved-private-form .full{grid-column:auto}.approved-home-hero .visual-hotspot{left:7%;top:67%;width:33%;height:11%}.approved-live-section{margin:22px 12px}.approved-page-image{margin:0}.approved-card .pp-shop-image{aspect-ratio:1.34/1}}
@media(max-width:540px){.approved-products{padding:34px 10px 42px}.approved-heading h1,.approved-heading h2{font-size:38px}.approved-card h3{font-size:23px}.approved-feature-band{grid-template-columns:1fr}.approved-visual{min-height:0}.approved-visual img{width:100%;max-width:none}.approved-home-hero .visual-hotspot{left:6%;top:66%;width:40%;height:12%}.pp-ocean-dock{display:flex!important;left:10px;right:auto;bottom:10px;transform:scale(.86);transform-origin:left bottom}}