@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');
:root{--bg:#101112;--fg:#e9e8e4;--muted:#9a9c9d;--line:#373839}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:19px;letter-spacing:.12em}.brand span{display:block;font-size:8px;letter-spacing:.37em;margin-top:7px}nav{display:flex;gap:32px}nav a{font-size:11px;position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--fg);transition:width .3s}nav a:hover:after{width:100%}#lang{font-size:11px}#lang span{color:var(--muted)}.hero{height:calc(100svh - 112px);min-height:620px;position:relative;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.49) saturate(.3);animation:drift 15s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101112 1%,transparent 65%)}.hero-copy{position:absolute;z-index:1;left:8%;bottom:15%;right:8%}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#bdbfc0}.hero h1{font:clamp(65px,8.5vw,145px)/.95 'Italiana',serif;letter-spacing:-.035em;max-width:1050px;margin:28px 0}.hero h1 em{font-weight:400;color:#bfc0c0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px}.hero-bottom p{font-size:12px;color:#bbb;line-height:1.8}.arrow-link{display:inline-block;border-bottom:1px solid #888;padding:12px 0;font-size:11px;letter-spacing:.05em}.arrow-link span{margin-left:60px}.section{padding:110px 8%}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:50px;border-top:1px solid var(--line);padding-top:25px}.section-heading h2{font:50px 'Italiana',serif;margin:0}.section-heading span{font-size:10px;color:var(--muted);letter-spacing:.12em}.grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 36px}.project:nth-child(even){padding-top:105px}.image-wrap{position:relative;overflow:hidden;display:block;background:#222}.image-wrap img{width:100%;height:540px;object-fit:cover;display:block;filter:saturate(.6);transition:transform 1s,filter 1s}.project:nth-child(3n) img{height:410px}.project:hover img{transform:scale(1.035);filter:saturate(.9)}.overlay{position:absolute;inset:0;background:linear-gradient(transparent,#000a);display:flex;justify-content:space-between;align-items:end;padding:30px;opacity:0;transition:opacity .4s}.project:hover .overlay,.project:focus-within .overlay{opacity:1}.overlay strong{font:34px 'Italiana',serif}.overlay b{font-size:32px;font-weight:400}.caption{display:flex;justify-content:space-between;margin-top:16px;font-size:11px}.caption span{color:var(--muted)}.intro{max-width:950px;font:clamp(35px,4.2vw,65px)/1.2 'Italiana',serif;margin:50px 0}.intro em{color:var(--muted);font-style:normal}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-grid img{width:100%;height:600px;object-fit:cover;filter:grayscale(1)}.body-copy{font-size:14px;color:#aaa;line-height:1.9;max-width:440px}.big-title{font:clamp(65px,9vw,130px)/1 'Italiana',serif;margin:30px 0 60px}.tags{margin:40px 0;border-top:1px solid var(--line)}.tags div{padding:18px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between}.contact-strip{padding:100px 8%;background:#e0e0dc;color:#151617;display:flex;justify-content:space-between;align-items:end}.contact-strip h2{font:70px 'Italiana',serif;margin:20px 0}.filters{display:flex;gap:25px;margin-bottom:35px;flex-wrap:wrap}.filters button{padding:10px 0;color:var(--muted);font-size:11px}.filters .active{color:white;border-bottom:1px solid white}.form-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}form{display:grid;grid-template-columns:1fr 1fr;gap:30px}label{font-size:10px;letter-spacing:.07em;color:#bcbebe;display:flex;flex-direction:column;gap:12px}input,select,textarea{background:transparent;border:0;border-bottom:1px solid #555;border-radius:0;padding:12px 0;min-width:0;outline-offset:5px}select option{background:#202122}.wide{grid-column:1/-1}.submit{border:1px solid #777;padding:17px 25px;text-align:left;display:flex;justify-content:space-between}.note{font-size:11px;color:#999;line-height:1.7}.client-shell{max-width:650px;margin:auto;padding:70px 0}.client-shell form{display:flex;flex-direction:column;margin-top:40px}.gallery-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:30px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid img{width:100%;height:320px;object-fit:cover;cursor:zoom-in}.gallery-actions{display:flex;justify-content:space-between;padding:15px 0;font-size:12px}.gallery-actions button{padding:0}.favorite{color:#e3bfbf}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;color:#939596}footer>a:first-child{font:35px 'Italiana';color:white}dialog{border:0;background:#101112f5;color:white;width:100vw;height:100svh;max-width:none;max-height:none;padding:45px;text-align:center}dialog::backdrop{background:#000d}dialog img{height:82%;max-width:90%;object-fit:contain}.close{position:absolute;right:25px;top:20px;font-size:24px}#prev,#next{font-size:30px;margin:0 30px}.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:760px){header{height:110px;padding:20px 6%;flex-wrap:wrap;gap:15px}.brand{font-size:14px}nav{order:3;width:100%;justify-content:space-between;gap:10px}nav a{font-size:10px}.hero{min-height:580px;height:78svh}.hero-copy{left:6%;right:6%;bottom:12%}.hero h1{font-size:65px}.hero-bottom p{max-width:160px}.arrow-link span{margin-left:15px}.section{padding:65px 6%}.section-heading h2{font-size:37px}.grid{gap:35px 17px}.image-wrap img,.project:nth-child(3n) img{height:290px}.project:nth-child(even){padding-top:60px}.caption{font-size:10px;gap:8px;line-height:1.5}.overlay{padding:15px;opacity:1}.overlay strong{font-size:25px}.overlay b{font-size:20px}.about-grid,.form-layout{grid-template-columns:1fr;gap:35px}.about-grid img{height:430px}.contact-strip{padding:65px 6%;display:block}.contact-strip h2{font-size:52px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:250px}footer{flex-wrap:wrap}.big-title{font-size:65px}form{gap:25px 20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Project captions appear on the image, with keyboard and touch access. */
.brand{font-size:22px;letter-spacing:-.025em}.brand span{letter-spacing:.35em}
.overlay{align-items:flex-end;background:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.88) 100%);padding:32px;transition:opacity .45s ease}
.project-copy{transform:translateY(14px);transition:transform .45s ease;max-width:400px}
.project:hover .project-copy,.project:focus-within .project-copy{transform:translateY(0)}
.project-category{display:block;font-size:9px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:12px;color:#c9cacc}
.overlay strong{display:block;font-size:40px;line-height:1.1}
.project-copy p{font-size:12px;line-height:1.7;color:#d0d1d2;margin:14px 0 20px;max-width:330px}
.project-cta{font-size:10px;letter-spacing:.08em;border-bottom:1px solid #aaa;padding-bottom:6px;display:inline-block}
.image-wrap:focus-visible{outline:2px solid #eee;outline-offset:5px}
@media(hover:none),(pointer:coarse){.overlay{opacity:1}.project-copy{transform:none}}
@media(max-width:760px){.overlay{padding:19px}.overlay strong{font-size:27px}.project-copy p{font-size:10px;line-height:1.5;margin:10px 0 14px}.project-category{font-size:8px;margin-bottom:8px}.brand{font-size:20px}}
/* Keep the title visible; reveal supporting captions only on interaction. */
.overlay{opacity:1}
.project-copy,.project:hover .project-copy,.project:focus-within .project-copy{transform:none;width:100%}
.project-category,.project-copy p,.project-cta{opacity:0;visibility:hidden;max-height:0;overflow:hidden;margin:0;padding:0;border:0;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}
.image-wrap:hover .project-category,.image-wrap:focus-visible .project-category{opacity:1;visibility:visible;max-height:30px;margin-bottom:12px}
.image-wrap:hover .project-copy p,.image-wrap:focus-visible .project-copy p{opacity:1;visibility:visible;max-height:150px;margin:14px 0 20px}
.image-wrap:hover .project-cta,.image-wrap:focus-visible .project-cta{opacity:1;visibility:visible;max-height:30px;padding-bottom:6px;border-bottom:1px solid #aaa}
@media(hover:none){.image-wrap:not(:focus-visible) .project-category,.image-wrap:not(:focus-visible) .project-copy p,.image-wrap:not(:focus-visible) .project-cta{opacity:0;visibility:hidden;max-height:0;margin:0;padding:0;border:0}}
/* Studio management follows the portfolio's quiet visual language. */
button:disabled{opacity:.5;cursor:wait}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.photo-open{padding:0;width:100%;display:block}.gallery-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.gallery-actions button[aria-pressed=true]{color:#e8b9b9}.admin-section{max-width:1600px;margin:auto}.admin-top,.admin-actions,.admin-photo-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.admin-top .big-title{margin-bottom:40px}.admin-list{border-top:1px solid var(--line);margin:35px 0}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.admin-row strong{font:30px 'Italiana',serif;display:block}.admin-row span{display:block;font-size:11px;color:#aaa;margin-top:8px}.admin-panel{border:1px solid var(--line);padding:30px;margin:30px 0}.admin-panel h2{font:32px 'Italiana',serif;margin:0 0 25px}.admin-gallery-title{font:60px 'Italiana',serif;margin:35px 0}.admin-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.check-label{flex-direction:row;align-items:center;letter-spacing:0;font-size:12px}.check-label input{accent-color:#ccc;width:16px;height:16px}.share-panel{display:flex;gap:25px;align-items:end;flex-wrap:wrap}.share-panel label{flex:1;min-width:220px}.upload-zone{border:1px dashed #777;padding:30px;margin:25px 0}.upload-zone input{font-size:12px;width:100%}progress{width:100%;accent-color:#ddd}.status-tag{font-size:10px;letter-spacing:.05em;color:#bbb}.admin-photos img{height:240px}.admin-photos .gallery-actions{justify-content:flex-start;gap:25px}.admin-photos button{font-size:11px}.inquiry-message{white-space:pre-wrap}.inquiry h3{font:30px 'Italiana',serif;margin:0}.inquiry{margin:25px 0}.gallery-toolbar a{font-size:11px}.gallery-toolbar button{font-size:11px}.admin-panel .body-copy{max-width:none}
@media(max-width:760px){.admin-columns{grid-template-columns:1fr;gap:0}.admin-actions,.admin-top{align-items:start;flex-direction:column}.admin-panel{padding:22px}.admin-gallery-title{font-size:43px}.admin-row strong{font-size:25px}.share-panel{gap:15px}.admin-photos img{height:180px}.gallery-grid .gallery-actions{gap:8px}.gallery-actions span{font-size:10px}.admin-top .big-title{margin-bottom:5px}.admin-top{margin-bottom:30px}}
.admin-login-panel{max-width:520px;margin:30px 0 70px}.admin-login-panel h2{font:36px 'Italiana',serif}.admin-login-panel form{margin-top:35px}
/* Real portfolio series: natural proportions, progressive loading, full-screen viewing. */
.project-hero{display:block;width:100%;height:auto;max-height:85svh;object-fit:contain;background:#0b0c0d}.portfolio-photo-grid{columns:3;column-gap:22px}.portfolio-photo{display:block;padding:0;width:100%;margin:0 0 22px;break-inside:avoid;cursor:zoom-in;overflow:hidden;background:#191a1b}.portfolio-photo img{display:block;width:100%;height:auto;transition:transform .6s ease}.portfolio-photo:hover img{transform:scale(1.025)}.portfolio-photo:focus-visible{outline:2px solid #eee;outline-offset:4px}.portfolio-more{display:flex;justify-content:space-between;align-items:center;margin:35px 0 90px;gap:25px}#portfolio-more[hidden]{display:none}.project-detail .intro{font-size:clamp(30px,3.7vw,55px)}.project-detail .section-heading span{line-height:1.8}
@media(max-width:900px){.portfolio-photo-grid{columns:2;column-gap:15px}.portfolio-photo{margin-bottom:15px}}@media(max-width:480px){.portfolio-photo-grid{column-gap:10px}.portfolio-photo{margin-bottom:10px}.project-detail .section-heading{gap:20px}.project-detail .section-heading span{font-size:9px}.portfolio-more{margin-bottom:60px}}
.about-grid img.about-portrait{width:100%;height:auto;max-height:none;object-fit:contain;filter:none}.about-section .about-grid{align-items:start}.about-section .intro{font-size:clamp(36px,4vw,58px);margin:25px 0 30px}.about-section .body-copy{margin:0 0 18px}.about-section .tags{margin-top:30px}
/* Landscape covers on the home page and project overview. */
.project .image-wrap{aspect-ratio:3/2}.project .image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.project .overlay{padding:clamp(18px,2vw,28px)}
@media(max-width:900px){.grid{grid-template-columns:1fr;gap:38px}.project:nth-child(even){padding-top:0}}

/* Password input is only relevant when password protection is selected. */
[data-gallery-password][hidden]{display:none!important}

/* Optional photo descriptions in the fullscreen viewer. */
dialog.has-photo-caption img{height:70%}
#lightbox-caption{white-space:pre-line;line-height:1.6;max-width:800px;margin:16px auto}
dialog.has-photo-caption #lightbox-caption{max-height:15svh;overflow:auto}