*{margin:0;padding:0;box-sizing:border-box;}
:root{--green:#00ff41;--darkgreen:#00aa2b;--dimgreen:#004d13;--black:#000;--darkbg:#050d05;--panel:#0a160a;--border:#00ff4133;--gold:#ffd700;--red:#ff3333;--blue:#00cfff;}

/* CRT SCANLINES */
body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.15) 0px,rgba(0,0,0,0.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9000;}
/* CRT flicker */
@keyframes flicker{0%,100%{opacity:1;}92%{opacity:1;}93%{opacity:0.96;}94%{opacity:1;}96%{opacity:0.98;}}
html{animation:flicker 6s infinite;}

body{font-family:'VT323',monospace;background:var(--darkbg);color:var(--green);overflow-x:hidden;}

/* MATRIX CANVAS */
#matrixCanvas{position:fixed;inset:0;z-index:0;opacity:0.35;pointer-events:none;}

/* SCROLL BAR */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--black);}
::-webkit-scrollbar-thumb{background:var(--green);}

/* PROGRESS */
.progress{position:fixed;top:0;left:0;height:3px;background:var(--green);z-index:8000;width:0%;box-shadow:0 0 8px var(--green);}

/* NAV */
nav{position:fixed;top:3px;left:0;right:0;z-index:5000;background:rgba(0,0,0,0.95);border-bottom:1px solid var(--border);padding:0 2rem;height:52px;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{font-family:'Press Start 2P',monospace;font-size:11px;color:var(--green);text-shadow:0 0 8px var(--green);cursor:pointer;letter-spacing:1px;}
.nav-logo span{color:var(--dimgreen);}
.nav-links{display:flex;gap:1.5rem;}
.nav-links a{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--darkgreen);text-decoration:none;transition:color 0.2s,text-shadow 0.2s;letter-spacing:1px;}
.nav-links a:hover{color:var(--green);text-shadow:0 0 8px var(--green);}

/* ACHIEVEMENT */
.ach-popup{position:fixed;top:62px;right:2rem;background:#000;border:2px solid var(--green);padding:1rem;z-index:7000;transform:translateX(200%);transition:transform 0.3s;max-width:260px;image-rendering:pixelated;}
.ach-popup::before{content:'▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓';display:block;font-size:10px;color:var(--green);margin-bottom:6px;overflow:hidden;}
.ach-popup.show{transform:translateX(0);}
.ach-label{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--gold);margin-bottom:6px;display:block;}
.ach-title{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--green);text-shadow:0 0 6px var(--green);}
.ach-icon{font-size:1.2rem;margin-right:8px;}


/* HERO PHOTO */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 420px;align-items:start;padding:7rem 3rem 3rem;position:relative;z-index:1;gap:2rem;}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,184,154,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,184,154,0.04) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite;pointer-events:none;}
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 8s ease-in-out infinite;}
.hero-left{position:relative;z-index:3;}
.hero-photo-col{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;}
.hero-photo-img{width:100%;max-height:88vh;object-fit:contain;display:block;mix-blend-mode:screen;filter:brightness(0.75) contrast(1.2);border:2px solid var(--green);box-shadow:0 0 20px rgba(0,255,65,0.25);}
#photoMatrixCanvas{display:none;}
/* photo col */

/* HERO */
.hero-top{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--darkgreen);margin-bottom:2rem;letter-spacing:2px;}
.hero-top span{color:var(--green);}

