*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f4f0;font-family:Arial,Helvetica,sans-serif}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;background:linear-gradient(#000b,transparent)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:13px;letter-spacing:3px;font-weight:700}.brand img{width:38px;height:38px;object-fit:contain}.brand span{display:none}nav{display:flex;gap:25px}nav a{color:#eee;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:2px}.hero{height:92vh;min-height:620px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c 0,#0004 55%,#0002),linear-gradient(0deg,#080808 0,transparent 30%)}.heroText{position:absolute;left:7vw;bottom:12%;max-width:760px}.heroText p,.heading p,.about>p,.contact>p{font-size:11px;letter-spacing:4px;color:#bbb}.hero h1{font-size:clamp(62px,10vw,150px);line-height:.8;letter-spacing:-6px;margin:18px 0 36px;text-transform:uppercase}.heroText a{color:#fff;text-decoration:none;border-bottom:1px solid #777;padding-bottom:8px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.portfolio{padding:110px 5vw}.heading h2,.about h2,.contact h2{font-size:clamp(46px,7vw,100px);letter-spacing:-4px;margin:8px 0 38px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.tabs button{background:transparent;border:1px solid #333;color:#999;padding:11px 17px;text-transform:uppercase;letter-spacing:2px;font-size:10px;cursor:pointer}.tabs button.active,.tabs button:hover{background:#f2f2ee;color:#111;border-color:#f2f2ee}.gallery{columns:3 300px;column-gap:14px}.shot{width:100%;margin:0 0 14px;break-inside:avoid;display:block;cursor:zoom-in;overflow:hidden;background:#111}.shot img{width:100%;display:block;transition:transform .45s ease,opacity .3s}.shot:hover img{transform:scale(1.018);opacity:.88}.about{padding:120px 7vw;background:#f0f0eb;color:#0b0b0b}.about>p{color:#555}.about div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:900px;margin-left:auto;font-size:18px;line-height:1.6}.contact{padding:130px 7vw}.contact .small{color:#999;font-size:16px}.lightbox{position:fixed;inset:0;background:#000e;z-index:100;display:none;align-items:center;justify-content:center;padding:4vw}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:42px;cursor:pointer}footer{border-top:1px solid #222;padding:30px 5vw;font-size:10px;letter-spacing:2px;color:#777;display:flex;justify-content:space-between}@media(min-width:700px){.brand span{display:block}}@media(max-width:650px){header{padding:0 20px}.heroText{left:24px}.hero h1{letter-spacing:-3px}.portfolio{padding:80px 18px}.gallery{columns:2 140px;column-gap:8px}.shot{margin-bottom:8px}.about div{grid-template-columns:1fr}.heading h2,.about h2,.contact h2{letter-spacing:-2px}nav{gap:12px}nav a{font-size:9px}}

.contactLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px;max-width:900px}.contactLinks a{border:1px solid #2b2b2b;padding:24px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:9px;transition:.25s ease;background:#0d0d0d}.contactLinks a:hover{background:#f2f2ee;color:#111;border-color:#f2f2ee;transform:translateY(-2px)}.contactLinks span{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:#888}.contactLinks a:hover span{color:#555}.contactLinks strong{font-size:16px;font-weight:600;word-break:break-word}@media(max-width:650px){.contactLinks{grid-template-columns:1fr}.contactLinks a{padding:20px}}
