/* Standalone page using the accepted scoped presentation. */
html { background:#fff; font-family:system-ui,sans-serif; }
body { margin:0; }
#atc100-landing { box-sizing:border-box; max-width:800px; width:calc(100% - 32px); margin:0 auto; padding:1px 0 20px; color:#203b34; background:#f6f1e5; font:normal 16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
#atc100-landing *, #atc100-landing *::before, #atc100-landing *::after { box-sizing:border-box; }
#atc100-landing .atc100-intro { position:static; float:none; width:auto; background:transparent; box-shadow:none; text-align:left; padding:3rem 0 1rem; }
#atc100-landing .atc100-eyebrow { color:#765719; font-weight:700; }
#atc100-landing .atc100-title { font-size:clamp(2rem,6vw,3.4rem); line-height:1.1; margin:.5rem 0 1rem; color:#203b34; text-transform:none; }
#atc100-landing .atc100-section-heading { font-size:clamp(1.35rem,4vw,1.9rem); line-height:1.3; color:#203b34; margin:0 0 .8rem; }
#atc100-landing p { line-height:1.55; margin:1em 0; }
#atc100-landing .atc100-section { display:block; margin:3.5rem 0; }
#atc100-landing .atc100-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
#atc100-landing .atc100-action { display:inline-block; max-width:100%; padding:.85rem 1.15rem; border:2px solid #203b34; border-radius:.4rem; font-weight:700; text-decoration:none; box-shadow:none; text-align:center; }
#atc100-landing .atc100-primary { background:#203b34; color:#fff; }
#atc100-landing .atc100-secondary { background:transparent; color:#203b34; }
#atc100-landing .atc100-action:hover { text-decoration:underline; }
#atc100-landing .atc100-figure { margin:0; padding:0; border:0; }
#atc100-landing .atc100-figure picture, #atc100-landing .atc100-image-button { display:block; width:100%; aspect-ratio:8/5; }
#atc100-landing .atc100-figure img { display:block; width:100%; height:100%; object-fit:contain; padding:0; border:0; margin:0; }
#atc100-landing .atc100-image-button { padding:0; margin:0; border:0; background:transparent; cursor:zoom-in; }
#atc100-landing .atc100-image-button picture { width:100%; }
#atc100-landing .atc100-figure figcaption { margin-top:.4rem; font-size:.9rem; color:#555; }
#atc100-landing :focus-visible { outline:3px solid #bd8123; outline-offset:3px; }
#atc100-landing .atc100-transcript { margin:.8rem 0; padding:.65rem .85rem; border:1px solid #c5bca7; border-radius:.35rem; background:#fffefa; }
#atc100-landing .atc100-transcript summary { cursor:pointer; font-weight:650; }
#atc100-landing .atc100-transcript-content { margin-top:.8rem; }
#atc100-landing .atc100-transcript-content h3 { margin:1.1rem 0 .2rem; font-size:1rem; font-weight:700; color:#203b34; }
#atc100-landing .atc100-transcript-content p { margin:.25rem 0 .8rem; }
#atc100-landing .atc100-price { border-left:3px solid #bd8123; padding:.3rem 0 .3rem .75rem; }
#atc100-landing .atc100-lightbox { border:0; border-radius:.5rem; padding:1rem; width:min(96vw,1450px); max-width:none; max-height:92vh; overflow:hidden; color:#203b34; background:#fffefa; }
#atc100-landing .atc100-lightbox::backdrop { background:rgb(0 0 0 / .75); }
#atc100-landing .atc100-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
#atc100-landing .atc100-dialog-header h2 { font-size:1.2rem; margin:0; color:#203b34; }
#atc100-landing .atc100-dialog-header button { padding:.6rem .8rem; cursor:pointer; }
#atc100-landing .atc100-image-scroll { overflow:auto; max-height:min(72vh,1000px); overscroll-behavior:contain; }
#atc100-landing .atc100-image-scroll picture, #atc100-landing .atc100-image-scroll img { display:block; width:1600px; max-width:none; height:1000px; }
#atc100-landing .atc100-note { font-size:.9rem; color:#52605b; }
@media (max-width:600px) { #atc100-landing .atc100-intro { padding-top:1.2rem; } #atc100-landing .atc100-action { width:100%; } }