:root{--ink:#17242b;--cyan:#007e9e;--bright:#11c7ed;--paper:#fff;--muted:#53636b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding:16px 4%;border-bottom:1px solid #e0e7ea;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-1px}.brand img{width:54px;height:54px;object-fit:contain;margin-right:12px}.cyan{color:var(--cyan)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:650}nav a:hover,.textlink:hover{text-decoration:underline}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;padding-top:60px;padding-bottom:70px}.eyebrow{font-weight:750;font-size:11px;letter-spacing:2px;color:var(--cyan);margin:0 0 22px}h1{font-size:clamp(54px,6.5vw,86px);line-height:1.04;letter-spacing:-5px;margin:0 0 26px}h2{font-size:clamp(36px,4vw,52px);line-height:1.12;letter-spacing:-2px;margin:0 0 22px}h3{font-size:22px;line-height:1.3}.intro{font-size:18px;line-height:1.8;max-width:510px;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;border:1px solid var(--ink);padding:14px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:14px}.button:hover{background:#005f78;border-color:#005f78}.textlink{font-weight:700;font-size:14px;border:0;background:none;padding:0}.mascot{position:relative}.mascot img{width:100%;display:block}.stamp{display:block;text-align:center;font-size:10px;letter-spacing:3px;font-weight:750;color:var(--muted);margin-top:20px}.gallery-section{padding:80px 0;background:#f2f5f5}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{color:var(--muted);max-width:330px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 20px}.filters button{border:1px solid #bdcbd0;background:white;border-radius:30px;padding:10px 17px;font-size:13px;min-height:44px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.gallery-note{max-width:780px;font-size:13px;color:var(--muted)}.count{font-size:12px;color:var(--muted);margin:24px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{border:0;background:transparent;text-align:left;padding:0;color:var(--ink)}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#dbe3e5;border-radius:8px;transition:transform .2s}.card:hover img{transform:translateY(-4px)}.card span{display:flex;justify-content:space-between;margin:12px 0 0;font-size:14px;font-weight:650}.card small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.secondary{margin:35px auto 0;display:flex;background:transparent;color:var(--ink)}.secondary[hidden]{display:none}.secondary:hover{color:white}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:100px;padding-bottom:100px}.about p{color:var(--muted)}.contact-section{background:#14252e;color:#fff;padding:80px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact .cyan,.contact .eyebrow{color:var(--bright)}.contact p{color:#c2d0d6}.email{display:inline-block;font-size:19px;margin:18px 0}.fine{font-size:12px;line-height:1.6;max-width:430px}form{background:#21343e;padding:30px;border-radius:10px}form h3{margin-top:0}label{display:block;font-size:13px;margin:16px 0}input,textarea{display:block;width:100%;border:1px solid #7c929e;border-radius:4px;padding:10px 12px;margin-top:6px;background:#fff;color:var(--ink)}form .button{background:var(--bright);color:#10242b;border-color:var(--bright);width:100%}#copy{color:#fff}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px!important;padding-bottom:35px!important;font-size:12px}footer .brand{font-size:20px}footer p{color:var(--muted)}dialog{border:0;border-radius:12px;padding:18px;width:min(900px,94vw);max-height:94vh}dialog::backdrop{background:#081821e8}dialog img{display:block;max-height:68vh;max-width:100%;margin:auto;object-fit:contain}dialog>div{padding:0 15px}dialog h3{margin-bottom:0}dialog p{font-size:12px}#close{display:block;margin:0 0 10px auto;background:var(--ink);color:#fff;border:0;width:44px;height:44px;border-radius:50%;font-size:26px}.skip{position:absolute;left:15px;top:-100px;z-index:30;background:#fff;padding:10px}.skip:focus{top:10px}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}header{padding:12px 20px}.brand{font-size:20px}.brand img{width:40px;height:40px;margin-right:7px}nav{gap:14px}nav a{font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px;min-height:0}.hero h1{letter-spacing:-3px}.mascot{max-width:360px;margin:auto}.gallery-section{padding:55px 0}.section-head{display:block}.section-head>p{font-size:14px}.grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.card span{font-size:12px}.filters{gap:7px}.filters button{padding:9px 13px;font-size:12px}.about,.contact{grid-template-columns:1fr;gap:25px}.about{padding-top:60px;padding-bottom:60px}.contact-section{padding:55px 0}form{padding:22px}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;order:3;margin:0}.eyebrow{font-size:10px}.actions{gap:18px}.intro{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