.hero h1{font-family:'Press Start 2P',monospace;font-size:clamp(20px,4vw,44px);color:var(--green);text-shadow:0 0 20px var(--green),0 0 40px var(--green);line-height:1.5;margin-bottom:1rem;letter-spacing:2px;}
.hero h1 .blink{animation:blink 1s step-end infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

.hero-sub{font-size:22px;color:var(--darkgreen);margin-bottom:2rem;max-width:600px;line-height:1.5;}
.hero-sub .highlight{color:var(--green);}

/* TERMINAL BOX */
.terminal{background:#000;border:2px solid var(--green);padding:1.5rem;max-width:650px;margin-bottom:2.5rem;position:relative;}
.terminal::before{content:'SYSTEM INFO // ADRIAN_AYSO.exe v1.7';font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);display:block;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border);}
.term-line{font-size:18px;line-height:1.8;color:var(--darkgreen);}
.term-line span{color:var(--green);}
.term-line .val{color:#fff;}
.term-cursor{display:inline-block;width:10px;height:16px;background:var(--green);vertical-align:middle;animation:blink 0.8s step-end infinite;}

/* PIXEL STATS */
.pixel-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;}
.pstat{border:1px solid var(--border);padding:0.75rem 1.25rem;background:#000;text-align:center;}
.pstat-num{font-family:'Press Start 2P',monospace;font-size:18px;color:var(--green);text-shadow:0 0 8px var(--green);display:block;}
.pstat-label{font-size:13px;color:var(--darkgreen);display:block;margin-top:4px;}

/* HERO BTNS */
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;}
.px-btn{font-family:'Press Start 2P',monospace;font-size:8px;padding:12px 20px;border:2px solid var(--green);background:#000;color:var(--green);cursor:pointer;transition:all 0.15s;letter-spacing:1px;image-rendering:pixelated;}
.px-btn:hover{background:var(--green);color:#000;box-shadow:0 0 16px var(--green);}
.px-btn.ghost{border-color:var(--darkgreen);color:var(--darkgreen);}
.px-btn.ghost:hover{background:var(--darkgreen);color:#000;box-shadow:0 0 16px var(--darkgreen);}

/* SECTIONS */
.wrap{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;}
.section{padding:4rem 0;}
.sec-label{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--darkgreen);margin-bottom:0.5rem;letter-spacing:2px;}
.sec-label::before{content:'// ';}
.sec-title{font-family:'Press Start 2P',monospace;font-size:clamp(14px,2.5vw,22px);color:var(--green);text-shadow:0 0 10px var(--green);margin-bottom:2rem;letter-spacing:2px;}
.divider{height:1px;background:var(--border);max-width:900px;margin:0 auto;position:relative;z-index:1;}
.divider::before{content:'';position:absolute;left:0;top:0;height:1px;width:60px;background:var(--green);box-shadow:0 0 8px var(--green);}

/* PANEL */
.px-panel{background:#000;border:1px solid var(--border);padding:1.5rem;}
.px-panel:hover{border-color:var(--green);}

/* ABOUT WITH PHOTO */
.about-with-photo{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start;}
.about-photo-wrap{position:relative;flex-shrink:0;}
.about-photo{width:100%;display:block;border:2px solid var(--green);box-shadow:0 0 20px rgba(0,255,65,0.2),0 0 60px rgba(0,255,65,0.05);filter:brightness(1.05);transition:box-shadow 0.3s;}
.about-photo:hover{box-shadow:0 0 30px rgba(0,255,65,0.4),0 0 80px rgba(0,255,65,0.1);}
.about-photo-tag{font-family:'Press Start 2P',monospace;font-size:6px;color:var(--darkgreen);text-align:center;margin-top:0.5rem;letter-spacing:1px;}
.about-info{min-width:0;}

/* INFO GRID */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);}
.info-cell{background:#000;padding:1.5rem;}
.info-cell-label{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);margin-bottom:1rem;letter-spacing:2px;}
.info-row{display:flex;justify-content:space-between;padding:0.4rem 0;border-bottom:1px solid #0f2010;font-size:16px;}
.info-row:last-child{border-bottom:none;}
.info-row .k{color:var(--darkgreen);}
.info-row .v{color:var(--green);}

/* SKILL BARS */
.skill-item{margin-bottom:1.25rem;cursor:pointer;}
.skill-item:hover .s-name{color:#fff;text-shadow:0 0 6px #fff;}
.skill-header{display:flex;justify-content:space-between;margin-bottom:6px;}
.s-name{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--darkgreen);transition:all 0.2s;}
.s-pct{font-size:16px;color:var(--green);}
.s-track{height:10px;background:#0a0a0a;border:1px solid var(--border);position:relative;overflow:hidden;}
.s-fill{height:100%;background:var(--green);width:0%;transition:width 1.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 6px var(--green);position:relative;}
.s-fill::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 6px,rgba(0,0,0,0.3) 6px,rgba(0,0,0,0.3) 8px);}

/* INTEREST GRID */
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.int-card{background:#000;border:1px solid var(--border);padding:0;overflow:hidden;cursor:pointer;transition:all 0.2s;}
.int-card:hover{border-color:var(--green);box-shadow:0 0 12px var(--border);}
.int-card:hover .int-body{background:#0a1a0a;}
.int-img{width:100%;height:110px;object-fit:cover;display:block;filter:grayscale(1) brightness(0.5) sepia(1) hue-rotate(80deg);transition:filter 0.3s;}
.int-card:hover .int-img{filter:grayscale(0.5) brightness(0.7) sepia(0.5) hue-rotate(80deg);}
.int-body{padding:0.75rem;transition:background 0.2s;}
.int-name{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);margin-bottom:4px;}
.int-sub{font-size:14px;color:var(--darkgreen);}

/* HOBBY GRID */
.hob-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.hob-card{background:#000;border:1px solid var(--border);display:flex;align-items:stretch;cursor:pointer;transition:all 0.2s;}
.hob-card:hover{border-color:var(--green);transform:translateX(4px);}
.hob-img{width:60px;object-fit:cover;flex-shrink:0;filter:grayscale(1) brightness(0.4) sepia(1) hue-rotate(80deg);}
.hob-body{padding:0.85rem;}
.hob-name{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);margin-bottom:5px;}
.hob-sub{font-size:14px;color:var(--darkgreen);}

/* GAME CARDS */
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.game-card{background:#000;border:1px solid var(--border);cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.game-card:hover{border-color:var(--green);box-shadow:0 0 16px var(--border);transform:translateY(-4px);}
.game-card:hover .game-overlay{opacity:1;}
.game-img{width:100%;height:180px;object-fit:cover;display:block;filter:grayscale(0.6) brightness(0.6);}
.game-overlay{position:absolute;top:0;left:0;right:0;height:180px;background:rgba(0,255,65,0.1);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;border-bottom:1px solid var(--green);}
.game-overlay-txt{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--green);text-shadow:0 0 10px var(--green);}
.game-body{padding:0.85rem;}
.game-name{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);margin-bottom:5px;}
.game-sub{font-size:14px;color:var(--darkgreen);}

/* MOVIE CARDS */
.movie-list{display:flex;flex-direction:column;gap:6px;}
.movie-card{background:#000;border:1px solid var(--border);display:flex;flex-direction:column;cursor:pointer;transition:all 0.2s;}
.movie-card:hover{border-color:var(--green);transform:translateX(8px);box-shadow:0 0 10px var(--border);}
.movie-card-top{display:flex;align-items:stretch;}
.movie-poster{width:52px;flex-shrink:0;object-fit:cover;display:block;filter:grayscale(0.5) brightness(0.7);transition:filter 0.3s;}
.movie-card:hover .movie-poster{filter:grayscale(0) brightness(0.9);}
.movie-info{padding:0.85rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.movie-num{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);}
.movie-title{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--green);}
.movie-meta{font-size:14px;color:var(--darkgreen);}
.movie-expand-hint{font-family:'Press Start 2P',monospace;font-size:6px;color:var(--dimgreen);margin-top:2px;transition:color 0.2s;}
.movie-card:hover .movie-expand-hint{color:var(--darkgreen);}
.movie-drawer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;padding:0 1.25rem;font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);line-height:2.2;border-top:0px solid var(--border);}
.movie-card.open .movie-drawer{max-height:120px;padding:0.75rem 1.25rem;border-top:1px solid var(--border);}
.movie-card.open{border-color:var(--green);box-shadow:0 0 14px var(--border);}
.movie-card.open .movie-expand-hint{color:var(--green);}

