.about-card{font-family:DM Sans,sans-serif;width:100%}.about-card__container{display:flex;justify-content:center;align-items:center;gap:12rem;max-width:1200px;margin:5rem auto}@media(max-width:992px){.about-card__container{flex-direction:column;gap:2rem;margin:3rem auto}}.about-card__title{font-size:48px;font-weight:400;line-height:1.2;color:#191819;text-align:left}@media(max-width:768px){.about-card__title{font-size:32px;text-align:center}}.about-card__box{flex:1;max-width:900px;min-height:600px;background:#1d1d1d;padding:1rem 2rem;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.about-card__text{font-weight:400;font-size:18px;line-height:140%;color:#fff;text-align:left}@media(max-width:768px){.about-card__text{text-align:center;font-size:16px}}.project-card{background:#191819;border:1px solid #522504;border-radius:8px;padding:16px;display:flex;flex-direction:row;gap:16px;width:auto;max-width:1086px;min-height:auto}.project-card__image{flex:0 0 320px;height:220px;overflow:hidden;border-radius:4px}.project-card__image img{width:100%;height:100%;object-fit:cover}.project-card__body{display:flex;flex-direction:column;gap:8px}.project-card__title{font-size:18px;font-weight:600;color:#e7e5e5;margin:0}.project-card__description{font-size:14px;color:#e7e5e5;margin:0;word-wrap:break-word;overflow-wrap:anywhere}.project-card__description ul{margin:0;padding-left:1rem}.project-card__description li{margin-bottom:.5rem}@media(max-width:900px){.project-card{flex-direction:column}.project-card__image{width:100%;height:auto}}.home{min-height:100vh;display:flex;flex-direction:column}.home .home__content{flex:1;display:flex;justify-content:center;align-items:center}.home .home__title{font-size:48px;font-weight:400;color:#191819;text-align:center}.projects__section{display:flex;align-items:flex-start;gap:10px;margin-top:120px}.projects__section .projects-title{writing-mode:vertical-rl;transform:rotate(180deg);color:#191819;font-size:32px}.projects__section .projects-grid{display:flex;flex-wrap:wrap;flex-direction:column;gap:2.5rem;justify-content:center}.home-section{background-color:#0d1f3c;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.home-section__inner{max-width:1200px;margin:0 auto;padding:4rem 3rem 5rem;display:flex;align-items:center;justify-content:center;width:100%;gap:3rem}.home-section__text{flex:0 0 auto;text-align:center}.home-section__greeting{font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:8rem;font-weight:100;color:#fff;margin:0 0 .1em;line-height:1;letter-spacing:.12em}.home-section__name{font-family:Playfair Display,serif;font-size:11rem;font-weight:700;font-style:italic;color:#e8c84a;margin:0;line-height:1;letter-spacing:-.02em}.home-section__collage{flex:0 0 400px;position:relative;height:380px;margin-top:-90px}.polaroid{position:absolute;background:transparent;padding:0;border:1px solid #d0d0d0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000002e;width:190px}.polaroid:before{content:"life.png";display:block;background:#e5e5e5;border-bottom:1px solid #d0d0d0;padding:5px 10px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;color:#333}.polaroid img{width:100%;height:145px;object-fit:cover;display:block}.polaroid--0{top:0;left:0;z-index:1;width:300px}.polaroid--0 img{height:260px}.polaroid--0:before{content:"life1.png"}.polaroid--1{top:170px;left:185px;z-index:2;width:300px}.polaroid--1 img{height:370px}.polaroid--1:before{content:"life2.png"}.roles-section{background-color:#f5f0e8;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.roles-section:before{content:"";position:absolute;inset:0;background-image:var(--bg-url, none);background-size:cover;background-position:center;background-attachment:scroll;z-index:0}.roles-section__inner{width:100%;max-width:1100px;padding:3rem;position:relative;z-index:1}.roles-section__headline{position:absolute;top:2.5rem;left:3rem;z-index:2;font-family:DM Sans,sans-serif;font-size:2.8rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.roles-section__cursor{display:inline-block;margin-left:2px;font-weight:300;animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.roles-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:100%}.roles-section__tile{position:absolute;width:100px;height:100px;z-index:0;background:repeating-conic-gradient(#c0593a 0% 25%,#2a6bbf 25% 50%,#e8c84a 50% 75%,#fff 75% 100%) 0 0/20px 20px;opacity:.7}.roles-section__tile--tl{top:0;right:0;border-radius:0 0 0 8px}.roles-section__tile--tr{top:0;right:100px;display:none}.roles-section__tile--bl{bottom:48px;left:0;border-radius:0 8px 8px 0}.roles-section__tile--br{bottom:48px;left:100px;display:none}.roles-section__loading-banner{background:#0d1f3c;color:#fff;font-family:Fira Code,monospace;font-size:.85rem;letter-spacing:.06em;text-align:right;padding:.7rem 3rem}.roles-section__card{padding:0;overflow:hidden}.roles-section__card .sticky-note__header{background:#e5e5e5;border-bottom:1px solid #d0d0d0;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;color:#000!important;text-transform:none;letter-spacing:0;margin-bottom:0}.roles-section__card ul{margin:0;padding:1.2rem 1.4rem 1.4rem 2rem;font-size:1rem;color:#444;line-height:2}.roles-section__card ul li{margin:0}.roles-section__card .bullet-link{background-color:#e8c84a;color:inherit;text-decoration:none;padding:0 2px;border-radius:2px}.roles-section__card .bullet-link:hover{background-color:#e2ba1d}.work-section{background:linear-gradient(160deg,#f5f0e8,#e8c9a0,#8fa3b8);display:flex;align-items:center}.work-section__inner{max-width:1200px;margin:0 auto;padding:3rem;width:100%}.work-section__headline{font-family:DM Sans,sans-serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;line-height:1.25;margin:0 0 3rem;max-width:480px}.work-section__cards{display:flex;gap:1.5rem;flex-wrap:wrap}.work-card{background:#fff;border-radius:12px;padding:1.5rem;flex:1 1 260px;max-width:340px;display:flex;flex-direction:column;box-shadow:2px 4px 16px #00000014}.work-card__title{font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:#1a1a1a}.work-card ul{margin:0 0 1rem;padding-left:1.2rem;font-size:.88rem;color:#555;line-height:1.8;flex:1}.work-card ul li{margin:0}.work-card__links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.work-card__link{font-size:.75rem;font-weight:500;padding:.3rem .7rem;border-radius:4px;background:#0d1f3c;color:#fff;transition:opacity .18s}.work-card__link:hover{opacity:.8}.culture-section{position:relative;min-height:100vh;background-color:#2a2a2a;display:flex;align-items:center;justify-content:space-between;padding:4rem 3rem;gap:2rem}.culture-section:before{content:"";position:absolute;inset:0;background-image:var(--bg-url, none);background-size:cover;background-position:center;background-attachment:scroll;z-index:0}.culture-section__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#00000073,#00000026);pointer-events:none;z-index:1}.culture-section__desktop{flex:0 0 380px;position:relative;height:500px;z-index:2}.culture-section__note{max-width:480px;z-index:2;margin-left:auto;padding:1.8rem 2rem}.culture-section__note-heading{font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .8rem;color:#1a1a1a;line-height:1.3}.culture-section__note-heading em{font-family:Playfair Display,serif;font-style:italic;font-size:2rem;color:#e8c84a}.culture-section p{font-size:1.05rem;color:#444;margin:0;line-height:1.7}.desktop-file{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:default;-webkit-user-select:none;user-select:none;text-decoration:none}.desktop-file--link{cursor:pointer;transition:transform .15s ease,filter .15s ease}.desktop-file--link:hover{transform:scale(1.12);filter:brightness(1.2)}.desktop-file:nth-child(1){top:10px;left:10px}.desktop-file:nth-child(2){top:50px;left:170px}.desktop-file:nth-child(3){top:190px;left:0}.desktop-file:nth-child(4){top:200px;left:185px}.desktop-file:nth-child(5){top:370px;left:60px}.desktop-file:nth-child(6){top:350px;left:220px}.desktop-file__icon{font-size:3.5rem;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.3))}.desktop-file__label{font-size:.82rem;font-family:DM Sans,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;max-width:100px;word-break:break-all}.style-section{background-image:var(--bg-url, none);background-size:cover;background-position:center;background-color:#c8daf0;min-height:100vh;display:flex;align-items:center}.style-section__inner{max-width:1300px;margin:0 auto;padding:4rem 3rem;width:100%;display:flex;align-items:flex-start;gap:2.5rem}.style-section__left{flex:0 0 34%;padding-top:1rem}.style-section__headline{font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;line-height:1.2;margin:0 0 1.8rem}.style-section__serve{font-family:Times New Roman,Times,serif;font-style:italic;font-weight:400;font-size:3rem;color:#000}.style-section__body{font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:1.05rem;color:#fff;line-height:1.7;margin:0 0 1rem}.style-section__photo-card{flex:0 0 36%;border:1px solid #c8c8c8;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #0000002e;background:#fff}.style-section__photo-bar{background:#e5e5e5;border-bottom:1px solid #d0d0d0;padding:5px 12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;color:#333}.style-section__photo{width:100%;display:block;object-fit:cover}.style-section__photo-placeholder{height:480px;background:#f0f0f0}.style-section__sidebar{flex:1;display:flex;flex-direction:column;gap:1.8rem;padding-top:.5rem}.style-section__files{display:flex;flex-direction:column;gap:1.2rem}.style-section__note{margin-top:3rem;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000001f}.style-section__note-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 8px;border-bottom:1px solid rgba(0,0,0,.07);font-family:Helvetica World,Helvetica,Arial,sans-serif}.style-section__note-back{color:#007aff;font-size:.95rem}.style-section__note-actions{display:flex;gap:.8rem;color:#007aff;font-size:1rem}.style-section__note-body{padding:1rem 1.2rem 1.2rem}.style-section__note-title{font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:.95rem;font-weight:700;color:#000;background:#e8c84a;display:inline;padding:1px 4px;border-radius:2px;margin-bottom:.8rem;line-height:1.8}.style-section__checklist{list-style:none;margin:.8rem 0 0;padding:0;font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:.9rem;color:#000}.style-section__checklist li{display:flex;align-items:center;gap:.6rem;padding:.25rem 0}.style-section__check{width:22px;height:22px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;color:transparent}.style-section__check--done{background:#e8c84a;border-color:#e8c84a;color:#fff}.fake-file{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;-webkit-user-select:none;user-select:none;text-decoration:none}.fake-file--link{cursor:pointer;border-radius:6px;padding:4px 6px;transition:background .15s}.fake-file--link:hover{background:#e8c84a8c}.fake-file--link:hover .fake-file__icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35)) brightness(1.1)}.fake-file__icon{font-size:5.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.fake-file__label{font-family:Helvetica World,Helvetica,Arial,sans-serif;font-size:1rem;color:#fff;text-align:center;background:#00000059;padding:1px 6px;border-radius:3px}.footer-section{position:relative;z-index:10;background-color:#0d1f3c;color:#fff;padding:3rem 0 2rem}.footer-section__inner{max-width:1200px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-section__linkedin{font-size:.85rem;color:#8fa3b8;text-decoration:underline;word-break:break-all}.footer-section__linkedin:hover{color:#fff}.footer-section__right{text-align:right}.footer-section__sections-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;display:block;margin-bottom:.4rem}.footer-section ul{list-style:none;margin:0;padding:0;font-size:.85rem;color:#ffffffb3;line-height:1.9}.footer-section__bottom{max-width:1200px;margin:2rem auto 0;padding:1.5rem 3rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.footer-section__tagline{font-family:Playfair Display,serif;font-style:italic;font-size:.9rem;color:#fff9}.footer-section__name{font-size:.8rem;color:#fff6}.navbar{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:1.2rem 3rem}.navbar .navbar__brand{position:absolute;left:3rem;top:50%;transform:translateY(-50%);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:200;color:#fff;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;transition:opacity .18s}.navbar .navbar__brand:hover{opacity:.6}.navbar .navbar__links{display:flex;gap:.4rem;list-style:none;margin:0;padding:.3rem;background:#ffffff1a;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar .navbar__links li{margin:0}.navbar .navbar__links a{display:block;text-decoration:none;color:#fff;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:400;padding:.35rem 1.1rem;border-radius:999px;transition:background .18s}.navbar .navbar__links a:hover{background:#ffffff26}.navbar .navbar__links a.active{background:#fff;color:#0d1f3c;font-weight:500}.navbar--sidequests .navbar__links a{color:#d9d9f3}.navbar--sidequests .navbar__links a.active{background:#d9d9f3;color:#1d1d1e}.navbar--dark .navbar__brand{color:#0d1f3c}.navbar--dark .navbar__links{background:#0d1f3c14}.navbar--dark .navbar__links a{color:#0d1f3c}.navbar--dark .navbar__links a:hover{background:#0d1f3c14}.navbar--dark .navbar__links a.active{background:#0d1f3c;color:#fff}.resume{max-width:900px;margin:0 auto;padding:2rem}.resume .resume__contact{text-align:center;margin-bottom:3rem}.resume .resume__contact .resume__name{font-size:2.5rem;font-weight:700;margin:0}.resume .resume__contact .resume__title{font-size:1.25rem;color:#191819;margin-top:.25rem}.resume .resume__contact .resume__links{margin-top:.75rem;display:flex;justify-content:center;gap:1rem;font-size:.9rem}.resume .resume__block{margin-bottom:3rem}.resume .resume__section-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.resume .resume__card-container{display:flex;flex-direction:column;gap:1.5rem}.resume .resume__card{padding:1.75rem 2rem;background:#e9e0e9;border-radius:8px;box-shadow:0 2px 5px #0000001a}.resume .resume__card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.resume .resume__card-date{font-size:.9rem;opacity:.75}.resume .resume__card-subtitle{font-size:1rem;opacity:.9;margin-bottom:.75rem}.resume .resume__card-list{padding-left:1.2rem;margin-top:.5rem}.resume .resume__skills-group{margin-bottom:1.5rem}.resume .resume__skills-group h3{font-size:1rem;font-weight:550;margin-bottom:.6rem;opacity:.85}.resume .resume__skills-row{display:flex;flex-wrap:wrap;gap:.6rem}.resume .resume__skill-pill{padding:.4rem .85rem;border-radius:999px;font-size:.85rem;background:#e9e0e9}.writings-page{min-height:100vh;background:#f0eeeb;padding:5rem 2rem 2rem}.writings-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1400px;margin:0 auto}.writings-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #00000014;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:default}.writings-card--link{cursor:pointer}.writings-card--link:hover{box-shadow:0 6px 24px #00000024;transform:translateY(-2px)}.writings-card__preview{height:340px;width:100%;flex-shrink:0}.writings-card__preview--rich{height:auto;display:flex;flex-direction:column}.writings-card__preview--text{height:280px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.6rem 1.4rem 1.2rem;gap:.75rem;flex-shrink:0}.writings-card__preview-title{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700;color:#111;line-height:1.3;margin:0;flex-shrink:0}.writings-card__preview-img{width:100%;height:220px;object-fit:cover;display:block;flex-shrink:0}.writings-card__preview-text{padding:1rem 1.2rem .8rem;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.5rem}.writings-card__author{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;color:#f6821f;text-transform:uppercase;letter-spacing:.05em}.writings-card__excerpt{font-family:DM Sans,sans-serif;font-size:.85rem;color:#444;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.writings-card__excerpt--on-bg{color:#333}.writings-card__footer{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;gap:1rem;flex-shrink:0}.writings-card__title{flex:1;min-width:0;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;color:#111;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writings-card__category{color:#888;font-weight:400}.writings-card__year{font-family:DM Sans,sans-serif;font-size:.85rem;color:#888;white-space:nowrap;flex-shrink:0}.writing-post{min-height:100vh;background:#f5f0e8;padding:6rem 4rem;max-width:1100px;margin:0 auto}.writing-post__title{font-family:DM Sans,sans-serif;font-size:2.8rem;font-weight:800;color:#111;margin:0 0 3rem;line-height:1.15;padding-left:calc(220px + 3rem)}.writing-post__layout{display:flex;gap:3rem;align-items:flex-start}.writing-post__sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1.2rem;padding-top:.15rem;position:sticky;top:5rem}.writing-post__section-label{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:400;color:#111;text-decoration:none;display:block}.writing-post__section-label:hover{text-decoration:underline}.writing-post__body{flex:1;min-width:0}.writing-post__body p{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.8;color:#111;text-align:center;margin:0 0 1.8rem}.writing-post__h2{height:0;overflow:hidden;margin:0}.writing-post__img{display:block;max-width:60%;height:auto;margin:1.5rem auto;border-radius:4px}.photography-page{min-height:100vh;background:#0d1f3c;display:flex;align-items:center;justify-content:center;padding:2rem}.photography-page__camera-wrap{position:relative;width:min(75vw,130vh)}.photography-page__camera{width:100%;height:auto;display:block;position:relative;z-index:2}.photography-page__screen{position:absolute;left:8%;top:29.68%;width:47%;height:52.59%;overflow:hidden;background:#000;z-index:1}.photography-page__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.photography-page__slide--active{opacity:1}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;box-sizing:border-box;font-family:DM Sans,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:inherit}.content-wrapper{width:100%;padding:0}.section-inner{max-width:1200px;margin:0 auto;padding:0 3rem}a{font-weight:500;text-decoration:none;color:inherit}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s}.page-default{background-color:#f5f0e8}.page-sidequests{background-color:#1d1d1e}.page-writings{background-color:#f0eeeb}.page-contents{background-color:#2a2a2a}.page-photography{background-color:#0d1f3c}.section-slide{position:sticky;top:0;height:100vh;overflow:hidden}.section-slide:not(:first-child){box-shadow:0 -8px 32px #00000038;border-radius:14px 14px 0 0}.section-slide>*{height:100%;min-height:unset}.highlight{background-color:#e8c84a;border-radius:4px;padding:0 6px;display:inline}.sticky-note{background:#fff;border-radius:6px;box-shadow:2px 4px 16px #0000001a;padding:1rem 1.2rem}.sticky-note .sticky-note__header{font-size:.7rem;font-weight:700;color:#8fa3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1.5px solid #e0e0e0}
