:root{
  --ink:#171a12;--paper:#f3f0df;--paper-2:#e8e5ce;--lcd:#cad1a9;--olive:#66704c;--olive-dark:#3e472f;--orange:#b94d2f;--line:#252a1b;--shadow:#a8a88f;
  --pixel:"Courier New",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --body:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);min-height:100vh;background-image:linear-gradient(rgba(36,40,25,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(36,40,25,.018) 1px,transparent 1px);background-size:4px 4px}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.screen-noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.system-header{height:94px;border:2px solid var(--line);border-left:0;border-right:0;margin:12px 18px 0;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(180px,1fr);align-items:center;padding:0 28px;box-shadow:0 3px 0 var(--shadow);background:rgba(247,244,229,.88);position:relative;z-index:20}.system-brand{display:flex;align-items:center;gap:15px;width:max-content}.system-brand strong,.system-brand small,.system-nav,.admin-button,.menu-toggle,.back-button,h1,h2,h3,.recording,.journal-tags,.camera-display,.cartridge-top,.bottom-line,.frame-strip,.frame-meta,.roll-header dt,.roll-header dd,.scanner-window{font-family:var(--pixel)}.system-brand strong{display:block;font-size:clamp(19px,2vw,29px);letter-spacing:-1.4px}.system-brand small{display:block;font-size:11px;letter-spacing:1.5px;color:var(--olive);font-weight:700}.pixel-camera{width:47px;height:37px;border:4px solid var(--ink);display:block;position:relative;box-shadow:3px 3px 0 var(--shadow)}.pixel-camera:before{content:"";position:absolute;width:18px;height:8px;border:4px solid var(--ink);border-bottom:0;left:10px;top:-12px}.pixel-camera:after{content:"";position:absolute;width:15px;height:15px;border:4px solid var(--ink);border-radius:50%;left:12px;top:7px}.pixel-camera i{position:absolute;width:5px;height:5px;background:var(--olive);right:4px;top:4px}.system-nav{display:flex;gap:52px;font-weight:700;font-size:14px}.system-nav a{padding:10px 0;position:relative}.system-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--olive)}.system-nav b{display:inline-block;width:7px;height:7px;background:var(--olive);margin-left:4px}.admin-button,.back-button{justify-self:end;border:2px solid var(--line);padding:9px 16px;font-size:13px;box-shadow:2px 2px 0 var(--shadow);background:#f7f3df}.admin-button:hover,.back-button:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.menu-toggle{display:none}
main{margin:0 18px}.camera-viewfinder{min-height:360px;margin-top:18px;border:3px solid var(--line);border-radius:24px;box-shadow:0 5px 0 var(--shadow),inset 0 0 0 4px rgba(255,255,255,.35);padding:30px 42px;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.15fr) 120px;gap:24px;align-items:center;position:relative;background:linear-gradient(120deg,#f5f1df,#eee9d4)}.corner{position:absolute;width:26px;height:26px;border-color:var(--line);border-style:solid}.corner-tl{top:20px;left:20px;border-width:4px 0 0 4px}.corner-tr{top:20px;right:20px;border-width:4px 4px 0 0}.corner-bl{bottom:20px;left:20px;border-width:0 0 4px 4px}.corner-br{bottom:20px;right:20px;border-width:0 4px 4px 0}.recording{color:var(--orange);font-weight:800;letter-spacing:1px;margin:0 0 18px}.recording i{width:12px;height:12px;background:var(--orange);display:inline-block;border-radius:50%;box-shadow:0 0 0 2px rgba(185,77,47,.2);margin-right:8px}.viewfinder-copy h1{font-size:clamp(42px,5.3vw,82px);line-height:.94;letter-spacing:-4px;margin:0 0 20px}.viewfinder-copy h1 span{display:inline-block;margin-left:45px}.journal-tags{display:flex;gap:18px;align-items:center;color:var(--olive);font-size:15px}.journal-tags span{background:var(--olive);color:var(--paper);padding:5px 9px}.viewfinder-line{border-top:2px dotted var(--olive);margin:20px 0}.intro-copy{font-family:var(--pixel);font-size:13px}.focus-mark{font-size:24px;vertical-align:middle;margin-right:9px}.featured-negative,.negative-frame{min-width:0}.negative-frame{background:#11140e;display:block;padding:36px 8px;position:relative;border:3px solid #0d0f0a;box-shadow:6px 6px 0 rgba(53,56,39,.28)}.negative-frame img{width:100%;height:230px;object-fit:cover}.perforations{position:absolute;left:8px;right:8px;height:15px;background:repeating-linear-gradient(90deg,transparent 0 13px,#e8e7d9 13px 27px,transparent 27px 41px)}.perforations.top{top:8px}.perforations.bottom{bottom:8px}.camera-display{background:var(--lcd);border:2px solid var(--olive-dark);box-shadow:inset 3px 3px 0 rgba(255,255,255,.25),3px 3px 0 var(--shadow);padding:15px 11px;min-height:255px;display:flex;flex-direction:column}.camera-display small{font-size:9px}.camera-display strong{font-size:14px;line-height:1.2;margin:5px 0}.camera-display hr{width:100%;border:0;border-top:1px solid rgba(62,71,47,.5);margin:10px 0}.battery{margin-top:auto;border:2px solid var(--olive-dark);display:flex;padding:2px;gap:2px;width:43px;position:relative}.battery:after{content:"";width:3px;height:8px;background:var(--olive-dark);position:absolute;right:-5px;top:4px}.battery i{width:7px;height:11px;background:var(--olive-dark)}
.album-browser{padding:34px 46px 28px}.browser-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.browser-heading h2{font-size:18px;margin:0;letter-spacing:.5px}.browser-heading a{font-family:var(--pixel);font-size:12px;border-bottom:2px dotted var(--olive);padding-bottom:5px}.folder-icon{margin-right:10px}.cartridge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px}.film-cartridge{border:2px solid var(--line);background:#f5f1de;box-shadow:4px 5px 0 var(--shadow);min-width:0;transition:.18s ease}.film-cartridge:hover{transform:translate(-2px,-3px);box-shadow:7px 8px 0 var(--shadow)}.film-cartridge a{display:block}.cartridge-top{height:32px;padding:7px 10px;display:flex;justify-content:space-between;font-size:11px;background:var(--paper-2)}.mini-negative{position:relative;background:#0e110b;padding:28px 7px}.mini-negative img{width:100%;height:180px;object-fit:cover}.mini-negative .perforations{height:11px;background:repeating-linear-gradient(90deg,transparent 0 8px,#e7e5d6 8px 18px,transparent 18px 28px)}.mini-negative .perforations.top{top:7px}.mini-negative .perforations.bottom{bottom:7px}.cartridge-info{padding:10px}.cartridge-info h3{font-size:22px;line-height:1;margin:0 0 5px;text-transform:uppercase;letter-spacing:-1px}.cartridge-info p{margin:0;font-size:12px;min-height:30px}.film-cartridge footer{border-top:1px solid var(--line);padding:10px;font-family:var(--pixel);font-size:10px;display:flex;gap:8px;align-items:center}.film-cartridge footer b{margin-left:auto}.empty-cartridge{display:grid;place-items:center;text-align:center;min-height:335px;background:var(--paper-2)}.empty-cartridge span{font:42px var(--pixel)}.empty-cartridge h3{font-size:18px}.empty-cartridge p{font-size:12px}
.firmware-footer{border-top:2px dotted var(--line);border-bottom:2px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:18px 54px 12px;gap:28px}.firmware-footer article{display:flex;align-items:center;gap:18px;border-right:2px dotted var(--olive);padding-right:20px}.firmware-footer article:last-child{border-right:0}.firmware-footer h3{font-size:14px;margin:0 0 5px}.firmware-footer p{font-family:var(--pixel);font-size:10px;line-height:1.5;margin:0}.footer-device{width:70px;height:54px;display:grid;place-items:center;flex:0 0 auto;border:3px solid var(--line);box-shadow:3px 3px 0 var(--shadow);background:var(--lcd)}.camera-device:after{content:"◉";font:35px var(--pixel)}.film-device:after{content:"▥";font:35px var(--pixel)}.pin-device{font-size:30px}.handheld-device:after{content:"▣";font:32px var(--pixel)}.system-clock strong{font:12px var(--pixel);display:block}.system-clock span{font:10px var(--pixel);border:1px solid var(--olive);padding:3px 5px;display:inline-block;margin-top:5px}.bottom-line{margin:12px 18px 20px;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding-top:8px}
/* Album */
.compact-header{height:76px}.contact-sheet{padding:26px 44px 60px}.roll-header{border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);padding:25px 30px;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:34px;background:var(--paper-2);align-items:end}.roll-header h1{font-size:clamp(34px,5vw,68px);line-height:.95;margin:0 0 12px;text-transform:uppercase;letter-spacing:-3px}.roll-header p{margin:0;font-size:13px;line-height:1.6}.roll-description{border-left:2px dotted var(--olive);padding-left:25px}.roll-header dl{margin:0;background:var(--lcd);border:2px solid var(--olive-dark);padding:12px}.roll-header dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(62,71,47,.4);padding:6px 0}.roll-header dl div:last-child{border:0}.roll-header dt,.roll-header dd{font-size:10px;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;padding:42px 0}.contact-frame{margin:0;min-width:0}.photo-open{appearance:none;border:0;background:transparent;padding:0;width:100%;text-align:left;color:inherit;cursor:zoom-in}.photo-open:hover .negative-frame{transform:translateY(-3px);box-shadow:8px 9px 0 rgba(53,56,39,.28)}.frame-strip,.frame-meta{display:flex;justify-content:space-between;font-size:10px;padding:5px 7px}.contact-frame .negative-frame{padding:30px 7px}.contact-frame .negative-frame img{height:270px}.frame-wide{grid-column:span 2}.frame-wide .negative-frame img{height:380px}.frame-tall .negative-frame img{height:440px}.frame-meta{display:block}.frame-meta b{display:block;font-size:12px}.frame-meta span{font-family:var(--body);font-size:11px;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-roll{border-top:2px dotted var(--line);padding:28px 0;display:flex;justify-content:space-between;font-family:var(--pixel)}.next-roll span{color:var(--olive)}.next-roll a{font-size:22px}.error-screen{min-height:65vh;display:grid;place-content:center;text-align:center;font-family:var(--pixel)}.error-screen h1{font-size:50px}.scanner-modal{position:fixed;inset:0;background:rgba(16,18,11,.88);z-index:1000;padding:30px;display:grid;place-items:center}.scanner-modal[hidden]{display:none}.scanner-window{width:min(1100px,96vw);max-height:94vh;background:var(--paper);border:4px solid #0d0f0a;box-shadow:10px 10px 0 rgba(0,0,0,.45)}.scanner-window>header{height:44px;background:var(--olive-dark);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding-left:14px;font-size:12px}.modal-close{width:44px;height:44px;border:0;border-left:2px solid var(--paper);background:var(--orange);color:white;font:28px var(--pixel);cursor:pointer}.scanner-stage{background:#11140e;padding:25px;display:grid;place-items:center;max-height:72vh}.scanner-stage img{max-height:65vh;width:auto;object-fit:contain}.scanner-window>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.scanner-window footer div{background:var(--lcd);border:1px solid var(--olive-dark);padding:8px}.scanner-window footer small,.scanner-window footer strong{display:block}.scanner-window footer small{font-size:8px}.scanner-window footer strong{font-size:11px;margin-top:4px}
@media(max-width:1100px){.system-header{grid-template-columns:1fr auto}.system-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);border:2px solid var(--line);padding:20px;flex-direction:column;gap:8px}.system-nav.open{display:flex}.menu-toggle{display:block;justify-self:end;border:2px solid var(--line);background:var(--paper);padding:8px}.admin-button{display:none}.camera-viewfinder{grid-template-columns:1fr 1.2fr}.camera-display{display:none}.cartridge-grid{grid-template-columns:repeat(2,1fr)}.firmware-footer{grid-template-columns:repeat(2,1fr)}.roll-header{grid-template-columns:1fr 1fr}.roll-header dl{grid-column:1/-1}.contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.system-header{height:72px;margin:8px 8px 0;padding:0 14px}.system-brand strong{font-size:17px}.system-brand small{font-size:8px}.pixel-camera{transform:scale(.75);margin-left:-5px}.camera-viewfinder{margin-top:10px;padding:36px 24px;grid-template-columns:1fr;border-radius:14px}.viewfinder-copy h1{font-size:42px;letter-spacing:-2px}.viewfinder-copy h1 span{margin-left:18px}.journal-tags{font-size:10px;gap:8px}.negative-frame img{height:190px}.album-browser{padding:28px 10px}.cartridge-grid{grid-template-columns:1fr;gap:24px}.mini-negative img{height:230px}.firmware-footer{grid-template-columns:1fr;padding:20px}.firmware-footer article{border-right:0;border-bottom:2px dotted var(--olive);padding-bottom:14px}.bottom-line{margin:10px 8px 18px}.contact-sheet{padding:18px 10px 40px}.roll-header{grid-template-columns:1fr;padding:20px}.roll-description{border-left:0;border-top:2px dotted var(--olive);padding:15px 0 0}.roll-header dl{grid-column:auto}.contact-grid{grid-template-columns:1fr;gap:25px}.frame-wide{grid-column:auto}.contact-frame .negative-frame img,.frame-wide .negative-frame img,.frame-tall .negative-frame img{height:auto;max-height:70vh}.scanner-modal{padding:8px}.scanner-window>footer{grid-template-columns:1fr}.scanner-stage{padding:8px}}

