.approved-case[data-style=geertsma-bestrating]{--accent:#1466FF;--accent-light:#5A8DFF;--ink:#0A0C10;--ink-light:#424245;--ink-muted:#6E6E73;--ink-faint:#A1A1A6;--paper:#FFFFFF;--paper-2:#F2F3F5;--fg:#F4F6F8;--fg-dim:rgba(244,246,248,.68);--line-ink:rgba(10,12,16,.12);--line:rgba(244,246,248,.14);--note:#FFF6C7;--note-ink:#5A4A00;--note-line:#E9D36A;--amber:#E8B04A;--display:"Space Grotesk",system-ui,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}.approved-case[data-style=geertsma-bestrating] *{box-sizing:border-box}.approved-case[data-style=geertsma-bestrating]{margin:0;background:#0a0a0d;color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:84px}.approved-case[data-style=geertsma-bestrating] img,.approved-case[data-style=geertsma-bestrating] video{display:block;max-width:100%}.approved-case[data-style=geertsma-bestrating] a{color:inherit}.approved-case[data-style=geertsma-bestrating] .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.approved-case[data-style=geertsma-bestrating] h1,.approved-case[data-style=geertsma-bestrating] h2,.approved-case[data-style=geertsma-bestrating] h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0}.approved-case[data-style=geertsma-bestrating] .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);display:inline-flex;gap:8px;align-items:center}.approved-case[data-style=geertsma-bestrating] .kicker:before{content:"++";color:rgba(244,246,248,.35)}.approved-case[data-style=geertsma-bestrating] .light .kicker{color:var(--accent)}.approved-case[data-style=geertsma-bestrating] .light .kicker:before{color:var(--ink-faint)}.approved-case[data-style=geertsma-bestrating] .dot{display:inline-block;width:.38em;height:.38em;background:var(--accent);margin-left:.08em}.approved-case[data-style=geertsma-bestrating] nav.top{position:absolute;top:0;left:0;right:0;z-index:20}.approved-case[data-style=geertsma-bestrating] nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.approved-case[data-style=geertsma-bestrating] nav.top ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;color:rgba(255,255,255,.75)}.approved-case[data-style=geertsma-bestrating] nav.top li.on{color:#fff;font-weight:600}.approved-case[data-style=geertsma-bestrating] .logo{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:18px}.approved-case[data-style=geertsma-bestrating] .logo i{font-style:normal;color:var(--accent-light)}.approved-case[data-style=geertsma-bestrating] .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent}.approved-case[data-style=geertsma-bestrating] .pill.blue{background:var(--accent);color:#fff}.approved-case[data-style=geertsma-bestrating] .pill.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.approved-case[data-style=geertsma-bestrating] .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0d}.approved-case[data-style=geertsma-bestrating] .hero img.bg{position:absolute;top:0;bottom:0;right:0;width:56%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:88% 55%;object-position:88% 55%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.approved-case[data-style=geertsma-bestrating] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.5),rgba(10,10,13,0) 22%,rgba(10,10,13,0) 70%,rgba(10,10,13,.85));pointer-events:none}.approved-case[data-style=geertsma-bestrating] .hero .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:48px}.approved-case[data-style=geertsma-bestrating] .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.approved-case[data-style=geertsma-bestrating] .crumbs a{text-decoration:none}.approved-case[data-style=geertsma-bestrating] .hero h1{font-size:clamp(32px,3.7vw,52px);max-width:640px;margin-top:16px}.approved-case[data-style=geertsma-bestrating] .hero p.sub{max-width:460px;color:var(--fg-dim);font-size:18px;margin:18px 0 0}.approved-case[data-style=geertsma-bestrating] .stats{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line);max-width:640px}.approved-case[data-style=geertsma-bestrating] .stats div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.approved-case[data-style=geertsma-bestrating] .stats div:last-child{border-right:0}.approved-case[data-style=geertsma-bestrating] .stats b{display:block;font-family:var(--display);font-size:46px;letter-spacing:-.04em;line-height:1}.approved-case[data-style=geertsma-bestrating] .stats span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.approved-case[data-style=geertsma-bestrating] section{padding:96px 0;position:relative}.approved-case[data-style=geertsma-bestrating] .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.approved-case[data-style=geertsma-bestrating] .head h2{font-size:clamp(32px,4.4vw,56px);margin-top:12px;max-width:760px}.approved-case[data-style=geertsma-bestrating] .head p{color:var(--fg-dim);max-width:400px;margin:0}.approved-case[data-style=geertsma-bestrating] .stage{position:relative;padding-bottom:40px}.approved-case[data-style=geertsma-bestrating] .browser{border-radius:14px;overflow:hidden;background:#15171d;border:1px solid #262a33;box-shadow:0 50px 120px rgba(0,0,0,.6);width:86%}.approved-case[data-style=geertsma-bestrating] .browser .bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#1b1e25;border-bottom:1px solid #262a33}.approved-case[data-style=geertsma-bestrating] .browser .bar i{width:11px;height:11px;border-radius:50%;background:#3a3f4a;display:block}.approved-case[data-style=geertsma-bestrating] .browser .bar i:first-child{background:#ff5f57}.approved-case[data-style=geertsma-bestrating] .browser .bar i:nth-child(2){background:#febc2e}.approved-case[data-style=geertsma-bestrating] .browser .bar i:nth-child(3){background:#28c840}.approved-case[data-style=geertsma-bestrating] .browser .url{margin-left:18px;flex:1;max-width:460px;height:24px;border-radius:7px;background:#11131a;color:#9aa3b2;font:12.5px var(--mono);display:flex;align-items:center;padding:0 12px}.approved-case[data-style=geertsma-bestrating] .browser .url b{color:#e6eaf0;font-weight:500}.approved-case[data-style=geertsma-bestrating] .phone{position:absolute;right:0;bottom:0;width:22%;min-width:180px;border-radius:38px;padding:10px;background:#16181e;border:1px solid #2c3039;box-shadow:0 40px 90px rgba(0,0,0,.7)}.approved-case[data-style=geertsma-bestrating] .phone img,.approved-case[data-style=geertsma-bestrating] .phone video{border-radius:29px;width:100%}.approved-case[data-style=geertsma-bestrating] .glow{position:absolute;inset:auto 10% -40px 10%;height:220px;background:radial-gradient(closest-side,rgba(232,176,74,.22),transparent);filter:blur(30px);pointer-events:none}.approved-case[data-style=geertsma-bestrating] .strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.approved-case[data-style=geertsma-bestrating] .track{display:flex;gap:18px;width:-moz-max-content;width:max-content;animation:portfolio-geertsma-bestrating-roll 60s linear infinite}.approved-case[data-style=geertsma-bestrating] .strip:hover .track{animation-play-state:paused}@keyframes portfolio-geertsma-bestrating-roll{to{transform:translateX(-50%)}}.approved-case[data-style=geertsma-bestrating] .beer{width:440px;flex:none}.approved-case[data-style=geertsma-bestrating] .beer .img{aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.approved-case[data-style=geertsma-bestrating] .beer .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=geertsma-bestrating] .beer .lab{display:flex;gap:10px;align-items:baseline;margin-top:12px}.approved-case[data-style=geertsma-bestrating] .beer .lab span{font-family:var(--mono);font-size:12px;color:var(--amber)}.approved-case[data-style=geertsma-bestrating] .beer .lab b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}.approved-case[data-style=geertsma-bestrating] .beer .lab em{font-style:normal;color:var(--fg-dim);font-size:14px}@media (prefers-reduced-motion:reduce){.approved-case[data-style=geertsma-bestrating] .track{animation:none}}.approved-case[data-style=geertsma-bestrating] .light{background:var(--paper);color:var(--ink)}.approved-case[data-style=geertsma-bestrating] .light .head p{color:var(--ink-light)}.approved-case[data-style=geertsma-bestrating] .built{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.approved-case[data-style=geertsma-bestrating] .b{border-radius:16px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column}.approved-case[data-style=geertsma-bestrating] .b .v{aspect-ratio:4/5;position:relative;overflow:hidden;background:#0f1014}.approved-case[data-style=geertsma-bestrating] .b .v img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=geertsma-bestrating] .b .t{padding:18px 20px 22px}.approved-case[data-style=geertsma-bestrating] .b .t span{font-family:var(--mono);font-size:12px;color:var(--accent)}.approved-case[data-style=geertsma-bestrating] .b .t h3{font-size:21px;margin:6px 0}.approved-case[data-style=geertsma-bestrating] .b .t p{margin:0;font-size:15px;color:var(--ink-light);line-height:1.5}.approved-case[data-style=geertsma-bestrating] .urls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=geertsma-bestrating] .urls div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 12px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=geertsma-bestrating] .urls div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=geertsma-bestrating] .urls div b{color:#fff;font-weight:500}.approved-case[data-style=geertsma-bestrating] .urls div:nth-child(2){margin-left:18px;opacity:.85}.approved-case[data-style=geertsma-bestrating] .urls div:nth-child(3){margin-left:36px;opacity:.65}.approved-case[data-style=geertsma-bestrating] .b .v .ph{position:absolute;inset:18px 22%;border-radius:22px;padding:6px;background:#16181e;border:1px solid #2c3039}.approved-case[data-style=geertsma-bestrating] .b .v .ph img{border-radius:17px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.approved-case[data-style=geertsma-bestrating] .mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:300px 300px;gap:14px}.approved-case[data-style=geertsma-bestrating] .mosaic figure{margin:0;border-radius:14px;overflow:hidden;position:relative}.approved-case[data-style=geertsma-bestrating] .mosaic figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s ease}.approved-case[data-style=geertsma-bestrating] .mosaic figure:hover img{transform:scale(1.04)}.approved-case[data-style=geertsma-bestrating] .mosaic .big{grid-row:1/3}.approved-case[data-style=geertsma-bestrating] .mosaic .wide{grid-column:2/4}.approved-case[data-style=geertsma-bestrating] .mosaic figcaption{position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}.approved-case[data-style=geertsma-bestrating] .tl{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:10px}.approved-case[data-style=geertsma-bestrating] .tl:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--accent),var(--amber))}.approved-case[data-style=geertsma-bestrating] .tl div{position:relative;padding-top:44px;padding-right:24px}.approved-case[data-style=geertsma-bestrating] .tl div:before{content:"";position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:50%;background:#0a0a0d;border:3px solid var(--accent)}.approved-case[data-style=geertsma-bestrating] .tl div:last-child:before{border-color:var(--amber);box-shadow:0 0 0 6px rgba(232,176,74,.2)}.approved-case[data-style=geertsma-bestrating] .tl b{font-family:var(--display);font-size:24px;display:block;letter-spacing:-.02em}.approved-case[data-style=geertsma-bestrating] .tl span{color:var(--fg-dim);font-size:15.5px}.approved-case[data-style=geertsma-bestrating] .tl em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--amber);display:block;margin-bottom:6px;letter-spacing:.06em}.approved-case[data-style=geertsma-bestrating] .results{position:relative;overflow:hidden;padding:120px 0}.approved-case[data-style=geertsma-bestrating] .results img.bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.35) saturate(1.1)}.approved-case[data-style=geertsma-bestrating] .results .wrap{position:relative}.approved-case[data-style=geertsma-bestrating] .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px}.approved-case[data-style=geertsma-bestrating] .nums div{padding:0 30px 0 0;border-right:1px solid rgba(255,255,255,.2)}.approved-case[data-style=geertsma-bestrating] .nums div+div{padding-left:30px}.approved-case[data-style=geertsma-bestrating] .nums div:last-child{border-right:0}.approved-case[data-style=geertsma-bestrating] .nums b{display:block;font-family:var(--display);font-size:clamp(56px,7vw,96px);letter-spacing:-.05em;line-height:.95}.approved-case[data-style=geertsma-bestrating] .nums span{display:block;margin-top:14px;color:rgba(255,255,255,.8);font-size:16px;max-width:280px}.approved-case[data-style=geertsma-bestrating] .quote{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.approved-case[data-style=geertsma-bestrating] .quote img{border-radius:16px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.approved-case[data-style=geertsma-bestrating] blockquote{margin:0;font-family:var(--display);font-size:clamp(26px,3.2vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--ink-faint)}.approved-case[data-style=geertsma-bestrating] blockquote footer{font-family:var(--sans);font-size:15px;color:var(--ink-muted);margin-top:18px;letter-spacing:0}.approved-case[data-style=geertsma-bestrating] .cta{text-align:center;padding:110px 0;background:radial-gradient(ellipse at 50% 0,#1b1a12 0,#0a0a0d 60%)}.approved-case[data-style=geertsma-bestrating] .cta h2{font-size:clamp(32px,4.4vw,56px);max-width:820px;margin:14px auto 0}.approved-case[data-style=geertsma-bestrating] .cta p{color:var(--fg-dim);max-width:560px;margin:18px auto 30px}.approved-case[data-style=geertsma-bestrating] .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=geertsma-bestrating] .more a{text-decoration:none;border-radius:14px;overflow:hidden;background:var(--paper-2);color:var(--ink)}.approved-case[data-style=geertsma-bestrating] .more .m{aspect-ratio:16/10;overflow:hidden}.approved-case[data-style=geertsma-bestrating] .more .m img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=geertsma-bestrating] .more .bx{padding:16px 18px}.approved-case[data-style=geertsma-bestrating] .more .bx span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.approved-case[data-style=geertsma-bestrating] .more h3{font-size:20px;margin-top:6px}.approved-case[data-style=geertsma-bestrating] footer.site{border-top:1px solid var(--line-ink);background:var(--paper-2);padding:28px 0;color:var(--ink-muted);font-size:14px}.approved-case[data-style=geertsma-bestrating] .note{display:none;background:var(--note);color:var(--note-ink);border:1px solid var(--note-line);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;margin-top:18px;max-width:760px}.approved-case[data-style=geertsma-bestrating].notes .note{display:block}.approved-case[data-style=geertsma-bestrating] .reviewbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#1B1F27;color:#F4F6F8;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;font-size:14px;flex-wrap:wrap;border:1px solid #2b303a}.approved-case[data-style=geertsma-bestrating] .reviewbar .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFD84D}.approved-case[data-style=geertsma-bestrating] .reviewbar .sum{flex:1;min-width:200px;color:rgba(244,246,248,.75)}.approved-case[data-style=geertsma-bestrating] .reviewbar a,.approved-case[data-style=geertsma-bestrating] .reviewbar button{font:600 13.5px var(--sans);border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;text-decoration:none}.approved-case[data-style=geertsma-bestrating] .reviewbar button.on{background:#FFD84D;color:#1B1F27;border-color:#FFD84D}@media (max-width:1000px){.approved-case[data-style=geertsma-bestrating] .built{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.approved-case[data-style=geertsma-bestrating] nav.top ul{display:none}.approved-case[data-style=geertsma-bestrating] .hero img.bg{width:100%;opacity:.4;-webkit-mask-image:none;mask-image:none}.approved-case[data-style=geertsma-bestrating] .browser{width:100%}.approved-case[data-style=geertsma-bestrating] .phone{position:relative;width:55%;margin:-60px 0 0 auto}.approved-case[data-style=geertsma-bestrating] .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.approved-case[data-style=geertsma-bestrating] .mosaic .big{grid-row:auto;grid-column:1/3}.approved-case[data-style=geertsma-bestrating] .mosaic .wide{grid-column:1/3}.approved-case[data-style=geertsma-bestrating] .more,.approved-case[data-style=geertsma-bestrating] .nums,.approved-case[data-style=geertsma-bestrating] .quote,.approved-case[data-style=geertsma-bestrating] .tl{grid-template-columns:1fr}.approved-case[data-style=geertsma-bestrating] .tl{gap:20px}.approved-case[data-style=geertsma-bestrating] .tl:before{display:none}.approved-case[data-style=geertsma-bestrating] .nums div{border-right:0;padding:0 0 26px!important}.approved-case[data-style=geertsma-bestrating] .built{grid-template-columns:1fr}.approved-case[data-style=geertsma-bestrating] .beer{width:300px}}.approved-case[data-style=heat-consult]{--accent:#1466FF;--accent-light:#5A8DFF;--ink:#0A0C10;--ink-light:#424245;--ink-muted:#6E6E73;--ink-faint:#A1A1A6;--paper:#FFFFFF;--paper-2:#F2F3F5;--fg:#F4F6F8;--fg-dim:rgba(244,246,248,.68);--line-ink:rgba(10,12,16,.12);--line:rgba(244,246,248,.14);--note:#FFF6C7;--note-ink:#5A4A00;--note-line:#E9D36A;--amber:#E8B04A;--display:"Space Grotesk",system-ui,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}.approved-case[data-style=heat-consult] *{box-sizing:border-box}.approved-case[data-style=heat-consult]{margin:0;background:#0a0a0d;color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:84px}.approved-case[data-style=heat-consult] img,.approved-case[data-style=heat-consult] video{display:block;max-width:100%}.approved-case[data-style=heat-consult] a{color:inherit}.approved-case[data-style=heat-consult] .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.approved-case[data-style=heat-consult] h1,.approved-case[data-style=heat-consult] h2,.approved-case[data-style=heat-consult] h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0}.approved-case[data-style=heat-consult] .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);display:inline-flex;gap:8px;align-items:center}.approved-case[data-style=heat-consult] .kicker:before{content:"++";color:rgba(244,246,248,.35)}.approved-case[data-style=heat-consult] .light .kicker{color:var(--accent)}.approved-case[data-style=heat-consult] .light .kicker:before{color:var(--ink-faint)}.approved-case[data-style=heat-consult] .dot{display:inline-block;width:.38em;height:.38em;background:var(--accent);margin-left:.08em}.approved-case[data-style=heat-consult] nav.top{position:absolute;top:0;left:0;right:0;z-index:20}.approved-case[data-style=heat-consult] nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.approved-case[data-style=heat-consult] nav.top ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;color:rgba(255,255,255,.75)}.approved-case[data-style=heat-consult] nav.top li.on{color:#fff;font-weight:600}.approved-case[data-style=heat-consult] .logo{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:18px}.approved-case[data-style=heat-consult] .logo i{font-style:normal;color:var(--accent-light)}.approved-case[data-style=heat-consult] .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent}.approved-case[data-style=heat-consult] .pill.blue{background:var(--accent);color:#fff}.approved-case[data-style=heat-consult] .pill.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.approved-case[data-style=heat-consult] .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0d}.approved-case[data-style=heat-consult] .hero img.bg{position:absolute;top:0;bottom:0;right:0;width:56%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:88% 55%;object-position:88% 55%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.approved-case[data-style=heat-consult] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.5),rgba(10,10,13,0) 22%,rgba(10,10,13,0) 70%,rgba(10,10,13,.85));pointer-events:none}.approved-case[data-style=heat-consult] .hero .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:48px}.approved-case[data-style=heat-consult] .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.approved-case[data-style=heat-consult] .crumbs a{text-decoration:none}.approved-case[data-style=heat-consult] .hero h1{font-size:clamp(32px,3.7vw,52px);max-width:640px;margin-top:16px}.approved-case[data-style=heat-consult] .hero p.sub{max-width:460px;color:var(--fg-dim);font-size:18px;margin:18px 0 0}.approved-case[data-style=heat-consult] .stats{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line);max-width:640px}.approved-case[data-style=heat-consult] .stats div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.approved-case[data-style=heat-consult] .stats div:last-child{border-right:0}.approved-case[data-style=heat-consult] .stats b{display:block;font-family:var(--display);font-size:46px;letter-spacing:-.04em;line-height:1}.approved-case[data-style=heat-consult] .stats span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.approved-case[data-style=heat-consult] section{padding:96px 0;position:relative}.approved-case[data-style=heat-consult] .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.approved-case[data-style=heat-consult] .head h2{font-size:clamp(32px,4.4vw,56px);margin-top:12px;max-width:760px}.approved-case[data-style=heat-consult] .head p{color:var(--fg-dim);max-width:400px;margin:0}.approved-case[data-style=heat-consult] .stage{position:relative;padding-bottom:40px}.approved-case[data-style=heat-consult] .browser{border-radius:14px;overflow:hidden;background:#15171d;border:1px solid #262a33;box-shadow:0 50px 120px rgba(0,0,0,.6);width:86%}.approved-case[data-style=heat-consult] .browser .bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#1b1e25;border-bottom:1px solid #262a33}.approved-case[data-style=heat-consult] .browser .bar i{width:11px;height:11px;border-radius:50%;background:#3a3f4a;display:block}.approved-case[data-style=heat-consult] .browser .bar i:first-child{background:#ff5f57}.approved-case[data-style=heat-consult] .browser .bar i:nth-child(2){background:#febc2e}.approved-case[data-style=heat-consult] .browser .bar i:nth-child(3){background:#28c840}.approved-case[data-style=heat-consult] .browser .url{margin-left:18px;flex:1;max-width:460px;height:24px;border-radius:7px;background:#11131a;color:#9aa3b2;font:12.5px var(--mono);display:flex;align-items:center;padding:0 12px}.approved-case[data-style=heat-consult] .browser .url b{color:#e6eaf0;font-weight:500}.approved-case[data-style=heat-consult] .phone{position:absolute;right:0;bottom:0;width:22%;min-width:180px;border-radius:38px;padding:10px;background:#16181e;border:1px solid #2c3039;box-shadow:0 40px 90px rgba(0,0,0,.7)}.approved-case[data-style=heat-consult] .phone img,.approved-case[data-style=heat-consult] .phone video{border-radius:29px;width:100%}.approved-case[data-style=heat-consult] .glow{position:absolute;inset:auto 10% -40px 10%;height:220px;background:radial-gradient(closest-side,rgba(232,176,74,.22),transparent);filter:blur(30px);pointer-events:none}.approved-case[data-style=heat-consult] .strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.approved-case[data-style=heat-consult] .track{display:flex;gap:18px;width:-moz-max-content;width:max-content;animation:portfolio-heat-consult-roll 60s linear infinite}.approved-case[data-style=heat-consult] .strip:hover .track{animation-play-state:paused}@keyframes portfolio-heat-consult-roll{to{transform:translateX(-50%)}}.approved-case[data-style=heat-consult] .beer{width:440px;flex:none}.approved-case[data-style=heat-consult] .beer .img{aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.approved-case[data-style=heat-consult] .beer .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=heat-consult] .beer .lab{display:flex;gap:10px;align-items:baseline;margin-top:12px}.approved-case[data-style=heat-consult] .beer .lab span{font-family:var(--mono);font-size:12px;color:var(--amber)}.approved-case[data-style=heat-consult] .beer .lab b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}.approved-case[data-style=heat-consult] .beer .lab em{font-style:normal;color:var(--fg-dim);font-size:14px}@media (prefers-reduced-motion:reduce){.approved-case[data-style=heat-consult] .track{animation:none}}.approved-case[data-style=heat-consult] .light{background:var(--paper);color:var(--ink)}.approved-case[data-style=heat-consult] .light .head p{color:var(--ink-light)}.approved-case[data-style=heat-consult] .built{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.approved-case[data-style=heat-consult] .b{border-radius:16px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column}.approved-case[data-style=heat-consult] .b .v{aspect-ratio:4/5;position:relative;overflow:hidden;background:#0f1014}.approved-case[data-style=heat-consult] .b .v img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=heat-consult] .b .t{padding:18px 20px 22px}.approved-case[data-style=heat-consult] .b .t span{font-family:var(--mono);font-size:12px;color:var(--accent)}.approved-case[data-style=heat-consult] .b .t h3{font-size:21px;margin:6px 0}.approved-case[data-style=heat-consult] .b .t p{margin:0;font-size:15px;color:var(--ink-light);line-height:1.5}.approved-case[data-style=heat-consult] .urls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=heat-consult] .urls div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 12px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=heat-consult] .urls div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=heat-consult] .urls div b{color:#fff;font-weight:500}.approved-case[data-style=heat-consult] .urls div:nth-child(2){margin-left:18px;opacity:.85}.approved-case[data-style=heat-consult] .urls div:nth-child(3){margin-left:36px;opacity:.65}.approved-case[data-style=heat-consult] .b .v .ph{position:absolute;inset:18px 22%;border-radius:22px;padding:6px;background:#16181e;border:1px solid #2c3039}.approved-case[data-style=heat-consult] .b .v .ph img{border-radius:17px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.approved-case[data-style=heat-consult] .mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:300px 300px;gap:14px}.approved-case[data-style=heat-consult] .mosaic figure{margin:0;border-radius:14px;overflow:hidden;position:relative}.approved-case[data-style=heat-consult] .mosaic figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s ease}.approved-case[data-style=heat-consult] .mosaic figure:hover img{transform:scale(1.04)}.approved-case[data-style=heat-consult] .mosaic .big{grid-row:1/3}.approved-case[data-style=heat-consult] .mosaic .wide{grid-column:2/4}.approved-case[data-style=heat-consult] .mosaic figcaption{position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}.approved-case[data-style=heat-consult] .tl{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:10px}.approved-case[data-style=heat-consult] .tl:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--accent),var(--amber))}.approved-case[data-style=heat-consult] .tl div{position:relative;padding-top:44px;padding-right:24px}.approved-case[data-style=heat-consult] .tl div:before{content:"";position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:50%;background:#0a0a0d;border:3px solid var(--accent)}.approved-case[data-style=heat-consult] .tl div:last-child:before{border-color:var(--amber);box-shadow:0 0 0 6px rgba(232,176,74,.2)}.approved-case[data-style=heat-consult] .tl b{font-family:var(--display);font-size:24px;display:block;letter-spacing:-.02em}.approved-case[data-style=heat-consult] .tl span{color:var(--fg-dim);font-size:15.5px}.approved-case[data-style=heat-consult] .tl em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--amber);display:block;margin-bottom:6px;letter-spacing:.06em}.approved-case[data-style=heat-consult] .results{position:relative;overflow:hidden;padding:120px 0}.approved-case[data-style=heat-consult] .results img.bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.35) saturate(1.1)}.approved-case[data-style=heat-consult] .results .wrap{position:relative}.approved-case[data-style=heat-consult] .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px}.approved-case[data-style=heat-consult] .nums div{padding:0 30px 0 0;border-right:1px solid rgba(255,255,255,.2)}.approved-case[data-style=heat-consult] .nums div+div{padding-left:30px}.approved-case[data-style=heat-consult] .nums div:last-child{border-right:0}.approved-case[data-style=heat-consult] .nums b{display:block;font-family:var(--display);font-size:clamp(56px,7vw,96px);letter-spacing:-.05em;line-height:.95}.approved-case[data-style=heat-consult] .nums span{display:block;margin-top:14px;color:rgba(255,255,255,.8);font-size:16px;max-width:280px}.approved-case[data-style=heat-consult] .quote{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.approved-case[data-style=heat-consult] .quote img{border-radius:16px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.approved-case[data-style=heat-consult] blockquote{margin:0;font-family:var(--display);font-size:clamp(26px,3.2vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--ink-faint)}.approved-case[data-style=heat-consult] blockquote footer{font-family:var(--sans);font-size:15px;color:var(--ink-muted);margin-top:18px;letter-spacing:0}.approved-case[data-style=heat-consult] .cta{text-align:center;padding:110px 0;background:radial-gradient(ellipse at 50% 0,#1b1a12 0,#0a0a0d 60%)}.approved-case[data-style=heat-consult] .cta h2{font-size:clamp(32px,4.4vw,56px);max-width:820px;margin:14px auto 0}.approved-case[data-style=heat-consult] .cta p{color:var(--fg-dim);max-width:560px;margin:18px auto 30px}.approved-case[data-style=heat-consult] .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=heat-consult] .more a{text-decoration:none;border-radius:14px;overflow:hidden;background:var(--paper-2);color:var(--ink)}.approved-case[data-style=heat-consult] .more .m{aspect-ratio:16/10;overflow:hidden}.approved-case[data-style=heat-consult] .more .m img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=heat-consult] .more .bx{padding:16px 18px}.approved-case[data-style=heat-consult] .more .bx span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.approved-case[data-style=heat-consult] .more h3{font-size:20px;margin-top:6px}.approved-case[data-style=heat-consult] footer.site{border-top:1px solid var(--line-ink);background:var(--paper-2);padding:28px 0;color:var(--ink-muted);font-size:14px}.approved-case[data-style=heat-consult] .note{display:none;background:var(--note);color:var(--note-ink);border:1px solid var(--note-line);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;margin-top:18px;max-width:760px}.approved-case[data-style=heat-consult].notes .note{display:block}.approved-case[data-style=heat-consult] .reviewbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#1B1F27;color:#F4F6F8;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;font-size:14px;flex-wrap:wrap;border:1px solid #2b303a}.approved-case[data-style=heat-consult] .reviewbar .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFD84D}.approved-case[data-style=heat-consult] .reviewbar .sum{flex:1;min-width:200px;color:rgba(244,246,248,.75)}.approved-case[data-style=heat-consult] .reviewbar a,.approved-case[data-style=heat-consult] .reviewbar button{font:600 13.5px var(--sans);border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;text-decoration:none}.approved-case[data-style=heat-consult] .reviewbar button.on{background:#FFD84D;color:#1B1F27;border-color:#FFD84D}@media (max-width:860px){.approved-case[data-style=heat-consult] nav.top ul{display:none}.approved-case[data-style=heat-consult] .hero img.bg{width:100%;opacity:.4;-webkit-mask-image:none;mask-image:none}.approved-case[data-style=heat-consult] .browser{width:100%}.approved-case[data-style=heat-consult] .phone{position:relative;width:55%;margin:-60px 0 0 auto}.approved-case[data-style=heat-consult] .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.approved-case[data-style=heat-consult] .mosaic .big{grid-row:auto;grid-column:1/3}.approved-case[data-style=heat-consult] .mosaic .wide{grid-column:1/3}.approved-case[data-style=heat-consult] .more,.approved-case[data-style=heat-consult] .nums,.approved-case[data-style=heat-consult] .quote,.approved-case[data-style=heat-consult] .tl{grid-template-columns:1fr}.approved-case[data-style=heat-consult] .tl{gap:20px}.approved-case[data-style=heat-consult] .tl:before{display:none}.approved-case[data-style=heat-consult] .nums div{border-right:0;padding:0 0 26px!important}.approved-case[data-style=heat-consult] .built{grid-template-columns:1fr}.approved-case[data-style=heat-consult] .beer{width:300px}}.approved-case[data-style=heat-consult] .built{grid-template-columns:repeat(3,minmax(0,1fr))}.approved-case[data-style=heat-consult] .b .v{aspect-ratio:4/3}.approved-case[data-style=heat-consult] .b .v img{-o-object-position:50% 0;object-position:50% 0}.approved-case[data-style=heat-consult] .b .t em{display:block;font-style:normal;font-size:14px;color:var(--ink);margin-top:10px;padding-top:10px;border-top:1px solid var(--line-ink);line-height:1.45}.approved-case[data-style=heat-consult] .b .t em:before{content:"Levert op: ";font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.approved-case[data-style=heat-consult] .hero .note{max-width:640px;margin-top:26px}.approved-case[data-style=heat-consult] .mosaic.row4{grid-template-columns:repeat(4,1fr);grid-template-rows:440px}.approved-case[data-style=heat-consult] .mosaic.row4 .big{grid-row:auto}.approved-case[data-style=heat-consult] .nums b.w{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.035em;line-height:1.05}.approved-case[data-style=heat-consult] .nums span{max-width:300px}.approved-case[data-style=heat-consult] .brandtile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:linear-gradient(90deg,#d6001c,#5a1f6b 50%,#00479b);padding:24px}.approved-case[data-style=heat-consult] .mosaic figure.brandtile img{width:min(70%,420px);height:auto;-o-object-fit:contain;object-fit:contain}.approved-case[data-style=heat-consult] .mosaic figure.brandtile:hover img{transform:none}.approved-case[data-style=heat-consult] .brandtile span{font:600 15px var(--display);color:#fff;letter-spacing:.02em}.approved-case[data-style=heat-consult] .b .v .ph{inset:14px 33%}@media (max-width:1000px){.approved-case[data-style=heat-consult] .built{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.approved-case[data-style=heat-consult] .built{grid-template-columns:1fr}.approved-case[data-style=heat-consult] .mosaic.row4{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px}}.approved-case[data-style=huisje-smuk]{--accent:#1466FF;--accent-light:#5A8DFF;--ink:#0A0C10;--ink-light:#424245;--ink-muted:#6E6E73;--ink-faint:#A1A1A6;--paper:#FFFFFF;--paper-2:#F2F3F5;--fg:#F4F6F8;--fg-dim:rgba(244,246,248,.68);--line-ink:rgba(10,12,16,.12);--line:rgba(244,246,248,.14);--note:#FFF6C7;--note-ink:#5A4A00;--note-line:#E9D36A;--amber:#E8B04A;--display:"Space Grotesk",system-ui,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}.approved-case[data-style=huisje-smuk] *{box-sizing:border-box}.approved-case[data-style=huisje-smuk]{margin:0;background:#0a0a0d;color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:84px}.approved-case[data-style=huisje-smuk] img,.approved-case[data-style=huisje-smuk] video{display:block;max-width:100%}.approved-case[data-style=huisje-smuk] a{color:inherit}.approved-case[data-style=huisje-smuk] .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.approved-case[data-style=huisje-smuk] h1,.approved-case[data-style=huisje-smuk] h2,.approved-case[data-style=huisje-smuk] h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0}.approved-case[data-style=huisje-smuk] .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);display:inline-flex;gap:8px;align-items:center}.approved-case[data-style=huisje-smuk] .kicker:before{content:"++";color:rgba(244,246,248,.35)}.approved-case[data-style=huisje-smuk] .light .kicker{color:var(--accent)}.approved-case[data-style=huisje-smuk] .light .kicker:before{color:var(--ink-faint)}.approved-case[data-style=huisje-smuk] .dot{display:inline-block;width:.38em;height:.38em;background:var(--accent);margin-left:.08em}.approved-case[data-style=huisje-smuk] nav.top{position:absolute;top:0;left:0;right:0;z-index:20}.approved-case[data-style=huisje-smuk] nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.approved-case[data-style=huisje-smuk] nav.top ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;color:rgba(255,255,255,.75)}.approved-case[data-style=huisje-smuk] nav.top li.on{color:#fff;font-weight:600}.approved-case[data-style=huisje-smuk] .logo{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:18px}.approved-case[data-style=huisje-smuk] .logo i{font-style:normal;color:var(--accent-light)}.approved-case[data-style=huisje-smuk] .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent}.approved-case[data-style=huisje-smuk] .pill.blue{background:var(--accent);color:#fff}.approved-case[data-style=huisje-smuk] .pill.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.approved-case[data-style=huisje-smuk] .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0d}.approved-case[data-style=huisje-smuk] .hero img.bg{position:absolute;top:0;bottom:0;right:0;width:56%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:88% 55%;object-position:88% 55%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.approved-case[data-style=huisje-smuk] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.5),rgba(10,10,13,0) 22%,rgba(10,10,13,0) 70%,rgba(10,10,13,.85));pointer-events:none}.approved-case[data-style=huisje-smuk] .hero .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:48px}.approved-case[data-style=huisje-smuk] .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.approved-case[data-style=huisje-smuk] .crumbs a{text-decoration:none}.approved-case[data-style=huisje-smuk] .hero h1{font-size:clamp(32px,3.7vw,52px);max-width:640px;margin-top:16px}.approved-case[data-style=huisje-smuk] .hero p.sub{max-width:460px;color:var(--fg-dim);font-size:18px;margin:18px 0 0}.approved-case[data-style=huisje-smuk] .stats{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line);max-width:640px}.approved-case[data-style=huisje-smuk] .stats div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.approved-case[data-style=huisje-smuk] .stats div:last-child{border-right:0}.approved-case[data-style=huisje-smuk] .stats b{display:block;font-family:var(--display);font-size:46px;letter-spacing:-.04em;line-height:1}.approved-case[data-style=huisje-smuk] .stats span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.approved-case[data-style=huisje-smuk] section{padding:96px 0;position:relative}.approved-case[data-style=huisje-smuk] .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.approved-case[data-style=huisje-smuk] .head h2{font-size:clamp(32px,4.4vw,56px);margin-top:12px;max-width:760px}.approved-case[data-style=huisje-smuk] .head p{color:var(--fg-dim);max-width:400px;margin:0}.approved-case[data-style=huisje-smuk] .stage{position:relative;padding-bottom:40px}.approved-case[data-style=huisje-smuk] .browser{border-radius:14px;overflow:hidden;background:#15171d;border:1px solid #262a33;box-shadow:0 50px 120px rgba(0,0,0,.6);width:86%}.approved-case[data-style=huisje-smuk] .browser .bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#1b1e25;border-bottom:1px solid #262a33}.approved-case[data-style=huisje-smuk] .browser .bar i{width:11px;height:11px;border-radius:50%;background:#3a3f4a;display:block}.approved-case[data-style=huisje-smuk] .browser .bar i:first-child{background:#ff5f57}.approved-case[data-style=huisje-smuk] .browser .bar i:nth-child(2){background:#febc2e}.approved-case[data-style=huisje-smuk] .browser .bar i:nth-child(3){background:#28c840}.approved-case[data-style=huisje-smuk] .browser .url{margin-left:18px;flex:1;max-width:460px;height:24px;border-radius:7px;background:#11131a;color:#9aa3b2;font:12.5px var(--mono);display:flex;align-items:center;padding:0 12px}.approved-case[data-style=huisje-smuk] .browser .url b{color:#e6eaf0;font-weight:500}.approved-case[data-style=huisje-smuk] .phone{position:absolute;right:0;bottom:0;width:22%;min-width:180px;border-radius:38px;padding:10px;background:#16181e;border:1px solid #2c3039;box-shadow:0 40px 90px rgba(0,0,0,.7)}.approved-case[data-style=huisje-smuk] .phone img,.approved-case[data-style=huisje-smuk] .phone video{border-radius:29px;width:100%}.approved-case[data-style=huisje-smuk] .glow{position:absolute;inset:auto 10% -40px 10%;height:220px;background:radial-gradient(closest-side,rgba(232,176,74,.22),transparent);filter:blur(30px);pointer-events:none}.approved-case[data-style=huisje-smuk] .strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.approved-case[data-style=huisje-smuk] .track{display:flex;gap:18px;width:-moz-max-content;width:max-content;animation:portfolio-huisje-smuk-roll 60s linear infinite}.approved-case[data-style=huisje-smuk] .strip:hover .track{animation-play-state:paused}@keyframes portfolio-huisje-smuk-roll{to{transform:translateX(-50%)}}.approved-case[data-style=huisje-smuk] .beer{width:440px;flex:none}.approved-case[data-style=huisje-smuk] .beer .img{aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.approved-case[data-style=huisje-smuk] .beer .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=huisje-smuk] .beer .lab{display:flex;gap:10px;align-items:baseline;margin-top:12px}.approved-case[data-style=huisje-smuk] .beer .lab span{font-family:var(--mono);font-size:12px;color:var(--amber)}.approved-case[data-style=huisje-smuk] .beer .lab b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}.approved-case[data-style=huisje-smuk] .beer .lab em{font-style:normal;color:var(--fg-dim);font-size:14px}@media (prefers-reduced-motion:reduce){.approved-case[data-style=huisje-smuk] .track{animation:none}}.approved-case[data-style=huisje-smuk] .light{background:var(--paper);color:var(--ink)}.approved-case[data-style=huisje-smuk] .light .head p{color:var(--ink-light)}.approved-case[data-style=huisje-smuk] .built{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=huisje-smuk] .b{border-radius:16px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column}.approved-case[data-style=huisje-smuk] .b .v{aspect-ratio:6/5;position:relative;overflow:hidden;background:#0f1014}.approved-case[data-style=huisje-smuk] .b .v img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=huisje-smuk] .b .t{padding:18px 20px 22px}.approved-case[data-style=huisje-smuk] .b .t span{font-family:var(--mono);font-size:12px;color:var(--accent)}.approved-case[data-style=huisje-smuk] .b .t h3{font-size:21px;margin:6px 0}.approved-case[data-style=huisje-smuk] .b .t p{margin:0;font-size:15px;color:var(--ink-light);line-height:1.5}.approved-case[data-style=huisje-smuk] .urls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=huisje-smuk] .urls div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 12px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=huisje-smuk] .urls div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=huisje-smuk] .urls div b{color:#fff;font-weight:500}.approved-case[data-style=huisje-smuk] .urls div:nth-child(2){margin-left:18px;opacity:.85}.approved-case[data-style=huisje-smuk] .urls div:nth-child(3){margin-left:36px;opacity:.65}.approved-case[data-style=huisje-smuk] .b .v .ph{position:absolute;inset:18px 22%;border-radius:22px;padding:6px;background:#16181e;border:1px solid #2c3039}.approved-case[data-style=huisje-smuk] .b .v .ph img{border-radius:17px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.approved-case[data-style=huisje-smuk] .mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:300px 300px;gap:14px}.approved-case[data-style=huisje-smuk] .mosaic figure{margin:0;border-radius:14px;overflow:hidden;position:relative}.approved-case[data-style=huisje-smuk] .mosaic figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s ease}.approved-case[data-style=huisje-smuk] .mosaic figure:hover img{transform:scale(1.04)}.approved-case[data-style=huisje-smuk] .mosaic .big{grid-row:1/3}.approved-case[data-style=huisje-smuk] .mosaic .wide{grid-column:2/4}.approved-case[data-style=huisje-smuk] .mosaic figcaption{position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}.approved-case[data-style=huisje-smuk] .tl{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:10px}.approved-case[data-style=huisje-smuk] .tl:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--accent),var(--amber))}.approved-case[data-style=huisje-smuk] .tl div{position:relative;padding-top:44px;padding-right:24px}.approved-case[data-style=huisje-smuk] .tl div:before{content:"";position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:50%;background:#0a0a0d;border:3px solid var(--accent)}.approved-case[data-style=huisje-smuk] .tl div:last-child:before{border-color:var(--amber);box-shadow:0 0 0 6px rgba(232,176,74,.2)}.approved-case[data-style=huisje-smuk] .tl b{font-family:var(--display);font-size:24px;display:block;letter-spacing:-.02em}.approved-case[data-style=huisje-smuk] .tl span{color:var(--fg-dim);font-size:15.5px}.approved-case[data-style=huisje-smuk] .tl em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--amber);display:block;margin-bottom:6px;letter-spacing:.06em}.approved-case[data-style=huisje-smuk] .results{position:relative;overflow:hidden;padding:120px 0}.approved-case[data-style=huisje-smuk] .results img.bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.35) saturate(1.1)}.approved-case[data-style=huisje-smuk] .results .wrap{position:relative}.approved-case[data-style=huisje-smuk] .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px}.approved-case[data-style=huisje-smuk] .nums div{padding:0 30px 0 0;border-right:1px solid rgba(255,255,255,.2)}.approved-case[data-style=huisje-smuk] .nums div+div{padding-left:30px}.approved-case[data-style=huisje-smuk] .nums div:last-child{border-right:0}.approved-case[data-style=huisje-smuk] .nums b{display:block;font-family:var(--display);font-size:clamp(56px,7vw,96px);letter-spacing:-.05em;line-height:.95}.approved-case[data-style=huisje-smuk] .nums span{display:block;margin-top:14px;color:rgba(255,255,255,.8);font-size:16px;max-width:280px}.approved-case[data-style=huisje-smuk] .quote{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.approved-case[data-style=huisje-smuk] .quote img{border-radius:16px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.approved-case[data-style=huisje-smuk] blockquote{margin:0;font-family:var(--display);font-size:clamp(26px,3.2vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--ink-faint)}.approved-case[data-style=huisje-smuk] blockquote footer{font-family:var(--sans);font-size:15px;color:var(--ink-muted);margin-top:18px;letter-spacing:0}.approved-case[data-style=huisje-smuk] .cta{text-align:center;padding:110px 0;background:radial-gradient(ellipse at 50% 0,#1b1a12 0,#0a0a0d 60%)}.approved-case[data-style=huisje-smuk] .cta h2{font-size:clamp(32px,4.4vw,56px);max-width:820px;margin:14px auto 0}.approved-case[data-style=huisje-smuk] .cta p{color:var(--fg-dim);max-width:560px;margin:18px auto 30px}.approved-case[data-style=huisje-smuk] .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=huisje-smuk] .more a{text-decoration:none;border-radius:14px;overflow:hidden;background:var(--paper-2);color:var(--ink)}.approved-case[data-style=huisje-smuk] .more .m{aspect-ratio:16/10;overflow:hidden}.approved-case[data-style=huisje-smuk] .more .m img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=huisje-smuk] .more .bx{padding:16px 18px}.approved-case[data-style=huisje-smuk] .more .bx span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.approved-case[data-style=huisje-smuk] .more h3{font-size:20px;margin-top:6px}.approved-case[data-style=huisje-smuk] footer.site{border-top:1px solid var(--line-ink);background:var(--paper-2);padding:28px 0;color:var(--ink-muted);font-size:14px}.approved-case[data-style=huisje-smuk] .note{display:none;background:var(--note);color:var(--note-ink);border:1px solid var(--note-line);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;margin-top:18px;max-width:760px}.approved-case[data-style=huisje-smuk].notes .note{display:block}.approved-case[data-style=huisje-smuk] .reviewbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#1B1F27;color:#F4F6F8;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;font-size:14px;flex-wrap:wrap;border:1px solid #2b303a}.approved-case[data-style=huisje-smuk] .reviewbar .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFD84D}.approved-case[data-style=huisje-smuk] .reviewbar .sum{flex:1;min-width:200px;color:rgba(244,246,248,.75)}.approved-case[data-style=huisje-smuk] .reviewbar a,.approved-case[data-style=huisje-smuk] .reviewbar button{font:600 13.5px var(--sans);border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;text-decoration:none}.approved-case[data-style=huisje-smuk] .reviewbar button.on{background:#FFD84D;color:#1B1F27;border-color:#FFD84D}.approved-case[data-style=huisje-smuk] .panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:26px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=huisje-smuk] .panel div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 14px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=huisje-smuk] .panel div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=huisje-smuk] .panel div b{color:#fff;font-weight:500}.approved-case[data-style=huisje-smuk] .panel div.cap{background:none;border:0;box-shadow:none;padding:0 0 4px;font:11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.approved-case[data-style=huisje-smuk] .panel div.cap:before{display:none}.approved-case[data-style=huisje-smuk] .hero .note{max-width:640px;margin-top:26px}.approved-case[data-style=huisje-smuk] .wins b{font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.03em}.approved-case[data-style=huisje-smuk] .results .note{margin-top:44px}.approved-case[data-style=huisje-smuk] .wins span{max-width:320px}.approved-case[data-style=huisje-smuk] .stats b{white-space:nowrap}@media (max-width:1000px){.approved-case[data-style=huisje-smuk] .built{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.approved-case[data-style=huisje-smuk] nav.top ul{display:none}.approved-case[data-style=huisje-smuk] .hero img.bg{width:100%;opacity:.4;-webkit-mask-image:none;mask-image:none}.approved-case[data-style=huisje-smuk] .browser{width:100%}.approved-case[data-style=huisje-smuk] .phone{position:relative;width:55%;margin:-60px 0 0 auto}.approved-case[data-style=huisje-smuk] .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.approved-case[data-style=huisje-smuk] .mosaic .big{grid-row:auto;grid-column:1/3}.approved-case[data-style=huisje-smuk] .mosaic .wide{grid-column:1/3}.approved-case[data-style=huisje-smuk] .more,.approved-case[data-style=huisje-smuk] .nums,.approved-case[data-style=huisje-smuk] .quote,.approved-case[data-style=huisje-smuk] .tl{grid-template-columns:1fr}.approved-case[data-style=huisje-smuk] .tl{gap:20px}.approved-case[data-style=huisje-smuk] .tl:before{display:none}.approved-case[data-style=huisje-smuk] .nums div{border-right:0;padding:0 0 26px!important}.approved-case[data-style=huisje-smuk] .built{grid-template-columns:1fr}.approved-case[data-style=huisje-smuk] .beer{width:300px}}.approved-case[data-style=jouke-wijnja]{--accent:#1466FF;--accent-light:#5A8DFF;--ink:#0A0C10;--ink-light:#424245;--ink-muted:#6E6E73;--ink-faint:#A1A1A6;--paper:#FFFFFF;--paper-2:#F2F3F5;--fg:#F4F6F8;--fg-dim:rgba(244,246,248,.68);--line-ink:rgba(10,12,16,.12);--line:rgba(244,246,248,.14);--note:#FFF6C7;--note-ink:#5A4A00;--note-line:#E9D36A;--amber:#E8B04A;--display:"Space Grotesk",system-ui,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}.approved-case[data-style=jouke-wijnja] *{box-sizing:border-box}.approved-case[data-style=jouke-wijnja]{margin:0;background:#0a0a0d;color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:84px}.approved-case[data-style=jouke-wijnja] img,.approved-case[data-style=jouke-wijnja] video{display:block;max-width:100%}.approved-case[data-style=jouke-wijnja] a{color:inherit}.approved-case[data-style=jouke-wijnja] .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.approved-case[data-style=jouke-wijnja] h1,.approved-case[data-style=jouke-wijnja] h2,.approved-case[data-style=jouke-wijnja] h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.05;margin:0}.approved-case[data-style=jouke-wijnja] .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);display:inline-flex;gap:8px;align-items:center}.approved-case[data-style=jouke-wijnja] .kicker:before{content:"++";color:rgba(244,246,248,.35)}.approved-case[data-style=jouke-wijnja] .light .kicker{color:var(--accent)}.approved-case[data-style=jouke-wijnja] .light .kicker:before{color:var(--ink-faint)}.approved-case[data-style=jouke-wijnja] .dot{display:inline-block;width:.38em;height:.38em;background:var(--accent);margin-left:.08em}.approved-case[data-style=jouke-wijnja] nav.top{position:absolute;top:0;left:0;right:0;z-index:20}.approved-case[data-style=jouke-wijnja] nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.approved-case[data-style=jouke-wijnja] nav.top ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;color:rgba(255,255,255,.75)}.approved-case[data-style=jouke-wijnja] nav.top li.on{color:#fff;font-weight:600}.approved-case[data-style=jouke-wijnja] .logo{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:18px}.approved-case[data-style=jouke-wijnja] .logo i{font-style:normal;color:var(--accent-light)}.approved-case[data-style=jouke-wijnja] .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent}.approved-case[data-style=jouke-wijnja] .pill.blue{background:var(--accent);color:#fff}.approved-case[data-style=jouke-wijnja] .pill.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.approved-case[data-style=jouke-wijnja] .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0a0a0d}.approved-case[data-style=jouke-wijnja] .hero img.bg{position:absolute;top:0;bottom:0;right:0;width:56%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:88% 55%;object-position:88% 55%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.approved-case[data-style=jouke-wijnja] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.5),rgba(10,10,13,0) 22%,rgba(10,10,13,0) 70%,rgba(10,10,13,.85));pointer-events:none}.approved-case[data-style=jouke-wijnja] .hero .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:48px}.approved-case[data-style=jouke-wijnja] .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.approved-case[data-style=jouke-wijnja] .crumbs a{text-decoration:none}.approved-case[data-style=jouke-wijnja] .hero h1{font-size:clamp(32px,3.7vw,52px);max-width:640px;margin-top:16px}.approved-case[data-style=jouke-wijnja] .hero p.sub{max-width:460px;color:var(--fg-dim);font-size:18px;margin:18px 0 0}.approved-case[data-style=jouke-wijnja] .stats{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line);max-width:640px}.approved-case[data-style=jouke-wijnja] .stats div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.approved-case[data-style=jouke-wijnja] .stats div:last-child{border-right:0}.approved-case[data-style=jouke-wijnja] .stats b{display:block;font-family:var(--display);font-size:46px;letter-spacing:-.04em;line-height:1}.approved-case[data-style=jouke-wijnja] .stats span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.approved-case[data-style=jouke-wijnja] section{padding:96px 0;position:relative}.approved-case[data-style=jouke-wijnja] .head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.approved-case[data-style=jouke-wijnja] .head h2{font-size:clamp(32px,4.4vw,56px);margin-top:12px;max-width:760px}.approved-case[data-style=jouke-wijnja] .head p{color:var(--fg-dim);max-width:400px;margin:0}.approved-case[data-style=jouke-wijnja] .stage{position:relative;padding-bottom:40px}.approved-case[data-style=jouke-wijnja] .browser{border-radius:14px;overflow:hidden;background:#15171d;border:1px solid #262a33;box-shadow:0 50px 120px rgba(0,0,0,.6);width:86%}.approved-case[data-style=jouke-wijnja] .browser .bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#1b1e25;border-bottom:1px solid #262a33}.approved-case[data-style=jouke-wijnja] .browser .bar i{width:11px;height:11px;border-radius:50%;background:#3a3f4a;display:block}.approved-case[data-style=jouke-wijnja] .browser .bar i:first-child{background:#ff5f57}.approved-case[data-style=jouke-wijnja] .browser .bar i:nth-child(2){background:#febc2e}.approved-case[data-style=jouke-wijnja] .browser .bar i:nth-child(3){background:#28c840}.approved-case[data-style=jouke-wijnja] .browser .url{margin-left:18px;flex:1;max-width:460px;height:24px;border-radius:7px;background:#11131a;color:#9aa3b2;font:12.5px var(--mono);display:flex;align-items:center;padding:0 12px}.approved-case[data-style=jouke-wijnja] .browser .url b{color:#e6eaf0;font-weight:500}.approved-case[data-style=jouke-wijnja] .phone{position:absolute;right:0;bottom:0;width:22%;min-width:180px;border-radius:38px;padding:10px;background:#16181e;border:1px solid #2c3039;box-shadow:0 40px 90px rgba(0,0,0,.7)}.approved-case[data-style=jouke-wijnja] .phone img,.approved-case[data-style=jouke-wijnja] .phone video{border-radius:29px;width:100%}.approved-case[data-style=jouke-wijnja] .glow{position:absolute;inset:auto 10% -40px 10%;height:220px;background:radial-gradient(closest-side,rgba(232,176,74,.22),transparent);filter:blur(30px);pointer-events:none}.approved-case[data-style=jouke-wijnja] .strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.approved-case[data-style=jouke-wijnja] .track{display:flex;gap:18px;width:-moz-max-content;width:max-content;animation:portfolio-jouke-wijnja-roll 60s linear infinite}.approved-case[data-style=jouke-wijnja] .strip:hover .track{animation-play-state:paused}@keyframes portfolio-jouke-wijnja-roll{to{transform:translateX(-50%)}}.approved-case[data-style=jouke-wijnja] .beer{width:440px;flex:none}.approved-case[data-style=jouke-wijnja] .beer .img{aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.approved-case[data-style=jouke-wijnja] .beer .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=jouke-wijnja] .beer .lab{display:flex;gap:10px;align-items:baseline;margin-top:12px}.approved-case[data-style=jouke-wijnja] .beer .lab span{font-family:var(--mono);font-size:12px;color:var(--amber)}.approved-case[data-style=jouke-wijnja] .beer .lab b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}.approved-case[data-style=jouke-wijnja] .beer .lab em{font-style:normal;color:var(--fg-dim);font-size:14px}@media (prefers-reduced-motion:reduce){.approved-case[data-style=jouke-wijnja] .track{animation:none}}.approved-case[data-style=jouke-wijnja] .light{background:var(--paper);color:var(--ink)}.approved-case[data-style=jouke-wijnja] .light .head p{color:var(--ink-light)}.approved-case[data-style=jouke-wijnja] .built{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=jouke-wijnja] .b{border-radius:16px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column}.approved-case[data-style=jouke-wijnja] .b .v{aspect-ratio:6/5;position:relative;overflow:hidden;background:#0f1014}.approved-case[data-style=jouke-wijnja] .b .v img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=jouke-wijnja] .b .t{padding:18px 20px 22px}.approved-case[data-style=jouke-wijnja] .b .t span{font-family:var(--mono);font-size:12px;color:var(--accent)}.approved-case[data-style=jouke-wijnja] .b .t h3{font-size:21px;margin:6px 0}.approved-case[data-style=jouke-wijnja] .b .t p{margin:0;font-size:15px;color:var(--ink-light);line-height:1.5}.approved-case[data-style=jouke-wijnja] .urls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=jouke-wijnja] .urls div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 12px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=jouke-wijnja] .urls div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=jouke-wijnja] .urls div b{color:#fff;font-weight:500}.approved-case[data-style=jouke-wijnja] .urls div:nth-child(2){margin-left:18px;opacity:.85}.approved-case[data-style=jouke-wijnja] .urls div:nth-child(3){margin-left:36px;opacity:.65}.approved-case[data-style=jouke-wijnja] .b .v .ph{position:absolute;inset:18px 22%;border-radius:22px;padding:6px;background:#16181e;border:1px solid #2c3039}.approved-case[data-style=jouke-wijnja] .b .v .ph img{border-radius:17px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.approved-case[data-style=jouke-wijnja] .mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:300px 300px;gap:14px}.approved-case[data-style=jouke-wijnja] .mosaic figure{margin:0;border-radius:14px;overflow:hidden;position:relative}.approved-case[data-style=jouke-wijnja] .mosaic figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s ease}.approved-case[data-style=jouke-wijnja] .mosaic figure:hover img{transform:scale(1.04)}.approved-case[data-style=jouke-wijnja] .mosaic .big{grid-row:1/3}.approved-case[data-style=jouke-wijnja] .mosaic .wide{grid-column:2/4}.approved-case[data-style=jouke-wijnja] .mosaic figcaption{position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}.approved-case[data-style=jouke-wijnja] .tl{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:10px}.approved-case[data-style=jouke-wijnja] .tl:before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--accent),var(--amber))}.approved-case[data-style=jouke-wijnja] .tl div{position:relative;padding-top:44px;padding-right:24px}.approved-case[data-style=jouke-wijnja] .tl div:before{content:"";position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:50%;background:#0a0a0d;border:3px solid var(--accent)}.approved-case[data-style=jouke-wijnja] .tl div:last-child:before{border-color:var(--amber);box-shadow:0 0 0 6px rgba(232,176,74,.2)}.approved-case[data-style=jouke-wijnja] .tl b{font-family:var(--display);font-size:24px;display:block;letter-spacing:-.02em}.approved-case[data-style=jouke-wijnja] .tl span{color:var(--fg-dim);font-size:15.5px}.approved-case[data-style=jouke-wijnja] .tl em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--amber);display:block;margin-bottom:6px;letter-spacing:.06em}.approved-case[data-style=jouke-wijnja] .results{position:relative;overflow:hidden;padding:120px 0}.approved-case[data-style=jouke-wijnja] .results img.bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.35) saturate(1.1)}.approved-case[data-style=jouke-wijnja] .results .wrap{position:relative}.approved-case[data-style=jouke-wijnja] .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px}.approved-case[data-style=jouke-wijnja] .nums div{padding:0 30px 0 0;border-right:1px solid rgba(255,255,255,.2)}.approved-case[data-style=jouke-wijnja] .nums div+div{padding-left:30px}.approved-case[data-style=jouke-wijnja] .nums div:last-child{border-right:0}.approved-case[data-style=jouke-wijnja] .nums b{display:block;font-family:var(--display);font-size:clamp(56px,7vw,96px);letter-spacing:-.05em;line-height:.95}.approved-case[data-style=jouke-wijnja] .nums span{display:block;margin-top:14px;color:rgba(255,255,255,.8);font-size:16px;max-width:280px}.approved-case[data-style=jouke-wijnja] .quote{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.approved-case[data-style=jouke-wijnja] .quote img{border-radius:16px;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.approved-case[data-style=jouke-wijnja] blockquote{margin:0;font-family:var(--display);font-size:clamp(26px,3.2vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--ink-faint)}.approved-case[data-style=jouke-wijnja] blockquote footer{font-family:var(--sans);font-size:15px;color:var(--ink-muted);margin-top:18px;letter-spacing:0}.approved-case[data-style=jouke-wijnja] .cta{text-align:center;padding:110px 0;background:radial-gradient(ellipse at 50% 0,#1b1a12 0,#0a0a0d 60%)}.approved-case[data-style=jouke-wijnja] .cta h2{font-size:clamp(32px,4.4vw,56px);max-width:820px;margin:14px auto 0}.approved-case[data-style=jouke-wijnja] .cta p{color:var(--fg-dim);max-width:560px;margin:18px auto 30px}.approved-case[data-style=jouke-wijnja] .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approved-case[data-style=jouke-wijnja] .more a{text-decoration:none;border-radius:14px;overflow:hidden;background:var(--paper-2);color:var(--ink)}.approved-case[data-style=jouke-wijnja] .more .m{aspect-ratio:16/10;overflow:hidden}.approved-case[data-style=jouke-wijnja] .more .m img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.approved-case[data-style=jouke-wijnja] .more .bx{padding:16px 18px}.approved-case[data-style=jouke-wijnja] .more .bx span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.approved-case[data-style=jouke-wijnja] .more h3{font-size:20px;margin-top:6px}.approved-case[data-style=jouke-wijnja] footer.site{border-top:1px solid var(--line-ink);background:var(--paper-2);padding:28px 0;color:var(--ink-muted);font-size:14px}.approved-case[data-style=jouke-wijnja] .note{display:none;background:var(--note);color:var(--note-ink);border:1px solid var(--note-line);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;margin-top:18px;max-width:760px}.approved-case[data-style=jouke-wijnja].notes .note{display:block}.approved-case[data-style=jouke-wijnja] .reviewbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#1B1F27;color:#F4F6F8;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;font-size:14px;flex-wrap:wrap;border:1px solid #2b303a}.approved-case[data-style=jouke-wijnja] .reviewbar .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFD84D}.approved-case[data-style=jouke-wijnja] .reviewbar .sum{flex:1;min-width:200px;color:rgba(244,246,248,.75)}.approved-case[data-style=jouke-wijnja] .reviewbar a,.approved-case[data-style=jouke-wijnja] .reviewbar button{font:600 13.5px var(--sans);border-radius:999px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;text-decoration:none}.approved-case[data-style=jouke-wijnja] .reviewbar button.on{background:#FFD84D;color:#1B1F27;border-color:#FFD84D}.approved-case[data-style=jouke-wijnja] .panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:26px;background:radial-gradient(circle at 70% 20%,#2a2116,#0f1014 70%)}.approved-case[data-style=jouke-wijnja] .panel div{background:#1b1e25;border:1px solid #2c3039;border-radius:10px;padding:11px 14px;font:13px var(--mono);color:#9aa3b2;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}.approved-case[data-style=jouke-wijnja] .panel div:before{content:"";width:9px;height:9px;border-radius:50%;background:#28c840;flex:none}.approved-case[data-style=jouke-wijnja] .panel div b{color:#fff;font-weight:500}.approved-case[data-style=jouke-wijnja] .panel div.cap{background:none;border:0;box-shadow:none;padding:0 0 4px;font:11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.approved-case[data-style=jouke-wijnja] .panel div.cap:before{display:none}.approved-case[data-style=jouke-wijnja] .hero .note{max-width:640px;margin-top:26px}.approved-case[data-style=jouke-wijnja] .wins b{font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.03em}.approved-case[data-style=jouke-wijnja] .results .note{margin-top:44px}.approved-case[data-style=jouke-wijnja] .wins span{max-width:320px}.approved-case[data-style=jouke-wijnja] .stats b{white-space:nowrap}@media (max-width:1000px){.approved-case[data-style=jouke-wijnja] .built{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.approved-case[data-style=jouke-wijnja] nav.top ul{display:none}.approved-case[data-style=jouke-wijnja] .hero img.bg{width:100%;opacity:.4;-webkit-mask-image:none;mask-image:none}.approved-case[data-style=jouke-wijnja] .browser{width:100%}.approved-case[data-style=jouke-wijnja] .phone{position:relative;width:55%;margin:-60px 0 0 auto}.approved-case[data-style=jouke-wijnja] .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.approved-case[data-style=jouke-wijnja] .mosaic .big{grid-row:auto;grid-column:1/3}.approved-case[data-style=jouke-wijnja] .mosaic .wide{grid-column:1/3}.approved-case[data-style=jouke-wijnja] .more,.approved-case[data-style=jouke-wijnja] .nums,.approved-case[data-style=jouke-wijnja] .quote,.approved-case[data-style=jouke-wijnja] .tl{grid-template-columns:1fr}.approved-case[data-style=jouke-wijnja] .tl{gap:20px}.approved-case[data-style=jouke-wijnja] .tl:before{display:none}.approved-case[data-style=jouke-wijnja] .nums div{border-right:0;padding:0 0 26px!important}.approved-case[data-style=jouke-wijnja] .built{grid-template-columns:1fr}.approved-case[data-style=jouke-wijnja] .beer{width:300px}}