*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Century Gothic","Avenir Next",Arial,sans-serif}body{color:#435564;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}header{text-align:center;padding:26px 24px 30px}.logo{display:inline-block;border:2px solid currentColor;border-radius:7px;padding:0 7px 3px;font-size:24px;letter-spacing:-1.4px;line-height:1.1;font-weight:400}nav{display:flex;justify-content:center;gap:40px;margin-top:23px}nav a{font-size:18px;padding-bottom:5px;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current=page]{border-color:currentColor}.home{min-height:100svh;display:flex;flex-direction:column;color:white;background:#87bccb url('./background-logo-v2.webp') center center/cover no-repeat;position:relative}.home:before{content:'';position:absolute;inset:0;background:rgba(30,79,100,.17);z-index:0}.home>*{position:relative}.home header{text-shadow:0 1px 9px #547f8c80}.hero{text-align:center;flex:1;padding:65px 20px 130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{margin:0 0 40px;font-size:clamp(68px,12.5vw,170px);line-height:1.12;font-weight:300;letter-spacing:-5px;text-shadow:0 2px 25px #42647728}.hero p{margin:0;font-size:clamp(22px,3vw,32px);font-weight:300;text-shadow:0 1px 12px #42647760}.gallery-link{display:inline-block;margin-top:25px;font-size:16px;border-bottom:1px solid #ffffff85;padding-bottom:7px}.gallery-link:hover{border-color:white}.home footer{text-align:center;font-size:12px;padding:16px;color:#fff}.gallery header{background:#435564;color:white}.gallery main{max-width:1440px;margin:auto;padding:50px 5% 70px}.gallery h1{text-align:center;font-size:32px;font-weight:400;margin:0 0 12px}.gallery .intro{text-align:center;font-size:14px;color:#74818b;margin:0 0 45px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.placeholder{margin:0;aspect-ratio:4/5;background:#f3f5f6;display:grid;place-content:center;text-align:center;border:1px solid #e9edf0}.placeholder:nth-child(2n){background:#eef2f4}.placeholder .number{font-size:11px;letter-spacing:2px;color:#95a5b1}.placeholder p{font-size:14px;color:#7a8b97;margin-top:12px}.gallery footer{text-align:center;color:#7d8a94;font-size:12px;padding:30px;border-top:1px solid #eef1f3}@media(max-width:650px){header{padding:24px 20px}nav{gap:32px;margin-top:22px}nav a{font-size:16px}.hero{padding:70px 15px 110px}.hero h1{letter-spacing:-3px;margin-bottom:30px;font-size:clamp(60px,15vw,96px)}.art-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery main{padding:35px 5% 50px}.gallery h1{font-size:27px}}@media(prefers-reduced-motion:no-preference){a{transition:border-color .2s}}
.contact{min-height:100svh;display:flex;flex-direction:column}.contact main{width:100%;flex:1;text-align:center;padding-top:65px}.contact-card{max-width:620px;margin:55px auto 30px;padding:55px 25px;background:#f3f5f6;border:1px solid #e9edf0}.contact-card svg{color:#637c8d}.contact-card h2{font-size:25px;font-weight:400;margin:25px 0 15px}.contact-card p{color:#74818b;font-size:15px;line-height:1.7;margin:0}.contact-card a{display:inline-block;color:#435564;border-bottom:1px solid #a0afb9;font-size:clamp(16px,3vw,24px);overflow-wrap:anywhere;padding-bottom:5px}.back-gallery{display:inline-block;font-size:14px;border-bottom:1px solid #b4bec5;padding-bottom:6px;margin:15px 0 25px}@media(max-width:650px){nav{gap:25px}.contact main{padding-top:40px}.contact-card{margin-top:35px;padding:40px 20px}}
/* Gallery: independent columns keep each drawing's proportions. */
.art-grid{display:block;columns:3;column-gap:20px}.art-grid>.placeholder{break-inside:avoid;display:grid;width:100%;margin:0 0 20px;aspect-ratio:5/7}.art-grid>.placeholder:nth-child(2){aspect-ratio:1/1}.art-grid>.placeholder:nth-child(3){aspect-ratio:7/5}.art-grid>.placeholder:nth-child(4){aspect-ratio:5/8}.art-grid>.placeholder:nth-child(5){aspect-ratio:5/7}.art-grid>.placeholder:nth-child(6){aspect-ratio:1/1}.art-grid img{display:block;width:100%;height:auto}.art-grid>.reveal-pending{opacity:0;transform:translateY(32px)}.art-grid>.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}@media(max-width:650px){.art-grid{columns:2;column-gap:12px}.art-grid>.placeholder{margin-bottom:12px}}@media(max-width:420px){.art-grid{columns:1}}@media(prefers-reduced-motion:reduce){.art-grid>.reveal-pending,.art-grid>.reveal-visible{opacity:1;transform:none;transition:none}}
.art-grid>[role=button]{cursor:zoom-in}.lightbox{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;color:white;overflow:hidden}.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:rgba(14,19,24,.78)}.zoom-stage{display:grid;place-items:center;max-width:calc(100vw - 160px);max-height:calc(100dvh - 100px);pointer-events:none}.zoom-stage img{display:block;max-width:100%;max-height:calc(100dvh - 100px);width:auto;height:auto;object-fit:contain}.lightbox button{position:absolute;background:transparent;color:#fff;border:0;cursor:pointer;font-family:Arial,sans-serif;line-height:1;display:grid;place-items:center;width:52px;height:52px;text-shadow:0 1px 4px #000;font-weight:300}.zoom-close{right:12px;top:8px;font-size:36px}.zoom-prev{left:25px;top:calc(50% - 26px);font-size:48px}.zoom-next{right:25px;top:calc(50% - 26px);font-size:48px}.zoom-count{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:13px;margin:0}.zoom-placeholder{width:min(58vw,540px);height:calc(100dvh - 100px);max-height:760px;aspect-ratio:auto!important;opacity:1!important;transform:none!important;background:#f3f5f6;display:grid;place-content:center;text-align:center;color:#74818b;padding:25px}.zoom-placeholder .number{font-size:16px;letter-spacing:2px}.zoom-placeholder p{font-size:18px}@media(max-width:650px){.zoom-stage{max-width:calc(100vw - 90px)}.zoom-prev{left:0}.zoom-next{right:0}.zoom-placeholder{width:calc(100vw - 100px)}}

.art-grid>.artwork{display:block;break-inside:avoid;margin:0 0 20px;width:100%;padding:0;background:transparent}.artwork img{display:block;width:100%;height:auto}.artwork:focus-visible{outline:2px solid #435564;outline-offset:4px}.gallery-empty{text-align:center;padding:60px 20px;color:#74818b}
body.gallery:not(.contact) header{background:#fff;color:#435564;padding:20px 24px 16px}body.gallery:not(.contact) header nav{margin-top:0}
body.home header,body.gallery header,body.gallery:not(.contact) header{padding:20px 24px 16px}body.home header nav,body.gallery header nav,body.gallery:not(.contact) header nav{margin-top:0;gap:40px}body.gallery header{background:#fff;color:#435564}body.gallery:not(.contact) main>h1{margin-bottom:35px}@media(max-width:650px){body.home header nav,body.gallery header nav,body.gallery:not(.contact) header nav{gap:25px}}
.contact-card svg{display:block;margin:0 auto 26px}
@font-face{font-family:Manrope;src:url("./fonts/manrope.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}html,body{font-family:Manrope,Arial,sans-serif}.hero h1{font-weight:500;letter-spacing:-.055em}nav a{font-weight:500}.gallery h1{font-weight:500}.lightbox button{font-family:Manrope,Arial,sans-serif}


.home{background-color:#07364e;background-size:contain;background-position:center;background-repeat:no-repeat;min-height:100svh}.hero{padding:35px 20px;min-height:0}.hero h1{font-size:clamp(54px,min(10vw,14svh),140px);line-height:1.12;margin:0;max-width:100%;letter-spacing:-.05em;text-shadow:0 2px 18px rgba(0,20,40,.5)}.hero .gallery-link{margin-top:30px;text-shadow:0 1px 8px #001b30}.home footer{padding:16px 20px}.home header{flex-shrink:0}@media(max-width:650px){.home{background-size:100% auto}.hero{padding:24px 16px}.hero h1{font-size:clamp(42px,12vw,76px)}.hero .gallery-link{margin-top:24px;font-size:15px}.home footer{font-size:11px}}@media(max-height:450px) and (orientation:landscape){.hero{padding:8px 20px}.hero h1{font-size:clamp(38px,15svh,68px)}.hero .gallery-link{margin-top:12px}.home footer{padding:8px}}

.home{background-color:#4da9cc}.home:before{background:transparent}
.home{background-image:url("./background-logo.webp"),linear-gradient(to right,#3a98be calc(50% - min(50vw,50svh)),#62bee7 calc(50% + min(50vw,50svh)));background-size:contain,100% 100%;background-position:center;background-repeat:no-repeat}@media(max-width:650px){.home{background-size:100% auto,100% 100%}}
@media(min-width:651px){.home .hero h1{position:absolute;top:18px;left:clamp(24px,4vw,64px);font-size:clamp(25px,2.6vw,38px);line-height:1.2;margin:0;letter-spacing:-.04em}.home .hero .gallery-link{position:absolute;left:50%;top:calc(50% - min(50vw,50svh) * .7);transform:translateX(-50%);margin:0;white-space:nowrap;font-size:17px}.home header nav{padding-left:180px;padding-right:180px}}@media(min-width:651px) and (max-width:850px){.home header nav{padding-left:150px;padding-right:0;gap:25px}}
@media(min-width:651px){.home .hero{position:static}}
@media(min-width:651px){.home .hero h1{top:18px;left:18px}}
.home .hero h1{text-shadow:none}.site-brand{position:absolute;top:18px;left:18px;font-size:clamp(25px,2.6vw,38px);line-height:1.2;font-weight:500;letter-spacing:-.04em;color:#0b2444;text-shadow:none}body.gallery header{position:relative}body.gallery header nav{padding-left:180px;padding-right:180px}@media(min-width:651px) and (max-width:850px){body.gallery header nav{padding-left:150px;padding-right:0}}@media(max-width:650px){.site-brand{position:static;display:block;font-size:25px;margin-bottom:18px}body.gallery header nav{padding:0}}
@media(max-width:650px){body.home header{padding-top:68px}.home .hero{position:static}.home .hero h1{position:absolute;top:20px;left:0;right:0;margin:0;text-align:center;font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:500}}