@import url(https://fonts.googleapis.com/css2?family=Marcellus+SC&family=Outfit:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Marcellus+SC&family=Outfit:wght@300;400;500;600&display=swap);:root{--background-color:#0f0f12;--surface-color:#15151a;--primary-color:#e8d6c3;--accent-color:#b69373;--text-color:#f2f2f2;--text-muted:#c9c9cf;--border-color:#ffffff1f;--shadow-color:#00000080;--blur-opacity:0.5;--blur-brightness:0.5;--blur-scale:0.96;--transition-time:0.6s;--max-width:1200px}*{box-sizing:border-box}#root,body,html{height:100%}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color);background:radial-gradient(1200px 600px at 10% 0,#b693731f,#0000),radial-gradient(900px 500px at 90% 20%,#e8d6c312,#0000),var(--background-color);color:var(--text-color);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.art-portfolio{min-height:100vh;width:100%}.hero{display:grid;min-height:86vh;overflow:hidden;padding:120px 24px 64px;place-items:center;position:relative}.hero-bg{filter:grayscale(100%) contrast(105%);height:100%;inset:0;object-fit:cover;object-position:108% 28%;position:absolute;transform:translateX(22%);width:100%;will-change:transform}@media (max-width:980px){.hero-bg{transform:translateX(4%)}}@media (max-width:720px){.hero-bg{object-position:center 30%;transform:none}}.hero-backdrop{background:linear-gradient(180deg,#0000,#00000080 60%,#000c),radial-gradient(700px 400px at 50% 20%,#ffffff0d,#0000),radial-gradient(600px 350px at 20% 80%,#b6937314,#0000);filter:blur(22px) saturate(120%);inset:-10% -10% 0 -10%;pointer-events:none;position:absolute}.hero-fade-left,.hero-fade-right{bottom:0;pointer-events:none;position:absolute;top:0;width:22%;z-index:0}.hero-fade-left{background:linear-gradient(90deg,var(--background-color) 10%,var(--background-color) 35%,#0f0f12b3 65%,#0f0f1200 100%);left:0;width:65%}.hero-fade-right{background:linear-gradient(270deg,#0f0f1299,#0f0f1240 40%,#0f0f1200);right:0;width:36%}.hero-inner{align-items:center;display:grid;grid-template-columns:1fr;justify-items:start;max-width:var(--max-width);padding:0 24px;text-align:left;width:100%;z-index:1}.hero-copy{max-width:780px}.hero-title span{display:block}.hero-location{color:#ffffff8c;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(.75rem,1.6vw,.95rem);letter-spacing:.18em;margin:5px 0 25px;text-transform:uppercase}.hero-portrait{bottom:0;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));height:min(78vh,760px);object-fit:contain;opacity:.9;pointer-events:none;position:absolute;right:max(5%,calc((100vw - var(--max-width))/2));width:auto}@media (max-width:980px){.hero-portrait{height:60vh;opacity:.85;right:2%}}@media (max-width:720px){.hero-inner{justify-items:center;text-align:center}.hero-fade-left,.hero-fade-right,.hero-portrait{display:none}}.hero-title{color:var(--primary-color);font-family:Cinzel,Marcellus SC,serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:300;letter-spacing:.015em;line-height:.9;margin:0 0 20px}.hero-subtitle{color:#fffc;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.22em;margin:0 0 15px;text-transform:uppercase}.hero-ctas{display:flex;gap:12px}.hero-ctas .btn{padding:12px 20px}.btn{align-items:center;border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);display:inline-flex;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;padding:12px 18px;text-decoration:none;transition:transform .2s ease,background .3s ease,border-color .3s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(115deg,#b6937340,#e8d6c31f)}.btn-ghost{background:#ffffff0a}.gallery-section{padding:40px 20px 12px}.section-title{color:var(--primary-color);font-family:Marcellus SC,serif;font-size:clamp(1.4rem,2.5vw,2rem);margin:0 auto 16px;max-width:var(--max-width);padding:0 8px}.masonry-grid{column-count:2;column-gap:28px;margin:0 auto;max-width:var(--max-width)}@media (max-width:980px){.masonry-grid{column-count:2}}@media (max-width:640px){.masonry-grid{column-count:1}}.masonry-item{background:#0000;border:none;break-inside:avoid;cursor:zoom-in;display:block;margin:0 0 28px;padding:0;page-break-inside:avoid;position:relative;transform:perspective(1000px) rotateX(0) rotateY(0);transform:perspective(1000px) rotateX(var(--rx,0)) rotateY(var(--ry,0));width:100%}.masonry-frame{-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:18px;padding:20px;position:relative}.masonry-item img{background:var(--surface-color);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 10px 30px #00000059;display:block;height:auto;transition:transform .5s ease,box-shadow .5s ease,filter .5s ease;width:100%}.masonry-item:hover img{box-shadow:0 16px 40px #00000073;filter:saturate(1.05);transform:translateY(-4px) scale(1.02)}.masonry-caption{background:#00000073;border:1px solid #ffffff26;border-radius:999px;bottom:18px;font-size:.9rem;left:18px;padding:8px 10px}.masonry-caption,.masonry-size{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-color);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;position:absolute}.masonry-size{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;font-size:.85rem;padding:6px 10px;right:18px;top:18px}.contact-section{padding:56px 20px 80px;text-align:center}.contact-section h2{color:var(--primary-color);font-family:Marcellus SC,serif;margin:0 0 20px}.contact-section .contact-icons{display:flex;gap:28px;justify-content:center;margin-top:12px}.contact-section .contact-icons a{background:#ffffff0a;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);display:grid;height:48px;place-items:center;text-decoration:none;transition:transform .2s ease,background .3s ease,color .3s ease;width:48px}.contact-section .contact-icons a:hover{background:linear-gradient(115deg,#b693732e,#e8d6c31f);color:var(--primary-color);transform:translateY(-2px)}.contact-section .contact-icon{font-size:1.35rem}.scroll-progress{background:linear-gradient(90deg,#b6937333,#e8d6c373);height:3px;left:0;position:fixed;top:0;transform:scaleX(0);transform-origin:left center;width:100%;z-index:1200}.back-to-top{background:#ffffff0a;border:1px solid var(--border-color);border-radius:50%;bottom:18px;color:var(--text-color);cursor:pointer;display:grid;height:44px;opacity:0;place-items:center;position:fixed;right:18px;transform:translateY(8px);transition:all .25s ease;visibility:hidden;width:44px;z-index:1100}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.masonry-item.reveal{transition-delay:.05s}.masonry-item.reveal:nth-child(2){transition-delay:.1s}.masonry-item.reveal:nth-child(3){transition-delay:.15s}.masonry-item.reveal:nth-child(4){transition-delay:.2s}.masonry-item.reveal:nth-child(5){transition-delay:.25s}.masonry-item.reveal:nth-child(6){transition-delay:.3s}.modal-overlay{align-items:center;background:radial-gradient(800px 400px at 50% 10%,#b6937326,#0000),#000000db;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{grid-gap:16px;align-items:stretch;background:#ffffff0a;border:1px solid var(--border-color);border-radius:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px;max-height:90vh;max-width:min(94%,1200px);overflow:hidden;padding:16px;position:relative}.modal-close{background:none;background:#00000040;border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);cursor:pointer;font-size:20px;padding:6px 10px;position:absolute;right:10px;top:10px;transition:transform .2s ease,background .3s ease}.modal-close:hover{background:#00000059;transform:translateY(-1px)}.modal-image-wrap{display:grid;overflow:hidden;place-items:center;position:relative;z-index:1}.modal-image{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000059;cursor:grab;margin:0;max-height:70vh;max-width:100%;object-fit:contain;will-change:transform}.modal-image.dragging{cursor:grabbing}.modal-arrow{background:#00000059;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:grid;height:42px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease,background .3s ease;width:42px;z-index:3}.modal-arrow:hover{background:#00000073;transform:translateY(-50%) scale(1.05)}.modal-arrow-left{left:12px}.modal-arrow-right{right:12px}.modal-info{-webkit-overflow-scrolling:touch;border-left:1px solid var(--border-color);max-height:calc(90vh - 32px);overflow:auto;overscroll-behavior:contain;padding:12px 16px}.modal-title{color:var(--primary-color);font-family:Marcellus SC,serif;font-size:1.4rem;margin:4px 0 12px}.modal-text{color:var(--text-muted);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:300;line-height:1.7;margin:0;overflow-wrap:anywhere;word-break:break-word}@media (max-width:768px){.modal-content{grid-template-columns:1fr;max-width:96%;padding:12px}.modal-image{max-height:60vh}.modal-info{border-left:none;border-top:1px solid var(--border-color);max-height:24vh;overflow:auto;padding:8px 10px 0}.modal-title{font-size:1.2rem;text-align:center}.modal-text{font-size:.95rem}}.about-me{background:#ffffff0a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #00000059;margin:56px auto;padding:28px 22px;width:min(1060px,92%)}.about-me h2{color:var(--primary-color);font-family:Marcellus SC,serif;font-size:24px;margin:0 0 18px;text-align:center}.about-me-content{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1.1fr .9fr}.about-me-description p{color:var(--text-muted);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.05rem;font-weight:300;line-height:1.8;margin:0}.about-me-photo{display:grid;place-items:center}.about-me-photo img{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 30px #00000059;height:auto;max-width:100%}@media (max-width:880px){.about-me-content{grid-template-columns:1fr}}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15151a99;border-bottom:1px solid var(--border-color);left:0;padding:14px 0;position:fixed;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 20px}.logo h2{color:var(--primary-color);font-family:Marcellus SC,serif;font-size:1.2rem;font-weight:500;margin:0}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav ul li{margin-left:22px}.main-nav ul li button{background:none;border:1px solid #0000;border-radius:999px;color:var(--text-color);cursor:pointer;font-family:Marcellus SC,serif;font-size:.95rem;padding:8px 10px;position:relative;transition:color .3s ease,background .3s ease,border-color .3s ease}.main-nav ul li button:hover{background:#ffffff0f;border-color:var(--border-color);color:var(--primary-color)}.contact-icons{align-items:center;display:flex;gap:14px}.contact-icons a{background:#ffffff0a;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);display:grid;height:36px;place-items:center;text-decoration:none;transition:transform .2s ease,background .3s ease,color .3s ease;width:36px}.contact-icons a:hover{background:linear-gradient(115deg,#b693732e,#e8d6c31f);color:var(--primary-color);transform:translateY(-2px)}.contact-icon{font-size:1rem}@media (max-width:768px){.header-content{flex-direction:column;gap:10px;padding:10px}.contact-icons{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8441936b.css.map*/