/* Page-specific layout only. Fonts, palette, wordmark, header and footer are inherited from the personal website. */
.recommendation-site .header{position:relative}.recommendation-site .header-preferences:empty{display:none}.resource-inner{max-width:1360px;margin:0 auto}.resource-hero{background:var(--yellow);padding:45px var(--pad) 95px}.resource-hero h1{font-family:Display,Impact,sans-serif;font-size:clamp(64px,9vw,148px);line-height:.96;letter-spacing:-.025em;margin:65px 0 28px;font-weight:700}.hero-lead{font-size:clamp(20px,2.4vw,32px);max-width:760px}.resource-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.resource-nav a{border:1px solid var(--ink);border-radius:12px;padding:13px 17px;font-size:12px;font-weight:700}.resource-nav a:hover{background:var(--ink);color:var(--yellow)}.recommendation-band{background:var(--ink);padding:28px 0;color:var(--yellow);overflow:hidden}.recommendation-band .jano-angled-band{background:var(--ink);color:var(--yellow);padding:15px var(--pad);text-align:center;font-family:Display,Impact,sans-serif;font-size:clamp(22px,3vw,44px)}.resource-section{padding:80px var(--pad);background:var(--ink);color:var(--paper)}.resource-section h2{margin:30px 0 24px}.resource-section .section-label{opacity:.75}.section-intro{font-size:19px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.resource-card{display:flex;flex-direction:column;border:1px solid #ffffff30;border-radius:12px;overflow:hidden;background:#252a2d;min-width:0}.card-media{display:block;aspect-ratio:4/1;overflow:hidden;background:var(--paper)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-media:hover img{transform:scale(1.03)}.card-content{padding:24px;display:flex;flex-direction:column;flex:1}.eyebrow{font-size:10px;letter-spacing:.08em;font-weight:700;text-transform:uppercase}.resource-card h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:22px 0 15px}.resource-card p:not(.eyebrow){font-size:14px;flex:1}.card-actions{display:grid;gap:12px;margin-top:24px}.card-actions a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;padding:13px 0 0;font-size:12px;font-weight:700}.card-actions a:hover{text-decoration:underline}.inline-arrow{width:19px;height:19px;flex-shrink:0}.disclosure{font-size:12px;max-width:820px;margin-top:28px;opacity:.8}#websites{background:var(--paper);color:var(--ink)}#websites .resource-card{background:#fffaf0;border-color:var(--line)}#websites .card-actions a{border-color:var(--line)}#privat{background:var(--purple);color:var(--ink)}#privat .resource-card{background:var(--paper);border-color:var(--line)}#privat .card-actions a{border-color:var(--line)}.resource-feature{padding:85px var(--pad);background:var(--yellow)}.resource-feature h2,.resource-game h2{margin:25px 0;font-size:clamp(48px,6vw,90px)}.resource-feature p,.resource-game p{max-width:720px}.resource-feature .action,.resource-game .action{display:flex;align-items:center;gap:20px;border-top:1px solid currentColor;padding-top:18px;margin-top:28px;max-width:650px;font-weight:700}.source{font-size:11px;margin-top:25px}.source a{text-decoration:underline}.resource-game{background:var(--ink);color:var(--paper);padding:75px var(--pad)}.resource-game h2{color:var(--yellow)}.game-image{aspect-ratio:4/1;width:100%;object-fit:cover;margin-bottom:35px}.article-hero h1{font-size:clamp(48px,6vw,94px);max-width:1200px;margin-top:40px}.article-meta{font-size:12px}.article-main{padding:75px var(--pad);background:var(--paper)}.article-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,800px) 280px;gap:70px}.article-picture{aspect-ratio:4/1;object-fit:cover;margin-bottom:35px;border-radius:8px}.article-copy p{margin:22px 0;font-size:17px;line-height:1.85}.article-copy .article-lead{font-size:23px}.article-copy h2{font-size:38px;line-height:1.1;margin:42px 0 15px}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:var(--paper);padding:20px;border-radius:12px;margin:28px 0}.article-aside{border-top:3px solid var(--ink);padding-top:20px;align-self:start}.article-aside h3{font-family:Display,Impact,sans-serif;font-size:40px;line-height:1.05;margin:24px 0}.article-aside p{font-size:13px;margin:20px 0}.article-aside a{font-size:13px;font-weight:700;text-decoration:underline}.article-source{overflow-wrap:anywhere}.recommendation-site .signature-footer{margin:0}.recommendation-site .header #mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--ink);color:var(--paper);padding:24px var(--pad);max-height:80vh;overflow:auto}.recommendation-site #mobile-nav section{margin-bottom:25px}.recommendation-site #mobile-nav h2{font-size:32px;margin-bottom:15px}.recommendation-site #mobile-nav a{display:block;padding:10px}.recommendation-site .menu-button{display:flex;align-items:center;gap:10px}.recommendation-site .menu-button svg{width:20px;stroke:currentColor;fill:none}@media(max-width:1000px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr);gap:40px}}@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.resource-hero{padding-top:30px;padding-bottom:60px}.resource-hero h1{font-size:clamp(44px,12vw,72px);margin-top:35px}.resource-section,.resource-feature,.resource-game,.article-main{padding-top:50px;padding-bottom:50px}.section-label{font-size:9px;align-items:flex-start}.resource-nav{gap:8px}.resource-nav a{padding:12px;font-size:11px}.resource-section h2{font-size:58px;overflow-wrap:break-word}.resource-card h3{font-size:27px}.article-copy .article-lead{font-size:20px}.article-copy h2{font-size:34px}.article-copy p{font-size:16px}.recommendation-site .header>.hello{display:none}.recommendation-site .header-controls{display:flex;grid-column:2;grid-row:1}.recommendation-site .header-preferences{display:none}}
@media(prefers-reduced-motion:reduce){.card-media img{transition:none}}
/* Same readable width as home: full colour surfaces with the inherited --pad gutters. */
.resource-inner{max-width:none}.recommendation-site .header{position:sticky;top:0;z-index:100;background:var(--yellow)}html{scroll-padding-top:125px}.recommendation-site .header .desktop-section-nav{max-width:none}.pattern-transition{width:100%;filter:none}.recommendation-band{margin:0}.recommendation-site #mobile-nav[hidden]{display:none!important}@media(max-width:600px){html{scroll-padding-top:105px}}
.recommendation-site .header{position:sticky;top:0;z-index:100}.recommendation-site #mobile-nav[hidden]{display:none!important}

.recommendation-site .signature-footer>.jano-family-footer{display:none}.recommendation-site .signature-footer a[href*="hinweise"]{display:inline-block;margin-right:18px;padding-block:12px}

/* Feedback round 4: independent recommendation navigation, compact editorial grid. */
.recommendation-header{position:sticky;top:0;z-index:100;background:#171d2c;color:var(--paper);border-bottom:1px solid #ffffff24;padding:0 24px}.recommendation-header-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.recommendation-brand{font-weight:900;font-size:30px;letter-spacing:-1.5px;display:flex;align-items:center;gap:16px}.recommendation-brand>span:not(.jona-word){font-size:10px;letter-spacing:.1em;font-weight:700;border-left:1px solid #ffffff60;padding-left:16px}.recommendation-desktop{display:flex;gap:24px;font-size:12px;font-weight:700}.recommendation-desktop a{padding:16px 0}.recommendation-desktop a:hover{color:var(--yellow)}.recommendation-menu{display:none;background:none;color:var(--paper);border:1px solid #ffffff50;border-radius:8px;padding:10px 12px;align-items:center;gap:12px;font-size:12px}.recommendation-menu svg,.footer-jona svg{width:20px;height:20px}#recommendation-nav{max-width:1120px;margin:auto;padding-bottom:20px}#recommendation-nav a{display:block;padding:12px;border-top:1px solid #ffffff25;font-size:14px}#recommendation-nav[hidden]{display:none!important}.resource-inner{max-width:1120px;margin-inline:auto}.resource-hero{padding:35px 24px 52px}.resource-hero h1{font-size:clamp(54px,7.2vw,104px);margin:38px 0 24px}.hero-lead{font-size:clamp(18px,2vw,24px);max-width:620px}.resource-nav{margin-top:28px}.resource-section{padding:50px 24px}.resource-section h2{font-size:clamp(48px,5vw,76px);margin:23px 0 15px}.section-intro{font-size:16px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.card-content{padding:18px}.resource-card h3{font-size:23px;margin:18px 0 12px}.resource-card p:not(.eyebrow){font-size:12px;line-height:1.65}.eyebrow{font-size:9px}.card-actions{gap:10px;margin-top:20px}.card-actions a{font-size:11px}.recommendation-band{position:relative;padding:24px 0 40px}.recommendation-band .jano-angled-band{padding:10px 0}.recommendation-band .jano-ticker-track span{font-family:Display,Impact,sans-serif;font-size:clamp(26px,3.7vw,52px);letter-spacing:.01em}.banner-toggle{display:block;margin:18px auto 0;background:transparent;color:var(--paper);border:1px solid #ffffff50;font-size:10px;padding:8px 12px;border-radius:20px}.pattern-transition{height:96px}.resource-feature,.resource-game{padding:55px 24px}.resource-feature h2,.resource-game h2{font-size:clamp(45px,5vw,72px)}.recommendation-footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px max(24px,calc((100% - 1120px)/2));border-top:1px solid #ffffff25}.footer-jona{font-size:30px;font-weight:900;display:flex;gap:12px;align-items:center;color:var(--yellow)}.recommendation-footer p{font-size:11px;margin-top:10px}.recommendation-footer nav{display:flex;gap:18px;font-size:11px;flex-wrap:wrap}.recommendation-footer nav a{padding:10px 0}.article-layout{max-width:1120px;grid-template-columns:minmax(0,750px) 250px;gap:60px}.article-hero h1{font-size:clamp(48px,5vw,76px)}html{scroll-padding-top:95px}@media(max-width:1000px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}}@media(max-width:760px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-desktop{display:none}.recommendation-menu{display:flex}.recommendation-header-inner{min-height:65px}.recommendation-footer{flex-direction:column;align-items:flex-start}.recommendation-brand>span:not(.jona-word){font-size:8px}.resource-section{padding-top:40px;padding-bottom:40px}.card-content{padding:15px}.resource-card h3{font-size:22px}.resource-card .eyebrow{font-size:8px}.resource-nav{gap:7px}.resource-nav a{padding:10px;font-size:10px}}@media(max-width:440px){.resource-grid{gap:12px}.resource-hero,.resource-section,.resource-feature,.resource-game{padding-inline:16px}.recommendation-header{padding-inline:16px}.recommendation-brand{gap:10px;font-size:26px}.recommendation-brand>span:not(.jona-word){padding-left:10px}.card-content{padding:12px}.resource-card h3{font-size:20px;overflow-wrap:anywhere}.card-actions a{font-size:10px}.resource-card p:not(.eyebrow){font-size:11px}.resource-card .eyebrow{overflow-wrap:anywhere}.section-label span:last-child{display:none}.resource-hero h1{font-size:56px}.pattern-transition{height:70px}}@media(max-width:350px){.resource-grid{grid-template-columns:1fr}.recommendation-brand>span:not(.jona-word){max-width:85px;line-height:1.5}}
.resource-feature .action svg,.resource-game .action svg{width:22px;height:22px;flex:0 0 22px}.resource-game .game-image{width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;max-height:280px}

/* Approved feedback round 5. Shared personal typography and palette remain the source. */
.resource-inner,.recommendation-header-inner,#recommendation-nav{max-width:1240px;margin-inline:auto}.resource-hero,.resource-section,.resource-feature,.resource-game,.recommendation-header{padding-inline:var(--pad)}.recommendation-footer{padding-inline:var(--pad)}
.resource-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.resource-section{position:relative;isolation:isolate;padding-block:70px;overflow:hidden}.resource-section:before{content:'GOOD FINDS / GOOD FINDS';position:absolute;left:-2%;top:30%;font-family:Display,Impact,sans-serif;font-size:clamp(120px,19vw,340px);white-space:nowrap;opacity:.035;transform:rotate(-8deg);z-index:-1;pointer-events:none}.resource-card{transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.resource-card:hover img{transform:scale(1.09)}.card-media img{transition:transform .5s}.resource-card a:focus-visible,.discovery-next:focus-visible,.discovery-link:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.card-content{padding:18px}.resource-card h3{font-size:25px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:60px;align-items:center}.resource-hero h1{font-size:clamp(64px,7.5vw,130px)}.hero-playground{max-width:430px;justify-self:end;width:100%;padding-top:35px;perspective:900px}.hero-playground>.eyebrow{margin-bottom:16px}.discovery-number{font-size:10px;letter-spacing:.15em;color:var(--yellow)}.discovery-image{width:100%;aspect-ratio:4/1;object-fit:cover;display:block;margin:20px 0}.discovery-card h2{font-family:Display,Impact,sans-serif;font-size:42px;line-height:1.05;margin:20px 0 14px}.discovery-description{font-size:14px;min-height:45px}.discovery-link{display:block;border-top:1px solid #ffffff50;padding-top:16px;margin-top:20px;font-weight:700;font-size:13px;color:var(--yellow)}.discovery-next{border:1px solid var(--ink);background:var(--paper);padding:14px 20px;font-weight:700;font-size:13px;border-radius:30px;margin:28px 0 12px;cursor:pointer;transition:background .2s,transform .2s}.discovery-next:hover{background:var(--purple);transform:rotate(-3deg)}.discovery-hint{display:block;font-size:10px}.recommendation-band.jano-band-bridge{--jano-band-before:var(--yellow);--jano-band-after:var(--ink);padding-block:calc(var(--jano-band-clearance) + 18px);background:var(--jano-band-before);color:var(--ink)}.recommendation-band .jano-angled-band{padding:10px 0;background:var(--purple);color:var(--ink);text-shadow:none}.recommendation-band .jano-ticker-track{width:max-content;animation:recommendations-ticker 65s linear infinite!important;gap:0}.recommendation-band .jano-ticker-copy{min-width:0;flex:none;white-space:nowrap;padding-right:24px}.recommendation-band .jano-ticker-track span{font-size:clamp(34px,4vw,66px)}@keyframes recommendations-ticker{to{transform:translateX(-50%)}}.pattern-transition{height:clamp(84px,8.5vw,145px);overflow:hidden}.reveal-pending{opacity:0;transform:translateY(28px)}.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-layout{gap:35px;grid-template-columns:1.3fr 1fr}.resource-hero h1{font-size:clamp(58px,8vw,88px)}}@media(max-width:760px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{grid-template-columns:1fr;gap:15px}.hero-playground{justify-self:start;max-width:420px;padding-top:10px}.resource-hero{padding-bottom:55px}.resource-hero h1{font-size:clamp(52px,10vw,78px)}.pattern-transition{height:100px}.resource-card h3{font-size:23px}.card-content{padding:14px}.recommendation-header-inner{gap:10px}.hero-lead{max-width:600px}}@media(max-width:350px){.resource-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.recommendation-band .jano-ticker-track{animation:none!important}.resource-card,.card-media img,.discovery-card,.reveal,.discovery-next{transition:none}.reveal-pending{opacity:1;transform:none}}

/* Controlled SVG signs and compact resource summaries. */
.ticker-star{display:inline-block;width:.52em;height:.52em;margin:0 .16em;vertical-align:.05em;fill:currentColor}.discovery-link .inline-arrow,.discovery-next .inline-arrow{vertical-align:middle;margin-left:8px}.resource-audience{border-left:3px solid var(--purple);padding-left:18px}.article-copy .resource-note{font-size:13px;line-height:1.7;opacity:.8}.article-picture{display:block;width:100%}.article-aside .inline-arrow{vertical-align:middle}.article-cta:hover,.article-cta:focus-visible{background:var(--purple);color:var(--ink)}.recommendation-menu:focus-visible,.recommendation-footer a:focus-visible,.recommendation-desktop a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.recommendation-menu:hover{border-color:var(--yellow)}.recommendation-footer a:hover{color:var(--yellow)}

.recommendation-band [data-banner-stopped="true"] .jano-ticker-track{animation-play-state:paused!important}.banner-toggle:hover{border-color:var(--yellow);color:var(--yellow)}.banner-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}

.article-hero h1,.article-copy h2{overflow-wrap:anywhere}.article-copy,.article-aside{min-width:0}

.recommendation-band .banner-toggle{position:absolute;z-index:2;right:var(--pad);bottom:2px;margin:0;padding:5px 10px;background:var(--ink);color:var(--paper);font-size:9px}.recommendation-band .banner-toggle:hover{color:var(--purple);border-color:var(--purple)}.recommendation-band .ticker-star{width:.48em;height:.48em}.pattern-transition{isolation:isolate}

/* Interactive render construction: real six-face CSS geometry, local and dependency-free. */
.hero-playground{width:100%;max-width:600px;padding-top:0;perspective:none}.hero-playground>.eyebrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:0}.render-stage{height:440px;position:relative;perspective:740px;cursor:grab;touch-action:pan-y;overflow:hidden;outline-offset:-4px;user-select:none}.render-stage:focus-visible{outline:2px solid var(--ink)}.render-stage.is-dragging{cursor:grabbing}.render-object{--cube-size:clamp(48px,6vw,78px);position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--rx,-22deg)) rotateY(var(--ry,-32deg));--spacing:calc(var(--cube-size) + 2px)}.render-stage[data-expanded=true] .render-object{--spacing:calc(var(--cube-size)*1.5)}.render-cube{position:absolute;left:calc(var(--cube-size)*-.5);top:calc(var(--cube-size)*-.5);width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform:translate3d(calc(var(--x)*var(--spacing)),calc(var(--y)*var(--spacing)),calc(var(--z)*var(--spacing)));transition:transform .65s cubic-bezier(.2,.75,.2,1)}.render-face{position:absolute;inset:0;border:1px solid var(--ink);backface-visibility:hidden;background:var(--ink)}.render-front{transform:translateZ(calc(var(--cube-size)*.5));background:var(--paper)}.render-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size)*.5));background:var(--purple)}.render-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size)*.5));background:var(--purple)}.render-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size)*.5));background:var(--ink)}.render-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size)*.5));background:var(--yellow)}.render-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)*.5));background:var(--ink)}.render-cube:nth-child(3n) .render-front{background:var(--ink)}.render-cube:nth-child(5n) .render-top{background:var(--paper)}.render-ground{position:absolute;width:260px;height:180px;left:50%;top:57%;transform:translateX(-50%) rotateX(67deg) rotateZ(-25deg);background:repeating-linear-gradient(0deg,transparent 0 29px,#1b22232b 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#1b22232b 29px 30px);pointer-events:none}.render-tools{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:0;border-bottom:0}.render-tools p{font-size:10px;line-height:1.5;max-width:150px}.render-buttons{display:flex;gap:6px}.render-buttons button{padding:8px 10px;background:transparent;border:1px solid var(--ink);font-size:10px;cursor:pointer;color:var(--ink)}.render-buttons button:hover{background:var(--ink);color:var(--yellow)}.render-buttons button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.discovery-card{background:none;color:var(--ink);padding:18px 0 0;border-radius:0;box-shadow:none;transform:none;transition:none;transform-style:flat}.discovery-number{color:var(--ink);opacity:.7}.discovery-card h2{margin:14px 0 12px;font-size:clamp(32px,3.5vw,48px);overflow-wrap:anywhere}.discovery-description{font-size:14px;min-height:0;max-width:400px}.discovery-link{color:var(--ink);border-color:var(--ink);margin-top:16px;padding-top:12px}.discovery-link:hover{text-decoration:underline}.discovery-next{margin:18px 0 8px;border-radius:0;padding:11px 14px}.discovery-next:hover{transform:none}.discovery-hint{font-size:10px}.pattern-transition{height:clamp(130px,15vw,230px)}
@media(max-width:760px){.hero-playground{max-width:470px}.render-stage{height:330px}.pattern-transition{height:90px}.hero-layout{gap:32px}.render-tools p{max-width:130px}.render-buttons button{padding:8px}}
@media(max-width:350px){.render-object{scale:.85}.render-tools{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.render-cube{transition:none}}

/* Colourful 2:1 resource posters and compact category panels. */
.card-media{aspect-ratio:2/1;position:relative;background:var(--ink)}.card-media img{object-fit:cover;width:100%;height:100%}.card-content{padding:13px 15px}.resource-card h3{font-size:20px;margin:4px 0 7px}.resource-card .eyebrow{font-size:8px;margin:0}.resource-card p:not(.eyebrow){font-size:12px;line-height:1.5;margin:0}.card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.card-actions a{font-size:11px;padding-top:8px;border-color:#1b22234d!important;gap:5px}.card-actions .inline-arrow{width:14px;height:14px}.resource-card[hidden]{display:none!important}.resource-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.resource-tabs button{font:700 12px/1.4 inherit;padding:11px 16px;border:1px solid var(--ink);background:none;color:var(--ink);cursor:pointer}.resource-tabs button[aria-selected=true]{background:var(--ink);color:var(--yellow)}.resource-tabs button:hover{background:var(--purple);color:var(--ink)}.resource-tabs button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.resource-filter-status{font-size:11px;margin:14px 0 0}.resource-tabs~.resource-grid{margin-top:15px}.video-label{position:absolute;left:0;bottom:0;right:0;padding:7px 10px;font-size:9px;font-weight:700;background:var(--card-color);color:var(--ink);display:flex;align-items:center;justify-content:space-between}.video-label svg{width:14px;height:14px}.resource-card .video-title{margin-top:8px;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8}.latest-video{margin-top:36px;padding-top:22px;border-top:1px solid var(--ink)}.latest-video>a{display:block}.latest-video img{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:16/9;object-fit:cover;margin:15px 0}.latest-video strong{font-size:19px}.latest-video>a:hover strong{text-decoration:underline}.latest-video>p:last-child{font-size:12px}.latest-video .inline-arrow{vertical-align:middle;margin-left:10px}
@media(max-width:760px){.card-content{padding:11px}.resource-card h3{font-size:19px}.resource-card p:not(.eyebrow){font-size:11px}.card-actions a{font-size:10px}.resource-tabs{gap:5px}.resource-tabs button{padding:9px 11px;font-size:11px}}

.card-content>p:not(.eyebrow):not(.video-title){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none}.resource-card[data-resource="greyscale"] h3{font-size:16px}.resource-card h3{letter-spacing:-.03em}

/* Explicit user correction: every recommendation control and frame stays angular. */
.recommendation-site button,.recommendation-site .recommendation-menu,.recommendation-site .resource-card,.recommendation-site .discovery-card,.recommendation-site .article-picture,.recommendation-site .article-cta,.recommendation-site .resource-nav a,.recommendation-site .latest-video img{border-radius:0!important}.recommendation-site svg path{stroke-linecap:butt;stroke-linejoin:miter}

/* Approved collected feedback: quiet surfaces, coloured link strip, proximity outline. */
.resource-card,.resource-card:hover,.resource-card:focus-within,.resource-card:nth-child(even):hover,.resource-card.reveal.is-visible:hover{transform:none!important;box-shadow:none!important;border:3px solid var(--card-color)!important;background:var(--paper)!important;color:var(--ink);overflow:visible;transition:none}
.resource-card::after{content:'';position:absolute;inset:-9px;border:3px solid var(--card-color);opacity:var(--frame-near,0);pointer-events:none;mask-image:radial-gradient(105px 105px at calc(var(--pointer-x,-200px) + 9px) calc(var(--pointer-y,-200px) + 9px),black 15%,transparent 100%);-webkit-mask-image:radial-gradient(105px 105px at calc(var(--pointer-x,-200px) + 9px) calc(var(--pointer-y,-200px) + 9px),black 15%,transparent 100%);transition:opacity .15s}
.resource-card:hover::after,.resource-card:focus-within::after{opacity:1;mask-image:none;-webkit-mask-image:none}
.card-media{overflow:hidden}.resource-card:hover .card-media img,.resource-card:focus-within .card-media img{transform:scale(1.08)}
.card-content{padding:15px 15px 0}.card-content .card-actions{background:var(--card-color);margin:14px -15px 0;padding:8px 9px;min-height:44px;align-items:center;gap:4px}
.card-actions a{border:0!important;padding:6px 5px!important;margin:0!important;display:inline-block;font-size:10px;white-space:nowrap}
.video-label{background:var(--paper);color:var(--ink)}
.resource-card .card-content>p:not(.eyebrow){flex:none}.card-actions{margin-top:auto!important}.card-content>p:last-of-type{margin-bottom:14px!important}
.resource-card .card-content .card-actions{margin-top:auto!important}.resource-card h3{margin-top:4px}
.recommendation-site a.draw-link{position:relative;display:inline-block;text-decoration:none!important;border:0!important;padding:6px 7px;line-height:1.45}
.recommendation-site .draw-link .link-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.link-outline path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .45s ease;stroke-linecap:butt;stroke-linejoin:miter}
.draw-link:hover .link-outline path,.draw-link:focus-visible .link-outline path{stroke-dashoffset:0!important}
.recommendation-brand{gap:10px}.recommendation-star{width:.68em;height:.68em;flex:none;overflow:visible;transform-origin:center;animation:recommendation-star-spin 24s linear infinite}
@keyframes recommendation-star-spin{to{transform:rotate(360deg)}}
.footer-jona{display:inline-flex;align-items:center;gap:10px}.recommendation-footer{display:block}.recommendation-footer>.footer-main{max-width:1240px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.recommendation-footer .website-directory{max-width:1240px;margin-inline:auto;display:block;border-top:1px solid #ffffff40;margin-top:32px;padding-top:25px}.website-directory>p{font-size:11px;font-weight:700;margin-bottom:12px}.website-directory-links{display:flex;gap:12px 22px;flex-wrap:wrap}.website-directory-links a{font-size:12px}.recommendation-footer .footer-main p{margin-top:8px;font-size:12px}.recommendation-footer .footer-legal{display:flex;gap:10px;flex-wrap:wrap}
.hero-playground{align-self:center}.hero-copy .hero-lead{max-width:550px}.hero-playground>.eyebrow{font-size:10px}
.trailer-preview{display:block;position:relative;overflow:hidden;width:100%;max-width:960px;margin:0 0 30px}.trailer-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}.trailer-preview:hover img{transform:scale(1.035)}.trailer-caption{position:absolute;bottom:0;left:0;padding:14px 20px;background:var(--yellow);color:var(--ink);font-size:14px;font-weight:700}.trailer-caption svg{width:14px;height:14px;vertical-align:middle;margin-right:10px}
.pattern-transition{height:clamp(80px,8vw,120px)}
@media(max-width:760px){.card-content{padding:11px 11px 0}.card-content .card-actions{margin-inline:-11px;padding-inline:5px}.card-actions a{font-size:9px;padding:6px 3px!important}.resource-grid{gap:20px 16px}.recommendation-brand{gap:8px;font-size:27px}.recommendation-brand>span:not(.jona-word){padding-left:9px;font-size:9px}.recommendation-footer>.footer-main{display:block}.footer-legal{margin-top:22px}.website-directory-links{gap:10px 16px}.pattern-transition{height:90px}}
@media(prefers-reduced-motion:reduce){.recommendation-star{animation:none}.link-outline path,.resource-card::after,.trailer-preview img{transition:none}.resource-card:hover .card-media img,.resource-card:focus-within .card-media img{transform:none}}

.recommendation-site a:not(.card-media):not(.trailer-preview):not(.recommendation-brand):not(.footer-jona){text-decoration:underline;text-underline-offset:.22em}.recommendation-site a.draw-link{text-decoration:none}.resource-card h3 .draw-link{padding:3px 0;max-width:100%;overflow-wrap:anywhere}

/* Compact game feature using the original TGC brand, within the shared content width. */
.resource-game{padding-block:84px}.tgc-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:65px;align-items:center}.tgc-copy{min-width:0}.resource-game .tgc-title{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.96;font-size:clamp(54px,6.2vw,94px);margin:26px 0 30px;color:var(--yellow)}.tgc-title span{display:block}.tgc-title .tgc-the{font-size:.25em;letter-spacing:0;margin-bottom:18px}.tgc-title .tgc-outline{color:transparent;-webkit-text-stroke:1.8px var(--yellow)}.tgc-claim{font-family:Display,Impact,sans-serif;font-size:clamp(24px,2.5vw,36px);color:var(--yellow);line-height:1.18;margin:0 0 20px}.tgc-copy .tgc-description{font-size:18px;line-height:1.6;max-width:470px}.tgc-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.tgc-links a{font-weight:700;font-size:13px}.tgc-links .tgc-steam{background:var(--yellow);color:var(--ink);padding:13px 18px!important}.tgc-visual{position:relative;min-width:0;padding-bottom:30px}.tgc-frame{aspect-ratio:4/5;position:relative;margin:0;overflow:visible;max-width:none;width:100%;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);background:var(--yellow);padding:3px}.tgc-frame img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:55% center;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.tgc-frame .trailer-caption{bottom:30px;left:25px;padding:13px 20px}.tgc-sticker{position:absolute;right:-12px;top:55px;padding:14px 19px;background:var(--yellow);color:var(--ink);font-size:22px;font-weight:900;line-height:1.05;border:2px solid var(--ink);pointer-events:none;transform:rotate(5deg)}.tgc-feature .eyebrow{color:var(--paper);font-size:10px;letter-spacing:.08em}.tgc-caption{font-size:10px;letter-spacing:.12em;margin-top:14px;text-align:right;color:var(--yellow)}
.resource-filter-status{min-height:18px}.resource-tabs,#resource-panel{overflow-anchor:none}#resource-panel{min-height:35vh}.link-outline path{stroke-width:1.5}
@media(max-width:1000px){.tgc-feature{gap:35px}.resource-game .tgc-title{font-size:clamp(48px,6.5vw,72px)}}
@media(max-width:760px){.tgc-feature{grid-template-columns:1fr;gap:35px}.resource-game{padding-block:55px}.resource-game .tgc-title{font-size:clamp(50px,12vw,82px);max-width:540px}.tgc-visual{max-width:490px;width:100%;justify-self:center}.tgc-frame{aspect-ratio:4/3}.tgc-sticker{right:8px;top:22px;font-size:17px}.tgc-copy .tgc-description{font-size:16px}.tgc-frame .trailer-caption{left:15px;bottom:18px}.tgc-links{gap:10px}}

/* Recommendation surfaces and the approved JONA wordmark. */
.recommendation-site{background:#0c1420;color:var(--paper)}.recommendation-site .resource-hero{background:#34374f;color:var(--paper)}.recommendation-site #affiliate{background:#111b28;color:var(--paper)}.recommendation-site #websites{background:#34374f;color:var(--paper)}.recommendation-site #privat{background:#27263b;color:var(--paper)}.recommendation-site #spiel{background:#0c1420;color:var(--paper)}.recommendation-site .resource-card{background:#111a27!important;color:var(--paper)!important}.recommendation-site .card-actions{color:var(--ink)}.recommendation-site .video-title{color:#c3c9cc}.recommendation-site .video-label{background:#111a27;color:var(--paper)}.recommendation-site .resource-tabs button{color:var(--paper);border-color:#bac3c9;background:transparent}.recommendation-site .resource-tabs [aria-selected=true]{background:var(--yellow);color:var(--ink)}.recommendation-site .resource-tabs button:hover{background:#3b444a}.recommendation-site .resource-tabs [aria-selected=true]:hover{background:var(--yellow)}.recommendation-site .render-buttons button{border-color:var(--yellow);color:var(--yellow);font-size:12px;padding:11px 15px}.recommendation-site .render-buttons button:hover{background:var(--yellow);color:var(--ink)}.render-stage:focus-visible{outline-color:var(--yellow)}.recommendation-site .hero-copy h1{color:var(--yellow)}
.recommendation-site .jona-logo{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.095em;gap:.035em;align-items:baseline;color:var(--yellow)}.recommendation-site .jona-logo .jona-word{font:inherit;letter-spacing:inherit;border:0;padding:0;max-width:none;line-height:1}.recommendation-site .jona-logo .recommendation-star{width:.64em;height:.64em;margin-left:.035em;align-self:baseline;position:relative;top:.06em}.recommendation-site .recommendation-brand>span:not(.jona-word){margin-left:16px;color:var(--paper);letter-spacing:.1em}.recommendation-site .footer-jona{font-size:clamp(48px,6vw,86px)}
.recommendation-band.jano-band-bridge{--jano-band-before:#34374f;--jano-band-after:#111b28}.recommendation-band .jano-ticker-track{animation:none!important;will-change:transform;transform:translate3d(0,0,0)}.recommendation-band .jano-ticker-copy h2{display:inline;font-family:Display,Impact,sans-serif;font-size:clamp(34px,4vw,66px);line-height:1.2;margin:0;white-space:nowrap;color:inherit}.section-band{position:relative;isolation:isolate;--jano-band-clearance:calc(var(--jano-view,100vw)*.024);padding-block:calc(var(--jano-band-clearance) + 22px);background:var(--jano-band-before)}.section-band .jano-angled-band{background:var(--section-band);color:var(--ink);padding:12px var(--pad);transform:rotate(-2deg);position:relative;z-index:1;width:calc(100% + 24px);margin-left:-12px}.section-band h2{font-family:Display,Impact,sans-serif;font-size:clamp(36px,5vw,68px);line-height:1.05;margin:0 auto;max-width:1240px;color:var(--ink)}.section-band::after{content:'';position:absolute;inset:50% 0 0;background:var(--jano-band-after);z-index:-1}.pattern-transition+.section-band{margin-top:-12px}.recommendation-site .resource-section{padding-top:35px}.resource-section>.resource-inner>.section-label{display:none}.section-intro{margin-top:0}
.tgc-feature{align-items:start}.tgc-copy{display:contents}.tgc-feature>.tgc-copy>.eyebrow,.tgc-title,.tgc-claim,.tgc-description{grid-column:1}.tgc-visual{grid-column:2;grid-row:1/5;padding-bottom:0}.tgc-feature{row-gap:20px}.tgc-links{grid-column:1;grid-row:5;margin-top:0;align-items:center}.tgc-trailer{grid-column:2;grid-row:5;justify-self:start;background:var(--yellow);color:var(--ink)!important;font-size:13px;font-weight:700;padding:13px 20px!important}.resource-game .tgc-title{margin:0}.tgc-claim,.tgc-description{margin:0}.tgc-caption{display:none}.tgc-frame{aspect-ratio:4/5}.resource-game{padding-top:50px}.tgc-links a{min-height:44px;display:inline-flex!important;align-items:center}.tgc-trailer{min-height:44px;display:inline-flex!important;align-items:center}
@media(max-width:760px){.hero-playground{max-width:540px}.render-object{--cube-size:clamp(48px,11vw,66px)}.tgc-copy{display:block}.tgc-feature{display:flex;flex-direction:column;gap:26px}.tgc-visual{order:2;align-self:center}.tgc-trailer{order:3;align-self:flex-start}.tgc-links{margin-top:22px}.resource-game .tgc-title{margin:24px 0}.tgc-claim{margin-bottom:20px}.tgc-frame{aspect-ratio:4/3}.section-band h2{font-size:clamp(32px,7vw,48px)}.recommendation-site .recommendation-brand>span:not(.jona-word){margin-left:9px}.render-stage{perspective:900px}.section-band{padding-block:calc(var(--jano-band-clearance) + 16px)}}

.recommendation-site .pattern-transition{height:clamp(112px,10vw,160px)!important;min-height:0}

@media(min-width:761px){.tgc-copy{display:block;grid-column:1;grid-row:1;align-self:center}.tgc-visual{grid-row:1}.tgc-links,.tgc-trailer{grid-row:2}.tgc-copy .eyebrow{margin-bottom:25px}.tgc-copy .tgc-title{margin-bottom:28px}.tgc-copy .tgc-claim{margin-bottom:20px}}
.section-band .jano-ticker-track{display:flex;width:max-content;will-change:transform;animation:none!important}.section-band .jano-ticker-copy{flex:none;white-space:nowrap;padding-right:60px}.section-band h2,.section-band .jano-ticker-copy>span{display:inline;white-space:nowrap;font-family:Display,Impact,sans-serif;font-size:clamp(36px,5vw,68px);line-height:1.05;color:var(--ink)}
@media(max-width:760px){.section-band h2,.section-band .jano-ticker-copy>span{font-size:clamp(32px,7vw,48px)}.tgc-links{order:1;margin-top:0}}

.recommendation-site .resource-card:hover,.recommendation-site .resource-card:focus-within,.recommendation-site .resource-card:nth-child(even):hover,.recommendation-site .resource-card.reveal.is-visible:hover{background:#111a27!important;color:var(--paper)!important}.recommendation-site .resource-card .video-title{color:#c3c9cc;opacity:1}

.recommendation-site .article-main{background:#34374f;color:var(--paper)}.recommendation-site .article-aside{border-top-color:var(--yellow)}

/* Recommendation footer: shared signature layout, matching personal site. */
.recommendation-site .signature-footer{background:#1b2223;padding:48px 4.3vw 28px;border-top:1px solid #ffffff45;color:var(--paper)}
.recommendation-site .signature-footer .footer-signature>.jona-logo{font-size:clamp(80px,10vw,180px);align-items:baseline;transform:none}
.recommendation-site .signature-footer .footer-site-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.recommendation-site .signature-footer .footer-directory{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5%}
.recommendation-site .signature-footer .footer-separator{width:10px;height:10px;vertical-align:middle;margin:0 3px}
.recommendation-site .signature-footer .footer-signature>p{display:flex;align-items:center;gap:6px}
.recommendation-site .signature-footer .signature-baseline{border-bottom:1px solid #ffffff25;padding-bottom:24px}
.recommendation-site .signature-footer .jano-legal-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;font-size:14px}
.recommendation-site .signature-footer .footer-bottom{display:flex;justify-content:space-between;gap:16px;font-size:12px}
@media(max-width:720px){.recommendation-site .signature-footer{padding:32px 24px}.recommendation-site .signature-footer .footer-signature{grid-template-columns:1fr}.recommendation-site .signature-footer .footer-signature>.jona-logo{font-size:23vw}.recommendation-site .signature-footer .signature-baseline{align-items:flex-start}.recommendation-site .signature-footer .footer-directory{grid-template-columns:1fr;gap:24px}.recommendation-site .signature-footer .footer-right{border:0;padding:0}}
@media(max-width:480px){.recommendation-site .signature-footer .footer-site-list{grid-template-columns:1fr}.recommendation-site .signature-footer .footer-bottom{flex-wrap:wrap}}

.recommendation-site .signature-footer .footer-signature>.jona-logo{display:inline-flex!important;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:.045em;width:max-content;max-width:100%;border:0!important;padding:0!important;line-height:.78}
.recommendation-site .signature-footer .jona-logo .star-mark{display:block;width:.62em;height:.62em;flex:0 0 .62em;margin-left:.05em;align-self:baseline}
.recommendation-site .signature-footer .footer-directory .footer-site{border-bottom:1px solid #ffffff20!important}
.recommendation-site .signature-footer .footer-directory .footer-linkedin{border:1px solid #ffffff60!important;border-radius:4px!important;display:flex!important;padding:10px 14px!important}

.recommendation-site .signature-footer a::before,.recommendation-site .signature-footer a::after{display:none!important}
.recommendation-site .signature-footer .footer-signature>.jona-logo{display:inline-flex!important;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:.045em;width:max-content;max-width:100%;border:0!important;padding:0!important;line-height:.78}
.recommendation-site .signature-footer .jona-logo .star-mark{display:block;width:.62em;height:.62em;flex:0 0 .62em;margin-left:.05em;align-self:baseline}
.recommendation-site .signature-footer .footer-directory .footer-site{border-bottom:1px solid #ffffff20!important}
.recommendation-site .signature-footer .footer-directory .footer-linkedin{border:1px solid #ffffff60!important;border-radius:4px!important;display:flex!important;padding:10px 14px!important}

.render-face::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--face-shade,.2);pointer-events:none}.render-front{--face-shade:var(--shade-front,.2)}.render-back{--face-shade:var(--shade-back,.3)}.render-left{--face-shade:var(--shade-left,.4)}.render-right{--face-shade:var(--shade-right,.25)}.render-top{--face-shade:var(--shade-top,.05)}.render-bottom{--face-shade:var(--shade-bottom,.5)}
.section-band .jano-ticker-track,.recommendation-band .jano-ticker-track{display:flex!important;gap:0!important;width:max-content!important}.section-band .jano-ticker-copy,.recommendation-band .jano-ticker-copy{display:flex!important;align-items:center;flex:0 0 auto!important;width:max-content!important;max-width:none!important;padding-right:40px!important;white-space:nowrap}.section-band .jano-ticker-copy>*{flex:none}.section-band h2{visibility:visible!important;opacity:1!important;transform:none!important}

.section-band .jano-ticker-track{margin-left:calc(-1*var(--pad))}

.section-band .jano-ticker-copy,.recommendation-band .jano-ticker-copy{min-width:0!important;padding-left:0!important}.section-band .jano-ticker-copy h2,.recommendation-band .jano-ticker-copy h2{margin:0!important;width:max-content!important;max-width:none!important}

.recommendation-site .resource-section{padding-top:55px}.resource-section>.resource-inner>.section-label{display:flex}.resource-section .section-intro{margin-top:0}.resource-section h2{color:var(--paper);margin:25px 0 20px}.recommendation-site .pattern-transition{height:clamp(112px,10vw,160px)!important}

/* Bilingual recommendation header: fixed left/centre/right alignment. */
.recommendation-header-inner{display:grid;grid-template-columns:1fr auto 1fr;max-width:1240px;gap:20px}.recommendation-menu{display:inline-flex;justify-self:start;border-radius:0;min-height:42px;padding:10px 12px;cursor:pointer}.recommendation-brand{justify-self:center}.recommendation-language{display:flex;justify-self:end;gap:4px}.recommendation-language button{border:1px solid #ffffff50;border-radius:0;background:transparent;color:var(--paper);padding:10px;min-height:42px;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.recommendation-language button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.recommendation-language button:hover{border-color:var(--yellow)}#recommendation-nav{max-width:1240px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.recommendation-menu svg{width:18px;height:18px}.recommendation-language button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:600px){.recommendation-header-inner{grid-template-columns:1fr auto 1fr;gap:8px}.recommendation-brand{font-size:23px!important}.recommendation-brand{display:grid!important;grid-template-columns:auto auto;align-items:center;gap:0 3px}.recommendation-brand .jona-word{grid-column:1;grid-row:1}.recommendation-brand .recommendation-star{grid-column:2;grid-row:1}.recommendation-brand>span:not(.jona-word){display:block;grid-column:1/3;grid-row:2;text-align:center;border:0;padding:3px 0 0!important;margin:0!important;font-size:7px!important;letter-spacing:.08em!important}.recommendation-menu{padding:9px}.recommendation-menu span{display:none}.recommendation-language{gap:3px}.recommendation-language button{padding:9px 7px;font-size:11px}#recommendation-nav{grid-template-columns:1fr 1fr;gap:8px}}
/* Component assembly from below, with a steady card footprint. */
.resource-card.reveal{transition:opacity .65s ease;transform:none}.resource-card.reveal-pending:not(.is-visible){opacity:0;transform:none}.resource-card.reveal .card-media,.resource-card.reveal .card-content,.resource-card.reveal .card-actions{transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .65s;transition-delay:var(--reveal-delay,0ms);will-change:transform}.resource-card.reveal-pending:not(.is-visible) .card-media{transform:translateY(45px);opacity:0}.resource-card.reveal-pending:not(.is-visible) .card-content{transform:translateY(85px);opacity:0}.resource-card.reveal-pending:not(.is-visible) .card-actions{transform:translateY(125px);opacity:0}.resource-card.reveal.is-visible .card-media,.resource-card.reveal.is-visible .card-content,.resource-card.reveal.is-visible .card-actions{transform:none;opacity:1}.resource-card.reveal .card-content{transition-delay:calc(var(--reveal-delay,0ms) + 80ms)}.resource-card.reveal .card-actions{transition-delay:calc(var(--reveal-delay,0ms) + 160ms)}
/* Tabs draw a second angular contour and fill upward without changing their dimensions. */
.resource-tabs button{position:relative;isolation:isolate;overflow:visible;transition:color .25s,border-color .25s;z-index:0}.resource-tabs button::before{content:'';position:absolute;inset:0;background:var(--purple);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:-1}.resource-tabs button::after{content:'';position:absolute;inset:-5px;border:2px solid var(--purple);clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transition:clip-path .3s;pointer-events:none}.resource-tabs button:hover::before,.resource-tabs button:focus-visible::before{transform:scaleY(1)}.resource-tabs button:hover::after,.resource-tabs button:focus-visible::after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.resource-tabs button:hover,.resource-tabs button:focus-visible{color:#111b28;border-color:var(--purple)}
/* The cube breathes by separating its blocks; lighting and direct rotation remain. */
.render-object{--spacing:calc(var(--cube-size)*var(--pulse,1.12))}.render-cube{transition:none}.render-tools{display:none}
/* A cube texture contained by the letter shapes and a proximity outline. */
.resource-hero .interactive-title{width:100%;max-width:760px;line-height:1;margin:38px 0 24px}.title-art{display:block;width:100%;height:auto;overflow:visible;font-family:Display,Impact,sans-serif;font-size:114px;font-weight:700;letter-spacing:0}.title-outline{color:var(--yellow);opacity:var(--title-near,0);transition:opacity .2s;pointer-events:none}.title-fill{fill:var(--paper)}
/* Personal articles use the same scroll vocabulary and a true two-surface seam at the foot. */
.article-hero{padding-bottom:50px}.article-hero h1{max-width:900px}.article-copy .article-picture{aspect-ratio:2/1;object-fit:cover;height:auto;margin-bottom:30px}.article-copy .article-lead{font-size:clamp(20px,2vw,28px);line-height:1.5}.article-copy h2{font-family:Display,Impact,sans-serif;letter-spacing:.01em;margin-top:36px}.article-aside{border-top:3px solid var(--yellow);padding-top:25px}.article-main+.pattern-transition{margin-top:0}
.recommendation-site .signature-footer .jona-logo{border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}.recommendation-site .signature-footer .jona-logo::before,.recommendation-site .signature-footer .jona-logo::after{content:none!important}.signature-footer .jona-logo .star-mark{animation:recommendation-star-spin 18s linear infinite}.signature-footer .jona-logo .link-outline{display:none}
@media(prefers-reduced-motion:reduce){.resource-card.reveal .card-media,.resource-card.reveal .card-content,.resource-card.reveal .card-actions{transition:none!important;transform:none!important;opacity:1!important}.title-fill pattern,.signature-footer .jona-logo .star-mark{animation:none}.title-outline,.resource-tabs button::before,.resource-tabs button::after{transition:none}.article-copy .reveal{opacity:1;transform:none}}

/* Falling architectural cubes belong to the hero background, behind solid readable lettering. */
.recommendation-site .signature-footer{background:#171d2c}.resource-hero:not(.article-hero){position:relative;isolation:isolate;overflow:hidden}.resource-hero:not(.article-hero)>.resource-inner{position:relative;z-index:1}.hero-falling-cubes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--fall-distance:1050px}.falling-cube{position:absolute;left:var(--fall-x);top:-140px;width:var(--fall-size);height:var(--fall-size);opacity:var(--fall-opacity);animation:hero-cube-fall var(--fall-duration) linear infinite;animation-delay:var(--fall-delay);will-change:transform}.hero-falling-cubes[data-active=false] .falling-cube{animation-play-state:paused}@keyframes hero-cube-fall{from{transform:translate3d(0,0,0) rotate(-12deg)}to{transform:translate3d(0,var(--fall-distance),0) rotate(24deg)}}
@media(prefers-reduced-motion:reduce){.falling-cube{animation:none;transform:none;top:var(--fall-rest);will-change:auto}}