/*
Theme Name: Mahobul Islam Plabon
Theme URI: https://mahobul.com/
Author: Md Mahobul Islam
Description: Personal portfolio and professional services theme for Mahobul Islam Plabon.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mahobul-plabon
*/


    :root{--navy:#153344;--teal:#256f62;--sky:#eaf4f5;--paper:#f7f9f7;--ink:#263b43;--muted:#5d7279;--line:#dce6e5}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif;background:#fff}h1,h2,h3{font-family:Poppins,Inter,Arial,sans-serif;line-height:1.22;color:var(--navy);margin:0 0 .7em}h1{font-size:clamp(2.6rem,5vw,4.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.035em}h3{font-size:1.25rem}p{margin:.1em 0 1.2em}a{color:var(--teal)}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--navy);font:700 1.15rem Poppins,Arial,sans-serif;line-height:1.1}.brand small{display:block;color:var(--teal);font:500 .68rem Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-top:5px}nav{display:flex;gap:19px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--navy);font-size:.86rem;font-weight:650}nav a:hover,nav a:focus{color:var(--teal)}section{scroll-margin-top:90px;padding:96px 0}.hero{padding:115px 0 105px;background:linear-gradient(125deg,#f2f8f7 0%,#fff 65%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center}.eyebrow{color:var(--teal);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:750;margin-bottom:20px}.lead{font-size:1.22rem;line-height:1.65;color:#415961;max-width:720px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.button{display:inline-block;text-decoration:none;background:var(--teal);color:white;padding:12px 21px;border-radius:4px;font-weight:700;font-size:.92rem}.button.secondary{background:transparent;border:1px solid var(--teal);color:var(--teal)}.hero-photo{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.about-photo{width:100%;height:auto;display:block;border-radius:5px}.portrait-block{max-width:440px;margin:30px 0 0 auto}.portrait-block figcaption{font-size:.78rem;color:var(--muted);margin-top:8px}.visual{aspect-ratio:1/1.08;border-radius:48% 48% 8px 8px;background:linear-gradient(145deg,#d4e8e6,#a7c9c5);position:relative;box-shadow:25px 25px 0 #e7f1ee;display:flex;align-items:center;justify-content:center;text-align:center;padding:13%;color:var(--navy)}.visual strong{font:600 clamp(1.5rem,3vw,2.4rem)/1.25 Poppins,Arial,sans-serif}.visual span{display:block;color:#38645f;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:52px}.stat{border-top:2px solid var(--teal);padding:18px 0 0}.stat b{display:block;font-size:1.4rem;color:var(--navy)}.stat span{font-size:.86rem;color:var(--muted)}.section-intro{max-width:760px;margin-bottom:37px}.band{background:var(--paper)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.card{background:white;border:1px solid var(--line);padding:30px;border-radius:5px}.card .num{display:block;color:var(--teal);font-size:.75rem;letter-spacing:.16em;font-weight:700;margin-bottom:20px}.card p{color:var(--muted);margin:0}.tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:13px}.photo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 36px}.photo-gallery figure{margin:0}.photo-gallery img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 34%;border-radius:5px}.photo-gallery figcaption{font-size:.78rem;color:var(--muted);margin-top:8px}.photo-gallery figure:first-child img{object-position:center 25%}.project{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:1fr 2fr;gap:20px}.project p{margin:0;color:var(--muted)}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.resource{padding:25px;border:1px solid var(--line);border-radius:5px;background:#fff}.resource p{color:var(--muted)}.contact{background:var(--navy);color:#d9e8e9}.contact h2{color:#fff}.contact .eyebrow{color:#7ed1c9}.contact .lead{color:#d9e8e9}.contact .button{background:#fff;color:var(--navy)}footer{background:#102b3a;color:#c7d7d9;padding:26px 0;font-size:.85rem}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#c7d7d9}.note{border-left:3px solid var(--teal);padding:3px 0 3px 18px;color:var(--muted)}@media(max-width:820px){.header-row{align-items:flex-start;padding:17px 0;flex-direction:column;gap:15px}nav{gap:10px 17px}nav a{font-size:.8rem}.hero-grid,.two-col{grid-template-columns:1fr}.visual{display:flex;max-width:420px;aspect-ratio:1/1;margin:0 auto 20px}.resources{grid-template-columns:1fr 1fr}section{padding:75px 0}}@media(max-width:560px){.wrap{width:min(100% - 34px,1160px)}.hero{padding:75px 0}.stats,.card-grid,.resources,.photo-gallery{grid-template-columns:1fr}.project{grid-template-columns:1fr;gap:4px}.stats{gap:10px}.stat{padding-top:10px}.lead{font-size:1.08rem}}

    .systems{background:#f3f7f7}.systems-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.systems-head p{max-width:570px;color:var(--muted)}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.visual-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 12px 30px rgba(21,51,68,.035)}.visual-card header{padding:26px 27px 0}.visual-card header span{color:var(--teal);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:750}.visual-card h3{margin:9px 0 5px;font-size:1.35rem}.visual-card p{margin:0;color:var(--muted);font-size:.9rem}.diagram{margin:20px 18px 16px;background:#f9fbfa;border:1px solid #e6eeee;border-radius:4px}.diagram svg{display:block;width:100%;height:auto}.diagram text{font-family:Inter,Arial,sans-serif;fill:var(--navy)}.diagram .small{font-size:12px;font-weight:600}.diagram .label{font-size:14px;font-weight:700}.diagram .note-text{font-size:11px;fill:#587078}.diagram .arrow{stroke:var(--teal);stroke-width:2.2;fill:none;marker-end:url(#arrowhead)}.diagram .box{fill:#fff;stroke:#c5d9d7;stroke-width:1.5}.diagram .accent{fill:#e4f2ef;stroke:#8dbdb7;stroke-width:1.5}.diagram .core{fill:var(--navy)}.visual-card footer{background:transparent;color:var(--muted);padding:0 27px 25px;font-size:.78rem;line-height:1.45}@media(max-width:820px){.systems-head{display:block}.visual-grid{grid-template-columns:1fr}}@media(max-width:560px){.visual-card header{padding:21px 18px 0}.diagram{margin:15px 10px}.visual-card footer{padding:0 18px 20px}}
  


    :root{--navy:#17332f;--teal:#256f62;--sky:#e8efea;--paper:#f5f5f0;--ink:#263932;--muted:#596c64;--line:#d7dfd8;--gold:#ad8456}
    html{scroll-padding-top:92px}
    body{background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.68}
    h1,h2,h3{color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.028em}
    h1{font-size:clamp(3.25rem,5.8vw,5.6rem);line-height:1.04;max-width:710px;margin:0 0 30px}
    h2{font-size:clamp(2.3rem,3.4vw,3.55rem);line-height:1.12;margin-bottom:24px}
    h3{font-size:1.45rem;line-height:1.24}
    p{max-width:74ch}
    .wrap{width:min(1220px,calc(100% - 76px))}
    .site-header{background:rgba(255,255,255,.96);box-shadow:0 2px 20px rgba(23,51,47,.045)}
    .header-row{min-height:88px}.brand{font:650 1.14rem/1.12 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.03em}.brand small{color:var(--gold);font-size:.63rem;letter-spacing:.17em}
    nav{gap:22px}nav a{font-size:.78rem;letter-spacing:.01em;font-weight:650;padding:12px 0;position:relative}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--teal);transition:right .2s ease}nav a:hover::after,nav a:focus-visible::after{right:0}
    section{padding:112px 0}.eyebrow{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.18em;margin-bottom:23px;display:flex;align-items:center;gap:14px}.eyebrow::before{content:"";display:inline-block;width:29px;height:2px;background:var(--gold)}
    .hero{padding:88px 0 100px;background:radial-gradient(circle at 82% 21%,#f4f4eb 0%,transparent 38%),linear-gradient(116deg,#f5f7f3 0%,#eef2ed 100%)}
    .hero-grid{grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);gap:7%;align-items:center}
    .hero .lead{font-size:1.15rem;line-height:1.77;color:#445b51;max-width:630px}
    .button{padding:15px 22px;border-radius:2px;background:var(--navy);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;transition:background .2s,transform .2s}
    .button:hover{background:var(--teal);transform:translateY(-2px)}.button.secondary{border:1px solid var(--navy);color:var(--navy)}.button.secondary:hover{color:#fff}
    .actions{gap:12px;margin-top:33px}.visual{aspect-ratio:4/5;max-height:610px;min-height:450px;border:0;border-radius:2px;background:#dce9e2;box-shadow:18px 18px 0 #d4e2d8;padding:0;overflow:hidden;text-align:left}
    .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.91)}
    .stats{margin-top:55px;gap:27px}.stat{border-top:1px solid #b4c7bb;padding-top:15px}.stat b{font:500 1.55rem/1.2 Georgia,serif;letter-spacing:-.02em}.stat span{font-size:.73rem;letter-spacing:.04em;text-transform:uppercase}
    #about{background:#fff}.two-col{grid-template-columns:.88fr 1.12fr;gap:11%}.two-col>div:first-child{position:sticky;top:120px}.two-col>div:last-child>p{font-size:1.025rem;color:#43574e}.note{border-left-color:var(--gold);background:#f5f7f3;padding:16px 22px!important;color:var(--navy)!important}
    .portrait-block{max-width:285px;margin:38px 0 0 auto}.about-photo{border-radius:2px;background:#eff1ed;border:1px solid #e2e8e1}.portrait-block figcaption,.photo-gallery figcaption{font-size:.75rem;letter-spacing:.035em}
    .band{background:var(--paper)}.section-intro{margin-bottom:49px}.section-intro>p{font-size:1.05rem;color:var(--muted)}
    .card-grid{gap:16px}.card{padding:33px 34px 36px;border-radius:2px;border-color:#e1e7df;min-height:230px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(23,51,47,.07)}.card .num{color:var(--gold);font-size:.7rem;margin-bottom:28px}.card h3{margin-bottom:14px}.card p{font-size:.92rem;line-height:1.68}
    .systems{background:#eaf0eb}.systems-head{align-items:end;margin-bottom:38px}.systems-head p{font-size:1rem}.visual-grid{gap:18px}.visual-card{border:1px solid #d9e3dc;border-radius:2px;box-shadow:none}.visual-card header{padding:28px 29px 0}.visual-card header span{color:var(--gold);font-size:.68rem}.visual-card h3{font-size:1.56rem;margin:9px 0 9px}.visual-card p{font-size:.9rem}.diagram{margin:24px 20px 16px;background:#f7f9f5;border-color:#e1e9e2;border-radius:2px}.diagram .box{stroke:#c7d9cf}.diagram .accent{fill:#e0eee6;stroke:#8ebaa2}.diagram .core{fill:var(--navy)}.diagram text{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.diagram .note-text{fill:#586e60}.visual-card footer{font-size:.8rem;line-height:1.55;padding:0 29px 29px}
    .photo-gallery{gap:22px;margin-bottom:55px}.photo-gallery img{height:360px;border-radius:2px;filter:saturate(.92)}.photo-gallery figure:first-child img{object-position:center 29%}.photo-gallery figure:nth-child(2) img{object-position:center 40%}
    .tag{color:var(--teal);font-size:.68rem}.project{grid-template-columns:.9fr 1.4fr;gap:9%;padding:34px 0}.project h3{margin:0}.project p{font-size:.98rem;line-height:1.72}
    .resource{border-radius:2px;padding:31px;min-height:200px}.resource h3{margin-bottom:16px}.resource p{font-size:.93rem}
    .contact{background:#17332f;padding:104px 0}.contact h2{color:#fff;max-width:740px}.contact .eyebrow{color:#a9d3bd}.contact .eyebrow::before{background:#d4ae7f}.contact .lead{font-size:1.22rem;max-width:760px;color:#d7e5da}.contact p:last-child{font-size:.87rem;color:#a9c0b0}
    body>footer{background:#112823;border-top:1px solid #35544b;padding:30px 0;color:#c2d4c8}
    a:focus-visible{outline:3px solid #b99262;outline-offset:3px}
    @media(max-width:950px){.header-row{align-items:flex-start;flex-direction:column;padding:17px 0;gap:9px}nav{max-width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}.hero-grid{grid-template-columns:1fr .75fr;gap:30px}.hero h1{font-size:clamp(3rem,6vw,4.4rem)}.visual{min-height:370px}.stats{gap:12px}.stat b{font-size:1.2rem}}
    @media(max-width:720px){.wrap{width:min(100% - 38px,1220px)}section{padding:78px 0}.hero{padding:70px 0}.hero-grid,.two-col{grid-template-columns:1fr}.hero h1{font-size:clamp(2.9rem,11vw,4.2rem)}.visual{width:100%;max-width:440px;min-height:0;aspect-ratio:4/4;margin:20px 0 12px;box-shadow:12px 12px 0 #d4e2d8}.two-col>div:first-child{position:static}.systems-head{display:block}.visual-grid{grid-template-columns:1fr}.photo-gallery{grid-template-columns:1fr 1fr}.photo-gallery img{height:250px}.resources{grid-template-columns:1fr 1fr}.contact{padding:76px 0}}
    @media(max-width:500px){.stats{grid-template-columns:repeat(3,1fr);gap:10px}.stat b{font-size:1.05rem}.stat span{font-size:.62rem;line-height:1.35;display:block}.photo-gallery,.card-grid,.resources{grid-template-columns:1fr}.photo-gallery img{height:300px}.project{grid-template-columns:1fr;gap:5px}.diagram{margin:17px 10px}.visual-card header{padding:21px 18px 0}.visual-card footer{padding:0 18px 23px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
  

.energy-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:10px}.energy-card header{padding:30px 34px}.energy-card .diagram{margin:22px 22px 5px 0}.energy-card footer{grid-column:1/-1;padding:0 34px 24px}.recognition{display:grid;grid-template-columns:160px 1fr;gap:35px;align-items:center;margin-top:58px;background:#eff3ed;border-left:4px solid var(--gold);padding:34px 38px}.recognition-mark{display:grid;place-items:center;height:120px;border:1px solid #afc8b6;color:var(--navy);font:500 1.55rem Georgia,serif;letter-spacing:-.03em}.recognition h3{margin-bottom:8px}.recognition p{color:var(--muted);margin:0}@media(max-width:720px){.energy-card{display:block}.energy-card .diagram{margin:10px 18px 16px}.energy-card footer{padding:0 18px 22px}.recognition{grid-template-columns:1fr;gap:20px;padding:25px}.recognition-mark{max-width:160px;height:78px}}


    :root{--navy:#0b263b;--teal:#277b92;--sky:#dfeef2;--paper:#0b2538;--ink:#e8f1f4;--muted:#adc4cf;--line:#34566b;--gold:#c8a76c}
    html{background:#061c2b}body{background:#071f30;color:var(--ink)}
    h1,h2,h3{color:#f3f7f8}p{color:#c6d9e1}a{color:#7fc1d2}
    .site-header{background:rgba(7,30,47,.96);border-bottom:1px solid #365166;box-shadow:0 5px 25px rgba(0,0,0,.12)}
    .brand,nav a{color:#edf5f8}.brand small{color:var(--gold)}nav a:hover,nav a:focus{color:#87cddd}nav a::after{background:var(--gold)}
    .hero{background:radial-gradient(ellipse at 82% 10%,#174865 0%,transparent 42%),linear-gradient(135deg,#081d30 0%,#0c3049 72%,#0e3c56 100%)}
    .hero::after{content:"";display:block;height:1px;width:min(1220px,calc(100% - 76px));margin:84px auto -100px;background:#34556a}
    .hero .eyebrow{color:#9bd1d9}.hero h1{color:#fff}.hero .lead{color:#c5dae3}.visual{background:#16455c;box-shadow:18px 18px 0 #19435a}
    .button{background:var(--gold);color:#102a3b}.button:hover{background:#e1be81;color:#0b263b}.button.secondary{border-color:#92c7d3;background:transparent;color:#e5f2f5}.button.secondary:hover{background:#15516b;border-color:#15516b;color:#fff}
    .stat{border-top:1px solid #558093}.stat b{color:#fff}.stat span{color:#b0cbd5}
    #about{background:#09263a}.two-col>div:last-child>p{color:#bed2db}.note{border-left-color:var(--gold);background:#14374a;color:#e1edf1!important}.portrait-block figcaption,.photo-gallery figcaption{color:#a9c7d1}.about-photo{border:1px solid #496276;background:#dce7e9}
    .band{background:#0d2b40}.section-intro>p,.systems-head p{color:#b9d0d8}.card{background:#12364b;border:1px solid #35576a;box-shadow:none}.card:hover{box-shadow:0 18px 28px rgba(0,0,0,.18);border-color:#6e9ca9}.card .num,.visual-card header span{color:var(--gold)}.card p,.resource p{color:#bad0d7}
    .systems{background:#082336}.visual-card{background:#103247;border-color:#36586b}.visual-card p,.visual-card footer{color:#c1d4db}.diagram{background:#eaf1f2;border:1px solid #a9c2c9}.diagram text{fill:#15374a}.diagram .note-text{fill:#486571}.diagram .box{fill:#fff;stroke:#a9c4ca}.diagram .accent{fill:#d4e9e9;stroke:#82b7bf}.diagram .core{fill:#0d3b53}.diagram .arrow{stroke:#277b92}
    #projects{background:#09283b}.photo-gallery img{border:1px solid #426175}.project{border-top:1px solid #38576a}.project p{color:#bfd3dc}.tag{color:#8bcbd3}
    .recognition{background:#12394d;border-left-color:var(--gold)}.recognition-mark{border-color:#ad9569;color:#e4c590}.recognition p{color:#bed1d8}
    #resources{background:#0b2a40}.resource{background:#13374b;border-color:#3b5b6b}.resource h3{color:#fff}
    .contact{background:radial-gradient(circle at 90% 10%,#18516b 0%,transparent 44%),#061b2c;border-top:1px solid #456579}.contact .eyebrow{color:#9bd0d9}.contact .lead{color:#d0e2e8}.contact p:last-child{color:#d0e2e8}
    .contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:890px;margin-top:36px}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-decoration:none;background:#123c54;border:1px solid #54758a;padding:20px 22px;color:#eaf4f7;transition:background .2s,border-color .2s}.contact-links a:hover{background:#17516c;border-color:#9fc8d2}.contact-links a span:first-child{grid-column:1/-1;font-size:.69rem;text-transform:uppercase;letter-spacing:.14em;color:#b4d3da}.contact-links a strong{font-weight:600;font-size:1.02rem;overflow-wrap:anywhere}.contact-links a span:last-child{font-size:1.5rem;color:var(--gold)}
    body>footer{background:#051725;border-top-color:#38576a;color:#b6cbd3}
    @media(max-width:720px){.visual{box-shadow:12px 12px 0 #19435a}.contact-links{grid-template-columns:1fr}.hero::after{display:none}}
  


    /* Photo treatment keeps the supplied photographs intact while integrating them with the ocean palette. */
    .hero-grid{gap:6.4%}
    .visual{position:relative;isolation:isolate;overflow:hidden;padding:0;border-radius:16px 16px 104px 16px;box-shadow:none;background:linear-gradient(145deg,#254e65,#09283c);outline:1px solid rgba(164,209,221,.45);outline-offset:8px}
    .visual::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(130deg,rgba(8,35,55,.26),transparent 44%),linear-gradient(0deg,rgba(5,27,43,.68) 0%,rgba(9,47,68,.07) 42%,rgba(13,52,75,.1) 100%);mix-blend-mode:multiply}
    .visual::after{content:"MAHOBUL ISLAM PLABON  /  CIRCULAR ECONOMY ADVISER";position:absolute;z-index:3;left:26px;right:40px;bottom:31px;padding-top:13px;border-top:1px solid rgba(226,243,247,.65);color:#f5f8f9;font:700 clamp(.58rem,.72vw,.75rem)/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.14em;text-align:left;text-shadow:0 2px 12px #062437}
    .hero-photo{height:100%;width:100%;object-fit:cover;object-position:center 26%;filter:saturate(.8) contrast(1.06) brightness(.94)}
    .portrait-block{position:relative;max-width:305px;margin:40px 0 0 auto;padding:12px 12px 30px;background:linear-gradient(145deg,#285269,#12374c);border:1px solid #638598;box-shadow:18px 18px 0 rgba(27,75,99,.62)}
    .portrait-block::after{content:"";pointer-events:none;position:absolute;inset:12px 12px 30px;background:linear-gradient(180deg,rgba(26,80,106,.14),rgba(8,41,63,.35));mix-blend-mode:multiply}
    .about-photo{width:100%;border:0;border-radius:0;filter:saturate(.78) contrast(1.05)}.portrait-block figcaption{position:absolute;left:15px;bottom:5px;color:#deeff4;font-size:.64rem;text-transform:uppercase;letter-spacing:.15em}
    .photo-gallery figure{position:relative;background:#123c54;overflow:hidden;border:1px solid #496e80}.photo-gallery img{border:0;border-radius:0;filter:saturate(.7) contrast(1.08);transition:transform .5s ease,filter .5s ease}.photo-gallery figure::after{content:"";position:absolute;inset:0 0 31px;pointer-events:none;background:linear-gradient(180deg,rgba(8,47,70,.08),transparent 35%,rgba(5,29,48,.32));mix-blend-mode:multiply}.photo-gallery figure:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.04)}.photo-gallery figcaption{margin:0;padding:7px 11px;color:#c6dce4;font-size:.72rem}
    h1{font-size:clamp(3rem,5.4vw,5.4rem);letter-spacing:-.045em;line-height:1.07}h2{font-size:clamp(2.15rem,3.2vw,3.3rem)}.hero .lead{font-size:clamp(1.04rem,1.25vw,1.16rem)}
    .dynamic-type{background:linear-gradient(105deg,#f0f7f9 0%,#9fd6df 34%,#dfbf83 68%,#afdce5 100%);background-size:210% 100%;background-clip:text;-webkit-background-clip:text;color:#c2dce5;-webkit-text-fill-color:transparent;animation:oceanShift 13s ease-in-out infinite alternate}
    @keyframes oceanShift{from{background-position:0% 50%}to{background-position:100% 50%}}
    .eyebrow{color:#8ec9d4}.section-intro h2,.systems-head h2{background:linear-gradient(110deg,#fff 0%,#cee4ea 70%,#b8d8df 100%);background-clip:text;-webkit-background-clip:text;color:#f2f7f8;-webkit-text-fill-color:transparent}
    .card h3,.visual-card h3,.project h3,.resource h3{font-size:clamp(1.3rem,1.7vw,1.55rem)}
    @media(max-width:950px){.visual{min-height:390px}.visual::after{font-size:.58rem;left:17px;right:20px;bottom:20px}}
    @media(max-width:720px){.visual{max-width:460px;aspect-ratio:4/4.4;min-height:0;margin:30px auto 18px;outline-offset:5px;border-radius:12px 12px 70px 12px}.portrait-block{margin-right:18px}h1{font-size:clamp(2.65rem,9vw,4.1rem)}}
    @media(prefers-reduced-motion:reduce){.dynamic-type{animation:none}}
  

.regional-heading{margin:68px 0 12px;padding:30px 35px 27px;background:#10374d;border-left:3px solid var(--gold)}.regional-heading h3{font-size:clamp(1.7rem,2.3vw,2.2rem);margin:4px 0 12px}.regional-heading p{margin:0;color:#bed3dc;max-width:800px}.regional-heading .tag{color:#d5bb83}@media(max-width:720px){.regional-heading{margin-top:45px;padding:25px 22px}}

.energy-card{grid-column:auto;display:block}.energy-card header{padding:28px 29px 0}.energy-card .diagram{margin:24px 20px 16px}.energy-card footer{padding:0 29px 29px}.waste-card .diagram svg{min-height:190px}.waste-card .diagram .small{font-size:12px}@media(max-width:720px){.energy-card header{padding:21px 18px 0}.energy-card .diagram{margin:17px 10px}.energy-card footer{padding:0 18px 23px}}

.innovation-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:10px}.innovation-card header{padding:30px 34px}.innovation-card .diagram{margin:22px 22px 5px 0}.innovation-card footer{grid-column:1/-1;padding:0 34px 24px}@media(max-width:720px){.innovation-card{display:block}.innovation-card header{padding:21px 18px 0}.innovation-card .diagram{margin:17px 10px}.innovation-card footer{padding:0 18px 23px}}

.social-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.social-links>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:#a9c6d1;margin-right:8px}.social-links a{display:inline-block;text-decoration:none;color:#e9f4f5;border:1px solid #5e8796;padding:9px 14px;font-size:.8rem;font-weight:650;transition:background .2s,border-color .2s}.social-links a:hover{background:#19536b;border-color:#a8cdd5}@media(max-width:500px){.social-links>span{width:100%}}