@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap";:root{color:#f5f0f7;font-synthesis:none;text-rendering:optimizelegibility;background:#08040d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}:root{--bg-deep:#000817;--bg-purple:#010c23;--bg-purple-light:#07172f;--text:#faf7fb;--text-muted:#d8dce2;--text-dim:#aeb8c4;--gold:#d2b16f;--gold-muted:#b49355;--border:#ffffff1f;--border-gold:#d2b16f42;--surface:#ffffff0b;--surface-hover:#ffffff13}body{background-color:#0000;background-image:radial-gradient(circle at 18% 22%,#00040e57,#0000 36%),radial-gradient(circle at 82% 68%,#00030c47,#0000 40%),linear-gradient(135deg,#000714 0%,#010e25 38%,#000a1b 72%,#000612 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.site-header{z-index:10;background:0 0;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:26px 7vw;display:flex;position:relative}.site-header:before{content:"";z-index:-1;background:#010e25;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.site-header:after{content:"";background:var(--border-gold);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.logo{align-items:center;text-decoration:none;display:flex}.logo img{object-fit:contain;width:auto;height:52px;display:block}.nav{align-items:center;gap:36px;display:flex}.nav a{color:var(--text);font-size:1.1rem;font-weight:650;text-decoration:none;transition:color .15s;position:relative}.nav a:after{content:"";background:var(--gold);width:0;height:2px;transition:width .18s;position:absolute;bottom:-8px;left:0}.nav a:hover{color:var(--gold)}.nav a:hover:after{width:100%}.hero{border-bottom:1px solid var(--border-gold);background:url(/hero.png) 50%/cover;justify-content:center;align-items:center;min-height:56vh;padding:42px 5vw;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#07030b14 0%,#07030b38 65%,#07030b6b 100%);position:absolute;inset:0}.hero-content{z-index:1;width:100%;max-width:1380px;margin:0 auto;position:relative}.hero-quote{color:#fffdf8;letter-spacing:-.012em;text-align:center;text-wrap:balance;text-shadow:0 2px 5px #000c,0 6px 20px #000000a6;width:100%;max-width:1320px;margin:0 auto;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.9rem,3vw,3.2rem);font-weight:600;line-height:1.18}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 18px;font-size:2rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--gold);flex:none;width:40px;height:2px}h1{max-width:1000px;color:var(--text);letter-spacing:-.05em;text-shadow:0 3px 24px #00000059;margin:0;font-size:clamp(3.8rem,8vw,7.5rem);font-weight:550;line-height:.94}.intro{max-width:720px;color:var(--text);text-shadow:0 2px 16px #00000073;margin:28px 0 32px;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400;line-height:1.55}.button{border:1px solid var(--gold);color:var(--gold);padding:15px 26px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-block}.button:hover{background:var(--gold);color:#110817;transform:translateY(-2px)}.section{width:100%;max-width:1400px;margin:0 auto;padding:85px 7vw}.section-heading{margin-bottom:42px}h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,5.5vw,5.2rem);font-weight:520;line-height:.98}#about{padding-top:65px;padding-bottom:70px}#about .section-heading{margin-bottom:34px}.about-grid{grid-template-columns:minmax(280px,420px) minmax(360px,520px);justify-content:center;align-items:stretch;gap:56px;display:grid}.portrait-frame{width:100%;min-height:0;position:relative}.portrait-image{object-fit:contain;border:1px solid #d2b16fe6;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #d2b16f2e,0 12px 40px #00000047}.about-copy{color:var(--text-muted);font-size:clamp(1.25rem,1.45vw,1.4rem);line-height:1.58}.about-copy p{white-space:pre-line;margin:0 0 22px}.about-copy p:last-child{margin-bottom:0}#work{border-top:1px solid var(--border-gold)}.work-grid{--cover-width:clamp(170px, 16vw, 220px);--cover-lift:clamp(65px, 6vw, 90px);padding-top:var(--cover-lift);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:18px;display:grid}.work-card{box-sizing:border-box;border:1px solid var(--border);width:100%;min-width:0;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff0f,#010e2506);flex-direction:column;padding:26px;transition:transform .18s,border-color .18s,background .18s;display:flex}.work-card:hover{background:linear-gradient(145deg,#ffffff17,#d2b16f09);border-color:#d2b16f73;transform:translateY(-4px)}.book-card{position:relative;overflow:visible}.book-cover-frame{width:min(var(--cover-width), calc(100% - 20px));aspect-ratio:2/3;margin:calc(-1 * var(--cover-lift)) auto 24px;filter:drop-shadow(0 16px 22px #0000006b);flex:none;transition:transform .18s,filter .18s;overflow:hidden}.book-cover{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;max-height:none;display:block}.book-card:hover .book-cover-frame{filter:drop-shadow(0 24px 28px #00000080);transform:translateY(-5px)rotate(-1deg)}.work-number{color:var(--gold);letter-spacing:.1em;font-size:.9rem;font-weight:700}.work-card h3{color:var(--text);overflow-wrap:break-word;white-space:pre-line;margin:0 0 12px;font-size:clamp(1.4rem,1.7vw,1.8rem);font-weight:550;line-height:1.12}.work-card p{color:var(--text-muted);overflow-wrap:break-word;margin:0;font-size:1.08rem;line-height:1.55}.quote-section{border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold);background:radial-gradient(circle,#763a912e,#0000 60%),#ffffff05;padding:90px 7vw}blockquote{max-width:1150px;color:var(--text);letter-spacing:-.035em;margin:0 auto;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:450;line-height:1.08}.contact-section{border-top:1px solid var(--border-gold);padding-top:80px;padding-bottom:80px}.contact-section>p:not(.eyebrow){max-width:700px;color:var(--text-muted);margin:26px 0 0;font-size:1.25rem;line-height:1.6}.contact-email{width:fit-content;color:var(--gold);text-underline-offset:5px;margin-top:16px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:500;text-decoration-thickness:1px;transition:color .15s}.contact-email:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border-gold);width:100%;max-width:1400px;color:var(--text-dim);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 7vw;font-size:.95rem;display:flex}.footer-links{gap:26px;display:flex}.footer-links a{color:inherit;transition:color .15s}.footer-links a:hover{color:var(--gold)}.modal-backdrop{z-index:1000;background:#00040ee0;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.project-modal{border:1px solid var(--border-gold);background:radial-gradient(circle at 20% 10%,#010e25e6,#0000 42%),linear-gradient(135deg,#010e25 0%,#000a1b 100%);width:min(100%,900px);margin:auto;position:relative;box-shadow:0 30px 90px #000000b3}.modal-image-container{border-bottom:1px solid var(--border-gold);justify-content:center;padding:38px 40px 28px;display:flex}.modal-image{object-fit:contain;filter:drop-shadow(0 16px 22px #0000006b);width:auto;max-width:90%;height:400px;display:block}.modal-content{padding:42px 54px 52px}.modal-content h2{color:var(--text);margin:0;font-size:clamp(1.4rem,1.7vw,1.8rem);font-weight:550;line-height:1.12}.modal-copy{max-width:760px;color:var(--text-muted);margin-top:24px;font-size:1.15rem;line-height:1.65}.modal-copy p{margin:0 0 22px}.modal-copy p:last-child{margin-bottom:0;font-style:italic}.modal-close{border:1px solid var(--border-gold);cursor:pointer;background:0 0;border-radius:50%;width:42px;height:42px;padding:0;position:absolute;top:24px;right:24px}.modal-close:before,.modal-close:after{content:"";background:var(--text);transform-origin:50%;border-radius:2px;width:26px;height:3px;position:absolute;top:50%;left:50%}.modal-close:before{transform:translate(-50%,-50%)rotate(45deg)}.modal-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.language-picker{width:fit-content;position:relative}.language-button{box-sizing:border-box;border:1px solid var(--border-gold);width:48px;height:34px;color:var(--gold);cursor:pointer;background:#010e25;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.language-button::-webkit-details-marker{display:none}.language-picker[open] .language-button{border-color:var(--gold)}.language-chevron{border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.language-menu{z-index:100;box-sizing:border-box;border:1px solid var(--border-gold);background:#010e25;border-radius:5px;width:44px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000004d}.language-menu>a{width:30px;height:28px;color:var(--gold);font:inherit;background:0 0;border-radius:3px;justify-content:center;align-items:center;margin:0 auto;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.language-menu>a:hover{color:var(--text);background:#ffffff1f}.language-menu>a:after{content:none;display:none}.preserve-lines{white-space:pre-line}.footer{border-top:1px solid var(--border-gold);color:var(--text-muted);justify-content:center;align-items:center;gap:24px;padding:28px 7vw;display:flex}.footer p{margin:0}.social-links{align-items:center;gap:14px;display:flex}.social-links a{width:34px;height:34px;color:var(--gold);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.social-links svg{fill:currentColor;width:21px;height:21px}.social-links a:hover{color:var(--text);transform:translateY(-2px)}.header-right{align-items:center;gap:18px;display:flex}.menu-toggle{display:none}@media (width<=760px){.site-header{position:relative}.header-right{gap:12px}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:7px;display:flex}.menu-toggle span{background:var(--gold);width:100%;height:1px;display:block}.logo img{height:42px}.nav{z-index:100;border:1px solid var(--border-gold);opacity:0;visibility:hidden;pointer-events:none;background:#010e25;flex-direction:column;align-items:stretch;gap:0;min-width:160px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:100%;right:7vw;transform:translateY(-6px)}.nav.nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav a{white-space:nowrap;padding:10px 12px}.hero{min-height:56vh;padding:36px 24px}.hero-content{max-width:640px}.hero-quote{font-size:clamp(2rem,9vw,3.2rem);line-height:1.1}h1{font-size:clamp(3.3rem,15vw,5rem)}.intro{font-size:1.15rem}.section{padding:65px 24px}.section-heading{margin-bottom:34px}#about{padding-top:70px;padding-bottom:60px}#about .section-heading{margin-bottom:32px}.about-grid{flex-direction:column;align-items:center;gap:32px;display:flex}.portrait-frame{width:min(82vw,340px)}.portrait-image{width:100%;max-width:100%;height:auto;max-height:none;position:static;transform:none}.about-copy{width:100%;max-width:520px;color:var(--text-muted);margin:0;padding:0;font-size:1.15rem;line-height:1.6}.work-grid{--cover-width:min(210px, 65vw);--cover-lift:75px;grid-template-columns:1fr;justify-items:center;row-gap:28px;padding-top:0}.work-card{width:min(82vw,390px)}.book-card{margin-top:var(--cover-lift)}.work-card p{font-size:1.08rem}.quote-section{padding:70px 24px}.contact-section{padding-top:75px;padding-bottom:75px}.site-footer{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 24px}.modal-backdrop{padding:16px}.modal-image-container{padding:38px 22px 26px}.modal-image{max-width:min(78%,280px);max-height:400px}.modal-content{padding:32px 24px 38px}.modal-copy{font-size:1.08rem;line-height:1.65}.modal-close{top:10px;right:10px}.footer{text-align:center;flex-direction:column;justify-content:center;gap:16px}}
