*{box-sizing:border-box}html{background:#f8f2e7;color:#34251e}body{margin:auto;max-width:1700px;font:1rem/1.55 Georgia,serif}a{color:inherit}header,.bar,footer{padding:1rem 5%;display:flex;align-items:center;justify-content:space-between;gap:1rem}header,.bar{background:#2e2019;color:#fff0d5}.brand{font-size:1.4rem;letter-spacing:.28em}header a{text-decoration:none}nav{display:flex;gap:1.5rem}.painting{position:relative;overflow:hidden;aspect-ratio:1024/439}.painting img{width:100%;height:auto;display:block;position:absolute;top:-8%}.reader,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:1;background:white;padding:.7rem}
button,.action{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3rem;padding:.6rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b95916;outline-offset:3px}.bar .action{background:#ffedd0;color:#35271e;border-color:transparent}
.sheet{padding:clamp(3rem,7vw,7rem) 6%;border-bottom:1px solid #c7b69a}.sheet h2,.choice h3{font-weight:normal;line-height:1.05;margin:0}.sheet h2{font-size:clamp(2.4rem,6vw,6rem);letter-spacing:-.045em}.sheet>p{max-width:55ch}.explorer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;margin-top:2rem}.explorer img{width:100%;aspect-ratio:1.15;object-fit:cover}.choices{display:flex;gap:.4rem;flex-wrap:wrap}.choices button[aria-pressed=true],.choice .action,#make-brief{color:white;background:#624032}.choice h3{font-size:clamp(2rem,4vw,4rem)}.palette{color:#794524;font-style:italic;margin:2rem 0 1rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}label{display:block;margin:1rem 0 .4rem}textarea,select{display:block;width:100%;font:inherit;color:inherit;margin:.4rem 0;padding:.65rem;background:#fffdf7;border:1px solid #ac9984}textarea{resize:vertical}#brief{max-width:960px;margin:auto}#notes{min-height:6rem}#result{margin-top:2rem}footer{border-top:1px solid #c7b69a;font-size:.88rem}button:hover,.action:hover{filter:brightness(.9)}
@media(max-width:700px){.explorer,.fields{grid-template-columns:1fr}.choice{margin-top:1.4rem}.bar{gap:.4rem}.bar>*{font-size:.88rem}.fields{gap:0}header,.bar{padding:.85rem 4%}.painting{aspect-ratio:1024/439}}
body{max-width:none}#opening{position:relative;background:#38291f}
header{justify-content:flex-end;padding-block:.55rem;background:#38291f}
.painting{width:100%;aspect-ratio:auto;height:min(42.68vw,66.15svh);margin:auto;overflow:hidden}
.painting img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% 43%;display:block}
.hero-title{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.bar{padding-block:.85rem;background:#38291f}.sheet{max-width:1700px;margin-inline:auto}.mood-frame{position:relative;overflow:hidden;isolation:isolate;min-width:0}.mood-frame img{display:block}.mood-frame .mood-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}