@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--paper:#eeeadd;--ink:#233a39;--muted:#606f67;--line:#bdc3b6;--copper:#9c542e;--dark:#102a2c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bb6e3e;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-60px}.skip:focus{top:10px;z-index:5;background:var(--paper)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{border:1px solid var(--line);background:transparent;padding:10px 15px}a.primary,button.primary{background:var(--ink);color:var(--paper);display:inline-flex;gap:40px;align-items:center;text-decoration:none;border:1px solid var(--ink);padding:15px 22px;font-size:13px}.top{display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.brand{text-decoration:none;display:flex;gap:15px;align-items:center;letter-spacing:.12em}.brand:first-letter{font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:60px 4.5% 0;gap:35px;align-items:center}.hero h1{font:clamp(70px,8.6vw,142px)/.87 Italiana,Georgia,serif;letter-spacing:-.025em;margin:25px 0 30px}.hero h1 em{font-family:Georgia,serif;font-size:.85em;font-weight:400;color:var(--copper)}.lead{font-size:clamp(20px,2vw,28px);line-height:1.35}.hero-copy{color:var(--muted);max-width:420px;font-size:13px;margin:20px 0 26px}.hero-art{background:var(--dark);aspect-ratio:1;position:relative;overflow:hidden;border-radius:50% 50% 0 0}.hero-art svg{width:100%;height:100%;display:block}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.sections{display:flex;margin:0 4.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sections a{flex:1;padding:22px 15px;text-decoration:none;font-size:14px;border-bottom:2px solid transparent}.sections a:first-child{padding-left:0}.sections span{font-size:10px;color:var(--copper);margin-right:18px}.sections a[aria-current]{border-color:var(--copper)}.page{padding:65px 4.5% 80px;min-width:0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.section-heading h2,.studio-heading h2{font:clamp(38px,4.2vw,65px)/1.05 Italiana,Georgia,serif;margin-top:16px}.section-heading>p{font-size:14px;color:var(--muted);max-width:550px}.filters{display:flex;gap:25px;align-items:end;padding:20px 0;border-block:1px solid var(--line)}label{display:block;font-size:11px;letter-spacing:.015em}.filters label:first-child{flex:1}.filters label:nth-child(2){width:240px}.filters input,.filters select{background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;width:100%;font-size:14px;border-radius:0}.filters p{font-size:11px;white-space:nowrap;padding-bottom:10px}.caption{font-size:11px;color:var(--muted);margin:18px 0 30px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.card{min-width:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.card-art{position:relative;background:#e7e4d6;aspect-ratio:1.15;overflow:hidden}.card-art svg{display:block;width:100%;height:100%;mix-blend-mode:multiply}.card-art>span{position:absolute;bottom:14px;left:18px;right:14px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;background:var(--paper);padding:4px 6px;width:fit-content}.card-copy{padding:23px 0 0;display:flex;flex-direction:column;flex:1;gap:13px}.card-copy h3{font:29px/1.15 Italiana,Georgia,serif}.card-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}details{font-size:12px}summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}details p{margin:15px 0}details a{display:block;margin-bottom:10px;overflow-wrap:anywhere}.use-study{display:flex;justify-content:space-between;border:0;border-top:1px solid var(--line);padding:15px 0;font-size:12px;width:100%;margin-top:auto;text-align:left}.research-note{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:#e2e3d6;padding:30px;margin-top:50px;font-size:12px}.research-note span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.field-context{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;padding-bottom:35px;border-bottom:1px solid var(--line)}.field-context h3{font:28px/1.2 Italiana,Georgia,serif;margin:12px 0}.field-context p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:550px}.field-context a{font-size:12px;display:inline-block;margin-top:15px}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.studio-heading>p{font-size:13px;color:var(--muted)}.workbench{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);align-items:start}.controls{padding:24px;background:#e6e5d9;display:flex;flex-direction:column;gap:20px}.controls select,.controls input[type=number]{width:100%;background:var(--paper);border:1px solid var(--line);padding:10px;margin-top:7px;font-size:12px}.controls input[type=range]{width:100%;accent-color:var(--copper);margin:12px 0 0;grid-column:1/-1}.controls fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:0;min-width:0}.controls legend{text-transform:uppercase;font-size:9px;letter-spacing:.12em;padding:0 10px 0 0}.slider-label{display:grid;grid-template-columns:1fr auto;margin-bottom:14px}.slider-label output{font-variant-numeric:tabular-nums;color:var(--copper)}.small{font-size:11px;line-height:1.6;color:var(--muted)}#source-context{margin-top:-12px}#source-link{font-size:11px;margin-top:-14px}.button-row{display:flex;gap:8px;margin-top:12px}.button-row button{font-size:11px;padding:8px 10px}.layer-controls label{display:flex;align-items:center;gap:10px;margin:10px 0}.layer-controls input{accent-color:var(--copper);flex-shrink:0}.drawing{min-width:0;padding:0 25px 25px}.drawing-bar,.drawing-status{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:17px 0}.drawing-bar span:last-child{color:var(--muted);white-space:nowrap}#artwork{background:var(--dark);width:100%;aspect-ratio:1;max-height:none}#artwork svg{width:100%;height:100%;display:block}.drawing-status{border-bottom:1px solid var(--line)}.export-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 14px}.export-row button,.file-button{font-size:11px;padding:10px 14px}.file-button{border:1px solid var(--line);cursor:pointer}.file-button input{display:block;font-size:10px;max-width:170px;margin-top:4px}.limits{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.limits strong{color:var(--ink);font-weight:500}.limits p{margin-top:8px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:30px 4.5%;font-size:10px}footer p{color:var(--muted)}
@media(min-width:1600px){.page,.hero,.top,footer{padding-left:max(4.5%,calc((100vw - 1600px)/2));padding-right:max(4.5%,calc((100vw - 1600px)/2))}.sections{margin-left:max(4.5%,calc((100vw - 1600px)/2));margin-right:max(4.5%,calc((100vw - 1600px)/2))}.workbench{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:30px}.workbench{grid-template-columns:245px minmax(0,1fr)}.controls{padding:18px}.drawing{padding:0 15px 20px}.hero h1{font-size:85px}}
@media(max-width:750px){.top{padding:20px 5%;font-size:10px}.brand{gap:8px;letter-spacing:.06em}.hero{padding:38px 5% 0;grid-template-columns:1fr}.hero h1{font-size:90px}.hero-art{max-width:500px;width:100%;margin:auto}.hero-foot{font-size:8px;gap:20px}.sections{margin:0 5%}.sections a{font-size:11px;padding:15px 8px}.sections span{display:block;margin-bottom:5px}.page{padding:40px 5% 55px}.section-heading{display:block}.section-heading>p{margin-top:22px}.filters{gap:15px;flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.filters label:nth-child(2){flex:1}.cards{gap:25px 18px}.card-copy h3{font-size:25px}.card-copy .eyebrow{font-size:8px}.field-context{grid-template-columns:1fr;gap:30px}.studio-heading{display:block}.studio-heading>p{margin-top:18px}.workbench{display:flex;flex-direction:column-reverse}.controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px}.controls fieldset,#source-context,#source-link{grid-column:1/-1}.controls>label{min-width:0}.controls input,.controls select{max-width:100%}.drawing{width:100%;padding:0 14px 20px}.drawing-bar{font-size:9px}.research-note{display:block;padding:24px}.research-note p{margin-top:15px}footer{flex-wrap:wrap;padding:25px 5%}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.hero h1{font-size:78px}.hero-foot span:last-child{display:none}.controls{display:flex}.top .brand span{max-width:130px}.drawing-bar span:last-child{display:none}.export-row .primary{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}