.gfx-five{--ink:#635747;--gold:#ad9265;color:var(--ink);font-family:'DM Sans',sans-serif;background:#f9f6ef}.gfx-five *{box-sizing:border-box}.gfx-five-cover{position:relative;overflow:hidden;text-align:center;padding:48px 20px 30px;background:radial-gradient(ellipse at 15% 15%,#fff 0,transparent 45%),linear-gradient(125deg,#eee8dd,#fffdf8 35%,#eee9e9 65%,#f7f3e8);min-height:760px}.gfx-five-cover:before{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 40%,#ffffff90 50%,transparent 60%);animation:gfx-sheen 9s ease-in-out infinite;pointer-events:none}.gfx-five h1,.gfx-five h2,.gfx-five h3{font-family:'Playfair Display',Georgia,serif;color:var(--ink);line-height:1.2}.gfx-five h1{position:relative;font-size:clamp(36px,5vw,58px);margin:16px 0}.gfx-five h1 em{display:block;font-weight:400}.gfx-five-brand{letter-spacing:.22em;font-size:11px;font-weight:700}.gfx-five-sub,.gfx-five-hint{font-size:14px;position:relative}.gfx-five-orbit{position:relative;width:440px;height:450px;max-width:100%;margin:24px auto}.gfx-five-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:20px;line-height:1.5}.gfx-five-circle{position:absolute;width:124px;height:124px;border-radius:50%;border:1px solid #c8b797;box-shadow:0 8px 24px #8b76511c,inset 0 0 0 6px #fff9;background:linear-gradient(140deg,#fffdf6,#eee6da);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:var(--ink)!important;text-decoration:none!important;font-size:13px;animation:gfx-arrive 1.3s both;transition:box-shadow .2s}.gfx-five-circle:hover,.gfx-five-circle:focus-visible{box-shadow:0 8px 30px #8b76515a;outline:2px solid var(--gold);outline-offset:4px}.gfx-five-symbol{font-family:Georgia,serif;font-size:40px;line-height:1.1;color:#a68956}.gfx-five-circle-0{left:calc(50% - 62px);top:0;--dx:0px;--dy:-150px}.gfx-five-circle-1{right:0;top:135px;--dx:200px;--dy:-50px;animation-delay:.12s}.gfx-five-circle-2{right:50px;bottom:0;--dx:160px;--dy:160px;animation-delay:.24s}.gfx-five-circle-3{left:50px;bottom:0;--dx:-160px;--dy:160px;animation-delay:.36s}.gfx-five-circle-4{left:0;top:135px;--dx:-200px;--dy:-50px;animation-delay:.48s}.gfx-five-category{padding:50px 24px 65px;max-width:1080px;margin:auto;scroll-margin-top:90px}.gfx-five-category h2{font-size:38px;margin:12px 0 28px}.gfx-five-back{display:inline-block;margin-bottom:28px;color:var(--ink)}.gfx-five-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,340px));gap:24px}.gfx-five-card{border:1px solid #ded4c3;border-radius:24px;background:#fffdf9;padding:22px;overflow:hidden}.gfx-five-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:15px}.gfx-five-card h3{font-size:25px}.gfx-five-button{display:inline-block;background:#6b614f;color:white!important;padding:13px 23px;border-radius:28px;text-decoration:none!important}.gfx-five-placeholder>span{display:block;font:64px Georgia;color:var(--gold);padding:25px 0}.gfx-five [hidden]{display:none!important}@keyframes gfx-arrive{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}to{opacity:1;transform:none}}@keyframes gfx-sheen{0%,35%{transform:translateX(-35%)}80%,100%{transform:translateX(35%)}}@media(max-width:480px){.gfx-five-cover{padding:32px 14px 24px;min-height:690px}.gfx-five-orbit{width:330px;height:375px;margin:30px auto}.gfx-five-circle{width:102px;height:102px;font-size:12px}.gfx-five-circle-0{left:calc(50% - 51px)}.gfx-five-circle-1,.gfx-five-circle-4{top:112px}.gfx-five-circle-2{right:25px}.gfx-five-circle-3{left:25px}.gfx-five-center{font-size:16px}.gfx-five-symbol{font-size:34px}}@media(prefers-reduced-motion:reduce){.gfx-five-circle,.gfx-five-cover:before{animation:none}}

/* Original approved Graficon icons; preserve their transparency and proportions. */
.gfx-five-circle{gap:2px;padding:9px 5px 12px}.gfx-five-circle .gfx-five-icon{display:block;width:76px;height:76px;max-width:none;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:transparent;margin:0;box-shadow:none}.gfx-five-card .gfx-five-category-icon{width:150px;height:150px;object-fit:contain;aspect-ratio:auto;border-radius:0;margin:8px auto;display:block}@media(max-width:480px){.gfx-five-circle .gfx-five-icon{width:60px;height:60px}.gfx-five-circle{padding:7px 4px 10px;gap:1px}}