
#peg-story{background:#e8e5dc;color:#232720;font-family:Arial,Helvetica,sans-serif;container-type:inline-size;--accent:#414c34}#peg-story *{box-sizing:border-box}#peg-story header{height:76px;margin:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdbfb4}#peg-story .brand{font-weight:600;font-size:24px;letter-spacing:-1.2px}#peg-story .brand small{font-size:11px;vertical-align:top}#peg-story .edition{font-size:10px;letter-spacing:1.4px}#peg-story .hero{height:660px;position:relative;isolation:isolate;overflow:hidden}#peg-story .big{position:absolute;left:2%;right:2%;top:18px;text-align:center;font-size:clamp(90px,19cqw,205px);line-height:1;letter-spacing:-.08em;font-weight:600;color:#d2d3c6;pointer-events:none;white-space:nowrap}#peg-story .stage{position:absolute;left:33%;right:1%;top:0;bottom:15px;z-index:2;touch-action:pan-y;cursor:grab}#peg-story canvas{width:100%;height:100%;display:block}#peg-story .copy{position:absolute;left:32px;top:225px;width:33%;z-index:3;pointer-events:none}#peg-story .kicker{font-size:10px;letter-spacing:1.8px;margin:0 0 24px;text-transform:uppercase}#peg-story h1{font-size:clamp(36px,5.8cqw,64px);line-height:.98;font-weight:400;letter-spacing:-2.6px;margin:0 0 24px}#peg-story .copy p:last-child{font-size:13px;line-height:1.6;color:#626655;max-width:220px}#peg-story .actions{position:absolute;left:32px;bottom:36px;z-index:4;display:flex;gap:10px}#peg-story button{font:inherit;cursor:pointer;border:1px solid #414c34;padding:15px 18px;background:var(--accent);color:#f5f3e9;font-size:12px}#peg-story button:disabled{opacity:.5;cursor:wait}#peg-story .turn{background:#e8e5dc;color:#232720}#peg-story .hint{position:absolute;right:26px;bottom:32px;z-index:3;font-size:10px;letter-spacing:.7px;color:#626655;pointer-events:none}#peg-story .foot{padding:22px 32px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #bdbfb4;font-size:11px}#peg-story .label{position:absolute;right:22px;top:215px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;z-index:3}#peg-story .fallback{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}#peg-story .stage.ready .fallback{display:none}#peg-story .status{position:absolute;left:0;right:0;bottom:70px;text-align:center;font-size:11px;color:#555a4d}#peg-story .stage.ready .status{display:none}@container(max-width:600px){#peg-story header{margin:0 20px;height:64px}#peg-story .edition{font-size:9px}#peg-story .hero{height:850px}#peg-story .big{top:20px;font-size:19cqw}#peg-story .copy{top:130px;left:24px;width:85%}#peg-story h1{font-size:48px;letter-spacing:-2px}#peg-story .copy p:last-child{max-width:260px}#peg-story .stage{top:350px;bottom:100px;left:0;right:0}#peg-story .label{top:375px;right:14px}#peg-story .actions{left:24px;bottom:38px}#peg-story .hint{bottom:15px;left:24px;right:auto;font-size:9px}#peg-story .foot{padding:20px 24px;flex-wrap:wrap}}


#peg-story .scrollbox{height:740px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#909781 #e8e5dc}
#peg-story .sequence{height:2300px;position:relative}
#peg-story .pinned{position:sticky;top:0;background:#e8e5dc;height:740px}
#peg-story .hero{height:620px}
#peg-story .foot{padding:18px 32px}
#peg-story .actions{bottom:32px;gap:8px;flex-wrap:wrap;max-width:85%}
#peg-story .actions .step{background:#e8e5dc;color:#343c2e;border-color:#b7bcad;font-size:11px;padding:14px}
#peg-story .actions .step[aria-pressed=true]{background:var(--accent);color:#f5f3e9;border-color:var(--accent)}
#peg-story .actions .turn{padding:14px;font-size:11px}
#peg-story .copy{top:200px}
#peg-story .stage{bottom:55px}
#peg-story .hint{bottom:12px;right:25px}
#peg-story .progress-track{height:2px;background:#cbd0bf;margin:0 32px}
#peg-story .progress-fill{height:100%;background:#414c34;transform:scaleX(0);transform-origin:left}
#peg-story button{font-family:Arial,Helvetica,sans-serif}
@container(max-width:600px){
#peg-story .scrollbox,#peg-story .pinned{height:740px}
#peg-story .sequence{height:2200px}
#peg-story .hero{height:600px}
#peg-story .copy{top:97px;left:22px;width:87%}
#peg-story h1{font-size:38px;line-height:1.03;letter-spacing:-1.7px;margin-bottom:12px}
#peg-story .kicker{font-size:10px;margin-bottom:14px}
#peg-story .copy p:last-child{font-size:12px;line-height:1.5;margin:0}
#peg-story .stage{top:250px;bottom:82px}
#peg-story .label{top:280px;font-size:9px}
#peg-story .actions{left:20px;right:12px;bottom:28px;max-width:none;gap:6px}
#peg-story .actions .step,#peg-story .actions .turn{padding:13px 10px;font-size:10px;min-height:44px}
#peg-story .hint{left:22px;bottom:10px;font-size:9px}
#peg-story .foot{padding:16px 22px;gap:8px;font-size:10px}
#peg-story .progress-track{margin:0 22px}
}


