.material-book{align-self:start;padding-top:25px}.material-chapter{margin:34px 0 42px}.material-chapter>h3{font:600 clamp(23px,2.5vw,31px)/1.3 var(--hand);margin:0 0 23px}.material-chapter>h3>span{display:inline-block;font:600 13px var(--body);background:#f3d774;padding:8px 7px;transform:rotate(-4deg);vertical-align:middle;margin-right:12px}.book-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.book-sample{position:relative;margin:0;min-width:0}.book-sample:nth-child(1){transform:rotate(-1deg)}.book-sample:nth-child(2){transform:translateY(9px) rotate(.6deg)}.book-sample:nth-child(3){transform:rotate(-.5deg)}.book-sample:first-child:before{content:'';position:absolute;top:-9px;left:38%;width:57px;height:19px;background:#cfc3a47a;transform:rotate(-7deg);z-index:2}.book-sample:not(:last-child):after{content:'';position:absolute;right:-26px;top:35%;font:30px var(--hand);z-index:3}.book-photo{position:relative;overflow:hidden;aspect-ratio:1.5;background:#eee7da}.book-photo img{position:absolute;display:block;width:300%;max-width:none;left:calc(var(--col)*-100%)}.book-grid img{height:300%;top:calc(var(--row)*-100%)}.book-pet img{height:auto;top:50%;transform:translateY(-50%)}.book-sample figcaption{padding:13px 4px 0}.book-sample small{font-size:10px;letter-spacing:.1em;color:#52645d}.book-sample p{font:18px/1.3 var(--hand);margin:5px 0 0}.material-book .specimen-note{margin-top:24px;max-width:650px}
@media(min-width:701px){.material-notebook.material-book{grid-row:26/55}.journey-map .department-sampling{grid-row:56/62}.journey-map .stop-3{grid-row:62/71}.journey-map .stop-4{grid-row:69/78}.journey-map .stop-5{grid-row:74/83}.journey-map .stop-6{grid-row:81/90}.journey-map .stop-7{grid-row:86/95}.journey-map .stop-8{grid-row:94/104}.journey-map .memo-seam{grid-row:78/81}.journey-map .memo-finish{grid-row:98/102}.construction-notebook{grid-row:105/120}.journey-map .journey-end{grid-row:121/124}}
@media(max-width:1000px) and (min-width:701px){.book-sequence{gap:19px}.book-sample p{font-size:17px}.book-sample:not(:last-child):after{right:-21px;font-size:26px}.material-chapter{margin-bottom:38px}}
@media(max-width:700px){.material-chapter{margin:36px 0 48px}.material-chapter>h3{font-size:26px}.book-sequence{grid-template-columns:1fr;gap:27px}.book-sample{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:center;transform:none!important}.book-photo{aspect-ratio:1.25}.book-grid img{height:300%;width:300%}.book-sample figcaption{padding:0}.book-sample p{font-size:20px}.book-sample small{font-size:10px}.book-sample:first-child:before{left:18%;width:45px;height:16px}.book-sample:not(:last-child):after{content:'';top:auto;bottom:-28px;left:24%;right:auto;font-size:25px}.material-book .specimen-note{margin-top:0}.material-book{padding-bottom:0}}
/* Show the complete PET specimens and reserve room for all four material chapters. */
.book-pet{aspect-ratio:1}
@media(min-width:701px){.material-notebook.material-book{grid-row:26/62}.journey-map .department-sampling{grid-row:63/69}.journey-map .stop-3{grid-row:69/78}.journey-map .stop-4{grid-row:76/85}.journey-map .stop-5{grid-row:81/90}.journey-map .stop-6{grid-row:88/97}.journey-map .stop-7{grid-row:93/102}.journey-map .stop-8{grid-row:101/111}.journey-map .memo-seam{grid-row:85/88}.journey-map .memo-finish{grid-row:105/109}.construction-notebook{grid-row:112/127}.journey-map .journey-end{grid-row:128/131}}