/*
Theme Name: Ghouard LD Portfolio — Modular Child V11
Theme URI: https://www.ghouard.com
Author: Guillaume Houard / OpenAI
Description: Tetsuo child theme focused on a clean Miketorious-inspired Level Design homepage. Keeps Tetsuo parent/admin compatibility and exposes hero/project images in the WordPress Customizer.
Version: 11.0.0
Template: tetsuo
License: GPLv2 or later
Text Domain: ghouard-ld-v11
*/

:root{
  --gh-bg:#0b0b0c;
  --gh-panel:#111113;
  --gh-panel-2:#171719;
  --gh-text:#f5f1e9;
  --gh-muted:#aaa39a;
  --gh-line:#29292d;
  --gh-accent:#c23b3b;
  --gh-accent-soft:rgba(194,59,59,.18);
  --gh-max:1760px;
  --gh-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html{scroll-behavior:smooth}
body.gh-body{margin:0;background:var(--gh-bg)!important;color:var(--gh-text);font-family:var(--gh-font);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body.gh-body a{text-decoration:none;color:inherit}
body.gh-body img{max-width:100%;display:block}
body.gh-body ::selection{background:var(--gh-accent);color:#fff}

.gh-site{min-height:100vh;background:
  linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
  radial-gradient(circle at 86% 0%,rgba(194,59,59,.105),transparent 32%),
  var(--gh-bg);background-size:48px 48px,48px 48px,100% 100%,100% 100%}
.gh-wrap{width:min(var(--gh-max),calc(100% - 96px));margin:0 auto}

.gh-header{position:sticky;top:0;z-index:200;background:rgba(11,11,12,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--gh-line)}
.gh-nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.gh-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.16em;font-size:12px;text-transform:uppercase;color:var(--gh-text)}
.gh-logo-mark{width:30px;height:30px;border:1px solid var(--gh-text);display:grid;place-items:center;font-size:10px;letter-spacing:.06em}
.gh-menu{display:flex;align-items:center;gap:24px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--gh-muted)}
.gh-menu a{color:var(--gh-muted);transition:color .18s ease, border-color .18s ease}
.gh-menu a:hover{color:var(--gh-text)}
.gh-resume{border:1px solid var(--gh-line);padding:9px 13px;color:var(--gh-text)!important;background:rgba(255,255,255,.03)}

.gh-hero{position:relative;min-height:430px;padding:64px 0 58px;border-bottom:1px solid var(--gh-line);overflow:hidden;isolation:isolate}
.gh-hero-video{position:absolute;top:0;right:0;bottom:0;width:58vw;min-width:760px;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--gh-video-opacity,.34);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.36) 30%,rgba(0,0,0,.76) 52%,#000 74%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.36) 30%,rgba(0,0,0,.76) 52%,#000 74%,#000 100%)}
.gh-hero-video video,.gh-hero-video img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) saturate(.78) brightness(.66)}
.gh-hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,0),rgba(11,11,12,.22) 34%,rgba(11,11,12,.08) 100%)}
.gh-hero-fallback{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(194,59,59,.24),transparent 36%),linear-gradient(124deg,transparent 0 38%,rgba(194,59,59,.16) 38% 39%,transparent 39% 100%),#121214}
.gh-hero-content{position:relative;z-index:2;width:min(830px,58vw)}
.gh-kicker{color:var(--gh-accent);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px}
.gh-title{font-size:clamp(58px,7vw,112px);line-height:.88;letter-spacing:-.075em;margin:0 0 24px;text-transform:uppercase;color:var(--gh-text)}
.gh-lead{font-size:clamp(18px,1.55vw,25px);max-width:830px;color:#e3ddd5;margin:0;line-height:1.34}

.gh-section{padding:36px 0 64px}.gh-work-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.gh-column{min-width:0}.gh-column-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--gh-line);padding-bottom:13px;margin-bottom:18px}.gh-kicker-mini{margin:0;color:var(--gh-accent);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.gh-column-head h2{margin:0;color:var(--gh-muted);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-align:right}.gh-project-stack{display:grid;gap:16px}


.gh-project-row{position:relative;display:block;height:255px;min-height:255px;overflow:hidden;background:rgba(17,17,19,.94);border:1px solid var(--gh-line);isolation:isolate;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.gh-project-row:hover{transform:translateY(-3px);border-color:rgba(194,59,59,.72);background:#161618}
.gh-project-row::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(194,59,59,.055),transparent 36%),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;opacity:.9}
.gh-row-media{position:absolute;top:0;right:0;bottom:0;width:56%;z-index:-1;background:#161618;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 18%,rgba(0,0,0,.52) 46%,#000 78%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 18%,rgba(0,0,0,.52) 46%,#000 78%,#000 100%)}
.gh-row-media img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.74;filter:contrast(1.08) saturate(.88) brightness(.68);transition:transform .35s ease,opacity .25s ease}.gh-project-row:hover .gh-row-media img{transform:scale(1.04);opacity:.92}
.gh-row-media:empty::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 40%,rgba(194,59,59,.20),transparent 34%),linear-gradient(135deg,transparent 0 42%,rgba(194,59,59,.16) 42% 43%,transparent 43% 100%),#151517}.gh-row-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,19,.95) 0%,rgba(17,17,19,.70) 26%,rgba(17,17,19,.22) 56%,rgba(17,17,19,.06) 100%)}
.gh-row-content{height:100%;min-height:255px;display:grid;grid-template-columns:42px minmax(260px,360px) minmax(125px,auto);align-items:end;gap:28px;padding:28px 34px;position:relative;z-index:2}.gh-row-index{align-self:start;color:var(--gh-accent);font-size:12px;font-weight:900;letter-spacing:.18em}.gh-row-content>div{align-self:center;justify-self:start;max-width:360px}.gh-row-content h3{font-size:clamp(34px,2.65vw,46px);line-height:.90;letter-spacing:-.07em;text-transform:uppercase;margin:0 0 14px;color:var(--gh-text);max-width:360px}.gh-row-content p{display:block;margin:0;color:#ded7cf;font-size:12px;line-height:1.35;font-weight:900;letter-spacing:.14em;text-transform:uppercase;max-width:320px}.gh-row-content em{display:block;align-self:end;justify-self:start;margin-bottom:6px;white-space:nowrap;color:var(--gh-text);font-style:normal;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.gh-row-content em::after{content:"  →";color:var(--gh-accent);font-size:18px;vertical-align:-1px}

.gh-footer{border-top:1px solid var(--gh-line);padding:28px 0;color:var(--gh-muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.gh-footer .gh-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media(max-width:1100px){.gh-work-layout{grid-template-columns:1fr}.gh-hero-content{width:min(760px,72vw)}.gh-hero-video{width:62vw;min-width:560px;opacity:.28}.gh-column-head h2{text-align:left}.gh-row-content{grid-template-columns:42px minmax(260px,380px) auto}.gh-row-content h3{max-width:380px}}
@media(max-width:900px){.gh-wrap{width:min(100% - 32px,var(--gh-max))}.gh-menu{gap:14px;font-size:10px}.gh-hero{min-height:0;padding:38px 0}.gh-hero-content{width:100%}.gh-hero-video{display:none}.gh-project-row{height:auto;min-height:285px}.gh-row-media{inset:0;width:100%;-webkit-mask-image:none;mask-image:none;opacity:.28}.gh-row-content{min-height:285px;grid-template-columns:42px 1fr}.gh-row-content em{display:none}.gh-row-content>div{max-width:520px}.gh-row-content h3{max-width:520px}}
@media(max-width:620px){.gh-nav{height:auto;padding:16px 0;align-items:flex-start}.gh-menu{flex-wrap:wrap;justify-content:flex-end}.gh-title{font-size:46px}.gh-lead{font-size:17px}.gh-row-content{padding:20px;gap:14px;grid-template-columns:1fr}.gh-row-index{align-self:start}.gh-row-content h3{font-size:30px}.gh-column-head{align-items:flex-start;flex-direction:column;gap:8px}}


/* About page — V10 */
.gh-about-hero{padding:72px 0 76px;border-bottom:1px solid var(--gh-line);position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(194,59,59,.14),transparent 36%)}
.gh-about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;opacity:.65}
.gh-about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.74fr);gap:64px;align-items:end}
.gh-about-role{margin:0 0 18px;color:var(--gh-accent);font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.gh-about-title{margin-bottom:14px}
.gh-about-lead{margin:0;max-width:780px;color:#e6dfd7;font-size:clamp(20px,2vw,32px);line-height:1.18;letter-spacing:-.03em}
.gh-about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.gh-about-tags span{border:1px solid var(--gh-line);background:rgba(255,255,255,.035);padding:10px 12px;color:var(--gh-muted);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gh-about-image-frame{position:relative;overflow:hidden;background:var(--gh-panel);border:1px solid var(--gh-line);min-height:420px;isolation:isolate}
.gh-about-image-frame::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,11,12,.04),rgba(11,11,12,.46)),linear-gradient(90deg,rgba(194,59,59,.18),transparent 36%);pointer-events:none;mix-blend-mode:normal}
.gh-about-image-frame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.72) brightness(.82)}
.gh-about-portrait{height:560px;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.gh-about-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,rgba(194,59,59,.18),transparent 34%),linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.04) 44% 45%,transparent 45% 100%),#151517;color:var(--gh-muted);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gh-about-section{padding:84px 0;border-bottom:1px solid var(--gh-line)}
.gh-about-split{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1fr);gap:80px}
.gh-about-section h2{margin:0;color:var(--gh-text);font-size:clamp(38px,4.8vw,76px);line-height:.9;letter-spacing:-.07em;text-transform:uppercase}
.gh-about-copy p{margin:0 0 22px;color:#d8d1ca;font-size:clamp(18px,1.35vw,23px);line-height:1.5;max-width:950px}
.gh-about-copy p:last-child{margin-bottom:0}
.gh-about-dark-panel{background:rgba(255,255,255,.018)}
.gh-about-experience{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.gh-about-exp-card{background:rgba(17,17,19,.92);border:1px solid var(--gh-line);padding:34px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.gh-about-exp-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(194,59,59,.09),transparent 38%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;pointer-events:none}
.gh-about-exp-card>*{position:relative;z-index:1}
.gh-about-exp-card h3{margin:20px 0 10px;color:var(--gh-text);font-size:clamp(42px,4vw,70px);line-height:.88;letter-spacing:-.075em;text-transform:uppercase}
.gh-about-exp-role{margin:0 0 28px!important;color:var(--gh-accent)!important;font-size:12px!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase;line-height:1.4!important}
.gh-about-exp-card p{color:#d8d1ca;font-size:18px;line-height:1.48;margin:0 0 28px}
.gh-about-exp-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.gh-about-exp-card li{border:1px solid var(--gh-line);background:rgba(255,255,255,.03);padding:9px 10px;color:var(--gh-muted);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gh-about-feature{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1fr);gap:70px;align-items:center}
.gh-about-wide-image{height:560px;min-height:560px}
.gh-about-feature-copy h2{margin:12px 0 28px}.gh-about-feature-copy p{max-width:820px}
.gh-about-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px;border-bottom:1px solid var(--gh-line);padding-bottom:18px}
.gh-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gh-skill-grid span{min-height:88px;display:flex;align-items:end;background:rgba(17,17,19,.92);border:1px solid var(--gh-line);padding:18px;color:var(--gh-text);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.gh-skill-grid span:hover{transform:translateY(-2px);border-color:rgba(194,59,59,.74);background:#171719}
.gh-about-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:70px;align-items:center}
.gh-about-small-image{height:440px;min-height:440px}
.gh-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.gh-about-actions a{border:1px solid var(--gh-line);background:rgba(255,255,255,.035);padding:13px 16px;color:var(--gh-text);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,color .18s ease}
.gh-about-actions a:hover{border-color:var(--gh-accent);background:var(--gh-accent-soft)}

@media(max-width:1100px){.gh-about-hero-grid,.gh-about-split,.gh-about-feature,.gh-about-closing{grid-template-columns:1fr;gap:38px}.gh-about-portrait{height:520px}.gh-about-experience{grid-template-columns:1fr}.gh-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gh-about-hero{padding:46px 0}.gh-about-section{padding:56px 0}.gh-about-image-frame,.gh-about-portrait,.gh-about-wide-image,.gh-about-small-image{height:380px;min-height:380px}.gh-about-exp-card{padding:24px;min-height:0}.gh-skill-grid{grid-template-columns:1fr 1fr}.gh-about-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.gh-skill-grid{grid-template-columns:1fr}.gh-about-tags span{width:100%;box-sizing:border-box}.gh-about-copy p{font-size:17px}.gh-about-title{font-size:44px}}


/* Modular page renderer */
.gh-modular-page{padding:0 0 70px}.gh-mod-section{border-bottom:1px solid var(--gh-line);padding:70px 0}.gh-mod-section:first-child{padding-top:64px}.gh-mod-eyebrow{margin:0 0 13px;color:var(--gh-accent);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.gh-mod-title{font-size:clamp(44px,6vw,96px);line-height:.88;letter-spacing:-.075em;text-transform:uppercase;margin:0 0 24px;color:var(--gh-text)}.gh-mod-lead{font-size:clamp(18px,1.4vw,24px);max-width:850px;color:#ded7cf;line-height:1.35;margin:0}.gh-mod-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}.gh-mod-copy h2{font-size:clamp(34px,4vw,64px);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 22px}.gh-mod-copy p{color:#d6cec5;font-size:16px;line-height:1.7;margin:0 0 18px;max-width:760px}.gh-mod-image{min-height:420px;background:#151517;border:1px solid var(--gh-line);overflow:hidden;position:relative}.gh-mod-image img{width:100%;height:100%;min-height:420px;object-fit:cover;filter:contrast(1.05) saturate(.86) brightness(.78)}.gh-mod-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,12,.15),transparent 45%)}.gh-mod-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gh-mod-card{background:var(--gh-panel);border:1px solid var(--gh-line);padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.gh-mod-card h3{font-size:clamp(26px,2.4vw,42px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 15px}.gh-mod-card p{color:#d6cec5;line-height:1.55;margin:0}.gh-mod-card ul{margin:16px 0 0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}.gh-mod-card li,.gh-mod-tag{display:inline-flex;border:1px solid var(--gh-line);padding:8px 10px;color:var(--gh-muted);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.03)}.gh-mod-skills{display:flex;flex-wrap:wrap;gap:10px}.gh-mod-skills span{border:1px solid var(--gh-line);background:rgba(255,255,255,.035);padding:12px 14px;color:var(--gh-text);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.gh-mod-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.gh-mod-actions a{border:1px solid var(--gh-line);padding:12px 16px;color:var(--gh-text);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.03)}.gh-mod-actions a:hover{border-color:var(--gh-accent)}
@media(max-width:900px){.gh-mod-grid{grid-template-columns:1fr;gap:28px}.gh-mod-card-grid{grid-template-columns:1fr}.gh-mod-section{padding:46px 0}.gh-mod-image,.gh-mod-image img{min-height:300px}}