:root{--ink:#0a0a0a;--paper:#f5f4f0;--accent:#f39c12;--font-display:"Anton", sans-serif;--font-cursive:"Caveat", cursive;--font-body:"Inter", sans-serif;--size-xs:.75rem;--size-sm:.875rem;--size-base:1rem;--size-lg:1.25rem;--size-xl:1.5rem;--size-2xl:2rem;--size-3xl:3rem;--size-4xl:4.5rem;--size-5xl:7rem;--size-6xl:10rem;--size-7xl:14rem;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--space-192:192px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--ink);color:var(--paper);background-image:radial-gradient(circle at 15%,#ffffff08 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ffffff05 0%,#0000 50%),linear-gradient(#000c,#000c);background-attachment:fixed;overflow-x:hidden}.portfolio-container{width:100%;max-width:1600px;margin:0 auto;overflow:hidden}.section{min-height:100vh;padding:var(--space-96) var(--space-64);flex-direction:column;justify-content:center;display:flex;position:relative}.section-header{margin-bottom:var(--space-64);position:relative}.section-title{font-family:var(--font-display);font-size:var(--size-5xl);letter-spacing:.05em;text-transform:uppercase;color:var(--paper);z-index:2;line-height:1;position:relative}.section-subtitle{font-family:var(--font-cursive);font-size:var(--size-4xl);color:var(--accent);z-index:3;white-space:nowrap;pointer-events:none;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.center{text-align:center}.left-align{text-align:left}.right-align{text-align:right}.left-align .section-subtitle{left:20%}.right-align .section-subtitle{left:80%}.squiggle{border-bottom:3px solid var(--accent);opacity:.8;border-radius:50%;width:60px;height:20px;position:absolute}.floating-icon{font-family:var(--font-display);color:#ffffff26;font-size:var(--size-3xl);z-index:1;position:absolute}.hero{text-align:center;align-items:center}.hero-top-text{width:100%;font-size:var(--size-sm);color:#ffffff80;text-transform:uppercase;top:var(--space-32);padding:0 var(--space-64);justify-content:space-between;display:flex;position:absolute}.hero-title-container{display:inline-block;position:relative}.hero-title{font-family:var(--font-display);font-size:var(--size-7xl);letter-spacing:-.02em;color:var(--paper);line-height:.9}.hero-subtitle{font-family:var(--font-cursive);font-size:var(--size-6xl);color:var(--accent);white-space:nowrap;text-shadow:2px 4px 10px #00000080;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.icon-ai{color:#ff9a00;opacity:.3;top:70%;left:10%}.icon-ps{color:#00a8ff;opacity:.3;top:10%;right:20%}.icon-pr{color:#d664ff;opacity:.3;top:20%;left:25%}.icon-id{color:#ff005d;opacity:.3;top:80%;right:15%}.icon-pen{font-size:var(--size-xl);top:85%;left:30%}.squiggle-1{top:20%;right:10%;transform:rotate(45deg)}.squiggle-2{bottom:20%;left:20%;transform:rotate(-20deg)}.about-content{justify-content:flex-start;align-items:center;gap:var(--space-64);width:100%;display:flex}.about-text-area{max-width:600px;position:relative}.about-header{text-align:left;margin-bottom:var(--space-32)}.about-header .section-title{font-family:Inter,sans-serif;font-size:var(--size-5xl);letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(#fff 30%,#a3a3a3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;line-height:1;display:inline-block}.about-header .highlight-name{background:linear-gradient(to bottom, #ffe57f 20%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-desc{font-size:var(--size-base);color:#fffc;max-width:540px;line-height:1.8}.about-image-area{border-radius:32px;width:400px;height:520px;margin:0 auto;animation:6s ease-in-out infinite floatProfile;position:relative;overflow:hidden}.profile-img{object-fit:cover;object-position:60% 10%;background-color:#0000;width:100%;height:100%;display:block}@keyframes floatProfile{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.profile-img:before{content:"";border:4px solid var(--paper);pointer-events:none;border-radius:20px;position:absolute;inset:-15px}.icon-pen-bottom{bottom:-40px;right:20%}.squiggle-3{top:50%;left:-40px;transform:rotate(90deg)}.squiggle-4{top:20%;right:0;transform:rotate(30deg)}.skills-paper-container{background-color:var(--paper);color:var(--ink);padding:var(--space-64);background-image:linear-gradient(135deg,#00000005 25%,#0000 25%),linear-gradient(225deg,#00000005 25%,#0000 25%);background-size:20px 20px;border-radius:4px;transform:rotate(-1deg);box-shadow:inset 0 0 50px #0000001a,0 20px 40px #00000080}.skills-grid{justify-content:space-around;display:flex;transform:rotate(1deg)}.skills-col h3{font-family:var(--font-display);font-size:var(--size-2xl);margin-bottom:var(--space-24);letter-spacing:.05em}.skills-col ul{padding-left:var(--space-24);list-style:square}.skills-col li{font-size:var(--size-base);margin-bottom:var(--space-12);font-weight:500}.software-icons{gap:var(--space-16);display:flex}.soft-icon{width:60px;height:60px;font-family:var(--font-display);font-size:var(--size-xl);color:var(--paper);border-radius:8px;justify-content:center;align-items:center;display:flex}.soft-icon.ps{color:#31a8ff;background-color:#001e36;border:2px solid #31a8ff}.soft-icon.ai{color:#ff9a00;background-color:#300;border:2px solid #ff9a00}.soft-icon.fg{background-color:#1e1e1e;border:2px solid #555}.soft-icon.ae{color:#d664ff;background-color:#140b2b;border:2px solid #d664ff}.soft-icon.pr{color:#ea77ff;background-color:#14001e;border:2px solid #ea77ff}.squiggle-5{top:50%;right:25%;transform:rotate(15deg)}.masonry-grid{gap:var(--space-16);width:100%;display:flex}.masonry-col{gap:var(--space-16);flex-direction:column;flex:1;display:flex}.grid-container{gap:var(--space-16);grid-template-columns:repeat(4,1fr);align-items:start;width:100%;display:grid}.illustrations-grid,.print-grid{align-items:stretch}.illustrations-grid .grid-item,.print-grid .grid-item{display:flex}.illustrations-grid .portfolio-image,.print-grid .portfolio-image{object-fit:cover;height:100%}@media (width>=1025px){.first-vertical{grid-column-start:2}.first-landscape{grid-column-start:1}}.grid-item{background-color:#1a1a1a;border-radius:10px;transition:transform .3s;position:relative;overflow:hidden}.grid-item:hover{transform:translateY(-5px)}.portfolio-image{cursor:pointer;width:100%;height:auto;transition:transform .4s,opacity .3s;display:block}.portfolio-image:hover{opacity:.85;transform:scale(1.03)}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#000000e0;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{object-fit:contain;border-radius:10px;width:auto;max-width:90vw;height:auto;max-height:90vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 30px 80px #000000b3}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;transition:background .2s,transform .2s;display:flex;position:fixed;top:24px;right:32px}.lightbox-close:hover{background:#ffffff40;transform:scale(1.1)rotate(90deg)}.footer{justify-content:flex-end;min-height:60vh;padding-bottom:0}.footer-header{margin-bottom:var(--space-48)}.footer-header .section-title{font-size:var(--size-6xl)}.footer-header .section-subtitle{top:0;transform:translate(-50%,-80%)rotate(-10deg)}.contact-button{border:2px solid var(--paper);padding:var(--space-12) var(--space-32);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;margin:0 auto;margin-bottom:var(--space-64);border-radius:50px;transition:all .3s;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.contact-button:hover{background-color:var(--paper);color:var(--ink)}.footer-bottom-tear{background-color:var(--paper);color:var(--ink);padding:var(--space-24) var(--space-64);clip-path:polygon(0% 15%,5% 5%,10% 12%,15% 2%,20% 14%,25% 4%,30% 16%,35% 3%,40% 12%,45% 1%,50% 15%,55% 4%,60% 13%,65% 2%,70% 15%,75% 5%,80% 12%,85% 1%,90% 14%,95% 4%,100% 15%,100% 100%,0% 100%);margin-left:-var(--space-64);margin-right:-var(--space-64);padding-top:var(--space-64)}.contact-links{justify-content:center;gap:var(--space-48);font-size:var(--size-sm);font-weight:500;display:flex}@media (width<=1024px){.section-title{font-size:var(--size-4xl)}.section-subtitle{font-size:var(--size-3xl)}.hero-title{font-size:var(--size-5xl)}.hero-subtitle{font-size:var(--size-4xl)}.about-content{flex-direction:column}.grid-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.portfolio-container{width:100vw;max-width:100%;overflow-x:hidden}.section{padding:var(--space-48) var(--space-16);min-height:auto}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding-top:140px;display:flex}.skills-grid{gap:var(--space-32);flex-direction:column}.contact-links{align-items:center;gap:var(--space-16);flex-direction:column}.hero-title{font-size:3rem}.hero-subtitle{font-size:2rem}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.8rem}.about-content{gap:var(--space-32);text-align:center;flex-direction:column;align-items:center}.about-header{text-align:center}.about-header .section-title{font-size:4rem}.about-header .section-subtitle{font-size:3.5rem;left:55%}.about-desc{max-width:100%;font-size:var(--size-base);text-align:left;line-height:1.9}.about-text-area{width:100%;padding-right:0}.profile-img{object-fit:cover;object-position:center 15%;width:100%;max-width:320px;height:380px;max-height:none}.skills-paper-container{padding:var(--space-24)}.floating-icon,.squiggle{display:none}.section-header{margin-bottom:var(--space-32)}}.navbar{-webkit-backdrop-filter:blur(16px);z-index:999;background:#0a0a0a73;border:1px solid #ffffff14;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1200px;padding:12px 32px;transition:all .3s;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.navbar-logo{font-family:var(--font-display);font-size:var(--size-xl);color:var(--paper);letter-spacing:.05em}.navbar-links{gap:24px;display:flex}.navbar-links a{color:#f5f4f0b3;font-size:var(--size-xs);letter-spacing:.1em;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:var(--paper)}.contact-section{padding:var(--space-96) var(--space-64);background:0 0}.contact-info-row{width:100%;max-width:960px;padding:0 var(--space-16);justify-content:center;align-items:center;gap:0;margin:48px auto 80px;display:flex}.contact-info-item{color:#fff;white-space:nowrap;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 20px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.contact-info-item:hover{background:#ffffff08}.contact-info-item:hover .contact-info-icon{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #f39c1233}.contact-info-icon{color:#ffffffbf;background:0 0;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.contact-info-text{flex-direction:column;gap:3px;display:flex}.contact-info-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:.75;font-size:9px;font-weight:800}.contact-info-value{color:#ffffffd9;letter-spacing:-.01em;font-size:13px;font-weight:500}.contact-info-divider{background:linear-gradient(#0000,#ffffff1f,#0000);flex-shrink:0;width:1px;height:40px}.contact-container{justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.contact-form-card{width:100%;max-width:650px;padding:var(--space-48) 0}.contact-tag{color:var(--accent);font-size:var(--size-sm);letter-spacing:.1em;font-weight:700}.contact-title{font-family:var(--font-body);font-size:var(--size-3xl);letter-spacing:-.02em;margin-top:var(--space-8);margin-bottom:var(--space-32);color:var(--paper);font-weight:700}.contact-form{gap:var(--space-24);flex-direction:column;display:flex}.form-group{gap:var(--space-8);flex-direction:column;display:flex}.form-group label{font-size:var(--size-sm);color:#fffc;font-weight:600}.form-group input,.form-group textarea{color:#fff;font-family:var(--font-body);font-size:var(--size-base);background:#0a0a0acc;border:1px solid #ffffff1a;border-radius:12px;padding:16px 20px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #f39c1226}.contact-submit-btn{background:var(--accent);border:1px solid var(--accent);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:var(--size-base);letter-spacing:.05em;cursor:pointer;margin-top:var(--space-8);border-radius:50px;align-self:flex-start;width:auto;padding:16px 36px;transition:all .3s}.contact-submit-btn:hover{color:var(--accent);background:0 0;transform:translateY(-2px)}.contact-social-row{gap:var(--space-32);margin-top:var(--space-32);justify-content:center;display:flex}.social-circle{color:#fff9;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:color .2s;display:flex}.social-circle:hover{color:#fff}.social-circle .social-icon{width:48px;height:48px;font-size:var(--size-lg);background:#ffffff08;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,border-color .2s;display:flex}.social-circle:hover .social-icon{border-color:var(--accent);transform:translateY(-3px)scale(1.05)}.social-name{letter-spacing:.1em;font-size:10px;font-weight:700}.contact-badge-card{flex:.8;justify-content:center;align-items:center;display:flex}.design-canvas{border:1px dashed #ffffff26;position:relative;padding:var(--space-48) var(--space-32)!important}.crop-mark{width:16px;height:16px;position:absolute}.crop-mark.top-left{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-2px;left:-2px}.crop-mark.top-right{border-top:2px solid var(--accent);border-right:2px solid var(--accent);top:-2px;right:-2px}.crop-mark.bottom-left{border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);bottom:-2px;left:-2px}.crop-mark.bottom-right{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-2px;right:-2px}.pantone-card{color:#000;background:#fff;border-radius:12px;width:300px;padding:16px;transition:transform .3s;transform:rotate(4deg);box-shadow:0 30px 60px #00000080}.pantone-card:hover{transform:rotate(0)translateY(-10px)}.pantone-color-block{background-color:var(--accent);border-radius:8px;height:220px;margin-bottom:16px}.pantone-meta{font-family:var(--font-body);text-align:left}.pantone-title{letter-spacing:-.02em;color:#111;margin-bottom:2px;font-size:22px;font-weight:900}.pantone-code{color:#555;margin-bottom:16px;font-size:13px;font-weight:600}.pantone-designer{color:#222;margin-bottom:1px;font-size:15px;font-weight:800}.pantone-role{color:#777;letter-spacing:.05em;font-size:10px;font-weight:700}@media (width<=768px){.contact-section{padding:var(--space-48) var(--space-16)}.contact-container{gap:var(--space-24);flex-direction:column}.contact-form-card{padding:var(--space-24) var(--space-16);width:100%}.design-canvas{padding:var(--space-24) var(--space-16)!important}.contact-title{font-size:var(--size-2xl);margin-bottom:var(--space-16)}.contact-tag{font-size:var(--size-xs)}.contact-form{gap:var(--space-16)}.form-group input,.form-group textarea{font-size:var(--size-sm);padding:12px 16px}.contact-submit-btn{font-size:var(--size-sm);padding:14px 28px}.contact-badge-card{order:-1}.pantone-card{width:180px;padding:10px;transform:rotate(3deg)}.pantone-color-block{height:120px;margin-bottom:10px}.pantone-title{font-size:16px}.pantone-code{margin-bottom:8px;font-size:10px}.pantone-designer{font-size:12px}.pantone-role{font-size:8px}.contact-info-row{flex-flow:wrap;justify-content:center;gap:0;margin:24px auto 32px;padding:0}.contact-info-item{white-space:normal;flex:none;justify-content:flex-start;gap:14px;width:100%;padding:14px 20px}.contact-info-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:80%;height:1px;margin:0 auto}.contact-info-icon{width:40px;height:40px}.contact-info-icon svg{width:16px;height:16px}.contact-info-label{font-size:8px}.contact-info-value{font-size:12px}.navbar{border-radius:24px;flex-direction:column;align-items:center;gap:8px;width:90%;padding:10px 16px;top:12px}.navbar-logo{font-size:var(--size-md);letter-spacing:.15em}.navbar-links{gap:20px}.navbar-links a{letter-spacing:.08em;font-size:11px}}