@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#f6f3ec;font-synthesis:none;background:#07111f;font-family:DM Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#07111f;min-width:320px;margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}main{background:#07111f;position:relative;overflow:hidden}.site-header,section,footer{z-index:1;max-width:1440px;margin:auto;position:relative}.hero{isolation:isolate;min-height:10svh;padding:0}.photo-card.hero-background{z-index:0;pointer-events:none;width:100vw;height:100svh;min-height:0;transition:opacity 80ms linear;position:fixed;inset:0;border:0!important;border-radius:0!important}.hero-background img{filter:brightness(.44)saturate(.62);transition:transform .12s,object-position .12s}.hero-background .photo-card__controls,.hero-background figcaption{opacity:0}.background-editor{z-index:4;color:#f6f3ec;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.04em;background:#07111fc7;border:1px solid #bed2d959;width:min(248px,100vw - 2rem);font-size:.67rem;position:fixed;top:1rem;right:1rem}.background-editor summary{color:#f4c66b;cursor:pointer;padding:.82rem 1rem;list-style:none}.background-editor summary::-webkit-details-marker{display:none}.background-editor summary:after{content:"−";float:right}.background-editor:not([open]) summary:after{content:"+"}.background-editor__body{gap:.85rem;padding:.1rem 1rem 1rem;display:grid}.background-editor label{color:#bed2d9;gap:.35rem;display:grid}.background-editor select{color:#f6f3ec;background:#10243a;border:1px solid #bed2d952;width:100%;padding:.55rem .6rem}.hero__light,.horizon__light{z-index:-1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(at 50% 90%,#f4c66ba8,#f3a77b38 26%,#0000 62%);height:65%;position:absolute;inset:auto -15% -25%}.hero__light{opacity:var(--hero-fade,1);transition:opacity 80ms linear}.hero__copy{max-width:510px}.index{color:#f4c66b;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.25rem;font-size:.65rem;display:block}.placeholder{color:#f6f3ec}.placeholder span{letter-spacing:-.035em;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.3rem,5vw,5.5rem);line-height:.9}.placeholder i{border-top:1px solid #bed2d985;width:44%;margin-top:1.7rem;display:block}.placeholder--compact span{font-size:clamp(2rem,4vw,3.8rem)}.profile-name{color:#f6f3ec;letter-spacing:-.065em;margin:0 0 1.7rem;font-family:inherit;font-size:clamp(2.35rem,4.6vw,5rem);font-weight:500;line-height:.95}.technical-introduction{color:#d9e2e4;font-size:clamp(.78rem,1.05vw,.94rem);line-height:1.8}.technical-introduction p{margin:0}.technical-introduction p+p{margin-top:1.45rem}.technical-introduction strong{color:#f4c66b;font-weight:500}.scroll-cue{color:#bed2d9;writing-mode:vertical-rl;letter-spacing:.1em;font-size:.62rem;position:absolute;bottom:2rem;right:clamp(1.25rem,4vw,4.5rem)}.split-section,.impact-section{grid-template-columns:1fr minmax(280px,.8fr);align-items:center;gap:clamp(2rem,8vw,9rem);padding:clamp(5rem,12vw,11rem) clamp(1.25rem,10vw,10rem);display:grid}.split-section--technical{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#10243ad6,#07111f85 62%,#07111f38);border-top:1px solid #bed2d942;margin-top:0;padding-top:clamp(3rem,8vw,7rem)}.content-panel{max-width:570px}.photo-card{outline-offset:5px;touch-action:pan-y;background:#10243a;border:1px solid #bed2d93d;border-radius:2px;min-height:330px;margin:0;position:relative;overflow:hidden}.photo-card:focus-visible{outline:1px solid #f4c66b}.photo-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;-webkit-user-select:none;user-select:none;display:block}.photo-card__veil{pointer-events:none;background:linear-gradient(#0000 57%,#07111fa8);position:absolute;inset:0}.photo-card__controls{justify-content:space-between;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:.7rem;left:.75rem;right:.75rem}.photo-card__controls>button{background:#07111f59;border:1px solid #f6f3ec8c;border-radius:50%;width:31px;height:31px;padding:0}.photo-card__controls>button:hover{color:#07111f;background:#f6f3ec}.dots{gap:5px;max-width:calc(100% - 92px);display:flex;overflow:hidden}.dots button{background:#f6f3ec6e;border:0;border-radius:50%;flex:0 0 4px;height:4px;padding:0}.dots button.is-active{background:#f4c66b;transform:scale(1.45)}figcaption{color:#f6f3ec;letter-spacing:.09em;text-shadow:0 1px 6px #07111f;font-size:.59rem;position:absolute;top:.8rem;left:.9rem}figcaption span{color:#bed2d9}.photo-card--empty{color:#bed2d9;background:linear-gradient(145deg,#25445a94,#07111fbf);flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:220px;display:flex}.photo-card--empty span{font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem)}.photo-card--empty small{color:#f4c66b;letter-spacing:.13em;font-size:.6rem}.impact-section{grid-template-columns:1fr;padding-top:clamp(3rem,8vw,8rem)}.content-panel--wide{max-width:660px}.impact-section__image{min-height:clamp(360px,52vw,650px)}.skills-wrap{padding:4rem clamp(1.25rem,8vw,8rem) 7rem}.skill-section{border-top:1px solid #bed2d933;grid-template-columns:minmax(220px,.78fr) minmax(300px,1.22fr);align-items:center;gap:clamp(2.5rem,8vw,9rem);padding:clamp(4rem,9vw,8rem) 0;display:grid}.skill-section--reverse .skill-copy{order:2}.skill-section--reverse .skill-gallery{order:1}.skill-copy h2{letter-spacing:-.04em;max-width:440px;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.5rem,4.6vw,5rem);font-weight:400;line-height:.9}.skill-focuses{flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;display:flex}.skill-focuses span{color:#bed2d9;letter-spacing:.08em;text-transform:uppercase;border:1px solid #bed2d959;padding:.43rem .62rem;font-size:.6rem}.skill-rule{border-top:1px solid #f4c66b;width:58px;margin-top:4rem}.skill-gallery{gap:1.3rem;display:grid}.skill-gallery .photo-card{min-height:clamp(250px,31vw,450px)}.horizon{isolation:isolate;place-items:center;min-height:60vh;display:grid}.horizon__image{z-index:-2;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.horizon__image img{filter:brightness(.58)saturate(.75)}.horizon__image .photo-card__controls,.horizon__image figcaption{opacity:0}.split-section--personal{grid-template-columns:1fr minmax(280px,.62fr);padding-bottom:clamp(6rem,13vw,12rem)}.closing{isolation:isolate;place-items:center;min-height:85vh;padding:clamp(2rem,8vw,8rem);display:grid}.closing__image{z-index:-2;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.closing__image img{filter:brightness(.36)saturate(.65)}.closing__image .photo-card__controls,.closing__image figcaption{opacity:0}.closing__copy{text-align:center;max-width:600px}.closing__copy .placeholder i{margin-inline:auto}footer{color:#bed2d9;letter-spacing:.1em;border-top:1px solid #bed2d929;justify-content:space-between;padding:1.5rem clamp(1.25rem,4vw,4.5rem);font-size:.6rem;display:flex}@media (width<=700px){.hero{min-height:10svh}.scroll-cue{display:none}.split-section,.split-section--personal,.skill-section{grid-template-columns:1fr}.split-section,.impact-section{padding-inline:1.25rem}.split-section--technical{margin-top:0;padding-top:3rem}.split-section .photo-card{min-height:440px}.skill-section--reverse .skill-copy,.skill-section--reverse .skill-gallery{order:initial}.skill-gallery{gap:.85rem}.skill-gallery .photo-card{min-height:290px}.skill-copy{padding-top:0}.placeholder i{margin-top:1.15rem}.horizon{min-height:390px}.closing{min-height:580px}}.skill-description{color:#d9e2e4;max-width:510px;margin:1.7rem 0 0;font-size:clamp(.75rem,.95vw,.87rem);line-height:1.8}.skill-example{margin-top:1.7rem}.skill-example h3{color:#f4c66b;letter-spacing:0;text-transform:none;margin:0;font-size:clamp(.75rem,.95vw,.87rem);font-weight:500}.skill-example .skill-description{margin-top:.7rem}.photo-card__link{height:100%;display:block}.photo-card__link:focus-visible{outline-offset:-5px;outline:1px solid #f4c66b}.photo-card--uncropped{aspect-ratio:842/470;min-height:0}.photo-card__controls,.photo-card figcaption{display:none}.skill-copy{align-self:center;padding-top:0}.personal-introduction{color:#d9e2e4;font-size:clamp(.78rem,1.05vw,.94rem);line-height:1.8}.personal-introduction p{margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dots button,nav a,.photo-card__controls>button{transition:none}}