*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e0d;--surface:#161614;--surface2:#1f1f1c;--white:#f0ede6;--muted:#6b6a65;--border:#2a2a27;--accent:#ff5c1a;--accent-dim:rgba(255,92,26,.12);--font-display:"Gloock",serif;--font-body:"Inter",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.6;overflow-x:hidden}nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e0df2;border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;padding:1.6rem 2.5rem;position:sticky;top:0;z-index:99}.nav-logo{color:var(--white);font-family:var(--font-display);font-size:1.05rem}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--muted);font-size:11px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-logo{text-decoration:none}.hero{display:grid;gap:5rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1040px;padding:6rem 2.5rem 5rem}.hero,.hero-tag{align-items:center}.hero-tag{color:var(--accent);display:flex;font-size:11px;gap:8px;letter-spacing:.18em;margin-bottom:1.4rem;text-transform:uppercase}.hero-tag:before{background:var(--accent);content:"";height:1px;width:24px}.hero-name{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:400;line-height:1.08;margin-bottom:1.6rem}.hero-name em{color:var(--muted);font-style:italic}.hero-bio{color:var(--muted);font-size:14px;line-height:1.95;margin-bottom:2.2rem;max-width:420px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.btn{background:transparent;border:.5px solid var(--border);color:var(--white);cursor:pointer;display:inline-block;font-size:11px;letter-spacing:.1em;padding:11px 26px;text-decoration:none;text-transform:uppercase;transition:all .25s}.btn:hover{color:var(--accent)}.btn-fill,.btn:hover{border-color:var(--accent)}.btn-fill{background:var(--accent);color:var(--bg)}.btn-fill:hover{background:transparent;color:var(--accent)}.stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:400;line-height:1}.stat-num span{color:var(--white);font-size:1.4rem}.stat-label{color:var(--muted);font-size:11px;letter-spacing:.1em;margin-top:5px;text-transform:uppercase}.sec{margin:0 auto;max-width:1040px;padding:3.5rem 2.5rem}.sec-top{align-items:baseline;border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.2rem}.sec-title{font-family:var(--font-display);font-size:1.7rem;font-weight:400}.sec-sub{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.sec-divider{border:none;border-top:.5px solid var(--border);margin:0 auto;max-width:1040px}.design-grid{background:var(--border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.card{aspect-ratio:4/3;background:var(--surface);cursor:pointer;overflow:hidden;position:relative}.card-img{display:block;filter:brightness(.82);height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .55s ease,filter .3s;width:100%}.card:hover .card-img{filter:brightness(.5);transform:scale(1.05)}.card-overlay{display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:1.4rem;position:absolute}.card-info{opacity:0;transform:translateY(10px);transition:all .3s}.card:hover .card-info{opacity:1;transform:translateY(0)}.card-title{color:var(--white);font-size:13px;font-weight:500}.card-cat{color:var(--accent);font-size:11px;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.card-wide{grid-column:span 2}.card-hint{background:var(--accent);color:var(--bg);font-family:var(--font-body);font-size:10px;font-weight:500;left:50%;letter-spacing:.12em;opacity:0;padding:8px 18px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;white-space:nowrap}.card:hover .card-hint{opacity:1}.lb-overlay{background:#000000f5;display:none;flex-direction:column;inset:0;opacity:0;position:fixed;transition:opacity .3s;z-index:1000}.lb-overlay.open{display:flex;opacity:1}.lb-header{align-items:center;border-bottom:.5px solid #2a2a27;display:flex;flex-shrink:0;justify-content:space-between;padding:1.4rem 2rem}.lb-title{color:var(--white);font-family:var(--font-display);font-size:1.1rem}.lb-meta{color:var(--accent);font-size:11px;letter-spacing:.1em;margin-top:3px;text-transform:uppercase}.lb-close{align-items:center;background:transparent;border:.5px solid #2a2a27;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.lb-close:hover{border-color:var(--accent);color:var(--accent)}.lb-body{flex:1;overflow-y:auto;padding:2rem}.lb-body::-webkit-scrollbar{width:4px}.lb-body::-webkit-scrollbar-track{background:transparent}.lb-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lb-grid{-moz-columns:2;column-count:2;-moz-column-gap:1rem;column-gap:1rem;margin:0 auto;max-width:900px}.lb-grid img{display:block;margin-bottom:1rem;width:100%;-moz-column-break-inside:avoid;break-inside:avoid;cursor:zoom-in;transition:opacity .2s}.lb-grid img:hover{opacity:.85}.lb-nav{align-items:center;display:flex;flex-shrink:0;gap:1rem}.lb-counter{color:var(--muted);font-size:11px;letter-spacing:.05em}.lb-zoom{align-items:center;background:#000000fa;cursor:zoom-out;display:none;inset:0;justify-content:center;position:fixed;z-index:1100}.lb-zoom.open{display:flex}.lb-zoom img{max-height:95vh;max-width:95vw;-o-object-fit:contain;object-fit:contain}.lb-zoom-close{align-items:center;background:transparent;border:.5px solid #444;color:var(--white);cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;position:absolute;right:1.5rem;top:1.2rem;width:38px}.video-tabs{background:var(--surface);border:.5px solid var(--border);display:flex;gap:2px;margin-bottom:2rem;padding:3px;width:-moz-fit-content;width:fit-content}.tab{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:11px;letter-spacing:.08em;padding:6px 16px;text-transform:uppercase;transition:all .2s}.tab.active{background:var(--accent);color:var(--bg)}.tab:not(.active):hover{color:var(--white)}.landscape-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.vid-card{background:var(--surface);border:.5px solid var(--border);overflow:hidden;transition:border-color .25s}.vid-card:hover{border-color:var(--accent)}.vid-embed{aspect-ratio:16/9;border:none;display:block;width:100%}.vid-label{border-top:.5px solid var(--border);padding:.9rem 1.1rem}.vid-label-title{font-size:13px;font-weight:500}.vid-label-cat{color:var(--accent);font-size:11px;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.shorts-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.short-card{background:var(--surface);border:.5px solid var(--border);overflow:hidden;transition:border-color .25s}.short-card:hover{border-color:var(--accent)}.short-embed{aspect-ratio:9/16;border:none;display:block;width:100%}.short-label{border-top:.5px solid var(--border);padding:.7rem .9rem}.short-label-title{font-size:12px;font-weight:500}.short-label-cat{color:var(--accent);font-size:10px;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.video-panel{display:none}.video-panel.active{display:block}.shorts-tab{position:relative}.notif-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#ff3b30;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.about-grid{display:grid;gap:5rem;grid-template-columns:1fr 1.5fr}.about-label{color:var(--accent);font-size:11px;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.about-text{color:var(--muted);font-size:14px;line-height:1.95}.available-badge{align-items:center;color:var(--accent);display:inline-flex;font-size:11px;gap:7px;letter-spacing:.1em;margin-top:1.4rem;text-transform:uppercase}.available-badge:before{background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);content:"";height:7px;width:7px}.skills-list{display:flex;flex-direction:column}.skill-row{align-items:center;border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 0}.skill-row:first-child{border-top:.5px solid var(--border)}.skill-name{font-size:13px}.skill-dots{display:flex;gap:5px}.dot{background:var(--border);border-radius:50%;height:6px;width:6px}.dot.on{background:var(--accent)}.exp-list{display:flex;flex-direction:column}.exp-item{border-bottom:.5px solid var(--border);display:grid;gap:2.5rem;grid-template-columns:180px 1fr;padding:1.8rem 0}.exp-item:first-child{border-top:.5px solid var(--border)}.exp-date{color:var(--muted);font-size:12px;line-height:1.7;padding-top:2px}.exp-badge{border:.5px solid;display:inline-block;font-size:10px;letter-spacing:.08em;margin-bottom:7px;padding:2px 8px;text-transform:uppercase}.exp-badge.full{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.exp-badge.intern{border-color:var(--border);color:var(--muted)}.exp-badge.cert{background:#7ec8c814;border-color:#7ec8c8;color:#7ec8c8}.exp-role{font-size:14px;font-weight:500;margin-bottom:3px}.exp-company{color:var(--accent);font-size:13px;margin-bottom:7px}.exp-desc{color:var(--muted);font-size:13px;line-height:1.85}.contact-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between}.contact-heading{font-family:var(--font-display);font-size:2.2rem;font-weight:400;margin-bottom:.5rem}.contact-sub{color:var(--muted);font-size:13px}.contact-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.6rem}.contact-link{border-bottom:.5px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:.1em;padding-bottom:2px;text-decoration:none;text-transform:uppercase;transition:color .2s,border-color .2s}.contact-link:hover{border-color:var(--accent);color:var(--accent)}footer{align-items:center;border-top:.5px solid var(--border);display:flex;justify-content:space-between;margin:0 auto;max-width:1040px;padding:1.6rem 2.5rem}footer p{color:var(--muted);font-size:11px;letter-spacing:.05em}@media(max-width:768px){.hero{gap:3rem;grid-template-columns:1fr}.hero-stats{border-left:none;padding-left:0}.design-grid,.hero-stats{grid-template-columns:repeat(2,1fr)}.card-wide{grid-column:span 1}.landscape-grid{grid-template-columns:1fr}.shorts-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.exp-item{grid-template-columns:1fr}.exp-item{gap:.6rem}.contact-wrap{flex-direction:column}.lb-grid{-moz-columns:1;column-count:1}}@media(max-width:480px){nav{padding:1.2rem}.sec{padding:2.5rem 1.2rem}.hero{padding:3.5rem 1.2rem 3rem}.shorts-grid{grid-template-columns:repeat(2,1fr)}}.hero-right-col{display:flex;flex-direction:column;gap:2.5rem}.hero-photo-wrap{aspect-ratio:3/2.8;border:.5px solid var(--border);overflow:hidden;position:relative}.hero-photo-wrap:after{background:linear-gradient(to bottom,transparent 60%,var(--bg));content:"";inset:0;position:absolute}.hero-photo{display:block;filter:grayscale(15%);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%;width:100%}.hero-stats{border-top:.5px solid var(--border);display:grid;gap:1.5rem 1rem;grid-template-columns:1fr 1fr;padding-top:1.8rem}.reel-wrap{background:var(--surface);border:.5px solid var(--border);overflow:hidden;position:relative}.reel-video{display:block;max-height:520px;-o-object-fit:cover;object-fit:cover;width:100%}.reel-label{align-items:center;border-top:.5px solid var(--border);display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.reel-title{font-family:var(--font-display);font-size:1.1rem}.reel-badge{border:.5px solid var(--accent);color:var(--accent);font-size:10px;letter-spacing:.12em;padding:4px 10px;text-transform:uppercase}.yb-wrap{height:520px;margin:0 auto;max-width:820px;perspective:1400px}.yb-book,.yb-wrap{position:relative;width:100%}.yb-book{height:100%;transform-style:preserve-3d}.yb-page{background:var(--border);display:grid;gap:1px;grid-template-columns:1fr 1fr;inset:0;position:absolute}.yb-page.hidden{display:none}.yb-spread{display:block;filter:brightness(.88);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yb-nav{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.yb-btn{background:transparent;border:.5px solid var(--border);color:var(--white);cursor:pointer;font-size:11px;letter-spacing:.1em;padding:9px 22px;text-transform:uppercase;transition:all .2s}.yb-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.yb-btn:disabled{cursor:default;opacity:.25}.yb-counter{color:var(--muted);font-size:12px;min-width:80px;text-align:center}.yb-turning .yb-page{animation:pageFlip .55s ease forwards}@keyframes pageFlip{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg) scaleX(.05)}to{transform:rotateY(0)}}.clients-strip{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem 3.5rem;justify-content:center;padding:1rem 0 .5rem}.client-logo{filter:grayscale(100%) brightness(1.8);height:72px;-o-object-fit:contain;object-fit:contain;opacity:.45;transition:opacity .3s,filter .3s;width:auto}.client-logo:hover{filter:grayscale(0) brightness(1);opacity:1}.mag-wrap{flex-direction:column;gap:1.5rem}.mag-book-container,.mag-wrap{align-items:center;display:flex}.mag-book-container{background:var(--surface);border:.5px solid var(--border);justify-content:center;min-height:500px;overflow:hidden;padding:2.5rem 1rem;position:relative;width:100%}#mag-book{display:block;position:relative}.mag-page{background:#111;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mag-nav{align-items:center;display:flex;gap:1.5rem}.mag-btn{background:transparent;border:.5px solid var(--border);color:var(--white);cursor:pointer;font-family:var(--font-body);font-size:11px;letter-spacing:.1em;padding:9px 22px;text-transform:uppercase;transition:all .2s}.mag-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mag-btn:disabled{cursor:default;opacity:.25}.mag-counter{font-size:12px;min-width:120px}.mag-counter,.mag-hint{color:var(--muted);text-align:center}.mag-hint{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.stf__block{border:none!important;box-shadow:none!important}.stf__parent{background:transparent!important}@keyframes spin{to{transform:rotate(1turn)}}.yb-lb-overlay{align-items:center;background:#000000f5;display:none;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.yb-lb-box,.yb-lb-overlay.open{display:flex}.yb-lb-box{background:var(--surface);border:.5px solid var(--border);flex-direction:column;height:90vh;max-width:1000px;width:100%}.yb-lb-header{align-items:center;border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.2rem 1.6rem}.yb-lb-title{color:var(--white);font-family:var(--font-display);font-size:1.1rem}.yb-lb-body{flex:1;overflow:hidden}.yb-lb-frame{border:none;display:block;height:100%;width:100%}.yb-lb-footer{border-top:.5px solid var(--border);flex-shrink:0;padding:.7rem 1.6rem}