.flip-card{--fc-w:300px;--fc-h:400px;--fc-radius:22px;--fc-bg:#27272a;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.22;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);background:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:12% 9% -5%}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%) var(--fc-gy,50%), rgba(255, 255, 255, var(--fc-glare)) 0%, rgba(255, 255, 255, calc(var(--fc-glare) * .76)) 12%, rgba(255, 255, 255, calc(var(--fc-glare) * .5)) 26%, rgba(255, 255, 255, calc(var(--fc-glare) * .28)) 42%, rgba(255, 255, 255, calc(var(--fc-glare) * .12)) 60%, rgba(255, 255, 255, calc(var(--fc-glare) * .04)) 78%, #fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#f5f5f0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#hero,#about,#work,#skillset,#contact{scroll-margin-top:110px}a{color:inherit;text-decoration:none}:root{--bg:#f5f5f0;--text:#111;--line:#11111129;--ease:cubic-bezier(.16, 1, .3, 1)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);background:#dcd8d82e;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;width:500px;height:58px;padding:0 18px;transition:opacity .22s,visibility linear;display:grid;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000000a}.navbar.is-footer-hidden{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.22s}.nav-left,.nav-right{align-items:center;gap:18px;display:flex}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.navbar a{letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:500;transition:opacity .3s}.navbar a:hover{opacity:.5}.nav-logo{white-space:nowrap;justify-self:center;transform:translate(-8px);letter-spacing:-.035em!important;font-size:18px!important;font-weight:700!important}.hero{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:110px 40px 60px;display:flex}.hero-intro{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:490px;margin:0 auto;display:flex}.hero-intro-text{text-align:left;width:100%;max-width:490px}.hero-intro-text .hero-line{white-space:normal}.hero-line-1{letter-spacing:-.01em;margin:0 0 12px;font-family:Tektur,sans-serif;font-size:clamp(0px,3.25vw,58px);font-weight:500;line-height:1.08;font-size:60px!important}.hero-line-2{letter-spacing:0;margin:0;font-family:Poppins,sans-serif;font-size:clamp(20px,1.55vw,27px);font-weight:400;line-height:1.28;font-size:13px!important}.hero-categories{flex-wrap:wrap;gap:6px;max-width:360px;margin-top:18px;display:flex}.hero-categories span{white-space:nowrap;border:1px solid #00000040;align-items:center;padding:6px 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:400;line-height:1.2;display:inline-flex}.hero-categories span:hover{color:#fff;background:#111}.hero{box-sizing:border-box;background:radial-gradient(at 38% 35%,#fafafa 0%,#f0f0f0 42%,#dadada 75%,#d0d0d0 100%);justify-content:center;align-items:center;width:100%;min-height:100svh;padding:110px 40px 60px;display:flex}.hero-work-button{margin-top:28px;margin-left:0}.learn-btn{--btn-bg:#111;--btn-size:48px;height:var(--btn-size);color:#111;isolation:isolate;-webkit-tap-highlight-color:transparent;align-items:center;gap:18px;padding-right:35px;text-decoration:none;display:inline-flex;position:relative}.learn-btn:before{content:"";z-index:-1;width:var(--btn-size);background:var(--btn-bg);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.learn-btn__icon{flex:0 0 var(--btn-size);width:var(--btn-size);height:var(--btn-size);color:#fff;position:relative}.learn-btn__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin:auto;transition:opacity .3s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.learn-btn__chevron{opacity:1;transform:translate(0)}.learn-btn__arrow{opacity:0;transform:translate(-8px)}.learn-btn__label{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700;transition:color .35s}.learn-btn:hover:before,.learn-btn:focus-visible:before{width:100%}.learn-btn:hover .learn-btn__chevron,.learn-btn:focus-visible .learn-btn__chevron{opacity:0;transform:translate(10px)}.learn-btn:hover .learn-btn__arrow,.learn-btn:focus-visible .learn-btn__arrow{opacity:1;transform:translate(6px)}.learn-btn:hover .learn-btn__label,.learn-btn:focus-visible .learn-btn__label{color:#fff}.learn-btn:focus-visible{outline-offset:4px;border-radius:999px;outline:1px solid #111}.learn-btn:active:before{filter:brightness(1.25)}@media (width<=700px){.hero{box-sizing:border-box;min-height:100svh;padding:88px 20px 48px;position:relative;overflow:visible}.hero-intro{text-align:left;align-items:flex-start;width:100%;max-width:100%;margin:0}.hero-intro-text{text-align:left;width:100%;max-width:100%}.hero-work-button{--btn-size:48px;gap:18px;margin-left:0}.hero-work-button .learn-btn__label{font-size:14px}#hero-flip-card{justify-content:center;align-items:center;width:100%;margin:0 auto 24px;display:flex;position:relative;top:auto;right:auto;transform:none}#hero-flip-card .flip-card{aspect-ratio:3/4;max-width:calc(100vw - 40px);width:clamp(1px,58vw,280px)!important;height:auto!important}}.about{color:#111;background:#f5f5f0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:108px 32px 88px;display:flex;position:relative;overflow:hidden}.about-container{z-index:1;align-items:center;width:min(900px,100%);min-height:370px;margin:0 auto;display:flex;position:relative}.about-image{z-index:2;aspect-ratio:1;background:#ddd;width:clamp(150px,12vw,170px);position:absolute;top:38px;right:0;overflow:hidden;transform:translateY(24px)rotate(4deg);box-shadow:0 12px 28px #1111111f}.about-image img{object-fit:cover;width:100%;height:100%;display:block}.about-description{width:100%;max-width:min(630px,100% - 194px)}.about-description p{letter-spacing:-.04em;color:#999;margin:0;font-size:clamp(30px,2.35vw,34px);font-weight:400;line-height:1.13}.about-copy-character{position:relative}.about-copy-neutral{color:#888;font-weight:400}.about-copy-revealed{opacity:0;color:#111;pointer-events:none;font-weight:400;position:absolute;inset:0}.about-divider{background:#1111112e;width:min(1125px,100%);height:1px;margin:12px auto 0}.skillset{color:#eee;background:#0c0c0c;align-items:center;min-height:100svh;padding:100px 40px;display:flex}.skillset-container{width:100%;max-width:900px;margin:0 auto}.skillset h2{letter-spacing:-.04em;border-bottom:1px solid #ffffff38;padding-bottom:28px;font-size:clamp(46px,5vw,64px);font-weight:400;line-height:1}.skill-row{align-items:center;min-height:110px;display:flex;position:relative}.skill-inner{grid-template-columns:76px 1fr 270px;align-items:center;width:100%;display:grid}.skill-num{color:#777;letter-spacing:.04em;font-size:11px}.skill-title{letter-spacing:-.03em;font-size:clamp(22px,2.2vw,28px);font-weight:400}.skill-desc{color:#9a9a9a;font-size:13px;line-height:1.35}.skill-line{transform-origin:100%;background:#ffffff38;height:1px;position:absolute;bottom:0;left:0;right:0}@media (width<=700px){.skillset{padding:80px 20px}.skill-row{min-height:0;padding:22px 0}.skill-inner{grid-template-columns:40px 1fr;row-gap:10px}.skill-desc{grid-column:2}}.tools-marquee{z-index:2;width:min(900px,100%);margin:12px auto 0;position:relative}.tools-label{letter-spacing:.12em;color:#1111118c;border-bottom:1px solid #1111112e;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;font-size:9px;line-height:1;display:flex}.tools-window{width:100%;padding:18px 0 21px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.tools-track{white-space:nowrap;will-change:transform;flex-wrap:nowrap;align-items:center;gap:0;width:max-content;animation:20s linear infinite software-conveyor;display:flex}.tools-group{white-space:nowrap;flex-wrap:nowrap;flex:none;align-items:center;gap:52px;padding-right:52px;display:flex}.tool{flex:none;align-items:center;display:flex}.tool img{object-fit:contain;opacity:.85;width:44px;height:44px;transition:opacity .3s,transform .3s;display:block}.tool span{display:none}.tool:hover img{opacity:1;transform:scale(1.08)}@keyframes software-conveyor{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=900px){.tools-marquee{margin-top:12px}.tools-track{animation-duration:40s}.tools-group{gap:50px;padding-right:50px}.tool img{width:44px;height:44px}}@media (width<=700px){.about{align-items:stretch;min-height:0;padding:104px 24px 52px}.about-container{flex-direction:column;align-items:stretch;gap:20px;width:100%;min-height:0;display:flex}.about-description{max-width:none}.about-description p{font-size:clamp(30px,7vw,40px);line-height:1.14}.about-image{align-self:flex-end;width:clamp(132px,34vw,170px);margin:-40px 8px 8px 0;position:relative;top:auto;right:auto}.about-divider{margin-top:18px}.tools-marquee{width:100%;margin-top:12px}.tools-window{width:100%;margin-left:0;padding:18px 0 20px}}@media (width<=550px){.tools-window{padding-top:16px;padding-bottom:18px}.tools-track{animation-duration:36s}.tools-group{gap:32px;padding-right:32px}.tool img{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tools-track{animation:none!important}}@media (width<=700px){.navbar{border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:calc(100vw - 24px);max-width:500px;height:52px;padding:0 10px;top:12px}.nav-left,.nav-right{gap:8px;min-width:0}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.navbar a{letter-spacing:-.01em;font-size:11px}.nav-logo{transform:none;font-size:16px!important}#hero,#about,#work,#skillset,#contact{scroll-margin-top:84px}}@media (width<=380px){.navbar{width:calc(100vw - 16px);padding:0 7px}.nav-left,.nav-right{gap:6px}.navbar a{font-size:10px}.nav-logo{font-size:15px!important}}@media (width<=700px){html,body,#app{max-width:100%;overflow-x:clip}.navbar{box-sizing:border-box!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#dcd8d8d1!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:6px!important;width:calc(100vw - 24px)!important;max-width:none!important;padding:0 10px!important;top:12px!important;left:50%!important;right:auto!important;overflow:hidden!important;transform:translate(-50%)!important}.nav-left,.nav-right{align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;display:flex!important}.nav-left{justify-content:flex-start!important}.nav-right{justify-content:flex-end!important}.navbar a{white-space:nowrap!important;min-width:0!important;font-size:10px!important;line-height:1!important}.nav-logo{min-width:max-content!important;font-size:14px!important;transform:none!important}.section-transition,.section-transition.is-active{-webkit-backdrop-filter:none;backdrop-filter:none}.hero{background-color:#f5f5f0!important;width:100%!important;padding-left:16px!important;padding-right:16px!important;overflow:hidden!important}.hero-svg{width:100%!important;max-width:100%!important;margin-inline:auto!important;overflow:hidden!important}.portfolio-art{width:100%!important;max-width:100%!important;height:auto!important;display:block!important}}@media (width<=380px){.navbar{gap:4px!important;width:calc(100vw - 16px)!important;padding:0 7px!important}.nav-left,.nav-right{gap:5px!important}.navbar a{font-size:8px!important}.nav-logo{font-size:13px!important}}.section-transition{z-index:999;pointer-events:none;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f5f5f01a;transition:opacity .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s,visibility .24s;position:fixed;inset:0}.section-transition.is-active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f5f5f029;transition-delay:0s}.navbar .nav-left a,.navbar .nav-right a{z-index:0;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.2,.75,.25,1),opacity .18s;position:relative}.navbar .nav-left a:before,.navbar .nav-right a:before{content:"";z-index:-1;pointer-events:none;background:#fff0;border-radius:8px;transition:background-color .2s,box-shadow .2s;position:absolute;inset:-6px -8px;box-shadow:0 2px 10px #fff0}@media (hover:hover) and (pointer:fine){.navbar .nav-left a:hover:before,.navbar .nav-right a:hover:before{background:#fff3;box-shadow:0 2px 10px #ffffff1a}}.navbar .nav-left a:active,.navbar .nav-right a:active{opacity:.72;transform:scale(.97)}.navbar .nav-left a:active:before,.navbar .nav-right a:active:before{background:#ffffff57}.navbar .nav-left a:focus-visible,.navbar .nav-right a:focus-visible{outline-offset:5px;border-radius:2px;outline:1px solid #111111a6}@media (prefers-reduced-motion:reduce){.section-transition{transition:none;display:none}.navbar .nav-left a,.navbar .nav-right a,.navbar .nav-left a:before,.navbar .nav-right a:before{transition:none}}.stealth-overlay{z-index:3000;color:#f5f5f0;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;visibility:hidden;pointer-events:none;background:#08090ac7;place-items:center;padding:28px;transition:opacity .52s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .52s ease-out,backdrop-filter .52s ease-out,visibility .52s ease-out;display:grid;position:fixed;inset:0}.stealth-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition-delay:0s}.stealth-content{text-align:center;opacity:0;width:min(100%,820px);transition:opacity .44s ease-out,transform .52s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.stealth-overlay.is-active .stealth-content{opacity:1;transition-delay:.22s;transform:translateY(0)}.stealth-label,.stealth-close{letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:400}.stealth-label{color:#f5f5f07a;margin:0 0 24px}.stealth-morse{letter-spacing:.08em;color:#f5f5f0e0;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(14px,2.4vw,22px);font-weight:400;line-height:2}.stealth-close{color:#f5f5f06b;cursor:pointer;background:0 0;border:0;margin-top:34px;padding:10px 12px;transition:color .18s}.stealth-close:hover,.stealth-close:focus-visible{color:#f5f5f0e0}.stealth-close:focus-visible{outline-offset:4px;outline:1px solid #f5f5f073}@media (prefers-reduced-motion:reduce){.stealth-overlay,.stealth-overlay.is-active,.stealth-content,.stealth-overlay.is-active .stealth-content,.stealth-close{transition:none}.stealth-overlay,.stealth-overlay.is-active{-webkit-backdrop-filter:none;backdrop-filter:none}.stealth-content,.stealth-overlay.is-active .stealth-content{transform:none}}.work{align-items:center;width:100%;min-height:100svh;padding:150px 40px 180px;display:flex}.work-container{width:100%;max-width:1125px;margin:0 auto}.work-heading{margin-bottom:55px}.work-heading span{letter-spacing:.08em;color:#777;margin-bottom:18px;font-size:11px;display:block}.work-heading h2{letter-spacing:-.065em;font-size:clamp(29px,2.6vw,41px);font-weight:500;line-height:.9}.project-list{width:100%}.project-item{border-top:1px solid var(--line);padding:27px 0;position:relative;overflow:hidden}.project-item:last-child{border-bottom:1px solid var(--line)}.project-row{cursor:pointer;grid-template-columns:minmax(0,1fr) 160px 285px;align-items:start;min-height:45px;display:grid}.project-name{letter-spacing:-.055em;color:#8b8b8b;font-size:48px;font-weight:500;line-height:.95;transition:color .45s}.project-button{color:#999;border:1px solid #11111129;justify-content:space-between;justify-self:start;align-items:center;width:150px;height:38px;padding:0 13px;font-size:12px;transition:color .4s,border-color .4s;display:flex}.project-button .arrow{transition:transform .5s var(--ease);font-size:17px}.project-panel{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}.panel-inner{min-height:0;overflow:hidden}.panel-content{min-height:145px;padding-top:65px}.project-details{opacity:0;width:calc(100% - 320px);transition:opacity .45s ease, transform .7s var(--ease);grid-template-columns:1.9fr .65fr .65fr 1fr;gap:35px;display:grid;transform:translateY(15px)}.detail span{color:#777;letter-spacing:.03em;margin-bottom:8px;font-size:10px;display:block}.detail p{letter-spacing:-.02em;font-size:15px;line-height:1.15}.project-image{opacity:0;pointer-events:none;width:285px;height:190px;transition:opacity .5s ease, transform .75s var(--ease);position:absolute;top:27px;right:0;overflow:hidden;transform:translateY(15px)scale(.97)}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-item.is-active .project-name{color:#c83a31}.project-item.is-active .project-button{color:#111;border-color:#111}.project-item.is-active .project-button .arrow{transform:translate(4px)}.project-item.is-active .project-panel{grid-template-rows:1fr}.project-item.is-active .project-details{opacity:1;transition-delay:.12s;transform:translateY(0)}.project-item.is-active .project-image{opacity:1;transition-delay:80ms;transform:translateY(0)scale(1)}.project-list.has-active .project-item:not(.is-active) .project-name{color:#b5b5b5}.project-list.has-active .project-item:not(.is-active) .project-button{color:#bbb;border-color:#1111111a}@media (width<=700px){.work{padding:110px 20px 120px}.work-heading{margin-bottom:38px}.work-heading h2{letter-spacing:-.065em;font-size:clamp(23px,6.5vw,31px);line-height:.92}.project-item{padding:22px 0 26px;overflow:visible}.project-row{flex-direction:column;gap:16px;min-height:0;display:flex}.project-name{font-size:clamp(38px,11vw,52px);line-height:.92}.project-button{width:150px;height:36px;font-size:11px}.panel-content{min-height:0;padding-top:28px}.project-image{aspect-ratio:16/10;opacity:0;width:100%;height:auto;margin:0 0 24px;position:relative;top:auto;right:auto;transform:translateY(15px)scale(.97)}.project-image img{object-fit:cover;width:100%;height:100%}.project-details{opacity:0;grid-template-columns:1fr 1fr;gap:24px 18px;width:100%;transform:translateY(15px)}.detail span{margin-bottom:7px;font-size:9px}.detail p{font-size:14px;line-height:1.2}}@media (width<=380px){.work{padding-left:16px;padding-right:16px}}@media (width<=700px){.work{width:100%!important;padding-left:16px!important;padding-right:16px!important;overflow:hidden!important}.work-container{width:100%!important;max-width:100%!important}.project-list{width:100%!important;overflow:visible!important}.project-item{box-sizing:border-box!important;width:100%!important;overflow:visible!important}.project-row{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;width:100%!important;display:flex!important}.project-name{width:100%!important;font-size:clamp(34px,10vw,50px)!important;line-height:.94!important}.project-button{box-sizing:border-box!important;flex:none!important;width:150px!important;height:36px!important}.project-panel{visibility:hidden!important;opacity:0!important;width:100%!important;max-height:0!important;transition:max-height .6s var(--ease), opacity .25s ease, visibility 0s linear .6s!important;display:block!important;overflow:hidden!important}.project-item.is-active .project-panel{visibility:visible!important;opacity:1!important;max-height:900px!important;transition:max-height .6s var(--ease), opacity .25s ease, visibility 0s linear 0s!important}.panel-inner{width:100%!important;min-height:0!important;overflow:visible!important}.panel-content{flex-direction:column!important;width:100%!important;min-height:0!important;padding-top:28px!important;display:flex!important}.project-image{aspect-ratio:16/10!important;opacity:0!important;pointer-events:none!important;width:100%!important;height:auto!important;margin:0 0 24px!important;position:relative!important;top:auto!important;right:auto!important;overflow:hidden!important;transform:translateY(15px)scale(.97)!important}.project-item.is-active .project-image{opacity:1!important;transform:translateY(0)scale(1)!important}.project-image img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.project-details{opacity:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px 18px!important;width:100%!important;display:grid!important;transform:translateY(15px)!important}.project-item.is-active .project-details{opacity:1!important;transform:translateY(0)!important}.detail{min-width:0!important}.detail span{margin-bottom:7px!important;font-size:9px!important}.detail p{overflow-wrap:anywhere!important;margin:0!important;font-size:13px!important;line-height:1.25!important}}@media (width<=380px){.project-name{font-size:clamp(31px,10vw,44px)!important}.project-details{grid-template-columns:1fr!important;gap:20px!important}.detail p{font-size:12px!important}}.work-category-button,.work-active-indicator,.work-preview,.work-heading-desktop{display:none}@media (width>=701px){.work{padding:80px 32px}.work-container{width:min(900px,100%);max-width:none;margin:0 auto}.work-heading{margin-bottom:40px}.work-heading span,.work-heading-mobile{display:none}.work-heading-desktop{letter-spacing:-.055em;margin:0;font-size:clamp(29px,2.6vw,41px);font-weight:400;line-height:.95;display:block}.work-layout{grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:clamp(34px,5vw,64px);display:grid}.project-list{grid-template-rows:repeat(4,minmax(0,1fr));align-self:stretch;display:grid;position:relative}.project-item,.project-item:last-child{border:0;width:100%;padding:0;overflow:visible}.project-item:not(:last-child){border-bottom:1px solid #00000014}.project-row,.project-panel{display:none}.work-category-button{color:#969691;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:100%;height:100%;min-height:0;padding:0;transition:color .26s;display:flex}.project-item.is-active .work-category-button{color:#111}.project-list.has-active .project-item:not(.is-active) .work-category-button{color:#969691}.work-category-number{color:#a3a39e;letter-spacing:.04em;flex:none;font-size:11px;transition:color .26s}.project-item.is-active .work-category-number{color:#555550}.work-category-label{letter-spacing:-.045em;font-size:clamp(15px,1.325vw,17px);line-height:1.05}.work-category-button:focus-visible{outline-offset:4px;outline:1px solid}.work-active-indicator{z-index:1;pointer-events:none;will-change:transform;background:#111;width:2px;height:25%;display:block;position:absolute;top:0;left:-14px}.work-preview{aspect-ratio:1;background:#e7e7e2;border-radius:24px;align-self:start;width:100%;margin:0;display:block;position:relative;overflow:hidden}.work-preview-image{object-fit:cover;width:100%;height:100%;display:block}}.work-preview{isolation:isolate;position:relative;overflow:hidden}.work-preview-image,.work-preview-video{object-fit:contain;will-change:transform;backface-visibility:hidden;background:0 0;width:100%;height:100%;position:absolute;inset:0}.work-preview-image{z-index:1;display:block}.work-preview-video{z-index:2;display:none}@media (width>=701px) and (prefers-reduced-motion:reduce){.work-category-button,.work-category-number{transition:none}}@media (width<=1023px){.work-layout{flex-direction:column;gap:32px;display:flex}.work-preview{aspect-ratio:1;background:#e7e7e2;border-radius:24px;order:-1;align-self:stretch;width:100%;margin:0;display:block;position:relative;overflow:hidden}.work-preview-image{object-fit:cover;width:100%;height:100%;display:block}.project-list{grid-template-rows:repeat(4,clamp(56px,6vw,72px));align-self:stretch;display:grid}}@media (width<=700px){.work-category-button{color:#969691;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:100%;height:100%;min-height:0;padding:0;transition:color .26s;display:flex}.project-item.is-active .work-category-button{color:#111}.project-list.has-active .project-item:not(.is-active) .work-category-button{color:#969691}.work-category-number{color:#a3a39e;letter-spacing:.04em;flex:none;font-size:11px;transition:color .26s}.project-item.is-active .work-category-number{color:#555550}.work-category-label{letter-spacing:-.045em;font-size:clamp(15px,1.325vw,17px);line-height:1.05}.project-item,.project-item:last-child{border:0!important;padding:0!important}.project-item:not(:last-child){border-bottom:1px solid #00000014!important}.project-row,.project-panel,.work-active-indicator{display:none!important}.project-item.is-active:before,.project-list:not(.has-active) .project-item:first-child:before{content:"";background:#111;width:2px;position:absolute;top:0;bottom:0;left:-14px}.project-list:not(.has-active) .project-item:first-child .work-category-button{color:#111}.project-list:not(.has-active) .project-item:first-child .work-category-number{color:#555550}}@media (width<=700px) and (prefers-reduced-motion:reduce){.work-category-button,.work-category-number{transition:none}}@media (width>=701px){.work-container{width:min(640px,100%)}.work-layout{gap:clamp(40px,6vw,86px)}.work-category-button{gap:14px}.work-category-number{font-size:clamp(10px,.8vw,13px)}.work-category-label{font-size:clamp(15px,1.15vw,22px)}.work-active-indicator{left:-10px}}@media (width>=1024px){.work-container{--work-title:clamp(29px, 2.6vw, 41px);width:min(62vw,1240px)}.work-layout{justify-content:space-between;align-items:flex-start;gap:0;display:flex}.project-list{flex:0 0 clamp(200px,13.4vw,300px);grid-template-rows:repeat(4,clamp(60px,5.1vw,112px));align-self:flex-start}.work-preview{width:clamp(240px,23.2vw,520px);margin-top:calc(-1 * (var(--work-title) * .95 + 10px));flex:0 0 clamp(240px,23.2vw,520px);align-self:flex-start}}@media (width>=1101px){.hero,.about,.work,.skillset{min-height:100svh}}.hero{position:relative}@media (width<=700px){.work-preview.is-video .work-preview-video{display:block}.work-preview.is-video .work-preview-image{display:none}.hero .hero-svg{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:0;width:min(100%,420px);margin:0 auto;display:grid}.hero .hero-svg #hero-flip-card{grid-row:1;width:100%;position:relative;top:auto;right:auto;transform:none}.hero .hero-svg .hero-intro{text-align:center;grid-row:2;align-items:center;width:100%;margin-top:0;padding-inline:4px}.hero .hero-svg .hero-intro-text{text-align:center}.hero .hero-svg .hero-categories{justify-content:center;margin-inline:auto}.hero .hero-svg .hero-work-button{margin-inline:auto}}@media (width>=701px){.hero{align-items:center;padding:110px 32px 60px}.hero .hero-svg{margin-inline:auto;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(250px,44%);justify-content:center;align-items:center;column-gap:clamp(32px,5vw,80px);width:min(100%,1040px);margin-top:0;display:grid;transform:translate(120px)}.hero .hero-intro{grid-area:1/1;display:flex}.hero-intro-text{width:100%;max-width:none;font-size:inherit;line-height:inherit;text-align:left;align-self:auto}.hero-intro-text .hero-line{white-space:normal}.hero-work-button{--btn-size:60px;align-self:flex-start;gap:20px;margin-top:28px}.hero-work-button .learn-btn__icon svg{width:20px;height:20px}.hero-work-button .learn-btn__label{font-size:16px}.hero #hero-flip-card{grid-area:1/2;justify-self:end;width:100%;max-width:300px;margin:0;position:relative;top:auto;right:auto;transform:translate(-250px)}.hero #hero-flip-card .flip-card{aspect-ratio:3/4;width:100%;height:auto}}::selection{color:#fff;background:#2563eb}::selection{color:#fff;background:#2563eb}.site-footer{--footer-ink:#f4eedf;--footer-muted:#f4eedfb8;box-sizing:border-box;width:100%;height:100svh;color:var(--footer-ink);background-color:#102c6a;background-image:url(../images/trojan-horse-footer.png);background-position:top;background-repeat:no-repeat;background-size:100%;padding:clamp(58px,5.5vw,104px) 0 0}.site-footer,.site-footer *{box-sizing:border-box}.site-footer__content{grid-template-columns:minmax(0,1.25fr) minmax(0,.62fr) minmax(0,1.1fr);gap:clamp(32px,5.8vw,112px);width:min(86%,1680px);margin:0 auto;display:grid}.site-footer__brand,.site-footer__explore,.site-footer__connect{min-width:0}.site-footer__wordmark{color:var(--footer-ink);letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,5.7vw,106px);font-weight:400;line-height:.88;transition:opacity .18s;display:inline-block}.site-footer__discipline,.site-footer__heading{color:var(--footer-ink);letter-spacing:.19em;font-weight:500;line-height:1.4}.site-footer__discipline{margin-top:13px;font-size:clamp(11px,.8vw,14px)}.site-footer__heading{font-size:clamp(10px,.68vw,12px)}.site-footer__description{color:var(--footer-muted);margin-top:28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.45vw,25px);line-height:1.3}.site-footer__contacts{justify-items:start;gap:8px;margin-top:18px;display:grid}.site-footer__contact{min-height:36px;color:var(--footer-ink);letter-spacing:.005em;align-items:center;gap:16px;font-size:clamp(15px,1.28vw,22px);line-height:1.3;display:inline-flex}.site-footer__contact svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 28px;width:28px;height:28px}.site-footer__explore,.site-footer__connect{padding-top:clamp(42px,3.6vw,66px)}.site-footer__heading{margin:0 0 18px}.site-footer__explore ul,.site-footer__socials{margin:0;padding:0;list-style:none}.site-footer__explore li+li{margin-top:7px}.site-footer__explore a{min-height:43px;color:var(--footer-ink);letter-spacing:.1em;align-items:center;gap:20px;font-size:clamp(14px,1.05vw,19px);display:inline-flex}.site-footer__explore a span:first-child{color:var(--footer-muted);font-variant-numeric:tabular-nums;font-size:.86em}.site-footer__socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px clamp(16px,3vw,52px);display:grid}.site-footer__socials li{min-width:0}.site-footer__socials a{min-width:0;min-height:43px;color:var(--footer-ink);align-items:center;gap:12px;font-size:clamp(14px,1.05vw,19px);display:inline-flex}.site-footer__socials svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 24px;width:24px;height:24px}.site-footer__socials .site-footer__icon-dot{fill:currentColor;stroke:none}.site-footer__email span,.site-footer__explore a span:last-child,.site-footer__socials a span{text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s}.site-footer a:hover{opacity:.78}.site-footer__email:hover span,.site-footer__explore a:hover span:last-child,.site-footer__socials a:hover span{text-decoration-color:currentColor}.site-footer a:focus-visible{outline:1px solid var(--footer-ink);outline-offset:5px}@media (width>=1101px) and (width<=1400px){.site-footer{padding-top:clamp(42px,4.6vw,64px)}.site-footer__wordmark{font-size:clamp(52px,4.7vw,66px)}.site-footer__description{margin-top:18px;font-size:clamp(15px,1.15vw,17px)}.site-footer__contacts{gap:6px;margin-top:14px}.site-footer__contact{min-height:30px;font-size:clamp(13px,1vw,15px)}.site-footer__contact svg{flex-basis:22px;width:22px;height:22px}}@media (width<=1100px){.site-footer{background-position:bottom;height:auto;min-height:100svh;padding:48px 0 calc(52.72vw + 32px)}.site-footer__content{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px clamp(36px,7vw,80px)}.site-footer__brand{grid-column:1/-1}.site-footer__explore,.site-footer__connect{padding-top:0}}@media (width<=700px){.site-footer{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom));background-image:url(../images/footer-mobile.webp);flex-direction:column;display:flex}.site-footer__content{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:space-between;gap:28px 22px;width:min(88%,560px)}.site-footer__wordmark{font-size:clamp(64px,12vw,84px)}.site-footer__description{font-size:clamp(17px,3.5vw,22px)}.site-footer__contact{gap:11px;font-size:clamp(14px,2.8vw,17px)}.site-footer__contact svg{flex-basis:23px;width:23px;height:23px}.site-footer__socials{gap:4px 10px}.site-footer__socials a{gap:8px;font-size:clamp(12px,2.5vw,15px)}.site-footer__socials svg{flex-basis:20px;width:20px;height:20px}}@media (width<=440px){.site-footer{padding-top:max(28px, env(safe-area-inset-top))}.site-footer__content{grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.8svh,24px)}.site-footer__brand{grid-column:auto}.site-footer__explore,.site-footer__connect{padding-top:0}.site-footer__explore ul{grid-template-columns:repeat(3,max-content);column-gap:18px;display:grid}.site-footer__explore li+li{margin-top:0}.site-footer__socials a{font-size:14px}}@media (prefers-reduced-motion:reduce){.site-footer *,.site-footer :before,.site-footer :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}