/* SKILL EXPAND */
.skill-detail{max-height:0;overflow:hidden;transition:max-height 0.4s ease;font-family:'Press Start 2P',monospace;font-size:6px;color:var(--darkgreen);line-height:2.2;padding:0;}
.skill-item.open .skill-detail{max-height:80px;padding:0.5rem 0 0.25rem;}
.skill-item.open .s-fill{box-shadow:0 0 14px var(--green),0 0 28px var(--green);}
.skill-item.open .s-name{color:#fff;text-shadow:0 0 8px #fff;}

/* INT / HOB / GAME EXPANDED */
.card-drawer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.3s;font-family:'Press Start 2P',monospace;font-size:6px;color:var(--darkgreen);line-height:2.2;padding:0 0.75rem;}
.int-card.open .card-drawer,.hob-card.open .card-drawer,.game-card.open .card-drawer{max-height:80px;padding:0.5rem 0.75rem;}
.int-card.open,.hob-card.open,.game-card.open{border-color:var(--green);box-shadow:0 0 14px var(--border);}
.hob-card.open{transform:translateX(4px);}
.game-card.open{transform:translateY(-4px);}

/* PROJECTS */
.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:600px){.proj-grid{grid-template-columns:1fr;}}
.proj-card{background:#000;border:2px solid var(--border);padding:1.5rem;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.proj-card::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--green);transition:width 0.4s;}
.proj-card:hover::before{width:100%;}
.proj-card:hover{border-color:var(--green);box-shadow:0 0 20px rgba(0,255,65,0.15);transform:translateY(-4px);}
.proj-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}
.proj-num{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);}
.proj-status{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);animation:blink 1.5s step-end infinite;}
.proj-title{font-family:'Press Start 2P',monospace;font-size:clamp(14px,2.5vw,22px);color:var(--green);text-shadow:0 0 10px var(--green);margin-bottom:1rem;letter-spacing:2px;}
.proj-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem;}
.proj-tag{font-family:'Press Start 2P',monospace;font-size:6px;padding:4px 8px;border:1px solid var(--border);color:var(--darkgreen);background:#050d05;}
.proj-desc{font-size:16px;color:var(--darkgreen);line-height:1.7;margin-bottom:1.25rem;}
.proj-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:0.75rem;}
.proj-link{font-family:'Press Start 2P',monospace;font-size:6px;color:var(--dimgreen);}
.proj-arrow{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--green);transition:text-shadow 0.2s;}
.proj-card:hover .proj-arrow{text-shadow:0 0 8px var(--green);}

