:root{--bg-color:#1e1e1e;--text-color:#fff8e6;--accent-color:#ffd27a;--secondary-text:#ceb787;--card-bg:rgba(255,210,122,0.06);--card-border:rgba(255,210,122,0.22);--font-main:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);height:100vh;overflow:hidden;display:flex;flex-direction:column}body::before,body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}body::before{background-image:repeating-linear-gradient(112deg,transparent 0 18px,rgba(255,210,122,0.14) 18px 19px,transparent 19px 42px),repeating-linear-gradient(158deg,transparent 0 34px,rgba(255,210,122,0.1) 34px 37px,transparent 37px 76px);opacity:0.38}body::after{background-image:repeating-linear-gradient(38deg,transparent 0 22px,rgba(255,210,122,0.12) 22px 24px,transparent 24px 58px),repeating-linear-gradient(136deg,transparent 0 48px,rgba(255,210,122,0.08) 48px 54px,transparent 54px 98px);opacity:0.24}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;position:relative;z-index:10;font-size:0.9rem}.logo-text{font-weight:700;letter-spacing:1px}.header-time{color:var(--secondary-text);font-size:0.8rem;font-variant-numeric:tabular-nums}.nav-links{display:flex;gap:2rem}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.nav-toggle span{width:18px;height:2px;background:var(--text-color)}.nav-links a{color:var(--secondary-text);text-decoration:none;transition:color 0.3s,text-shadow 0.2s}.nav-links a:hover,.nav-links a.active{color:var(--text-color);text-shadow:0 0 10px rgba(255,210,122,0.25)}.nav-links a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;color:var(--text-color);text-shadow:0 0 10px rgba(255,210,122,0.25)}.nav-links a.blog-disabled,.nav-links a.blog-disabled:hover,.nav-links a.blog-disabled.active{color:#ff4b4b}.blog-hover-popup{position:fixed;top:0;left:0;z-index:10050;padding:7px 10px;border-radius:4px;background:rgba(30,30,30,0.95);border:1px solid rgba(255,75,75,0.55);color:#ff8a8a;font-size:0.75rem;letter-spacing:0.3px;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(12px,12px);transition:opacity 0.15s ease}.blog-hover-popup.is-visible{opacity:1}.nav-links a.blog-disabled.blog-shuddering{animation:blogShudder 0.7s cubic-bezier(0.22,0.61,0.36,1)}@keyframes blogShudder{0%{transform:translateX(0)}12%{transform:translateX(-3px) rotate(-1.5deg)}24%{transform:translateX(3px) rotate(1.5deg)}36%{transform:translateX(-2.5px) rotate(-1deg)}48%{transform:translateX(2.5px) rotate(1deg)}60%{transform:translateX(-1.5px) rotate(-0.6deg)}72%{transform:translateX(1.5px) rotate(0.6deg)}84%{transform:translateX(-0.8px) rotate(-0.2deg)}100%{transform:translateX(0) rotate(0)}}main{flex:1;position:relative;z-index:5;display:flex;justify-content:center;align-items:center}.profile-card{width:380px;background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);padding:0;display:flex;flex-direction:column}.card-image-container{height:400px;overflow:hidden;position:relative}.card-image-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter 0.3s}.card-image-container:hover img{filter:grayscale(0%)}.status-badge{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:10px;background:rgba(30,30,30,0.78);backdrop-filter:blur(4px);padding:8px 12px}.status-bars{display:flex;gap:3px}.bar{width:2px;height:12px;background-color:#7b6640}.bar.a{height:8px}.bar.b{height:14px;background-color:var(--accent-color)}.bar.c{height:10px}.bar.d{height:6px}.status-text{font-size:0.8rem;font-weight:500;color:#fff7e3;line-height:1.35;letter-spacing:0.2px}.card-details{padding:20px;border-top:1px solid var(--card-border)}.card-name{font-size:1.2rem;font-weight:600;margin-bottom:5px}.card-role{font-size:0.9rem;color:var(--secondary-text);margin-bottom:20px}.card-pricing{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--card-border);margin-bottom:20px;font-size:0.9rem}.consult-btn{width:100%;padding:15px;background:var(--accent-color);color:#1e1e1e;text-decoration:none;border:none;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s,box-shadow 0.2s}.consult-btn:hover{background:#e8bd6a;box-shadow:0 0 0 2px rgba(255,210,122,0.28)}.consult-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;box-shadow:0 0 0 3px rgba(255,210,122,0.2)}.intro-text{position:absolute;bottom:20%;right:15%;width:300px;text-align:left;z-index:5}.intro-text p{font-size:1.1rem;line-height:1.4;color:#f0ddb3}footer{position:fixed;bottom:0;width:100%;z-index:10;background:var(--bg-color);border-top:1px solid var(--card-border);display:flex;align-items:center;height:60px;padding:0}.marquee{flex:1;overflow:hidden;display:flex;align-items:center;height:100%;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.marquee-content{display:flex;gap:0;animation:scroll 30s linear infinite;padding-left:2rem}.marquee-content span{font-size:1.5rem;font-weight:700;color:#ceb787;text-transform:uppercase;white-space:nowrap;display:inline-block}.marquee-snake-handle{display:inline-block;cursor:grab;user-select:none;touch-action:none}.marquee-snake-handle.is-dragging{cursor:grabbing}.separator{margin:0 1.5rem;color:#5a4a2b}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.footer-socials{display:flex;gap:20px;padding:0 2rem;background:var(--bg-color);z-index:2;height:100%;align-items:center;border-left:1px solid var(--card-border)}.footer-socials a{color:var(--text-color);text-decoration:none;font-size:0.8rem;font-weight:700;transition:color 0.2s,text-shadow 0.2s}.footer-socials a:hover{color:var(--accent-color);text-shadow:0 0 10px rgba(255,210,122,0.28)}.footer-socials a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;color:var(--accent-color)}.blog-view{width:100%;height:100%;overflow-y:auto;padding:150px 5vw 100px 5vw;display:block}.projects-view{width:100%;height:100%;overflow-y:auto;padding:130px 5vw 110px 5vw;display:block}.projects-intro{max-width:78ch;margin:0 auto 34px auto;text-align:left}.projects-intro h1{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:10px;line-height:1.08}.projects-intro p{color:#e6d6ad;font-size:1rem;line-height:1.72;max-width:66ch}.projects-layout{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-bottom:50px}.project-panel{background:rgba(30,30,30,0.85);backdrop-filter:blur(10px);border:1px solid var(--card-border);padding:clamp(16px,2vw,24px);min-height:150px;display:flex;flex-direction:column;justify-content:space-between;row-gap:0.75rem}.project-tile{text-decoration:none;color:inherit;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease}.project-tile:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.35)}.project-tile:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;transform:translateY(-4px);border-color:rgba(255,255,255,0.35)}.project-panel h2,.project-panel h3{color:#fff8ee;line-height:1.2;margin-bottom:8px}.project-panel h2{font-size:clamp(1.28rem,2vw,1.9rem)}.project-panel h3{font-size:clamp(1.05rem,1rem + 0.45vw,1.35rem)}.project-panel p{color:#ecdab2;font-size:0.95rem;line-height:1.66;max-width:60ch}.panel-label{font-size:0.74rem;letter-spacing:1px;text-transform:uppercase;color:#e2c58b;margin-bottom:10px}.panel-meta{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#d1bb8e;font-size:0.85rem}.panel-featured{grid-column:span 8;min-height:280px}.panel-index{grid-column:span 4;min-height:280px;background:#2b261f;cursor:default}.panel-index h3{text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.panel-index ul{list-style:none;display:flex;flex-direction:column;gap:12px}.panel-index li{color:#f0ddb3;border-bottom:1px solid rgba(255,210,122,0.16);padding-bottom:10px;font-size:0.9rem}.panel-split{grid-column:span 5;min-height:220px}.panel-vertical-title{grid-column:span 3;min-height:220px;align-items:flex-start;gap:18px}.panel-vertical-header{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.panel-vertical-title .panel-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:0.9rem;letter-spacing:1px;color:#ecd9ad;font-weight:700}.churn-bar-icon{width:152px;height:132px;border:1px solid rgba(255,210,122,0.28);background:rgba(255,210,122,0.06);display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:16px;flex-shrink:0;justify-self:center}.churn-bar-icon span{display:block;width:22px;background:rgba(255,210,122,0.78)}.churn-bar-icon span:nth-child(1){height:36%}.churn-bar-icon span:nth-child(2){height:62%}.churn-bar-icon span:nth-child(3){height:82%}.churn-bar-icon span:nth-child(4){height:50%}.panel-compact{grid-column:span 2;min-height:220px}.project-modal-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.5s ease,visibility 0.5s ease}.project-modal-overlay[aria-hidden="true"]{display:none}.project-modal-overlay[aria-hidden="false"]{display:flex}.project-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.project-modal{width:min(1200px,96vw);height:min(900px,88vh);background:rgba(30,30,30,0.92);border:1px solid var(--card-border);backdrop-filter:blur(10px);padding:26px;position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:14px;overflow:auto;transform:translateY(20px);opacity:0;transition:transform 0.5s ease,opacity 0.5s ease}.project-modal-overlay.is-open .project-modal{transform:translateY(0);opacity:1}.project-modal h2{color:var(--text-color);line-height:1.25;margin-bottom:10px;font-size:clamp(1.3rem,2.2vw,2rem)}.project-modal p{color:#e6d6ad;font-size:0.95rem;line-height:1.55}.project-modal-media{border:1px solid var(--card-border);background:rgba(255,210,122,0.05);display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:8px}.project-modal-image{width:100%;max-width:100%;max-height:min(62vh,680px);height:auto;object-fit:contain;opacity:0.9}.project-modal .panel-meta{margin-top:0}.project-modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);font-size:1.2rem;line-height:1;cursor:pointer}.project-modal-close:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.shop-view{width:100%;height:100%;overflow-y:auto;padding:130px 5vw 110px 5vw;display:block}.shop-intro{max-width:78ch;margin:0 auto 24px auto}.shop-intro h1{font-size:clamp(1.85rem,3.3vw,2.9rem);line-height:1.1;margin-bottom:12px}.shop-intro p{color:#ead8af;font-size:1rem;line-height:1.68;max-width:64ch;margin-top:0.45rem}.shop-intro-note{margin-top:12px;color:var(--secondary-text);font-size:0.84rem}.shop-intro-tiles{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.shop-intro-tile{border:1px solid var(--card-border);background:rgba(30,30,30,0.9);backdrop-filter:blur(10px);padding:14px;display:grid;gap:10px}.shop-intro-tile h3{font-size:0.92rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--secondary-text)}.shop-intro-tags{display:flex;flex-wrap:wrap;gap:8px}.shop-intro-tags span{border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);font-size:0.82rem;line-height:1.3;padding:6px 9px}.shop-intro-tags code{color:inherit}.shop-layout{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start;padding-bottom:60px}.shop-products-panel,.shop-checkout-panel{border:1px solid var(--card-border);background:rgba(30,30,30,0.9);backdrop-filter:blur(10px);padding:clamp(16px,2vw,22px)}.shop-products-panel h2,.shop-checkout-panel h2,.shop-checkout-form h3{margin-bottom:14px}.shop-product-grid{display:grid;gap:14px}.shop-category-section{display:grid;gap:10px}.shop-category-title{font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--secondary-text)}.shop-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shop-product-card{border:1px solid var(--card-border);padding:clamp(14px,1.5vw,18px);background:rgba(255,210,122,0.04);display:flex;flex-direction:column;gap:8px;min-height:0}.shop-product-card h3{font-size:clamp(1rem,0.96rem + 0.35vw,1.2rem);line-height:1.24}.shop-product-card p{color:#ead8af;font-size:0.9rem;line-height:1.62;flex:1;max-width:58ch}.shop-product-inventory,.shop-item-availability{color:var(--secondary-text);font-size:0.82rem}.shop-product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-add-btn,.shop-remove-btn{border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);padding:8px 10px;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease}.shop-add-btn:hover,.shop-remove-btn:hover{border-color:rgba(255,210,122,0.5)}.shop-add-btn:focus-visible,.shop-remove-btn:focus-visible,.shop-secondary-btn:focus-visible,.shop-ticket-date-input:focus-visible,.shop-quantity-input:focus-visible,.shop-checkout-form input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.shop-add-btn:disabled{opacity:0.6;cursor:not-allowed}.shop-cart-summary{margin-bottom:18px}.shop-cart-items{display:grid;gap:10px}.shop-cart-row{border:1px solid var(--card-border);background:rgba(255,210,122,0.04);padding:12px;display:grid;gap:10px}.shop-cart-details h4{font-size:0.95rem}.shop-cart-details p{color:var(--secondary-text);font-size:0.85rem;margin-top:4px}.shop-ticket-date-label{display:grid;gap:6px;margin-top:10px;color:var(--secondary-text);font-size:0.8rem}.shop-ticket-date-toggle{cursor:pointer;padding:8px 10px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--secondary-text);font-size:0.82rem;user-select:none;text-align:left}.shop-ticket-date-row{margin-top:10px}.shop-ticket-date-body{margin-top:2px}.shop-ticket-date-spots{margin-top:6px;color:var(--secondary-text);font-size:0.8rem}.shop-ticket-modal-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;padding:16px}.shop-ticket-modal-overlay[hidden]{display:none!important}.shop-ticket-modal-panel{width:min(760px,96vw);border:1px solid var(--card-border);background:rgba(30,30,30,0.96);padding:14px;display:grid;gap:10px}.shop-ticket-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-ticket-modal-title{font-size:0.95rem}.shop-ticket-modal-close{border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);padding:6px 10px;cursor:pointer}.shop-ticket-modal-summary{color:var(--secondary-text);font-size:0.82rem}.shop-ticket-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.shop-ticket-modal-calendar-pane,.shop-ticket-modal-side-pane{border:1px solid var(--card-border);background:rgba(255,210,122,0.04);padding:10px}.shop-ticket-modal-side-pane{display:grid;align-content:start;gap:10px}.shop-ticket-modal-capacity{color:var(--secondary-text);font-size:0.84rem}.shop-ticket-modal-quantity-label{display:grid;gap:6px;color:var(--secondary-text);font-size:0.8rem}.shop-ticket-modal-quantity{width:100%;padding:8px;border:1px solid var(--card-border);background:rgba(30,30,30,0.92);color:var(--text-color)}.shop-ticket-modal-add{width:100%;padding:10px;border:1px solid var(--card-border);background:rgba(255,210,122,0.14);color:var(--text-color);font-weight:700;cursor:pointer}.shop-ticket-modal-add:disabled{opacity:0.6;cursor:not-allowed}.shop-ticket-calendar-loading{color:var(--secondary-text);font-size:0.8rem;padding:8px 0}.shop-ticket-calendar-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.shop-ticket-calendar-month{text-align:center;font-size:0.82rem;color:var(--text-color)}.shop-ticket-calendar-nav-btn{width:26px;height:26px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);cursor:pointer}.shop-ticket-calendar-nav-btn:disabled{opacity:0.5;cursor:not-allowed}.shop-ticket-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.shop-ticket-calendar-weekday{color:var(--secondary-text);font-size:0.72rem;text-align:center;opacity:0.9}.shop-ticket-calendar-day{width:100%;min-height:28px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);cursor:pointer;font-size:0.78rem}.shop-ticket-calendar-day.is-empty{border-color:transparent;background:transparent;pointer-events:none}.shop-ticket-calendar-day.is-unavailable,.shop-ticket-calendar-day:disabled{background:rgba(30,30,30,0.45);color:rgba(206,183,135,0.45);border-color:rgba(255,210,122,0.18);cursor:not-allowed}.shop-ticket-calendar-day.is-selected{border-color:rgba(255,210,122,0.8);box-shadow:0 0 0 1px rgba(255,210,122,0.35) inset;background:rgba(255,210,122,0.2)}@media (max-width:900px){.shop-ticket-modal-body{grid-template-columns:1fr}}.shop-ticket-date-input{border:1px solid var(--card-border);background:rgba(30,30,30,0.92);color:var(--text-color);padding:8px}.shop-cart-controls{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px}.shop-quantity-input{width:100%;padding:6px 8px;border:1px solid var(--card-border);background:rgba(30,30,30,0.9);color:var(--text-color)}.shop-line-total{justify-self:end;font-weight:700}.shop-cart-empty,.shop-products-empty{color:var(--secondary-text);font-size:0.9rem}.shop-cart-totals{margin-top:12px;border-top:1px solid var(--card-border);padding-top:12px;display:grid;gap:8px}.shop-cart-totals div{display:flex;justify-content:space-between;align-items:center}.shop-checkout-form{display:grid;gap:10px}.shop-checkout-form label{display:grid;gap:6px;color:var(--secondary-text);font-size:0.88rem}.shop-checkout-form input{width:100%;border:1px solid var(--card-border);background:rgba(30,30,30,0.92);color:var(--text-color);padding:10px}.shop-checkout-form input:disabled{opacity:0.65;cursor:not-allowed}.shop-rounding-toggle{display:flex;align-items:center;gap:10px;color:var(--text-color);font-size:0.88rem;font-weight:600;border:1px solid var(--card-border);background:rgba(255,210,122,0.06);padding:10px 12px;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.shop-rounding-toggle:hover{border-color:rgba(255,210,122,0.5);background:rgba(255,210,122,0.1)}.shop-rounding-toggle:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(255,210,122,0.22)}.shop-rounding-toggle input{width:18px;height:18px;margin:0;accent-color:var(--accent-color)}.shop-rounding-help{color:var(--secondary-text);font-size:0.8rem;margin:-2px 4px 0}.shop-promo-field{display:grid;gap:6px;margin-top:2px}.shop-promo-field>label{color:var(--secondary-text);font-size:0.88rem}.shop-promo-controls{display:grid;grid-template-columns:1fr auto auto;gap:8px}.shop-promo-controls .shop-secondary-btn{width:auto;min-width:90px;padding:10px 12px}.shop-promo-controls .shop-secondary-btn:disabled{opacity:0.6;cursor:not-allowed}.shop-promo-message{min-height:1.1rem;color:var(--secondary-text);font-size:0.82rem;margin-left:2px}.shop-promo-message[data-type="error"]{color:#ff8a8a}.shop-promo-message[data-type="success"]{color:#9be8be}.shop-promo-message[data-type="warning"]{color:#ffd27a}.shop-checkout-form .consult-btn{margin-top:6px}.shop-checkout-form .consult-btn:disabled{opacity:0.6;cursor:not-allowed}.shop-checkout-actions{display:grid;gap:8px;margin-top:6px}.shop-checkout-actions .consult-btn{margin-top:0}.shop-secondary-btn{width:100%;padding:12px;border:1px solid var(--card-border);background:rgba(255,210,122,0.08);color:var(--text-color);font-weight:600;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease}.shop-secondary-btn:hover{border-color:rgba(255,210,122,0.5)}.content-panel{margin:0 auto;border:1px solid var(--card-border);background:rgba(30,30,30,0.9);backdrop-filter:blur(10px)}.content-panel--resume{width:min(100%,76rem);padding:clamp(10px,1.8vw,18px)}.content-panel--feedback{max-width:70ch;padding:clamp(18px,2.2vw,28px);text-align:left}.resume-frame{width:100%;height:clamp(420px,74vh,1100px);border:1px solid var(--card-border);background:var(--bg-color)}.feedback-action{max-width:26rem;margin:0;text-decoration:none}.section-note{margin-top:14px;color:var(--secondary-text);font-size:0.9rem}.blog-loading-state,.blog-empty-state{grid-column:1 / -1;text-align:center;font-size:0.9rem;color:var(--secondary-text)}.blog-empty-state{padding:50px}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.blog-card-date{color:var(--secondary-text);font-size:0.85rem}.shop-form-message{min-height:1.2rem;font-size:0.88rem;color:var(--secondary-text)}.shop-form-message[data-type="error"]{color:#ff8a8a}.shop-form-message[data-type="success"]{color:#9be8be}.shop-form-message[data-type="warning"]{color:#ffd27a}#blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:50px;width:100%;max-width:1200px;margin:0 auto;padding-bottom:50px}.project-card{background:rgba(30,30,30,0.85);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:4px;overflow:hidden;transition:transform 0.3s ease,border-color 0.3s ease;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:rgba(255,210,122,0.5);box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.project-card-image{width:100%;height:200px;background-size:cover;background-position:center;filter:grayscale(40%);transition:filter 0.3s}.project-card:hover .project-card-image{filter:grayscale(0%)}.project-card-content{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-tag{font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--secondary-text);margin-bottom:10px;border:1px solid var(--card-border);padding:4px 8px;align-self:flex-start}.project-card h2{font-size:1.2rem;margin-bottom:10px;line-height:1.3;font-weight:700;color:var(--text-color)}.post-excerpt{font-size:0.9rem;color:#e6d6ad;margin-bottom:15px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#post-overlay{position:fixed;inset:0;display:none;flex-direction:column;z-index:9999;overflow-y:auto;background:rgba(30,30,30,0.96);backdrop-filter:blur(20px)}#post-overlay-close{position:fixed;top:20px;right:30px;width:40px;height:40px;border:1px solid var(--card-border);border-radius:50%;background:rgba(255,210,122,0.12);color:var(--text-color);font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:background 0.2s ease,border-color 0.2s ease}#post-overlay-close:hover{background:rgba(255,210,122,0.2);border-color:rgba(255,210,122,0.5)}#post-overlay-close:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}#post-overlay-image{width:100%;height:40vh;margin-bottom:2rem;background-size:cover;background-position:center;flex-shrink:0}.post-overlay-shell{max-width:800px;width:100%;margin:0 auto;padding:0 24px 100px}.post-overlay-meta{margin-bottom:10px;display:flex;align-items:center}#post-overlay-category{background:transparent;border:1px solid var(--card-border);padding:5px 10px;border-radius:4px;margin-bottom:0}#post-overlay-date{margin-left:15px;color:var(--secondary-text);font-size:0.9rem}#post-overlay-title{font-size:clamp(2rem,5vw,3rem);margin:20px 0 30px;line-height:1.1;font-weight:800}#post-overlay-content{color:#e6d6ad;line-height:1.78;font-size:clamp(1rem,0.97rem + 0.28vw,1.12rem);max-width:68ch}.blog-markdown-content h1,.blog-markdown-content h2,.blog-markdown-content h3{color:var(--text-color);margin-top:2em;margin-bottom:0.5em;font-weight:700}.blog-markdown-content p{margin-bottom:1.5em;color:#e6d6ad;font-size:clamp(1rem,0.97rem + 0.28vw,1.12rem);line-height:1.8;max-width:68ch}.blog-markdown-content a{color:var(--accent-color);text-decoration:underline}.blog-markdown-content img{max-width:100%;border-radius:4px;margin:2em 0}.blog-markdown-content pre{background:rgba(255,255,255,0.05);padding:20px;border-radius:4px;overflow-x:auto;margin:2em 0;border:1px solid var(--card-border)}.blog-markdown-content code{font-family:monospace;background:rgba(255,255,255,0.1);padding:2px 5px;border-radius:3px;color:#f0ddb3}@media (max-width:900px){header{padding:1rem}.nav-toggle{display:inline-flex;z-index:12}.nav-links{position:absolute;top:calc(100% + 8px);left:1rem;right:1rem;display:none;flex-direction:column;gap:0;background:rgba(30,30,30,0.98);border:1px solid var(--card-border);z-index:11}body.mobile-nav-open .nav-links{display:flex}.nav-links a{padding:12px 14px;border-bottom:1px solid var(--card-border)}.nav-links a:last-child{border-bottom:0}.intro-text,.footer-socials{display:none}.profile-card{width:90%;max-width:350px}footer{display:none}.blog-view{padding:80px 20px}.projects-view{padding:80px 20px}.shop-view{padding:80px 20px}.projects-layout{grid-template-columns:1fr;gap:14px}.shop-layout{grid-template-columns:1fr;gap:14px}.shop-promo-controls,.shop-cart-controls{grid-template-columns:1fr}.shop-line-total{justify-self:start}.panel-featured,.panel-index,.panel-split,.panel-vertical-title,.panel-compact{grid-column:span 1;min-height:auto}.panel-vertical-title .panel-vertical-label{writing-mode:horizontal-tb;transform:none}}@media (max-width:480px){.content-panel--feedback{text-align:center}.feedback-action{margin:0 auto}.shop-product-footer{flex-direction:column;align-items:stretch}}.blog-intro{max-width:74ch;margin:0 auto 38px auto;text-align:left}.blog-intro h1{font-size:clamp(1.9rem,3.9vw,3rem);margin-bottom:14px;font-weight:800;letter-spacing:-0.02em;line-height:1.08;color:var(--text-color)}.blog-intro p{color:#ead8af;font-size:1rem;line-height:1.72;max-width:66ch}main{transition:opacity 0.5s ease-in-out}.page-exit{opacity:0}.page-enter{animation:fadeIn 0.5s ease-out forwards}.projects-load-enter{animation:fadeIn 0.5s ease-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.page-initial-state{opacity:0}.page-initial-enter{animation:fadeIn 0.5s ease-out forwards}.page-enter{animation:fadeIn 0.5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#5a4a2b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7b6640}