@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Oswald:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;600&display=swap";.nav{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:1000;transition:box-shadow var(--t-mid);background:#0d0000f5;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.nav:has(:hover){box-shadow:0 4px 28px #00000073}.nav-brand{color:var(--text);cursor:pointer;letter-spacing:.05em;transition:color var(--t-fast);background:0 0;border:none;font-family:Playfair Display,serif;font-size:.95rem}.nav-brand:hover{color:var(--gold)}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a,.nav-links button{letter-spacing:.12em;text-transform:uppercase;color:var(--text);cursor:pointer;transition:color var(--t-fast);background:0 0;border:none;padding:4px 0;font-family:Oswald,sans-serif;font-size:.78rem;text-decoration:none;position:relative}.nav-links a:after,.nav-links button:after{content:"";background:var(--gold);width:0;height:1px;transition:width var(--t-mid);position:absolute;bottom:0;left:0}.nav-links a:hover:after,.nav-links button:hover:after,.nav-links a.active:after,.nav-links button.active:after{width:100%}.nav-links a:hover,.nav-links button:hover,.nav-links a.active,.nav-links button.active{color:var(--gold)}.nav-right{color:var(--text);letter-spacing:.08em;align-items:center;gap:12px;font-family:Oswald,sans-serif;font-size:.72rem;display:flex}.toggle-btn{background:var(--red);cursor:pointer;width:42px;height:22px;transition:background var(--t-fast);border:none;border-radius:11px;position:relative}.toggle-btn:hover{background:var(--red-lt)}.toggle-btn:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;right:3px}.dropdown-wrapper{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);z-index:2000;background:#0d0000f7;min-width:200px;animation:.18s both dropIn;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000008c}@keyframes dropIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dropdown-menu li{list-style:none}.dropdown-menu li button{text-align:left;letter-spacing:.1em;text-transform:uppercase;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), padding-left var(--t-fast);background:0 0;padding:11px 18px;font-family:Oswald,sans-serif;font-size:.78rem}.dropdown-menu li:last-child button{border-bottom:none}.dropdown-menu li button:hover{color:var(--gold);background:#8b00008c;padding-left:24px}@media (width<=680px){.nav{padding:12px 16px}.nav-links{gap:12px}.nav-links a,.nav-links button{font-size:.68rem}.nav-right{display:none}}.footer{border-top:1px solid var(--border);background:#0d0000f5;justify-content:center;gap:32px;padding:22px 32px;animation:.5s both fadeIn;display:flex}.footer a{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast);padding-bottom:2px;font-family:Oswald,sans-serif;font-size:.78rem;text-decoration:none;position:relative}.footer a:after{content:"";background:var(--gold);width:0;height:1px;transition:width var(--t-mid);position:absolute;bottom:0;left:0}.footer a:hover{color:var(--gold)}.footer a:hover:after{width:100%}@media (width<=480px){.footer{flex-wrap:wrap;gap:16px;padding:18px 16px}}.home-hero{background:linear-gradient(180deg, var(--bg2) 0%, #1a0000d9 100%);background:var(--bg2);flex-direction:column;min-height:calc(100vh - 54px);display:flex;position:relative;overflow:visible}.home-hero:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 4px);position:absolute;inset:0}.portfolio-label{letter-spacing:-.01em;text-transform:uppercase;color:#0000;text-align:center;z-index:1;background:linear-gradient(90deg, var(--gold) 0%, var(--gold-lt) 35%, #fff7d6 50%, var(--gold-lt) 65%, var(--gold) 100%);background-size:200%;-webkit-background-clip:text;background-clip:text;width:100%;padding:32px 24px 0;font-family:Playfair Display,serif;font-size:clamp(4rem,14vw,9rem);font-weight:900;line-height:1;animation:6s linear infinite goldShimmer,.7s both fadeIn;position:relative}.home-hero-row{z-index:2;flex:1;grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:0;margin-top:-180px;display:grid;position:relative}.home-tags{z-index:5;flex-direction:column;align-self:center;gap:2px;margin-top:10rem;margin-left:200px;padding:0 80px 40px;animation:.65s .25s both slideInLeft;display:flex;position:relative}.home-tags span{color:var(--text);letter-spacing:.08em;text-transform:uppercase;transition:color var(--t-fast), letter-spacing var(--t-fast);font-family:Oswald,sans-serif;font-size:5rem;font-weight:800;line-height:1.4}.home-tags span:hover{color:var(--gold);letter-spacing:.13em}.home-photo{z-index:5;justify-content:center;align-items:flex-end;margin-top:-220px;animation:.7s .1s both fadeUp;display:flex;position:relative}.home-photo img{object-fit:cover;object-position:center 10%;filter:sepia(.2)contrast(1.05);z-index:5;width:clamp(500px,80vw,340px);height:auto;max-height:300vh;transition:filter var(--t-slow)}.home-photo img:hover{filter:sepia(.05)contrast(1.1)brightness(1.04)}.home-big-title{margin-bottom:8rem;margin-left:-7rem;position:relative}.front{color:var(--white);text-transform:uppercase;letter-spacing:-.02em;transition:color var(--t-mid);z-index:10;align-self:center;margin-top:1rem;font-family:Oswald,sans-serif;font-size:clamp(8rem,11vw,10rem);font-weight:900;line-height:.85;animation:.65s .25s both slideInRight;position:relative}.behind{color:var(--white);text-transform:uppercase;letter-spacing:-.02em;transition:color var(--t-mid);z-index:1;align-self:center;margin-top:1rem;font-family:Oswald,sans-serif;font-size:clamp(8rem,11vw,10rem);font-weight:900;line-height:.85;animation:.65s .25s both slideInRight;position:relative}.home-big-title:hover{color:var(--gold-lt)}.home-about{text-align:center;z-index:3;background:var(--bg2);max-width:1000px;margin:0 auto;padding:80px 48px;animation:.65s .4s both fadeUp;position:relative}.home-about h2{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:28px;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:500}.home-about p{color:var(--text);letter-spacing:.01em;max-width:780px;margin:0 auto 40px;font-size:1.05rem;font-weight:350;line-height:1.85}@media (width<=1200px){.home-tags span{font-size:1.4rem}.home-tags{margin-left:30px}}@media (width<=1024px){.home-hero-row{margin-top:-150px}.home-photo{margin-top:-190px}.home-tags span{font-size:1.2rem}.home-tags{margin-left:20px}}@media (width<=768px){.home-hero-row{margin-top:-120px}.home-photo{margin-top:-160px}.home-tags span{font-size:1rem}.home-tags{gap:4px;margin-left:15px}}@media (width<=680px){.portfolio-label{padding:20px 12px 0;font-size:clamp(2.8rem,16vw,5rem)}.home-hero-row{grid-template-columns:auto 1fr auto;align-items:flex-end;margin-top:-90px}.home-tags{margin-left:8px;padding:0 12px 24px}.home-tags span{font-size:.9rem}.home-photo{margin-top:-120px}.home-photo img{width:clamp(140px,40vw,220px)}.home-right{padding:0 12px 24px 8px}.home-big-title{font-size:clamp(2.2rem,10vw,3.5rem)}.home-about{padding:50px 24px}.home-about p{font-size:.95rem}.btn-gold,.btn-dark{letter-spacing:.15em;padding:12px 24px;font-size:.75rem}}@media (width<=480px){.home-hero-row{margin-top:-60px}.home-photo{margin-top:-90px}.home-tags span{font-size:.75rem}.home-tags{margin-left:4px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a0000;--bg2:#2a0505;--card-bg:#1f0404;--gold:#c8a84b;--gold-lt:#e0c070;--gold-dim:#c8a84b1f;--gold-border:#c8a84b59;--red:#8b0000;--red-lt:#b00000;--text:#e8e0d0;--muted:#a09080;--border:#3a1010;--white:#fff;--t-fast:.18s ease;--t-mid:.28s ease;--t-slow:.45s ease}html{scroll-behavior:smooth}body{background-image:url(/Jessica-portfolio/assets/BgImg-Rtyi367I.jpg);background-color:var(--bg);color:var(--text);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:"Source Sans 3",sans-serif;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes lineExpand{0%{opacity:0;width:0}to{opacity:1;width:60px}}@keyframes goldShimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes sweepFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-hero{text-align:center;padding:52px 32px 32px;animation:.55s both fadeUp}.page-hero h1{text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(90deg, var(--gold) 0%, var(--gold-lt) 35%, #fff7d6 50%, var(--gold-lt) 65%, var(--gold) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:clamp(2.8rem,8vw,5.5rem);line-height:1;animation:5s linear infinite goldShimmer}.page-hero h1.large-title{letter-spacing:-.01em;font-size:clamp(3rem,10vw,6rem)}.hero-line{background:var(--gold);width:60px;height:2px;margin:0 auto;animation:.6s .3s both lineExpand}.divider{background:linear-gradient(90deg, transparent 0%, var(--border) 20%, var(--border) 80%, transparent 100%);height:1px;margin:0 32px}.btn-gold,.btn-dark,.btn-view{letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);font-family:Oswald,sans-serif;position:relative;overflow:hidden}.btn-gold:before,.btn-dark:before{content:"";transform-origin:0;transition:transform var(--t-mid);z-index:0;position:absolute;inset:0;transform:scaleX(0)}.btn-gold{border:1px solid var(--gold);color:var(--gold);background:0 0;padding:14px 32px;font-size:.82rem}.btn-gold:before{background:var(--gold)}.btn-gold:hover{color:#0d0000;transform:translateY(-1px);box-shadow:0 4px 20px #c8a84b59}.btn-gold:hover:before{transform:scaleX(1)}.btn-dark{border:1px solid var(--text);color:var(--text);background:0 0;padding:14px 32px;font-size:.82rem}.btn-dark:before{background:var(--text)}.btn-dark:hover{color:#0d0000;transform:translateY(-1px)}.btn-dark:hover:before{transform:scaleX(1)}.btn-view{background:var(--gold);color:#0d0000;border:none;padding:10px 28px;font-size:.75rem}.btn-view:after{content:"";transform-origin:0;transition:transform var(--t-mid);background:#fff3;position:absolute;inset:0;transform:scaleX(0)}.btn-view:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 4px 18px #c8a84b66}.btn-view:hover:after{transform:scaleX(1)}.btn-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.back-btn{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);cursor:pointer;transition:color var(--t-fast), gap var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;margin:24px 32px;font-family:Oswald,sans-serif;font-size:.75rem;display:inline-flex}.back-btn:hover{color:var(--gold-lt);gap:13px}@media (width<=680px){.page-hero{padding:36px 24px 24px}.page-hero h1{font-size:clamp(2rem,10vw,4rem)}.divider{margin:0 16px}.back-btn{margin:16px 20px}}.btt-btn{background:var(--gold);cursor:pointer;opacity:0;visibility:hidden;z-index:9999;border-radius:50%;width:44px;height:44px;transition:all .3s;position:fixed;bottom:2rem;right:2rem}.btt-btn--visible{opacity:1;visibility:visible}.btt-btn:hover{background:var(--gold-lt);transform:scale(1.1)}.btt-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.btt-ring-track{stroke:var(--border)}.btt-ring-progress{stroke:var(--bg);transition:stroke-dashoffset .1s linear}.btt-arrow{font-size:20px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.btt-btn{width:40px;height:40px;bottom:1rem;right:1rem}.btt-arrow{font-size:18px}}.about-hero{grid-template-columns:300px 1fr;align-items:end;gap:0;max-width:1000px;margin:0 auto 56px;padding:0 48px;display:grid}.about-hero-image-wrap{position:relative}.about-photo-placeholder{aspect-ratio:4/5;object-fit:cover;object-position:top center;filter:sepia(.1)contrast(1.04);border:1px solid var(--gold-border);width:100%;transition:filter .4s;display:block}.about-photo-placeholder:hover{filter:sepia(0)contrast(1.06)brightness(1.03)}.about-intro-panel{flex-direction:column;justify-content:flex-end;padding:0 0 8px 52px;animation:.7s .15s both slideInRight;display:flex}.about-name{letter-spacing:.06em;text-transform:uppercase;color:var(--white);margin-bottom:12px;font-family:Oswald,sans-serif;font-size:2.8rem;font-weight:600;line-height:1}.about-role{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px;font-family:Oswald,sans-serif;font-size:.72rem;display:block}.about-intro-quote{color:var(--white);opacity:.85;margin-bottom:32px;font-size:1.05rem;font-style:italic;line-height:1.7}.about-stats{gap:32px;display:flex}.stat-item{text-align:left}.stat-number{color:var(--white);margin-bottom:3px;font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:500;line-height:1}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.6;font-size:.65rem}.about-body{grid-template-columns:1.4fr 1fr;align-items:start;gap:0 64px;max-width:1000px;margin:0 auto;padding:0 48px 80px;display:grid}.section-label{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-family:Oswald,sans-serif;font-size:.65rem}.about-bio{animation:.7s .25s both slideInLeft}.bio-paragraph{color:var(--text);margin-bottom:16px;font-size:.9rem;line-height:1.85}.skills-section{animation:.7s .25s both slideInRight}.skill-group{border-left:2px solid #0000;margin-bottom:2px;padding:10px 14px;transition:border-color .2s,background .2s,padding-left .2s}.skill-group:hover{border-left-color:var(--gold);background:var(--gold-dim);padding-left:18px}.skill-group h4{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:5px;font-family:Oswald,sans-serif;font-size:.7rem}.skill-group p{color:var(--text);font-size:.84rem;line-height:1.6}@media (width<=800px){.about-hero{grid-template-columns:1fr;margin-bottom:36px;padding:0 24px}.about-hero-image-wrap{margin-bottom:28px}.about-photo-placeholder{aspect-ratio:4/3;object-position:center 20%}.about-intro-panel{padding:0}.about-name{font-size:2rem}.about-body{grid-template-columns:1fr;gap:0;padding:0 24px 56px}.about-bio{margin-bottom:36px}}.hero-ornament{color:var(--gold);margin-bottom:8px;font-size:1.8rem;animation:.5s both fadeIn;display:block}.contact-card{background:0 0;align-items:center;gap:48px;max-width:900px;margin:0 auto;padding:0 32px 64px;animation:.6s .2s both fadeUp;display:flex}.contact-photo-area{flex-shrink:0;position:relative}.photo-frame{border:1px solid var(--gold-border);width:220px;height:260px;transition:border-color var(--t-mid), box-shadow var(--t-mid);background:#14080899;padding:8px;position:relative;overflow:hidden}.photo-frame:hover{border-color:#c8a84ba6;box-shadow:0 8px 32px #00000073,0 0 20px #c8a84b1a}.contact-photo-img{object-fit:cover;object-position:top center;filter:sepia(.2)contrast(1.08)brightness(.95);width:100%;height:100%;transition:filter var(--t-slow), transform var(--t-slow)}.photo-frame:hover .contact-photo-img{filter:sepia(.05)contrast(1.05)brightness(1.02);transform:scale(1.03)}.photo-decoration{border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.5;width:40px;height:40px;transition:opacity var(--t-mid), bottom var(--t-mid), right var(--t-mid);position:absolute;bottom:-12px;right:-12px}.contact-photo-area:hover .photo-decoration{opacity:.9;bottom:-16px;right:-16px}.contact-info{-webkit-backdrop-filter:blur(6px);border:1px solid var(--gold-border);transition:border-color var(--t-mid), box-shadow var(--t-mid);background:#140808b3;flex:1;padding:32px 36px;animation:.6s .3s both slideInRight}.contact-info:hover{border-color:#c8a84b99;box-shadow:0 8px 32px #00000059,0 0 24px #c8a84b12}.info-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.small-ornament{color:var(--gold);font-family:serif;font-size:1.2rem}.info-header h2{letter-spacing:.15em;text-transform:uppercase;color:var(--white);margin:0;font-family:Oswald,sans-serif;font-size:1.4rem;font-weight:500}.artist-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:20px;font-family:"Source Sans 3",sans-serif;font-size:.75rem}.info-divider{background:var(--gold-border);width:40px;height:1px;transition:width var(--t-slow);margin:20px 0 24px}.contact-info:hover .info-divider{width:80px}.contact-row{transition:border-color var(--t-fast);border-bottom:1px solid #0000;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:12px;display:flex}.contact-row:last-of-type{border-bottom:none;margin-bottom:0}.contact-row:hover{border-bottom-color:var(--border)}.contact-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:Oswald,sans-serif;font-size:.7rem;font-weight:400}.contact-value{color:var(--gold);word-break:break-all;transition:color var(--t-fast);font-family:"Source Sans 3",sans-serif;font-size:.85rem;text-decoration:none}.contact-value:hover{color:var(--gold-lt)}.contact-footer{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid #c8a84b33;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding-top:16px;font-family:Oswald,sans-serif;font-size:.7rem;display:flex}.dot{color:var(--gold);font-size:.6rem}@media (width<=700px){.contact-card{flex-direction:column;gap:32px;padding:0 24px 48px}.photo-frame{width:180px;height:220px}.contact-info{width:100%;padding:28px 24px}}@media (width<=480px){.contact-info{padding:24px 20px}.info-header h2{font-size:1.1rem}.contact-value{font-size:.78rem}}.cv-page{max-width:720px;margin:0 auto;padding:0 32px 64px;animation:.55s .15s both fadeUp}.cv-section{margin-bottom:40px}.cv-section h2{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:8px;font-family:Oswald,sans-serif;font-size:1rem;position:relative}.cv-section h2:after{content:"";background:var(--gold-lt);width:0;height:1px;transition:width var(--t-slow);position:absolute;bottom:-1px;left:0}.cv-section:hover h2:after{width:36px}.cv-entry{transition:border-color var(--t-fast), background var(--t-fast), padding-left var(--t-fast);border-left:2px solid #0000;margin-bottom:18px;padding:10px 14px}.cv-entry:hover{border-left-color:var(--gold);background:var(--gold-dim);padding-left:20px}.cv-entry h3{color:var(--white);letter-spacing:.06em;transition:color var(--t-fast);font-family:Oswald,sans-serif;font-size:.92rem}.cv-entry:hover h3{color:var(--gold-lt)}.cv-entry .cv-meta{color:var(--muted);letter-spacing:.02em;margin:4px 0 8px;font-size:.78rem;font-style:italic}.cv-entry p{color:var(--text);font-size:.84rem;line-height:1.7}@media (width<=680px){.cv-page{padding:0 24px 48px}.cv-entry{padding:8px 10px}}.portfolio-list{flex-direction:column;gap:40px;max-width:860px;margin:0 auto;padding:0 32px 64px;display:flex}.portfolio-item{border-bottom:1px solid var(--border);grid-template-columns:220px 1fr;align-items:center;gap:32px;padding-bottom:40px;display:grid}.portfolio-item:last-child{border-bottom:none}.portfolio-item.reverse{grid-template-columns:1fr 220px}.portfolio-item.reverse .portfolio-img{order:2}.portfolio-item.reverse .portfolio-text{order:1}.portfolio-img{aspect-ratio:16/10;background:var(--bg2);border:1px solid var(--border);width:220px;color:var(--muted);letter-spacing:.08em;text-align:center;justify-content:center;align-items:center;padding:8px;font-family:Oswald,sans-serif;font-size:.65rem;display:flex;overflow:hidden}.portfolio-img img{object-fit:cover;width:100%;height:100%}.portfolio-text h2{letter-spacing:.08em;text-transform:uppercase;color:var(--white);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-family:Oswald,sans-serif;font-size:1.15rem}.portfolio-text p{color:var(--text);margin-bottom:16px;font-size:.85rem;line-height:1.7}.gameui-list{flex-direction:column;gap:0;max-width:860px;margin:0 auto;padding:0 32px 64px;display:flex}.gameui-item{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;align-items:center;gap:28px;padding:32px 0;display:grid}.gameui-item:last-child{border-bottom:none}.gameui-item.reverse{grid-template-columns:1fr 180px}.gameui-item.reverse .gameui-img{order:2}.gameui-item.reverse .gameui-text{order:1}.gameui-img{aspect-ratio:1;background:var(--bg2);border:1px solid var(--border);width:180px;color:var(--muted);letter-spacing:.06em;text-align:center;justify-content:center;align-items:center;padding:8px;font-family:Oswald,sans-serif;font-size:.65rem;display:flex;overflow:hidden}.gameui-img img{object-fit:cover;width:100%;height:100%}.gameui-text h2{color:var(--white);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.4rem}.gameui-text p{color:var(--text);margin-bottom:14px;font-size:.85rem;line-height:1.7}.logo-list{flex-direction:column;gap:0;max-width:860px;margin:0 auto;padding:0 32px 64px;display:flex}.logo-item{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;align-items:center;gap:32px;padding:32px 0;display:grid}.logo-item:last-child{border-bottom:none}.logo-item.reverse{grid-template-columns:1fr 160px}.logo-item.reverse .logo-img{order:2}.logo-item.reverse .logo-text{order:1}.logo-img{border:1px solid var(--border);color:#666;letter-spacing:.06em;text-align:center;background:#f0ede6;justify-content:center;align-items:center;width:160px;height:160px;padding:8px;font-family:Oswald,sans-serif;font-size:.65rem;display:flex;overflow:hidden}.logo-img img{object-fit:contain;width:90%;height:90%}.logo-text h2{color:var(--white);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.4rem}.logo-text p{color:var(--text);font-size:.85rem;line-height:1.7}.drawing-list{flex-direction:column;gap:0;max-width:860px;margin:0 auto;padding:0 32px 64px;display:flex}.drawing-item{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;align-items:center;gap:32px;padding:32px 0;display:grid}.drawing-item:last-child{border-bottom:none}.drawing-item.reverse{grid-template-columns:1fr 160px}.drawing-item.reverse .drawing-img{order:2}.drawing-item.reverse .drawing-text{order:1}.drawing-img{aspect-ratio:3/4;background:var(--bg2);border:1px solid var(--border);width:160px;color:var(--muted);letter-spacing:.06em;text-align:center;justify-content:center;align-items:center;padding:8px;font-family:Oswald,sans-serif;font-size:.65rem;display:flex;overflow:hidden}.drawing-img img{object-fit:cover;width:100%;height:100%}.drawing-text h2{color:var(--white);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.4rem}.drawing-text p{color:var(--text);font-size:.85rem;line-height:1.7}.detail-page{max-width:1000px;margin:0 auto;padding:0 32px 64px}.detail-section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;border-bottom:1px solid var(--border);margin:40px 0 20px;padding-bottom:8px;font-family:Oswald,sans-serif;font-size:.85rem}.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.screenshot-box{background:var(--bg2);border:1px solid var(--border);flex-direction:column;justify-content:flex-start;align-items:center;padding:8px;display:flex;overflow:hidden}.screenshot-box img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.screenshot-box span{color:var(--muted);letter-spacing:.04em;text-align:center;margin-top:8px;font-family:Oswald,sans-serif;font-size:.62rem;display:block}.design-decisions{grid-template-columns:1fr 1fr;gap:32px;margin-top:16px;display:grid}.decision-col h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-family:Oswald,sans-serif;font-size:.88rem}.decision-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-top:14px;margin-bottom:6px;font-family:Oswald,sans-serif;font-size:.75rem;text-decoration:underline}.decision-col p{color:var(--text);font-size:.82rem;line-height:1.65}.decision-col ul{margin-top:4px;padding-left:16px}.decision-col ul li{color:var(--text);margin-bottom:4px;font-size:.82rem;line-height:1.65}.detail-links{justify-content:center;gap:16px;margin-top:40px;display:flex}.game-detail-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:8px;display:grid}.game-screenshot{background:var(--bg2);border:1px solid var(--border);aspect-ratio:4/3;color:var(--muted);letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;padding:6px;font-family:Oswald,sans-serif;font-size:.62rem;display:flex}@media (width<=680px){.portfolio-item,.portfolio-item.reverse,.gameui-item,.gameui-item.reverse,.logo-item,.logo-item.reverse,.drawing-item,.drawing-item.reverse{grid-template-columns:1fr}.portfolio-item.reverse .portfolio-img,.gameui-item.reverse .gameui-img,.logo-item.reverse .logo-img,.drawing-item.reverse .drawing-img{order:0}.portfolio-img,.gameui-img{width:100%}.logo-img{width:120px;height:120px}.drawing-img{width:120px}.screenshots-grid{grid-template-columns:1fr 1fr}.design-decisions,.game-detail-grid{grid-template-columns:1fr}.portfolio-list,.gameui-list,.logo-list,.drawing-list,.detail-page{padding-left:20px;padding-right:20px}}.feature-breakdown{flex-direction:column;gap:0;margin-top:16px;display:flex}.feature-item{border-bottom:1px solid var(--border);padding:20px 0}.feature-item:last-child{border-bottom:none}.feature-item h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-family:Oswald,sans-serif;font-size:.88rem}.feature-item p{color:var(--text);font-size:.82rem;line-height:1.75}.game-screenshots-mini{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.game-screenshot{background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;overflow:hidden}.game-screenshot img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%}.game-screenshot span{color:var(--muted);text-align:center;font-size:.75rem}.screenshot-box{cursor:pointer;transition:border-color .2s,transform .2s;position:relative}.screenshot-box:hover{border-color:var(--gold);transform:translateY(-2px)}.screenshot-hover-hint{height:100%;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0 0 28px}.screenshot-box:hover .screenshot-hover-hint{opacity:1}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;animation:.2s lb-fade-in;display:flex;position:fixed;inset:0}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;animation:.22s lb-slide-up;display:flex;position:relative}@keyframes lb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lightbox-close{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;line-height:1;transition:border-color .15s,color .15s;display:flex;position:absolute;top:-36px;right:0}.lightbox-close:hover{border-color:var(--gold);color:var(--gold)}.lightbox-img-wrap{border:1px solid var(--border);justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex;overflow:hidden}.lightbox-img-wrap img{object-fit:contain;max-width:100%;max-height:70vh;display:block}.lightbox-caption{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.lightbox-section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:2px 8px;font-family:Oswald,sans-serif;font-size:.62rem}.lightbox-label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin:0;font-family:Oswald,sans-serif;font-size:.78rem}.lightbox-nav{align-items:center;gap:20px;margin-top:16px;display:flex}.lightbox-arrow{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:border-color .15s,color .15s;display:flex}.lightbox-arrow:hover{border-color:var(--gold);color:var(--gold)}.lightbox-counter{letter-spacing:.14em;color:#ffffff73;text-align:center;min-width:48px;font-family:Oswald,sans-serif;font-size:.75rem}.lightbox-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:300px;margin-top:12px;display:flex}.lightbox-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .15s,transform .15s}.lightbox-dot.active{background:var(--gold);transform:scale(1.3)}.lightbox-dot:hover:not(.active){background:#ffffff73}@media (width<=680px){.lightbox-content{max-width:96vw}.lightbox-img-wrap,.lightbox-img-wrap img{max-height:55vh}}.logo-img--clickable{cursor:pointer;transition:border-color .2s,transform .2s;position:relative}.logo-img--clickable:hover{border-color:var(--gold);transform:translateY(-2px)}.logo-hover-hint{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.logo-img--clickable:hover .logo-hover-hint{opacity:1}.detail-section{margin-top:56px}.detail-section:first-child{margin-top:8px}.section-label-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.section-eyebrow{letter-spacing:.2em;color:var(--gold);opacity:.6;flex-shrink:0;font-family:Oswald,sans-serif;font-size:.7rem}.section-label-row .detail-section-title{text-align:left;border:none;flex:1;margin:0;padding:0}.overview-summary-block{border-left:2px solid var(--gold);background:#ffffff05;margin-bottom:32px;padding:16px 24px}.overview-summary-text{color:var(--text);margin:0;font-size:.9rem;line-height:1.8}.overview-cols{grid-template-columns:1fr 1fr;gap:32px;display:grid}.overview-col-heading{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-family:Oswald,sans-serif;font-size:.72rem}.overview-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.overview-list li{color:var(--text);gap:10px;font-size:.82rem;line-height:1.6;display:flex}.list-bullet{color:var(--gold);opacity:.7;flex-shrink:0}.mood-quote{border:1px solid var(--border);border-left:3px solid var(--gold);color:var(--text);background:#ffffff05;flex-direction:column;gap:10px;margin:0 0 32px;padding:24px 28px;font-size:.85rem;font-style:italic;line-height:1.8;display:flex}.mood-label{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.8;font-family:Oswald,sans-serif;font-size:.65rem;font-style:normal}.design-cols{grid-template-columns:1fr 1fr;gap:32px;display:grid}.design-col-heading{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-family:Oswald,sans-serif;font-size:.72rem}.design-col-body{color:var(--text);margin:0;font-size:.82rem;line-height:1.7}.features-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.feature-card{background:var(--bg,#0a0a0a);flex-direction:column;gap:10px;padding:28px 24px;transition:background .2s;display:flex}.feature-card:hover{background:#ffffff08}.feature-number{letter-spacing:.2em;color:var(--gold);opacity:.5;font-family:Oswald,sans-serif;font-size:.65rem}.feature-card-title{letter-spacing:.12em;text-transform:uppercase;color:var(--white);margin:0;font-family:Oswald,sans-serif;font-size:.88rem}.feature-card-body{color:var(--text);margin:0;font-size:.81rem;line-height:1.75}@media (width<=680px){.overview-cols,.design-cols,.features-grid{grid-template-columns:1fr}.section-label-row{gap:10px}.overview-summary-block{padding:12px 16px}.mood-quote{padding:18px 20px}}.key-sections-block{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.key-sections-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 32px;margin:0;padding:0;list-style:none;display:grid}.key-sections-list li{color:var(--text);gap:10px;font-size:.82rem;line-height:1.6;display:flex}.social-page-wrapper{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.under-construction{border:1px solid var(--border);border-top:2px solid var(--gold);text-align:center;background:#ffffff05;flex-direction:column;align-items:center;gap:14px;max-width:480px;margin:40px auto 80px;padding:48px 32px;display:flex}.under-construction-icon{opacity:.85;margin-bottom:4px;font-size:1.8rem}.under-construction-title{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0;font-family:Oswald,sans-serif;font-size:1rem}.under-construction-text{color:var(--text);max-width:320px;margin:0;font-size:.85rem;line-height:1.7}@media (width<=680px){.under-construction{margin:24px 20px 56px;padding:36px 24px}}