.project-section-status{color:#d6c5a9;background:#100f0c70;border:1px solid #a07b454d;padding:46px}.project-section-status button{color:#f2cc8e;border:1px solid #bc9154;margin-top:14px;padding:9px 15px}.project-showcase{gap:44px;display:grid}.project-all{justify-self:center}.project-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-feature{grid-template-columns:110px minmax(0,1fr) 110px;align-items:start;gap:26px;display:grid}.project-lantern{--lantern-width:110px;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.project-lantern:before{content:"";width:2px;height:calc(var(--lantern-width) / 3);background:#6b5033}.project-lantern img{width:var(--lantern-width);-webkit-user-select:none;user-select:none;height:auto;position:relative}.project-lantern .rive-scene{width:calc(var(--lantern-width) * 2);aspect-ratio:1;mix-blend-mode:normal;position:absolute;inset:0 auto auto 50%;translate:-50%}.project-lantern:has(.rive-scene[data-state=ready][data-motion=true])>img{visibility:hidden}.project-lantern:has(.rive-scene[data-state=ready][data-motion=true]):before{visibility:hidden}.project-card-meta{color:#ddb57b;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.project-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{color:#ddb57b;border:1px solid #ddb57b59;border-radius:999px;padding:5px 11px;font-size:12px}.project-links{flex-wrap:wrap;align-items:center;gap:8px 26px;margin-top:auto;padding-top:8px;display:flex}.project-links .button{gap:12px}.project-round{background:#1c130d;border:1px solid #a87941;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s;display:grid}.project-round:hover{background:#3c2916}.project-round svg,.project-card-link svg{fill:none;stroke:#ddb57b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.project-dots{display:flex}.project-dots button{background:0 0;border:0;place-items:center;width:32px;height:44px;display:grid}.project-dots button:before{content:"";border:1px solid #ddb57b;border-radius:50%;width:12px;height:12px;transition:background .2s}.project-dots button[aria-pressed=true]:before{background:#ddb57b}.project-carousel{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"prev track next"".dots.";align-items:center;gap:0 12px;min-width:0;display:grid}.project-track{--track-fade:96px;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--track-fade), #000 calc(100% - var(--track-fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--track-fade), #000 calc(100% - var(--track-fade)), transparent);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-area:track;gap:24px;margin:0;padding:24px 28px 44px;list-style:none;display:flex;overflow-x:auto}.project-track::-webkit-scrollbar{display:none}.project-track:focus-visible{outline-offset:-2px;border-radius:20px;outline:2px solid #f2cc8e}.project-track>li{scroll-snap-align:center;flex:0 0 min(88%,600px);display:flex}.project-arrow-prev{grid-area:prev}.project-arrow-next{grid-area:next}.project-round:disabled{opacity:.3;background:#1c130d}.project-dots{grid-area:dots;justify-self:center}.showcase-card{background:linear-gradient(165deg,#2a1b11,#170f0a 70%);border:1px solid #ddb57b59;border-radius:20px;flex-direction:column;flex:1;min-width:0;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 56px -20px #000000d9,inset 0 1px #ffe2b01f}.showcase-card:after{content:"";z-index:2;pointer-events:none;border:1px solid #ddb57b38;border-radius:14px;position:absolute;inset:7px}.showcase-card:hover,.showcase-card:focus-within{border-color:#ddb57b99;box-shadow:0 26px 56px -20px #000000d9,0 0 48px -8px #e8a24a59,inset 0 1px #ffe2b01f}.showcase-card .project-media{aspect-ratio:16/10;border-width:0;border-radius:0;position:relative}.showcase-card .project-media>*{grid-area:1/1}.showcase-card .project-media[data-frame=browser] .project-media-frame,.showcase-card .project-media[data-frame=screen] .project-media-frame{width:auto;height:90%}.showcase-card .project-media[data-frame=plain] .project-media-frame img{object-fit:cover;object-position:top}@media (prefers-reduced-motion:no-preference){.showcase-card .project-media-frame img{transition:scale .5s}.showcase-card:hover .project-media-frame img{scale:1.035}}.showcase-caption{background:linear-gradient(#0000,#100a06b3 45%,#100a06f2 94%);place-self:end stretch;padding:72px 26px 18px}.showcase-caption h3{overflow-wrap:anywhere;text-shadow:0 2px 12px #000000b3;margin:0;font:400 clamp(24px,2.4vw,30px)/1.15 Georgia,serif}.showcase-caption a:after{content:"";position:absolute;inset:0}.showcase-caption a:focus-visible{outline:none}.showcase-caption a:focus-visible:after{outline-offset:-4px;outline:2px solid #f2cc8e}.showcase-details{flex-direction:column;flex:1;gap:18px;padding:20px 26px 26px;display:flex}.showcase-details .project-links{padding:0}.showcase-details .text-link{align-self:center}.project-media{background:#140d08;border:1px solid #ddb57b2e;border-radius:4px;place-items:center;display:grid;overflow:hidden}.project-media-large{aspect-ratio:4/3}.project-media-small{aspect-ratio:16/10;border-width:0 0 1px;border-radius:0}.project-media-frame{aspect-ratio:16/10;background:#241811;border:1px solid #4a3522;border-radius:6px;flex-direction:column;width:90%;display:flex;overflow:hidden}.project-media-bar{background:#2e2016;border-bottom:1px solid #4a3522;flex:none;align-items:center;gap:6px;height:26px;padding-inline:12px;display:flex}.project-media-small .project-media-bar{height:18px;padding-inline:9px}.project-media-bar i{background:#7a5c3b;border-radius:50%;width:8px;height:8px}.project-media-small .project-media-bar i{width:6px;height:6px}.project-media-frame img{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0}.project-media[data-frame=screen] .project-media-frame{background:#120c08}.project-media[data-frame=phone] .project-media-frame{aspect-ratio:9/19;border:6px solid #3d2b1c;border-radius:24px;width:auto;height:88%}.project-media-small[data-frame=phone] .project-media-frame{border-width:4px;border-radius:16px}.project-media[data-frame=plain] .project-media-frame{aspect-ratio:auto;background:0 0;border:0;border-radius:0;width:100%;height:100%}.project-media[data-frame=plain] img{object-fit:contain;object-position:center}.project-media-empty{color:#beaf97;text-align:center;flex:1;place-content:center;justify-items:center;gap:12px;padding:16px;font:italic 15px Georgia,serif;display:grid}.project-media-empty svg{width:48px;height:64px}.project-media-small .project-media-empty svg{width:34px;height:46px}.project-list{gap:32px;display:grid}.project-list-heading{border-bottom:1px solid #ddb57b2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding-bottom:20px;display:flex}.project-count{color:#beaf97;font-size:14px}.project-filters{gap:8px;display:flex}.project-filters button{color:#e7dac3;background:0 0;border:1px solid #ddb57b4d;border-radius:999px;min-height:40px;padding:0 16px;font-size:14px;transition:background .2s,color .2s}.project-filters button[aria-pressed=true]{color:#1a110b;background:#ddb57b;border-color:#ddb57b}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.project-card{background:#1a120c;border:1px solid #ddb57b2e;border-radius:6px;flex-direction:column;height:100%;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#ddb57b8c}.project-card h2 a:after{content:"";position:absolute;inset:0}.project-card h2 a:focus-visible{outline:none}.project-card:has(h2 a:focus-visible){outline-offset:4px;outline:2px solid #ffe0a6}.project-card-body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.project-card-meta{letter-spacing:.2em;font-size:11px}.project-card-body h2{overflow-wrap:anywhere;margin:0;font:400 22px/1.25 Georgia,serif}.project-card-body p:not(.project-card-meta){color:#beaf97;margin:0;font-size:15px;line-height:1.5}.project-card-link{color:#ddb57b;margin-top:auto;padding-top:6px;font-size:14px}.project-card:hover .project-card-link{color:#f3ce90}@keyframes project-fade{0%{opacity:0;translate:0 8px}}@media (width<=1100px){.project-feature{grid-template-columns:70px minmax(0,1fr) 70px;gap:16px}.project-lantern{--lantern-width:70px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.project-feature{grid-template-columns:1fr;padding-top:98px;position:relative}.project-lantern{--lantern-width:64px;position:absolute;top:0}.project-lantern-left{left:14px}.project-lantern-right{right:14px}.project-carousel{grid-template-areas:"track track track""prev dots next"}.project-track>li{flex-basis:min(86%,520px)}}@media (width<=760px){.project-track{--track-fade:20px;gap:14px;margin-inline:-20px;padding-inline:20px}.project-links{flex-direction:column;align-items:stretch}.project-links .text-link{justify-content:center}.showcase-caption{padding:56px 20px 14px}.showcase-caption h3{font-size:22px}.showcase-details{padding:16px 20px 22px}.project-showcase{gap:32px}.project-all{justify-self:stretch}.project-list-heading{gap:14px}.project-grid{grid-template-columns:1fr;gap:0}.project-card{background:0 0;border-width:0 0 1px;border-radius:0;flex-direction:row;align-items:center;gap:14px;padding-block:14px}.project-card .project-media{aspect-ratio:4/3;border-width:1px;border-radius:4px;flex:none;width:96px}.project-card .project-media-bar{height:8px}.project-card .project-media-bar i{display:none}.project-card-body{gap:5px;padding:0}.project-card-meta{font-size:10px}.project-card-body h2{font-size:18px}.project-card-body p:not(.project-card-meta){-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.project-card-link{padding-top:2px}}.project-heading{align-items:center;gap:12px;display:flex}.project-icon{object-fit:contain;background:#1c150e;border:1px solid #a3804859;border-radius:22%;flex:none}.project-icon-small{width:36px;height:36px}.project-icon-medium{width:44px;height:44px}.project-icon-large{width:60px;height:60px}