/* Softer surfaces, same dark brand palette. No external libraries. */
:root{--surface-radius:24px;--media-radius:20px}
.brand-choice{border-radius:var(--surface-radius);padding:clamp(25px,3vw,40px);overflow:hidden}
.brand-choice::before{z-index:0;pointer-events:none}.brand-choice>*{position:relative}
.brand-choice h2{line-height:1.13}.brand-choice li,.project-tags li{border-radius:7px}
.button{border-radius:10px}.brand-choice .button{border-radius:12px}
.project-preview{border-radius:var(--media-radius);overflow:hidden;isolation:isolate;box-shadow:0 20px 42px -27px #000b;transform:perspective(1100px) rotateX(var(--project-rx,0deg)) rotateY(var(--project-ry,0deg));transition:transform .3s ease,box-shadow .3s ease}
.project-preview::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#fff3,transparent 60%);opacity:0;transition:opacity .3s}
.project-preview:hover::after,.project-preview:focus-visible::after{opacity:1}
.project-preview:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.project-preview .project-shot>img{transform:translateY(var(--image-drift,0px)) scale(1.055);transition:filter .4s,transform .5s ease}
.project-preview:hover .project-shot>img,.project-preview:focus-visible .project-shot>img{transform:translateY(var(--image-drift,0px)) scale(1.085)}
.price-card,.extras-grid>article,.clarity-teaser,.clarity-result,.guide-download,.example-comparison article,.fave-topics article,.consulting-steps article{border-radius:var(--surface-radius)}
.fave-options>a{border-radius:20px;transition:transform .25s,box-shadow .25s}
.fave-options>a:hover,.fave-options>a:focus-visible{transform:translateY(-4px);box-shadow:0 15px 35px -25px #0007}
/* Single underline borders stay straight, including the FAVE contact form. */
input,textarea,select,.contact input,.contact textarea,.contact select,.text-link,.service-tabs button{border-radius:0}
.engagement-grid article{border-radius:18px;padding:26px 22px;background:#ffffff03}
.hero-person{position:relative;padding:15px 0;isolation:isolate}
.hero-person::before{content:"";position:absolute;inset:2% -14% 16%;border-radius:45% 55% 62% 38%;background:radial-gradient(ellipse at 75% 25%,#b8f34b23,transparent 68%),radial-gradient(ellipse at 25% 75%,#ff641a2b,transparent 70%);transform:rotate(-9deg);z-index:-1}
.hero-person>img{width:205px;height:235px;border:1px solid #b8f34b85;border-radius:48% 48% 32% 32%;padding:5px;object-position:50% 29%;box-shadow:12px 20px 0 -9px #ff641a45,0 25px 60px -24px #000b;transform:translateY(var(--portrait-drift,0px)) rotate(-2deg)}
.portrait-window{overflow:hidden;border-radius:30px 30px 80px 30px;background:#1b252c}
.portrait-window .peter-portrait{transform:translateY(var(--portrait-drift,0px)) scale(1.045);transform-origin:center;box-shadow:none}
.portrait-block::before{border-radius:30px 30px 80px 30px;top:14px;left:14px;right:-12px;bottom:94px;background:linear-gradient(135deg,#b8f34b18,#ff641a12);border:1px solid #ff641a60;transform:rotate(2deg)}
.portrait-block::after{top:-13px;left:auto;right:10px;width:68px;height:68px;border:0;border-radius:50%;background:var(--lime);z-index:-1;opacity:.7}
.consulting-photo>img,.fave-hero-photo img{border-radius:24px}
.reveal-item{transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms);transform:translateY(26px)}
.reveal-item.is-revealed,.reveal-item:focus-within{transform:none}
/* Six real planes; three facing the visitor carry working service links. */
.cube-navigation.spatial-navigation{border-radius:28px;overflow:hidden;padding-top:65px;background:radial-gradient(ellipse at 60% 30%,#2a393b,#171e25 68%)}
.spatial-navigation::before{display:none}
.cube-stage{--edge:170px;--half:85px;position:relative;display:grid;place-items:center;min-height:310px;width:100%;perspective:950px;isolation:isolate}
.cube-stage::after{content:"";position:absolute;width:58%;height:32px;bottom:17px;border-radius:50%;background:#0008;filter:blur(16px);transform:scale(var(--shadow-scale,1));z-index:-1}
.spatial-cube{position:relative;width:var(--edge);height:var(--edge);transform-style:preserve-3d;transform:translateY(var(--cube-lift,0px)) rotateX(var(--cube-rx,-24deg)) rotateY(var(--cube-ry,-34deg));will-change:transform}
.spatial-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border:5px solid #101319;color:#101319;font-weight:700;font-size:17px;backface-visibility:hidden;text-decoration:none;box-sizing:border-box;outline-offset:-13px}
.spatial-face span{font-size:13px}.spatial-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#fff2,transparent 65%)}
.spatial-front{background:var(--orange);transform:translateZ(var(--half))}
.spatial-right{background:var(--white);transform:rotateY(90deg) translateZ(var(--half))}
.spatial-top{background:var(--lime);transform:rotateX(90deg) translateZ(var(--half))}
.spatial-back{background:#354046;transform:rotateY(180deg) translateZ(var(--half))}
.spatial-left{background:#273138;transform:rotateY(-90deg) translateZ(var(--half))}
.spatial-bottom{background:#1a252c;transform:rotateX(-90deg) translateZ(var(--half))}
.spatial-face[data-cube-service]:hover,.spatial-face[data-cube-service]:focus-visible{filter:brightness(1.08);outline:2px solid #101319}
.spatial-face.is-selected{border-color:#101319;box-shadow:inset 0 0 0 2px #10131955}
.cube-motion-toggle{border:1px solid #ffffff30;border-radius:20px;background:#10131977;color:var(--white);font:inherit;font-size:11px;padding:8px 13px;align-self:flex-end;cursor:pointer;margin:0 0 12px}
.cube-motion-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.spatial-navigation .cube-summary{border-radius:16px;background:#10131944;padding:18px;min-height:126px}
@media(max-width:1100px) and (min-width:701px){.hero-person>img{width:150px;height:180px}.cube-stage{--edge:145px;--half:72.5px;min-height:285px}.spatial-face{font-size:15px}}
@media(max-width:700px){:root{--surface-radius:19px;--media-radius:16px}.brand-choice{padding:26px}.hero-person{padding:0}.hero-person::before{inset:-8px 55% -8px -8px}.hero-person>img{width:94px;height:112px;padding:3px;border-radius:44% 44% 32% 32%;transform:rotate(-2deg)}.hero-person figcaption{text-align:left}.portrait-window{border-radius:24px 24px 55px 24px}.portrait-block::before{border-radius:24px 24px 55px 24px}.cube-navigation.spatial-navigation{padding:54px 18px 18px}.cube-stage{--edge:145px;--half:72.5px;min-height:280px}.spatial-face{font-size:15px}.project-preview{transform:none}.contact .button{width:100%}}
@media(hover:none),(pointer:coarse){.project-preview,.project-preview:hover,.fave-options>a:hover{transform:none}.project-preview::after{display:none}.project-preview .project-shot>img,.project-preview:hover .project-shot>img{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}.project-preview,.project-preview:hover,.project-preview:focus-visible,.project-preview .project-shot>img,.project-preview:hover .project-shot>img,.fave-options>a:hover{transform:none;transition:none}.hero-person>img,.portrait-window .peter-portrait{transform:none}.spatial-cube{transform:rotateX(-24deg) rotateY(-34deg);will-change:auto}.cube-motion-toggle{display:none}.spatial-face,.project-preview::after{transition:none}}
@media print{.reveal-item{opacity:1!important;transform:none!important}.cube-motion-toggle{display:none}.project-preview,.hero-person>img,.portrait-window .peter-portrait{transform:none!important}}

/* Cards on light surfaces float on a soft lime shadow, without border lines. */
:root{--lime-card-shadow:0 16px 34px -14px #82b62b45,0 5px 14px -7px #8ac52b30}
.fave-options{display:grid;gap:24px;border:0}
.fave-options>a,.fave-page .fave-topics article,.fave-page .learning-request{background:#fff;border:0;box-shadow:var(--lime-card-shadow)}
.fave-options>a{padding:28px 30px}
.fave-options>a:hover,.fave-options>a:focus-visible{box-shadow:0 22px 40px -15px #82b62b60,0 7px 17px -8px #8ac52b40}
.fave-page .fave-topics{border:0;gap:24px}
.fave-page .learning-request{border-radius:24px}
.fave-page .fave-hero-photo,.fave-page .connection-link{border:0;border-radius:24px;box-shadow:var(--lime-card-shadow)}
.fave-page .fave-hero-photo{overflow:hidden}
.fave-page .fave-hero-photo figcaption{border:0}
@media(max-width:700px){.fave-options{gap:20px}.fave-options>a{padding:25px}.fave-page .fave-topics{gap:20px}.fave-page .learning-request,.fave-page .fave-hero-photo,.fave-page .connection-link{border-radius:19px}}

/* Buttons stay square; rounded media and cards are independent. */
button,[role="button"],.button,.brand-choice .button,.site-contact,.cube-motion-toggle,.text-button,.example-cta{border-radius:0!important}

/* Matching light and tilt for content cards; existing lime shadows remain. */
.mouse-card{position:relative;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease}
.mouse-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,0%),#ffffff30,transparent 64%);transition:opacity .25s ease}
.mouse-card.is-mouse-active{transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))!important}
.mouse-card.is-mouse-active::after{opacity:1}
.brand-choice.mouse-card::before{display:none}
.fave-options>.mouse-card::after,.fave-topics .mouse-card::after,.learning-request.mouse-card::after{background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,0%),#b8f34b24,transparent 65%)}
.pixelguide-intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:clamp(35px,5vw,80px);align-items:center}
.pixelguide-intro-copy{min-width:0}
.pixelguide-intro-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}
.pixelguide-intro .pixelguide-intro-copy h1{font-size:clamp(44px,6.3vw,88px)}
.pixelguide-person{width:100%;max-width:370px;justify-self:end}
.pixelguide-person .peter-portrait{aspect-ratio:4/5;max-height:470px;object-position:50% 30%}
.pixelguide-person figcaption{gap:12px}
@media(max-width:800px){.pixelguide-intro-grid{grid-template-columns:1fr;gap:40px}.pixelguide-person{max-width:330px;justify-self:center}.pixelguide-intro-copy>p:not(.eyebrow){font-size:15px}.pixelguide-intro .pixelguide-intro-copy h1{font-size:clamp(44px,9.5vw,70px)}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.mouse-card.is-mouse-active{transform:none!important}.mouse-card::after{display:none}}
@media(prefers-reduced-motion:reduce){.mouse-card{transition:none}}

/* Brand context: PixelGuide orange, FAVE lime. Shared entry stays dark. */
:root{--surface-accent:#ff641a;--surface-rgb:255,100,26;--brand-shadow:0 12px 28px -16px rgba(var(--surface-rgb),.24),0 3px 10px -7px rgba(var(--surface-rgb),.14)}
.fave-page,#fave,.choice-fave{--surface-accent:#b8f34b;--surface-rgb:184,243,75}
.mouse-card,.project-preview,.cube-navigation.spatial-navigation{--brand-shadow:0 12px 28px -16px rgba(var(--surface-rgb),.24),0 3px 10px -7px rgba(var(--surface-rgb),.14)}
.mouse-card:not(.image-depth):not(.demo-feature),.project-preview,.cube-navigation.spatial-navigation{border:0;border-top:3px solid var(--surface-accent);box-shadow:var(--brand-shadow)}
.brand-choice.mouse-card{border-top-width:4px}
.mouse-card:not(.image-depth):not(.demo-feature):hover,.mouse-card:not(.image-depth):not(.demo-feature):focus-within,.project-preview:hover,.project-preview:focus-visible{box-shadow:0 17px 33px -18px rgba(var(--surface-rgb),.3),0 4px 12px -8px rgba(var(--surface-rgb),.17)}
.fave-options>a.mouse-card,.fave-page .fave-topics article.mouse-card,.fave-page .learning-request.mouse-card,.fave-page .connection-link.mouse-card{border:0;border-top:3px solid var(--surface-accent);box-shadow:var(--brand-shadow)}
.image-depth{box-shadow:var(--brand-shadow)}
.hero-person.image-depth{box-shadow:none}
.hero-person>img{border-color:rgba(var(--surface-rgb),.45);box-shadow:0 14px 32px -18px rgba(var(--surface-rgb),.28)}
.hero-person::before{background:radial-gradient(ellipse at 60% 40%,rgba(var(--surface-rgb),.12),transparent 70%)}
.portrait-block::before{background:linear-gradient(135deg,rgba(var(--surface-rgb),.1),transparent);border-color:rgba(var(--surface-rgb),.25)}
.portrait-block::after{background:var(--surface-accent);opacity:.55}
.mouse-card::after{background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,0%),rgba(var(--surface-rgb),.12),transparent 65%)}
.image-depth::after{background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,0%),#ffffff21,transparent 65%)}
.fave-page .fave-hero-photo.image-depth{border:0;box-shadow:var(--brand-shadow)}
.image-depth.is-mouse-active{transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))!important}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.image-depth.is-mouse-active{transform:none!important}}