/* MOOD */
.mood-box{background:#000;border:1px solid var(--border);padding:1.5rem;margin-bottom:3rem;}
.mood-box-title{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--green);margin-bottom:1rem;}
.mood-opts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem;}
.mood-btn{font-family:'VT323',monospace;font-size:18px;padding:6px 16px;border:1px solid var(--border);background:#000;color:var(--darkgreen);cursor:pointer;transition:all 0.2s;}
.mood-btn:hover,.mood-btn.active{border-color:var(--green);color:var(--green);background:#0a1a0a;}
.mood-resp{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--darkgreen);min-height:1.2rem;line-height:1.8;}

/* MINI SNAKE GAME */
.game-section{background:#000;border:2px solid var(--green);padding:1.5rem;max-width:480px;margin:0 auto;}
.game-section-title{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--green);margin-bottom:1rem;text-align:center;}
#snakeCanvas{display:block;margin:0 auto;image-rendering:pixelated;border:1px solid var(--border);}
.game-controls{display:flex;justify-content:center;gap:0.5rem;margin-top:0.75rem;flex-wrap:wrap;}
.game-info{font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);text-align:center;margin-bottom:0.75rem;}
#snakeScore{color:var(--green);}

/* GOAL */
.goal-box{background:#000;border:2px solid var(--green);padding:2rem;position:relative;}
.goal-box::before{content:'> LOADING OBJECTIVE...';font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);display:block;margin-bottom:1rem;}
.goal-text{font-size:22px;line-height:1.8;color:var(--darkgreen);}
.goal-text .hl{color:var(--green);}

