:root{color-scheme:light;--ink:#18252b;--muted:#58666d;--line:#dce5e5;--teal:#00796d;--green:#22836c;--orange:#d08438;--pale:#f4f9f7;--font:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1150px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:8px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:10;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:62px;display:flex;align-items:center;gap:32px}.wordmark{font-weight:800;font-size:1.12rem;color:var(--teal)}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a,.nav-code{font-size:.88rem;font-weight:600}.nav-links a:hover,.nav-code:hover,.text-link:hover{color:var(--teal)}.nav-code{margin-left:18px;border-left:1px solid var(--line);padding-left:22px}
.hero{padding-top:54px;padding-bottom:58px}.eyebrow{display:block;color:var(--teal);font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.hero h1{margin:12px 0 0;font-size:clamp(3.4rem,8vw,5.8rem);line-height:1.05;font-weight:800}.subtitle{max-width:940px;margin:8px 0 0;font-size:clamp(1.35rem,2.8vw,2.15rem);font-weight:650;line-height:1.3}.lede{max-width:710px;margin:16px 0 0;color:var(--muted);font-size:1rem}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;gap:11px;min-height:42px;padding:9px 17px;border-radius:5px;font-weight:650;font-size:.91rem}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:#005e55}.button.secondary{border:1px solid var(--line)}.button.secondary:hover{border-color:var(--teal);color:var(--teal)}.paper-status{padding-left:12px;color:var(--muted);font-size:.88rem}.hero-media{margin-top:35px;border-top:3px solid var(--teal);background:#fff}.hero-media img{width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center 80%;border-bottom:1px solid var(--line)}.hero-media p{margin:8px 0 0;color:var(--muted);font-size:.83rem}
.band{background:var(--pale);padding:70px 0;scroll-margin-top:62px}.section{padding:70px 0;scroll-margin-top:62px}.section-head{max-width:760px;margin-bottom:32px}.section-head h2{margin:8px 0 10px;font-size:clamp(1.8rem,3.4vw,2.55rem);line-height:1.18}.section-head p{margin:0;color:var(--muted)}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbdad6;border-bottom:1px solid #cbdad6}.task{padding:24px 25px 24px 0}.task+.task{border-left:1px solid #cbdad6;padding-left:25px}.task-num{color:var(--teal);font-size:.8rem;font-weight:800}.task h3,.method-steps h3{margin:7px 0 5px;font-size:1.14rem}.task p,.method-steps p{margin:0;color:var(--muted);font-size:.91rem}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.method-steps>div{border-top:2px solid var(--line);padding-top:16px}.method-steps strong{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0f1ee;color:var(--teal);font-size:.83rem}.method-steps>div:nth-child(2) strong{background:#e8f0fb;color:#2a65a9}.method-steps>div:nth-child(3) strong{background:#fff0df;color:#ab651e}.framework{margin:38px 0 0}.framework img{width:100%;height:auto;border:1px solid var(--line)}figcaption{color:var(--muted);font-size:.84rem;margin-top:7px}.table-scroll{overflow-x:auto;border:1px solid var(--line);background:#fff}table{width:100%;min-width:680px;border-collapse:collapse;font-size:.91rem}th,td{padding:12px 18px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}th:first-child{text-align:left}thead{background:#eaf4f0;color:#3b5652}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.ours{background:#edf7f4;font-weight:700}.ours th{color:var(--teal)}.result-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:31px 0 0}.result-notes p{margin:0;border-top:2px solid var(--teal);padding-top:12px}.result-notes strong{display:block;color:var(--teal);font-size:1.85rem;line-height:1.2}.result-notes span{display:block;color:var(--muted);font-size:.88rem}.fine-print{max-width:790px;color:var(--muted);font-size:.8rem;margin:20px 0 0}.start-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start}.text-link{display:inline-block;margin-top:16px;color:var(--teal);font-weight:650;font-size:.9rem}.command{background:#14292d;color:#e8f1f1;border-radius:6px;overflow:hidden}.command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #3f5557;color:#c3d7d4;font-size:.81rem}.command-head button{border:1px solid #66817d;border-radius:4px;background:transparent;color:#fff;padding:3px 9px;cursor:pointer}.command-head button:hover{background:#2c4948}.command pre{overflow:auto;margin:0;padding:18px;font: .78rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:24px;padding:25px 0;color:var(--muted);font-size:.84rem}.footer-inner span:first-child{color:var(--teal);font-weight:800;font-size:1rem}.footer-inner a{margin-left:auto}
@media(max-width:800px){.nav-links{display:none}.nav-code{margin-left:auto}.task-grid,.method-steps,.result-notes,.start-layout{grid-template-columns:1fr}.task{padding:17px 0}.task+.task{border-left:0;border-top:1px solid #cbdad6;padding:17px 0}.method-steps{gap:20px}.band,.section{padding:50px 0}.start-layout{gap:20px}.hero-media img{max-height:none;object-fit:contain}}@media(max-width:480px){.shell{width:calc(100% - 30px)}.hero{padding-top:38px}.hero-media{margin-top:29px}.paper-status{width:100%;padding-left:0}.nav{min-height:56px}.nav-code{padding-left:12px;margin-left:auto}.footer-inner{gap:10px;flex-wrap:wrap}.footer-inner a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The images remain original outputs; the composition is built in CSS. */
:root{--ink:#263239;--muted:#5b696b;--teal:#057b6b;--pale:#f3f8f6}
.hero{position:relative;display:flex;align-items:center;min-height:min(585px,calc(100svh - 90px));padding:52px 0;background:#143c41;color:#fff;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(8,30,36,.53)}
.hero-content{position:relative;z-index:2}
.hero .eyebrow{color:#bdebd8}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,8vw,7rem);font-weight:700;letter-spacing:0}
.hero .subtitle{max-width:750px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.5rem,3.2vw,2.35rem);line-height:1.24}
.hero .lede{max-width:610px;color:#e1ebea}
.hero .button.primary{background:#f2ce8d;color:#21393b}
.hero .button.primary:hover{background:#ffe1a8}
.hero .button.secondary{border-color:#dcebe8;color:#fff}
.hero .button.secondary:hover{background:#fff;color:#154d4b}
.hero .paper-status{color:#d9e5e3}
.hero-credit{position:absolute;right:max(22px,calc((100vw - 1150px)/2));bottom:19px;z-index:2;color:#e9f0ee;font-size:.75rem}
.author-strip{background:#f3f7f6;border-bottom:1px solid #dbe8e5;padding:18px 0 15px}
.author-strip p{margin:0}.author-names{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 24px;color:#233a39;font-family:Georgia,"Times New Roman",serif;font-size:1rem}.author-names sup,.affiliations sup{font-family:Inter,Arial,sans-serif;font-size:.65em;color:#167b6e}
.affiliations{margin-top:4px!important;color:#586967;font-size:.75rem;line-height:1.6}
.section-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,3.7vw,3rem);letter-spacing:0}
.gallery-section{background:#fff;padding-top:83px}
.gallery-section .section-head{max-width:780px}
.image-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(185px,17vw);gap:10px}
.gallery-item{position:relative;margin:0;overflow:hidden;background:#e4e9e7}
.gallery-item.featured{grid-column:span 2;grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:23px 16px 10px;color:#fff;background:linear-gradient(transparent,rgba(10,25,29,.78));font-size:.87rem;font-weight:700}
.gallery-item.featured figcaption{padding:50px 24px 20px;font-size:1.3rem}
.gallery-item.featured figcaption span{display:block;max-width:450px;margin-top:5px;color:#eef4f2;font-size:.83rem;font-weight:400;line-height:1.45}
.editing-gallery{background:#f7f6f2}
.edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) minmax(0,1fr);align-items:center;gap:28px;padding:22px 0;border-top:1px solid #d6ddda}
.edit-row:last-child{border-bottom:1px solid #d6ddda}
.edit-row figure{margin:0}.edit-row img{width:100%;height:270px;object-fit:cover}
.edit-row figcaption{margin:6px 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#697474}
.edit-prompt{margin:0;color:#273836;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,1.75vw,1.48rem);line-height:1.38}
.editing-figure{margin:44px 0 0}.editing-figure img{width:100%;height:auto;background:#fff}.editing-figure figcaption{font-size:.82rem}
.task-figure{margin:38px 0 0}.task-figure img{width:100%;height:auto;background:#fff}.task-figure figcaption{font-size:.82rem}.editing-figure{margin-top:36px}.results-model{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500;margin:25px 0 9px}.results-model:first-of-type{margin-top:0}.results-model+.table-scroll{margin-bottom:24px}
#overview{background:#f5f9f7}
.task-grid{background:transparent}
.framework{max-width:100%;margin:38px 0 0}
.framework img{background:#fff}
@media(max-width:800px){.hero{min-height:min(580px,calc(100svh - 68px))}.hero-backdrop{object-position:60% center}.hero::before{background:rgba(9,31,37,.6)}.image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(185px,30vw)}.gallery-item.featured{grid-column:span 2;grid-row:span 1}.edit-row{grid-template-columns:1fr 1fr;gap:12px}.edit-row .edit-prompt{grid-column:1/-1;grid-row:2;margin:0 0 6px}.edit-row figure:first-child{grid-column:1;grid-row:1}.edit-row figure:last-child{grid-column:2;grid-row:1}.edit-row img{height:auto;aspect-ratio:1;object-fit:cover}}
@media(max-width:480px){.hero{padding:40px 0;min-height:min(540px,calc(100svh - 65px))}.hero h1{font-size:3.55rem}.hero .subtitle{font-size:1.55rem}.hero .lede{font-size:.94rem}.hero-credit{right:15px;bottom:9px;font-size:.68rem}.image-gallery{grid-auto-rows:42vw;gap:6px}.gallery-item.featured{grid-row:span 2}.gallery-item.featured figcaption{padding:28px 12px 10px;font-size:1rem}.gallery-item.featured figcaption span{font-size:.7rem}.edit-prompt{font-size:1.08rem}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}

.hero{min-height:500px}
.hero .subtitle{max-width:780px}
.hero-actions{margin-top:24px}
.gallery-item figcaption{pointer-events:none}
.gallery-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.gallery-open:focus-visible{outline:3px solid #f2ce8d;outline-offset:-5px}
.method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 44px}
.method-steps h3{line-height:1.3}
.gallery-dialog{width:min(1040px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:22px;border:0;border-radius:8px;background:#fbfcfb;color:var(--ink);box-shadow:0 24px 80px #001a23a6;overflow:auto}
.gallery-dialog::backdrop{background:#071b21d9}
.gallery-close,.gallery-prev,.gallery-next{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c9d6d3;border-radius:50%;background:#fff;color:#203c3a;font-size:1.7rem;line-height:1;cursor:pointer}
.gallery-close:hover,.gallery-prev:hover,.gallery-next:hover{background:#e8f3f0}
.gallery-close{position:absolute;right:18px;top:18px;z-index:2}
.gallery-viewer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;margin-top:26px}
.gallery-viewer img{max-width:100%;max-height:min(62svh,700px);width:auto;height:auto;margin:auto;object-fit:contain}
.gallery-info{max-width:760px;margin:17px auto 4px}
.gallery-info span{color:var(--teal);font-size:.78rem;font-weight:800}
.gallery-info h3{margin:3px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:500}
.gallery-info p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}
.gallery-section{padding-top:48px}.gallery-section .section-head{margin-bottom:19px}.gallery-note{margin:15px 0 0;color:var(--muted);font-size:.85rem}
@media(max-width:800px){.method-steps{grid-template-columns:1fr}}
@media(max-width:480px){.hero{min-height:425px}.hero .subtitle{font-size:1.46rem}.hero-actions{margin-top:20px}.gallery-dialog{padding:12px}.gallery-viewer{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;margin-top:36px}.gallery-close,.gallery-prev,.gallery-next{width:36px;height:36px;font-size:1.4rem}.gallery-close{top:8px;right:8px}.gallery-viewer img{max-height:50svh}.gallery-info h3{font-size:1.3rem}.gallery-info p{font-size:.86rem}}