.dna-loops{color:#193d3d;font-family:"Public Sans",Arial,sans-serif;max-width:1120px;margin:44px auto 64px;padding:0 24px}
.dna-loops-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.dna-loops h2{margin:0;font-size:clamp(26px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em}.dna-loops-heading p{font-size:15px;color:#53645f;line-height:1.6;margin:10px 0 0;max-width:58ch}.dna-loop-toggle{flex-shrink:0;font:600 13px "Public Sans",Arial,sans-serif;background:transparent;color:#205b53;border:1px solid #9fb6aa;border-radius:99px;min-height:44px;padding:10px 17px;cursor:pointer}.dna-loop-toggle:hover{background:#e9f0e9}.dna-loop-toggle:focus-visible{outline:3px solid #d98d72;outline-offset:4px}.dna-loop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dna-loop-card{margin:0;min-width:0}.dna-loop-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#f7f5ed}.dna-loop-card figcaption{padding:18px 2px 0}.dna-loop-card h3{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.015em;margin:0 0 9px}.dna-loop-card p{font-size:14px;line-height:1.6;color:#53645f;margin:0;max-width:42ch}.dna-loop-note{color:#68776f;font-size:12px;line-height:1.5;margin:22px 0 0}
.dna-loops--workspace{margin:0 0 28px;padding:22px 24px;max-width:none;background:#edf3ee;border:1px solid #d5e0d8;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:28px;align-items:center}.dna-loops--workspace .dna-loops-heading{margin:0;display:block}.dna-loops--workspace h2{font-size:25px}.dna-loops--workspace .dna-loop-toggle{margin-top:16px}.dna-loops--workspace .dna-loop-card{max-width:480px}.dna-loops--workspace .dna-loop-note{margin:14px 0 0}.dna-loops--workspace .dna-loop-grid{display:block}.dna-workspace-3d-link{color:#205b53;text-underline-offset:3px;font-weight:600}.dna-workspace-3d-link:focus-visible{outline:3px solid #b16a4d;outline-offset:4px}
@media(max-width:760px){.dna-loops{padding:0 20px;margin:32px auto 42px}.dna-loops-heading{align-items:flex-start;flex-direction:column;gap:15px}.dna-loop-grid{grid-template-columns:1fr;gap:27px}.dna-loop-card figcaption{padding-top:14px}.dna-loops--workspace{padding:20px;margin:0 0 25px;grid-template-columns:1fr;gap:19px}.dna-loops--workspace .dna-loops-heading{margin:0}.dna-loops--workspace h2{font-size:23px}.dna-loops--workspace .dna-loop-card{max-width:none}}
