:root{--paper:#f8f4ec;--ink:#39372f;--muted:#817d72;--coral:#bf7968;--sage:#78856c;--cork:#bd9162;--cork-dark:#9c7047;--line:#e8e0d3;--sans:"DM Sans","Avenir Next",sans-serif;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(80,72,56,.1);font-size:12px;letter-spacing:.06em}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.brand em{font-family:var(--serif);font-weight:500;font-size:15px;color:var(--coral)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8ddd0;color:var(--coral);font-size:18px}.top-link{color:#6d695f}.top-link span{color:var(--coral);padding-left:8px}.intro{position:relative;min-height:440px;padding:70px 24px 58px;text-align:center;display:flex;align-items:center;flex-direction:column;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sage);margin:0 0 13px}.intro .eyebrow{display:flex;align-items:center;gap:9px}.intro .eyebrow span,.status-dot{height:6px;width:6px;border-radius:50%;background:#b97d6c;display:inline-block}.intro h1{font:500 clamp(53px,8vw,87px)/.99 var(--serif);letter-spacing:-.055em;margin:0;color:#3b3932}.intro h1 i,.section-heading h2 i{font-weight:500;color:var(--coral)}.intro-copy{max-width:390px;color:#777267;font-size:14px;margin:22px auto 0}.scroll-cue{display:inline-flex;align-items:center;gap:10px;margin-top:31px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#716e64}.scroll-dot{display:grid;place-items:center;border:1px solid #c7bdb0;width:23px;height:23px;border-radius:50%;color:var(--coral);font-size:14px}.intro-flower{position:absolute;color:#d9b5a4;opacity:.48}.flower-one{font-size:46px;left:calc(50% - 340px);top:135px;transform:rotate(-12deg)}.flower-two{font-size:58px;right:calc(50% - 340px);top:245px;transform:rotate(13deg);color:#9eaa91}.board-section,.posters-section{max-width:1320px;margin:0 auto;padding:62px clamp(22px,6vw,84px) 78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.section-heading h2{font:500 clamp(33px,4vw,48px)/1.08 var(--serif);letter-spacing:-.04em;margin:0}.shared-note{font-size:10px;color:#827e72;margin:0 0 4px;letter-spacing:.025em}.shared-note .status-dot{margin-right:7px;background:#8b9c7e}.note-creator-row{display:flex;align-items:center;gap:31px;margin:0 0 28px 5.5%}.creator-note{width:218px;height:216px;position:relative;flex:0 0 auto;padding:22px 19px 12px;background:#f1e5a7;box-shadow:2px 5px 10px #54442b25,0 1px 2px #54442b1b;transform:rotate(-1.5deg);display:flex;flex-direction:column;touch-action:pan-y}.creator-note:before,.sticky-note:before{content:"";position:absolute;width:64px;height:18px;top:-8px;left:calc(50% - 32px);background:#f6f2e9bd;transform:rotate(-2deg)}.tape-draft{position:absolute;z-index:1}.creator-note textarea{resize:none;width:100%;height:145px;border:0;background:transparent;outline:none;color:#59513d;font:500 16px/1.5 var(--serif);padding:0;flex:1}.creator-note textarea::placeholder{color:#8d8366;font-style:italic}.creator-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #635b3925;padding-top:8px}.drag-hint{font-size:9px;color:#786e51;display:flex;align-items:center;gap:4px}.grip-icon{font-size:17px;line-height:1;touch-action:none;cursor:grab}.attach-button{border:0;background:#665d47;color:#fff9e9;border-radius:20px;font-size:9px;padding:6px 10px;cursor:pointer}.attach-button span{padding-left:3px}.creator-explainer{max-width:220px;color:#716d62;font:italic 16px/1.45 var(--serif);position:relative}.step-number{display:block;color:#b37d6e;font:600 10px var(--sans);letter-spacing:.16em;margin-bottom:8px}.creator-explainer p{margin:0}.doodle-arrow{position:absolute;left:-25px;bottom:-38px;color:#b37d6e;font-size:30px;transform:rotate(-15deg)}.cork-frame{padding:14px 14px 13px;background:#e9ddc9;border:1px solid #d6c9b5;box-shadow:0 14px 34px #58483012;border-radius:3px}.cork-topline,.cork-bottomline{display:flex;justify-content:space-between;padding:0 6px 10px;color:#75614b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.cork-bottomline{padding:10px 6px 0;font-size:8px;letter-spacing:.09em}.cork-heart{font-size:17px;line-height:.8;color:#a27363}.cork-board{min-height:840px;position:relative;overflow:hidden;border:8px solid #c8a77d;border-radius:2px;background-color:var(--cork);background-image:radial-gradient(ellipse at 18% 25%,#d6b080 0 1px,transparent 2px),radial-gradient(ellipse at 74% 81%,#a77d54 0 1px,transparent 2px),radial-gradient(ellipse at 42% 62%,#d8b689 0 1px,transparent 2px),radial-gradient(ellipse at 90% 28%,#a97e54 0 1px,transparent 2px),repeating-linear-gradient(7deg,transparent 0 13px,#6e4e3310 14px,transparent 16px),linear-gradient(112deg,#c89f6e,#b7895a 42%,#c49a69 73%,#b5885b);background-size:23px 29px,31px 27px,37px 31px,29px 33px,auto,auto;box-shadow:inset 0 0 26px #5f44252b,0 2px 4px #4536201d}.sticky-note{position:absolute;width:205px;height:195px;padding:25px 19px 13px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 7px 14px #47391f40,0 1px 3px #47391f26;transform:rotate(var(--tilt,-1deg));transition:box-shadow .15s,filter .15s;touch-action:none;user-select:none}.sticky-note.dragging{z-index:20!important;box-shadow:4px 18px 23px #33271852;filter:saturate(1.08);transition:none;cursor:grabbing}.sticky-note.yellow{background:#f3e59c}.sticky-note.pink{background:#f1d2c8}.sticky-note.green{background:#dce3c9}.sticky-note.blue{background:#d4e3e9}.sticky-note.lilac{background:#e5d9e9}.sticky-note .note-text{font:500 20px/1.32 var(--serif);color:#4a473d;overflow-wrap:anywhere;white-space:pre-wrap;max-height:132px;overflow:auto;user-select:text;touch-action:pan-y}.note-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #443d2824;padding-top:8px;color:#766f5e}.note-grip{font:18px/1 var(--sans);border:0;padding:1px 5px;color:#716b59;background:transparent;cursor:grab;touch-action:none}.note-grip:active{cursor:grabbing}.note-remove{border:0;background:transparent;color:#8d726c;font-size:17px;line-height:1;padding:3px 5px;cursor:pointer;border-radius:50%}.note-remove:hover,.note-remove:focus-visible{background:#604b3b14;color:#793f39}.note-label{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#867b65}.board-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#f7edda}.board-empty span{font-size:28px}.board-empty p{font:italic 18px var(--serif);margin:6px}.board-status{min-height:20px;margin:4px 0 0 2px;color:#667a5d;font-size:11px}.posters-section{padding-top:30px;padding-bottom:88px}.posters-heading{margin-bottom:38px}.film-count{font:500 32px var(--serif);color:#bd7968}.film-count span{font:500 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#837d71;margin-left:5px}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 24px}.poster-card{min-width:0}.poster-image{position:relative;aspect-ratio:2/3;overflow:hidden;background:#e8e0d4;box-shadow:0 8px 22px #392d211a;isolation:isolate}.poster-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:none}.poster-card:hover .poster-image img{transform:none}.poster-50 img{object-position:center}.poster-war{background:#28354a}.poster-war img{object-position:center}.poster-amelie{background:#147d33}.poster-hamnet{background:#344d36}.poster-still{background:#c69a37}.poster-hind{background:#322923}.poster-caption{padding:14px 3px 0}.poster-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#a47768}.poster-caption h3{font:500 18px/1.25 var(--serif);margin:6px 0 9px;letter-spacing:-.02em}.poster-rule{width:28px;height:1px;background:#a3a78d;display:block}.poster-caption p{font-size:10px;color:#827e73;margin:8px 0 0}.poster-apripista{background:linear-gradient(180deg,#b2c3ad 0%,#7f9c8d 43%,#3e6156 43%,#223f3b 100%);color:#fff7db;text-align:center}.poster-apripista:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(157deg,transparent 0 24%,#d9cf9e 24.3% 25%,transparent 25.4%),linear-gradient(205deg,transparent 0 31%,#b2bb88 31.4% 32%,transparent 32.3%),linear-gradient(170deg,transparent 0 58%,#729080 58.4% 59%,transparent 59.5%);z-index:-1}.apri-sun{position:absolute;width:30%;aspect-ratio:1;background:#edca82;border-radius:50%;top:12%;left:35%;opacity:.9}.apri-path{position:absolute;width:47%;height:42%;bottom:-8%;left:27%;background:#c1ad7c;clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);opacity:.8}.apri-title{position:absolute;inset:38% 8% auto;font:600 clamp(25px,3vw,43px)/.98 var(--serif);letter-spacing:.02em;text-shadow:0 2px 12px #132b2877}.apri-credit{position:absolute;left:0;right:0;bottom:9%;font-size:8px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#eee2c7}.footer{border-top:1px solid var(--line);min-height:70px;padding:18px clamp(22px,6vw,84px);display:flex;justify-content:space-between;align-items:center;color:#8b8376;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.footer span:nth-child(2){font-size:19px;color:#b97d6c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1200px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap-left:30px}.poster-card:nth-child(5){grid-column:1}.poster-card:nth-child(6){grid-column:2}.poster-card:nth-child(7){grid-column:3}}
@media(max-width:900px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 19px}.sticky-note{width:180px;height:178px;padding:23px 16px 12px}.sticky-note .note-text{font-size:18px}.cork-board{min-height:850px}}
@media(max-width:620px){.topbar{height:65px;padding:0 20px}.top-link{font-size:10px}.intro{min-height:390px;padding-top:66px}.intro h1{font-size:61px}.intro-copy{max-width:300px;font-size:13px}.flower-one{left:8%;top:125px;font-size:30px}.flower-two{right:7%;top:250px;font-size:38px}.board-section,.posters-section{padding:48px 18px 58px}.section-heading{align-items:start;flex-direction:column;gap:13px;margin-bottom:25px}.section-heading h2{font-size:38px}.shared-note{font-size:9px}.note-creator-row{gap:15px;margin:0 0 24px 3px;align-items:center}.creator-note{width:174px;height:184px;padding:22px 14px 10px}.creator-note textarea{font-size:14px;height:120px}.drag-hint{font-size:8px}.attach-button{font-size:8px;padding:6px 8px}.creator-explainer{font-size:13px;max-width:150px}.doodle-arrow{left:-5px;bottom:-31px;font-size:24px}.cork-frame{padding:9px}.cork-topline,.cork-bottomline{font-size:7px;letter-spacing:.08em}.cork-board{height:1030px;min-height:1030px;border-width:6px}.sticky-note{width:calc((100% - 28px)/2);height:174px;padding:21px 12px 9px}.sticky-note .note-text{font-size:16px;max-height:118px}.note-label{font-size:7px}.note-grip{font-size:16px}.note-remove{font-size:16px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 15px}.poster-caption h3{font-size:16px}.poster-caption p{font-size:9px}.posters-heading{flex-direction:row;align-items:end}.film-count{font-size:25px;white-space:nowrap}.footer{padding:16px 18px;font-size:8px}}
@media(max-width:370px){.cork-board{height:1160px;min-height:1160px}.sticky-note{height:190px}.creator-note{width:160px}.creator-explainer{font-size:12px;max-width:138px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.availability-source{font-size:10px;color:var(--muted);margin:24px 0 0}.availability-source a,.availability-link{color:#987064;text-decoration:underline;text-underline-offset:3px}.poster-grid{grid-auto-flow:row}.poster-image.poster-generated{display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 28%,#fff8e733,transparent 48%),linear-gradient(145deg,#a87765,#765c60 58%,#465960);color:#fff7e9}.poster-generated:after{content:"";position:absolute;inset:8px;border:1px solid #fff8e966;pointer-events:none}.generated-title{position:relative;z-index:1;max-width:90%;font:500 clamp(20px,2vw,31px)/1.1 var(--serif);text-align:center;text-shadow:0 2px 12px #211a1a88}.platforms{line-height:1.5}.availability-link{display:inline-block;font-size:10px;margin-top:5px}.poster-card{align-self:start}.poster-apripista .apri-title{font-size:clamp(26px,3vw,43px)}
@media(min-width:1200px){.poster-grid{gap:42px 30px}.poster-card:nth-child(n){grid-column:auto}.cork-board{min-height:860px}}
@media(max-width:900px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.availability-source{margin:20px 0 0;font-size:9px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.poster-caption h3{overflow-wrap:anywhere}.platforms{font-size:9px}.availability-link{font-size:9px}.cork-board{height:1160px;min-height:1160px}.sticky-note{height:174px}}
.sticky-note:before{display:none}.sticky-note .tape{position:absolute;z-index:3;width:64px;height:18px;top:-8px;left:calc(50% - 32px);background:#f6f2e9bd;transform:rotate(-2deg);cursor:grab;touch-action:none}.sticky-note .tape:active{cursor:grabbing}
.sticky-note .note-text{font-family:"Noteworthy","Bradley Hand","Segoe Print",cursive;font-weight:500;letter-spacing:.01em}
.creator-note:before{display:none}.creator-note .tape-draft{position:absolute;z-index:3;width:64px;height:18px;top:-8px;left:calc(50% - 32px);background:#f6f2e9bd;transform:rotate(-2deg);cursor:grab;touch-action:none}.creator-note .drag-hint{touch-action:none;user-select:none;cursor:grab}
.poster-image img{object-fit:contain;object-position:center}.poster-card:hover .poster-image img{transform:none}.poster-source{display:block;margin-top:5px;color:#8a8276;font-size:9px;text-decoration:underline;text-underline-offset:3px}
.note-creator-row{position:absolute;z-index:6;top:18px;left:20px;align-items:center;gap:30px;margin:0}
.creator-note{z-index:1;isolation:isolate}
.paper-under{position:absolute;z-index:-1;inset:0;display:block;pointer-events:none;box-shadow:2px 5px 10px #54442b25}
.paper-under-one{background:#e8d992;transform:rotate(-5deg) translate(-5px,4px)}
.paper-under-two{background:#eadfa1;transform:rotate(4deg) translate(4px,3px)}
.note-canvas{position:absolute;z-index:1;inset:0}
.note-canvas .board-empty{inset:0}
.cork-board{min-height:900px}
@media(max-width:620px){.note-creator-row{top:17px;left:16px}.creator-explainer{display:none}.cork-board{height:1160px;min-height:1160px}}