:root{--offwhite:#f3efe7;--offblack:#18181a;--brown-dark:#503a2c;--brown-light:#a68368;--paper:var(--offwhite);--ink:var(--offblack);--line:color-mix(in srgb,var(--ink) 20%,transparent);--lime:var(--brown-light);--orange:var(--brown-light)}html[data-theme="dark"]{--paper:var(--offblack);--ink:var(--offwhite);--line:color-mix(in srgb,var(--ink) 22%,transparent);--lime:var(--brown-dark);--orange:var(--brown-light)}
body{background:var(--paper);color:var(--ink)}.theme-toggle{border:1px solid var(--line);border-radius:30px;background:transparent;color:inherit;padding:7px 11px;font:10px var(--mono);text-transform:uppercase;cursor:pointer;margin-left:14px}.theme-toggle:hover{background:var(--ink);color:var(--paper)}.hero{background:var(--paper)}.feature-project,.statement{background:var(--offblack);color:var(--offwhite)}.feature-image{background:var(--offblack)}.feature-image:after{display:none}.feature-image img{transform:none}.feature-image:hover img{transform:scale(1.02)}
.strip{background:var(--brown-light);color:var(--offblack);min-height:92px;display:grid;place-items:center;white-space:normal}.strip p{margin:0;animation:none;font:clamp(26px,3.7vw,54px)/1.1 var(--mono);letter-spacing:-.055em;text-transform:uppercase;min-height:1.15em}html[data-theme="dark"] .strip{background:var(--brown-dark);color:var(--offwhite)}.typewriter:after{content:'|';margin-left:.08em;animation:blink .75s step-end infinite}@keyframes blink{50%{opacity:0}}.closing{background:var(--brown-dark);color:var(--offwhite)}.light{background:var(--offwhite);color:var(--offblack)}
.project-thumb.sage,.project-thumb.coral{background:var(--paper)}.all-work b{color:var(--brown-light)}.dark{background:var(--offblack)}.yellow,.pale,.blue,.lavender,.hush,.together,.kallora,.luminave{background:var(--brown-light);color:var(--offblack)}.red,.ember{background:var(--brown-dark);color:var(--offwhite)}.about-hero figure{background:var(--brown-light);padding-top:0}.about-hero figure img{mix-blend-mode:normal}.contact-hero,.next-project{background:var(--brown-light)}
.project-hero.dark,.project-hero.ember{background:var(--offblack);color:var(--offwhite)}.project-hero.yellow,.project-hero.red,.project-hero.pale,.project-hero.blue,.project-hero.lavender,.project-hero.hush,.project-hero.together,.project-hero.kallora,.project-hero.luminave{background:var(--brown-light);color:var(--offblack)}.project-hero.ember{background:var(--brown-dark)}.leadership{padding-top:0}.leadership .experience-row:last-child{border-bottom:1px solid var(--line)}.project-gallery figure{background:transparent}html[data-theme="dark"] .about-hero figure{background:var(--brown-dark)}html[data-theme="dark"] .contact-hero{background:var(--brown-dark);color:var(--offwhite)}
@media(max-width:760px){.theme-toggle{margin-left:auto;margin-right:10px}.strip{min-height:78px}}
.work-card.yellow{background:var(--paper)}
.project-split .sage img{object-fit:contain;padding:7%}
.work-card.red img,.work-card.pale img{object-fit:cover}
.work-card.red img,.project-split .coral img{object-position:center top}
.work-card.ember{background:var(--paper)}
.work-card.luminave img{object-fit:contain;padding:13%}
.work-card.hush{background:#17181a}
.work-card.together{background:#0f1829}
.work-card.kallora{background:#fff}
.work-card.dark img,.work-card.yellow img,.work-card.ember img,.work-card.kallora img{object-fit:contain;padding:62px 8% 128px}
.work-card.together img{object-fit:cover;object-position:50% 50%;padding:0}
.work-card.ember img{padding:106px 15% 172px}
.work-card.kallora img{padding:82px 14% 148px}
.work-card.hush img{object-fit:cover;object-position:50% 50%}
.work-card.ember:after,.work-card.yellow:after,.work-card.kallora:after{content:none}
.work-card.ember div,.work-card.yellow div{color:var(--ink);text-shadow:none}
.work-card.ember div p,.work-card.yellow div p{color:var(--ink)}
.work-card.ember .work-num,.work-card.yellow .work-num{background:color-mix(in srgb,var(--ink) 90%,transparent);color:var(--paper)}
.work-card.kallora div{color:#18181a;text-shadow:none}
.work-card.kallora div p{color:#18181a}
@media(min-width:761px){.site-header{padding:0 3.2vw}nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.work-card.dark img,.work-card.yellow img,.work-card.ember img,.work-card.kallora img{padding:62px 8% 149px}.work-card.ember img{padding:106px 15% 193px}.work-card.kallora img{padding:82px 14% 169px}.project-hero.luminave .project-hero-image{min-height:650px}}
.about-columns{padding-bottom:5vw}
.experience:not(.leadership){padding-top:5vw}
.experience{padding-bottom:7vw}
@media(max-width:760px){.experience{padding-bottom:14vw}}
.work-card.luminave{background:linear-gradient(160deg,#f3d7dc 0%,#a7c8e2 100%)}
.work-card.blue{background:#0d0d0f}
.work-num{top:26px;left:28px;background:rgba(24,24,26,.9);color:#fff;padding:4px 10px;border-radius:20px;letter-spacing:.04em}
.work-card.dark .work-num,.work-card.together .work-num,.work-card.blue .work-num{background:rgba(255,255,255,.9);color:#18181a}
.project-split .coral img{object-fit:cover}
.project-split .kun-thumb img{object-position:center top;transform-origin:center top;transform:scale(1.18)}
@media(max-width:760px){.project-split .kun-thumb img{transform:scale(1)}}
@media(max-width:760px){.about-hero{gap:calc(13vw - 8px)}.about-hero h1{margin-bottom:calc(.25em + 9px)}}
.work-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:43%;background:linear-gradient(transparent,color-mix(in srgb,var(--offblack) 75%,transparent));z-index:0}
.work-card div{background:transparent;color:var(--offwhite);backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;margin-left:0;border:0;border-radius:0;max-width:calc(100% - 56px);text-shadow:0 1px 12px color-mix(in srgb,var(--offblack) 75%,transparent)}
.work-card div p{color:var(--offwhite)}
.work-card div h2{margin-bottom:20px}
.project-resource{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;margin-top:20px;font-size:12px;font-weight:700}
.project-resource img{width:68px;height:86px;object-fit:cover;border:1px solid currentColor}
.project-resource span{line-height:1.25}
.project-resource:hover span{text-decoration:underline}
.project-gallery.kalam-gallery figure{background:transparent}
.project-gallery.squad-gallery{grid-template-columns:repeat(8,1fr);gap:2vw}
.project-gallery.squad-gallery figure{margin:0!important;grid-column:span 2!important;background:transparent!important}
.project-gallery.squad-gallery figure:nth-child(even){margin-top:8vw!important}
.project-gallery.luminave-gallery{grid-template-columns:repeat(6,75px);justify-content:center;gap:3vw}
.project-gallery.luminave-gallery figure{margin:0!important;grid-column:span 2!important;background:transparent!important}
.project-gallery.luminave-gallery figure:nth-child(even){margin-top:5vw!important}
@media(min-width:761px){.project-gallery.squad-gallery figure:nth-child(5){grid-column:2 / span 2!important}.project-gallery.luminave-gallery figure:nth-child(4){grid-column:2 / span 2!important}}
.project-hero.luminave .project-hero-image{min-height:450px;background:linear-gradient(160deg,#f3d7dc 0%,#a7c8e2 100%)!important}
.project-hero.luminave .project-hero-image img{object-fit:contain;padding:26%}
.project-hero.ember .project-hero-image img{object-fit:contain;padding:14%}
.project-hero.kallora .project-hero-image{background:#fff!important}
.project-hero.pale .project-hero-image{background:#762f20!important}
.project-hero.red .project-hero-image img{object-fit:cover}
.project-hero:not(.dark):not(.ember) .project-hero-image{background:var(--paper)}
.project-gallery.together-gallery .gallery-1,.project-gallery.together-gallery .gallery-2,.project-gallery.together-gallery .gallery-3,.project-gallery.together-gallery .gallery-4,.project-gallery.together-gallery .gallery-5,.project-gallery.together-gallery .gallery-6{background:transparent}
.project-gallery.together-gallery .gallery-6{grid-column:1 / -1;order:1;width:60%;max-width:340px;margin:4vw auto 0;position:relative;z-index:1}
.project-gallery.together-gallery .gallery-4{grid-column:1 / -1;order:2;width:42%;max-width:210px;margin:14px auto 0;transform:translateX(-38%) rotate(-5deg);position:relative;z-index:2}
.project-gallery.together-gallery .gallery-5{grid-column:1 / -1;order:3;width:42%;max-width:210px;margin:-45px auto 0;transform:translateX(38%) rotate(4deg);position:relative;z-index:2}
@media(min-width:761px){.project-gallery.together-gallery{grid-template-columns:1fr 1fr}.project-gallery.together-gallery .gallery-1{grid-column:1 / -1;margin:0}.project-gallery.together-gallery .gallery-2{margin-top:0}.project-gallery.together-gallery .gallery-3{grid-column:auto;margin:0}.project-gallery.together-gallery .gallery-4{margin-top:24px}.project-gallery.together-gallery .gallery-5{margin-top:-40px}}
.project-gallery.kallora-gallery{grid-template-columns:minmax(0,1fr);max-width:850px;margin-left:auto;margin-right:auto;gap:2vw}
.project-gallery.kallora-gallery figure{margin:0!important;grid-column:auto!important;width:100%}
.project-gallery:empty{display:none}
@media(max-width:760px){.project-gallery.squad-gallery{grid-template-columns:repeat(4,1fr);gap:5vw}.project-gallery.squad-gallery figure{grid-column:span 2!important}.project-gallery.squad-gallery figure:nth-child(even){margin-top:11vw!important}.project-gallery.squad-gallery figure:nth-child(7){grid-column:2 / span 2!important;margin-top:0!important}.project-gallery.luminave-gallery{grid-template-columns:repeat(4,minmax(0,17.5vw));gap:5vw}.project-gallery.luminave-gallery figure{grid-column:span 2!important}.project-gallery.luminave-gallery figure:nth-child(even){margin-top:7vw!important}.project-gallery.luminave-gallery figure:nth-child(5){grid-column:2 / span 2!important}}
.theme-toggle{position:fixed;bottom:22px;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:60;margin:0;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:11px 18px;font-size:11px;box-shadow:0 6px 24px color-mix(in srgb,var(--offblack) 35%,transparent)}
.theme-toggle:hover{background:var(--paper);color:var(--ink)}
@media(max-width:760px){.theme-toggle{padding:10px 16px;bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom));right:18px}}
@media(min-width:761px){.theme-toggle{position:absolute;top:43px;bottom:auto;left:auto;right:3.2vw;transform:translateY(-50%);box-shadow:none}.theme-toggle:hover{box-shadow:none}}