@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--burgundy: #71091c;--burgundy-light: #901225;--burgundy-muted: #f5e6e8;--baby-blue: #a8c8e8;--baby-blue-light: #d4e8f5;--baby-blue-dark: #6aaed6;--cream: #faf8f5;--text-dark: #2a1a1f;--text-mid: #5a3a42;--text-light: #9a7a82}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-weight:300;background:linear-gradient(to bottom,var(--baby-blue) 0%,#7a9bb5 30%,#7a4a58 65%,var(--burgundy) 100%);background-attachment:fixed;color:#fff;line-height:1.6}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;background:#a8c8e840;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.15)}.nav-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;font-style:italic;color:#fff;letter-spacing:.02em}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 3rem 4rem;max-width:1100px;margin:0 auto;gap:5rem}.hero-text{flex:1}.hero-greeting{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;color:#fffc;letter-spacing:.05em;margin-bottom:.75rem}.hero-name{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:1.1;color:#fff;margin-bottom:1rem}.hero-title{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6;margin-bottom:1.75rem}.hero-bio{font-size:1rem;color:#fffc;max-width:460px;line-height:1.8;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem}.btn-primary{padding:.75rem 2rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.4);font-family:Inter,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .2s}.btn-primary:hover{background:#ffffff40}.btn-outline{padding:.75rem 2rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);font-family:Inter,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .2s}.btn-outline:hover{background:#ffffff1a}.hero-photo-wrap{flex-shrink:0}.hero-photo{width:380px;height:auto;display:block;mask-image:radial-gradient(ellipse 85% 85% at 50% 45%,black 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 45%,black 50%,transparent 100%)}section{padding:6rem 3rem;max-width:1100px;margin:0 auto}.section-label{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9;margin-bottom:.5rem}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#fff;margin-bottom:3rem}.section-divider{width:60px;height:1px;background:#ffffff4d;margin-bottom:3rem}#projects{background:transparent;max-width:100%;padding:6rem 0}#projects .inner{max-width:1100px;margin:0 auto;padding:0 3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{border:1px solid rgba(255,255,255,.2);padding:2rem;transition:border-color .2s,transform .2s;background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover{border-color:#fff6;transform:translateY(-3px)}.project-tag{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-bottom:.75rem}.project-card h3{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:400;color:#fff;margin-bottom:.75rem}.project-card p{font-size:.9rem;color:#ffffffbf;line-height:1.7;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.project-links a{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px;transition:opacity .2s}.project-links a:hover{opacity:.7}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.design-card-link{display:block;aspect-ratio:4/3;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);text-decoration:none;transition:border-color .2s;background:#ffffff0f}.design-card-link:hover{border-color:#fff6}.design-card-img{width:100%;height:100%;object-fit:cover;display:block}.design-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.design-card-books{display:flex;align-items:flex-end;gap:.5rem;color:#fff9}.design-card-name{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;color:#fffc;letter-spacing:.02em}.design-flip{aspect-ratio:4/3;perspective:1000px;cursor:pointer}.design-flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.design-flip:hover .design-flip-inner{transform:rotateY(180deg)}.design-flip-front,.design-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#ffffff14;display:flex;align-items:center;justify-content:center}.design-flip-back{transform:rotateY(180deg);border-color:#ffffff59}.design-flip-front img,.design-flip-back img{width:100%;height:100%;object-fit:cover}.design-flip-label{position:absolute;bottom:0;left:0;right:0;padding:.6rem 1rem;background:linear-gradient(transparent,#00000073);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fffc}.design-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#ffffff80}.design-placeholder span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.design-placeholder svg{opacity:.5}.design-page{min-height:100vh}.design-page-inner{max-width:1100px;margin:0 auto;padding:7rem 3rem 5rem}.design-page-back{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;text-decoration:none;transition:color .2s;display:inline-block;margin-bottom:2.5rem}.design-page-back:hover{color:#fff}.design-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:3.5rem;flex-wrap:wrap}.design-page-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:#fff;margin:.25rem 0 1rem}.design-page-desc{font-size:.95rem;color:#ffffffbf;max-width:480px;line-height:1.8;margin-bottom:1.5rem}.design-page-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.design-page-tools{display:flex;gap:.5rem;flex-wrap:wrap}.design-tool-tag{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid rgba(255,255,255,.25);color:#ffffffb3}.design-page-github{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;transition:opacity .2s}.design-page-github:hover{opacity:.7}.design-palette-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin-bottom:.75rem}.design-palette-swatches{display:flex;gap:1rem;flex-wrap:wrap}.design-swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.design-swatch{width:48px;height:48px;border:1px solid rgba(255,255,255,.15)}.design-swatch-hex{font-size:.65rem;color:#ffffff80;letter-spacing:.05em}.design-grid-hint{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:1.5rem}.design-screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.design-screen-flip{display:flex;flex-direction:column;gap:.4rem}.design-screen-inner{aspect-ratio:9/16;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.design-screen-flip:hover .design-screen-inner{transform:rotateY(180deg)}.design-screen-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.design-screen-face img{width:100%;height:100%;object-fit:contain}.design-screen-rear{transform:rotateY(180deg)}.design-screen-caption{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;text-align:center}.design-page-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.lightbox-overlay{position:fixed;inset:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox{background:linear-gradient(135deg,#1a2a3a,#2a0e18);border:1px solid rgba(255,255,255,.15);padding:2.5rem;max-width:780px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.lightbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;line-height:1;transition:color .2s}.lightbox-close:hover{color:#fff}.lightbox-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:300;color:#fff;align-self:flex-start}.lightbox-flip{width:100%;aspect-ratio:4/3;perspective:1200px;cursor:pointer}.lightbox-flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.lightbox-flip.is-flipped .lightbox-flip-inner{transform:rotateY(180deg)}.lightbox-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15)}.lightbox-face img{width:100%;height:100%;object-fit:contain}.lightbox-back{transform:rotateY(180deg)}.lightbox-hint{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#fff6;align-self:flex-end}.lightbox-nav{display:flex;align-items:center;gap:2rem}.lightbox-nav button{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;cursor:pointer;font-size:1rem;transition:background .2s;display:flex;align-items:center;justify-content:center}.lightbox-nav button:hover:not(:disabled){background:#ffffff1a}.lightbox-nav button:disabled{opacity:.25;cursor:default}.lightbox-counter{font-size:.8rem;color:#fff9;letter-spacing:.05em;min-width:160px;text-align:center}#certs{background:transparent;max-width:100%;padding:6rem 0}#certs .inner{max-width:1100px;margin:0 auto;padding:0 3rem}.certs-list{display:flex;flex-direction:column;gap:1rem}.cert-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#ffffff14;border-left:3px solid rgba(255,255,255,.4);transition:border-color .2s}.cert-item:hover{border-color:#fff}.cert-icon{width:40px;height:40px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.cert-info h4{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400;color:#fff;margin-bottom:.2rem}.cert-info p{font-size:.8rem;color:#fff9;letter-spacing:.05em}footer{padding:3rem;text-align:center;border-top:1px solid rgba(255,255,255,.15)}.footer-name{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-style:italic;color:#fff;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;list-style:none;margin-bottom:1.5rem}.footer-links a{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#fff9;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{font-size:.75rem;color:#fff6}@media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{gap:1.5rem}.hero{flex-direction:column-reverse;padding:6rem 1.5rem 3rem;gap:3rem;text-align:center}.hero-photo-wrap{width:300px;margin:0 auto 2rem}.hero-bio{margin:0 auto 2.5rem}.hero-cta{justify-content:center}section{padding:4rem 1.5rem}#projects .inner,#certs .inner{padding:0 1.5rem}}