*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#e4e9dd;color:#432f48;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,a,label.button{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #936612;outline-offset:4px}.skip{position:absolute;top:-70px;background:#fff;padding:12px;z-index:20}.skip:focus{top:0}header{margin:24px 4%;padding:16px 25px;background:#432f48;color:#f6f3e9;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{position:relative;display:block;font-size:19px;line-height:.94;font-weight:800;letter-spacing:-.7px;text-decoration:none}.mark{float:left;font-size:43px;margin-right:11px;line-height:36px;color:#c5a04a}.brand-sub{font-size:8px;font-weight:400;display:block;letter-spacing:1.5px;margin-top:8px}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:12px}.plain{border:0;padding:5px 0;background:transparent;text-align:left;font-size:12px}.private-dot{font-size:11px;color:#d6dac9}.intro{margin:0 4%;display:flex;align-items:center;border-bottom:1px solid #aeb3a4;gap:20px;min-height:84px;padding:8px 0}.intro .plain{margin-left:auto}.intro p{margin:3px 0;font:italic 19px Georgia,serif}.intro-object{width:74px;height:55px;position:relative}.intro-object i{position:absolute;width:25px;height:39px;background:#c5a04a;left:3px;top:8px;transform:rotate(-18deg);transition:transform 1s,background 1s}.intro-object i:nth-child(2){left:25px;top:3px;background:#432f48;transform:rotate(12deg)}.intro-object i:nth-child(3){left:43px;top:12px;background:#faf6e9;transform:rotate(24deg)}.intro.phase2 i{transform:rotate(0) translateX(5px)}.intro.phase3 i{transform:rotate(-5deg) translateX(10px);background:#c5a04a}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.studio{padding:36px 4% 0}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2% 30px}h1{font:normal clamp(44px,5.8vw,83px)/.94 Georgia,serif;letter-spacing:-3px;margin:18px 0 0}h1 em,h2 em{font-weight:normal}.studio-invite{width:265px;padding-top:10px}.studio-invite p{font-size:15px}.button{border:1px solid #432f48;background:#432f48;color:#fffaf0;border-radius:4px;display:inline-block;padding:13px 21px;text-decoration:none;font-size:13px;font-weight:600}.button:hover{background:#604366}.import{cursor:pointer;width:100%;text-align:center}.studio-invite small{font-size:10px;line-height:1.5;display:block;margin-top:10px}.file{position:absolute;width:1px;height:1px;opacity:0}.file:focus-visible+small{outline:3px solid #936612}.workspace{display:grid;grid-template-columns:170px minmax(300px,1fr) 190px;gap:28px}.shelf{padding-top:22px}.shelf-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aeb3a4;padding-bottom:10px}.shelf-top button{font-size:23px}.draft-item{padding:15px 8px;display:block;width:100%;background:none;border:0;border-bottom:1px solid #bbc0b3;text-align:left;font:17px Georgia,serif;overflow-wrap:anywhere}.draft-item small{display:block;font:9px Arial;margin-top:7px;text-transform:uppercase;letter-spacing:1px}.draft-item.active{background:#d5dccc;border-left:3px solid #432f48}.sample-link{background:none;border:0;border-bottom:1px solid;padding:4px 0;font-size:10px;margin-top:24px}.quiet{font-size:10px;line-height:1.6;margin-top:20px;color:#62635b}.art-stage{padding:16px 25px;background:#d7ddce;border-radius:3px;position:relative;min-height:400px;display:flex;flex-direction:column;align-items:center}.stage-top,.stage-bottom{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:8px;letter-spacing:1px}.stage-bottom{padding-top:13px}.stage-top{margin-bottom:17px}canvas{display:block;max-width:100%;width:auto;height:auto;max-height:550px;aspect-ratio:5/6;box-shadow:0 8px 18px #432f481a;transform:rotate(-2deg);margin:8px auto 18px}#hidden-preview{min-height:450px;align-content:center;font:24px Georgia;text-align:center}.provenance{padding-top:60px}h2{font:normal 37px/1.08 Georgia,serif;letter-spacing:-1.1px}.provenance h2{font-size:24px;margin:15px 0 35px}.provenance dt{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:21px}.provenance dd{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.tiny{font-size:10px;line-height:1.65;color:#62635b}.provenance .tiny{margin-top:25px}.edit-link{display:inline-block;margin-top:20px;font-size:12px}#status{font-size:11px;padding:18px 0;border-bottom:1px solid #aeb3a4;min-height:55px}#status.error{color:#8b2d26}.editor{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:65px 2%;border-bottom:1px solid #aeb3a4}.editor-title p{max-width:280px;font-size:13px}.editor-title #mode{margin-top:35px;border-top:1px solid #aeb3a4;padding-top:15px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;font-size:11px;gap:7px}.form-grid input:not([type=checkbox]):not([type=range]),textarea,select{width:100%;background:#f2f3eb;border:1px solid #afb5a5;border-radius:3px;padding:10px;font-size:13px}textarea{resize:vertical}input[type=color]{height:43px;padding:4px!important}input[type=range]{width:100%;accent-color:#432f48}output{float:right;font-size:10px}.wide{grid-column:1/-1}.form-grid .check{flex-direction:row;align-items:flex-start;line-height:1.5}.check input{margin:2px 4px 0 0;accent-color:#432f48}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.secondary{border:1px solid #432f48;background:transparent;border-radius:4px;padding:12px 18px;font-size:12px}.secondary:hover{background:#d1d8c8}button:disabled{opacity:.4;cursor:not-allowed}.record{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 2%;border-bottom:1px solid #aeb3a4}.record p{font-size:13px;max-width:380px}.record-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.record-actions .tiny{font-size:10px}.divider{height:1px;background:#aeb3a4;width:100%;margin:10px 0}.danger{color:#86382f}.notes{padding:70px 6%;background:#f1eee5;margin:50px -4.35% 0}.note-spread{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center;margin-top:35px}.note-spread h2{font-size:clamp(42px,5vw,72px);margin:0 0 28px}.note-spread p{font-size:13px;max-width:350px}.note-spread a{display:inline-block;margin-top:15px;font-size:12px}.note-art{min-height:440px;background:#cccbb9;padding:55px 28px;transform:rotate(-3deg);position:relative;box-shadow:8px 10px 0 #ddd8c9}.note-art span{font:normal 82px/.83 Georgia,serif;letter-spacing:-6px}.note-art b{display:block;font:italic 40px/.95 Georgia,serif;background:#c5a04a;transform:rotate(8deg);padding:18px;margin:20px -10px 0}.note-art i{font:9px Arial;letter-spacing:3px;position:absolute;bottom:20px;right:30px}footer{padding:40px 4%;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p,footer a{font-size:11px}footer small{width:100%;font-size:9px}dialog{border:1px solid #432f48;border-radius:10px;background:#f4f2e9;color:#432f48;max-width:480px;width:calc(100% - 32px);padding:36px}dialog::backdrop{background:#251a2bbc}.close{position:absolute;right:18px;top:12px;font-size:25px}dialog p{font-size:14px}.noscript{position:fixed;bottom:0;background:#fff;padding:20px;width:100%}[hidden]{display:none!important}@media(min-width:1500px){main,header,.intro{max-width:1450px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.workspace{grid-template-columns:130px 1fr;gap:20px}.provenance{grid-column:1/-1;padding:15px 0;display:flex;gap:25px;align-items:center}.provenance h2{margin:0}.provenance dl{display:flex;gap:20px;flex-wrap:wrap;margin:0}.provenance dt{margin-top:0}.provenance dd{max-width:180px}.provenance>.eyebrow,.provenance .tiny{display:none}.editor,.record{gap:35px}.note-spread{gap:45px}.private-dot{display:none}}@media(max-width:650px){header{margin:12px 4%;padding:15px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:10px}nav .plain{font-size:9px}.brand{font-size:15px}.brand-sub{font-size:6px}.mark{font-size:32px}.intro{gap:10px}.intro .eyebrow{font-size:7px}.intro p{font-size:16px}.intro .plain{font-size:9px}.studio{padding-top:24px}.studio-heading{align-items:flex-start;gap:20px;flex-direction:column}.studio-invite{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.studio-invite p{font-size:12px;margin:0}.studio-invite small{grid-column:1/-1;margin:0;font-size:9px}h1{font-size:53px;letter-spacing:-2px}.workspace{grid-template-columns:1fr;gap:10px}.shelf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:0}.shelf-top{border:0;min-width:110px}.shelf-top button{padding-left:15px}.shelf .quiet{display:none}#draft-list{display:flex;gap:8px;overflow:auto;max-width:100%}.draft-item{min-width:130px;font-size:14px;padding:8px}.sample-link{margin:0}.art-stage{padding:14px 18px}.stage-top,.stage-bottom{font-size:7px}canvas{max-height:none;width:90%}.provenance{display:block;padding:15px}.provenance h2{font-size:23px}.provenance h2 br{display:none}.provenance dl{display:grid;grid-template-columns:70px 1fr;gap:4px;margin-top:15px}.provenance dd{max-width:none}.provenance .edit-link{margin-top:10px}.editor,.record{grid-template-columns:1fr;padding:40px 2%;gap:24px}.editor-title h2,.record h2{font-size:33px}.editor-title p{max-width:none}.editor-title #mode{margin-top:20px}.form-grid{gap:15px 12px}.notes{padding:40px 7%;margin-top:30px}.note-spread{grid-template-columns:1fr;gap:50px}.note-art{min-height:360px;padding:40px 24px}.note-art span{font-size:75px}.note-art b{font-size:36px}.note-spread h2{font-size:50px}.record-actions{width:100%}.record-actions>.button,.record-actions>.secondary{width:100%}footer{gap:15px}.actions .button,.actions .secondary{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep populated collections within the responsive grid. */
.workspace>*{min-width:0}#draft-list{min-width:0}.form-grid>*{min-width:0}@media(max-width:650px){.workspace{grid-template-columns:minmax(0,1fr)}nav a,nav .plain{font-size:11px}.intro-object{flex-shrink:0}.intro>div:nth-child(2){min-width:0}.intro .plain{flex-shrink:0;min-height:40px}.file{display:none}}