/* Proteção casual das imagens públicas */
.negative-frame img,.mini-negative img,.scanner-stage img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;}

/* Navegação do scanner */
.scanner-stage{position:relative}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:72px;border:2px solid var(--paper);background:rgba(15,17,12,.82);color:var(--paper);font:42px/1 var(--pixel);cursor:pointer;display:grid;place-items:center;box-shadow:3px 3px 0 rgba(0,0,0,.35)}.modal-nav:hover{background:var(--olive)}.modal-prev{left:18px}.modal-next{right:18px}.modal-counter{margin-left:auto}

/* Newsletter */
.newsletter-panel{margin:18px 46px 34px;border:3px solid var(--line);box-shadow:5px 5px 0 var(--shadow);background:linear-gradient(120deg,var(--paper-2),#f7f3df);padding:30px 34px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr);gap:40px;align-items:center;position:relative}.newsletter-panel:after{content:"MAIL 35MM";position:absolute;right:14px;top:10px;font:9px var(--pixel);color:var(--olive)}.newsletter-copy h2{font-size:clamp(28px,4vw,54px);line-height:.95;letter-spacing:-2px;margin:0 0 16px}.newsletter-copy>p:last-child{max-width:520px;line-height:1.6}.newsletter-form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:12px;align-items:end}.newsletter-form label{display:grid;gap:7px}.newsletter-form label>span{font:10px var(--pixel)}.newsletter-form label small{color:var(--olive)}.newsletter-form input[type=text],.newsletter-form input[type=email]{width:100%;border:2px solid var(--line);background:#faf7e8;padding:13px 12px;font:13px var(--pixel);outline:none;box-shadow:2px 2px 0 var(--shadow)}.newsletter-form input:focus{background:var(--lcd)}.newsletter-form button{border:2px solid var(--line);background:var(--lcd);padding:13px 18px;font:700 12px var(--pixel);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;white-space:nowrap}.newsletter-form button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--shadow)}.newsletter-consent{grid-column:1/-1!important;display:flex!important;align-items:flex-start;gap:9px!important}.newsletter-consent input{margin-top:2px}.newsletter-consent span{font:12px/1.5 var(--pixel)!important}.newsletter-message{grid-column:1/-1;margin:0;padding:10px 12px;border:2px solid var(--line);font:10px var(--pixel)}.newsletter-message.success{background:var(--lcd)}.newsletter-message.error{background:#f2c5b8}.newsletter-result{max-width:800px;margin:12vh auto;padding:50px;border:3px solid var(--line);box-shadow:5px 5px 0 var(--shadow);background:var(--paper-2)}.newsletter-result h1{font-size:clamp(34px,6vw,68px)}.newsletter-result a{font:12px var(--pixel);border-bottom:2px dotted var(--olive)}
@media(max-width:900px){.newsletter-panel{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.newsletter-form{grid-template-columns:1fr 1fr}.newsletter-form button{grid-column:1/-1}.modal-nav{width:42px;height:58px}.modal-prev{left:8px}.modal-next{right:8px}}@media(max-width:600px){.newsletter-panel{padding:24px 18px}.newsletter-form{grid-template-columns:1fr}.newsletter-form button,.newsletter-consent{grid-column:auto!important}.modal-nav{top:auto;bottom:12px;transform:none}.modal-prev{left:12px}.modal-next{right:12px}}