@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--paper:#eeeadd;--ink:#2a3c39;--muted:#687369;--line:#bfc2b5;--dark:#050b0d;--copper:#98613e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button{background:transparent;border:1px solid var(--line);padding:10px 14px;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-60px}.skip:focus{top:10px;background:var(--paper);z-index:5}header{padding:24px 5%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;gap:20px}.brand{letter-spacing:.1em;text-decoration:none}.hero{padding:60px 5%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:45px;align-items:center}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.hero h1{font:clamp(62px,7vw,114px)/.95 Italiana,Georgia,serif;letter-spacing:-.02em;margin:24px 0}.hero h1 em{font:italic .8em Georgia,serif;color:var(--copper)}.intro{font-size:14px;color:var(--muted);max-width:430px;margin-bottom:26px}.hero-art{aspect-ratio:1;background:var(--dark);border-radius:50% 50% 0 0;overflow:hidden}.hero-art img{display:block;width:100%;height:100%}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 20px;text-decoration:none;display:inline-block;font-size:12px}.section{padding:60px 5%;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:35px}.section h2{font:clamp(36px,4vw,61px)/1.05 Italiana,Georgia,serif;margin-top:14px}.section-head>p{color:var(--muted);font-size:13px;max-width:520px}.source-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.source-cards article{border-top:1px solid var(--line);padding-top:22px}.source-cards h3{font:26px/1.1 Italiana,Georgia,serif;margin-bottom:16px}.source-cards p{font-size:12px;color:var(--muted);margin-bottom:16px}.source-cards a{font-size:11px}.studio{background:#e5e5d8}.workbench{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--line);align-items:start}.controls{padding:22px;background:#dfe2d5;display:flex;flex-direction:column;gap:20px}.controls label,.export-settings label{display:block;font-size:11px}.controls select,.export-settings input{width:100%;padding:9px;background:var(--paper);border:1px solid var(--line);margin-top:8px;font-size:12px;border-radius:0}#ranges{display:flex;flex-direction:column;gap:18px}.range,.timeline{display:grid!important;grid-template-columns:1fr auto;gap:8px}.range input,.timeline input{grid-column:1/-1;width:100%;accent-color:var(--copper)}output{font-variant-numeric:tabular-nums;color:var(--copper)}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:18px 0 0}legend{font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:0 10px 0 0}fieldset label{display:flex!important;gap:9px;margin-bottom:12px;align-items:center}fieldset input{accent-color:var(--copper)}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button{font-size:10px;padding:8px}.small{font-size:11px;color:var(--muted)}.drawing{min-width:0;padding:0 20px 24px}.drawing-head{display:flex;justify-content:space-between;padding:17px 0;font-size:10px;gap:20px}#preview{display:block;width:100%;height:auto;background:var(--dark);aspect-ratio:1}.metrics{font-size:10px;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--line)}.transport{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.transport button{font-size:11px}.timeline{font-size:11px;margin:18px 0}#status{min-height:35px}.export-settings{display:flex;flex-wrap:wrap;align-items:end;gap:25px;border-block:1px solid var(--line);padding:20px 0;margin-bottom:30px}.export-settings label{width:190px}#export-summary{font-size:12px;color:var(--muted);flex:1;min-width:200px}.export-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.export-cards article{display:flex;flex-direction:column;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px}.export-cards h3,.guide-grid h3{font:30px/1.12 Italiana,Georgia,serif}.export-cards article>p:not(.eyebrow){font-size:12px;color:var(--muted)}.export-cards button{font-size:11px}.export-cards button:first-of-type{margin-top:auto}.settings{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:30px}.settings button,.settings label{font-size:11px}.settings label{border:1px solid var(--line);padding:8px 12px}.settings input{display:block;font-size:10px;max-width:180px;margin-top:5px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:30px 0}.guide-grid ol{padding-left:20px;font-size:12px;color:var(--muted)}.guide-grid li{padding-left:5px;margin:12px 0}.guide-links,.connections>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px;font-size:12px}.connections a{padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5%;border-top:1px solid var(--line);font-size:10px}footer p{color:var(--muted)}button:disabled{opacity:.45;cursor:wait}
@media(min-width:1700px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1550px)/2));padding-right:max(5%,calc((100vw - 1550px)/2))}}
@media(max-width:1000px){.source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero h1{font-size:76px}.workbench{grid-template-columns:245px minmax(0,1fr)}.controls{padding:17px}.drawing{padding:0 14px 20px}.export-cards{gap:20px}}
@media(max-width:750px){header{font-size:9px}.hero{grid-template-columns:1fr;padding:40px 5%}.hero h1{font-size:80px}.hero-art{max-width:520px;width:100%;margin:auto}.section{padding:42px 5%}.section-head{display:block}.section-head>p{margin-top:20px}.workbench{display:flex;flex-direction:column-reverse}.drawing,.controls{width:100%}.controls #ranges{display:grid;grid-template-columns:1fr 1fr;gap:20px}.export-cards,.guide-grid{grid-template-columns:1fr}.export-settings label{flex:1;min-width:130px}footer{flex-wrap:wrap}.drawing-head span:last-child{display:none}}
@media(max-width:450px){.source-cards{grid-template-columns:1fr}.hero h1{font-size:70px}.controls #ranges{grid-template-columns:1fr}.transport .primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}