@font-face{font-family:Nunito;src:url('assets/nunito.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:light;--paper:#f7f3e7;--ink:#304f41;--muted:#506456;--line:#c7d0be;--cream:#fff2d2;--accent:#823f2b;--focus:#8d3d25}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#8c9d80 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito, sans-serif;font-size:17px;line-height:1.65}::selection{background:#d4dfb9;color:#203c2e}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,video:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;background:var(--cream);padding:12px;z-index:10}.skip:focus{top:12px}header,main,footer{width:min(1120px,calc(100% - 64px));margin-inline:auto}header{padding-block:26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:24px;font-weight:800;text-decoration:none}nav{display:flex;gap:26px;font-size:15px}nav a{text-decoration:none}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:60px 24px}.intro div{max-width:700px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.6rem,5.4vw,4.5rem);line-height:1.06;letter-spacing:-.035em;font-weight:700;text-wrap:balance}h2{font-size:clamp(1.9rem,4vw,2.65rem);line-height:1.15;letter-spacing:-.025em;font-weight:700;text-wrap:balance}h3{font-size:21px;line-height:1.4}p{color:var(--muted)}.intro p{max-width:60ch;margin-top:23px;font-size:19px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:7px;padding:12px 20px;min-height:48px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;touch-action:manipulation}.intro .button{flex-shrink:0}.secondary{background:transparent;color:var(--ink)}button:hover,.button:hover{background:#dfe6d1;color:#203c2e}button:disabled{opacity:.55;cursor:wait}.status{max-width:84ch;font-size:15px;color:var(--accent);margin:0 0 40px;padding:16px 0;border-block:1px solid var(--line)}section[id]{margin-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.section-heading p{font-size:15px}figure{margin:0}img{display:block;width:100%;height:auto}.artwork{display:block;background:var(--cream);border-radius:12px;overflow:hidden}.artwork:hover{outline:2px solid var(--ink);outline-offset:4px}figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px}figcaption p{font-size:14px;font-variant-numeric:tabular-nums}figcaption>a{font-size:14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.cover-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:42px}.cover-pair .artwork{min-height:0}.measure{max-width:72ch;margin:0 0 28px}video{display:block;width:100%;height:auto;background:var(--cream);border-radius:12px}video:not([poster]){background:#263e33}.video-landscape{margin-bottom:44px}.video-portrait{max-width:480px;margin-inline:auto}.spec{margin-top:32px;border-top:1px solid var(--line);padding-top:20px;max-width:78ch;font-size:15px}form{max-width:860px}fieldset{padding:0;border:0;margin:0 0 28px}legend{font-weight:800;margin-bottom:14px}.checks{display:flex;gap:12px 28px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:16px}input[type=checkbox]{width:21px;height:21px;margin:0;accent-color:var(--ink);flex-shrink:0}.notes-label{display:block;font-weight:800;margin-bottom:12px}textarea{width:100%;font:inherit;line-height:1.6;padding:16px;border:1px solid #889b84;border-radius:7px;color:var(--ink);background:#fffaf0;resize:vertical;caret-color:var(--accent)}textarea::placeholder{color:#5b6b5b;opacity:1}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:16px}#save-status{width:100%;font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:25px 36px;display:flex;gap:15px 25px;align-items:center;flex-wrap:wrap;font-size:14px}footer p{margin-right:auto}
@media(max-width:800px){.intro{align-items:flex-start;flex-direction:column;gap:26px;padding-top:42px}.section-heading{display:block}.section-heading p{margin-top:8px}.cover-pair{gap:24px}figcaption{display:block}figcaption>a{margin-top:4px}header,main,footer{width:calc(100% - 40px)}}
@media(max-width:520px){body{font-size:16px}header{align-items:flex-start;flex-direction:column;gap:12px;padding-block:20px}nav{gap:24px}.intro{padding-top:32px}.intro p{font-size:17px}.status{margin-bottom:32px}.cover-pair{grid-template-columns:1fr;gap:34px;margin-top:34px}.cover-pair .portrait{max-width:100%}section[id]{margin-bottom:56px}.video-portrait{max-width:100%}.checks{display:grid;gap:6px}.actions button{width:100%}footer{display:block}footer>a{display:inline-block;margin:12px 20px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.concept{margin-bottom:42px}.archive{border-block:1px solid var(--line);margin-top:32px}.archive summary{padding:18px 4px;font-weight:700;cursor:pointer}.archive summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.archive-content{padding-block:16px 28px}.shot-list{max-width:72ch;margin:0;padding-left:24px}.shot-list li{padding:7px 0 7px 8px;color:var(--muted)}.shot-list strong{color:var(--ink)}select{display:block;max-width:100%;width:100%;min-height:48px;margin-bottom:26px;padding:10px 14px;font:inherit;color:var(--ink);border:1px solid #889b84;border-radius:7px;background:#fffaf0}