#peg-story .chapter{padding:80px 48px;background:#f3f0e9;color:#252a22}
#peg-story .chapter-kicker{font:12px Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 28px}
#peg-story .chapter h2{font:400 clamp(36px,5cqw,60px)/1.03 Arial,sans-serif;letter-spacing:-2px;margin:0 0 28px}
#peg-story .life-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
#peg-story .life-description{font:16px/1.6 Arial,sans-serif;max-width:300px;color:#64675d}
#peg-story .life-photo{margin:0;position:relative;height:660px;overflow:hidden;background:#d6d4cd}
#peg-story .life-photo img{width:100%;height:100%;object-fit:cover;display:block;object-position:65% center}
#peg-story .gear-list{margin-top:35px;display:grid;gap:0}
#peg-story .gear{background:transparent;color:#5f6559;padding:18px 0;text-align:left;border:0;border-bottom:1px solid #d2d4c8;font:14px Arial,sans-serif;display:flex;align-items:center;justify-content:space-between}
#peg-story .gear[aria-pressed=true]{color:#242b1d;font-weight:600}
#peg-story .gear small{font-size:12px;letter-spacing:1px}
#peg-story .gear-detail{min-height:58px;font:14px/1.5 Arial,sans-serif;color:#64675d;margin:22px 0 0}
#peg-story .photo-dot{position:absolute;left:76%;top:30%;width:38px;height:38px;border:1px solid #f8f6f0;border-radius:50%;background:#293323d9;color:#fff;display:flex;align-items:center;justify-content:center;font:12px Arial,sans-serif;box-shadow:0 0 0 7px #ffffff25;transition:top .45s ease}
#peg-story .photo-caption{position:absolute;left:16px;bottom:16px;background:#f3f0e9;color:#30372b;font:12px Arial,sans-serif;padding:10px 12px}
#peg-story .materials{background:#242a23;color:#f2f0e7;padding:80px 48px 60px}
#peg-story .material-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:45px}
#peg-story .materials h2{margin:0}
#peg-story .material-intro{max-width:250px;font:16px/1.6 Arial,sans-serif;color:#bec4b7;margin:0}
#peg-story .material-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#peg-story .material-grid figure{position:static;margin:0;background:transparent;overflow:visible}
#peg-story .material-grid img{position:static;width:100%;height:310px;object-fit:cover;display:block}
#peg-story .material-grid figcaption{position:static;background:transparent;color:#f2f0e7;padding:20px 0 0;font:16px/1.5 Arial,sans-serif}
#peg-story .material-grid figcaption span{display:block;color:#bec4b7;font-size:14px;margin-top:8px;max-width:340px}
#peg-story .material-grid .wood-image{object-position:53% 43%}
#peg-story .closing{padding:68px 48px;background:#e8e5dc;display:flex;align-items:center;justify-content:space-between;gap:30px}
#peg-story .closing p{font:400 clamp(27px,4cqw,43px)/1.08 Arial,sans-serif;letter-spacing:-1px;margin:0}
#peg-story .back-top{font-family:Arial,sans-serif;white-space:nowrap;min-height:44px}
#peg-story .continuation{background:transparent!important;color:#333e2b!important;border:0!important;padding:0!important;text-align:left;font:12px Arial,sans-serif!important;min-height:28px}
#peg-story .foot{align-items:center}
@container(max-width:650px){#peg-story .chapter,#peg-story .materials{padding:48px 24px}#peg-story .life-grid{grid-template-columns:1fr;gap:30px}#peg-story .life-photo{height:540px}#peg-story .chapter h2{font-size:43px}#peg-story .chapter-kicker{margin-bottom:22px}#peg-story .gear-list{grid-template-columns:1fr 1fr;gap:0 18px;margin-top:24px}#peg-story .gear{min-height:52px}#peg-story .gear-detail{min-height:44px}#peg-story .material-heading{display:block;margin-bottom:30px}#peg-story .material-intro{margin-top:22px;max-width:none}#peg-story .material-grid{grid-template-columns:1fr;gap:34px}#peg-story .material-grid img{height:270px}#peg-story .closing{padding:44px 24px;align-items:flex-start;flex-direction:column}#peg-story .continuation{font-size:11px!important}#peg-story .foot{gap:6px}}
@media(prefers-reduced-motion:reduce){#peg-story .photo-dot{transition:none}}


#peg-story .config-section{background:#dedfd3;padding:65px 48px;color:#252a22}
#peg-story .config-section h2{font:400 clamp(38px,5cqw,60px)/1.04 Arial,sans-serif;letter-spacing:-2px;margin:18px 0 24px}
#peg-story .config-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center}
#peg-story .config-view{height:570px;min-width:0;position:relative}
#peg-story .config-view canvas{display:block;width:100%;height:100%}
#peg-story .config-options{display:grid;gap:0;border-top:1px solid #b8bead;margin:28px 0}
#peg-story .config-option{display:flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #b8bead;font:16px Arial,sans-serif;cursor:pointer}
#peg-story .config-option input{accent-color:#414c34;width:20px;height:20px;margin:0}
#peg-story .config-description{font:16px/1.6 Arial,sans-serif;max-width:330px;color:#59604f}
#peg-story .config-summary{font:14px/1.6 Arial,sans-serif;color:#59604f;min-height:46px}
#peg-story .config-turn{background:transparent;color:#303a28;border:1px solid #9fa791;padding:13px 20px;min-height:44px;font:14px Arial,sans-serif}
#peg-story .config-note{font:12px/1.5 Arial,sans-serif;color:#646b5e;margin-top:20px}
#peg-story .config-status{font:14px Arial,sans-serif;position:absolute;top:50%;left:20px}
@container(max-width:650px){#peg-story .config-section{padding:48px 24px}#peg-story .config-grid{grid-template-columns:1fr;gap:10px}#peg-story .config-view{height:460px}#peg-story .config-options{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#peg-story .config-option{font-size:14px}#peg-story .config-summary{min-height:0}}

html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#e8e5dc;color:#252a22;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #917143;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#252a22;color:#fff;padding:16px}.skip-link:focus{top:12px}
#peg-story{max-width:1600px;margin:auto;overflow:clip}
#peg-story header{height:auto;min-height:84px;gap:20px;margin:0 40px;padding:18px 0}
#peg-story .brand{text-decoration:none;font-size:28px}
#peg-story .site-nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-size:14px}
#peg-story .site-nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
#peg-story .site-nav a:hover{text-decoration:underline;text-underline-offset:6px}
#peg-story .language{border-left:1px solid #b7bcad;padding-left:24px}
#peg-story .scrollbox{height:auto;overflow:visible;scrollbar-width:auto}
#peg-story .sequence{height:2200px;position:relative}
#peg-story .pinned{height:740px;position:sticky;top:0}
#peg-story .hero{height:650px}
#peg-story .copy{top:220px;left:40px;width:35%}
#peg-story .copy p:last-child{font-size:16px;line-height:1.55;max-width:320px}
#peg-story .kicker,#peg-story .eyebrow,#peg-story .edition{font-size:12px;line-height:1.5}
#peg-story .big{font-size:clamp(80px,18cqw,230px)}
#peg-story .stage{left:38%;right:4%;top:0;bottom:60px;touch-action:pan-y}
#peg-story .stage .fallback{object-fit:contain;opacity:.85;mix-blend-mode:normal}
#peg-story .stage.ready .fallback{display:none}
#peg-story .status{background:#e8e5dc;padding:12px;font-size:14px;bottom:70px;left:10%;right:10%}
#peg-story .actions{left:40px;bottom:26px;max-width:90%}
#peg-story .actions .step,#peg-story .actions .turn{font-size:14px;min-height:44px;padding:13px 17px}
#peg-story .hint,#peg-story .label{font-size:12px}
#peg-story .label{right:16px}
#peg-story .foot{padding:14px 40px;min-height:62px;font-size:13px}
#peg-story .continuation{font-size:14px!important;min-height:44px}
#peg-story .progress-track{margin:0 40px}
#peg-story .chapter,#peg-story .materials,#peg-story .config-section{padding:90px 60px}
#peg-story .life-photo{height:auto;aspect-ratio:3/4;max-height:780px;width:100%}
#peg-story .life-photo img{object-fit:fill;position:static;height:100%;width:100%}
#peg-story .photo-dot{transform:translate(-50%,-50%);left:78%;top:30%}
#peg-story .life-grid{gap:60px;grid-template-columns:.9fr 1.1fr}
#peg-story .gear{font-size:16px;min-height:54px}
#peg-story .gear-detail,#peg-story .config-summary{font-size:16px}
#peg-story .config-view{height:620px;touch-action:pan-y}
#peg-story .config-fallback{width:100%;height:100%;object-fit:contain}
#peg-story .config-view.ready .config-fallback{display:none}
#peg-story .config-status{background:#dedfd3;padding:12px;right:20px;text-align:center}
#peg-story .config-option input{flex:0 0 20px}
#peg-story .chapter-kicker{font-size:12px;line-height:1.5}
#peg-story .photo-caption{font-family:Arial,sans-serif;font-size:12px}
#peg-story .site-footer{padding:30px 60px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b7bcad;font-size:13px}
#peg-story .site-footer a{min-height:44px;display:flex;align-items:center}
#peg-story .closing{padding:60px}
@media(max-height:760px) and (min-width:701px){#peg-story .pinned{height:100svh}#peg-story .hero{height:calc(100svh - 78px);min-height:420px}#peg-story .copy{top:145px}#peg-story h1{font-size:48px}#peg-story .big{font-size:145px}#peg-story .copy p:last-child{font-size:14px}#peg-story .label{display:none}}
@media(max-width:700px){
#peg-story header{margin:0 22px;padding:14px 0;gap:8px;flex-wrap:wrap;min-height:76px}
#peg-story .brand{font-size:24px}#peg-story .site-nav{gap:15px;font-size:13px}#peg-story .site-nav a{min-height:36px}#peg-story .site-nav .nav-materials{display:none}#peg-story .language{padding-left:14px}
#peg-story .pinned{height:780px}#peg-story .hero{height:685px}
#peg-story .sequence{height:1950px}
#peg-story .copy{left:24px;top:120px;width:85%}#peg-story h1{font-size:40px;line-height:1.04;letter-spacing:-1.6px}
#peg-story .copy p:last-child{font-size:15px;max-width:310px}#peg-story .kicker{font-size:11px;margin-bottom:16px}
#peg-story .stage{top:310px;bottom:105px;left:10px;right:10px}
#peg-story .big{font-size:18cqw;top:22px}#peg-story .label{display:none}
#peg-story .actions{left:24px;bottom:35px;right:18px;gap:5px}
#peg-story .actions .step,#peg-story .actions .turn{font-size:12px;padding:12px 9px}
#peg-story .hint{font-size:10px;left:24px;bottom:12px}
#peg-story .foot{padding:12px 24px;gap:4px;font-size:12px;flex-wrap:wrap}
#peg-story .progress-track{margin:0 24px}
#peg-story .chapter,#peg-story .materials,#peg-story .config-section{padding:60px 24px}
#peg-story .chapter h2,#peg-story .config-section h2{font-size:40px;letter-spacing:-1.6px}
#peg-story .life-grid,#peg-story .config-grid{grid-template-columns:1fr;gap:28px}
#peg-story .life-photo{height:auto;aspect-ratio:3/4}
#peg-story .gear{font-size:15px}
#peg-story .material-heading{display:block}#peg-story .material-intro{max-width:none;margin-top:24px}
#peg-story .material-grid{grid-template-columns:1fr}
#peg-story .material-grid img{height:auto;aspect-ratio:4/3}
#peg-story .config-view{height:460px}
#peg-story .closing{padding:48px 24px;flex-wrap:wrap}
#peg-story .site-footer{padding:24px;flex-wrap:wrap}
}
@media(max-width:370px){#peg-story .site-nav{gap:10px;font-size:12px}#peg-story .actions .step,#peg-story .actions .turn{padding:12px 7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#peg-story *{transition:none!important}}
@media(scripting:none){#peg-story .sequence{height:auto}#peg-story .pinned{position:relative}#peg-story .actions,#peg-story .hint,#peg-story .status,#peg-story .config-options,#peg-story .config-turn,#peg-story .config-status{display:none}}
