/*
Theme Name: iamgsbala
Theme URI: https://iamgsbala.com/
Author: iamgsbala
Author URI: https://iamgsbala.com/
Description: A considered, responsive single-page portfolio for Balamurugan G., WordPress and WooCommerce full-stack developer. Includes editable profile details and custom logo support.
Version: 1.1.0
Requires at least: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iamgsbala
*/
:root{--paper:#f8f7f3;--ink:#252924;--muted:#62675f;--accent:#b94320;--line:#dcded4;--green:#243d32;--soft:#efeee7;--orange:#dc6540}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#f5c4a8;color:#252924}.shell{max-width:1280px;margin:auto;padding-inline:48px}.site-header{position:sticky;top:0;background:rgba(248,247,243,.97);z-index:20;border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand a{text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand-dot,.footer-brand span{color:var(--accent)}.custom-logo-link{display:flex;align-items:center}.custom-logo{width:auto;max-width:220px;max-height:58px}#primary-nav{display:flex;align-items:center;gap:35px}#primary-nav a{text-decoration:none;font-size:14px;font-weight:600}#primary-nav a:hover{color:var(--accent)}#primary-nav .nav-contact{border:1px solid var(--ink);padding:10px 20px;border-radius:99px;display:flex;gap:26px}.menu-toggle{display:none}.skip-link{position:absolute;top:0;left:-9999px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{left:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:58px;align-items:center;padding-top:82px;padding-bottom:84px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px}.tiny-star{font-size:23px;color:var(--accent);line-height:1}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.4vw,76px);line-height:1.055;letter-spacing:-4px;font-weight:600;margin-bottom:26px;max-width:660px}h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-2px;line-height:1.14;font-weight:500;margin-bottom:0}h3{font-weight:500;letter-spacing:-.7px}.hero-intro{max-width:505px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:white;text-decoration:none;padding:14px 22px;font-weight:600;font-size:13px;border-radius:4px}.button:hover{background:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-note{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:42px}.note-line{height:1px;width:28px;background:var(--muted)}.hero-art{min-height:470px;position:relative;background:#eeeee5;border:1px solid #e0e1d6;border-radius:160px 160px 8px 8px;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d7d9cd70 1px,transparent 1px),linear-gradient(90deg,#d7d9cd70 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent)}.orbit{position:absolute;border:1px solid #bdc4b6;border-radius:50%;width:330px;height:220px;left:50%;top:41%;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-two{transform:translate(-50%,-50%) rotate(45deg);width:310px;height:260px}.art-center{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);background:var(--green);color:#f6f3e9;width:185px;height:185px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 45px #273d3226}.code-mark{font-family:monospace;font-size:59px;letter-spacing:-10px;padding-right:12px;line-height:1.2}.art-center>span:last-child{font-size:8px;letter-spacing:1.1px;margin-top:15px}.art-label{position:absolute;display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid #d0d4c8;border-radius:5px;padding:9px 13px;font-size:11px;box-shadow:0 5px 15px #20302308}.label-icon{font-family:Georgia,serif;font-size:19px;color:var(--accent)}.label-top{top:64px;left:40px;transform:rotate(-7deg)}.label-right{top:192px;right:13px;transform:rotate(7deg)}.label-bottom{top:293px;left:40px;transform:rotate(-5deg)}.art-note{position:absolute;bottom:30px;left:28px}.art-note span{font-size:8px;letter-spacing:1.3px;display:block;margin-bottom:9px}.art-note strong{font-family:Georgia,serif;font-size:23px;line-height:1.2;font-weight:400}.art-spark{position:absolute;bottom:29px;right:28px;color:var(--accent);font-size:64px;line-height:1}.specialties{border-block:1px solid var(--line)}.specialties-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:75px;font-size:11px;letter-spacing:1.4px;font-weight:600}.specialties i{font-style:normal;color:var(--accent);font-size:17px}.section{padding-top:92px;padding-bottom:92px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-heading>.eyebrow{margin-bottom:15px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;margin-bottom:3px}.services{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service{padding:26px 23px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.service:last-child{border:0}.service-top{display:flex;justify-content:space-between;color:var(--accent);font-size:24px;font-weight:800;margin-bottom:28px}.service-top span:last-child{font-size:23px;line-height:1}.service h3{font-size:24px;line-height:1.2;min-height:58px}.service p{font-size:13px;color:var(--muted);line-height:1.9}.service-tags{font-size:8px;letter-spacing:.65px;margin-top:auto;padding-top:25px;line-height:1.8}.work-section{background:var(--soft);border-block:1px solid var(--line)}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.project-visual{background:#dbe3d9;position:relative;min-height:370px;padding:50px 35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-window{background:var(--paper);border:1px solid #b8c4b7;box-shadow:14px 15px 0 #c0cebc;width:100%;max-width:400px;transform:rotate(-3deg);border-radius:6px;overflow:hidden}.window-bar{display:flex;justify-content:space-between;padding:10px 15px;background:#edf0e9;border-bottom:1px solid #d5ddd1;font-size:8px;letter-spacing:1px}.window-bar>span:first-child{color:#869480;letter-spacing:3px}.window-content{padding:20px}.window-kicker{font-size:7px;letter-spacing:1.2px}.window-content h3{font-size:27px;margin-bottom:15px}.file-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e1e4da;font-family:monospace;font-size:10px}.file-row b{font-family:Arial,sans-serif;font-size:9px;background:#f8e0bd;color:#744912;padding:2px 6px;border-radius:3px;font-weight:400}.file-row b.added{background:#dcebcf;color:#365529}.window-caption{font-size:8px;margin:12px 0 0;color:var(--muted)}.project-spark{position:absolute;right:9px;bottom:6px;font-size:75px;line-height:1;color:var(--accent)}.pill{font-size:9px;letter-spacing:.8px;padding:7px 10px;border:1px solid #a7b09e;border-radius:20px;display:inline-block}.project-copy h3{font-size:39px;margin:20px 0 15px}.project-copy>p{color:var(--muted);font-size:15px}.project-copy .project-detail{font-size:11px;margin:25px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.experience{display:flex;gap:24px;align-items:center;margin-top:48px}.experience strong{font-size:85px;line-height:1;font-weight:500;letter-spacing:-5px}.experience strong span{font-size:45px;color:var(--accent);vertical-align:top}.experience p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.about-copy p{font-size:15px;color:var(--muted)}.about-copy .large-copy{font-size:23px;color:var(--ink);line-height:1.5;letter-spacing:-.4px}.stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.stack span{padding:5px 12px;border:1px solid var(--line);border-radius:20px;font-size:11px}#approach{border-top:1px solid var(--line)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process article{border-top:1px solid var(--line);padding-top:25px}.process span{font-size:10px;letter-spacing:1.3px;color:var(--accent)}.process h3{font-size:23px;line-height:1.3;margin:18px 0 14px}.process p{color:var(--muted);font-size:14px}.contact-section{background:var(--green);color:var(--paper)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:75px;align-items:center}.contact-inner h2{font-size:clamp(60px,7vw,92px);line-height:1;letter-spacing:-4px}.contact-inner h2 span{color:#f39971}.contact-inner p:not(.eyebrow){max-width:340px;font-size:14px;color:#d0d8cc;margin:25px 0 0}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:25px}.contact-link{font-size:clamp(17px,2vw,26px);letter-spacing:-.6px;text-decoration:none;display:flex;gap:25px;border-bottom:1px solid #a1b09e;padding-bottom:12px;overflow-wrap:anywhere;max-width:100%}.contact-actions .button{background:var(--paper);color:var(--green)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:28px;padding-bottom:28px;font-size:11px}.site-footer p{margin:0}.footer-brand{font-size:22px;font-weight:750;letter-spacing:-1px;text-decoration:none}.content-page{min-height:65vh}.content-page h1{font-size:50px}.content-page article{margin-bottom:40px}.content-page p{max-width:800px}.alignwide{max-width:100%}.alignfull{max-width:100%}.wp-caption{max-width:100%}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.bypostauthor{display:block}
@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1100px){.shell{padding-inline:30px}.hero{gap:28px}.hero-art{min-height:450px}h1{letter-spacing:-2.7px}.services{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.service h3{min-height:auto}.section-heading{gap:30px}.project{gap:35px}.about{gap:45px}.specialties-inner{gap:12px;font-size:9px}.label-top{left:20px}.label-bottom{left:20px}}@media(max-width:800px){html{scroll-padding-top:85px}.admin-bar .site-header{top:46px}.header-inner{min-height:78px;flex-wrap:wrap;gap:0}.brand a{font-size:25px}.custom-logo{max-width:180px;max-height:46px}.has-js .menu-toggle:not([hidden]){display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:7px 12px;background:transparent;border-radius:4px;font-size:12px}#primary-nav{width:100%;padding:15px 0;flex-wrap:wrap;gap:22px}.has-js #primary-nav{display:none}.has-js #primary-nav.is-open{display:flex}#primary-nav a{font-size:13px}#primary-nav .nav-contact{padding:7px 14px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:40px}.hero h1{max-width:570px;font-size:60px}.hero-intro{max-width:570px}.hero-art{min-height:440px;max-width:540px;width:100%;margin:auto}.label-top{left:55px}.label-right{right:40px}.label-bottom{left:55px}.hero-note{margin-top:28px}.specialties-inner{flex-wrap:wrap;justify-content:center;padding-block:18px;font-size:10px;gap:12px 20px}.specialties i{display:none}.section{padding-block:60px}.section-heading{display:block}.section-heading>p{max-width:550px;margin:20px 0 0}.project{grid-template-columns:1fr;gap:35px}.project-copy{padding-bottom:5px}.project-visual{min-height:340px}.about{grid-template-columns:1fr;gap:35px}.experience{margin-top:30px}.about-copy .large-copy{font-size:22px}.process{gap:25px}.process h3{font-size:20px}.contact-inner{gap:35px;grid-template-columns:1fr;padding-block:60px}.contact-inner h2{font-size:76px}.contact-actions{min-height:50px}.site-footer{flex-wrap:wrap}.site-footer p{font-size:10px}}@media(max-width:480px){.shell{padding-inline:22px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-intro{font-size:14px}.hero-actions{gap:22px}.hero-note{font-size:9px}.hero-art{min-height:415px}.art-center{width:160px;height:160px}.orbit{width:275px}.orbit-two{width:260px}.label-top{left:15px;top:54px}.label-right{right:8px;top:174px}.label-bottom{left:15px;top:259px}.art-label{font-size:9px;padding:7px 10px}.art-note{bottom:22px;left:20px}.art-note strong{font-size:21px}.art-spark{font-size:55px;right:18px;bottom:22px}.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line)}.service-top{margin-bottom:15px}.service-tags{padding-top:10px}.process{grid-template-columns:1fr;gap:25px}.section-heading h2,.about h2{font-size:34px;letter-spacing:-1.5px}.project-visual{padding:35px 20px;min-height:300px}.window-content{padding:17px}.file-row{font-size:8px}.window-content h3{font-size:24px}.project-copy h3{font-size:34px}.site-footer{gap:18px}.site-footer>a:last-child{margin-left:auto}.contact-inner h2{font-size:67px}.hero-art .art-note span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Version 1.1: GS identity, product portfolio and project enquiries. */
:root{--accent:#536f10;--green:#233829;--orange:#96ba36;--paper:#f8f9f4;--soft:#eef1e7}
.brand>a{display:flex;align-items:center;gap:17px}.brand-logo{object-fit:contain;width:88px;height:40px;flex-shrink:0}.brand-name{font-size:21px;letter-spacing:-1px;border-left:1px solid var(--line);padding-left:17px}.brand-dot{color:#729723}.line-icon{width:24px;height:24px;display:block}.brand-marker{color:var(--accent)}.brand-marker .line-icon{width:19px;height:19px}.art-signature{position:absolute;right:30px;bottom:31px;color:var(--accent)}.art-signature .line-icon{width:45px;height:45px}.specialty-dot{width:5px;height:5px;border-radius:50%;background:#6d863b;flex-shrink:0}.art-label{background:#fafbf5}.project-grid{display:grid}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;overflow:hidden;border-radius:10px}.product-card .project-visual{min-height:330px;padding:35px}.store-visual{background:#e2e6d2}.store-visual .mini-window{transform:rotate(2deg);box-shadow:12px 14px 0 #cbd2b6}.product-body{padding:30px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:31px;line-height:1.2;margin:20px 0 15px}.product-body h3 small{display:block;font-size:16px;letter-spacing:0;margin-top:5px;color:var(--muted)}.product-body>p{font-size:14px;color:var(--muted)}.product-body .pill{align-self:flex-start;font-size:9px}.product-points{padding:0;list-style:none;font-size:12px;color:var(--muted);margin:2px 0 28px}.product-points li{padding:7px 0;border-bottom:1px solid var(--line)}.product-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:auto}.directory-link{font-size:11px;color:var(--muted)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:15px;font-weight:600}.faq-list p{font-size:14px;color:var(--muted);margin:15px 0 0}.contact-inner{grid-template-columns:1fr 1.2fr;gap:65px;align-items:start}.contact-inner h2{font-size:clamp(45px,5.4vw,70px);letter-spacing:-3px}.contact-inner h2 span{color:#bedb70}.contact-copy .contact-link{display:inline-flex;margin-top:28px;font-size:20px}.contact-expectations{display:grid;gap:16px;margin-top:38px;color:#d0dcc9;font-size:12px}.contact-expectations span{display:flex;align-items:center;gap:12px}.contact-expectations .line-icon{width:18px;height:18px;color:#bdd47d}.contact-panel{background:#fafbf6;color:var(--ink);padding:32px;border:1px solid #d8dfce;border-radius:12px;width:100%;min-width:0}.contact-panel h3{font-size:25px;margin:0 0 8px}.contact-inner .contact-panel p{color:var(--muted);max-width:none;margin:0 0 18px;font-size:12px}.contact-panel .enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry-wide{grid-column:1/-1}.enquiry-grid>div{min-width:0}.contact-panel label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:7px}.contact-panel label span{font-weight:400;color:var(--muted)}.contact-panel input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.contact-panel textarea,.contact-panel select{width:100%;max-width:100%;padding:11px 12px;background:white;border:1px solid #bec7b4;border-radius:4px;color:var(--ink);font:14px/1.5 Arial,sans-serif;min-height:44px}.contact-panel textarea{resize:vertical;min-height:135px}.contact-panel input:focus-visible,.contact-panel textarea:focus-visible,.contact-panel select:focus-visible{outline:2px solid #536f10;outline-offset:2px}.contact-panel input[type=checkbox]{width:17px;height:17px;accent-color:#536f10;margin:2px 8px 0 0;flex-shrink:0}.contact-panel .wpcf7-list-item{margin:0}.contact-panel .wpcf7-acceptance label{display:flex;align-items:flex-start;font-size:12px;line-height:1.6}.contact-panel .wpcf7-acceptance label span{color:var(--ink)}.contact-panel input[type=submit]{border:0;cursor:pointer;background:var(--green);font:600 13px/1.5 Arial,sans-serif;min-height:46px}.contact-panel input[type=submit]:disabled{opacity:.65;cursor:not-allowed}.contact-panel .wpcf7-spinner{vertical-align:middle}.contact-panel .wpcf7-not-valid-tip{font-size:12px;margin-top:6px;color:#9c2525}.contact-panel .wpcf7-response-output{margin:18px 0 0;padding:12px;font-size:13px;color:var(--ink);border-radius:4px}.contact-panel .form-note{line-height:1.65}.contact-panel .form-consent p{margin:0}.contact-panel .enquiry-grid>div>p{margin:0}.contact-panel .form-intro{font-size:12px}.site-footer .footer-brand span{color:var(--accent)}
@media(max-width:1000px){.contact-inner{gap:30px}.contact-panel{padding:24px}.contact-panel .enquiry-grid{grid-template-columns:1fr}.enquiry-wide{grid-column:auto}.faq-section{gap:35px}.product-body{padding:24px}.product-links{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.product-grid,.faq-section,.contact-inner{grid-template-columns:1fr}.contact-inner h2{font-size:64px}.contact-copy>p{max-width:550px}.product-links{flex-direction:row}.contact-panel .enquiry-grid{grid-template-columns:1fr 1fr}.enquiry-wide{grid-column:1/-1}.brand-name{font-size:20px}.brand>a{gap:12px}.brand-logo{width:79px;height:36px}.brand-name{padding-left:12px}.product-card .project-visual{min-height:310px}}
@media(max-width:480px){.brand-name{font-size:18px}.brand-logo{width:70px;height:32px}.product-body h3{font-size:28px}.product-card .project-visual{min-height:285px;padding:30px 22px}.contact-panel .enquiry-grid{grid-template-columns:1fr}.enquiry-wide{grid-column:auto}.contact-panel{padding:22px 18px}.contact-inner h2{font-size:53px;letter-spacing:-2px}.contact-copy .contact-link{font-size:18px}.product-links{flex-direction:column}.brand-name{padding-left:10px}.brand>a{gap:10px}}
.hero-actions .button-secondary{background:#526d19;color:#fff;border:0;padding:14px 22px;border-radius:4px}.hero-actions .button-secondary:hover{background:#3e5411}.hero-actions .button{min-height:49px}