.material-notebook,.construction-notebook{--paper:#fff9e9;--ink:#263e3d;--accent:#f3d774;position:relative;z-index:2;grid-column:1/-1;align-self:center;background:#f2f0e7;color:var(--ink);scroll-margin-top:100px;padding:25px 0}
.material-notebook .notebook-heading,.construction-notebook .notebook-heading{position:static;display:block;background:transparent;padding:0;border:0;min-height:0;margin-bottom:28px}.notebook-kicker{display:block;font-size:13px;letter-spacing:.1em;font-weight:650;margin-bottom:16px}.notebook-heading h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0;max-width:760px}.notebook-heading p{font-size:17px;line-height:1.5;margin:14px 0 0}
.material-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.construction-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.sample-sheet{position:relative;min-width:0;background:var(--paper);margin:0;padding:9px 9px 18px}.material-sequence .sample-sheet:nth-child(1){transform:rotate(-1.5deg)}.material-sequence .sample-sheet:nth-child(3){transform:rotate(1.5deg)}.material-sequence .sample-sheet:not(:last-child):after{content:'';position:absolute;z-index:3;right:-25px;top:38%;font:35px var(--hand);color:var(--ink)}.specimen{position:relative;overflow:hidden;aspect-ratio:1;background:#eee7da}.specimen img{position:absolute;top:0;height:100%;max-width:none;display:block}.specimen-three img{width:300%;left:calc(var(--panel) * -100%)}.specimen-two img{width:200%;left:calc(var(--panel) * -100%)}.sample-sheet figcaption{position:relative;padding:16px 8px 0 36px}.sample-sheet figcaption>span{position:absolute;left:4px;top:18px;font-size:13px;font-weight:650;color:var(--ink);background:var(--accent);padding:3px}.sample-sheet h3{font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.025em;margin:0 0 7px}.sample-sheet p{font-size:14px;line-height:1.45;margin:0}.specimen-note{font-size:12px;line-height:1.5;margin:22px 0 0;color:#52645d}.construction-pair .specimen{aspect-ratio:1.35}.construction-pair .specimen img{height:auto;top:50%;transform:translateY(-50%)}
@media(min-width:701px){.material-notebook{grid-row:26/37}.journey-map .department-sampling{grid-row:38/44}.journey-map .stop-3{grid-row:44/53}.journey-map .stop-4{grid-row:51/60}.journey-map .stop-5{grid-row:56/65}.journey-map .stop-6{grid-row:63/72}.journey-map .stop-7{grid-row:68/77}.journey-map .stop-8{grid-row:76/86}.journey-map .memo-seam{grid-row:60/63}.journey-map .memo-finish{grid-row:80/84}.construction-notebook{grid-row:87/100}.journey-map .journey-end{grid-row:101/104}}
@media(min-width:701px) and (max-width:1000px){.material-sequence{gap:17px}.sample-sheet figcaption{padding-left:7px;padding-top:38px}.sample-sheet figcaption>span{top:12px;left:7px}.sample-sheet h3{font-size:19px}.sample-sheet p{font-size:13px}.material-sequence .sample-sheet:not(:last-child):after{right:-20px;font-size:28px}.construction-pair{gap:22px}}
@media(max-width:700px){.material-notebook,.construction-notebook{padding:28px 0 38px;margin-bottom:20px;width:100%;box-sizing:border-box}.notebook-heading h2{font-size:34px}.notebook-heading p{font-size:16px}.material-sequence{grid-template-columns:1fr;gap:28px}.material-sequence .sample-sheet{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;transform:none!important;padding:8px}.material-sequence .sample-sheet figcaption{padding:32px 8px 12px 15px}.material-sequence .sample-sheet figcaption>span{left:15px;top:0}.sample-sheet h3{font-size:21px}.sample-sheet p{font-size:14px}.material-sequence .sample-sheet:not(:last-child):after{content:'';left:23%;right:auto;top:auto;bottom:-29px;font-size:28px}.construction-pair{grid-template-columns:1fr;gap:25px}.construction-pair .specimen{aspect-ratio:1.25}.construction-pair .sample-sheet h3{font-size:24px}.construction-pair .sample-sheet figcaption{padding-bottom:3px}.specimen-note{font-size:12px}.notebook-kicker{font-size:12px}}

/* Larger loose photographs and handwritten notes, continuous with the process notebook. */
.material-sequence{gap:17px}.construction-pair{gap:26px}
.sample-sheet{background:transparent;padding:0;isolation:isolate}
.sample-sheet:before{content:'';position:absolute;z-index:2;top:-9px;left:36%;width:67px;height:22px;background:#cfc3a47a;transform:rotate(-6deg);pointer-events:none}
.material-sequence .sample-sheet:nth-child(2){transform:translateY(20px) rotate(.7deg)}
.material-sequence .sample-sheet:nth-child(3){transform:rotate(1.8deg)}
.specimen{background:#eee7da;box-shadow:0 5px 12px #263e3d0b}
.sample-sheet figcaption{padding:18px 0 0 33px;background:transparent}
.sample-sheet figcaption>span{left:0;top:19px;background:transparent;padding:0;font-family:var(--hand);font-size:16px}
.sample-sheet h3{font-family:var(--hand);font-size:clamp(19px,2.2vw,28px);font-weight:600;letter-spacing:-.035em;line-height:1.25}
.sample-sheet p{font-size:14px;line-height:1.5}
.material-sequence .sample-sheet:not(:last-child):after{right:-21px;top:43%;font-size:31px}
.material-sequence{margin:12px 0 42px}
.construction-pair{margin:12px 0 25px}
.construction-pair .sample-sheet:first-child{transform:rotate(-1.5deg)}
.construction-pair .sample-sheet:last-child{transform:translateY(22px) rotate(1.3deg)}
.construction-pair .specimen{aspect-ratio:1.08}
.construction-pair .sample-sheet:last-child:before{left:58%;transform:rotate(8deg)}
.specimen-note{clear:both;margin-top:28px}
@media(min-width:701px){.material-notebook{grid-row:26/38}.journey-map .department-sampling{grid-row:39/45}.journey-map .stop-3{grid-row:45/54}.journey-map .stop-4{grid-row:52/61}.journey-map .stop-5{grid-row:57/66}.journey-map .stop-6{grid-row:64/73}.journey-map .stop-7{grid-row:69/78}.journey-map .stop-8{grid-row:77/87}.journey-map .memo-seam{grid-row:61/64}.journey-map .memo-finish{grid-row:81/85}.construction-notebook{grid-row:88/103}.journey-map .journey-end{grid-row:104/107}}
@media(min-width:701px) and (max-width:1000px){.sample-sheet figcaption{padding:14px 0 0 25px}.sample-sheet figcaption>span{top:16px;font-size:13px}.sample-sheet h3{font-size:20px}.sample-sheet p{font-size:13px}.material-sequence .sample-sheet:not(:last-child):after{right:-20px}.construction-pair .sample-sheet h3{font-size:23px}}
@media(max-width:700px){.material-sequence{gap:47px;margin:30px 8px 25px}.material-sequence .sample-sheet{display:block;padding:0;transform:rotate(-1deg)!important}.material-sequence .sample-sheet:nth-child(2){transform:rotate(1deg)!important}.material-sequence .sample-sheet figcaption{padding:16px 0 0 34px}.material-sequence .sample-sheet figcaption>span{left:0;top:17px}.material-sequence .sample-sheet:not(:last-child):after{left:auto;right:18px;bottom:-38px;top:auto;font-size:29px}.sample-sheet h3{font-size:25px}.material-sequence .specimen{aspect-ratio:1}.construction-pair{gap:40px;margin:30px 8px}.construction-pair .sample-sheet:last-child{transform:rotate(1deg)}.construction-pair .specimen{aspect-ratio:1.08}.construction-pair .sample-sheet h3{font-size:25px}.specimen-note{margin-top:30px}.material-notebook,.construction-notebook{padding-bottom:25px}}