/* PlaceHeberg homepage-only sand and petrol theme. */
body.ph-home-sand{--v3-page:#faf5ec;--v3-surface:#fffaf3;--v3-soft:#f1e5d3;--v3-ink:#10373c;--v3-muted:#655f54;--v3-border:#e4d5bf;--v3-accent:#17535a;background:#faf5ec!important;color:#10373c}
body.ph-home-sand .ph-home.ph-home-v3{--hv-page:#faf5ec;--hv-surface:#fffaf3;--hv-soft:#f1e5d3;--hv-ink:#10373c;--hv-muted:#655f54;--hv-border:#e4d5bf;--hv-blue:#17535a}
body.ph-home-sand .ph-site-header,body.ph-home-sand #mobile-menu{background:#fffaf3!important;border-color:#e4d5bf!important;color:#10373c}
body.ph-home-sand .ph-site-header a{color:#10373c}
body.ph-home-sand .hv3-hero{background:radial-gradient(ellipse at 80% 40%,#d9b57855,transparent 54%),linear-gradient(125deg,#fffaf3,#f5ead9)!important;padding-top:66px}
body.ph-home-sand .hv3-hero:before{border-color:#bc935b;opacity:.2}
body.ph-home-sand .hv3-copy h1{letter-spacing:-.045em;font-weight:760;line-height:1.08}
body.ph-home-sand .hv3-copy h1>span,body.ph-home-sand .hv3-section-head h2 span{color:#99601e}
body.ph-home-sand .hv3-kicker{color:#99601e!important}
body.ph-home-sand .hv3-kicker-mark{background:#ba823e;box-shadow:0 0 0 5px #ba823e18;border-radius:50%}
body.ph-home-sand .hv3-button{border-radius:999px;padding-inline:24px}
body.ph-home-sand .hv3-button-primary{background:#123f46!important;color:#fffaf3!important;box-shadow:0 8px 24px #123f461f}
body.ph-home-sand .hv3-button-primary:hover{background:#20616a!important}
body.ph-home-sand .hv3-button-secondary{background:#fffaf3;border-color:#bb884e;color:#10373c}
body.ph-home-sand .hv3-scene{color:#a56f2c}
body.ph-home-sand .hv3-scene-grid{background-image:linear-gradient(#b88b4418 1px,transparent 1px),linear-gradient(90deg,#b88b4418 1px,transparent 1px)}
body.ph-home-sand .hv3-scene-traces{color:#b68a46}
body.ph-home-sand .hv3-core{background:linear-gradient(145deg,#245a60,#10373c)!important;border-color:#38666a;box-shadow:0 30px 65px #123b3d26;transform:rotate(-5deg);border-radius:28px}
body.ph-home-sand .hv3-core-top,body.ph-home-sand .hv3-core-resources{color:#f2dfbf;border-color:#ffffff30}
body.ph-home-sand .hv3-core-cube{color:#e4bb79}
body.ph-home-sand .hv3-core-resources b{background:linear-gradient(90deg,#e8c995,#b58a50)}
body.ph-home-sand .hv3-scene-card{background:#fffcf6;border-color:#e2d0b7;box-shadow:0 16px 40px #6e4d2317;border-radius:20px}
body.ph-home-sand .hv3-scene-card:hover{border-color:#b58a50;box-shadow:0 20px 42px #6e4d2325}
body.ph-home-sand .hv3-scene-icon,body.ph-home-sand .hv3-universe-icon{background:#efdfc7!important;color:#17535a!important}
body.ph-home-sand .hv3-universe{border-radius:24px;box-shadow:0 8px 26px #60421806}
body.ph-home-sand .hv3-universe:hover{border-color:#b99464;box-shadow:0 16px 35px #60421812}
body.ph-home-sand .hv3-universe-games{background:linear-gradient(135deg,#fffaf3,#efdfc7)!important}
body.ph-home-sand .hv3-game-art{display:none}
body.ph-home-sand .hv3-universe-box,body.ph-home-sand .hv3-support-card{background:radial-gradient(ellipse at 100% 0%,#2d6970,transparent 70%),#10383d!important;border-color:#346067;color:#fffaf3}
body.ph-home-sand .hv3-universe-box>p,body.ph-home-sand .hv3-universe-box .hv3-universe-index,body.ph-home-sand .hv3-resource-chips>span,body.ph-home-sand .hv3-support-copy>p:not(.hv3-kicker){color:#e8ddca}
body.ph-home-sand .hv3-box-art,body.ph-home-sand .hv3-universe-box .hv3-universe-cta svg,body.ph-home-sand .hv3-support-copy .hv3-kicker{color:#e5bd80!important}
body.ph-home-sand .hv3-account-section{background:#f0e4d2}
body.ph-home-sand .hv3-account-items>a{border-radius:20px;box-shadow:0 6px 20px #6e4d2308}
body.ph-home-sand .ph-domain-form>.ph-domain-button{background:#17535a}
body.ph-home-sand .hv3-button-light{color:#10383d!important;background:#fffaf3}
body.ph-home-sand .ph-home-v3 :is(a,summary):focus-visible{outline-color:#a36c29}
@media(max-width:600px){body.ph-home-sand .hv3-hero{padding-top:28px}body.ph-home-sand .hv3-copy h1{font-size:42px}body.ph-home-sand .hv3-button{min-height:48px}}
/* Preserve the existing dark-mode preference with the same warm palette. */
html.dark body.ph-home-sand{--v3-page:#102b30;--v3-surface:#183b40;--v3-soft:#20474a;--v3-ink:#fff3df;--v3-muted:#c8c2b6;--v3-border:#3e5b58;--v3-accent:#e0b77b}
html.dark body.ph-home-sand .ph-home.ph-home-v3{--hv-page:#102b30;--hv-surface:#183b40;--hv-soft:#20474a;--hv-ink:#fff3df;--hv-muted:#c8c2b6;--hv-border:#3e5b58;--hv-blue:#e0b77b}
html.dark body.ph-home-sand .ph-site-header,html.dark body.ph-home-sand #mobile-menu{background:#183b40!important;color:#fff3df}
html.dark body.ph-home-sand .ph-site-header a{color:#fff3df}
html.dark body.ph-home-sand .hv3-hero{background:radial-gradient(ellipse at 80% 40%,#86673744,transparent 54%),#102b30!important}
html.dark body.ph-home-sand .hv3-copy h1>span,html.dark body.ph-home-sand .hv3-kicker{color:#e0b77b!important}
html.dark body.ph-home-sand .hv3-scene-card,html.dark body.ph-home-sand .hv3-universe-games{background:#183b40!important;border-color:#3e5b58}
html.dark body.ph-home-sand .hv3-account-section{background:#143237}

body.ph-home-sand .ph-free-promo-box{background:linear-gradient(115deg,#10383d,#24585d);border-color:#416b68}
body.ph-home-sand .ph-free-promo-kicker{color:#e5bd80}
body.ph-home-sand .ph-free-promo-description,body.ph-home-sand .ph-free-promo-note{color:#eadfcf}
body.ph-home-sand .ph-free-promo-cta{background:#946020;color:#fff!important;border-radius:999px}
body.ph-home-sand .ph-free-promo-cta:hover{background:#79501c}

/* Full homepage composition, based on the approved sand/petrol concept. */
body.ph-home-sand .sp-hero{padding:48px 0 22px;background:radial-gradient(ellipse at 80% 30%,#edddc0,transparent 65%),#fffaf3;overflow:hidden}
.sp-hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;gap:20px}.sp-copy{position:relative;z-index:1}.sp-copy h1{font-size:clamp(38px,4.7vw,68px);line-height:1.05;font-weight:800;letter-spacing:-.055em;margin:0 0 24px!important}.sp-copy h1 span{color:#a46b27}.sp-lead{font-size:20px;line-height:1.5;color:#655f54}.sp-visual{position:relative;margin-right:-60px}.sp-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.sp-preview{display:block;text-align:right;padding-right:50px;font-size:10px;color:#766954}.sp-copy .hv3-actions{gap:10px}.sp-copy .hv3-button{font-size:12px;padding:12px 18px}
body.ph-home-sand .hv3-universes{padding-top:46px;padding-bottom:52px}body.ph-home-sand .hv3-section-head{margin-bottom:26px}body.ph-home-sand .hv3-section-head h2{font-size:38px}
body.ph-home-sand .hv3-universe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.ph-home-sand .hv3-universe{grid-column:span 1;min-height:300px;padding:28px;display:flex;isolation:isolate}body.ph-home-sand .hv3-universe h3{font-size:27px;max-width:75%}body.ph-home-sand .hv3-universe>p{font-size:13px;max-width:85%}body.ph-home-sand .hv3-universe-top{margin-bottom:22px}body.ph-home-sand .hv3-universe-icon{width:56px;height:56px;border-radius:50%;font-size:28px}body.ph-home-sand .hv3-universe-box{order:3}body.ph-home-sand .hv3-universe-games{order:1}body.ph-home-sand .hv3-universe-metal{order:2;background:linear-gradient(125deg,#15434a,#25626a);color:#fffaf3}body.ph-home-sand .hv3-universe-metal>p,body.ph-home-sand .hv3-universe-metal .hv3-universe-index{color:#eee0c9}body.ph-home-sand .hv3-universe-metal .hv3-category-links svg{color:#e4bc80}body.ph-home-sand .hv3-universe-apps{order:4}body.ph-home-sand .hv3-universe-grid>article{position:relative}body.ph-home-sand .hv3-game-tags{gap:5px}body.ph-home-sand .hv3-game-tags span{font-size:10px;padding:4px 7px}
body.ph-home-sand .hv3-universe:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:30px;background:#cba06422;z-index:-1}body.ph-home-sand .hv3-box-art{opacity:.17;width:135px;right:-12px;top:24px}
body.ph-home-sand .hv3-account-section{padding-block:64px;background:linear-gradient(110deg,#fffaf3,#efe1cd)}body.ph-home-sand .hv3-account-grid{grid-template-columns:.85fr 1.15fr;gap:56px}body.ph-home-sand .hv3-account-copy h2{font-size:46px}body.ph-home-sand .hv3-account-copy h2 span{color:#99601e}body.ph-home-sand .hv3-account-items{background:#fffaf3;border:1px solid #ddc8a8;border-radius:24px;padding:28px;box-shadow:12px 18px 0 #e9d5b7,0 20px 50px #573e1610;transform:rotate(-2deg)}body.ph-home-sand .hv3-account-items>a{margin-left:0!important;background:#f6eddf;border:0;transform:none}body.ph-home-sand .hv3-account-items>a:hover{background:#efe0c8}
body.ph-home-sand .hv3-stat-strip{background:#fffaf3;border-block:1px solid #e4d5bf}body.ph-home-sand .hv3-stat strong{color:#123f46}body.ph-home-sand .ph-free-promo{padding-top:28px}
@media(max-width:1000px){.sp-hero-grid{grid-template-columns:1fr 1fr}.sp-copy h1{font-size:45px}.sp-lead{font-size:17px}.sp-visual{margin-right:-25px}body.ph-home-sand .hv3-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.ph-home-sand .sp-hero{padding-top:35px}.sp-hero-grid{grid-template-columns:1fr;gap:12px}.sp-copy{text-align:center}.sp-copy .hv3-kicker,.sp-copy .hv3-actions{justify-content:center}.sp-copy h1{font-size:42px}.sp-visual{margin:0}.sp-preview{text-align:center;padding:0}body.ph-home-sand .hv3-universe-grid{grid-template-columns:1fr}body.ph-home-sand .hv3-account-grid{grid-template-columns:1fr;gap:28px}body.ph-home-sand .hv3-account-copy h2{font-size:36px}body.ph-home-sand .hv3-account-items{transform:none;padding:15px;box-shadow:5px 8px 0 #e9d5b7}body.ph-home-sand .hv3-universe{min-height:0}body.ph-home-sand .hv3-section-head h2{font-size:32px}}
html.dark body.ph-home-sand .sp-hero{background:#102b30}html.dark body.ph-home-sand .sp-lead{color:#d9cbb7}html.dark body.ph-home-sand .sp-visual img{mix-blend-mode:normal;border-radius:28px}html.dark body.ph-home-sand .hv3-account-section{background:#143237}html.dark body.ph-home-sand .hv3-account-items{background:#183b40;box-shadow:8px 12px 0 #244a4d}html.dark body.ph-home-sand .hv3-account-items>a{background:#20474a}html.dark body.ph-home-sand .hv3-stat-strip{background:#183b40}html.dark body.ph-home-sand .hv3-stat strong{color:#e0b77b}

body.ph-home-sand .sp-card-art{position:absolute;right:22px;top:20px;width:95px;height:95px;opacity:.13;transform:rotate(-12deg);pointer-events:none}body.ph-home-sand .sp-card-art svg{width:100%;height:100%}

body.ph-home-sand .hv3-universe-cloud{order:4}body.ph-home-sand .hv3-universe-apps{order:5}
body.ph-home-sand :is(.hv3-universe-games,.hv3-universe-metal,.hv3-universe-box) .sp-card-art{position:relative;order:-1;top:auto;right:auto;transform:none;opacity:1;flex:none;width:100%;height:auto;aspect-ratio:1.6;background-image:url('/assets/placeheberg/home-sand-services-20261021.png');background-size:300% auto;background-repeat:no-repeat;background-position:0% 50%;border-radius:16px;margin-bottom:20px;mix-blend-mode:normal}
body.ph-home-sand :is(.hv3-universe-games,.hv3-universe-metal,.hv3-universe-box) .sp-card-art svg{visibility:hidden}
body.ph-home-sand .hv3-universe-metal .sp-card-art{background-position:50% 50%}body.ph-home-sand .hv3-universe-box .sp-card-art{background-position:100% 50%}
body.ph-home-sand :is(.hv3-universe-games,.hv3-universe-metal,.hv3-universe-box) .hv3-universe-top{display:contents}body.ph-home-sand :is(.hv3-universe-games,.hv3-universe-metal,.hv3-universe-box) .hv3-universe-top>.hv3-universe-icon{display:none}body.ph-home-sand .hv3-universe-index{margin-bottom:12px}body.ph-home-sand .hv3-universe h3{max-width:100%}
body.ph-home-sand .ph-reviews{background:#fffaf3;color:#123f46}body.ph-home-sand :is(.ph-review-card,.ph-review-form,.ph-review-summary){background:#f4eadb;border-color:#e4d5bf;color:#123f46}body.ph-home-sand :is(.ph-reviews-intro,.ph-review-meta){color:#655f54}
body.ph-home-sand .ph-footer.ph-footer-v3{background:#10383d;color:#f5e6cf}body.ph-home-sand .ph-footer-v3-top{border-color:#ffffff26}
html.dark body.ph-home-sand .ph-reviews{background:#102b30;color:#fff3df}html.dark body.ph-home-sand :is(.ph-review-card,.ph-review-form,.ph-review-summary){background:#183b40;border-color:#3e5b58;color:#fff3df}

.sp-image-map{position:relative}.sp-image-map>img{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in}
.sp-hotspot{position:absolute;left:31.5%;width:36%;height:13.5%;border-radius:14px;display:flex;align-items:center;justify-content:flex-end;padding:8px;transition:background .2s,box-shadow .2s}.sp-hotspot-game{top:26%}.sp-hotspot-metal{top:41%}.sp-hotspot-box{top:56%}.sp-hotspot-web{top:71%}.sp-hotspot span{background:#10383deb;color:#fffaf3;padding:5px 8px;border-radius:7px;font-size:11px;opacity:0;transition:opacity .2s}.sp-hotspot:hover,.sp-hotspot:focus-visible{background:#d3a35a20;box-shadow:0 0 0 2px #b58440}.sp-hotspot:hover span,.sp-hotspot:focus-visible span{opacity:1}.sp-hotspot:focus-visible{outline:3px solid #10383d;outline-offset:3px}@media(hover:none){.sp-hotspot span{opacity:1;font-size:9px;padding:3px 5px}}

body.ph-home-sand :is(.hv3-universe-cloud,.hv3-universe-apps) .sp-card-art{position:relative;order:-1;top:auto;right:auto;transform:none;opacity:1;flex:none;width:100%;height:auto;aspect-ratio:1.6;background-image:url('/assets/placeheberg/home-sand-cloud-apps-20261021.png');background-size:200% auto;background-repeat:no-repeat;background-position:0% 50%;border-radius:16px;margin-bottom:20px}
body.ph-home-sand .hv3-universe-apps .sp-card-art{background-position:100% 50%}
body.ph-home-sand :is(.hv3-universe-cloud,.hv3-universe-apps) .sp-card-art svg{visibility:hidden}
body.ph-home-sand :is(.hv3-universe-cloud,.hv3-universe-apps) .hv3-universe-top{display:contents}
body.ph-home-sand :is(.hv3-universe-cloud,.hv3-universe-apps) .hv3-universe-icon{display:none}

/* Match the inset painted cards rather than their external shadows. */
body.ph-home-sand .sp-hotspot{left:32%;width:35.2%;height:13.2%;border-radius:12px;box-sizing:border-box}body.ph-home-sand .sp-hotspot-game{top:25.2%}body.ph-home-sand .sp-hotspot-metal{top:40%}body.ph-home-sand .sp-hotspot-box{top:54.8%}body.ph-home-sand .sp-hotspot-web{top:69.2%}

/* Follow the panel perspective; inset highlight avoids a competing outer border. */
body.ph-home-sand .sp-hotspot{left:32.2%;width:34.4%;height:12.5%;transform-origin:center;transform:skewY(1.35deg);border-radius:13px}
body.ph-home-sand .sp-hotspot-game{top:25.5%}
body.ph-home-sand .sp-hotspot-metal{top:40.4%;transform:skewY(.8deg)}
body.ph-home-sand .sp-hotspot-box{top:55%;transform:skewY(.25deg)}
body.ph-home-sand .sp-hotspot-web{top:69.7%;transform:skewY(-.25deg)}
body.ph-home-sand .sp-hotspot:hover{box-shadow:inset 0 0 0 1px #b5844080;background:#d3a35a16}
body.ph-home-sand .sp-hotspot:focus-visible{box-shadow:inset 0 0 0 2px #b58440;outline:2px solid #10383d;outline-offset:2px}

/* Individually traced panel cards in the original 1536 x 1024 artwork. */
body.ph-home-sand .sp-hotspot-game{left:32.25%;top:25.25%;width:34.85%;height:13.1%;transform:skewY(1.3deg)}
body.ph-home-sand .sp-hotspot-metal{left:32.25%;top:40.1%;width:35%;height:12.9%;transform:skewY(.7deg)}
body.ph-home-sand .sp-hotspot-box{left:32.25%;top:54.8%;width:35%;height:12.8%;transform:skewY(.1deg)}
body.ph-home-sand .sp-hotspot-web{left:32.25%;top:68.5%;width:35%;height:12.8%;transform:skewY(-.65deg)}