/* Learner feedback, collected as a wall of paper keepsakes. */
.learner-wall{overflow:clip}
.wall-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-block:70px 95px}
.wall-kicker{margin:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}
.wall-kicker>span{margin-inline:12px;color:var(--purple)}
.wall-intro h1{position:relative;font-size:clamp(72px,8.4vw,116px);line-height:.98;letter-spacing:-.065em;margin:30px 0 27px;white-space:nowrap}
.wall-intro h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:1.22em;letter-spacing:-.075em;display:inline-block;transform:rotate(-5deg);position:relative;padding-right:18px}
.wall-intro h1 em:after{content:'';position:absolute;bottom:-3px;left:2px;width:95%;height:9px;border-top:3px solid var(--purple);border-radius:50%;transform:rotate(-3deg)}
.wall-asterisk{font-size:.7em;color:var(--purple);display:inline-block;margin-left:35px;vertical-align:middle;transform:rotate(14deg)}
.wall-lead{font-size:16px;line-height:1.9;max-width:420px;margin-top:35px}
.wall-browse{display:inline-flex;align-items:center;gap:26px;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink);padding-block:12px;margin-top:12px}
.wall-browse .icon{width:20px;transform:rotate(90deg)}
.wall-hero-note{position:relative;padding:75px 12px 20px 15px;margin-top:10px}
.wall-margin-note{position:absolute;top:0;left:16px;font:italic 22px Georgia,serif;transform:rotate(-7deg);color:var(--purple)}
.wall-margin-note svg{position:absolute;width:85px;right:-75px;top:0}
.hero-paper{position:relative;background:var(--blue);padding:42px 40px 32px;transform:rotate(4deg);box-shadow:3px 13px 0 #222b3208,0 17px 22px #222b3210}
.hero-paper:before{content:'';position:absolute;width:112px;height:32px;background:#d8cba9c9;left:calc(50% - 56px);top:-16px;transform:rotate(-7deg);clip-path:polygon(2% 0,98% 3%,100% 94%,0 100%)}
.hero-paper-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;display:block;line-height:1.6;padding-bottom:18px;border-bottom:1px solid #222b3240}
.hero-paper blockquote{font-size:clamp(21px,2.2vw,29px);line-height:1.45;letter-spacing:-.03em;font-weight:700;margin:22px 0}
.hero-paper blockquote:before{content:'“';font:70px/.7 Georgia,serif;display:block;margin:24px 0 8px;color:var(--purple)}
.hero-paper figcaption{font-size:12px;font-weight:800}
.wall-stamp{position:absolute;bottom:-19px;right:-2px;background:var(--lime);color:var(--ink);width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);outline:1px dashed var(--ink);outline-offset:-9px;box-shadow:2px 3px 0 #222b3212}
.wall-stamp strong{font-size:37px;line-height:1.1;letter-spacing:-.05em}.wall-stamp>span{font-size:11px;text-align:center;line-height:1.35;font-weight:700}
.wall-ribbon{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;background:var(--ink);color:var(--paper);padding:17px 25px;transform:rotate(-1deg) scale(1.02);font-size:13px;letter-spacing:.025em;font-weight:700;position:relative;z-index:1}
.wall-ribbon span:after{content:'✳';color:var(--lime);padding-left:35px}
.wall-collection{background-color:#eeeae1;background-image:radial-gradient(#b9b9ad 1px,transparent 1px);background-size:20px 20px;padding-block:75px 50px}
.wall-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.wall-collection-heading h2{font-size:clamp(34px,4vw,50px);margin-top:16px}.wall-collection-heading>p{font-size:13px;line-height:1.85;max-width:310px;margin-bottom:3px}
.wall-controls{margin-bottom:45px}
.wall-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #aaa99e;padding:18px 0 12px}
.wall-count{font-size:11px;color:var(--ink);margin:0}.wall-tools>div{display:flex;gap:24px}
.wall-tools button{background:transparent;border:0;color:var(--ink);min-height:44px;font-size:11px;font-weight:800;padding:6px 0;display:flex;align-items:center;gap:10px}
.wall-tools button:hover{color:var(--purple)}.wall-tools .icon{width:17px;height:17px}.wall-pick{border-bottom:1px solid var(--ink)!important}
.note-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 34px;padding:10px 8px 0}.note-wall>.learner-note{grid-column:span 2;display:flex;flex-direction:column;margin-bottom:0}.note-wall>.learner-note:nth-last-child(-n+2){grid-column:span 3}.note-wall>.learner-note figcaption{margin-top:auto}
.learner-note{--note-turn:-1.5deg;position:relative;display:inline-block;width:100%;break-inside:avoid;padding:30px 27px 20px;margin:0 0 38px;background:var(--white);transform:rotate(var(--note-turn));box-shadow:2px 5px 10px #222b3211;transition:transform .2s,box-shadow .2s;vertical-align:top}
.learner-note:focus-within{z-index:2;transform:rotate(0deg);box-shadow:0 9px 25px #222b3222}
.note-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;line-height:1.7}
.note-heading>span:first-child{max-width:155px}.note-number{white-space:nowrap;opacity:.8;font-weight:500;letter-spacing:.03em}
.learner-note blockquote{margin:24px 0 22px}.learner-note blockquote p{font-size:20px;font-weight:600;line-height:1.6;letter-spacing:-.025em;margin:0;color:inherit}
.learner-note blockquote p:before{content:'“'}.learner-note blockquote p:after{content:'”'}
.learner-note figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #222b3240;padding-top:12px;font-size:12px;font-weight:800;min-height:38px}
.note-lilac{background:#e4d4e9}.note-pink{background:var(--pink)}.note-blue{background:var(--blue)}.note-lime{background:var(--lime)}
.note-lilac:before,.note-pink:before,.note-blue:before,.note-lime:before{content:'';position:absolute;top:-12px;left:calc(50% - 39px);width:78px;height:27px;background:#c8b9989e;transform:rotate(-4deg);clip-path:polygon(2% 1%,99% 4%,97% 95%,0 100%)}
.note-pink{border-radius:0 0 35px 0}.note-blue{border-radius:2px 2px 28px 2px}
.note-poster{background:var(--purple);color:var(--white);padding-top:32px;border:8px double #f2c6dc80;box-shadow:3px 7px 0 #222b3215}
.note-poster blockquote p{font-size:29px;line-height:1.35;font-weight:800;letter-spacing:-.04em}.note-poster figcaption{border-color:#ffffff66}
.note-poster .note-heading{color:var(--pink)}
.note-receipt{background:#fffdf5;padding-inline:27px;filter:drop-shadow(2px 5px 3px #222b3210);box-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),97% 100%,94% calc(100% - 7px),91% 100%,88% calc(100% - 7px),85% 100%,82% calc(100% - 7px),79% 100%,76% calc(100% - 7px),73% 100%,70% calc(100% - 7px),67% 100%,64% calc(100% - 7px),61% 100%,58% calc(100% - 7px),55% 100%,52% calc(100% - 7px),49% 100%,46% calc(100% - 7px),43% 100%,40% calc(100% - 7px),37% 100%,34% calc(100% - 7px),31% 100%,28% calc(100% - 7px),25% 100%,22% calc(100% - 7px),19% 100%,16% calc(100% - 7px),13% 100%,10% calc(100% - 7px),7% 100%,4% calc(100% - 7px),0 100%)}
.note-receipt .note-heading{border-bottom:1px dashed #6b706a;padding-bottom:15px}.note-receipt blockquote p{font-family:ui-monospace,'Courier New',monospace;font-size:17px;line-height:1.7;letter-spacing:-.035em;font-weight:400}.note-receipt figcaption{border-top-style:dashed}
.note-lined{background-color:#fffcf3;background-image:repeating-linear-gradient(transparent 0,transparent 31px,#c8dfec 31px,#c8dfec 32px);border-left:3px solid #e8a3ad;padding-left:24px}
.note-lined .note-heading{background:#fffcf3;padding-block:3px}.note-lined blockquote p{font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.note-lined figcaption{background:#fffcf3}
.note-wall.is-straight{display:block;padding:0;max-width:850px;margin-inline:auto}
.note-wall.is-straight .learner-note{display:block;transform:none;background:var(--white);color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;clip-path:none;filter:none;margin:0;padding:26px 32px}
.note-wall.is-straight .learner-note:before{display:none}.note-wall.is-straight .note-heading{border:0;padding:0;color:var(--muted);background:none}.note-wall.is-straight blockquote{margin:14px 0}.note-wall.is-straight blockquote p{font-family:var(--font);font-size:18px;font-style:normal;font-weight:500;letter-spacing:0;line-height:1.75}.note-wall.is-straight figcaption{border:0;padding:0;background:none}
.wall-smallprint{font-size:11px;line-height:1.8;text-align:center;max-width:660px;margin:15px auto 0;color:var(--muted)}
.wall-outro{display:flex;align-items:center;justify-content:center;gap:65px;padding-block:85px 95px}.wall-outro-mark{font-size:150px;line-height:1;color:var(--purple);transform:rotate(-12deg)}.wall-outro h2{margin-top:18px}.wall-outro h2 em{font-style:italic;font-family:Georgia,serif}.wall-outro p:not(.wall-kicker){font-size:14px}
@media(min-width:1101px) and (max-width:1250px){.wall-intro{gap:35px}.wall-intro h1{font-size:90px}}
@media(max-width:1000px){.wall-intro{gap:30px;padding-block:50px 75px}.wall-intro h1{font-size:78px}.hero-paper{padding:30px 25px}.hero-paper blockquote{font-size:23px}.wall-stamp{width:105px;height:105px;right:-10px}.wall-asterisk{margin-left:22px}.wall-margin-note{font-size:19px}.note-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.note-wall>.learner-note,.note-wall>.learner-note:nth-last-child(-n+2){grid-column:auto}.wall-collection-heading{align-items:flex-start}.wall-tools{align-items:flex-start}.wall-tools>div{gap:15px}.wall-tools button{font-size:10px}.wall-count{padding-top:13px}.wall-outro{gap:30px}}
@media(max-width:850px) and (min-width:701px){.wall-intro{grid-template-columns:1fr;gap:25px}.wall-intro-copy{max-width:600px}.wall-hero-note{width:420px;max-width:100%;margin:0 auto}.wall-intro h1{font-size:90px}}
@media(max-width:700px){.wall-intro{grid-template-columns:1fr;gap:20px;padding-block:35px 65px}.wall-intro h1{font-size:clamp(52px,12.5vw,84px);margin-top:24px}.wall-intro-copy{max-width:500px}.wall-lead{font-size:15px;max-width:420px}.wall-hero-note{max-width:410px;width:100%;margin:0 auto;padding:56px 18px 20px 10px}.wall-margin-note{top:5px;left:20px}.hero-paper{padding:28px 28px 25px}.hero-paper blockquote{font-size:23px}.hero-paper blockquote:before{font-size:55px;margin-top:18px}.hero-paper-label{font-size:8px}.wall-stamp{right:0;bottom:-12px;width:100px;height:100px}.wall-stamp strong{font-size:30px}.wall-stamp>span{font-size:10px}.wall-ribbon{justify-content:flex-start;gap:25px;font-size:11px;padding-block:14px}.wall-ribbon span:after{padding-left:25px}.wall-collection{padding-top:48px}.wall-collection-heading{display:block;margin-bottom:25px}.wall-collection-heading>p{margin-top:18px}.wall-collection-heading h2{font-size:38px}.wall-kicker{font-size:9px}.wall-tools{display:block;padding-bottom:8px}.wall-count{padding-top:0}.wall-tools>div{justify-content:space-between;gap:15px;margin-top:8px}.wall-tools button{font-size:10px}.wall-controls{margin-bottom:32px}.note-wall{grid-template-columns:1fr;max-width:460px;margin-inline:auto;padding-inline:8px}.learner-note{padding:26px 25px 18px;margin-bottom:32px;transform:rotate(calc(var(--note-turn)*.7))}.learner-note blockquote p{font-size:20px}.note-receipt blockquote p{font-size:17px}.note-poster blockquote p{font-size:29px}.note-lined blockquote p{font-size:24px}.note-wall.is-straight .learner-note{padding:23px}.wall-outro{padding-block:55px 65px;display:block}.wall-outro-mark{font-size:80px;margin-bottom:30px}.wall-outro .actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.learner-note{transition:none!important}}
@media print{.wall-hero-note,.wall-ribbon,.wall-controls,.wall-outro{display:none!important}.wall-intro{display:block;padding:20px 0}.wall-intro h1{font-size:48px}.wall-browse{display:none}.wall-collection{background:white;padding:25px 0}.note-wall{display:block;columns:2}.learner-note[hidden]{display:inline-block!important}.learner-note{transform:none;background:white!important;color:black!important;border:1px solid #ccc;clip-path:none;box-shadow:none;filter:none;break-inside:avoid}.learner-note:before{display:none}.learner-note blockquote p{font-size:15px}.note-heading{color:black!important}.wall-collection-heading>p{display:none}}

.learner-note:nth-child(8n+2){--note-turn:1.2deg}.learner-note:nth-child(8n+3){--note-turn:-.8deg}.learner-note:nth-child(8n+4){--note-turn:1.6deg}.learner-note:nth-child(8n+5){--note-turn:-1deg}.learner-note:nth-child(8n+6){--note-turn:1.4deg}.learner-note:nth-child(8n+7){--note-turn:-1.8deg}.learner-note:nth-child(8n){--note-turn:.7deg}

.learner-note.is-picked{outline:3px solid var(--purple);outline-offset:7px;transform:rotate(0deg)}
.note-poster:focus-visible{outline-color:var(--purple)}
@media print{.note-wall>.learner-note{display:inline-block;margin-bottom:20px}}