*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{width:calc(100% - 64px);max-width:1280px;margin:0 auto;background:#faf9f5;color:#343a31;font:15px Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #926601;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px}.brand img{width:45px;mix-blend-mode:multiply}.brand i{font-family:Georgia,serif;letter-spacing:0}nav{display:flex;gap:35px;font-size:12px}section{padding:80px 0}.intro{padding-top:70px;padding-bottom:35px}small{font-size:10px;letter-spacing:2.5px;color:#807052}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-2px;margin:24px 0}h1{font-size:clamp(48px,6.4vw,94px)}h2{font-size:clamp(42px,4.6vw,68px)}em{font-weight:400;color:#8c6d38}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}p{line-height:1.8;color:#666b60}.link{border-bottom:1px solid #a29880;padding:12px 0;display:inline-block;font-size:13px}.hero{margin:0}.hero img{width:100%;height:auto;aspect-ratio:2.07 / 1;object-fit:cover;display:block;clip-path:none;transform:none}.hero figcaption{font-size:10px;color:#777d6e;padding:15px 0;letter-spacing:1px}.hero span{float:right;font-size:9px;letter-spacing:2px}.filters{display:flex;gap:26px;border-bottom:1px solid #dadcd0;margin:20px 0 40px}.filters button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 0;font-size:12px}.filters button[aria-pressed=true]{border-color:#967039;color:#85622c}#gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}.art{break-inside:avoid;margin:0 0 38px}.art button{display:block;width:100%;padding:0;border:0;background:#efeee8;overflow:hidden}.art img{width:100%;display:block;transition:transform .4s}.art button:hover img{transform:scale(1.025)}.art figcaption{font-size:12px;padding-top:13px;line-height:1.5}#about{position:relative;isolation:isolate;background:transparent;border-top:0;border-bottom:0;margin-top:48px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,460px);justify-content:start;gap:56px;align-items:center;padding:64px 0}#about h2{font-size:clamp(38px,3.5vw,52px);letter-spacing:-1.5px;margin:16px 0 20px}#about>div{min-width:0}#about>img{display:block;width:100%;max-width:360px;height:auto;max-height:none;object-fit:contain;justify-self:center}#about p{font-size:14px}#about .lead{font:22px/1.4 Georgia,serif;color:#48523f;margin:0 0 18px}#about p{margin:0 0 16px}#about .link{margin-top:4px}#contact{text-align:center}#contact .link{font-size:19px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dadcd0;padding:27px 0;font-size:10px;color:#747a6b}dialog{border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#faf9f5;padding:20px 5%}dialog[open]{display:flex;flex-direction:column}dialog .row{flex-shrink:0;font-size:12px}dialog button{background:none;border:1px solid #d2d5c5;padding:12px 18px}#full{flex:1;min-height:0;width:100%;object-fit:contain;padding:15px 0}#caption{text-align:center}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){body{width:calc(100% - 40px)}header{padding:18px 0}.brand{font-size:9px;letter-spacing:1px;gap:5px}.brand img{width:30px}nav{font-size:11px;gap:17px}nav a:last-child{display:none}section{padding:56px 0}.intro{padding-top:45px}.intro .row p{font-size:12px}.intro .link{font-size:11px}.hero img{height:auto;aspect-ratio:auto}.hero figcaption{font-size:8px}.hero span{font-size:8px}#work>.row{display:block}#gallery{grid-template-columns:1fr;gap:0}.filters{gap:23px}#about{grid-template-columns:minmax(0,460px);gap:30px;padding:48px 0}#about>img{max-width:260px;justify-self:start}#about>img{display:block;width:100%;max-width:360px;height:auto;max-height:none;object-fit:contain;justify-self:center}footer>span:nth-child(2){display:none}dialog{padding:15px}#caption{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}





@media(max-width:650px){#about>img{max-width:260px;justify-self:start}}



/* Full-browser background without changing the shared content alignment. */
#about::before{content:'';position:absolute;z-index:-1;inset:0;background:#edeee6;box-shadow:0 0 0 100vmax #edeee6;clip-path:inset(0 -100vmax);pointer-events:none}



#contact .email-contact{margin:30px 0 0;font-size:13px}#contact .email-contact .link{font-size:clamp(16px,2vw,19px);overflow-wrap:anywhere}

