:root{--bg:#FFF7DD;--surface:#EBD89E;--text:#322614;--surface-text:#23150F;--button:#785A0C;--button-text:#FFF9EC;--accent:#A64B30;--border:#BDB49D}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,.button,.upload{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{height:84px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;font-weight:700;letter-spacing:-1.7px}.mark{font-weight:400;color:var(--button);margin-right:6px}nav{display:flex;gap:36px;font-size:14px}.button,.outline{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid transparent;border-radius:30px;padding:14px 24px;font-size:14px;white-space:nowrap}.button{background:var(--button);color:var(--button-text)}.button:hover{filter:brightness(.9)}.outline{background:transparent;border-color:var(--border)}.outline:hover{background:var(--surface)}.compact{padding:10px 21px}.hero{position:relative;height:min(760px,calc(100svh - 84px));min-height:600px;overflow:hidden}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:background-image .25s}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,247,221,.78),rgba(255,247,221,.28) 46%,transparent 70%)}.hero-content{position:absolute;left:4%;top:15%;max-width:760px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;line-height:1.7}.hero-content .eyebrow{margin-bottom:42px}h1{font-size:clamp(66px,6.8vw,108px);line-height:.98;letter-spacing:-5.5px;font-weight:500;margin:0 0 25px;max-width:800px}.hero-copy{font-size:18px;max-width:410px;margin:0 0 28px}.hero-controls{position:absolute;bottom:28px;left:4%;right:4%;display:flex;align-items:center;gap:18px}#slide-count{font-size:13px;white-space:nowrap}.hero-controls>button{background:#fff7dda6;border:1px solid var(--text);border-radius:50%;width:42px;height:42px;font-size:20px;flex:none}.progress{display:flex;flex:1;gap:5px;margin:0 20px}.progress button{height:3px;border:0;background:#32261438;flex:1;padding:0}.progress button.active{background:var(--text)}.next-preview{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;background:#fff7ddd9;padding:6px 12px 6px 6px}.next-preview img{height:55px;width:90px;object-fit:cover}.intro{padding:65px 4% 85px;display:grid;grid-template-columns:1.35fr 1fr;gap:10%}h2{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-2px;font-weight:500;margin:12px 0 26px}.intro>div>p:not(.eyebrow){font-size:19px;line-height:1.7;margin-top:35px;max-width:450px}.text-link{background:none;border:0;border-bottom:1px solid var(--border);padding:0 0 6px;color:var(--button);font-size:14px}.studio{margin:0 4%;padding:55px 0 40px;border-top:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading>p{max-width:350px}.studio-toolbar{display:flex;align-items:end;gap:15px;border-top:1px solid var(--border);padding-top:26px}.project-title{font-size:11px;letter-spacing:1px;display:grid;gap:7px}.project-title input{background:none;border:0;border-bottom:1px solid var(--border);font-size:23px;color:var(--text);padding:7px 0;max-width:320px;letter-spacing:-.6px}#save-status{margin-right:auto;font-size:11px;max-width:180px;padding-bottom:12px}.upload{position:relative;overflow:hidden}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.hint{font-size:12px;opacity:.8;margin:15px 0;max-width:900px}.transport{display:flex;gap:12px;align-items:center;margin:26px 0 16px}.headroom{margin-left:auto;font-size:11px}#time{font-size:13px;font-variant-numeric:tabular-nums;margin-left:12px}#notice{font-size:13px;color:var(--accent);min-height:22px}.timeline{background:var(--surface);color:var(--surface-text);padding:20px;min-height:85px;position:relative;overflow:hidden}.timeline p{margin:9px;font-size:14px}.timeline-row{position:relative;height:28px;margin:5px 0;background:#fff7dd66}.timeline-block{height:100%;position:absolute;background:var(--button);color:var(--button-text);font-size:10px;white-space:nowrap;overflow:hidden;padding:5px 9px;min-width:4px}.ruler{display:flex;justify-content:space-between;font-size:10px}.clip{padding:25px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:260px 1fr;gap:30px}.clip-head{display:flex;align-items:start;gap:14px}.clip-number{font-size:11px;color:var(--accent);padding-top:5px}.clip h3{font-size:17px;margin:0 0 3px;font-weight:500;word-break:break-word}.clip small{font-size:11px}.clip-actions{display:flex;gap:5px;margin-top:10px}.clip-actions button{background:none;border:1px solid var(--border);border-radius:50%;width:30px;height:30px;font-size:13px}.clip-controls{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px}.clip label{display:flex;flex-direction:column;gap:9px;font-size:11px}.clip input[type=number]{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);padding:5px 0;color:var(--text)}.clip input[type=range]{width:100%;accent-color:var(--button)}.wave{height:35px;width:100%;margin-bottom:8px;display:block}.empty{text-align:center;padding:55px 20px}.empty-icon{font-size:65px;line-height:1;color:var(--button)}h3{font-weight:500;font-size:25px;letter-spacing:-.5px}.empty p{font-size:14px}.export-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.export-row>div{display:flex;gap:10px}.export-row p{font-size:13px}.fieldnotes{padding:75px 4% 85px}.notes-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:30px}.notes-grid img{width:100%;height:250px;object-fit:cover}.notes-grid h3{font-size:29px;margin:15px 0}.notes-grid p:not(.eyebrow){font-size:15px;line-height:1.7}.text-note{background:var(--surface);color:var(--surface-text);padding:30px}.text-note h3{font-size:44px;line-height:1.1}footer{padding:35px 4%;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px}footer .brand{font-size:25px}@media(max-width:900px){nav{gap:20px}h1{font-size:76px}.hero-content{max-width:620px}.next-preview{display:none}.clip{grid-template-columns:200px 1fr}.clip-controls{gap:12px}.studio-toolbar{flex-wrap:wrap}#save-status{flex:1}.headroom{display:none}.notes-grid{grid-template-columns:1fr 1fr}.text-note{grid-column:1/-1}.export-row{align-items:start;flex-direction:column}}@media(max-width:600px){header{height:72px;padding:0 5%;gap:10px}.brand{font-size:25px}nav{display:none}.compact{font-size:11px;padding:10px 13px;gap:10px}.hero{min-height:660px;height:calc(90svh - 72px);max-height:780px}.hero-image{background-position:63% center}.hero-wash{background:linear-gradient(90deg,#fff7dde8,#fff7dd8c 65%,#fff7dd1f)}.hero-content{left:6%;top:13%;right:5%}.hero-content .eyebrow{font-size:9px;margin-bottom:38px}h1{font-size:59px;letter-spacing:-3.3px;line-height:1.02}.hero-copy{font-size:16px;max-width:290px}.hero-controls{left:6%;right:6%;gap:10px;bottom:28px}.progress{margin:0 5px}.hero-controls>button{width:34px;height:34px;font-size:16px}.intro{padding:40px 6% 45px;grid-template-columns:1fr;gap:0}.intro>div>p:not(.eyebrow){margin-top:0;font-size:16px}h2{font-size:39px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:14px}.studio{margin:0 6%;padding-top:34px}.studio-toolbar{gap:10px;align-items:center}.project-title{width:100%}.project-title input{max-width:100%;width:100%}#save-status{flex-basis:100%;padding-bottom:0;max-width:none}.studio-toolbar .button,.studio-toolbar .outline{font-size:12px;padding:11px 17px}.transport{flex-wrap:wrap}.transport .button,.transport .outline{font-size:12px;padding:12px 15px}#time{margin-left:0}.clip{grid-template-columns:1fr;gap:18px}.clip-controls{grid-template-columns:repeat(2,1fr);gap:15px 25px}.clip-head{justify-content:start}.clip-head>div{width:100%}.clip-actions{float:right;margin-top:-28px}.clip h3{max-width:225px}.export-row>div{flex-wrap:wrap}.export-row .button,.export-row .outline{font-size:12px;padding:12px 16px}.fieldnotes{padding:45px 6%}.notes-grid{grid-template-columns:1fr;gap:35px}.notes-grid img{height:240px}.text-note{grid-column:auto}footer{padding:30px 6%;flex-wrap:wrap;gap:12px}footer p{width:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}