#gold-concept .about-main{max-width:1240px;margin:auto;padding:36px 28px 64px;color:#1b293e}
#gold-concept .about-kicker{font-size:13px;font-weight:600;letter-spacing:.4px;color:#a47c26}
#gold-concept .about-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:430px;border:1px solid #e8e0d1;border-radius:24px;background:#fdfcf8;overflow:hidden}
#gold-concept .about-hero-copy{padding:52px 44px}
#gold-concept .about-hero h1{font-size:clamp(30px,3vw,44px);line-height:1.65;margin:16px 0 20px;font-weight:800;letter-spacing:-.8px}
#gold-concept .about-hero h1 em{font-style:normal;color:#a9812b}
#gold-concept .about-hero p{font-size:16px;line-height:2.1;color:#6e7782;max-width:540px}
#gold-concept .about-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
#gold-concept .about-actions a{text-decoration:none;padding:12px 20px;border-radius:9px;font-size:14px}
#gold-concept .about-primary{background:#1b293e;color:#f5df9f;display:flex;gap:24px}
#gold-concept .about-secondary{color:#87651c;border:1px solid #ddcfae}
#gold-concept .about-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#30435d,#172338 75%);min-height:380px}
#gold-concept .about-element{position:relative;z-index:1;width:210px;height:244px;box-sizing:border-box;border:1px solid #d7b85b;border-radius:14px;padding:18px 24px;display:flex;flex-direction:column;color:#e2c774;background:linear-gradient(140deg,#d8b64a16,#d8b64a04);box-shadow:0 22px 50px #0002}
#gold-concept .element-number{text-align:left;font-family:Georgia,serif;font-size:17px}
#gold-concept .about-element strong{font:100px/1.1 Georgia,serif;text-align:center;letter-spacing:-5px}
#gold-concept .element-name{text-align:center;font-size:12px;letter-spacing:2px;margin-top:10px}
#gold-concept .element-mass{text-align:center;font:12px Georgia,serif;margin-top:16px;opacity:.6}
#gold-concept .about-orbit{position:absolute;border:1px solid #e1bd5220;border-radius:50%;width:360px;height:360px}
#gold-concept .orbit-two{width:490px;height:490px}
#gold-concept .art-caption{position:relative;color:#c4cedc;font-size:12px;margin-top:30px}
#gold-concept .about-story{padding:62px 12px;display:grid;grid-template-columns:1fr 3fr;gap:30px;border-bottom:1px solid #e9e3d8}
#gold-concept .about-story>div{display:grid;grid-template-columns:1fr 1.2fr;gap:38px}
#gold-concept .about-story h2{margin:0;font-size:27px;line-height:1.7}
#gold-concept .about-story p{margin:0;line-height:2.1;color:#6e7782;font-size:15px}
#gold-concept .about-services{padding:48px 0}
#gold-concept .about-section-heading h2{font-size:28px;margin:10px 0 28px}
#gold-concept .about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#gold-concept .about-service{display:flex;flex-direction:column;padding:24px 22px;background:#fdfcf8;border:1px solid #e8e0d1;border-radius:15px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
#gold-concept .about-service:hover{transform:translateY(-4px);border-color:#b9953e}
#gold-concept .service-number{font-size:11px;color:#8b8270}
#gold-concept .service-symbol{font:36px Georgia,serif;color:#b28a30;margin:24px 0 10px}
#gold-concept .about-service h3{font-size:19px;margin:6px 0 10px}
#gold-concept .about-service p{font-size:14px;line-height:2;color:#75808b;margin:0 0 24px}
#gold-concept .service-link{margin-top:auto;color:#a47d29;font-size:13px}
#gold-concept .about-principles{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding:42px;border-radius:20px;background:#f5f2e9}
#gold-concept .about-principles h2{font-size:28px;line-height:1.8;margin:12px 0}
#gold-concept .about-principles>div>p{font-size:14px;color:#7b807f;line-height:1.9}
#gold-concept .principle-list article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e1dac9}
#gold-concept .principle-list article:first-child{padding-top:0}
#gold-concept .principle-list article:last-child{border:0;padding-bottom:0}
#gold-concept .principle-list article>span{color:#b48c34;font-size:19px}
#gold-concept .principle-list h3{margin:0 0 8px;font-size:17px}
#gold-concept .principle-list p{margin:0;font-size:14px;line-height:1.9;color:#74808a}
#gold-concept .about-note{display:flex;gap:16px;align-items:center;padding:24px 12px;margin:12px 0}
#gold-concept .note-mark{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid #cfbf98;border-radius:50%;color:#a37d29;font:italic 17px Georgia,serif}
#gold-concept .about-note p{font-size:12px;line-height:2;color:#86909b;margin:0}
#gold-concept .about-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e8e0d1;padding:36px 12px 0}
#gold-concept .about-contact h2{font-size:23px;margin:10px 0}
#gold-concept .about-contact p{font-size:14px;color:#7b8590}
#gold-concept .about-contact>a{display:flex;gap:35px;padding:14px 22px;background:#1b293e;color:#f0d88e;border-radius:10px;white-space:nowrap;text-decoration:none}
#gold-concept .about-main a:focus-visible{outline:3px solid #ba9231;outline-offset:4px}
@media(max-width:950px){#gold-concept .about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#gold-concept .about-story{grid-template-columns:1fr}#gold-concept .about-hero-copy{padding:36px 28px}#gold-concept .about-principles{gap:30px;padding:30px}}
@media(max-width:650px){#gold-concept .about-main{padding:20px 16px 40px}#gold-concept .about-hero{grid-template-columns:1fr}#gold-concept .about-hero-copy{padding:30px 24px}#gold-concept .about-art{min-height:330px}#gold-concept .about-element{transform:scale(.9)}#gold-concept .about-story{padding:36px 5px}#gold-concept .about-story>div{grid-template-columns:1fr;gap:18px}#gold-concept .about-service-grid{grid-template-columns:1fr}#gold-concept .about-service{padding:24px}#gold-concept .about-principles{grid-template-columns:1fr;padding:26px 22px;gap:24px}#gold-concept .about-contact{align-items:flex-start;flex-direction:column}#gold-concept .about-contact h2{font-size:21px}#gold-concept .about-note{align-items:flex-start}}

#gold-concept .about-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){#gold-concept .about-service-grid{grid-template-columns:1fr}}