* { box-sizing: border-box; } body {margin: 0;}:root{--bg-color:#0a0a0a;undefined:undefined;--card-bg:rgba(37, 38, 43, 0.85);--primary-teal:#00b4d8;--primary-teal-border:rgba(0, 180, 216, 0.1);--accent-amber:#f59e0b;--text-main:#e9ecef;--text-muted:#868e96;--spacing-section:64px;--spacing-card:20px;--radius-box:10px;--radius-btn:8px;}*{box-sizing:border-box;}body, html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:'DM Sans', sans-serif;line-height:1.6;overflow-x:hidden;}h1, h2, h3{font-family:'Space Grotesk', sans-serif;margin-top:0;}h1{font-size:clamp(3rem, 5vw, 5rem);letter-spacing:-1px;margin-bottom:0.5rem;color:#fff;}h2{font-size:1.5rem;color:var(--primary-teal);letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem;}#diagnostic-collage-bg{position:fixed;top:0;left:0;width:300vw;height:300vh;background-image:url('images/your-massive-collage.jpg');undefined:undefined;background-repeat:repeat;background-size:800px 800px;z-index:-1;opacity:0.15;animation:drift 120s linear infinite;}.container{max-width:1000px;margin:0 auto;padding:40px 20px;position:relative;}section{margin-bottom:var(--spacing-section);}.location{font-family:'JetBrains Mono', monospace;color:var(--text-muted);font-size:0.85rem;display:block;margin-bottom:0.5rem;}.card{background:var(--card-bg);border:1px solid var(--primary-teal-border);border-radius:var(--radius-box);padding:30px;backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,0.25);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.4);border-color:rgba(0, 180, 216, 0.2);}.specializations-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--spacing-card);}.specializations-grid .card h3{font-size:1.1rem;color:#fff;margin-bottom:10px;}.specializations-grid .card p{color:var(--text-muted);font-size:0.95rem;margin:0;}.experience-card h3{color:#fff;margin-bottom:0.2rem;}.experience-card .date{font-family:'JetBrains Mono', monospace;color:var(--text-muted);font-size:0.85rem;}.experience-card ul{color:var(--text-muted);padding-left:20px;font-size:0.95rem;}.experience-card ul li{margin-bottom:8px;}.skills-container{display:flex;flex-wrap:wrap;gap:10px;}.skill-tag{font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:var(--primary-teal);border:1px solid var(--primary-teal-border);padding:6px 12px;border-radius:4px;background:rgba(0, 180, 216, 0.05);}.btn-group{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;}.btn{font-family:'Space Grotesk', sans-serif;font-weight:700;padding:0.75rem 1.5rem;border-radius:var(--radius-btn);text-decoration:none;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s;display:inline-block;font-size:0.95rem;}.btn-primary{background:var(--accent-amber);color:#000;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245, 158, 11, 0.3);}#iz4u6e{display:flex;justify-content:space-between;font-size:0.9rem;}#ivrjxx{color:var(--text-muted);margin-top:0;}#i676uk{color:var(--text-muted);}#ixrdxx{margin-bottom:15px;}#iclgxe{display:flex;flex-direction:column;gap:20px;}#iwmdht{color:#fff;text-decoration:none;font-weight:500;}#i02rkk{margin-top:5px;}#i5oj46{font-weight:500;font-size:6.95rem;}#isxixt{display:inline-block;margin-top:20px;padding:15px 25px;width:395px;height:543px;font-size:35px;}#iz2105{font-weight:500;font-size:0.95rem;}#int7lr{display:inline-block;margin-top:20px;padding:15px 25px;right:-131px;float:right;}#ig2yzo{color:var(--text-muted);margin-top:0;}#indkno-2{color:rgb(255, 255, 255);margin-bottom:0.2rem;}#i83i7d{padding:10px;}#it1tlp{text-align:start;}#ixp1tl{font-size:17.6px;letter-spacing:1px;text-transform:uppercase;}#if824l{color:black;position:fixed;width:148px;right:297px;top:9px;}@keyframes drift{0%{transform:translate3d(0, 0, 0);}100%{transform:translate3d(-800px, -800px, 0);}}@media (max-width: 992px){#if824l{position:fixed;width:148px;top:5px;right:9px;}}@media (max-width: 768px){section{margin-bottom:48px;}h1{font-size:2.5rem;}}@media (max-width: 480px){#iwyo1y{background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(to right, white 100%, white 100%);}#i5oj46{font-size:2.5rem;position:relative;font-weight:800;text-align:center;color:#000000;}#isxixt{text-align:center;width:168px;height:239px;}#iz2105{font-size:0rem;}#int7lr{text-align:right;float:right;font-size:0px;display:flex;margin:60px 0px 0px 0px;padding:5px 5px 5px 5px;}#ig2yzo{text-align:left;}#iniazh{font-size:14px;}#icvhsa{font-size:14px;}#ixp1tl{font-size:8.600000000000001px;}#if824l{width:133px;height:50px;position:fixed;right:3px;top:2px;opacity:1;float:right;color:white;text-decoration:none;box-shadow:unset;transform:unset;}}
/* =========================================
   MASTER RECALIBRATION (V5.3 - ASYMMETRIC)
   ========================================= */

/* 1. THE CHASSIS BASE */
html {
    background-color: #0a0a0a !important;
}

/* 2. BODY TRANSPARENCY */
body {
    background-color: transparent !important;
}

/* 3. THE STATIONARY DRIFT MODULE: Full Luminance */
#diagnostic-collage-bg {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -2 !important; 
    opacity: 1.0 !important;
    pointer-events: none !important;

    /* GPU Acceleration for WebKit/iPhone */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    /* THE MASTER ASSET: Generated via your synthesis script */
    background-image: url('../images/your-massive-collage.jpg') !important;
    background-repeat: repeat !important;
    
    /* SCALING: 1600px ensures the quadrants (800px) remain sharp */
    background-size: 1600px 1600px !important;

    /* ASYMMETRIC DRIFT: 300s for a slow, A-Level professional crawl */
    -webkit-animation: diagnostic-asymmetric-drift 300s linear infinite !important;
    animation: diagnostic-asymmetric-drift 300s linear infinite !important;
}

/* 4. THE ASYMMETRIC PIXEL LOOP 
   We move 2 tiles horizontally (-3200px) and 1 tile vertically (-1600px).
   The resulting angle is approximately 26.6 degrees.
*/
@keyframes diagnostic-asymmetric-drift {
    from { 
        background-position: 0 0; 
    }
    to { 
        background-position: -3200px -1600px; 
    }
}

/* 5. STRIP GRAPESJS MOBILE OVERRIDES */
#iwyo1y, .gjs-row, .gjs-cell {
    background-color: transparent !important;
    background-image: none !important;
}

/* 6. MOBILE VISIBILITY: TREVOR LEWIS IZARD */
@media (max-width: 480px) {
    h1, #i5oj46, .hero h1 {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        text-shadow: 2px 2px 10px rgba(0,0,0,1) !important;
    }
}