:root{--ink:#163547;--blue:#2b6e8f;--sky:#d9edf1;--cream:#f6efe3;--white:#fffdf9;--coffee:#765035;--terracotta:#c96e4d;--line:rgba(22,53,71,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Assistant,Arial,sans-serif}.site-header{height:82px;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Rubik}.brand-mark{font-size:34px;line-height:1}.brand strong,.brand em{display:block;font-style:normal;line-height:.92}.brand strong{font-size:19px;font-weight:900}.brand em{font-size:15px;font-weight:800;color:var(--terracotta)}nav{display:flex;gap:32px}nav a{color:var(--ink);font-weight:700;text-decoration:none}.upload-link{background:var(--blue);border-radius:99px;color:#fff;padding:10px 17px;text-decoration:none;font-weight:800}.section-wrap{width:min(1120px,90vw);margin:auto}.hero{min-height:480px;position:relative;isolation:isolate;display:flex;align-items:center;background:url('greek-morning-coffee.png') center/cover}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,239,227,.98) 8%,rgba(246,239,227,.77) 42%,rgba(246,239,227,.08) 80%)}.hero-copy{padding:70px 0}.eyebrow{color:var(--terracotta);font:800 12px Rubik;letter-spacing:.1em}.hero h1,.upload-copy h2{font:900 clamp(58px,8vw,104px)/.85 Rubik;letter-spacing:-.08em;margin:20px 0}.hero h1 i,.upload-copy i{color:var(--blue);font-style:normal}.hero p{font-size:21px;margin:0 0 30px}.hero-scroll{color:var(--ink);font-weight:800;text-decoration:none}.hero-scroll span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:7px;border:1px solid var(--ink);border-radius:50%}.today{padding:78px 0}.today.is-empty-today{padding-top:34px;padding-bottom:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:24px}.section-heading h2{font:800 42px/.95 Rubik;margin:10px 0 0;letter-spacing:-.06em}.section-heading time,.archive-count{font-weight:700;color:#55707d}.featured{display:grid;grid-template-columns:1.2fr .8fr;background:var(--sky);overflow:hidden;border-radius:12px;box-shadow:12px 14px 0 rgba(22,53,71,.08)}.featured-photo{background:#bddbe0;aspect-ratio:4/5}.featured-photo img{width:100%;height:100%;display:block;object-fit:contain}.featured-copy{padding:48px;display:flex;flex-direction:column}.cup-number{color:var(--terracotta);font:800 15px Rubik}.featured-copy h3{font:800 clamp(35px,4vw,58px)/1.04 Rubik;letter-spacing:-.07em;margin:26px 0}.coffee-rule{height:1px;background:var(--ink);opacity:.22}.featured-copy p{font-size:18px;line-height:1.5}.featured-copy time{margin-top:auto;font-weight:800}.upload-section{background:#fffdf9;padding:88px 0}.upload-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.upload-copy h2{font-size:64px}.upload-copy p{font-size:19px;line-height:1.45}.upload-card{background:var(--cream);padding:18px;border-radius:12px;box-shadow:10px 11px 0 rgba(22,53,71,.08)}.drop-zone{min-height:290px;border:2px dashed rgba(43,110,143,.48);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;transition:.2s;background:rgba(255,255,255,.42)}.drop-zone.dragover{border-color:var(--blue);background:#e6f2f3;transform:scale(1.01)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{font-size:56px;margin-bottom:8px}.drop-zone strong{font:800 25px Rubik}.drop-zone small{margin-top:7px;color:#58717d;font-size:16px}.preview{position:relative;margin-top:14px;border-radius:8px;overflow:hidden;background:#dce6e6}.preview img{display:block;width:100%;max-height:370px;object-fit:contain}.preview button{position:absolute;top:9px;left:9px;width:34px;height:34px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:23px;cursor:pointer}.upload-button{width:100%;margin-top:14px;padding:15px;border:0;border-radius:7px;background:var(--blue);color:#fff;font:800 18px Rubik;cursor:pointer;transition:.2s}.upload-button:hover{background:var(--terracotta);transform:translateY(-2px)}.upload-button:disabled{opacity:.55;cursor:wait}.upload-message{min-height:24px;margin:12px 0 0;font-weight:700;color:var(--coffee)}.archive{padding:80px 0 110px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.gallery-item{padding:9px;background:var(--white);border-radius:8px;box-shadow:0 6px 0 rgba(22,53,71,.1);transition:.2s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 12px 0 rgba(22,53,71,.12)}.gallery-item button{width:100%;padding:0;border:0;background:transparent;cursor:pointer}.gallery-image{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:5px;background:#dce6e6}.gallery-image img{width:100%;height:100%;display:block;object-fit:contain}.gallery-date{position:absolute;right:8px;bottom:8px;padding:5px 8px;background:rgba(22,53,71,.82);border-radius:20px;color:#fff;font:800 12px Assistant}.empty-state{text-align:center;border:1px dashed var(--line);padding:40px;border-radius:8px;font-size:18px}.lightbox{position:fixed;inset:0;z-index:20;display:grid;place-items:center;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:68px 24px 24px;background:rgba(10,28,37,.94)}.lightbox[hidden]{display:none}.lightbox img{max-width:min(900px,92vw);max-height:75vh;object-fit:contain;border-radius:9px}.lightbox-close{position:fixed;top:20px;right:20px;width:45px;height:45px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:30px;cursor:pointer}.lightbox-caption{color:#fff;text-align:center}.lightbox-caption strong,.lightbox-caption span{display:block}.lightbox-caption strong{font:800 22px Rubik}.lightbox-caption span{margin-top:5px}footer{padding:24px;text-align:center;background:var(--ink);color:#dbe9e9;font-weight:700}footer span{color:var(--terracotta);padding:0 7px}@media(max-width:700px){.site-header{height:70px;padding:0 15px}.brand-mark{font-size:29px}.brand strong{font-size:16px}.brand em{font-size:13px}nav{display:none}.upload-link{padding:9px 12px;font-size:13px}.section-wrap{width:calc(100% - 32px)}.hero{min-height:360px;background-position:60% center}.hero-copy{padding:42px 0}.hero h1{font-size:62px}.hero p{font-size:18px;max-width:260px}.today{padding:46px 0}.today.is-empty-today{padding-top:22px;padding-bottom:22px}.section-heading h2{font-size:30px}.section-heading time{font-size:13px}.featured{grid-template-columns:1fr}.featured-photo{aspect-ratio:4/5}.featured-copy{padding:26px}.featured-copy h3{font-size:39px;margin:20px 0}.upload-section{padding:52px 0}.upload-layout{display:flex;flex-direction:column;gap:24px}.upload-copy h2{font-size:48px}.upload-copy p{font-size:17px;margin-bottom:0}.upload-card{width:100%}.drop-zone{min-height:220px}.drop-zone strong{font-size:21px}.archive{padding:54px 0 75px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-item{padding:7px}.gallery-image{aspect-ratio:1/1.15}.lightbox{padding:62px 12px 18px}.lightbox img{max-width:94vw;max-height:72vh}.lightbox-close{top:12px;right:12px}}