/* SECRET HINT */
.secret-hint{text-align:center;font-family:'Press Start 2P',monospace;font-size:7px;color:#0a2a0a;padding:1.5rem 0;letter-spacing:2px;}

/* TOAST */
#toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:#000;border:2px solid var(--green);color:var(--green);padding:0.75rem 1.5rem;font-family:'Press Start 2P',monospace;font-size:8px;z-index:6000;opacity:0;transition:all 0.3s;pointer-events:none;white-space:nowrap;text-shadow:0 0 8px var(--green);}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* FADE IN */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s,transform 0.6s;}
.fade-in.visible{opacity:1;transform:translateY(0);}

/* FOOTER */
footer{background:#000;border-top:1px solid var(--border);text-align:center;padding:2rem;font-family:'Press Start 2P',monospace;font-size:7px;color:var(--darkgreen);letter-spacing:2px;}
footer span{color:var(--green);}

/* D-PAD MOBILE CONTROLS */
.dpad{display:none;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px;justify-content:center;margin-top:1rem;}
.dpad-btn{background:#000;border:2px solid var(--green);color:var(--green);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;-webkit-tap-highlight-color:transparent;user-select:none;transition:background 0.1s;}
.dpad-btn:active{background:var(--green);color:#000;}
.dpad-empty{background:transparent;border:none;}

/* MOBILE HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:6px;}
.nav-hamburger span{display:block;width:20px;height:2px;background:var(--green);}
.mobile-menu{position:fixed;top:55px;left:0;right:0;background:rgba(0,0,0,0.98);border-bottom:1px solid var(--border);z-index:4999;padding:1rem 2rem;display:none;flex-direction:column;gap:1rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--darkgreen);text-decoration:none;padding:0.5rem 0;border-bottom:1px solid var(--border);}
.mobile-menu a:hover{color:var(--green);}

/* RESPONSIVE */
@media(max-width:700px){
  /* Hero: stack columns, photo + name side by side */
  .hero{grid-template-columns:1fr;padding:5rem 1.5rem 2rem;gap:1rem;align-items:start;}

  /* Mobile hero: name row with photo beside it */
  .hero-left{display:flex;flex-direction:column;gap:0;}
  .hero-top{font-size:6px;word-break:break-all;margin-bottom:1rem;line-height:1.8;}

  /* Photo goes small, floats right beside the name */
  .hero-photo-col{order:-1;position:absolute;top:7.5rem;right:1.5rem;width:130px;height:160px;z-index:5;}
  .hero-photo-img{width:130px;height:160px;object-fit:cover;object-position:top;}

  /* Push h1 to leave room for floated photo */
  .hero h1{font-size:22px;max-width:55%;margin-bottom:0.5rem;}
  .hero-sub{max-width:60%;font-size:16px;}
  .terminal{padding:0.85rem;margin-top:0.5rem;}
  .terminal::before{font-size:5px;}
  .term-line{font-size:14px;}
  .pixel-stats{gap:0.5rem;margin-top:1rem;}
  .pstat{padding:0.4rem 0.6rem;}
  .pstat-num{font-size:13px;}
  .pstat-label{font-size:9px;}
  .hero-btns{flex-direction:column;align-items:stretch;gap:0.6rem;margin-top:1rem;}
  .px-btn{font-size:7px;padding:10px 14px;width:100%;text-align:center;}

  /* Sections */
  .int-grid,.game-grid{grid-template-columns:1fr 1fr!important;}
  .hob-grid,.info-grid,.proj-grid,.about-with-photo{grid-template-columns:1fr!important;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex!important;}
  .sec-title{font-size:14px;}
  .game-section{padding:1rem;}
  #snakeCanvas{width:100%!important;height:auto!important;}
  .dpad{display:grid!important;}
  .movie-title{font-size:7px;}
  .proj-title{font-size:14px;}
  .proj-grid{grid-template-columns:1fr!important;}
  .mood-opts{gap:6px;}
  .mood-btn{font-size:14px;padding:5px 10px;}
}
@media(max-width:400px){
  .int-grid,.game-grid{grid-template-columns:1fr!important;}
  .hero h1{font-size:18px;}
  .hero-photo-col{width:110px;height:135px;}
  .hero-photo-img{width:110px;height:135px;}
}