:root{--font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-base: "Outfit", "Avenir Next", "Segoe UI", sans-serif;--cream: #f2e4d4;--cream-deep: #e5d0b8;--paper: #f7ece0;--blush: #c9a08c;--ink: #1c1014;--ink-soft: #4a3336;--wine: #5a2432;--wine-deep: #2c141a;--gold: #9a7046;--gold-soft: #c4a06a;--line: rgb(90 36 50 / 14%);--text-color: var(--ink);--theme-fs-base: 17px;--theme-orange-500: var(--gold);--overlay-top: rgb(28 16 20 / 28%);--overlay-bottom: rgb(28 16 20 / 78%)}html{box-sizing:border-box;scroll-behavior:smooth;font-family:var(--font-base);font-size:62.5%;accent-color:var(--gold)}body{--space-to-screen: calc( ( 100vw - var(--row-maxwidth) ) / 2 );font-size:var(--theme-fs-base, 17px);line-height:1.6;background:var(--cream);color:var(--text-color);overscroll-behavior:none;overflow:overlay}@media(max-width: 1124px){body{--space-to-screen: calc(var(--row-margin-inline) /2)}}@media(max-width: 767px){body{--media-radius: 2rem;--radius: 2rem}}body.no-scroll,body:has(dialog[open]){overflow:hidden}body>.content{max-width:100%;overflow-x:clip}*,*::before,*::after{box-sizing:border-box}
.dropzone{border:2px dashed #ccc;padding:20px;text-align:center;margin:20px 0;cursor:pointer}.dropzone.dragover{border-color:#000;background:#f0f0f0}#uploaded-files{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px;margin:20px 0}.uploaded-file img{max-width:100%;height:auto}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0}h1{font-size:2em}h1,h2,h3,h4,h5,h6,p{margin:0}menu,dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{display:inline-block;max-width:100%;height:auto;border-style:none}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}menu{padding:unset;list-style:none}canvas{display:inline-block}template{display:none}[hidden]{display:none}
:root{--font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-base: "Outfit", "Avenir Next", "Segoe UI", sans-serif;--cream: #f2e4d4;--cream-deep: #e5d0b8;--paper: #f7ece0;--blush: #c9a08c;--ink: #1c1014;--ink-soft: #4a3336;--wine: #5a2432;--wine-deep: #2c141a;--gold: #9a7046;--gold-soft: #c4a06a;--line: rgb(90 36 50 / 14%);--text-color: var(--ink);--theme-fs-base: 17px;--theme-orange-500: var(--gold);--overlay-top: rgb(28 16 20 / 28%);--overlay-bottom: rgb(28 16 20 / 78%)}.content:has(.tasks){display:flex;flex-direction:column;min-height:100dvh;background:linear-gradient(180deg, var(--overlay-top), var(--overlay-bottom)),linear-gradient(160deg, var(--wine-deep), var(--wine) 55%, #7a4630);color:var(--cream)}.status-bar-wrap{position:fixed;bottom:1.6rem;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:0 1.6rem;pointer-events:none}.status-bar{anchor-name:--status-bar;display:flex;align-items:center;gap:1.6rem 2rem;width:min(42rem,100%);max-width:100%;padding:1rem 1.6rem;background:rgba(247,236,224,.92);border:1px solid var(--line);border-radius:999px;pointer-events:auto;margin-top:.75rem;box-shadow:0 1.2rem 3.2rem rgba(28,16,20,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink)}.status-bar__clear{padding:.6rem 1rem;border:1px solid var(--ink);border-radius:999px;background:rgba(0,0,0,0);color:var(--ink);cursor:pointer;font-family:inherit;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}.status-bar__stat{display:flex;flex-direction:column;gap:.1rem;flex:0 0 auto;min-width:5.6rem}.status-bar__stat+.status-bar__stat{padding-left:1.6rem;border-left:1px solid var(--line)}.status-bar__label{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.status-bar__value{font-family:var(--font-display);font-size:1.8rem;font-weight:500;white-space:nowrap}.status-bar__track{flex:1 1 8rem;min-width:6rem;height:.4rem;overflow:hidden;background:rgba(90,36,50,.1);border-radius:999px}.status-bar__fill{height:100%;width:0;background:var(--gold);border-radius:inherit;transition:width .3s ease}.wait-notice{margin:0;padding:.8rem 1.4rem;font-size:1.3rem;line-height:1.45;text-align:center;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:0 .4rem 1.6rem rgba(28,16,20,.06);pointer-events:auto;width:max-content;max-width:min(40rem,100%)}@supports(position-anchor: --status-bar){.status-bar-wrap{gap:0}.wait-notice{position:fixed;position-anchor:--status-bar;left:anchor(center);bottom:anchor(top);translate:0 -100%}}.content:has([data-wait-notice]) .tasks{padding-bottom:17rem}.tasks{flex:1;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0 0 14rem}.block{width:100%;color:var(--cream);background:rgba(0,0,0,0)}.block.start{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:100svh;padding:8rem 2rem 12rem;text-align:left}.block.start .start-screen{position:relative;z-index:1;width:min(100%,72rem)}.block:not(.start){padding:8rem 2rem 10rem}.block.is-current:not(.start){padding-bottom:16rem}.block.is-locked{display:none}.start-screen__media{position:absolute;inset:0;margin:0;z-index:0}.start-screen__media img{display:block;width:100%;height:100%;object-fit:cover}.start-screen__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, var(--overlay-top), var(--overlay-bottom))}.start-screen{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.start-screen__eyebrow{margin:0;font-size:1.2rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft)}.start-screen__title{margin:0;font-family:var(--font-display);font-size:clamp(4.4rem,14vw,11.2rem);line-height:.92;font-weight:500;letter-spacing:-0.03em}.start-screen__intro{width:min(100%,46rem);font-size:1.6rem;font-weight:300;line-height:1.65;color:rgba(247,236,224,.88)}.start-screen__intro>*:not(:last-child){margin-bottom:.8rem}.start-screen__date{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:100%;max-width:28rem}.start-screen__date label{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}.start-screen__date input[type=date]{width:100%;padding:1rem 1.2rem;border:1px solid rgba(247,236,224,.28);background:rgba(28,16,20,.28);color:var(--cream);text-align:left;font:inherit;color-scheme:dark}.start-screen__hint{margin:0;font-size:1.3rem;color:rgba(247,236,224,.7)}.title-group{display:grid;grid-template-areas:"intro" "stage" "actions";gap:2.8rem;width:100%;isolation:isolate}.title-group__intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;width:min(100%,54rem)}.story-date{margin:0;font-size:1.1rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}.story-prompt{width:100%;font-family:var(--font-display);font-size:clamp(3.4rem,10vw,8rem);line-height:1.02;font-weight:500;letter-spacing:-0.03em}.story-prompt p,.story-prompt h1,.story-prompt h2,.story-prompt h3{font:inherit;margin:0}.story-prompt>*:not(:last-child){margin-bottom:.8rem}.story-prompt img{display:block;width:100%;height:auto;margin-block:1.6rem;object-fit:contain}.story-answers{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;gap:2.4rem;width:min(88%,48rem);z-index:2;pointer-events:none;isolation:isolate}.story-answers:not(:has(*)){display:none}.title-group:has(.title-group__figure) .story-answers{justify-content:space-around;min-height:100%;gap:4.8rem}.title-group:has(.title-group__upload-slot) .story-answers{padding-bottom:20rem}.story-answer,.card--result.task--result,.task-note{width:auto;max-width:100%;margin:0;white-space:pre-wrap}.story-answer{position:relative;z-index:1;padding:0 0 0 .2rem;border:0;background:none;box-shadow:none;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);font-style:italic;font-weight:400;line-height:1.25;color:var(--cream);pointer-events:auto;text-shadow:0 .6rem 2.4rem rgba(28,16,20,.55)}.story-answer:nth-child(odd){margin-left:4%}.story-answer:nth-child(even){align-self:flex-end;margin-right:8%;transform:translate(-10%, -6%)}.story-answer:nth-child(3n){align-self:center;margin-top:2%;transform:translate(-6%, 10%)}.story-answer::before{content:"“";display:block;margin-bottom:.6rem;font-size:.7em;line-height:.7;font-style:normal;color:var(--gold-soft)}.story-answer.is-entering{animation:story-rise 1.5s cubic-bezier(0.22, 1, 0.36, 1) both}.title-group__intro{grid-area:intro;order:1;z-index:3}.title-group__media{grid-area:stage;order:2;z-index:0}.story-answers{grid-area:stage;order:3}.title-group__actions{grid-area:actions;order:4}.title-group__media{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1.2rem 1.6rem;align-items:start;width:100%;isolation:isolate}.title-group__media[hidden]{display:none}.title-group__figure{position:relative;margin:0;overflow:visible;z-index:0}.title-group__figure:first-child{grid-column:1/-1;width:min(92%,48rem);justify-self:center}.title-group__figure:nth-child(2){width:96%;justify-self:start;margin-top:-18%}.title-group__figure:nth-child(3){width:90%;justify-self:end;margin-top:-4%}.title-group__figure:nth-child(n+4){width:86%;margin-top:-10%}.title-group__figure:nth-child(even){justify-self:start}.title-group__figure:nth-child(5n){margin-left:8%}.title-group__figure img{display:block;width:100%;height:auto;object-fit:contain}.title-group__upload-slot{position:relative;z-index:4;min-height:16rem;grid-column:1/-1}.title-group__upload{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.8rem;width:100%;min-height:16rem;margin:0;padding:1.6rem 1.8rem;border:1px dashed rgba(247,236,224,.42);background:rgba(28,16,20,.22);color:var(--cream);text-align:left;cursor:pointer;anchor-name:--task-upload}.title-group__upload.dragover{border-color:var(--gold-soft);background:rgba(28,16,20,.4)}.title-group__upload-icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;border:1px solid rgba(247,236,224,.28);border-radius:999px;font-size:2rem;color:var(--gold-soft)}.title-group__upload-text{max-width:22rem;font-size:1.3rem;line-height:1.45;color:rgba(247,236,224,.82)}.title-group__remove{position:absolute;top:1.2rem;right:1.2rem;z-index:2;padding:.5rem .8rem;border:0;background:var(--wine-deep);color:var(--cream);font-size:1.1rem;cursor:pointer}.title-group__actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;width:min(100%,42rem)}.tasks.has-step-reveal .block:not(.is-inview) .story-date,.tasks.has-step-reveal .block:not(.is-inview) .story-prompt:not(:has(img)),.tasks.has-step-reveal .block:not(.is-inview) .story-answers,.tasks.has-step-reveal .block:not(.is-inview) .question-trigger,.tasks.has-step-reveal .block:not(.is-inview) .task-trigger,.tasks.has-step-reveal .block:not(.is-inview) .answer,.tasks.has-step-reveal .block:not(.is-inview) .task-response,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__title,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__intro,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__date,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__eyebrow,.tasks.has-step-reveal .block:not(.is-inview) .title-group__media{opacity:0;transform:translateY(4rem)}.tasks.has-step-reveal .block:not(.is-inview) .story-prompt img{opacity:0;transform:translateY(4rem)}.block.is-inview .story-date,.block.is-inview .story-prompt:not(:has(img)),.block.is-inview .story-answers,.block.is-inview .question-trigger,.block.is-inview .task-trigger,.block.is-inview .answer,.block.is-inview .task-response,.block.is-inview .start-screen__title,.block.is-inview .start-screen__intro,.block.is-inview .start-screen__date,.block.is-inview .start-screen__eyebrow,.block.is-inview .title-group__media{animation:story-text-in 1.5s cubic-bezier(0.22, 1, 0.36, 1) both}.block.is-inview .story-prompt img{animation:story-text-in 2.5s cubic-bezier(0.22, 1, 0.36, 1) both}.block.is-inview.is-past-reveal .story-date,.block.is-inview.is-past-reveal .story-prompt,.block.is-inview.is-past-reveal .story-prompt img,.block.is-inview.is-past-reveal .story-answers,.block.is-inview.is-past-reveal .question-trigger,.block.is-inview.is-past-reveal .task-trigger,.block.is-inview.is-past-reveal .answer,.block.is-inview.is-past-reveal .task-response,.block.is-inview.is-past-reveal .start-screen__title,.block.is-inview.is-past-reveal .start-screen__intro,.block.is-inview.is-past-reveal .start-screen__date,.block.is-inview.is-past-reveal .start-screen__eyebrow,.block.is-inview.is-past-reveal .title-group__media{animation:none;opacity:1;transform:none}.task-response,.answer{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%}.task-response[hidden],.answer[hidden]{display:none !important}.question-trigger[hidden],.task-trigger[hidden]{display:none !important}.task-trigger,.question-trigger,.start-screen__begin,.task-composer__submit,.answer button[type=submit]{padding:1.1rem 1.8rem;border:1px solid rgba(247,236,224,.55);background:rgba(0,0,0,0);color:var(--cream);cursor:pointer;font-family:inherit;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.start-screen__begin{background:var(--cream);border-color:var(--cream);color:var(--wine-deep)}.task-composer{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem;width:100%;text-align:left}.task-pending-status{margin:0;padding:.6rem 1rem;font-size:1.2rem;line-height:1.4;text-align:center;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:0 .3rem 1rem rgba(28,16,20,.06);width:max-content;max-width:min(22rem,90vw);pointer-events:none}.task-pending-status[hidden]{display:none}@supports(position-anchor: --task-upload){.task-pending-status:not([hidden]){position:absolute;position-anchor:--task-upload;left:anchor(center);top:anchor(bottom);translate:-50% .8rem;z-index:12}}@supports not (position-anchor: --task-upload){.title-group__upload-slot .task-pending-status:not([hidden]){position:absolute;left:50%;top:calc(100% + .8rem);translate:-50% 0}}.task-composer label,.answer label{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,236,224,.72)}.task-composer textarea,.answer textarea{width:100%;min-height:8rem;padding:1.2rem;border:1px solid rgba(247,236,224,.24);background:rgba(28,16,20,.28);color:var(--cream);resize:vertical;font:inherit}.is-entering{animation:story-rise 1.5s cubic-bezier(0.22, 1, 0.36, 1) both}@keyframes story-text-in{from{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}@keyframes story-rise{from{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}@media(min-width: 768px){.title-group{grid-template-columns:repeat(12, minmax(0, 1fr));grid-template-areas:none;column-gap:2.4rem;row-gap:3.2rem;align-items:start}.title-group__intro{grid-column:1/8;grid-row:1;width:auto}.story-answers,.title-group__media{grid-column:1/13;grid-row:2}.title-group__actions{grid-column:1/6;grid-row:3;width:auto}.title-group__media{width:auto}.story-answers{width:100%}.is-layout-1 .title-group__intro{grid-column:1/8;grid-row:1}.is-layout-1 .story-answers,.is-layout-1 .title-group__media{grid-column:1/13;grid-row:2}.is-layout-1 .title-group__actions{grid-column:1/6;grid-row:3}.is-layout-1 .story-answers{padding-right:10%;padding-top:8%}.is-layout-1 .title-group__media{padding-left:6%}.is-layout-2 .title-group__intro{grid-column:6/13;grid-row:1}.is-layout-2 .story-answers,.is-layout-2 .title-group__media{grid-column:1/13;grid-row:2}.is-layout-2 .title-group__actions{grid-column:8/13;grid-row:3}.is-layout-2 .story-answers{padding-left:8%;padding-bottom:4%}.is-layout-2 .title-group__media{padding-right:6%}.is-layout-2 .title-group__figure:nth-child(3){margin-top:12%}.is-layout-3 .title-group__intro{grid-column:1/8;grid-row:1}.is-layout-3 .story-answers,.is-layout-3 .title-group__media{grid-column:1/13;grid-row:1/3}.is-layout-3 .title-group__actions{grid-column:1/6;grid-row:3}.is-layout-3 .story-answers{padding-top:12%;padding-right:8%}.is-layout-3 .title-group__media{padding-left:4%;padding-top:2%}.is-layout-4 .title-group__intro{grid-column:3/11;grid-row:1}.is-layout-4 .story-answers,.is-layout-4 .title-group__media{grid-column:1/13;grid-row:2}.is-layout-4 .title-group__actions{grid-column:3/10;grid-row:3}.is-layout-4 .story-answers{padding-inline:6%;padding-top:6%}.is-layout-4 .title-group__figure:first-child{width:min(100%,56rem);justify-self:center}.is-layout-4 .title-group__figure:nth-child(2){margin-top:10%}.is-layout-4 .title-group__figure:nth-child(3){grid-column:1/-1;width:min(72%,64rem);justify-self:center}}@media(min-width: 1024px){.block:not(.start){padding:12rem 6vw}.start-screen__title{font-size:clamp(7.2rem,9vw,12.8rem)}.title-group{column-gap:3.2rem}}@media(prefers-reduced-motion: reduce){.tasks.has-step-reveal .block:not(.is-inview) .story-date,.tasks.has-step-reveal .block:not(.is-inview) .story-prompt:not(:has(img)),.tasks.has-step-reveal .block:not(.is-inview) .story-answers,.tasks.has-step-reveal .block:not(.is-inview) .question-trigger,.tasks.has-step-reveal .block:not(.is-inview) .task-trigger,.tasks.has-step-reveal .block:not(.is-inview) .answer,.tasks.has-step-reveal .block:not(.is-inview) .task-response,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__title,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__intro,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__date,.tasks.has-step-reveal .block:not(.is-inview) .start-screen__eyebrow,.tasks.has-step-reveal .block:not(.is-inview) .title-group__media,.tasks.has-step-reveal .block:not(.is-inview) .story-prompt img{opacity:1;transform:none}.block,.story-answer,.title-group__figure,.is-entering{animation:none;opacity:1;transform:none}}